body {font-family: "Vend Sans", sans-serif;background-color: #fff;position: relative;box-sizing: border-box;}
body:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;opacity: 0;visibility: hidden;z-index: 1;}
body.offcanvas-menu:before {opacity: 1;z-index: 1002;visibility: visible; }
p {margin: 0;padding: 0;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;padding: 0;box-sizing: border-box;}
a .a{-webkit-transition: .3s all ease; -o-transition: .3s all ease;transition: .3s all ease; }
a, a:hover {text-decoration: none !important; }
.hero {height: 100vh;width: 100%;background-size: cover; background-position: center center;background-repeat: no-repeat;}
.site-navbar {margin-bottom: 0px;z-index: 1999;position: absolute;top: 10%;width: 100%;padding-top: 0px;}
.site-navbar .toggle-button {position: absolute;right: 10%; top: 36%;}
.site-navbar .site-logo {margin: 0; padding: 0;font-size: 1.7rem; position: relative; top: -42px; }
.sticky-wrapper.is-sticky .site-logo{ top: 0;}
.site-navbar .site-logo a {display: flex;}
.site-navbar .site-navigation.border-bottom {border-bottom: 1px solid white !important; }
.site-navbar .site-navigation .site-menu {margin: 0;padding: 0;margin-bottom: 0; }
.site-navbar .site-navigation .site-menu .active {color: #89ba16 !important; }
.site-navbar .site-navigation .site-menu a {text-decoration: none !important;display: inline-block; }
.site-navbar .site-navigation .site-menu > li {display: inline-block; }
.site-navbar .site-navigation .site-menu > li > a {margin-left: 15px; margin-right: 15px;padding: 20px 7px; color: black !important;      display: inline-block;text-decoration: none !important; font-size: 18px;line-height: inherit;font-weight: 400;}
.site-navbar .site-navigation .site-menu > li > a:hover {color: #89ba16;}
.site-navbar .site-navigation .site-menu > li > a.active {color: #007bff !important; }
.site-navbar .site-navigation .site-menu .has-children {position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a {position: relative;padding-right: 20px; }
.site-navbar .site-navigation .site-menu .has-children > a:before {position: absolute; content: "\e313";font-size: 16px;top: 50%;
 right: 0;webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-family: 'icomoon';}
.site-navbar .site-navigation .site-menu .has-children .dropdown {visibility: hidden;opacity: 0;top: 100%;position: absolute;text-align: left;   border-top: 2px solid #063079;-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);       padding: 0px 0; margin-top: 20px; margin-left: 0px; background: #fff;  -webkit-transition: 0.2s 0s; -o-transition: 0.2s 0s; transition: 0.2s 0s;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { position: absolute; width: 245px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {display: none;bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;  position: absolute; pointer-events: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {text-transform: none; letter-spacing: normal; -webkit-transition: 0s all;
 -o-transition: 0s all; transition: 0s all; color: #000 !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {color: #007bff !important;background: #f8f9fa; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {list-style: none;padding: 0;margin: 0; min-width: 200px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {padding: 9px 20px;display: block; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {background: #f8f9fa;color: #ced4da; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {content: "\e315";right: 20px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {left: 100%;top: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
background: #f8f9fa;color: #ced4da; }
 .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {color: #89ba16; }
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { cursor: pointer;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;margin-top: 0px;visibility: visible;opacity: 1;}
.site-mobile-menu { width: 300px;position: fixed; right: 0; z-index: 2000; padding-top: 20px; background: #fff; height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out;  transition: .3s all ease-in-out; }
.offcanvas-menu .site-mobile-menu {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header { width: 100%; float: left; padding-left: 20px; padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {float: right; margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {font-size: 30px;  display: inline-block; padding-left: 10px;       padding-right: 0px; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {color: #ced4da; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {float: left;margin-top: 10px;margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {display: inline-block;text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;padding: 0 20px 20px 20px;height: calc(100vh - 52px);padding-bottom: 150px; }
.site-mobile-menu .site-nav-wrap {padding: 0;margin: 0;list-style: none;position: relative; }
.site-mobile-menu .site-nav-wrap a {padding: 12px 20px;display: block;position: relative;color: #212529; }
.site-mobile-menu .site-nav-wrap a:hover {color: black; }
.site-mobile-menu .site-nav-wrap li {position: relative;display: block;}
.site-mobile-menu .site-nav-wrap li .nav-link.active {color: #00c3d9; }
.site-mobile-menu .site-nav-wrap li.active > a {color: black;}
.site-mobile-menu .site-nav-wrap .arrow-collapse { position: absolute;right: 0px; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer;border-radius: 50%;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {background: #f8f9fa;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {font-size: 12px; z-index: 20; font-family: "icomoon";content: "\f078"; position: absolute; top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg);   transform: translate(-50%, -50%) rotate(-180deg);-webkit-transition: .3s all ease;
 -o-transition: .3s all ease;transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {display: block;position: relative;float: left;width: 100%; }
.site-mobile-menu .site-nav-wrap > li > a {padding-left: 15px;font-size: 19px; }
.site-mobile-menu .site-nav-wrap > li > ul {padding: 0;margin: 0;list-style: none; }
.site-mobile-menu .site-nav-wrap > li > ul > li { display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {padding-left: 40px;font-size: 16px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {padding: 0;margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {font-size: 16px;padding-left: 60px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a.active{ color: #007bff;}
.site-mobile-menu .site-nav-wrap[data-class="social"] {float: left;width: 100%;margin-top: 30px;padding-bottom: 5em; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li {width: auto; }
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {padding-left: 15px !important; }
.sticky-wrapper {position: relative;z-index: 100;width: 100%;top: 0; }
.sticky-wrapper .site-navbar {-webkit-transition: .3s all ease; -o-transition: .3s all ease;transition: .3s all ease;}
.sticky-wrapper .site-navbar {background-color: transpart;}    
.sticky-wrapper .site-navbar ul li a {color: rgba(0, 0, 0, 0.7) !important; }
.sticky-wrapper .site-navbar ul li a.active { color: #000 !important; }
.sticky-wrapper.is-sticky .site-navbar {background: white;-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);padding: 20px 0;}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {color: #89ba16;}
.sticky-wrapper.is-sticky .site-navbar ul li a {color: #000 !important;}
.sticky-wrapper.is-sticky .site-navbar ul li a.active {color: #007bff !important;}
.sticky-wrapper .shrink {padding-top: 0px !important;padding-bottom: 0px !important;}
.sticky-wrapper.sticky-wrapper{height: 100px !important;}



/*jana*/
span.fs{color: black;font-size: 16px;}
.top-bar{position: relative;  top: 30px;}

.social-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

.social-icon .fa-facebook {
  padding: 8px;
  border-radius: 50%;
}

.social-icon .fa-instagram {
  background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  padding: 8px;
  border-radius: 50%;
}

.call-btn {
background: #002a76;
  color: #fff;
  padding: 6px 15px 6px 6px;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.call-btn:hover {
  background: #163d7d;
  color: #fff;
}

.advya{padding: 0px 300px;}
.topcs{padding: 0px 300px;}


/* banner start */
.banner-wrap { height: auto; overflow: hidden; bottom: 0; position: relative; padding: 0px 15px;}
.banner-slide { position: relative;}
.banner-slider.slick-initialized .slick-slide{line-height: 0;}
.banner-slide img { width: 100%; height: auto; display: block; }
.banner-text { position: absolute; top: 50%; left: 16%; transform: translateY(-50%); z-index: 10; max-width: 560px; text-align: left; user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; }
.banner-title { margin: 0 0 20px; font-size: 50px;font-weight: 400; color: #fff; }
.banner-title em { color: #f7ca80; font-style: italic; font-weight: 400; }
.banner-line { display: block; opacity: 0; transform: translateY(60px); }
.banner-sub { font-size: 17px; line-height: 30px; color: #fff; margin-bottom: 28px; max-width: 520px; }
.banner-slider .slick-prev, .banner-slider .slick-next { width: 44px; height: 44px; z-index: 20; }
.banner-slider .slick-prev { left: 20px; }
.banner-slider .slick-next { right: 20px; }
.banner-slider .slick-prev:before, .banner-slider .slick-next:before { font-size: 24px; color: #fff; opacity: 1; }

/* banner end */

.banner-slide img.arrow{width: 35px;  height: 35px;}





/* home page tab */
.ourtiles {
  padding: 70px 300px 0;
  position: relative;
}

.ourtiles::before {
    content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 702px;
  height: 1510px;
  background: url("../images/our-title-bg.png") no-repeat center right;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;
}

.oud h3 { font-size: 50px; font-weight: 500; color: #111; font-family: "Cormorant Garamond", serif; font-style: italic; margin-bottom: 15px;}

.oud p { font-size: 17px; color: #333;}

.tile-tabs-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px;padding-top: 40px;padding-bottom: 40px; }

.tile-tab-btn { border: 0; outline: none; box-shadow: none; background: #fbe1b2; color: #222; min-width: 165px; height: 54px; border-radius: 40px; padding: 10px 24px; font-size: 20px; line-height: 1; font-weight: 600; transition: all 0.3s ease; }

.tile-tab-btn:hover,
.tile-tab-btn.active { background: #e8bf72; color: #111; }
.tile-grid-row { row-gap: 34px; margin-bottom: 50px;}
.tile-item{}
.tile-card{ position:relative; overflow:hidden; border-radius:24px; cursor:pointer;  transform:translateY(0);  transition:all .45s cubic-bezier(.22,.61,.36,1);}
.tile-card-image{ position:relative; overflow:hidden; border-radius:24px;}
.tile-card-image img{ width:100%; object-fit:cover; display:block; transform:scale(1); transition:  transform .8s cubic-bezier(.22,.61,.36,1), filter .6s ease;}
.tile-card-image::before{ content:"";position:absolute; inset:0; background:linear-gradient(  to top, rgba(0,0,0,0.85) 0%,  rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.05) 100%); opacity:.7; z-index:1;
  transition:all .5s ease;}
.tile-card::after{ content:""; position:absolute; inset:0; border-radius:24px; border:1px solid rgba(255,255,255,0.15); transition:all .5s ease; z-index:2;}
.tile-card-content{ position:absolute; left:0; bottom:0; width:100%; padding:35px 30px; z-index:3; transform:translateY(10px); transition:all .5s ease;}
.tile-card-content h3{ color:#fff; font-size:18px; font-weight:600; margin:0; letter-spacing:.5px; transform:translateY(15px); opacity:.9; transition:all .5s ease;}
.tile-card-image::after{ content:""; position:absolute; top:-120%; left:-40%; width:60%; height:250%; background:rgba(255,255,255,0.18); transform:rotate(25deg); transition:all .9s ease; z-index:2;}
.tile-card:hover{ transform:translateY(-12px); box-shadow:0 25px 50px rgba(0,0,0,0.25);}
.tile-card:hover img{ transform:scale(1.12); filter:brightness(.75);}
.tile-card:hover .tile-card-image::before{ opacity:1; background:linear-gradient( to top, rgba(6,48,121,0.95) 0%, rgba(6,48,121,0.35) 50%, rgba(0,0,0,0.05) 100% );}
.tile-card:hover .tile-card-content{ transform:translateY(-8px);}
.tile-card:hover .tile-card-content h3{ transform:translateY(0); opacity:1; letter-spacing:1px;}
.tile-card:hover::after{ border-color:rgba(255,255,255,0.45);}
.tile-card:hover .tile-card-image::after{ left:130%;}
.tile-explore-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 55px; background: #fff; color: #1cbfd6; border-radius: 40px; padding: 10px 12px 10px 24px; font-size: 18px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.tile-explore-btn:hover { text-decoration: none; color: #1cbfd6; transform: translateY(-2px); }
.tile-explore-arrow { width: 38px; height: 38px; border-radius: 50%; background: #1cbfd6; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1;}
button:focus{outline: none;}
.banner-btn img.arrow{width: 35px;  height: 35px;}
.banner-btn.ourtile{background-color: #00c3d9;color: white; margin-bottom:10px;}

/* home page tab */


.consult-wrap { padding: 45px 30px 0;}

.consult-box {
  background: #0b3b82;
  border-radius: 25px;
  padding: 100px 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.consult-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/book-free-consultation.png") no-repeat center center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;
}

/* heading */
.consult-box h3 {
  font-size: 50px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 15px;
    font-family: "Cormorant Garamond", serif; 
}

/* text */
.consult-box p {
  font-size: 17px;
  margin: 0 auto 30px;

}

/* button */
.consult-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: #222;
  padding: 8px 15px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* icon circle */
.consult-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #1ecad3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}


/*journey*/

/* journey start */
.journey-section { padding:30px 300px 50px; overflow:hidden; position:relative;background-image: url("../images/journey-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
.journey-section::before{ content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 306px;
  height: 400px;
  background: url("../images/journey-bg-b.png") no-repeat center center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;}

.journey-section::after{ content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 280px;
  background: url("../images/journey-bg-a.png") no-repeat center center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;}

.journey-area { min-height:720px; position:relative; }

.journey-heading { position:absolute; top:20px; left:40px; z-index:3; }
.journey-heading h2 { font-size:50px; font-weight:400; color:#222; margin:0; }

.journey-line { position:absolute; top:15%; left:50%; transform:translateX(-50%); width:100vw; height:470px; z-index:1; pointer-events:none; }
.journey-line path { fill:none; stroke:#00a9c0; stroke-width:3; stroke-dasharray:11 8; stroke-linecap:round; stroke-linejoin:round; }

.journey-step { position:absolute; z-index:3; }
.journey-count { position:absolute; top:15%; left:-18px; width:40px; height:40px; border-radius:50%; background:#0aa4bc; color:#fff; border:3px solid #f3c76c; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; z-index:5; }

.journey-card { border-radius:28px; overflow:hidden; position:relative; }
.journey-card img { display:block; width:100%; height:auto; }

.journey-caption { text-align:center; font-size:16px; color:#222; margin-top:18px; font-weight:500; font-style:italic; transform: rotate(-6deg);}
.journey-caption strong { font-weight:700; }

/* step 1 */
.journey-step-1 { top:255px; left:0%;}
.journey-card-1 { padding:16px; transform:rotate(-6deg); }
.journey-card-1 img { object-fit:contain; margin:auto; }

/* step 2 */
.journey-step-2 { top:130px; left:35%; }
.journey-card-2 { padding:18px; transform:rotate(-5deg); }
.journey-card-2 img { object-fit:contain; margin:auto; }
.journey-step-2 .journey-count {left: 50%;top: 0px;}

/* final stage text */
.journey-final-text { position:absolute; bottom:0px; left:555px; z-index:3; }
.journey-final-text h3 { font-size:44px; line-height:1.1; margin:0; color:#222; font-weight:800; }

/* step 3 */
.journey-step-3 { top:300px; right:0px; }
.journey-card-3 { padding:10px; transform:rotate(-5deg); }
.journey-card-3 img { border-radius:22px; width:100%; }
.journey-step-3 .journey-count { left:auto; right:10%; top:-18px; }



/* journey end */


/*why choose us start */

.why-choose-section {
    background: #eef7ff;
    padding: 90px 180px;
    background-image: url("../images/why-choose-us-bg.png");
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}

/* floating blur circles */
.why-choose-section::before,
.why-choose-section::after{
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    z-index: 0;
    animation: floatMove 8s ease-in-out infinite alternate;
}

.why-choose-section::before{
    width: 300px;
    height: 300px;
    background: rgba(0,102,255,0.12);
    top: -80px;
    left: -80px;
}

.why-choose-section::after{
    width: 250px;
    height: 250px;
    background: rgba(0,191,255,0.15);
    bottom: -60px;
    right: -60px;
}

/* content above bg */
.why-choose-section .row{
    position: relative;
    z-index: 2;
}

/* heading */
.why-choose-head h2 {
    font-size: 58px;
    font-style: italic;
    margin-bottom: 18px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    color: #062d75;
    animation: fadeUp 1s ease;
}

.why-choose-head p {
    font-size: 17px;
    padding: 0 160px;
    margin: auto;
    line-height: 32px;
    color: #333;
    animation: fadeUp 1.2s ease;
}

/* row spacing */
.why-choose-row {
    margin-top: 60px;
    row-gap: 45px;
    margin-bottom: 50px;
}

/* card */
.why-card {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    transition: all 0.5s ease;
    transform-style: preserve-3d;
}

/* glass effect */
.why-card-top {
    background: rgba(5, 52, 138, 0.92);
    backdrop-filter: blur(10px);
    border-radius: 28px;
    min-height: 430px;
    padding: 35px 25px 130px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

/* glow animation */
.why-card-top::before{
    content: '';
    position: absolute;
    width: 200%;
    height: 60%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.15),
        transparent
    );
    top: -20%;
    left: -120%;
    transform: rotate(12deg);
    transition: all 0.8s ease;
}

/* hover shine */
.why-card:hover .why-card-top::before{
    left: 100%;
}

/* title */
.why-card-top h3 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 18px;
    line-height: 36px;
    transition: all 0.4s ease;
}

/* desc */
.why-card-top p {
    font-size: 17px;
    color: #d9e6ff;
    line-height: 29px;
    transition: all 0.4s ease;
}

/* image overlap */
.why-card-img {
    width: 82%;
    margin: -240px auto 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 24px;
}

/* image */
.why-card-img img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 24px;
    border: 4px solid rgba(255,255,255,0.7);
    box-shadow: 0 20px 40px rgba(0,0,0,0.18);
    transition: transform 0.7s ease;
}

/* hover card */
.why-card:hover {
    transform: translateY(-18px);
}

/* image zoom */
.why-card:hover .why-card-img img {
    transform: scale(1.08);
}

/* hover title */
.why-card:hover h3{
    transform: translateY(-3px);
}

/* hover paragraph */
.why-card:hover p{
    opacity: 0.95;
}

/* floating animation */
.why-card{
    animation: floatCard 4s ease-in-out infinite;
}

.why-choose-col:nth-child(2) .why-card{
    animation-delay: .4s;
}

.why-choose-col:nth-child(3) .why-card{
    animation-delay: .8s;
}

.why-choose-col:nth-child(4) .why-card{
    animation-delay: 1.2s;
}

.why-choose-col:nth-child(5) .why-card{
    animation-delay: 1.6s;
}

.why-choose-col:nth-child(6) .why-card{
    animation-delay: 2s;
}

/* animations */
@keyframes floatCard{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(0px);
    }
}

@keyframes floatMove{
    0%{
        transform: translateY(0px) translateX(0px);
    }
    100%{
        transform: translateY(30px) translateX(20px);
    }
}

@keyframes fadeUp{
    0%{
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}



/*why choose us end */

/*project start*/
.projins { padding: 50px 300px 50px; position: relative; overflow: hidden; }

.projectin h3 { font-family: "Cormorant Garamond", serif; font-size: 50px; font-style: italic; margin-bottom: 15px; font-weight: 400; }

.projectin p { font-size: 17px; line-height: 30px; padding: 0 250px; color: #333; }

.proslider { padding-top: 40px; z-index: 9; position: relative; }

.project-slider .slick-list { margin: 0 -15px; }

.project-slider .slick-slide { padding: 0 15px; }

.project-slide { padding: 0; }

.project-card{
    background: linear-gradient(180deg,#063079 0%, #0d4cb1 100%);
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    transition: all .6s cubic-bezier(.22,.61,.36,1);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* shine effect */
.project-card::before{
    content:'';
    position:absolute;
    top:-120%;
    left:-120%;
    width:220%;
    height:220%;
    background: linear-gradient(
        120deg,
        transparent 35%,
        rgba(255,255,255,.18) 50%,
        transparent 65%
    );
    transform: rotate(12deg);
    transition: all .9s ease;
    z-index:2;
}

/* hover shine move */
.project-card:hover::before{
    top:100%;
    left:100%;
}

/* image */
.project-card img{
    display:block;
    width:100%;
    height:300px;
    object-fit:cover;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    transition: transform .8s ease;
}

/* text */
.project-card p{
    font-size:17px;
    line-height:30px;
    text-align:center;
    padding:22px 20px;
    color:#fff;
    margin:0;
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: all .4s ease;
    position:relative;
    z-index:3;
}

/* card hover */
.project-card:hover{
    transform: translateY(-15px);
    
}

/* image zoom */
.project-card:hover img{
    transform: scale(1.08);
}

/* text animation */
.project-card:hover p{
    letter-spacing: .3px;
    transform: translateY(-2px);
}

/* bottom glow */
.project-card::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-40px;
    transform:translateX(-50%);
    width:70%;
    height:40px;
    background: rgba(0,132,255,.35);
    filter: blur(30px);
    opacity:0;
    transition: all .5s ease;
    
}

.project-card:hover::after{
    opacity:1;
    bottom:-20px;
    
}

/* floating animation */
.project-card{
    animation: floatCard 4s ease-in-out infinite;
}

/* keyframes */
@keyframes floatCard{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-8px);
    }
    100%{
        transform: translateY(0px);
    }
}

.project-slide h3 { color: #1e54a8; font-size: 30px; font-weight: 500; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; }

/* arrows */
.home-project-slick-prev,
.home-project-slick-next {
  position: absolute;
  top: 100%;
  z-index: 10;
  width: 50px;
  height: 50px;
  background-color: #063079;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 50%;
}

.home-project-slick-prev {
  left: 50% !important;
  transform: translate(-60px, 30px);
}

.home-project-slick-next {
  left: 50% !important;
  transform: translate(10px, 30px);
}

.home-project-slick-prev:before,
.home-project-slick-next:before {
  font-family: "icomoon";
  font-size: 18px;
  color: #fff;
}

.home-project-slick-prev:before { content: "\f053"; }

.home-project-slick-next:before { content: "\f054"; }

.home-project-slick-prev:hover,
.home-project-slick-next:hover { background-color: #063079; }

/* button spacing fix */
.explore-btn-wrap { margin-top: 40px; position: relative; z-index: 11; }

/* background decorations */
.projins::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35%;
  width: 873px;
  height: 612px;
  background: url("../images/project-bg-1.png") no-repeat center center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 1;
}

.projins::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 945px;
  height: 582px;
  background: url("../images/project-bg-2.png") no-repeat center center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 1;
}

/* keep content above bg */
.projins .row,
.projins .projectin,
.projins .proslider,
.projins .explore-btn-wrap {
  position: relative;
  z-index: 2;
}
/*project end*/

/*customer start*/

.jfg h4 {font-family: "Cormorant Garamond", serif;  font-size: 50px;  font-style: italic;  margin-bottom: 15px;  font-weight: 400;color: white;}
.jfg p{font-size:17px;color: white;}

.testimonial-sec { padding: 70px 300px;position: relative;background-image: url("../images/customer-testimonials.png");  background-size: cover;  background-position: center;
  background-repeat: no-repeat;}

.testimonial-main-row { align-items: stretch; margin-top: 50px;}

.testimonial-info-box {
  background: #f7f7f7;
  border: 1px solid #cfcfcf;
  border-radius: 24px;
  padding: 34px 34px 30px;
}

.rating-top { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }

.rating-top h3 { font-size: 46px; line-height: 1; margin: 0; font-weight: 700; color: #000; }

.rating-top h3 span { font-size: 22px; font-weight: 600; }

.stars { font-size: 28px; color: #f2aa00;}

.info-text { font-size: 17px; color: #333; margin-bottom: 26px; padding: 0px 67px 0 0;}

.divider-line { width: 100%; height: 1px; background: #e7d4a8; margin: 20px 0; }

.google-wrap { margin-bottom: 20px; }

.client-badges { display: flex; align-items: center; margin: 20px 0 24px; }

.badge-item {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-block;
  margin-left: -8px;
}

.badge-item:first-child { margin-left: 0; }

.badge-item.b1 { background: #f8d98e; }
.badge-item.b2 { background: #f7b500; }
.badge-item.b3 { background: #0a3a8c; }
.badge-item.b4 {
  background: #d10c0c;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bottom-text { margin-bottom: 0; color: #333; }

.testimonial-slider .slick-list { margin: 0 -10px; }

.testimonial-slide { padding: 0 10px; }

.testimonial-card {
  background: #0a3a8c;
  border-radius: 24px;
  padding: 34px 25px 26px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    min-height: 432px;
}

.top-stars { font-size: 28px; color: #f2aa00;}

.testimonial-card h5 { font-size: 17px; color: #fff; margin-bottom: 34px; font-weight: 300; }

.quote-text { font-size: 17px; line-height: 30px; color: #fff; margin-bottom: 28px; font-weight: 300;}

.quote-line { width: 100%; height: 2px; background: rgba(255,255,255,0.45); margin-bottom: 22px; }

.client-row { display: flex; align-items: center; gap: 14px; }

.client-img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }

.client-name { font-size: 17px; font-style: italic; color: #fff; }
.google-wrap img {width:30%;}
.testimonial-slider .slick-dots li button{width:38px;height: 7px;}
.testimonial-slider .slick-dots li button::before{color: #f7ca80;content: none;}
.testimonial-slider .slick-dots{display: flex;justify-content: center;column-gap: 10px;bottom: -45px;}

.testimonial-slider .slick-dots li{background-color: #fff3de;width:38px; height: 7px;border-radius: 10px;margin: inherit;}
.testimonial-slider .slick-dots li.slick-active{background-color: #f7ca80;}

/*customer end*/


/*brand start*/

.obrand{
    padding: 70px 40px;
    position: relative;
    overflow: hidden;
}

/* main box */
.ourbrta{
    background-color: #063079;
    padding: 70px 180px;
    border-radius: 35px;
    background-image: url("../images/our-brand-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 25px 60px rgba(0,0,0,.15);
}

/* animated glow bg */
.ourbrta::before,
.ourbrta::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter: blur(90px);
    z-index:-1;
    animation: floatingGlow 8s ease-in-out infinite alternate;
}

.ourbrta::before{
    width:300px;
    height:300px;
    background: rgba(255,255,255,.08);
    top:-120px;
    left:-100px;
}

.ourbrta::after{
    width:250px;
    height:250px;
    background: rgba(0,191,255,.18);
    bottom:-100px;
    right:-80px;
}

/* small heading */
.ourbrta p{
    font-size:18px;
    color:#d8e7ff;
    padding-bottom:12px;
    letter-spacing:1px;
    animation: fadeUp 1s ease;
}

/* title */
.ourbrta h4{
    font-family: "Cormorant Garamond", serif;
    font-size:65px;
    font-style:italic;
    margin-bottom:55px;
    font-weight:500;
    color:#fff;
    animation: fadeUp 1.2s ease;
}

/* image box */
.img-bx{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    transition: all .6s cubic-bezier(.22,.61,.36,1);
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(8px);
    padding-bottom: 12px;
}

/* shine animation */
.img-bx::before{
    content:'';
    position:absolute;
    top:-120%;
    left:-120%;
    width:220%;
    height:220%;
    background: linear-gradient(
        120deg,
        transparent 35%,
        rgba(255,255,255,.15) 50%,
        transparent 65%
    );
    transform: rotate(12deg);
    transition: all .9s ease;
    z-index:2;
}

/* hover shine */
.img-bx:hover::before{
    top:100%;
    left:100%;
}

/* image */
.img-bx img{
    border-radius:28px;
    border:2px solid rgba(255,255,255,.18);
    width:100%;
    height:300px;
    object-fit:cover;
    transition: transform .8s ease;
    display:block;
}

/* text */
.img-bx p{
    font-size:17px;
    padding:28px 35px 20px;
    line-height:30px;
    color:#fff;
    margin:0;
    transition: all .4s ease;
}

/* hover effect */
.img-bx:hover{
    transform: translateY(-18px);
    box-shadow: 0 25px 45px rgba(0,0,0,.22);
}

/* image zoom */
.img-bx:hover img{
    transform: scale(1.08);
}

/* text animation */
.img-bx:hover p{
    transform: translateY(-3px);
    letter-spacing: .3px;
}

/* floating cards */
.img-bx{
    animation: floatCard 4s ease-in-out infinite;
}

.col-lg-4:nth-child(2) .img-bx{
    animation-delay:.5s;
}

.col-lg-4:nth-child(3) .img-bx{
    animation-delay:1s;
}

/* glow effect bottom */
.img-bx::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-30px;
    transform:translateX(-50%);
    width:70%;
    height:40px;
    background: rgba(0,183,255,.35);
    filter: blur(30px);
    opacity:0;
    transition: all .5s ease;
}

.img-bx:hover::after{
    opacity:1;
    bottom:-15px;
}

/*==============================
 KEYFRAMES
==============================*/

@keyframes fadeUp{
    0%{
        opacity:0;
        transform:translateY(40px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes floatCard{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes floatingGlow{
    0%{
        transform:translateY(0px) translateX(0px);
    }
    100%{
        transform:translateY(30px) translateX(20px);
    }
}

/*brand stop*/


/*faq start*/



.faq-heading { margin-bottom: 40px; }

.faq-heading h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 58px;
  font-style: italic;
  font-weight: 500;
  color: #111;
}

.faq-list { margin: 0 auto;text-align: left;}

.faq-item {
  border: 1px solid #9fb4df;
  border-radius: 6px;
  margin-bottom: 14px;
  overflow: hidden;
  background: #fff;
}

.faq-question {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 18px 55px 18px 22px;
  text-align: left;
  position: relative;
  color: #123f91;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

/* + / - icon (no animation) */
.faq-icon {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #123f91;
  font-weight: 600;
}

.faq-icon::before {
  content: "+";
}

/* active → minus */
.faq-question.active .faq-icon::before {
  content: "−";
}

/* smooth answer */
.faq-answer {
  height: 0;
  overflow: hidden;
  padding: 0 22px;
  transition: height 0.35s ease;
}

.faq-item.active .faq-answer {
  padding: 0 22px 20px;
}

.faq-answer p {
  margin: 0;
  font-size: 17px;
  line-height: 30px;
  color: #333;
    padding: 0px 295px 0 0;
}

.faqu{padding: 0px 300px 50px;}
/*faq end*/

/*planning start*/
.planning {background-color: #063079;padding: 50px 300px;background-image: url("../images/planning-bg.png");  background-size: cover;  background-position: center;  background-repeat: no-repeat;position: relative;}
.planning h3{color: white;font-size: 36px;text-align: left;  padding: 0 287px 30px 0;}
.planning p{color: white;font-size: 17px;padding: 0px 150px 0 0;  text-align: left;line-height: 30px;}
.plainnig{align-content: center;}
/*planning end*/


/*blog start*/
.blogs{background-color: #e7f5ff; padding: 50px 300px;  background-image: url("../images/why-choose-us-bg.png");  background-size: cover;  background-position: center;
  background-repeat: no-repeat;}
.blogh h2{font-family: "Cormorant Garamond", serif;  font-size: 58px;  font-style: italic;  font-weight: 500;  color: #111;}
.blogf h3{color: #063079;  font-size: 20px;  padding: 0px 50px 0 0;  line-height: 30px;}
.blogf p{color: black;font-size: 17px;padding: 15px 35px 15px 0;line-height: 30px;min-height: 120px;}
.dah{display: flex;  flex-wrap: wrap;  justify-content: space-between;align-items: center;}
.dah img{width: 45px !important; height: 45px !important;}
.dah span{font-size: 17px;}
.blogf{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    position:relative;
    transition: all .6s cubic-bezier(.22,.61,.36,1);
    
}

/* shine effect */
.blogf::before{
    content:'';
    position:absolute;
    top:-120%;
    left:-120%;
    width:220%;
    height:220%;
    background: linear-gradient(
        120deg,
        transparent 35%,
        rgba(255,255,255,.28) 50%,
        transparent 65%
    );
    transform: rotate(12deg);
    transition: all .9s ease;
    z-index:3;
}

/* shine hover */
.blogf:hover::before{
    top:100%;
    left:100%;
}

/* image wrapper effect */
.blogf img{
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    height:250px;
    object-fit:cover;
    width:100%;
    transition: transform .8s ease;
    display:block;
}

/* content */
.vonc{
    padding:32px;
    text-align:left;
    position:relative;
    z-index:2;
    transition: all .4s ease;
}

/* title */
.vonc h3{
    font-size:20px;
    line-height:30px;
    color:#062d75;
    transition: all .4s ease;
}

.vonc h3 a{ color:#062d75; text-decoration:  none;}

/* paragraph */
.vonc p{
    font-size:17px;
    line-height:30px;
    color:#555;
    transition: all .4s ease;
    padding-right: 0;
}

.vonc p a{
    color:#333;
    text-decoration:  none;
   
}

/* bottom area */
.dah{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid rgba(0,0,0,.08);
    padding-top:18px;
}

/* date */
.dah span{
    font-size:15px;
    color:#777;
    transition: all .4s ease;
}

/* arrow */
.dah img{
    width:42px;
    height:42px;
    object-fit:contain;
    transition: all .5s ease;
}

/* hover card */
.blogf:hover{
    transform: translateY(-18px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* image zoom */
.blogf:hover > img{
    transform: scale(1.08);
}

/* title hover */
.blogf:hover h3{
    color:#0b57d0;
    transform: translateY(-2px);
}

/* paragraph hover */
.blogf:hover p{
    color:#444;
}

/* arrow move */
.blogf:hover .dah img{
    transform: translateX(8px) rotate(-45deg);
}

/* date animation */
.blogf:hover .dah span{
    letter-spacing:.4px;
}



/* floating animation */
.blogf{
    animation: floatBlog 4s ease-in-out infinite;
}

/*==========================
 KEYFRAMES
==========================*/

@keyframes floatBlog{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0px);
    }
}

.bfdfgh{padding-top: 40px;padding-bottom: 40px;}


/*form start*/
.contact-sec{padding: 100px 300px;}
.contact-left{position: relative;}
.contact-left-content{position: absolute;bottom: 15%;padding: 0px 50px;}
.contact-left-content img{width: 60px;height: 27px;}
.contact-left-content h3{font-size: 30px;  color: white;  line-height: 40px; padding: 20px 0px;font-weight: 500;}
.contact-left img{border-radius: 20px;}
.formh{padding:30px  40px;}
.formh h2{font-size: 40px;margin-bottom: 20px;}

.quote-form {
  margin: auto;

}

.quote-form label {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
  display:  block;
}

.quote-form .form-control {
  height: 50px;
  border-radius: 10px;
  border: 1px solid #cfcfcf;
  padding: 0 28px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.quote-form .form-control::placeholder {
  color: #999;
}

.quote-form select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23BBBBBB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 22px center;
  background-size: 16px;
}

.quote-form .form-group {
  margin-bottom: 20px;
}

.submit-btn {
  width: 100%;
  height: 60px;
  border-radius: 40px;
  border: 1.5px solid #00bfe9;
  background: transparent;
  color: #00bfe9;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:10px;
}

.submit-btn img {
width: 27px;
    height: 17px;

}

.quote-form .form-control.solve{ height: 35px;}

.form.quote-form .iti{display: block;}
.form.quote-form .error-message{color: red; position: relative;
  top: 17px;}
.contact-box{ background-image: url("../images/form-bg.png");  background-size: cover;  background-position: center;  background-repeat: no-repeat;  box-shadow: 0 4px 12px rgba(0,0,0,0.08);}


/*footer start*/

.adv-footer {
  background-image: url("../images/footer-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #020202;
  color: #fff;
  padding: 50px 300px 0 300px;
  position: relative;
}



.footer-logo {
  background: #fff;
  width: 180px;
  padding: 12px 18px;
  border-radius: 0 0 14px 14px;
  margin-bottom: 35px;
}

.footer-logo img {
  width: 100%;
}

.footer-about {
  font-size: 16px;
  line-height: 1.9;
  color: #f1f1f1;
  margin-bottom: 25px;
}

.footer-small-title {
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 16px;
}

.footer-text {
  font-size: 16px;
  margin-bottom: 8px;
  color: #f4f4f4;
}

.footer-contact {
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
}

.footer-contact li {
  font-size: 16px;
  margin-bottom: 12px;
  color: #fff;
    display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.footer-contact span {
  width: 28px;
  height: 28px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.footer-title {
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 22px;
  color: #fff;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 20px;
}

.footer-links li a {
  color: #f1f1f1;
  font-size: 16px;
  text-decoration: none;
}

.footer-links li a.active{ color: #f7ca80;}

.footer-links li a:before {
  content: "-";
  margin-right: 10px;
}

.footer-address {
  font-size: 16px;
  line-height: 1.9;
  color: #fff;
  margin-bottom: 28px;
}

.footer-map img {
  width: 305px;
  height: 175px;
  object-fit: cover;
}

.footer-bottom {
  border-top: 1px solid rgba(197, 155, 77, 0.7);
  margin-top: 30px;
  padding-top: 22px;
     padding-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  width: 34px;
  height: 34px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
}

.footer-bottom p {
  margin: 0;
  font-size: 16px;
  color: #fff;
}

.footer-bottom p span {
  color: #f7ca80 ;
}

.bottom-links a,
.bottom-links span {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  margin: 0 4px;
}
.footer-contact li img{width: 30px;  height: 30px;}
/*footer end*/

.custom{max-width: inherit; width: 100%;line-height: initial;left: 0%;  transform: none;text-align: center;bottom: 8%;top: inherit;}
.custom h1{font-size: 50px;  font-weight: 500;  color: white;  font-family: "Cormorant Garamond", serif;  font-style: italic;  margin-bottom: 15px;line-height: auto !important;}
.custom .p_para{font-size: 36px;  color: white; font-weight: bold;}

.contale{text-align: left;}
.contale h6{font-size: 40px;  font-weight: 500;  color: black;  font-family: "Cormorant Garamond", serif;  font-style: italic;  margin-bottom: 15px;line-height: auto !important;text-align: left;padding: 0px 76px 0 0;}
.contale p{font-size: 17px;  text-align: left;  padding: 0px 100px 0 0;  line-height: 30px;margin-bottom: 30px; color: #333;}
.cons{padding: 20px 300px;}
.contale img{border-radius: 20px;}
.contform{text-align: left;}
.contform h2{font-size: 40px;color: #00c3d9;margin-bottom: 30px;}

.message-box {
  height: 120px !important;
  padding: 18px 29px !important;
  resize: vertical;
}

.contact.submit-btn{background-color: #00c3d9;color: white;}
label.upload-btn{background-color: white;  border: 1px solid #00c3d9;  width: 100%;  height: 60px;  border-radius: 40px;  font-size: 16px;  text-align: center;
  align-content: center;color: #00c3d9;}


/*contact map section start*/
.advaya-map-section {
  position: relative;
  padding-bottom: 34px;
  overflow: hidden;
}

.map-wrap iframe {
  display: block;
  width: 100%;
  height: 360px;
}

.location-card {
  background: #fff;
  border-radius: 14px;
  padding: 25px 38px 35px;
  margin-top: -65px;
  position: relative;
  z-index: 2;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}

.location-card h2 {
  font-size: 30px;
  font-weight: 700;
  color: #073580;
  text-align: center;
  margin-bottom: 35px;
}

.location-col {
  text-align: center;
  padding: 0 28px;
  border-right: 1px solid #c9c9c9;
}

.location-col:last-child {
  border-right: 0;
}

.location-col h5 {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  text-decoration: underline;
  margin-bottom: 15px;
}

.location-col p {
  font-size: 17px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 22px;
}

.contact-col {
  text-align: left;
}

.contact-col p {
  margin-bottom: 8px;
  line-height: 1.4;
    display: flex;
  gap: 10px;
}

.map-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #073580;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 16px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  transition: 0.3s ease;
}

.map-btn:hover {
  background: #073580;
  color: #fff;
  text-decoration: none;
}

.map-btn img {
  width: 25px;
  height: 35px;
    
    
}

.review-card {
  border: 1px solid #073580;
  border-radius: 50px;
  background: #fff;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
max-width: 1025px;
    margin: 38px auto 0;
}

.review-left {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 28px;
  flex-wrap: wrap;
}

.review-left img {
  width: 50px;
    height: 50px;
}

.review-left strong {
  color: #073580;
  font-size: 18px;
  letter-spacing: 0.5px;
}

.stars {
  color: #f9b000;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1;
    display: flex;
  justify-content: center;
}

.review-left small {
  color: #111;
  font-weight: 700;
  font-size: 17px;
}

.review-right {
  color: #fff;
  padding: 14px 28px;
  min-width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
    background-color: #00c3de;
}

.review-right span {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.review-right a {
  width: 56px;
  height: 34px;
  border-radius: 30px;
  background: #fff;
  color: #10bed0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.contact-col p img{width: 20px; height: 20px;}
.contadds{padding: 0px 300px;}
.review-right img{width: 16px;  height: 15px;}
.stars img{width: 60%;}

/*contact map section end*/

.uoplos {
  background: #0b3b82;
  border-radius: 25px;
  padding: 100px 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.uoplos::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/our-brand-bg.png");
  background-size: 100% auto;
  pointer-events: none;
  z-index: 0;
}

/* heading */
.uoplos h3 {
  font-size: 30px;
  font-weight: 400;

  margin-bottom: 15px;
    
}

/* text */
.uoplos p {
  font-size: 17px;
  margin: 0 auto 30px;

}

img.degreeup{transform: rotate(-45deg); width: 41px;height: 41px;}
button.button{
 padding: 5px 10px 5px 35px;
  border-radius: 30px;
  font-size: 17px;
  gap: 25px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 0 auto;background-color: white;border: 1px solid #00c3d9;}
.uploadco{padding-top: 50px; padding-bottom: 50px;}

/* upload form content above bg */
.uoplos h3,
.uoplos p,
.uoplos button,
.uoplos small,
#fileNames {
  position: relative;
  z-index: 2;
}

/* selected file names */
#fileNames p {
  color: #fff;
  font-size: 14px;
  margin: 6px 0;
}

/* note text */
.uoplos small {
  color: #fff;
  font-size: 14px;
}

/* button hover */
button.button {
  transition: all 0.3s ease;
}

button.button:hover {
  background: #00c3d9;
  color: #fff;
}

/* submit button clean spacing */
button.button.mt-3 {
  padding: 9px 35px;
  gap: 0;
  min-width: 140px;
}

.contact-col a{color: black;}
/* button */

.banner-slide img.topsst{width: 5%;margin: 15px auto;}


/*testimonal page start*/

.testimonial-section {
  padding: 20px 300px;
  background: #fff;
}

/* center content width (important for container-fluid) */
.testimonial-row {

  margin: auto;
}

/* heading */
.tedjf h2 {
font-size: 50px;
  font-weight: 500;
  color: black;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 15px;
}

.tedjf p {
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 35px;
  color: #333;
}

/* card */
.testimonial-cards {
  background: #0a2f78;
  color: #fff;
  border-radius: 6px;
  padding: 25px;
  height: 100%;
}

/* stars */
.stars {
  color: #ffc400;
  font-size: 22px;
  margin-bottom: 15px;
}

/* text */
.testimonial-cards p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
}

/* user */
.client-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.client-img {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
}

.client-info h5 {
  margin: 0;
  font-size: 16px;
}

.client-info span {
  font-size: 14px;
}

.starss img{width: 30%;margin-bottom: 20px;}


.why-love-section {
  padding: 30px 300px;
  background: #fff;
}

.whylo h2 {
  font-size: 50px;
  font-weight: 500;
  color: black;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 15px;
}

.whylo p {
  font-size: 17px;
  line-height: 30px;
  color: #333;
  margin: 0 auto 60px;
}

.why-love-row {
  max-width: 900px;
  margin: 0 auto;
}

.why-love-row > div {
  margin-bottom: 18px;
}

.why-love-box {
  background: #0a347f;
  color: #fff;
  min-height: 88px;
  border-radius: 18px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 17px;
  font-weight: 400;
}

.why-love-box span {
  width: 30px;height: 30px;
}


.review-share-section {
  background: #062b5f;
  background-image: url("../images/testimonials-bg.png");
  background-size: cover;
  background-position: center bottom;
  padding: 45px 0 45px 300px;;
  overflow: hidden;
}

.review-lefts {

  color: #fff;
}

.review-lefts h2 {
font-size: 50px;
  font-weight: 500;
  color: white;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 15px;
}

.review-lefts p {
  font-size: 18px;
  line-height: 35px;
  max-width: 470px;
  margin: 0;
}

.review-rights {
  position: relative;
  min-height: 270px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 0;
}

.google-review-box {
  background: #fff;
  border-radius: 60px 0 0 60px;
  min-height: 122px;
  width: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 25px 45px 25px 30px;
  margin-top: 0;
}

.google-icon {
  width: 78px;
  flex-shrink: 0;
}

.google-review-box span {
color: #073580;
  font-size: 18px;
  letter-spacing: 0.5px;
    font-weight: 500;
    width: 100%;
}

.review-stars img{width: 70%;}

.review-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #0a347f;
  color: #fff;
  border-radius: 60px 0 0 60px;
  min-width: 305px;
  min-height: 122px;
  padding: 22px 40px 22px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  gap: 25px;
}

.review-btn:hover {
  color: #fff;
  text-decoration: none;
}

.review-btn span {
  font-size: 23px;
  line-height: 31px;
  font-weight: 600;
}

.review-btn em {
    width: 85px;
  height: 48px;
  background: #fff;
  color: #00bfd8;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 30px;
  flex-shrink: 0;
}
.review-btn em img{width: 16px; height: 15px;}




/*testimonal page end*/


/*blog page start*/


.blog-content span{margin-bottom: 10px;display: block;}
.blog-page-wrap {
  padding-top: 0px;
  padding-bottom: 70px;
  color: #333;
}

.blogse{background: #f5f5f5;  padding: 30px 285px;}
.blog-main-title {
font-size: 50px;
  font-weight: 500;
  color: black;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 15px;
}

.blog-main-sub {
  max-width: 1100px;
  margin: 0 auto 45px;
  font-size: 17px;
  line-height: 30px;
  color: #333;
}

.blog-filter {
  list-style: none;
  padding: 0;
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.blog-filter li a {
  min-width: 130px;
  height: 34px;
  padding: 7px 22px;
  border-radius: 30px;
  border: 1px solid #bfc4ca;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.blog-filter li a.active,
.blog-filter li a:hover {
  background: #0a347f;
  color: #fff;
  border-color: #0a347f;
}

.blog-card {
  background: #fff;
  border-radius: 14px;
  padding: 8px;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}

.blog-img {
 border-radius: 12px;
  margin-bottom: 22px;
}

.blog-content {
  padding: 0 18px 18px;
}

.blog-content p {
font-size: 16px;
  color: #333;
  margin-bottom: 18px;
  line-height: 30px;
}

.blog-content p a{ color: #333; text-decoration:  none;}

.blog-content h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
  margin-bottom: 18px;
    padding: 0px 65px 0 0;
}

.blog-content h2 a{ color: #000; text-decoration:  none; font-size: 20px; font-weight: 500;}


.blog-content a {
color: #000;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-content a:hover {
  color: #0a347f;
  text-decoration: none;
}

.blog-content a img {
background-color: white;
width: 22px;height: 22px;
}

.blog-item {
  transition: all 0.3s ease;
}


/* ===============================
   WRAPPER
================================ */
.blog-inner-wrap {
  background: #ffffff;
  padding-top: 50px;
  padding-bottom: 60px;
}

/* ===============================
   TITLE SECTION
================================ */
.blog-inner-title {
  max-width: 950px;
  margin: 0 auto 30px;
}

.blog-inner-title h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #0a347f;
  margin-bottom: 12px;
}

.blog-inner-title h1 span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}

.blog-inner-title p {
  font-size: 16px;
  line-height: 30px;
  color: #222;
  margin-bottom: 0;
}

/* ===============================
   BLOG CONTENT (CKEditor)
================================ */
.blog-detail-content {
  width: 100%;
  margin: 0 auto;
  color: #111;
}

/* headings */
.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
  color: #0a347f;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.blog-detail-content h2 {
  font-size: 20px;
}

.blog-detail-content h3 {
  font-size: 18px;
}

/* paragraph */
.blog-detail-content p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 12px;
}

/* list */
.blog-detail-content ul,
.blog-detail-content ol {
  padding-left: 20px;
  margin-bottom: 12px;
}

.blog-detail-content li {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}

/* image */
.blog-detail-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 18px 0;
}

/* link */
.blog-detail-content a {
  color: #0a347f;
  font-weight: 600;
  text-decoration: underline;
}

/* blockquote */
.blog-detail-content blockquote {
  border-left: 4px solid #0a347f;
  background: #f5f7fb;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 6px;
  font-style: italic;
}

/* table (future safe) */
.blog-detail-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  display: block;
  overflow-x: auto;
}

.blog-detail-content table th,
.blog-detail-content table td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
}

.blog-detail-content table th {
  background: #0a347f;
  color: #fff;
}

/* remove top gap */
.blog-detail-content > *:first-child {
  margin-top: 0;
}


/*gallery page start*/
.gallery-wrap {
padding: 20px 300px;
  background-color: #fff;
}

/* Tabs wrapper */
.gallery-tabs-wrapper {
  margin: 0 auto 30px;
  background: #eef6ff;
  border-radius: 16px;
  padding: 25px 30px;
}

/* Main tabs */
.gallery-main-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  flex-wrap: wrap;
}

.gallery-main-tabs::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cfddee;
}

.gallery-main-tabs li a {
  padding: 10px 28px;
  text-decoration: none;
  font-size: 20px;
  color: #000;
  display: inline-flex;
  transition: 0.3s ease;
}

.gallery-main-tabs li a.active,
.gallery-main-tabs li a:hover {
  color: #000;
  border-bottom: 1px solid #0a347f;
}

/* Sub tabs */
.gallery-sub-tabs {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}

.gallery-sub-tabs.active {
  display: flex;
}

.gallery-sub-tabs li a {
  padding: 8px 18px;
  border-radius: 30px;
  border: 1px solid #c7d7ea;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  display: inline-flex;
  transition: 0.3s ease;
}

.gallery-sub-tabs li a.active,
.gallery-sub-tabs li a:hover {
  background: #0a347f;
  color: #fff;
  border-color: #0a347f;
}

/* Grid */
.gallery-item img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 6px;
  transition: 0.4s;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.gallery-item {
  overflow: hidden;
  border-radius: 6px;
}

.gallery-item a {
  display: block;
  height: 100%;
}

.gallery-item img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

.galleryxd p{font-size: 17px;line-height: 30px;margin-bottom: 50px; color: #333;}

/*gallery page end*/

/*about page start*/

.breadcrumb{background-color: transparent ;justify-content: center;font-size: 22px;  font-weight: 500;   font-family: "Cormorant Garamond", serif;  font-style: italic;margin-bottom: 0;}
.breadcrumb .breadcrumb-item a{ color: #6c757d;}
.breadcrumb .breadcrumb-item a.active{ color: #00c3d9;}
.abnjf{padding: 20px 300px;}
.jkfjd h2{font-size: 50px;  font-weight: 500;  color: black;  font-family: "Cormorant Garamond", serif;  font-style: italic;  margin-bottom: 15px;}
.jkfjd p{font-size: 17px;line-height: 30px;padding: 0px 146px; color: #333;}


.slider {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.slide-track {
  display: flex;
  width: calc(250px * 10); /* 5 original + 5 duplicate */
  animation: scroll 20s linear infinite;
    column-gap: 5px;
}

.slide {
  width: 250px;
  height: 100px;
  flex-shrink: 0;
    align-content: center;
}

.slide img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}

/* Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 5)); /* move only original set */
  }
}

/* Pause on hover */
.slider:hover .slide-track {
  animation-play-state: paused;
}

/*about page end*/

.ourstory{
    padding: 0 300px;
    position: relative;
    overflow: hidden;
}

/* main section */
.browns{
    display: flex;
  flex-wrap: wrap;
  background-color: #e7f5ff;
  padding: 50px;
  position: relative;
  background-image: url("../images/about-blue-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* animated glow */
.browns::before,
.browns::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter: blur(100px);
    z-index:0;
    animation: floatingGlow 8s ease-in-out infinite alternate;
}

.browns::before{
    width:320px;
    height:320px;
    background: rgba(0,102,255,.10);
    top:-100px;
    left:-100px;
}

.browns::after{
    width:260px;
    height:260px;
    background: rgba(0,191,255,.14);
    bottom:-80px;
    right:-80px;
}

/* content above bg */
.browns > div{
    position:relative;
    z-index:2;
}

/* heading */
.browns h2{
    font-size:65px;
    font-weight:500;
    color:#062d75;
    font-family:"Cormorant Garamond", serif;
    font-style:italic;
    margin-bottom:22px;
    text-align:left;
    animation: fadeUp 1s ease;
}

/* paragraph */
.browns p{
    font-size:17px;
    line-height:32px;
    text-align:left;
    color:#333;
    animation: fadeUp 1.2s ease;
}

/* left content align */
.dfgdf{
    align-content:center;
    padding-right:50px;
}

/* story image */
img.abouro{
    border-radius:30px;
    margin-bottom:50px;
    width:100%;
    transition: all .8s ease;
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
    
}


/* mission vision cards */
.blux{
    
    display: flex;
    flex-wrap: wrap;
    background-color: #063079;
    column-gap: 25px;
    padding: 40px;
    border-radius: 30px;
    align-items: center;
    min-height:260px;
    transition: all .6s cubic-bezier(.22,.61,.36,1);
    column-gap:25px;
}



/* icon */
.blux img{
    
    transition: all .6s ease;
    z-index:3;
}

/* title */
.blux h5{
    font-size:42px;
    font-weight:500;
    color:white;
    font-family:"Cormorant Garamond", serif;
    font-style:italic;
    margin:0;
    transition: all .4s ease;
    z-index:3;
}

/* description */
.blux p{
    color:white;
    padding-top:18px;
    width:100%;
    transition: all .4s ease;
    z-index:3;
}


/* hover image */
.blux:hover img{
    transform: rotate(12deg) scale(1.08);
}

/* hover title */
.blux:hover h5{
    transform: translateX(5px);
}

/* hover paragraph */
.blux:hover p{
    opacity:.95;
}

/* floating cards */
.blux{
    animation: floatCard 4s ease-in-out infinite;
}

/* delay second card */
.col-lg-6:nth-child(4) .blux{
    animation-delay:.8s;
}



/*=================================
 KEYFRAMES
=================================*/

@keyframes fadeUp{
    0%{
        opacity:0;
        transform:translateY(40px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes floatCard{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes floatImage{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes floatingGlow{
    0%{
        transform:translateY(0px) translateX(0px);
    }
    100%{
        transform:translateY(30px) translateX(20px);
    }
}



.njgj { padding: 50px 300px; }

/* LEFT */
.fh h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1f3c88;
    padding: 0px 354px 0 0;
}

.fh p {
  font-size: 17px;
  line-height: 30px;
padding-top: 20px;
color: #333;
}

/* ACCORDION */
.custom-accordion .card {
  border: none;
  margin-bottom: 10px;
  border-radius: 8px;
  overflow: hidden;
}

.custom-accordion .card-header {
  padding: 0;
}

.custom-accordion .btn-link {
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(90deg, #1f3c88, #3f6ad8);
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none;
    text-align: left;
}

/* + */
.custom-accordion .btn-link::after {
  content: '+';
  position: absolute;
  right: 20px;
  font-size: 22px;
}

/* - when open */
.custom-accordion .btn-link:not(.collapsed)::after {
  content: '-';
}

.custom-accordion .card-body {
  background: #fff;
}

.custom-accordion .card-header a{color: white !important;}
.custom-accordion .card-header a::hover{color: white !important;}
.aboubig{padding: 0;}



/* BACKGROUND */
.section-dark {
  color: #fff;
  padding: 100px 300px;
    position: relative;
  background-image: url("../images/our-values-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* VALUES */
.values h2 {
font-size: 50px;
  font-weight: bold;
  color: white;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
}

.values p {
  color: #ccc;
  font-size: 17px;
  line-height: 30px;
  padding: 10px 50px 0 0;
}

/* VALUE BOX */
.value-box {
  background: #e9ecef;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}

.value-box h6 {
  color: #1f3c88;
  font-weight: 700;
    font-size: 18px;
}

.value-box p{color: #333;  font-size: 17px;  padding-top: 5px;}

/* CENTER TEXT */
.center-title {
  text-align: center;
  font-size: 50px;
font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin: 60px 0 35px;
}

/* SUB */
.sub-title {
  text-align: center;
  font-size: 36px;
font-family: "Cormorant Garamond", serif;
  font-style: italic;
margin-top: 50px;
      
}

.sub-text {
  text-align: center;
  color: white;
  margin: 10px auto 40px;
    font-size: 17px;
    padding: 0px 229px;
    line-height: 30px;
}

/* SERVICE BOX */
.service-box {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.service-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* OVERLAY */
.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  padding: 45px;
  color: #fff;

  /*background: linear-gradient(
    90deg,
    rgba(13, 60, 145, 0.95) 40%,
    rgba(13, 60, 145, 0.5) 70%,
    transparent
  );*/
    gap: 40px;
}

/* RIGHT SIDE OVERLAY */
.overlay-content.right {
  justify-content: flex-end;

  /*background: linear-gradient(
    270deg,
    rgba(13, 60, 145, 0.95) 40%,
    rgba(13, 60, 145, 0.5) 70%,
    transparent
  );*/
}

/* NUMBER */
.number {
 font-size: 90px;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.6);
  line-height: 1;
  margin-right: 20px;
  font-family: "Oswald", sans-serif;
  font-style: italic;
}

/* TEXT */
.text {
  font-size: 22px;
}

.fs{display: flex;flex-wrap:wrap;align-items: center;gap:10px;}



.losab{padding: 30px 100px;}
.losab h1{ text-align: center; margin-bottom:30px;}
.losab h1 span{ display: block;   font-family: "Cormorant Garamond", serif;   color: #00c3d9;  font-style: italic;  font-size: 35px;}
/* SECTION BG */
.brand-section {
background-color: #eaf3ff;
  padding: 50px 100px;
  border-radius: 20px;
  text-align: center;
    position: relative;
  background-image: url("../images/about-trusted-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* TITLE */
.brand-section h2 {
text-align: center;
  font-size: 50px;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  margin-bottom: 15px;
    font-weight: bold;
}

.brand-section p{
    font-size: 17px;
    padding: 0px 289px 50px;
    line-height: 30px;
    color: #333;
}

.logo-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* 5 per row */
.logo-col {
  width: 20%;
  padding: 10px;
}

.logo-box {
  background: #fff;
  padding: 0px;
  text-align: center;
  border-radius: 5px;
}

/* logo style */
.logo-box img {
 width: 150px;
  height: 150px;
  filter: grayscale(100%) brightness(0);
  transition: 0.4s;
}

.logo-box:hover img {
  filter: grayscale(0%) brightness(1);
}
/* FOOT TEXT */
.brand-footer {
  margin-top: 40px;
 font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 30px;
  color: #01338e;
    font-weight: bold;
}

/* remove default arrows */
.slick-prev:before,
.slick-next:before {
  display: none;
}

/* custom arrow style */
.tiles-custom-arrow {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.tiles-custom-arrow img {
  width: 100%;
  height: auto;
}

/* position */
.slick-prev.tiles-custom-arrow { left: 53px; }
.slick-next.tiles-custom-arrow { right: 10px; }
.slick-prev.tiles-custom-arrow img{ width: 85%;}

/* SWIPER */
.swiper {
width: 100%;
  padding: 0px 15px;
}

/* 🔥 HIDE ALL BADGES */
.swiper-slide .card-badge {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

/* ✅ SHOW ONLY ACTIVE BADGE */
.swiper-slide-active .card-badge {
  opacity: 1;
  visibility: visible;
}

/* REMOVE DEFAULT BG */
.swiper-slide {
  background:transparent !important;
}

/* IMAGE CARD */
.card-box {
  position:relative;
  border-radius:20px;
  overflow:hidden;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.card-box img {
  object-fit:cover;
  display:block;
}

/* BADGE */
.card-badge {
  position:absolute;
  top:15px;
  right:15px;

  width:45px;
  height:45px;

  background:#1e9fb0;
  color:#fff;

  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;

  font-weight:700;
  border:3px solid #f5c46b;
    font-size: 20px;
}

/* CONTENT BELOW IMAGE */
.card-info {
  text-align:center;
padding: 10px 15px 50px;
  transition:0.3s;
}

/* HIDE ALL CONTENT */
.swiper-slide .card-info {
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
}

/* SHOW ONLY ACTIVE */
.swiper-slide-active .card-info {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.card-info h3 {
 font-size: 20px;
  margin-bottom: 5px;
  font-weight: 500;
}

.card-info p {
  font-size:16px;
  margin:0;
  color:#555;
}

.blog-slider .slick-slide{padding: 0 15px;}












/* Fernando */

.prdtwyc { position: relative; overflow: hidden;}
.prdtwycc{ background: url(../images/product_why_bg.png); background-size:  cover; padding: 50px 120px;}
.prdtwycc .sub-title { font-weight: 600; font-size: 50px; font-style:  italic;  font-family: "Cormorant Garamond", serif;}
.prdtwycc .main-title { color: #063079; font-size: 36px; font-weight: 400;}
.feature-box { background: #002a76; color: #fff; padding: 20px 20px; border-radius: 30px; margin-bottom: 20px; align-items: center; font-size: 18px; transition: 0.3s ease;
  text-align: left; position: relative; padding-left: 70px; font-weight: 400; min-height: 95px;}
.feature-box:hover { transform: translateY(-5px); background: #14408a; box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.prdtwycc .icon { width: 28px; height: 28px; background: #00c3d9; color: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 12px;
  font-size: 14px; border: 2px solid #fff; position: absolute; left: 22px; top: 20px;}
.prdtctgry{ background:#fff; overflow:hidden;  position:relative;}
.prdtctgry-title{  font-family:"Cormorant Garamond", serif;  font-size:65px;  color:#062d75; font-style:italic; margin-bottom:15px; animation: fadeUp 1s ease;}
.prdtctgry-subtitle{ color:#555; margin-top:10px; font-size:18px; font-weight:400; margin-bottom:70px; animation: fadeUp 1.2s ease;}
.prdtctgry .row.align-items-center{  margin-bottom:50px;  position:relative;}
.prdtctgry .position-relative{ border-radius:35px;}
.main-img{width:100%; object-fit:cover; transition: all .9s cubic-bezier(.22,.61,.36,1); display:block;}
.prdtctgry .position-relative::before{ content:''; position:absolute; top:-120%; left:-120%; width:220%; height:220%; background: linear-gradient( 120deg, transparent 35%, rgba(255,255,255,.18) 50%,
  transparent 65%);transform: rotate(12deg); transition: all .9s ease; z-index:2;}
.prdtctgry .position-relative:hover::before{ top:100%; left:100%;}
.prdtctgry .position-relative:hover .main-img{ transform: scale(1.06);}
.main-img{ animation: floatingImage 6s ease-in-out infinite;}
.prdtctgry .content-box{ background:#fff; padding:30px;border-radius:35px; position:relative; overflow:hidden; transition: all .6s cubic-bezier(.22,.61,.36,1); box-shadow:0 18px 40px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.04);}
.prdtctgry .content-box::before{ content:''; position:absolute; top:-80px; right:-80px; width:180px; height:180px; border-radius:50%; background: rgba(0,123,255,.08); filter: blur(40px);
   transition: all .6s ease;}
.prdtctgry .content-box:hover{ transform: translateY(-15px); box-shadow:0 30px 60px rgba(0,0,0,.14);}
.prdtctgry .content-box:hover::before{ transform: scale(1.4);}
.prdtctgry .content-box h3{font-weight: 600;color: #063079; font-size: 25px; text-transform: uppercase; transition: all .4s ease;}
.prdtctgry .content-box h3 span{ display:block;}
.prdtctgry .content-box h3 label { font-size: 25px;font-weight: 300;}
.prdtctgry .content-box:hover h3{  transform: translateX(5px);}
.prdtctgry .content-box p{ color:#333; margin-top:14px; font-size:17px; font-weight:400; line-height:32px; transition: all .4s ease;}
.prdtctgry .content-box p.blue,.prdtctgry .sizes{ color:#00389c;  font-weight:700; letter-spacing:.5px;}
.prdtctgry .content-box ul{ padding:0; margin-top:22px;}
.prdtctgry .content-box ul li{ color:#333; list-style:none; font-size:17px; font-weight:400;line-height:32px; position:relative; padding-left:28px; margin-bottom:10px; transition: all .4s ease;}
.prdtctgry .content-box ul li::before{ content:'';  position:absolute; left:0;top:12px; width:10px; height:10px; border-radius:50%; background:#0a56d0; transition: all .4s ease;}
.prdtctgry .content-box:hover ul li{ transform: translateX(4px);}
.prdtctgry .content-box:hover ul li::before{ transform: scale(1.4);}
.banner-btn.products{ position:absolute; bottom:30px; z-index:5; backdrop-filter: blur(10px); animation: pulseBtn 3s infinite;}
.banner-btn.products::after{ content:''; position:absolute;inset:0; border-radius:50px; background: rgba(0,123,255,.20); filter: blur(18px); z-index:-1; opacity:0;transition: all .4s ease;}
.banner-btn.products:hover::after{ opacity:1;}
.prdtctgry .row:nth-child(even) .main-img{ animation-delay:.5s;}

@keyframes fadeUp{
    0%{
        opacity:0;
        transform:translateY(40px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes floatingImage{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
    }
}

@keyframes pulseBtn{
    0%{
        box-shadow:0 0 0 0 rgba(10,86,208,.35);
    }
    70%{
        box-shadow:0 0 0 18px rgba(10,86,208,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(10,86,208,0);
    }
}
.banner-btn.products{ position: absolute; right: 30px; bottom: 15px;}
.prdtctgrycs{ padding: 0;}
.teoeh{ padding: 70px 0;}
.teoeh img{ width: 100%;}
.avilbsiz { padding: 80px 0; color: #fff; background: #0b2c6b; position: relative; overflow: hidden;}
.avilbsiz .sub-title { font-family: serif; font-size: 50px; margin-bottom: 10px; font-family: "Cormorant Garamond", serif; font-style:  italic;}
.avilbsiz .main-title { font-size: 32px; font-weight: 500; line-height: 1.4;}
.avilbsiz .desc { margin-top: 15px; color: #fff; font-size: 18px; font-weight: 400;}
.avilbsiz .size-box { border: 2px solid #fff; border-radius: 12px; padding: 30px 15px; transition: 0.3s; background: rgba(255,255,255,0.03);}
.avilbsiz .size-box:hover { transform: translateY(-8px); background: rgba(255,255,255,0.08); box-shadow: 0 10px 25px rgba(0,0,0,0.3);}
.avilbsiz .size-box p { margin-top: 15px; font-size: 18px; font-weight: 400;}
.icon-grid { width: 60px; height: 60px; margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px;}
.poltfnslok { background: #f7f7f7; position: relative; overflow: hidden; padding: 70px 0;}
.poltfnslok::before { content: ""; position: absolute; inset: 0; background: url('../images/popular_bg.jpg') center/cover no-repeat; pointer-events: none;}
.finish-title { font-size: 50px; font-family: "Cormorant Garamond", serif; font-style: italic; color: #000000; margin-bottom: 15px; font-weight: 600;}
.finish-title span{}
.finish-subtitle { font-size: 18px; margin-bottom: 30px; color: #333; font-weight: 400;}
.finish-card { display: flex; align-items: center; border: 1.5px solid #153a7a; border-radius: 10px; padding: 18px 22px; margin-bottom: 14px; background: rgba(255,255,255,0.7);
   backdrop-filter: blur(3px); transition: 0.4s ease;}
.finish-card .icon-box { min-width: 68px; height: 68px; border: 1.5px solid #153a7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 22px;
  transition: 0.4s;}
.finish-card .icon-box i { font-size: 28px; color: #153a7a;}
.finish-card .finish-content h4 { font-size: 22px; font-weight: 600; margin-bottom: 5px; transition: 0.4s; color: #000000;}
.finish-card .finish-content p { font-size: 18px; color: #000000; line-height: 1.5; margin-bottom: 0; transition: 0.4s;}
.main-image img,.gallery-box img { width: 100%; border-radius: 12px; object-fit: cover; transition: 0.5s ease;}
.main-image { margin-bottom: 15px; overflow: hidden; border-radius: 12px;}
.gallery-box { overflow: hidden; border-radius: 12px;}
.main-image img:hover,.gallery-box img:hover { transform: scale(1.05);}
.wrtus { background: #0a3180; padding: 80px 0; position: relative; overflow: hidden;}
.wrtus .section-heading { position: relative; z-index: 2; margin-bottom: 50px;}
.wrtus .section-heading h6 { color: #fff; font-size: 20px; margin-bottom: 10px;}
.wrtus .section-heading h2 { color: #fff; font-size: 50px; font-style: italic; margin-bottom: 18px; font-family: "Cormorant Garamond", serif;}
.wrtus .section-heading p { color: #fff; font-size: 18px; max-width: 1000px; margin: auto; font-weight: 400;}
.use-box { position: relative; z-index: 2; border: 1.5px solid rgba(255,255,255,0.85); border-radius: 12px; height: 100%; padding: 18px 10px; display: flex; align-items: center; justify-content: center;
  color: #fff; transition: 0.4s ease; background: rgba(255,255,255,0.02); backdrop-filter: blur(3px);}
.use-box i { font-size: 30px; margin-right: 12px;}
.use-box span { font-size: 18px; font-weight: 400; line-height: 1.4; padding-left: 5px;}
.use-boxs{ padding: 7px;}
.dgnrnge { background: #f8f8f8; padding: 70px 0;}
.design-title { font-size: 50px; line-height: 1.1; font-style: italic; color: #000; font-weight: 600; font-family: "Cormorant Garamond", serif;}
.design-desc { font-size: 18px; line-height: 1.7; color: #333; padding-top: 10px;}
.design-card { position: relative; overflow: hidden; border-radius: 16px; height: 300px; cursor: pointer;}
.design-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s ease;}
.dgnrnge .overlay { position: absolute; inset: 0; background: linear-gradient(   to top,  rgba(0,0,0,0.75),  rgba(0,0,0,0.05) ); transition: 0.4s ease;}
.dgnrnge .card-content { position: absolute; left: 0; bottom: 25px; z-index: 2; width: 100%; text-align: center;}
.dgnrnge .card-content h4 { color: #fff; font-size: 18px; font-weight: 400; margin: 0; transition: 0.4s ease;}
.dgnrnge .design-card:hover img { transform: scale(1.08);}
.dgnrnge .design-card:hover .overlay { background: linear-gradient( to top,  rgba(5,32,87,0.9),  rgba(0,0,0,0.1));}
.dgnrnge .design-card:hover .card-content h4 { transform: translateY(-5px);}
.kfaabm{position: relative; padding: 80px 0; overflow: hidden;}
.feature-title{ font-family: 'Cormorant Garamond', serif; font-size: 50px; line-height: 1.1; font-style: italic; color:#000000; margin-bottom:40px; font-weight: 600;}
.feature-list{ padding:0; margin:0;list-style:none;}
.feature-list li{ background: linear-gradient(90deg,#003b8f,#4169c8); color:#fff; border-radius:20px; padding:18px 25px; margin-bottom:14px; display:flex; align-items:center;font-size:22px;
  font-weight:400; box-shadow:0 8px 20px rgba(0,0,0,0.08);transition:0.4s ease;}
.feature-list li:hover{transform: translateX(8px);}
.feature-list li i{ width:30px; height:30px; min-width:30px; border-radius:50%;background:#14c4d4; display:flex; align-items:center; justify-content:center; margin-right:18px; font-size:16px;
  color:#fff;border:3px solid rgba(255,255,255,0.4);}
.feature-image{ position:relative; border-radius:25px; overflow:hidden; height:100%;box-shadow:0 20px 50px rgba(0,0,0,0.08); }
.feature-image img{ width:100%; height:100%; object-fit:cover; transition:0.5s ease; }
.feature-image:hover img{ transform:scale(1.05); }
.kfaabm p{ font-size: 18px; margin-bottom: 20px;}
.prdtwycc p{ font-size: 18px; margin-top: 20px;}
.jkfjd ul{ padding: 0; margin-top: 30px;}
.jkfjd ul li{ list-style:  none; font-size: 17px; line-height: 30px; font-weight: 400;}
.wrtus .section-heading.sut_tiles{ margin-bottom: 0;}
.avilbsiz .sub-title.sut_tiles{ margin-top: 30px;}
.wrtus .section-heading h2.sut_tiles{ margin-top: 30px;}
.avilbsiz .desc.maximustitle{ margin-bottom: 30px;}
.maximustile{ margin: 20px 0; font-size: 27px;}
.adv-footers{ padding: 0;}
.footer-about span{ display:  block;}
.breadcrumb-item.active{ color: #00c3d9;}
.banner-btn { display: inline-flex; align-items: center; gap: 12px; background: #fff; color: #222; text-decoration: none; padding: 5px 18px; border-radius: 50px; font-size: 16px; font-weight: 600;
   position: relative; overflow: hidden; transition: all 0.4s ease;}
.banner-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); color: #000; text-decoration: none;}
.arrow-wrap { width: 42px; height: 42px; background: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.banner-btn img.arrow { width: 18px; transition: transform 0.4s ease;}
.banner-btn:hover img.arrow { transform: translateX(5px);}
.banner-btn:hover .arrow-wrap { transform: rotate(45deg) scale(1.1);}
.consult-btn { display: inline-flex; align-items: center;  gap: 12px; background: #fff; color: #222; padding: 10px 18px; border-radius: 50px; font-weight: 600; text-decoration: none; position: relative;
  overflow: hidden; transition: all 0.4s ease;}
.consult-btn:hover { transform: translateY(-4px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); text-decoration: none; color: #000;}
.consult-icon {width: 42px; height: 42px; border-radius: 50%; background: #1ecad3; display: flex; align-items: center;  justify-content: center; transition: all 0.4s ease;}
.consult-icon img { width: 18px; transition: all 0.4s ease;}
.consult-text { position: relative; transition: all 0.4s ease;}
.consult-btn:hover .consult-icon { transform: rotate(15deg) scale(1.1); background: #0fb8c2;}
.consult-btn:hover .consult-icon img { transform: scale(1.15);}
.consult-btn:hover .consult-text { transform: translateX(3px);}
.consult-btn::before { content: ''; position: absolute; top: 0; left: -120%; width: 80px; height: 100%; background: rgba(255,255,255,0.4); transform: skewX(-25deg); transition: all 0.7s ease;}
.consult-btn:hover::before { left: 130%;}
.footer-contact li a{ color: #fff; text-decoration:  none;}
.footer-bottom p a{ color: #fff; text-decoration:  none;}
.floating-social{ position: fixed; right: 0; top: 65%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; gap: 12px; z-index: 2;}
.floating-social a{ width: 40px; height: 40px; border-radius: 50%;  display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; font-size: 22px;  position: relative;
  overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.18); transition: all .4s ease; animation: floating 3s ease-in-out infinite;}
.floating-social a:nth-child(1){ animation-delay: 0s;}
.floating-social a:nth-child(2){ animation-delay: .3s;}
.floating-social a:nth-child(3){ animation-delay: .6s;}
.floating-social a:nth-child(4){ animation-delay: .9s;}
.floating-social a:nth-child(5){ animation-delay: 1.2s;}
.floating-social a:hover{ transform: scale(1.12); box-shadow: 0 15px 35px rgba(0,0,0,0.25);}
.floating-social a::before{ content: ""; position: absolute; top: -100%; left: -100%; width: 120%; height: 120%; background: rgba(255,255,255,0.25); transform: rotate(25deg); transition: .6s;}
.floating-social a:hover::before{ top: 100%; left: 100%;}
.floating-social .phone{ background: #00a0b2;}
.floating-social .facebook{ background: #1877f2;}
.floating-social .instagram{ background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.floating-social .twitter{ background: #000;}
.floating-social .whatsapp{ background: #58e122;}
.floating-social .youtube{ background: #ff0000;}

/* floating animation */
@keyframes floating{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-8px);
    }

    100%{
        transform: translateY(0px);
    }

}

.bottom-links a.active{ color: #f7ca80;}

.advayablog{ padding-top: 75px;}
.advayablog .card{ border-radius: 1rem; margin-bottom: 30px;}
.advayablog .card-body{ padding: 2rem;}
.advayablog .card-body img{ border-radius: 30px; width: 100%;}
.advayablog .card-body h1{ color: #2b2b2b; font-size: 30px; font-weight: 700; margin: 20px 0 20px 0;}
.advayablog .card-body h2{ font-weight: 600; font-size: 28px; margin: 20px 0;}
.advayablog .card-body p{ color: #333; font-size: 17px; font-weight: 400; line-height: 30px; margin: 0 0 10px 0; }
.advayablog .card-body a{ background: #ff7c24; color: #fff; text-decoration:  none; font-size: 18px; font-weight: 400; border-radius: 20px; padding:2px 10px; display:  inline-block;}
.advayablog .date_info{ margin-top: 20px; margin-right: 15px;}
.advayablog .date_info span{ font-size: 18px; text-transform: uppercase; font-weight: 700;}
.advayablog .date_info span .fa-solid{ margin-right: 3px;}
.sidebar-box h5{ color: #2b2b2b; font-size: 25px; text-transform:  uppercase; font-weight: 700; margin-bottom: 20px;}
.sidebar-box ul li{ border-bottom: 1px solid #ddd; padding: 10px 0; position: relative; padding-left: 30px; color: #333;}
.sidebar-box ul li a{ color: #333; font-size: 18px; font-weight: 400; text-decoration:  none;}
.sidebar-box ul li a.active{ color: #f5b400;}
.sidebar-box ul li:last-child{ border:  none;}
.sidebar-box ul li .fa-angles-right{ position: absolute; left: 0; top: 18px; color: #f5b400;}
.sidebar-box .custom-input { background: #fff; border-radius: 40px; padding: 7px 25px; border: none; width: 100%; margin-bottom: 15px; outline: none; color: #353535; font-size: 16px; font-weight: 500;
  text-transform:  uppercase; border: 1px solid #ddd;}
.sidebar-box .submit-btn { background: #f5b400; border: none; padding: 15px 65px; border-radius: 40px; font-weight: 500; display: block; margin:0 auto 0 auto; font-size: 16px; color: #353535;}
.sidebar-boxs{ padding: 0;}
.advayablog .card-body ul{}
.advayablog .card-body ul li{ font-size: 17px; font-weight: 400; color: #333; line-height: 30px;}
.advayablog .card-body h3{ font-size: 22px; margin: 20px 0 10px 0; font-weight:  500;}
.advayablog .card-body h4{ font-size: 20px; margin-bottom: 10px; margin-left: 20px; text-decoration:  underline;}
.h3conta{ padding-left: 20px;}
.site-navbar .site-logo img{ height: 100px;}
.faqinn-item.active{ background: #032d7c; border-color: #032d7c; box-shadow: 0 10px 30px rgba(3,45,124,0.15);}
.faqinn-item.active .faq-question{ color: #fff;}
.faqinn-item.active .faq-answer p{ color: #fff;}
.faqinn-item.active .faq-icon{ color: #fff;}
.faq-heading h3{ color: #002a76;font-size: 38px; font-weight: 600; margin: 20px 0;}
.faq-heading p{  font-weight: 600; color: #333; font-size: 17px; font-weight:  400; line-height: 30px;}
.faq-list h4{ color: #002a76; font-size: 36px; margin-bottom: 30px;}
.faq-list.faqinn{ margin-bottom: 30px;}
.faq-list ul{ margin-top: 20px;}
.faq-list ul li{ color: #fff; line-height: 30px;}

.scroll-top { position: fixed; bottom: 30px; right: 30px; background: #00c3d9; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: 0.3s; z-index: 9999; font-size: 25px;}
.scroll-top:hover { background: #000; color: #fff;}
.project-card img.projectins{ height:  inherit;}


.profile-download-btn{ position:fixed; right:-100px; top:20%; transform:translateY(-50%) rotate(-90deg); z-index:9999; display:flex; align-items:center; gap:14px; background:#00c3d9; color:#fff;
  text-decoration:none; padding:7px 28px; border-radius:18px 18px 0 0; overflow:hidden;  box-shadow:0 12px 35px rgba(0,0,0,0.25); transition:all .4s ease; z-index: 100;}
.profile-download-btn::before{ content:""; position:absolute; inset:0; border-radius:18px 18px 0 0; padding:2px;  background:linear-gradient( 90deg,  #ffffff, #4da3ff, #ffffff,  #4da3ff);
  background-size:300% 300%; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:borderMove 4s linear infinite;}
.profile-download-btn .btn-text{ font-size:16px; font-weight:600; letter-spacing:.5px; color: #fff; text-transform:  uppercase;}
.profile-download-btn .btn-icon{ width:38px; height:38px; border-radius:50%; background:#fff; color:#063079; display:flex; align-items:center; justify-content:center; font-size:16px; transition:all .4s ease;}
@keyframes borderMove{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:300% 50%;
    }
}
.profile-download-btn{ animation:floatingBtn 3s ease-in-out infinite;}
.floating-social a.enquire{ font-size: 10px; font-weight: 700; background: #585050;}

.banner-btn img.brochure{ width:  inherit;}
.ourtiles.brochure{ padding-top: 30px;}
.tile-card-content h3.brochure{ text-align: center;}
.tile-card-content.brochure{ top: 0;}
.banner-btn.brochure{ top: 30px;}
.oud h3.brochure{ margin-bottom: 50px;}

.title_h1{ text-align: center;}
.title_h1 h1{ margin-bottom: 30px;  font-size: 45px;}
.title_h1 h1 span{ display:  block; font-family: "Cormorant Garamond", serif; color: #00c3d9; font-style:  italic; font-size: 35px;}

.footer-map{ margin-top: 20px;}

.prvyply{}
.prvyplyc{}
.prvyplyc h2{ font-size: 30px; margin: 20px 0 10px 0;}
.prvyplyc p{ font-size: 17px; line-height: 30px; }
.prvyplyc ul{}
.prvyplyc ul li{ font-size: 17px; line-height: 30px;}

.avilbsiz .sub-title.woodart{ margin-top: 0;}
.avilbsiz .sub-title.parktile{ margin-top: 0;}
.avilbsiz .sub-title.solarreflect{ margin-top: 0;}
.avilbsiz .sub-title.suttile{ margin-top: 0;}

.prdtwycc .sub-title.shychoose{ margin-top: 0;}

#phoneError{color: red; font-size: 14px; margin-top: 5px;}

.sitemap-section{
    background:#f8f9fa;
}

.sitemap-card{
    background:#fff;
    padding:0;
    border-radius:10px;
    border:1px solid #e9ecef;
    height:100%;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.sitemap-cards{ padding: 15px;}

.sitemap-card h3{
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
    padding: 10px;
    border-bottom:2px solid #00c3d9;
    background: #fbe1b2;
}

.sitemap-card p{ padding: 10px 0; font-size: 17px;}
.sitemap-card p a{}

.sitemap-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.sitemap-card ul li{
    margin-bottom:10px;
    border-bottom: 1px solid #eee;
}

.sitemap-card ul li a{
    color:#333;
    text-decoration:none;
    font-size: 17px;
    font-weight: 400;
}

.sitemap-card ul li a:hover{
    color:#007bff;
    
}

.social-links a{
    display:block;
    padding:10px 0;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #eee;
    font-size: 17px;
}

.social-links a:last-child{
    border-bottom:none;
}

.social-links a:hover{
    color:#007bff;
   
}

.social-links i{
    width:25px;
    text-align:center;
}

.sitemap {padding: 20px 300px;}

.sitemap p{ font-size: 17px; color: #333;}

.sitemap p a{ font-size: 17px; color: #333;}