@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Regular.woff2') format('woff2'),
        url('../fonts/DMSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Bold.woff2') format('woff2'),
        url('../fonts/DMSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Medium.woff2') format('woff2'),
        url('../fonts/DMSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2'),
        url('../fonts/Inter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
  --primary-color: #0B2955;
  --white:#fff;
  --text-blue:#020563;
  --text-red:#FF232B;
  --bg-dark-blue:#051839;
  --bg-light-blue: #0D3570;
  --common-bg-blue:#0D1F4C;
  --text-light-blue:#004092;
  --black:#000;
  --copyright-bg:#020033;
  --copyright-text:#A9A9A9;
  --light-bg:#F2F3F3;
  --placeholder-text:#979797;
}

html, body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	overflow-x: hidden;
}

body {
	 font-family: 'DM Sans';
	color: #161824;
    font-weight: normal;
    font-style: normal;
	font-size: 16px;
	background: #FFF ;
	color: #FFF;

}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;
	-moz-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	 font-family: 'DM Sans';
    font-weight: bold;
	font-size: 28px;
	margin: 0px;
	padding: 0px;
}

h2 {
	 font-family: 'DM Sans';
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	 font-family: 'DM Sans';
    font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, time {
	display: block;
}



*{
	box-sizing: border-box;
}

/* .page-center{
	max-width: 1440px;
	width: 100%;
	padding-left: 83px;
	padding-right: 44px;
	margin: 0 auto;
} */

.page-center{
	max-width: 1440px;
	width: 100%;
	padding-left: 80px;
	padding-right: 80px;
	margin: 0 auto;
}

.d-flex{
	display: flex;
}

.top-banner{
	/* background: url(../images/banner.jpg) no-repeat 0 0; */
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	min-height: 810px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

header{
	position: absolute;
	color: var(--white);
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 46, 114, 0.04) 100%);
    min-height: 287px;
	font-family: 'Inter';
	padding: 20px 0 0;
	z-index: 2;
}

.header-flex{
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.header-right-wrapper{
	flex-grow: 1;
	flex-direction: column;
    align-items: flex-end;
	gap: 12px;
}

.header-top{
	font-size: 12px;
	gap: 30px;
	align-items: center;
}

.header-top a{
	color: var(--white);
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.header-top a:hover{
	color: var(--text-red);
}

.top-contacts{
	gap: 30px;
	align-items: center;
}

.top-contact-icon{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	flex-shrink: 0;
}
.top-contact-single{
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.top-contact-single{
	gap: 5px;
	align-items: center;
}

.login-btn{
	background: var(--primary-color);
	border: solid 1px var(--white);
	border-radius: 18px;
	gap: 8px;
	font-family: 'Inter';
	cursor: pointer;
	padding: 0;
	align-items: center;
	transition: all 0.3s ease-in;
	position: relative;
	height: 34px;
	width: 95px;
}


.login-btn .login-text{
	color: var(--text-blue);
	border-radius: 16px;
	transition: all 0.3s ease-in;
	width: 63px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	z-index: 1;
}

.login-btn::after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 63px;
	height: 32px;
	background: var(--white);
	border-radius: 16px;
	transition: all ease .3s;
}

.login-btn:hover::after{
	left: 100%;
	width: 34px;
	left: 63px;
}

.login-btn:hover .login-text{
	color: var(--white);
}

.login-btn.active .login-text,.login-btn.active:hover .login-text{
	color: var(--text-blue);
}

.login-btn.active::after,.login-btn.active:hover::after{
	width: 100%;
	left: 0;
}

.login-btn .login-img{
	border-radius: 50%;
	transition: all 0.3s ease-in;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-btn .login-img img{
	display: block;
}

.login-btn:hover .login-img img,.login-btn.active:hover .login-img img,.login-btn.active .login-img img{
	filter: brightness(0) saturate(100%) invert(14%) sepia(31%) saturate(4154%) hue-rotate(223deg) brightness(95%) contrast(134%);
}



.flag-dropdown-mainwrapper{
	position: relative;
}

.flag-downarrow{
	background: url(../images/flag-downarrow.png) no-repeat 0 0;
	background-size: 100%;
	width: 6px;
	height: 4px;
	cursor: pointer;
}

.flag-img{
	cursor: pointer;
}

.flag-selected{
	align-items: center;
	gap: 6px;
}

.header-bottom-menu{
	list-style: none;
	padding: 0;
	margin: 0;
    background: #0000004D;
	gap: 15px;
	border-radius: 18px;
}

.header-bottom-menu li{
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	border: solid 1px transparent;
	transition: all ease .3s;
	border-radius: 18px;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
	position: relative;
}

.header-bottom-menu a{
	color: var(--white);
}
.header-bottom-menu .become-member-btn a:hover{
    color: var(--text-blue);
}

.header-bottom-menu li.become-member-btn,button.become-member-btn{
	background: var(--text-red);
	font-weight: 600;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

button.become-member-btn{
	font-size: 14px;
	font-weight: 500;
	border: solid 1px transparent;
	transition: all ease .3s;
	border-radius: 18px;
	color: var(--white);
	font-family: 'Inter';
	padding: 8px 20px;
	cursor: pointer;
}

.header-bottom-menu li.become-member-btn:hover,button.become-member-btn:hover{
  background: var(--white);
  border-color: var(--text-red);
  color: var(--text-blue);
}

.header-bottom-menu li.become-member-btn.active,.header-bottom-menu li.become-member-btn.active:hover{
  background: var(--primary-color);
  border-color: var(--text-red);
  color: var(--white);
}

.header-bottom-menu li:hover{
	border-color: var(--text-red);
}

.header-bottom-menu li.active,.header-bottom-menu li.active:hover{
	background: var(--white);
	color: var(--text-blue);
	border-color: var(--text-red);
}

.banner-text{
	max-width: 950px;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-family: 'DM Sans';
	display: flex;
    flex-direction: column;
    gap: 20px;
	align-items: flex-start;
	z-index: 1;
}


.banner-text h1,.icx-bottom-banner-text h1{
	font-size: 47px;
	font-weight: 500;
	text-shadow: 8px 8px 6px rgba(0, 0, 0, 1);
}

.top-banner-common .banner-text h1{
	text-shadow: 0px 2px 14px rgba(0, 0, 0, 0.67);
}

.banner-text h1 span,.icx-bottom-banner-text h1 span{
	font-weight: bold;
	color: var(--text-red);
}

.icx-specialities{
	background: var(--bg-dark-blue);
	min-height: 330px;
	position: relative;
    z-index: 1;
    margin-top: -1px;
}

.icx-speciality-center{
	max-width: 1024px;
	width: 100%;
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	top: -160px;
	left: 50%;
    transform: translateX(-50%);
}

.icx-speciality-item{
	background: rgba(11, 41, 85, 0.6);
	max-width: calc(33.33% - 32px);
	flex-basis: calc(33.33% - 32px);
	color: #fff;
	padding: 30px 35px 30px 45px;
	border-radius: 24px;
	 overflow: hidden;
    transition: all 0.4s ease;
	 position: relative;
	 transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
     display: flex;
     flex-direction: column;
}
.icx-speciality-item .icon{

    height: 110px;
}
.icx-speciality-item:hover{
	background: rgba(11, 41, 85, 1);
}



.icx-speciality-item:hover , .benefit-item:hover{
  transform: translateY(-6px);
}

/* Diagonal line glow from top-left to icon area */
.icx-speciality-item::before,.benefit-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgb(124 185 218 / 50%) 0%,  rgba(75, 120, 180, 0.25) 20%,  rgba(11, 41, 85, 0) 60% );
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
  /* mix-blend-mode: screen; */
}

/* Glow appears on hover */
.icx-speciality-item:hover::before,.benefit-item:hover:before {
  opacity: 1;
}
/*
.icx-speciality-item::before,.benefit-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 50, 120, 0.15), rgba(0, 200, 255, 0.15));
  mix-blend-mode: overlay;
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 0.6s ease, transform 0.8s ease;
}


.icx-speciality-item::after,.benefit-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 0.6s ease, transform 0.8s ease;
  height: 55%;
}

.icx-speciality-item:hover,.benefit-item:hover {
  background: linear-gradient(135deg, rgba(255, 40, 90, 0.25), rgba(15, 80, 255, 0.25));
  box-shadow: 0 0 25px rgba(0, 150, 255, 0.3);
  transform: translateY(-8px);
}

.icx-speciality-item:hover::before,
.icx-speciality-item:hover::after ,
.benefit-item:hover::before,
.benefit-item:hover::after
{
  opacity: 1;
  transform: scale(1);
}


@keyframes gradientMove {
  0% { background-position: 0 0; }
  100% { background-position: 200% 200%; }
} */

.benefit-item{
	position: relative;
	overflow: hidden;
}

.icx-speciality-item:hover::before {
  animation: gradientMove 4s linear infinite;
}

.icx-speciality-item .description{
	padding: 50px 0 0;
}

.icx-speciality-item .description h2{
	font-weight: bold;
	padding: 0px 0 0px 18px;
	position: relative;
	font-size: 22px;
}

.icx-speciality-item .description p{
	padding: 30px 0 0;
	font-weight: 500;
	line-height: 27px;
	padding-right: 12px;
}

.icx-speciality-item .description h2::before{
	position: absolute;
	content: '';
	background: var(--text-red);
	left: 0;
	top: 0;
	width: 8px;
	height: 100%;
}

.why-choose-icx-top{
	background: var(--bg-light-blue);
	padding: 58px 0 0px;
}

.why-choose-icx-bg{
	background: url(../images/why-choose-bg.jpg) no-repeat 0 0 var(--bg-light-blue);
  	background-position: 0 200px;
    background-size: cover;
    width: 100%;
    min-height: 615px;
    padding-bottom: 90px;
}

.why-choose-icx-right{
	flex-basis: 50%;
	max-width: 50%;
	width: 100%;
	position: relative;
    z-index: 2;
	margin: 35px 0 0;
}

.why-choose-icx-right img{
	position: relative;
	z-index: 1;
}

.why-choose-icx-right::after{
	position: absolute;
	content: '';
	background: url(../images/spacer.png) no-repeat 0 0;
	background-size: 100%;
	width: 100px;
	height: 100px;
	top: 25px;
	right: 0;
	z-index: 0;
}

.why-choose-icx-left{
	flex-grow: 1;
	flex-basis: 50%;
	max-width: 50%;
	width: 100%;
}

.why-choose-title{
	background: var(--bg-light-blue);
	position: relative;
}

.why-choose-title::before{
	position: absolute;
	content: '';
	width: 60vw;
	height: 100%;
	top: 0;
	right: 0;
	background: var(--bg-light-blue);
}

.why-choose-title::after{
	position: absolute;
	content: '';
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--bg-light-blue);
}

.why-choose-title h2{
	font-size: 36px;
	font-weight: bold;
	color: var(--white);
	    padding: 35px 0 35px 125px;
	position: relative;
	z-index: 1;
}

.why-choose-desc-top{
	font-weight: 500;
	color: var(--white);
	line-height: 27px;
}

.why-choose-top-desc{
	position: relative;
	font-weight: 500;
}

.why-choose-top-desc::before{
	position: absolute;
	content: '';
	width: 60vw;
	height: 100%;
	top: 0;
	right: 0;
	background: #082043;
}

.why-choose-top-desc::after{
	position: absolute;
	content: '';
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--bg-light-blue);
}

.why-choose-top-desc > div{
	background: rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 1;
    padding: 33px 50px 28px 160px;
	line-height: 27px;
	border-top-right-radius: 30px;
}

.why-choose-bottom-desc::before{
	position: absolute;
	content: '';
	width: 60vw;
	height: 100%;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.44);
	border-bottom-right-radius: 30px;
}

.why-choose-bottom-desc > div{
	background: transparent;
    position: relative;
    z-index: 1;
    padding: 33px 50px 28px 160px;
	line-height: 27px;
	border-bottom-right-radius: 30px;
}

.why-choose-bottom-desc{
	position: relative;
}

.why-choose-icx-main-wrapper{
	overflow: hidden;
	margin-top: -100px;
	position: relative;
    z-index: 2;
}

.icx-quotes{
	/* min-height: 105px; */
	background: rgba(242, 243, 243, 1) linear-gradient(215.53deg, rgba(0, 103, 255, 0) 50.52%, rgba(25, 101, 214, 0.3) 79.17%);
	padding: 80px 0 50px;
}

.quotes-img img{
	display: block;
}

.quotes-img{
	padding-left: 125px;
	flex-shrink: 0;
}

.quotes-main-wrapper{
	padding: 80px 0;
	flex-grow: 1;
}

.quotes-description{
	background: var(--white);
	padding: 65px 76px;
	border-radius: 24px;
	color: var(--black);
}

.quotes-description p{
	padding-bottom: 15px;
}

.icx-quotes-right{
	padding: 80px 0;
}

.icx-quotes-flex{
	display: flex;
	padding-top: 25px;
}

.icx-quotes-flex > div:first-child{
	flex-basis: 52%;
    max-width: 52%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: -45px;
	z-index: 1;
}

.icx-quotes-flex > div:last-child{
	flex-basis: 48%;
	max-width: 48%;
}

.icx-quotes-description{
	background: var(--white);
	width: 100%;
	/* border-top-left-radius: 24px;
	border-bottom-left-radius: 24px; */
	/* padding: 64px 76px; */
	line-height: 27px;
	color: var(--black);
	position: relative;
	font-weight: 500;
}

.icx-quotes-center::before{
	position: absolute;
	content: '';
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/quotes-icon.png) no-repeat 0 0;
	background-size: 100%;
	width: 60px;
	height: 61px;
}

.icx-quotes-center::after{
	position: absolute;
	content: '';
	top:  60%;
	right: -30px;
	transform: translateY(-50%);
	background: url(../images/quotes-icon.png) no-repeat 0 0;
	background-size: 100%;
	width: 60px;
	height: 61px;
}



.icx-quotes-description-in{
	max-width: 462px;
	width: 100%;
}

.icx-quotes-description p{
	padding-bottom: 20px;
}

.icx-quotes-description h3{
	color: var(--text-light-blue);
	font-size: 30px;
	font-weight: 500;
	/* padding-bottom: 10px; */
}

.icx-quotes-description p.author-role{
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 0;
}

.author-role-wrapper{
	align-items: center;
	gap: 8px;
}

.icx-bottom-banner{
	background: url(../images/icx-bottom-banner.png) no-repeat center center / cover var(--primary-color);
	width: 100%;
	min-height: 756px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.icx-bottom-banner-in{
	justify-content: flex-end;
	align-items: center;
}

.icx-bottom-banner-in img{
	width: 648px;
}

.icx-bottom-banner-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	max-width: 620px;
    width: 100%;
	z-index: 2;
}

.icx-benefits{
	background: var(--primary-color);
	padding: 90px 0 0px;
	position: relative;
}

.icx-benefits::after{
	position: absolute;
    content: '';
    /* background: url(../images/curve.svg) no-repeat 0 0; */
    width: 100%;
    height: 75px;
    top:100%;
    left: 0;
	border-bottom-left-radius: 56% 80%;
    border-bottom-right-radius: 56% 80%;
	background: var(--primary-color);
    /* background-size: 100%;
    transform: rotate(180deg); */
}

h2.section-title{
	font-size: 37px;
	font-weight: bold;
	text-align: center;
}

.benefits-flex > div{
	max-width: calc(33% - 32px);
    flex-basis: calc(33% - 32px);
	background: var(--bg-light-blue);
	border-radius: 20px;
	padding: 40px 43px 36px 36px;
}

.benefits-flex{
	padding: 45px 0 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px;
	max-width: 1150px;
	width: 100%;
}

.benefit-icon{
	position: relative;
	display: inline-flex;
}

.benefit-icon::after{
	position: absolute;
	content: '';
	background: #FF0000;
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 2px;
}

.benefits-flex p{
	font-weight: 500;
	line-height: 27px;
	padding-top: 30px;
}

.icx-members-center{
	margin-top: 132px;
	padding-bottom: 22px;
}

.icx-members h2{
	color: var(--black);
}



.icx-members-flex {
	flex-wrap: wrap;
	justify-content: center;

}

.icx-member-item{
	width: 150px;
	height: 150px;
}

.icx-member-item img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: block;
	padding: 8px;
}
.light-bluecurve{
   /* background: url(../images/light-curve.svg) no-repeat 0 0; */
    width: 100%;
    height: 50px;
    background-size: 100%;
	position: relative;
    /* bottom: -30px; */
    z-index: 1;
    background: #E5F0FF;
    border-top-left-radius: 50% 40%;
    border-top-right-radius: 50% 40%;
}

.light-bluecurve .btn-wrapper{
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.footer-top{
	background: var(--primary-color);
	padding: 58px 0 23px;
	z-index: 2;
	position: relative;
}

.footer-right{
	flex-grow: 1;
	justify-content: flex-end;
	gap: 100px;
	align-items: flex-start;
}

.footer-social-links{
	gap: 23px;
	align-items: center;
}

.footer-wrapper{
	align-items: flex-start;
}

.footer-links {
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	gap: 36px;
	font-family: 'Inter';
	padding: 0;
	margin: 0;
}

.footer-links a,footer .top-contacts a{
	color: var(--white);
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.footer-links a:hover,footer .top-contacts a:hover{
	color: var(--text-red);
}

.footer-main-wrapper{
	flex-direction: column;
	gap: 45px;
	justify-content: flex-end;
	font-family: 'Inter';
	font-size: 12px;
	align-items: flex-end;
}

button.btn-membership-payment{
	font-size: 12px;
    border: solid 1px var(--text-red);
    transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    border-radius: 18px;
    color: var(--white);
    font-family: 'Inter';
    padding: 8px 20px;
    cursor: pointer;
	background: transparent;
}

button.btn-membership-payment:hover{
	background: var(--white);
	color: var(--text-blue);
}

.footer-bottom{
	background: var(--copyright-bg);
	padding: 22px 0;
	color: var(--copyright-text);
	font-size: 12px;
}

.footer-bottom-main-wrapper{
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-family: 'Inter';
}

.footer-bottom-menu{
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 42px;
}

.footer-bottom-menu li a{
	color: var(--copyright-text);
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
	text-decoration: underline;
}

.footer-bottom-menu li a:hover{
	color: var(--text-red);
}

.icx-benefits-center{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.icx-speciality-item .icon img{
	width: 90px;
	transition: all 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.benefit-item .benefit-icon img{
	transition: all 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.icx-speciality-item:hover .icon img,.benefit-item:hover .benefit-icon img{
	filter: brightness(0) saturate(100%) invert(27%) sepia(45%) saturate(6337%) hue-rotate(344deg) brightness(102%) contrast(108%);
}

/* .icx-quotes-left img{
	max-width: 515px;
} */

.benefit-icon img{
	width: 70px;
	height: 70px;
}

.menu-btn-sm{
	display: none;
}

.why-choose-icx-left-sm{
	display: none;
}

.header-menu-sm-wrapper{
	display: none;
}

/* .banner-text h1,.why-choose-title-headings,
.why-choose-top-desc-span,.why-choose-bottom-desc-span,
.icx-quotes-left
{
	opacity: 0;
    transform: translateX(-50px);
} */

.why-choose-top-desc-span,.why-choose-bottom-desc-span{
	display: inline-block;
}

/* .banner-text .become-member-btn, .icx-speciality-item,.icx-bottom-banner-text-headings,.benefit-item{
	opacity: 0;
	transform: translateY(50px);
} */

/* .why-choose-icx-right-img,.icx-quotes-description-in,.icx-bottom-banner-in-img-wrapper{
	opacity: 0;
    transform: translateX(50px);
} */

.icx-bottom-banner-in-img-wrapper img{
	  will-change: transform;

}

/*
.icx-member-item{
	opacity: 0;
	transform: rotateY(90deg);
} */

.icx-specialities-xs{
	display: none;
}

.popup-overlay,.login-popup-overlay{
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(12px);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}

.popup-overlay.show,.login-popup.show{
	display: flex;
}

.login-popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 740px;
	width: 100%;
	background: rgba(11, 41, 85, 0.9);
	border-radius: 24px;
	min-height: 380px;
	z-index: 1000;
	display: none;
}

.login-popup-leftimg{
	max-width: 49%;
	flex-basis: 49%;
	width: 100%;
	flex-shrink: 0;
	padding: 4px;
}

.login-popup-leftimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.login-form-wrapper{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.login-form-wrapper-in{
	max-width: 280px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.login-form-group-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
}

.login-form-wrapper-in h3{
	font-size: 18px;
	font-weight: 500;
	color: var(--white);
	font-family: 'Inter';
	text-align: center;
}

.login-form-wrapper-in form{
	width: 100%;
}

.login-form-wrapper-in input[type='text'],.login-form-wrapper-in input[type='email'],
.login-form-wrapper-in input[type='password']{
	width: 100%;
	font-family: 'Inter';
	background: #D9D9D9;
	box-shadow: none;
	border: none;
	height: 34px;
	border-radius: 8px;
	padding: 8px 17px;
}

.login-form-group{
	width: 100%;
}

.login-form-wrapper-in input[type='text']::placeholder,.login-form-wrapper-in input[type='email']::placeholder,.login-form-wrapper-in input[type='password']::placeholder{
	color: var(--placeholder-text);
}

.btn-submit{
	background: var(--text-red);
	color: var(--white);
	font-family: 'Inter';
	font-weight: bold;
	font-size: 14px;
	height: 34px;
	border-radius: 18px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
	border: solid 1px transparent;
	text-transform: uppercase;
}

.btn-submit.btn-common{
	width: 280px;
}

.btn-submit:hover {
    background: var(--white);
    border-color: var(--text-red);
    color: var(--text-blue);
}

.btn-submit.btn-login-submit{
	width: 100%;
}

.login-form-wrapper-in h4{
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.login-form-wrapper-in h4:hover{
	color: var(--text-red);
}

.login-popup-close{
	position: absolute;
	top: -22px;
    right: -22px;
	background: url(../images/login-close.png) no-repeat 0 0;
	width: 44px;
	height: 44px;
	cursor: pointer;
}

.login-sm-header{
	display: none;
}


.top-banner-common{
	/* background: url(../images/banner.jpg) no-repeat 0 0; */
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	min-height: 462px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.top-banner-common .banner-text {
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	align-items: center;
}

header.header-common{
	min-height: 170px;
}

.become-member-wrapper{
	background: var(--light-bg);
	color: var(--black);
	padding: 40px 0px 0px;
	position: relative;
	display: flex;
	justify-content: center;
}

.become-member-wrapper::after{
	position: absolute;
	content: '';
	background: var(--light-bg);
    border-bottom-left-radius: 50% 40%;
    border-bottom-right-radius: 50% 40%;
    width: 100%;
    height: 70px;
    left: 0;
    top: 100%;
}

.become-member-center{
	max-width: 890px;
	width: 100%;
}

.become-member-center h3{
	font-family: 'Inter';
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}

.become-member-form-top-wrapper,.become-member-form-mid-wrapper,.become-member-form-bottom-wrapper,.add-owner-group-wrapper .owner-block,.add-owner-wrapper{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 35px 0 0;
	gap: 38px 22px;
}

.become-member-form-bottom-checkwrapper{
display: block;

}
.checkbox-group-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 28px 22px;
    padding-top: 30px;
}

.add-owner-group-wrapper{
	width: 100%;
	flex-direction: column;
	gap: 38px;
}

.become-member-form-bottom-checkwrapper{
	gap: 28px 22px;
}

.become-member-form-mid-wrapper,.become-member-form-bottom-wrapper,.add-owner-group-wrapper .owner-block{
	padding: 0;
}
.become-member-form-mid-wrapper.show-padding{
    padding: 30px 0 0;
}

.become-member-form-wrapper .form-group,.checkbox-group-wrapper .form-group,.add-owner-group-wrapper .owner-block .form-group{
	max-width: calc(33.33% - 15px);
    flex-basis: calc(33.33% - 15px);
	width: 100%;
}

.become-member-form-wrapper .become-member-form-mid-wrapper .form-group{
	max-width: calc(40% - 15px);
    flex-basis: calc(40% - 15px);
	width: 100%;
}

.become-member-form-wrapper .become-member-form-bottom-wrapper .form-group{
	max-width: calc(66.66% );
    flex-basis: calc(66.66%);
	width: 100%;
}

.become-member-form-wrapper .become-member-form-mid-wrapper .form-group input{
	width: 85%;
}

.form-group label{
	color: var(--black);
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 12px;
	display: inline-block;
}

.form-group input[type='text'],.form-group input[type='email'],.form-group input[type='number']{
	width: 100%;
	height: 34px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 500;
	border: none;
	outline: none;
	padding: 5px 17px;
	border-radius: 8px;
}
.form-group select{
	width: 100%;
	height: 34px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 500;
	border: none;
	outline: none;
	padding: 5px 17px;
	border-radius: 8px;
    background: white;
}


.form-group textarea{
	width: 100%;
	height: 88px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 500;
	border: none;
	outline: none;
	padding: 8px 17px;
	border-radius: 8px;
}

.form-group input[type='text']::placeholder,.form-group input[type='email']::placeholder,.form-group textarea::placeholder{
	color: var(--placeholder-text);
}

.form-group .form-input{
	position: relative;
}

.form-group .form-input.required::before{
	position: absolute;
    content: '';
    background: var(--text-red);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}

.add-owner-wrapper{
	padding: 40px 0 60px;
	width: 100%;
}

.add-owner-btn{
	width: 100%;
	height: 34px;
	background: var(--white);
	color: var(--text-blue);
	border: solid 1px var(--text-blue);
	font-weight: bold;
	font-family: 'Inter';
	border-radius: 18px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.add-owner-btn:hover{
	border-color: var(--text-red);
}

.become-member-form-bottom-checkwrapper{
	border-top: 1px solid rgba(131, 131, 131, 0.5);
	border-bottom: 1px solid rgba(131, 131, 131, 0.5);
	padding: 23px 0 46px;
	margin: 40px 0;
}

.form-group label.check-container {
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 0;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  height: 24px;
  width: 24px;
  background-color: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 6px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  	left: 9px;
    top: 5px;
    width: 4px;
    height: 11px;
    border: solid #5C9EFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-container-wrapper{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
}

.become-member-form-btn-wrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 44px 0 0;
}

.add-owner-group-wrapper .owner-block{
	position: relative;
}

.remove-owner-btn{
	/* position: absolute;
    top: 60%;
    right: -30px; */
    background: url(../images/icon-delete.png) no-repeat 0 0;
    background-size: 100%;
    width: 18px;
    height: 18px;
    border: none;
    outline: none;
	cursor: pointer;
    display: flex;
}

.common-blue-bg{
    background: var(--common-bg-blue);
    color: var(--white);
    padding: 40px 0px 40px;
    position: relative;
}

.common-blue-bg::after {
    position: absolute;
    content: '';
    background: var(--common-bg-blue);
    border-bottom-left-radius: 50% 40%;
    border-bottom-right-radius: 50% 40%;
    width: 100%;
    height: 70px;
    left: 0;
    top: 100%;
}

.common-blue-bg h2.page-title{
	color: var(--white);
	font-size: 37px;
	font-weight: bold;
	text-align: center;
}

.blue-bg{
	background: rgba(11, 41, 85, 0.9) !important;
}


label.error,.webErrorMsg{
	font-size: 13px;
	color: var(--text-red);
	display: inline-block;
	padding: 5px 0 0;
}

.about-section-wrapper{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 90px 24px;
	padding: 86px 0 0;
}

.about-section-item{
	flex-basis: calc(25% - 18px);
	max-width: calc(25% - 18px);
	width: 100%;
	border-radius: 20px;
	min-height: 320px;
	position: relative;
}

.about-section-item-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.8s ease;
	background: var(--bg-light-blue);
	border-radius: 24px;
	left: 0;
	top: 0;
    }

.about-section-item-front, .about-section-item-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	border-radius: 24px;
}

.about-section-item-front,.about-section-item-back{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-section-item-front{
	background: var(--bg-light-blue);
	padding: 0px 26px 23px;
}

.about-section-item-back {
	background: var(--white);
}

.about-section-item-front {
        transform: rotateY(0deg);
}

.about-section-item-back {
        transform: rotateY(-180deg);
    }


.about-section-item:hover .about-section-item-inner  {
	transform: rotateY(-180deg);
}

.team-member-img{
	width: 167px;
	height: 167px;
	border: solid 5px #F42932;
	border-radius: 50%;
	background: #D9D9D9;
	position: relative;
	top: -50px;
	flex-shrink: 0;
}

.team-back-img{
	width: 167px;
	height: 167px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: -50px;
	flex-shrink: 0;
}

.team-member-img img{
	width: 158px;
	height: 158px;
	object-fit: cover;
	object-position: top center;
	position: absolute;
    border-radius: 50%;
    top: 10px;
}

.team-member-name{
	font-size: 32px;
	text-align: center;
    line-height: 40px;
}

.team-member-designation{
	font-family: 'Inter';
	color: #5EC9FF;
	font-size: 21px;
	padding: 8px 0 0;
	text-align: center;
	flex-grow: 1;
}

.team-member-name-details{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
	margin-top: -20px;
}

.team-member-info{
	width: 18px;
	height: 18px;
	background: url(../images/info.png) no-repeat 0 0;
	background-size: 100%;
}

.about-section-item-back-description {
    color: #000;
    position: relative;
    z-index: 1;
    text-align: left;
    padding: 38px 45px 23px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: 'Inter';
	font-size: 14px;
	line-height: 24px;
}

.about-section-item-back-description p{
	flex-grow: 1;
}

.about-section-item-back-description img{
	width: 20px;
	height: 20px;
}


.contacts-wrapper {
    background: var(--light-bg);
    color: var(--black);
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.contacts-wrapper::after {
    position: absolute;
    content: '';
    background: var(--light-bg);
    border-bottom-left-radius: 50% 40%;
    border-bottom-right-radius: 50% 40%;
    width: 100%;
    height: 70px;
    left: 0;
    top: 100%;
}

.contacts-wrapper-in{
	max-width: 1062px;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 auto ;
	padding: 52px 40px 30px;
	border-radius: 0 0 49px 49px;
}

.contact-title{
	font-size: 37px;
	color: #133467;
	font-weight: bold;
	border-bottom: solid 1px rgba(131, 131, 131, 0.5);
	padding-bottom: 10px;
}

.contacts-bottom-wrapper{
	padding: 28px 0 0;
	display: flex;
	gap: 44px;
}

.contacts-bottom-left{
	max-width: 263px;
	width: 100%;
	font-size: 14px;
}

.contact-details-list{
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 70px 0 0;
}

.contact-details-list-item{
	display: flex;
	gap: 8px;
	align-items: center;
}

.contacts-bottom-right{
	flex-grow: 1;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 20px;
	padding: 42px 38px 30px;
}

.contacts-bottom-right form{
	width: 100%;
}

.contact-form-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}

.contact-form-wrapper .form-group{
	max-width: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
	width: 100%;
}

.contact-form-wrapper .form-group.full-width{
	max-width: 100%;
	flex-basis:100%;
	width: 100%;
}

.contact-btn-wrapper .btn-submit{
	width: 100%;
}

.top-banner-dots {
    position: absolute;
    bottom: 60px;
    background: url(../images/spacer.png) no-repeat 0 0;
	background-size: 100%;
    width: 100px;
    height: 100px;
    right: 200px;
}
.errorMsgBox {
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    background:#ebc8c2;
    color:#b6414e;
    border:solid 1px #d9b5b3;
    border-radius:2px;
}
.errorIcon,.SuccessIcon{
    display: flex;
    align-items: center;
    gap: 6px;
}
.successMsgBox{
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    background:#def2d6;
    color:#566b4e;
    border:solid 1px #c9d6c6;
    border-radius:2px;
}
.alertMsgBox{
    border: 2px solid #e2f864;
    background: #f3f7bf;
    padding: 5px 10px;
    color: #363301;
    font-size: 12px;
    width: 90%;
    text-align: center;
}

.header-bottom-menu .submenu{
	margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
	left: 0;
	top: 100%;
	background: #0000004D;
	border-radius: 0 0 18px 18px;
	display: none;
}

.header-bottom-menu li.mouseenter:hover {
    border-color: transparent;
}

.header-bottom-menu li.mouseenter.active{
	border-color: var(--text-red);
}

.header-bottom-menu li:hover .submenu{
	display: block;
}

.header-bottom-menu li.active a {
       color: var(--text-blue);
}
.header-bottom-menu li.become-member-btn.active a {
        color:var(--white);
}

.header-bottom-menu li.active .submenu a {
       color: var(--white);
}


.flag-dropdown{
	position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: var(--white);
    width: 150px;
    padding: 10px 6px;
    z-index: 8;
    border-radius: 5px;
	display: none;
}

.flag-item{
	align-items: center;
	gap: 5px;
	cursor: pointer;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: dashed 1px var(--copyright-text);
	font-size: 13px;
	font-weight: 500;
	color: var(--black);
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.flag-item a{
    color: var(--black);
}
.flag-item a:hover{
	color: var(--text-red);
}

.flag-item:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}


.flag-item img{
	object-fit: contain;
}

.flag-item img{
	flex-shrink: 0;
}
.shapes {
   width: 44.8px;
   height: 44.8px;
   color: #004092;
   background: linear-gradient(currentColor 0 0),
          linear-gradient(currentColor 0 0),
          linear-gradient(currentColor 0 0),
          linear-gradient(currentColor 0 0);
   background-size: 23.4px 23.4px;
   background-repeat: no-repeat;
   animation: shapes-53h9rpmd 1.5s infinite cubic-bezier(0.3,1,0,1);
}

@keyframes shapes-53h9rpmd {
   0% {
      background-position: 0    0,100% 0   ,100% 100%,0 100%;
   }

   33% {
      background-position: 0    0,100% 0   ,100% 100%,0 100%;
      width: 67.2px;
      height: 67.2px;
   }

   66% {
      background-position: 100% 0,100% 100%,0    100%,0 0;
      width: 67.2px;
      height: 67.2px;
   }

   100% {
      background-position: 100% 0,100% 100%,0    100%,0 0;
   }
}

.loader-wrapper{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
    display: none;
}

.page-overlay {
    background: rgb(140 138 138 / 20%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.blue-bg-conference{
	width: 100%;
	min-height: 515px;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--common-bg-blue);

}

.conference-main-wrapper{
	position: relative;
}

.conference-bottom-wrapper h2{
	text-align: center;
	font-weight: bold;
	font-size: 37px;
	padding: 42px 0  42px;
}

.conference-bottom-wrapper{
	position: relative;
	z-index: 1;
	margin-bottom: 89px;
}

.icx-quotes-center{
	max-width: 1062px;
	width: 100%;
	background: var(--white);
	padding: 50px 90px 50px 50px;
	border-radius: 50px;
	margin: 0 auto;
	gap: 60px;
	align-items: center;
	position: relative;
}

.icx-quotes-img-wrapper{
	background: #0E3F88;
	max-width: 434px;
	width: 100%;
	min-height: 275px;
	border-radius: 20px;
	position: relative;
}

.icx-quotes-img-wrapper img.author-img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 375px;
	height: 375px;
	bottom: 0;
	z-index: 1;
}

.icx-quotes-img-wrapper .red-dots{
	position: absolute;
	left: 50px;
	top: 50px;
	width: 100px;
	height: 100px;
	z-index: 0;
}

.icx-quotes-description{
	flex-grow: 1;
}
.icx-members-flex {
  position: relative;
  width: 100%;
  /* max-width: 1200px;
  margin: 0 auto; */
  height: calc(3 * 160px); /* 3 rows */
  overflow: hidden;
}

.icx-member-item {
  width: calc(100% / 8);
  height: 150px;
  position: absolute;
  opacity: 0;
  transform-origin: center;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  transition: none;
  left: 0;
}

.icx-member-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}


@media screen and (max-width:1440px) {

	body {
		font-size: 1.11vw;
	}

	/* .page-center{
		max-width: 100%;
		padding-left: 5.76vw;
		padding-right: 3.06vw;
	} */

	.page-center{
		max-width: 100%;
		padding-left: 5.56vw;
		padding-right: 5.56vw;
	}
    .icx-speciality-item .icon{
        height: 7.64vw;
    }


	.top-banner{
		min-height: 56.25vw;
	}

	header{
		min-height: 19.93vw;
	}

	.header-top{
		font-size: 0.83vw;
		gap: 2.08vw;
	}

	.top-contacts{
		gap: 2.08vw;
	}

	.top-contact-icon{
		width: 0.97vw;
		height: 0.97vw;
	}

	.login-btn{
		height: 2.36vw;
		width: 6.6vw;
	}


	.login-btn .login-text{
		width: 4.37vw;
		height: 2.22vw;
	}

	.login-btn::after{
		width: 4.37vw;
		height: 2.22vw;
	}

	.login-btn:hover::after{
		width: 2.36vw;
		left: 4.37vw;
	}


	.header-bottom-menu{
		gap: 1.04vw;
	}

	.header-bottom-menu li{
		padding: 0.55vw 1.39vw;
		font-size: 0.97vw;
	}


	button.become-member-btn{
		font-size: 0.97vw;
		padding: 0.56vw 1.38vw;
	}


	.banner-text{
		max-width: 65.97vw;
		gap: 1.39vw;
	}


	.banner-text h1,.icx-bottom-banner-text h1{
		font-size: 3.26vw;
	}


	.icx-specialities{
		min-height: 22.92vw;
	}

	.icx-speciality-center{
		max-width: 71.11vw;
		gap: 2.22vw;
		top: -11.11vw;
	}

	.icx-speciality-item{
		padding: 2.08vw 2.431vw 2.08vw 3.12vw;
	}

	.icx-speciality-item .description{
		padding: 3.47vw 0 0;
	}

	.icx-speciality-item .description h2{
		padding: 0 0 0 1.25vw;
		font-size: 1.53vw;
	}

	.icx-speciality-item .description p{
		padding: 2.08vw 0 0;
		line-height: 1.87vw;
		padding-right: 0.83vw;
	}

	.icx-speciality-item .description h2::before{
		width: 0.55vw;
	}

	.why-choose-icx-top{
		padding: 4.03vw 0 0px;
	}

	.why-choose-icx-bg{
		background-position: 0 13.9vw;
		min-height: 42.71vw;
		padding-bottom: 6.25vw;
	}

	.why-choose-icx-right{
		margin: 2.43vw 0 0;
	}

	.why-choose-icx-right::after{
		width: 6.94vw;
		height: 6.94vw;
		top: 1.74vw;
	}


	.why-choose-title h2{
		font-size: 2.5vw;
		padding: 2.43vw 0 2.43vw 8.68vw;
	}

	.why-choose-desc-top{
		line-height: 1.87vw;
	}

	.why-choose-top-desc > div{
		padding: 2.29vw 3.47vw 1.94vw 11.11vw;
		line-height: 1.87vw;
	}


	.why-choose-bottom-desc > div{
		padding: 2.29vw 3.47vw 1.94vw 11.11vw;
		line-height: 1.87vw;
	}

	.icx-quotes{
		/* min-height: 7.29vw; */
		padding: 5.56vw 0 3.47vw;
	}

	.quotes-img{
		padding-left: 8.68vw;
	}

	.quotes-main-wrapper{
		padding: 5.55vw 0;
	}

	.quotes-description{
		padding: 4.51vw 5.28vw;
	}

	.quotes-description p{
		padding-bottom: 1.04vw;
	}

	.icx-quotes-right{
		padding: 5.55vw 0;
	}


	.icx-quotes-flex > div:first-child{
		right: -3.125vw;
	}

	/* .icx-quotes-description{
		padding: 4.44vw 5.28vw;
		line-height: 1.87vw;
	}

	.icx-quotes-description::before{
		top: -2.08vw;
		left: -2.08vw;
		width: 4.17vw;
		height: 4.24vw;
	} */


	.icx-quotes-description-in{
		max-width: 32.08vw;
	}

	.icx-quotes-description p{
		padding-bottom: 1.38vw;
	}

	.icx-quotes-description h3{
		font-size: 2.08vw;
		/* padding-bottom: 0.69vw; */
	}

	.icx-quotes-description p.author-role{
		font-size: 0.97vw;
	}

	.author-role-wrapper{
		gap: 0.55vw;
	}

	.icx-bottom-banner{
		min-height: 52.5vw;
	}

	.icx-bottom-banner-in img{
		width: 45vw;
	}

	.icx-bottom-banner-text{
		max-width: 43.06vw;
	}

	.icx-benefits{
		padding: 6.25vw 0 2.77vw;
	}

	.icx-benefits::after{
		height: 5.21vw;
	}

	h2.section-title{
		font-size: 2.57vw;
	}

	.benefits-flex > div{
		max-width: calc(33% - 2.22vw);
		flex-basis: calc(33% - 2.22vw);
		padding: 2.78vw 2.99vw 2.5vw 2.5vw;
	}

	.benefits-flex{
		padding: 3.12vw 0 0;
		gap: 3.47vw;
		max-width: 79.86vw;
	}

	.benefit-icon::after{
		bottom: -1.39vw;
	}

	.benefits-flex p{
		line-height: 1.87vw;
		padding-top: 2.08vw;
	}

	.icx-members-center{
		margin-top: 11.17vw;
		padding-bottom: 1.53vw;
	}

	.icx-members-center.icx-members-common{
		margin-top: 12.17vw;
	}


	/* .icx-member-item{
		width: 10.42vw;
		height: 10.42vw;
	} */

	.icx-member-item img{
		padding: 0.56vw;
	}
	.light-bluecurve{
		height: 7.99vw;
		bottom: -2.08vw;
	}

	.light-bluecurve .btn-wrapper{
		top: -0.69vw;
	}

	.footer-top{
		padding: 4.03vw 0 1.6vw;
	}

	.footer-right{
		gap: 6.94vw;
	}

	.footer-social-links{
		gap: 1.59vw;
	}


	.footer-links {
		font-size: 0.97vw;
		gap: 2.5vw;
	}


	.footer-main-wrapper{
		gap: 3.12vw;
		font-size: 0.83vw;
	}

	button.btn-membership-payment{
		font-size: 0.83vw;
		padding: 8px 20px;
	}


	.footer-bottom{
		padding: 1.53vw 0;
		font-size: 0.83vw;
	}

	.footer-bottom-main-wrapper{
		gap: 0.69vw;
	}

	.footer-bottom-menu{
		gap: 2.92vw;
	}

	.why-choose-icx-main-wrapper{
		margin-top: -6.94vw;
	}

	.icx-speciality-item .icon img{
		width: 6.25vw;
	}

	/* .icx-quotes-left img{
		max-width: 35.76vw;
	} */

	.icx-quotes-description h3 {
        font-size: 1.39vw;
        /* padding-bottom: 0.42vw; */
    }

	.benefit-icon img{
		width: 4.86vw;
		height: 4.86vw;
	}

	header.header-common{
		min-height: 11.81vw;
	}

	.top-banner-common{
		min-height: 32.08vw;
	}


	.about-section-wrapper{
		gap: 6.25vw 1.66vw;
		padding: 5.97vw 0 0;
	}

	.about-section-item{
		flex-basis: calc(25% - 1.25vw);
		max-width: calc(25% - 1.25vw);
		min-height: 22.22vw;
	}

	.about-section-item-front{
		padding: 0px 1.81vw 1.6vw;
	}


	.team-member-img{
		width: 11.6vw;
		height: 11.6vw;
		top: -3.47vw;
	}

.team-back-img{
	width: 11.6vw;
	height: 11.6vw;
	top: -3.47vw;
}

.team-member-img img{
	width: 10.97vw;
	height: 10.97vw;
    top: 0.694vw;
}

.team-member-name{
	font-size: 2.2vw;
    line-height: 2.77vw;
}

.team-member-designation{
	font-size: 1.46vw;
}

.team-member-name-details{
	margin-top: -1.39vw;
}

.team-member-info{
	width: 1.25vw;
	height: 1.25vw;
}

.about-section-item-back-description {
    padding: 2.64vw 3.12vw 1.6vw;
	font-size: 0.97vw;
	line-height: 1.66vw;
}


.about-section-item-back-description img{
	width: 1.4vw;
	height: 1.4vw;
}


.common-blue-bg h2.page-title {
    font-size: 2.57vw;
}

.contacts-wrapper-in {
    max-width: 73.75vw;
    padding: 3.61vw 2.78vw 2.08vw;
}

.contact-title {
    font-size: 2.57vw;
    padding-bottom: 0.69vw;
}

.contacts-bottom-wrapper {
    padding: 1.94vw 0 0;
    gap: 3.06vw;
}

.contacts-bottom-left {
    max-width: 18.26vw;
    font-size: 0.97vw;
}

.contact-details-list {
    gap: 2.08vw;
    padding: 4.86vw 0 0;
}

.contacts-bottom-right {
    padding: 2.92vw 2.64vw 2.08vw;
}

.top-banner-dots {
    bottom: 4.17vw;
    width: 6.94vw;
    height: 6.94vw;
    right: 13.89vw;
}

.blue-bg-conference{
	min-height: 35.76vw;
}

.conference-bottom-wrapper h2{
	font-size: 2.57vw;
	padding: 2.92vw 0  2.92vw;
}

.conference-bottom-wrapper{
	margin-bottom: 6.18vw;
}

.icx-quotes-center{
	max-width: 73.75vw;
	padding: 3.47vw 6.25vw 3.47vw 3.47vw;
	gap: 4.17vw;
}

.icx-quotes-img-wrapper{
	max-width: 30.14vw;
	min-height: 19.1vw;
}

.icx-quotes-img-wrapper img.author-img{
	width: 26.04vw;
	height: 26.04vw;
}

.icx-quotes-img-wrapper .red-dots{
	left: 3.47vw;
	top: 3.47vw;
	width: 6.94vw;
	height: 6.94vw;
}

.icx-quotes-description{
	line-height: 1.87vw;
}

.icx-quotes-center::before{
	top: -2.08vw;
	width: 4.17vw;
	height: 4.24vw;
}

.icx-quotes-center::after{
	right: -2.08vw;
	width: 4.17vw;
	height: 4.24vw;
}

}

@media screen and (max-width: 1200px) {
	.contacts-bottom-left {
		font-size: 12px;
	}
}


@media screen and (max-width: 991px) {

	body {
        font-size: 12px;
    }
    .header-top {
        font-size: 10px;
        gap: 14px;
    }

	.page-center,.page-center-common {
        padding-left: 30px;
        padding-right: 30px;
    }
    .icx-member-item {
        width: calc(100% / 4);
    }

	.top-contacts {
        gap: 15px;
    }

	.top-contact-icon {
        width: 12px;
        height: 12px;
    }

	.login-btn {
        height: 24px;
        width: 65px;
    }

	.login-btn .login-text {
        width: 43px;
        height: 22px;
    }

	.login-btn::after {
        width: 43px;
        height: 22px;
    }

	.header-bottom-menu {
        gap: 6px;
    }

	.header-bottom-menu li {
        padding: 5px 10px;
        font-size: 12px;
    }

	header {
        min-height: 200px;
    }

	.top-banner {
        min-height: 557px;
    }

	.banner-text {
        max-width: 650px;
        gap: 14px;
    }

	.banner-text h1, .icx-bottom-banner-text h1 {
        font-size:32px;
    }

	button.become-member-btn {
        font-size: 11px;
        padding: 5px 13px;
    }

	.icx-specialities {
        min-height: 227px;
    }

	.icx-speciality-center {
        max-width: 705px;
        gap: 20px;
        top: -110px;
    }

	.icx-speciality-item {
        padding: 20px 24px 20px 30px;
    }

	.icx-speciality-item .icon img {
        width: 60px;
    }

	.icx-speciality-item .description {
        padding: 15px 0 0;
    }

	.icx-speciality-item .description h2{
		padding: 0 0 0 18px;
		font-size: 16px;
	}

	.icx-speciality-item .description p {
        padding: 15px 0 0;
        line-height: 18px;
        padding-right: 6px;
    }

	.why-choose-title::after,.why-choose-top-desc::after{
		width: 100vw;
	}

	.why-choose-title h2 {
        font-size: 24px;
        padding: 24px 0 24px 80px;
    }

	.why-choose-top-desc > div ,.why-choose-bottom-desc > div{
        padding: 20px 34px 20px 100px;
        line-height: 18px;
    }

	.why-choose-icx-right {
        margin: 24px 0 0;
    }

	.why-choose-icx-right::after {
        width: 65px;
        height: 68px;
        top: 17px;
    }

	.why-choose-icx-bg {
        background-position: 0 130px;
        min-height: 420px;
        padding-bottom: 62px;
    }

	.icx-quotes-left img {
        max-width: 350px;
    }

	/* .icx-quotes-description {
        padding: 44px 52px;
        line-height: 18px;
    } */

	.icx-quotes-description::before {
        top: -20px;
        left: -20px;
        width: 40px;
        height: 42px;
    }

	.icx-quotes-description-in {
        max-width: 320px;
    }

	.icx-quotes-description p {
        padding-bottom: 14px;
    }

	.icx-quotes-description h3 {
        font-size: 15px;
        /* padding-bottom: 3px; */
    }

	.author-role-wrapper {
        gap: 5px;
    }

	.icx-quotes-description p.author-role {
        font-size: 10px;
    }

	.icx-quotes-right {
        padding: 50px 0;
    }

	.icx-bottom-banner {
        min-height: 500px;
    }

	.icx-bottom-banner-in img {
        width: 445px;
    }

	.icx-bottom-banner-text {
        max-width: 420px;
    }

	.icx-benefits {
        padding: 60px 0 0px;
    }

	h2.section-title {
        font-size: 25px;
    }

	.benefits-flex {
        padding: 30px 0 0;
        gap: 30px;
        max-width: 790px;
    }

	.benefits-flex > div {
        max-width: calc(33% - 20px);
        flex-basis: calc(33% - 20px);
        padding: 27px 28px 25px 25px;
    }

	.benefit-icon img {
        width: 48px;
        height: 48px;
    }

	.benefit-icon::after {
        bottom: -13px;
    }

	.benefits-flex p {
        line-height: 18px;
        padding-top: 20px;
    }

	.icx-members-center {
        margin-top: 90px;
        padding-bottom: 15px;
    }

	.icx-benefits::after {
        height: 55px;
    }


	h2.section-title {
        font-size: 27px;
    }

	/* .icx-member-item {
        width: 110px;
        height: 110px;
    } */

	.light-bluecurve {
        height: 80px;
        bottom: -20px;
    }

	button.become-member-btn {
        font-size: 10px;
        padding: 5px 13px;
    }

	.light-bluecurve .btn-wrapper {
        top: -7px;
    }

	.footer-top {
        padding: 40px 0 15px;
    }


	button.become-member-btn {
        font-size: 12px;
        padding: 5px 12px;
    }

	.footer-right {
        gap: 65px;
    }

	.footer-social-links {
        gap: 15px;
    }

	.footer-main-wrapper {
        gap: 30px;
        font-size: 10px;
    }

	.footer-links {
        font-size: 10px;
        gap: 20px;
    }

	.top-contacts {
        gap: 20px;
    }

	.top-contact-icon {
        width: 10px;
        height: 10px;
    }

	button.btn-membership-payment {
        font-size: 10px;
        padding: 8px 20px;
    }

	.footer-main-wrapper {
        gap: 25px;
        font-size: 10px;
    }

	.footer-links {
        font-size: 10px;
        gap: 24px;
    }

	.top-contacts {
        gap: 20px;
    }

	.footer-bottom {
        padding: 15px 0;
        font-size: 9px;
    }

	.footer-bottom-main-wrapper {
        gap: 8px;
    }

	.footer-bottom-menu {
        gap: 25px;
    }


	.icx-member-item img {
        padding: 5px;
    }

	.top-banner-common {
        min-height: 315px;
    }

	.become-member-center {
    	max-width: 100%;
    	width: 100%;
    	padding: 0 30px;
	}

	.form-group label{
		font-size: 13px;
	}

	.common-blue-bg h2.page-title {
        font-size: 26px;
    }

	.about-section-wrapper {
        gap: 60px 16px;
        padding: 60px 0 0;
    }

	.about-section-item {
        flex-basis: calc(33.33% - 12px);
        max-width: calc(33.33% - 12px);
        min-height: 220px;
    }

	.about-section-item-front {
        padding: 0px 18px 16px;
    }

	.team-member-img {
        width: 115px;
        height: 115px;
        top: -34px;
    }

	.team-member-img img {
        width: 110px;
        height: 110px;
        top: 6px;
    }

	.team-member-name-details {
        margin-top: -14px;
    }

	.team-member-name {
        font-size: 22px;
        line-height: 28px;
    }

	.team-member-designation {
        font-size: 14px;
    }

	.team-member-info {
        width: 15px;
        height: 15px;
    }

	.team-back-img {
        width: 115px;
        height: 115px;
        top: -35px;
    }

	.about-section-item-back-description {
        padding: 26px 31px 16px;
        font-size: 12px;
        line-height: 20px;
    }

	.about-section-item-back-description img {
        width: 17px;
        height: 17px;
    }

	.contacts-wrapper-in {
        max-width: 730px;
        padding: 36px 27px 20px;
    }

	.contact-title {
        font-size: 25px;
        padding-bottom: 6px;
    }

	.contacts-bottom-wrapper {
        padding: 19px 0 0;
        gap: 30px;
    }

	.contact-details-list {
        gap: 20px;
        padding: 48px 0 0;
    }

	.contacts-bottom-right {
        padding: 28px 26px 20px;
    }

	.contacts-bottom-left {
		max-width: 180px;
	}

	.top-banner-dots {
        bottom: 40px;
        width: 70px;
        height: 70px;
        right: 138px;
    }

	.blue-bg-conference {
        min-height: 354px;
    }

	.conference-bottom-wrapper {
        margin-bottom: 60px;
    }

	.conference-bottom-wrapper h2 {
        font-size: 25px;
        padding: 28px 0 28px;
    }

	.icx-quotes-center {
        max-width: 730px;
        padding: 34px 34px 34px 34px;
        gap: 40px;
    }

	.icx-quotes-img-wrapper {
        max-width: 300px;
        min-height: 190px;
    }

	.icx-quotes-img-wrapper img.author-img {
        width: 258px;
        height: 258px;
    }

	.icx-quotes-img-wrapper .red-dots {
        left: 35px;
        top: 35px;
        width: 68px;
        height: 68px;
    }

	.icx-quotes-description {
        line-height: 18px;
    }

	.icx-quotes {
        padding: 55px 0 34px;
    }


	.icx-quotes-center::before {
        top: -20px;
        width: 40px;
        height: 40px;
    }

	.icx-quotes-center::after {
        right: -20px;
        width: 40px;
        height: 40px;
    }

    .icx-speciality-item .icon {
        height: 70px;
    }

}

@media screen and (max-width:800px) {
	.login-popup{
		max-width: 90%;
	}
}

@media screen and (max-width:768px) {

	.page-center,.page-center-common {
        padding-left: 40px;
        padding-right: 40px;
    }

	.header-top {
		display: none;
	}

	.menu-btn-sm{
		display: flex;
		width: 95px;
		height: 44px;
		border: solid 1px var(--white);
		color: var(--white);
		font-weight: bold;
		font-size: 18px;
		background: transparent;
		border-radius: 22px;
		font-family: 'Inter';
		transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.menu-btn-sm.active,.menu-btn-sm.hover{
		border-color: var(--text-red);
	}

	.header-bottom-menu{
		display: none;
	}

	.header-bottom-menu.active{
		display: flex;
		flex-direction: column;
		gap: 5px;
        position: absolute;
        top: 95px;
        background: var(--white);
		border-radius: 10px;
		padding: 10px;
		--webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 45%);
        -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 45%);
		z-index: 8;
	}

	.header-bottom-menu a {
    	color: var(--text-blue);
	}

	.header-bottom-menu a li.become-member-btn {
		color: var(--white);
	}

	.header-bottom-menu li {
        padding: 8px 10px;
        font-size: 13px;
    }

	.icon-nav {
		width: 30px;
		height: 20px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		top: -8px;
		display: none;
	}

	.menu-btn-sm.active .icon-nav{
		display: block;
	}

	.menu-btn-sm.active .menu-btn-text{
		display: none;
	}

	.menu-btn-sm.active {
		width: 50px;
		height: 50px;
		border-radius: 50%;
    }

	.icon-nav.open span:nth-child(1) {
		top: 10px;
		width: 0%;
		left: 50%;
	}

	.icon-nav.open span:nth-child(2) {
    	-webkit-transform: rotate(45deg);
    	-moz-transform: rotate(45deg);
    	-o-transform: rotate(45deg);
    	transform: rotate(45deg);
	}

	.icon-nav.open span:nth-child(3) {
    	-webkit-transform: rotate(-45deg);
    	-moz-transform: rotate(-45deg);
    	-o-transform: rotate(-45deg);
    	transform: rotate(-45deg);
	}
	.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
		top: 16px;
	}

	.icon-nav span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: var(--white);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.icon-nav.open span:nth-child(4) {
    	top: 10px;
    	width: 0%;
		left: 50%;
	}

	.top-banner {
        min-height: 386px;
    }

	.icx-speciality-center{
		top: 0;
	}

	.why-choose-icx-main-wrapper {
        margin-top: 0;
    }

	.banner-text h1 {
        font-size: 24px;
    }

	 .icx-bottom-banner-text h1{
		font-size: 42px;
	 }

	.banner-text {
        max-width: 320px;
        gap: 14px;
    }

	button.become-member-btn {
        font-size: 16px;
        padding: 11px 25px;
    }

	.banner-text {
        max-width: 475px;
        gap: 30px;
    }

	.icx-speciality-center {
        max-width: 100%;
	}

	.icx-speciality-item {
    	max-width: 100%;
    	flex-basis: 100%;
	}

	.icx-specialities {
        min-height: 227px;
        padding: 50px 0;
    }

	.icx-speciality-item .icon img {
        width: 90px;
    }

	.icx-speciality-item .description h2 {
       font-size: 22px;
       margin-top: 15px;
    }

	body {
        font-size: 16px;
    }



	.why-choose-icx-flex{
		flex-direction: column;
	}


	.why-choose-icx-bg{
		background: var(--bg-light-blue);
	}

	.why-choose-top-desc::before,.why-choose-bottom-desc::before{
		width: 100vw;
	}

	.why-choose-icx-left {
		flex-basis: 100%;
		max-width: 100%;
		padding-left: 40px;
        padding-right: 40px;
	}

	.why-choose-icx-left-sm{
		display: block;
	}

	.sm-none{
		display: none;
	}

	.why-choose-top-desc > div, .why-choose-bottom-desc > div {
        padding: 30px 34px 30px 0px;
        line-height: 27px;
    }

	.why-choose-title h2 {
        font-size: 36px;
        padding: 24px 0 24px 0px;
    }

	.page-center.page-center-sm-none {
        padding-left: 0px;
        padding-right: 0px;
    }

	.why-choose-icx-right::after{
		display: none;
	}

	.why-choose-icx-right-img{
        background: url(../images/why-choose-bg.jpg) no-repeat 0 0;
        width: 100%;
        min-height: 180px;
        background-size: 100%;
        background-position: bottom;
		position: relative;
		z-index: 1;
	}


	.why-choose-icx-right {
    	flex-basis: 100%;
    	max-width: 100%;
	}

	.why-choose-icx-right::before{
		position: absolute;
		content: '';
		top: 0;
		width: calc(100% - 40px);
		height: 100%;
		background: #082043;

	}

	.why-choose-icx-right {
        margin: 0;
    }

	.banner-text{
    	z-index: 1;
		top: unset;
		transform: unset;
		bottom: -20px;
	}

	.icx-quotes-flex{
		flex-direction: column-reverse;
	}

	.icx-quotes-flex > div:first-child {
        right: unset;
		bottom: 108px;
    }

	.icx-quotes-flex > div:first-child {
    	flex-basis: 100%;
    	max-width: 100%;;
    	justify-content: center;
	}

	.icx-quotes-flex > div:last-child{
		padding-left: 40px;
		padding-bottom: 0;
	}

	.icx-quotes-description,.icx-speciality-item .description p{
		line-height: 27px;
	}

	.icx-quotes-flex > div:last-child {
    	flex-basis: 100%;
    	max-width: 100%;
	}

	.icx-quotes-description-in {
        max-width: 100%;
    }

	/* .icx-quotes-description {
        padding: 64px 30px 140px 30px;
	} */

	.icx-bottom-banner {
        /* margin-top: -110px; */
		min-height: 1156px;
    }

	.icx-bottom-banner{
		flex-direction: column-reverse;
	}

	.icx-bottom-banner-text {
    	top: 40%;
	}

	.benefits-flex > div {
        max-width: 100%;
        flex-basis: 100%;
	}

	.benefit-icon img {
        width: 75px;
        height: 75px;
    }

	.benefits-flex p {
        line-height: 27px;
	}

	.icx-benefits::after {
        height: 40px;
		background-size: cover;
		background-position: center center;
    }


	.icx-members-center {
        margin-top: 80px;
        padding-bottom: 15px;
    }


	.icx-members-center.icx-members-common{
		margin-top: 110px;
        padding-bottom: 15px;
	}

	/* .icx-member-item {
        width: 33.33%;
        aspect-ratio: 1;
    } */

	/* .light-bluecurve {
        height: 115px;
        bottom: -35px;
    } */

	.light-bluecurve .btn-wrapper {
        top: -20px;
    }

	.light-bluecurve {
        height: 70px;
        bottom: 0;
    }

	footer{
		margin-top: -20px;
	}

	.footer-links {
      display: none;
    }

	.footer-wrapper{
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	.btn-membership-payment{
		display: none
	}

	.footer-right {
        gap: 65px;
        flex-direction: column;
        align-items: center;
    }

	.footer-right {
        gap: 50px;
		width: 100%;
	}

	footer .top-contacts {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
		width: 100%;
    }

	.footer-main-wrapper{
		font-size: 12px;
		width: 100%;
		justify-content: flex-end;
	}

	.top-contact-icon {
        width: 14px;
        height: 14px;
    }

	.footer-bottom{
		font-size: 12px;
	}

	.footer-bottom-main-wrapper {
    	align-items: center;
    	flex-direction: column;
	}

	.footer-bottom-menu{
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footer-bottom-main-wrapper p{
		text-align: center;
	}

	.footer-bottom-main-wrapper {
        gap: 30px;
    }

	.footer-top {
        padding: 60px 0 35px;
    }

	.icx-specialities {
    	z-index: 0;
	}

	.top-banner {
    	background-position: center center;
	}


	.header-menu-sm-wrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 40px);
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 72.6%);
		min-height: 200px;
		display: none;
		backdrop-filter: blur(4px);
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		border-bottom-right-radius: 30px;
		padding: 32px 0px 44px 40px;

	}

	.header-menu-sm-wrapper.active{
		display: block;
	}

	.login-sm-btn{
		width: 139px;
		height: 44px;
		background: var(--primary-color);
		border-radius: 22px;
		color: var(--white);
		display: flex;
		align-items: center;
		padding: 3px 0 3px 20px;
		justify-content: space-between;
	}

	.login-sm-btn-text{
		flex-grow: 1;
		cursor: pointer;
	}

	.header-sm-top-wrapper{
		justify-content: space-between;
	}

	.login-close-btn{
		width: 44px;
		height: 44px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		flex-shrink: 0;
        position: relative;
        right: -15px;
		cursor: pointer;
	}

	.header-sm-menu{
		list-style: none;
		padding: 0;
		margin: 0;
		color: var(--primary-color);
		text-align: right;
		font-size: 22px;
		font-weight: 600;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.header-sm-menu .submenu{
		list-style: none;
		font-size: 0.8em;
	}

	.header-sm-menu li a{
		color: var(--primary-color);
		transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
	}

	.header-sm-menu li:hover a,.header-sm-menu li.mouseenter:hover .submenu a{
		color: var(--text-red);
	}

	.header-sm-menu li.mouseenter:hover a{
		color: var(--primary-color);
	}

	.btn-membership-payment-sm{
		width: 100%;
		height: 44px;
		font-family: 'Inter';
		font-size: 16px;
		background: var(--white);
		color: #09224A;
		border: solid 1px var(--text-red);
		border-radius: 22px;
		margin: 45px 0;
	}

	.header-sm-bottom-wrapper{
		padding-right: 40px;
	}

	.header-menu-sm-wrapper  .top-contacts{
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}

	.header-menu-sm-wrapper  .top-contacts a{
		color: #09224A;
	}

	.header-menu-sm-wrapper  .top-contacts a:hover{
		color: var(--text-red);
	}

	.light-bluecurve{
		background-size: cover;
    	background-position: center;
	}

	.icx-specialities-lg{
		display: none;
	}

	.icx-specialities-xs{
		display: block;
	}

	.icx-speciality-item {
 		 background: transparent; /* remove bg so flip shows both sides */
  		perspective: 1000px; /* key for 3D depth */
		position: relative;
		min-height: 245px;
		padding: 0;
	}

	.icx-speciality-item-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d; /* enable 3D children */
	transition: transform 1.3s ease; /* smooth flip */

	}

	.icx-speciality-item:hover .icx-speciality-item-inner {
	transform: rotateY(180deg); /* flip */
	}

	.icx-speciality-front,
	.icx-speciality-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backface-visibility: hidden; /* hide back when facing away */
	border-radius: 24px;
	background: rgba(11, 41, 85, 0.6); /* keep your style */
	padding: 30px 35px 30px 45px;
	}

	.icx-speciality-front {
	transform: rotateY(0deg);
	}

	.icx-speciality-back {
	 transform: rotateY(180deg);
	}

	.why-choose-bottom-desc-span-sm{
		display: block;
	}


	/* .why-choose-bottom-desc-span-sm	{
		opacity: 0;
		transform: translateX(-50px);
	} */


	.login-popup{
		background: transparent;
	}

	.login-popup-leftimg{
		display: none;
	}

	.login-sm-header{
		align-items: flex-start;
		justify-content: space-between;
		gap: 10px;
		width: 100%;
	}
    .icx-speciality-item .icon {
        height: unset;
    }

	.login-popup-close{
		position: unset;
	}

	.login-form-wrapper{
		max-width: 280px;
		width: 100%;
		justify-content: flex-start;
		min-height: unset;
	}

	.login-form-wrapper-in{
		padding-top: 37px;
	}

	.login-popup-close-lg{
		display: none;
	}

	.login-popup{
		justify-content: center;
		top: 30px;
        transform: translate(-50%, 0px);
	}

	.login-sm-header{
		display: flex;
	}

	.top-banner-common .banner-text {
    	left: 50%;
    	transform: translate(-50%, -50%);
    	top: 50%;
    	bottom: unset;
	}

	.become-member-form-wrapper .form-group, .checkbox-group-wrapper .form-group, .add-owner-group-wrapper .owner-block .form-group,.become-member-form-wrapper .become-member-form-mid-wrapper .form-group,.become-member-form-wrapper .become-member-form-bottom-wrapper .form-group {
    	max-width: 100%;
    	flex-basis: 100%;
    	width: 100%;
	}

	.become-member-form-wrapper .become-member-form-mid-wrapper .form-group input{
		width: 100%;
	}

	.become-member-form-top-wrapper, .become-member-form-mid-wrapper, .become-member-form-bottom-wrapper, .checkbox-group-wrapper, .add-owner-group-wrapper .owner-block {
    	gap: 28px 22px;
		padding: 25px 0 0;
	}

	.become-member-form-mid-wrapper,.become-member-form-bottom-wrapper,.add-owner-group-wrapper .owner-block{
		padding: 0;
	}

	.add-owner-wrapper {
    	padding: 20px 0 30px;
	}


	.remove-owner-btn {
		top: 5%;
        right: 0px;
    }

	.login-popup.reset-pwd{
		padding: 30px 20px;
	}

	.login-popup.reset-pwd .login-form-wrapper-in,.login-popup.reset-pwd  .login-form-wrapper{
		max-width: 100%;
	}

	.about-section-item {
        flex-basis: calc(50% - 12px);
        max-width: calc(50% - 12px);
	}

	.contacts-bottom-wrapper{
		flex-direction: column;
	}

	.contacts-bottom-left {
        max-width: 100%;
    }

	.contact-details-list {
        gap: 15px;
        padding: 25px 0 0;
    }

	.contacts-wrapper-in {
        max-width: 100%;
        padding: 36px 20px 20px;
    }
    .icx-speciality-item .description {
        padding: 0px 0 0;
    }

	.icx-quotes-center{
		flex-direction: column;
	}

	.icx-quotes-description p.author-role {
        font-size: 12px;
    }

	.icx-quotes-description h3 {
        font-size: 20px;
	}

	.icx-quotes-center {
        max-width: 90%;
        padding: 25px;
        gap: 20px;
        border-radius: 35px;
    }

	.icx-quotes-center::before {
        top: -15px;
        width: 40px;
        height: 40px;
        left: -10px;
        transform: unset;
    }

	.icx-quotes-center::after{
		display: none;
	}

}

@media screen  and (max-width:640px){
	.about-section-item {
        flex-basis:100%;
        max-width: 100%;
	}
    .icx-member-item {
        width: calc(100% / 3);
    }

	.contact-form-wrapper .form-group {
    	max-width: 100%;
    	flex-basis: 100%;
	}

	.conference-bottom-wrapper {
        margin-bottom: 30px;
    }
}
@media screen  and (max-width:480px){
    .banner-text{
        max-width: 90%;
    }
    .icx-member-item {
        width: calc(100% / 2);
    }
}
@media screen and (max-width:420px) {
	.page-center,.page-center-common{
		padding-left: 20px;
		padding-right: 20px;
	}

	.header-menu-sm-wrapper{
		width: calc(100% - 20px);
	}

	.icx-quotes-img-wrapper img.author-img {
        width: 220px;
        height: 220px;
    }

}

@media screen and (max-width:380px) {
	.banner-text {
        max-width: calc(100% - 20px);
	}

	button.become-member-btn {
        font-size: 13px;
        padding: 9px 20px;
    }

	.header-menu-sm-wrapper {
        padding: 32px 0px 44px 20px;
    }

	.header-sm-bottom-wrapper {
        padding-right: 20px;
    }

	.header-sm-menu {
        font-size: 16px;
    }

	.btn-membership-payment-sm {
        width: 100%;
        height: 40px;
        font-family: 'Inter';
        font-size: 14px;
        background: var(--white);
        color: #09224A;
        border: solid 1px var(--text-red);
        border-radius: 22px;
        margin: 25px 0;
    }

	.header-menu-sm-wrapper .top-contacts a {
       font-size: 13px;
    }
}