@charset "utf-8";
/* CSS Document */
:root {
    --white: #ffffff;
    --black: #000000;
    --transparent: #0000;
    --cream: #F3EDE6;
    --light: #D1D5DC;
    --slate50: #5A5A5A;
    --slate100: #3A3A3A;
    --purple50: #C7A7E8;
    --purple100: #A98FCC;
    --blue50: #AFC7F1;
}
body { background-color: var(--cream); font-family: "Inter", sans-serif; font-weight: 400; font-display: swap; color: var(--slate50); font-size: 19.13px;font-weight: 400; }
figure {margin: 0;}
/* blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;padding: 0; } */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0;}
ol, ul { list-style: none; margin: 0; padding: 0; }
img, video { max-width: 100%; height: auto; }
a, input, button, textarea { outline: none !important; } 
a { text-decoration: none; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; } 
.container-fluid, .container { padding-left: 15px; padding-right: 15px; } 
.row { margin-left: -17px; margin-right: -17px; } 
.row>* { padding-left: 17px; padding-right: 17px; } 
p { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; } 
p a { text-decoration: none; color: inherit; } 
p a:hover { text-decoration: none; color: var(--purple100); } 
ul li, ol li { font-size: inherit; line-height: inherit; color: inherit; } 
ul li a, ol li a { text-decoration: none; color: inherit; } 
ul li a:hover, ol li a:hover { text-decoration: none; color: var(--purple100); } 
h1 { font-size: 74px; line-height: 112px; font-weight: 600; } 
h2 { font-size: 74px; line-height: 88px; font-weight: 500; } 
h3 { font-size: 56px; line-height: 84px; font-weight: 600; } 
h4 { font-size: 48px; line-height: 72px; font-weight: 600; } 
h5 { font-size: 32px; line-height: 48px; font-weight: 500; } 
h6 { font-size: 21px; line-height: 40px; font-weight: 400; } 
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
.form-control:focus { box-shadow: none; border-color: transparent; }
/* Firefox */
/*input[type=number] { -moz-appearance: textfield; }*/
textarea { resize: none; }
/* ----- Title Declaration ----- */
.page-title { color: var(--slate100); font-family: "Quicksand", sans-serif;  font-size: 63.75px; font-weight: 400; line-height: 125.49%; text-transform: capitalize;}
.page-title * { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
/* ----- */
.section-title { color: var(--slate100); font-family: "Quicksand", sans-serif;  font-size: 51px; font-weight: 400; line-height: 105%; text-transform: capitalize;}
.section-title * { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
/* ----- */
/* ----- */
.common-text {font-size: 17px; line-height: 147.059%;color: var(--slate50);}
.common-text * {font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}
/* ----- Title Declaration ----- */
/* ------ common classes ----- */
.btn { border: 1px solid transparent; background: linear-gradient(180.00deg, #C7A7E8 0%, #A98FCC 100%);box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.10), 0px 20px 25px -5px rgba(0, 0, 0, 0.10);border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px;  padding: 16px 40px; font-size: 17px; color: var(--white); font-weight: 400; line-height: 147%;text-transform: capitalize; }

.btn:hover { color: var(--purple100); border-color: var(--purple100); background: white; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.aspect-square {aspect-ratio: 1/1;}
.img-box {position: relative; z-index: 3;width: 100%;height: 100%;object-fit: cover;border-radius: 42px; -webkit-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px;border: 4px solid #fff; box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);}
.img-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 38px; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; }

.right-detail {height: 100%;display: flex;flex-direction: column;gap: 25px;justify-content: center;}

/* corner circles */
.big-circle { position: absolute; z-index: 1; top: -34px; left: -34px; width: 170px; height: 170px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;background-color: var(--purple50);opacity: 0.30; }
.small-circle { position: absolute; z-index: 1; bottom: -34px; right: -17px; width: 136px; height: 136px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: var(--blue50);opacity: 0.30; }

.feature-wrp.reverse .row {flex-direction: row-reverse;}
.mx-1440 {width: 100%;max-width: 1440px;margin: 0 auto;}

.floating-icon1 img {width: 100%;height: 100%;}
.floating-icon2 img {width: 100%;height: 100%;}
.floating-icon3 img {width: 100%;height: 100%;}

/*========== Header Start ==========*/
.header {padding: 22px 0; background-color: #ffffff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.20);}
.navbar {padding: 0 !important;}
.navbar-brand {width: 140px;height: 92px;display: block;padding: 0;}
.navbar-nav {gap: 34px;align-items: center;}
.nav-link {padding: 0 0 0 0 !important;color: var(--slate100);font-size: 17px; line-height: 147%;}
.nav-link:focus, .nav-link:hover {color: var(--purple100);}
/*========== Header End ==========*/

/*========== New Class Add Start ==========*/

/* ----- Banner ----- */
.banner-wrp {position: relative;overflow: hidden; padding: 120px 0;}
.banner-main {position: relative;}
.banner-main .row {align-items: stretch;}

/* banner - left */
.banner-main .banner-left {position: relative; padding-right: 8px;height: 100%; width: 100%;}
.banner-main .banner-left .img-box {aspect-ratio: 1;}

.banner-icon {position: absolute;top: 20px;left: -26px; width: 40px; height: 40px;}
/* banner - right */
.banner-main .banner-right {position: relative;height: 100%; padding-right: 8px;}

.banner-main .grdt-1 { position: absolute; top: 5%; right: 0; z-index: -1; width: clamp(12.5rem, -19.5rem + 50vw, 25.5rem); height: clamp(12.5rem, -19.5rem + 50vw, 25.5rem); border-radius: 100%; opacity: 0.20; background-color: #C7A7E8; filter: blur(128px); -webkit-filter: blur(128px); } 
.banner-main .grdt-2 { position: absolute; bottom: 0%; left: -1%; z-index: -1; width: clamp(12.5rem, -19.5rem + 50vw, 25.5rem); height: clamp(12.5rem, -19.5rem + 50vw, 25.5rem); border-radius: 100%; opacity: 0.15; background-color: #AFC7F1; filter: blur(128px); -webkit-filter: blur(128px); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } 

.banner-main .floating-icon2 {width: 40px;height: 40px; position: absolute;bottom: 8%;right: 2%;}
.banner-main .floating-icon3 {width: 40px;height: 40px; position: absolute;bottom:44%;right: 22%;}
/* ----- Banner ----- */

/* -----  Feature 1  ----- */
.feature-wrp {position: relative;padding: 85px 0;overflow: hidden;}
.feature-main {position: relative;}
.feature-main .feature-left {position: relative;padding-right: 17px;height: 100%;}
.feature-main .feature-right {position: relative;padding-left: 17px;}
.feature-left .big-circle {background-color: var(--blue50);width: 153px;height: 153px;}
.feature-left .small-circle {background-color: var(--purple50);width: 119px;height: 119px;}

.feature-list ul {display: flex;flex-wrap: wrap;gap: 17px;}
.feature-list ul li { border-radius: 33px; padding: 18px 36px; font-size: 17px; font-weight: 400; line-height: 28.90px; white-space: nowrap; color: var(--slate100); -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; }
.feature-list ul li:nth-child(odd) { border: 2px solid rgba(199, 167, 232, 0.30); box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);}

.feature-list ul li:nth-child(even) { border: 2px solid rgba(175, 199, 241, 0.30); box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10); }


.feature-wrp.feature-five .feature-list ul li:nth-child(odd) {background: linear-gradient(116.57deg, rgba(199, 167, 232, 0.10) 0%, rgba(199, 167, 232, 0.05) 100%);}
.feature-wrp.feature-five .feature-list ul li:nth-child(even) {background: linear-gradient(116.57deg, rgba(175, 199, 241, 0.10) 0%, rgba(175, 199, 241, 0.05) 100%);} 

.feature-one .floating-icon2 {width: 40px;height: 40px; position: absolute;top: 0%;right: 0%;}
.feature-one .floating-icon3 {width: 40px;height: 40px; position: absolute;bottom:6%;left: -2%;}

.feature-wrp.feature-two .feature-main .grdt-1 { position: absolute; top: unset; bottom: 0%; right: -2%; left: unset; border-radius: 100%; opacity: 0.20; background-color: #C7A7E8; filter: blur(128px); width: clamp(9.375rem, -19.856rem + 45.67vw, 21.25rem); height: clamp(9.375rem, -19.856rem + 45.67vw, 21.25rem); -webkit-filter: blur(128px); }
.feature-wrp.feature-two .feature-main .grdt-2 { position: absolute; top: -3%; bottom: unset; left: -3%; right: unset; border-radius: 100%; opacity: 0.25; background-color: #AFC7F1; filter: blur(80px); width: clamp(6.25rem, -20.212rem + 41.35vw, 17rem); height: clamp(6.25rem, -20.212rem + 41.35vw, 17rem); -webkit-filter: blur(80px); }

.feature-wrp.feature-three .feature-left .big-circle {background-color: var(--purple50);width: clamp(3.75rem, 2.696rem + 5.27vw, 7.438rem);height: clamp(3.75rem, 2.696rem + 5.27vw, 7.438rem);}
.feature-wrp.feature-three .feature-left .small-circle {background-color: var(--blue50);width: clamp(5rem, 4rem + 5vw, 8.5rem);height: clamp(5rem, 4rem + 5vw, 8.5rem);}

.feature-wrp.feature-four .feature-left .big-circle {background-color: var(--purple50);width: clamp(3.75rem, 2.696rem + 5.27vw, 7.438rem);height: clamp(3.75rem, 2.696rem + 5.27vw, 7.438rem);}
.feature-wrp.feature-four .feature-left .small-circle {background-color: var(--blue50);width: clamp(5rem, 4rem + 5vw, 8.5rem);height: clamp(5rem, 4rem + 5vw, 8.5rem);}

.feature-wrp.feature-four .feature-main .floating-icon1 {width: 40px;height: 40px;position: absolute;top: 8%; right: 2%;}


.feature-wrp.feature-five .feature-main .feature-left .small-circle {width: clamp(5rem, 4rem + 5vw, 8.5rem);height: clamp(5rem, 4rem + 5vw, 8.5rem);}
.feature-wrp.feature-five .floating-icon3 {width: 50px;height: 50px;position: absolute;top: 8%; left: -2%;}
/* -----  Feature 1  ----- */

/* feature reverse css */
.feature-wrp.reverse .feature-left {padding-right: 0;padding-left: 17px;}
.feature-wrp.reverse .feature-right {padding-left: 0px;padding-right: 25px;}
.feature-wrp.reverse .feature-left .big-circle {left: unset; right: -34px;}
.feature-wrp.reverse .feature-left .small-circle {left: -17px;right: unset;}

.feature-main .grdt-1 { position: absolute; top: 0%; left: -2%; border-radius: 100%; opacity: 0.30; background-color: #C7A7E8; filter: blur(128px); width: clamp(8.125rem, -18.952rem + 42.31vw, 19.125rem); height: clamp(8.125rem, -18.952rem + 42.31vw, 19.125rem); -webkit-filter: blur(128px); }
.feature-main .grdt-2 { position: absolute; bottom: 3%; right: -3%; border-radius: 100%; opacity: 0.35; background-color: #AFC7F1; filter: blur(80px); width: clamp(6.25rem, -20.212rem + 41.35vw, 17rem); height: clamp(6.25rem, -20.212rem + 41.35vw, 17rem); -webkit-filter: blur(80px); }

/* -----  ECC  ----- */
.ecc-wrp {position: relative;overflow: hidden; padding: 85px 0;}
.ecc-main {position: relative;}
.ecc-main .title-block {width: 100%;max-width: 816px; margin: 0 auto 48px auto;display: flex;flex-direction: column;gap: 17px; text-align: center;}
.ecc-card {position: relative;margin-top: 30px;height: calc(100% - 30px);}
.ecc-card .ecc-card-img {position: relative; z-index: 2; margin-bottom: 25px; border: 4px solid #FFFFFF; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.00); box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.10), 0px 20px 25px -5px rgba(0, 0, 0, 0.10); border-radius: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px; }
.ecc-card .ecc-card-img img { min-height: 300px; height: 100%; width: 100%; object-fit: cover; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.ecc-card .ecc-card-detail {position: relative; z-index: 2; padding: 17px 25px; border-radius: 33px; background-color: #FFFFFF; box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10); -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; }
.ecc-card .ecc-name * {font-family: 'Quicksand', sans-serif; font-size: 21.25px; line-height: 29.75px; text-align: center; white-space: nowrap; color: var(--slate100);}
.ecc-card .ecc-time * { font-size: 17px; line-height: 25.50px; text-align: center; white-space: nowrap; color: var(--slate50); margin-top: 4px;}
.ecc-card-circle { position: absolute; right: -17px; bottom: -17px; width: 102px; height: 102px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; opacity: 0.3; }
.ecc-main .row .col-12:nth-child(odd) .ecc-card-circle {background-color: var(--purple50);}
.ecc-main .row .col-12:nth-child(even) .ecc-card-circle {background-color: var(--blue50);}

.ecc-wrp .flotingicon-1 {position: absolute;top: 0%;left: 3%;width: 40px;height: 40px; z-index: -1;}
.ecc-wrp .flotingicon-2 {position: absolute;bottom: 13%;left: 22%;width: 40px;height: 40px; z-index: -1;}


.ecc-wrp .grdt-1 { width: clamp(15rem, -10.846rem + 40.38vw, 25.5rem); height: clamp(15rem, -10.846rem + 40.38vw, 25.5rem); border-radius: 100%; opacity: 0.30; background-color: #C7A7E8; filter: blur(128px); position: absolute; top: 0; right: -4%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
}
.ecc-wrp .grdt-2 { width: clamp(12.5rem, -9.038rem + 33.65vw, 21.25rem); height: clamp(12.5rem, -9.038rem + 33.65vw, 21.25rem); border-radius: 100%; opacity: 0.30; background-color: #AFC7F1; filter: blur(128px); position: absolute; bottom: 0; left: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
/* -----  ECC  ----- */

/*========== New Class Add End ==========*/

/*========== Footer Start ==========*/
.footer {position: relative; overflow: hidden; padding: 68px 0; background: linear-gradient(180.00deg, #3A3A3A 0%, #4A4A4A 100%);}
.footer .footer-main {position: relative;z-index: 2;}
.footer .footer-main .row { margin-left: -25px; margin-right: -25px; } 
.footer .footer-main .row>* { padding-left: 25px; padding-right: 25px; } 

.logo-box {display: flex;flex-direction: column;gap: 17px;}
.logo-box .f-logo {display: block; background-color: #fff;display: flex;justify-content: center;align-items: center;padding: 8px 10px; height: 136px;}
.f-logo img {width: 100%;height: 100%;object-fit: contain;}
.logo-box .logo-desc * { font-size: 17px; font-weight: 400; line-height: 28.90px; color: var(--light);}

.links-box .links-head * { font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 25.50px; white-space: nowrap; color: #FFFFFF; margin-bottom: 16px; }

.links-box ul {display: flex;flex-direction: column;gap: 6px;}
.links-box ul li a { font-size: 17px; line-height: 25.50px; white-space: nowrap; color: var(--light); /*text-transform: capitalize;*/ display: inline-flex;align-items: center;gap: 12px;}
.links-box ul li a:hover { color: var(--cream); text-decoration: underline; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.getInTouch .getInTouch-head * {font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 25.50px; white-space: nowrap; color: #FFFFFF; margin-bottom: 16px;}

.social-links ul {margin-top: 12px;display: flex;flex-direction: row;gap: 17px;}
.social-links li a { width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.social-links li a img {width: 20px;height: 20px;}
.social-links li:nth-child(odd) a {background: linear-gradient(180.00deg, #C7A7E8 0%, #A98FCC 100%);
box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);}
.social-links li:nth-child(even) a {background: linear-gradient(180.00deg, #AFC7F1 0%, #4A7CCD 100%);
box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);}

.social-links li:nth-child(odd) a:hover { background: linear-gradient(180.00deg, #A98FCC 0%, #C7A7E8 100%); transition:all 0.3s ease ; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -ms-transition:all 0.3s ease ; -o-transition:all 0.3s ease ; }
.social-links li:nth-child(even) a:hover {background: linear-gradient(180.00deg, #4A7CCD 0%, #AFC7F1 100%); transition: all 0.3s ease;}

.footer-bottom {position: relative;z-index: 2;}
.footer-bottom * {margin-top: 21px; padding-top: 35px;text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.10);font-size: 17px; line-height: 25.50px; color: #D1D5DC;}

.footer-main .logo-box, .links-box, .getInTouch {margin-bottom: 30px;}

.footer .grdt-1 { position: absolute; top: 0%; right: 0%; z-index: 1; width: clamp(3.75rem, -1.25rem + 25vw, 21.25rem); height: clamp(3.75rem, -1.25rem + 25vw, 21.25rem); border-radius: 100%; opacity: 0.10; background-color: #AFC7F1; filter: blur(128px); -webkit-filter: blur(128px); }
.footer .grdt-2 { position: absolute; bottom: 0%; left: 0%; z-index: 1; width:clamp(5rem, -0.857rem + 29.29vw, 25.5rem); height:clamp(5rem, -0.857rem + 29.29vw, 25.5rem); border-radius: 100%; opacity: 0.10; background-color: #C7A7E8; filter: blur(128px); -webkit-filter: blur(128px); }

.footer-main .floating-icon3 {position: absolute;bottom: -15px; right: -1%;}
/*========== Footer End ==========*/
/*========== Tool Tip Start ============*/
/* Make card the positioning container */
.ecc-tooltip-wrap {
  position: relative;
}

/* Tooltip bubble (hidden by default) */
.ecc-tooltip {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 16px;              /* bubble appears near top of card */
  background: #ffffff;
  color: #333;
  padding: 12px 14px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  font-size: 20px;
  line-height: 1.4;
  z-index: 50;

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
 
/* Show on hover of the whole card */
.ecc-tooltip-wrap:hover .ecc-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Optional: only show tooltip on devices that actually have hover */
@media (hover: none) {
  .ecc-tooltip {
    display: none;
  }
}
/*========== Tool Tip END ============*/