:root{
    --blue: #14bff3;
    --yellow:#ffc114;
    --dark-blue:#18235f;
}

/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #303030;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;font-family: "Barlow", sans-serif;}
.p-bold { font-weight: 600; font-size: 20px;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}
/* reset css */

/* fonts */
h1,h2,h3,h4,h5,h6 {font-family: "Barlow", sans-serif;}
body {font-family: "Barlow", sans-serif;}

h2{font-size: 42px;}
h3{font-size: 32px;color: var(--yellow);text-transform: uppercase;}
h4 {font-size: 26px;color: var(--dark-blue);padding: 15px 0;}

h1.index-h1 {padding: 10px 0 0;color: #fff;font-weight: 600;font-size: 44px;}
h1.index-h1.italic {font-style: italic;color: var(--yellow);font-weight: inherit;}
h1.index-h1 span, h1.inner-h1 span {font-style: italic;font-weight: initial;}

h2.index-h2 {padding: 10px 0 0;color: #fff;font-weight: 600;}
h2.index-h2.italic {font-style: italic;color: var(--yellow);font-weight: inherit;}
h2.index-h2 span, h2.inner-h2 span {font-style: italic;font-weight: initial;}
h2.inner-h2 {padding: 10px 0 0;color: var(--dark-blue);}

/* services page */
.h2-inner { font-size: 34px; color: var(--yellow); text-transform: uppercase;}
.h3-inner { font-size: 32px; padding: 10px 0 0; color: var(--dark-blue); text-transform: initial;}
.h3-inner span {font-style: italic; font-weight: 400;}
/* services page */

h2.h2-large {color: var(--yellow);text-transform: uppercase;font-size: 100px;font-weight: 600;text-align: center;line-height: 1.0;}
/* fonts */

/* common css */
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */

/* 0. owl css */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:0}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff}
.owl-dots{text-align-last: center;margin-top: 32px;}
/* 0. owl css */

.common-btn {width: 100%;padding: 20px 0 0;}
.common-btn a, .common-btn button {width: 100%;max-width: 130px;padding: 15px 10px;background: var(--blue);border-radius: 5px;text-align: center;color: #fff;font-size: 16px;  position: relative;}
.common-btn a:hover, .common-btn button:hover {background: #ffd04e;color: #303030;}


/* menu */
.right-desktop-menu-container ul li a, .right-desktop-menu-container ul li span {transition: all .4s;padding: 25px 0 25px;color: var(--dark-blue);position: relative;font-weight: 600;font-size: 18px;}
.right-desktop-menu-container ul li a:hover, .right-desktop-menu-container ul li:hover span {color: var(--blue);}
.right-desktop-menu-container ul li:hover .first-route{opacity: 1;visibility: visible;top: 47px;}   
.right-desktop-menu-container ul li.act-link span, .right-desktop-menu-container ul > li > a.act-link {color: var(--blue);}

.first-route{position: absolute;width: 300px;opacity: 0;visibility: hidden;top: 100px;display: block;transition: 0.5s;left: 0;right: 0;margin: auto; z-index: 3;display: flex;padding: 0px 2px;border-bottom: 4px solid #ffc11494;}
.first-route::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #000;opacity: .6;}
header.scrolled-header .first-route::after {opacity: .8;}
.first-route li a{display: block;padding: 0 !important;color: #fff !important;text-transform: capitalize;}

.first-child-route{width: 100%; max-width: 600px; display: flex;flex-direction: column;border-right: 1px solid #ffffff2e;position: relative;}
.first-child-route:last-child {border: none;}
.first-child-route li {margin: 0px 16px;border-bottom: 1px dashed #ffffff5e;padding: 10px 0;}
.first-child-route li:last-child {border-bottom: none;}
.first-child-route li a{font-size: 16px !important;color: #fff;font-weight: initial !important;padding: 10px 24px;display: block; line-height: 1.6;margin: 0px 0;}
.first-child-route li a:hover, .first-child-route li a.act-link {color: #fec124 !important;}
.first-child-route.act-link ul li.act-link a.act-link{color: #fec124 !important;font-weight: 600 !important;}
/* menu */

/*  Resp menu css  */

html.hc-nav-yscroll {overflow-y: scroll;}
.desk-resp-ham {display: none;}
.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 0;bottom: 0;margin: auto;top: 0;height: 25px;}
.desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 1px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background: #fff;transition: all .25s ease;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
.inner-desk-ham {display: flex;}
.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;}
.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #303030;top: 0;left: 0;opacity: .9;width: 100%;height: 100%;}
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
.desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);}
.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: #303030;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
.desk-resp-ham .sidebar img {width: 50%;}
.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
.desk-resp-ham .sidebar ul.menu li span.act-link {color: #303030 !important;background: #ffffffd4;}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.nav-dropdown li a:hover {background: #fff;color: #03548d !important;}
.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #303030 !important;border-bottom: 2px solid #303030 !important;}
.desk-resp-ham .sidebar ul.menu > li > span:hover, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link {background: #ffffffd4;color: #303030 !important;}
.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #fff;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;background: #f9bc134f;border-top: 3px solid #303030;border-bottom: 3px solid #303030;}
.nav-dropdown li a {font-size: 15px !important;}
.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}

.desk-resp-ham .sidebar ul.menu li > span.dropdown-span img {width: 100%;max-width: 15px;filter: invert(94%) sepia(1%) saturate(0%) hue-rotate(89deg) brightness(89%) contrast(86%);}
.desk-resp-ham .sidebar ul.menu li:hover > span.dropdown-span img {filter: invert(8%) sepia(0%) saturate(1827%) hue-rotate(146deg) brightness(102%) contrast(74%);}
/*  Resp menu css  */

/* 5. index slider */
.slider-main.index-slider {position: relative;}
.slider-main.index-slider::after {content: "";position: absolute;background: linear-gradient(to right, #ffc114 50%, #14bff3 50%);top: 0;width: 100%;max-width: 400px;height: 100%;opacity: .4;z-index: 1;transform: skew(-20deg);right: 0;}
.slider-main.index-slider .swiper-wrapper .swiper-container {width: 100%;}
.slider-main.index-slider .swiper-wrapper .swiper-slide {background: no-repeat center center/cover;height: calc(100vh - 112px); position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.slider-main.index-slider .swiper-wrapper .swiper-slide::before {content: ""; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;z-index: -1;}
.slider-main.index-slider .swiper-pagination-bullet {background-color: transparent;border: 2px solid #fff;width: 12px;height: 3px;opacity: 1;}
.slider-main.index-slider .swiper-pagination-bullet-active {background-color: #fff;}
.slider-main.index-slider .swiper-button-container {background-color: #fff;}
.slider-main.index-slider .swiper-container .swiper-pagination-bullet-active{background: #17a43b !important;}
.slider-main.index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: rgba(255,255,255,.6);}
.slider-main.index-slider .swiper-container .swiper-pagination-bullet{width: 12px;height: 3px;}
.slider-main.index-slider .swiper-container .swiper-pagination-bullet{border: none;}
.swiper-pagination-bullet{border-radius: 2px !important;}
.slider-main.index-slider .swiper-slide h1, .slider-main.index-slider .swiper-slide h3, .slider-main.index-slider .swiper-slide p {opacity: 0;color: #ffffff;font-size: 62px;transform: translateY(-100%) scale(0.8);transition: 1s ease; margin: 10px auto;}
.slider-main.index-slider .swiper-slide h3{font-size: 48px;}
.slider-main.index-slider .swiper-slide p{font-size: 24px; color: #fff;line-height: 1.4; text-align: left;padding: 20px 0;}
.slider-main.index-slider .swiper-slide-active h3{opacity: 1;transform: translateY(0%) scale(1);transition: 1s ease;transition-delay: 1s;}
.slider-main.index-slider .swiper-slide-active h1{opacity: 1;transform: translateY(0%) scale(1);transition: 1s ease;transition-delay: .9s;}
.slider-main.index-slider .swiper-slide-active p{opacity: 1;transform: translateY(0) scale(1);transition-delay: .7s;} 
.slider-main.index-slider .swiper-slide-active a{opacity: 1;transform: translateY(0) scale(1);transition-delay: .5s;}
.slider-main.index-slider .swiper-button-prev, .slider-main.index-slider .swiper-button-next{color: #fff !important;transition: all .2s;z-index: 1 !important;}
.slider-main.index-slider .swiper-button-prev:hover, .slider-main.index-slider .swiper-button-next:hover{color: #fc0 !important;}
.slider-main.index-slider .swiper-button-prev::after, .slider-main.index-slider .swiper-button-next::after{font-size: 28px !important;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3, .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text p, .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text a {margin: 0;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3 span, .landing-page-banner-text h3 span {width: 25px;display: flex;justify-content: center;align-items: center;position: relative;height: 25px;margin: 0 20px;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3 span::before, .landing-page-banner-text h3 span::before {content: '';position: absolute;background: linear-gradient(to right, #ffc114 50%, #14bff3 50%);width: 100%;height: 100%;border-radius: 50%;transform: rotate(50deg);opacity: .5;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3 img, .landing-page-banner-text img {width: 20px;max-width: 20px;margin: 0 20px;height: 20px;}
.slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3  {display: flex;justify-content: center;align-items: center;}

  
/* header */
.header-main-wrapper {background: #f7f7f7;position: relative;z-index: 2;}
.header-main-inner {display: flex;justify-content: space-between;align-items: center;gap: 50px;}

.logo {width: 100%;max-width: 250px;display: flex;justify-content: center;align-items: center;}
.header-right-main {width: 100%;max-width: 950px;box-shadow: rgb(0 0 0 / 9%) -6px -4px 8px;transform: skew(-40deg);}
.right-desktop-menu-container.nav-links.scrolled-nav-links {transform: skew(40deg);}
.logo a img{width: 100%;max-width: 300px;}
.logo a {padding: 20px 0;}

.top-header-right {display: flex;justify-content: flex-end;align-items: center;gap: 40px;transform: skew(40deg);position: relative;padding-right: 50px;}
.top-header-right::before {content: "";position: absolute;background: var(--blue);width: 10000px;height: 100%;left: 0;z-index: -1;box-shadow: rgba(0, 0, 0, 0.24) -1px 5px 8px;transform: skewX(-40deg);}
.top-header-right li a{display: flex;justify-content: center;align-items: center;gap: 10px;padding: 15px 0;color: #fff;font-weight: 500;}
.top-header-right li a:hover {color: var(--dark-blue);}
.top-header-right li a:hover img {filter: invert(19%) sepia(40%) saturate(1966%) hue-rotate(208deg) brightness(90%) contrast(95%);}
.top-header-right li a img {width: 100%;max-width: 20px;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(102%) contrast(101%);}
.links-main-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 50px;}
.links-main-wrapper li {position: relative;}
/* header */

/* scrolled header */
header.scrolled-header {position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 3;box-shadow: 0px 6px 9px -4px rgba(34,56,101,0.12);transition: all .3s;}
header.scrolled-header .top-header-right {display: none;}
header.scrolled-header .header-right-main {box-shadow: none;transform: none;}
header.scrolled-header .right-desktop-menu-container.nav-links.scrolled-nav-links {transform: none;}
header.scrolled-header .logo a img {width: 100%;max-width: 175px;}
header.scrolled-header .right-desktop-menu-container ul li a, .right-desktop-menu-container ul li span {padding: 25px 0;}
header.scrolled-header .logo a {padding: 0;} 
/* scrolled header */


/* Banner bottom cards */
.banner-bottom-cards-inner {display: flex;justify-content: center;align-items: stretch;gap: 20px;padding: 60px 0 0;}
.banner-bottom-card {width: 100%;max-width: 390px;display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;padding: 20px;border-radius: 10px;}
.banner-bottom-card:hover {box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 8px;}
.banner-bottom-card:hover .card-icon {transform: scale(1.1);transition: 1s ease-in-out;}
.banner-bottom-card:hover .card-icon img {filter: invert(85%) sepia(39%) saturate(4263%) hue-rotate(347deg) brightness(109%) contrast(101%);}
.card-icon {width: 100%;max-width: 80px;transition: 1s ease-in-out;}
.card-icon img {filter: invert(57%) sepia(61%) saturate(1019%) hue-rotate(155deg) brightness(98%) contrast(94%);width: 100%;max-width: 80px;}
.card-details p {margin: 5px 0;text-align: left;}
.card-details h3 {font-size: 24px; color: #303030;}
/* Banner bottom cards */

/* About us */
.about-us-inner-wrapper {display: flex;justify-content: flex-end;align-items: stretch;padding: 60px 0;position: relative;}
.about-us-left, .about-us-left img {width: 100%;max-width: 400px;z-index: 1;transform: translateX(60px);position: relative;display: flex;justify-content: center;align-items: flex-end;}
.about-us-right {width: 100%;max-width: 900px;background: #000000c0;position: relative;padding: 60px 20px 30px 125px;border-radius: 50px;}
.about-us-right::before {content: "";position: absolute;width: 100%;height: 100%;background: url(../images/home-page-images/about-us-bg.webp) no-repeat center center/cover;top: 0;left: 0;z-index: -1;border-radius: 50px;}
.about-us-right h3 {color: #fff;padding: 0 0 10px;}
.about-us-right p, .about-us-right h3 {color: #fff;}
.about-us-right p a { font-size: 18px; color: #ffc114;}
.team-content p a , .about-us-inner-right p a , .services-right p a { font-size: 18px; color: #1c2f99;}
.about-us-right p a:hover, .team-content p a:hover {color: #28c0f1;}
.about-us-right a.animi img, .lp-project-detail a.animi img {filter: invert(8%) sepia(0%) saturate(1827%) hue-rotate(146deg) brightness(102%) contrast(74%);}

a.animi span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50px;background: var(--yellow);border-radius: 50%;height: 50px;position: absolute;transform: translateX(-130px);transition: 2s all ease;}
a.animi {width: 100%;max-width: 200px;background: #f7f7f7;border-radius: 25px;display: flex;justify-content: flex-end;align-items: center;gap: 10px;margin: 30px 0;position: relative;height: 50px;transition: 2s all ease;padding-right: 20px;overflow: hidden;}
a.animi:hover span {transform: translateX(130px);}
a.animi:hover {background: var(--yellow);color: #303030;transition: 2s all ease;padding-right: 40px;}
a.animi img {width: 100%;max-width: 20px;filter: invert(99%) sepia(4%) saturate(148%) hue-rotate(76deg) brightness(113%) contrast(100%);}


/* About us */

/* services */
.about-us-banner-wrapper {background: linear-gradient(to top, #303030 20%, #fff 20%);position: relative;z-index: 0;}
.about-us-banner-wrapper::before {content: "";position: absolute;background: url(../images/bg/services-bg.webp) no-repeat center center/cover;width: 100%;height: 80%;z-index: -1;top: 0;right: 0;}
.services-cards {display: flex;justify-content: center;align-items: stretch;gap: 20px;padding: 60px 0;}
.services-card {width: 100%;max-width: 300px;background: #fff;border-radius: 10px;position: relative;}
.services-card::before {content: "";position: absolute;background: var(--blue);opacity: .4;width: 100%;max-width: 100px;height: 125%;transform: skew(-20deg);top: -30px;right: 65px;z-index: -1;}
.services-card:nth-child(2n)::before {background: var(--yellow);}
.services-card span {display: flex;justify-content: center;align-items: center;transition: 1s all ease;overflow: hidden;border-radius: 10px 10px 0 0;}
.services-card span img {width: 100%;max-width: 300px;border-radius: 10px 10px 0 0;}
.services-card p {text-align: center;font-weight: 600;}

.services-card span:hover img {transform: scale(1.1);transition: 1s all ease;}
/* services */

/* why us */
.why-us-wrapper {background: #303030;}
.why-us-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 40px;padding: 60px 0;position: relative;}
.why-us-inner-wrapper::before {content: "";position: absolute;background: url(../images/bg/why-us-bg.webp) no-repeat center center/contain;width: 100%;max-width: 400px;height: 400px;right: -29%;bottom: -8px;opacity: .1;}

.why-us-left, .why-us-right {width: 100%;max-width: 600px;}
.why-us-left img {width: 100%;max-width: 600px;border-radius: 20px;height: 100%;object-fit: cover;}
.why-us-left {overflow: hidden;border-radius: 20px;}
.why-us-left:hover img {transform: scale(1.1);transition: 1s all ease;}
.why-us-right p {color: #fff;}
/* why us */

/* Number Count */
.our-score-board {padding: 40px 0;background: #18235f;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.run-letter-div div span{color: var(--yellow);font-size: 60px;font-weight: 500;text-align: center;}
.plus {color: var(--yellow);display: flex;justify-content: center;align-items: center;font-weight: 600;font-family: 'Montserrat', sans-serif;font-size: 60px;}

.run-letter-div div i {font-size: 40px;display: block;font-style: initial;margin-left: 5px; font-weight: 600;}
.scoreboard-wrap{display: flex;justify-content: space-evenly;align-items: center;flex-wrap: wrap;gap: 10px;}
.run-letter-div span {font-size: 18px;color: #fff;text-transform: uppercase;}

.run-letter-div{width: 100%;max-width: 235px;text-align: center;}
/* Number Count */

/* Our Products */

.our-projects-wrapper {transform: translateY(100px);}
.our-projects-inner h3 {text-align: center;}
.our-projects-inner h2.index-h2 {color: #1c2f99;text-align: center;}
.our-projects-content {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 40px 0;}
.our-projects-content p {width: 100%;max-width: 900px;color: #18235fd4;font-weight: 500;}
.our-projects-content .common-btn {width: 100%;max-width: 130px;padding: 0;}

.products-slider .fluid-container {padding: 0;}
.project-cards {display: flex;justify-content: center;align-items: stretch;gap: 20px;position: relative;}
.project-cards::before {content: "";position: absolute;background: url(../images/bg/line.png) no-repeat center center/contain;width: 98%;height: 16px; left: 0;right: 0;margin: auto;top: 110px;padding: 0 20px;}
.project-card {width: 100%;max-width: 500px;border-radius: 10px;position: relative;transform: translateY(0px);transition: 0.3s ease-in-out;}
.project-card span {display: flex;justify-content: center;align-items: center;}
.project-card span img {width: 100%;max-width: 500px;border-radius: 10px 10px 0 0;height: 350px;object-fit: cover;object-position: top;}
.project-card p {text-align: center;font-weight: 600;}

.project-amount {position: relative;width: 100%;max-width: 100px;transform: translateY(-50px);margin: auto;transition: 0.3s ease-in-out;}
.project-amount::before {content: "";position: absolute;width: 25px;height: 25px;background: #6f6d6d;bottom: -10px;border-radius: 50%;left: 0;right: 0;margin: auto;}
.project-amount p {text-align: center;padding: 0 0 20px;font-size: 22px;}

.client-details {background: #f7f7f7;padding: 20px 30px;}
.client-details p {margin: 0;padding: 0 0 5px;font-size: 20px;text-align: left;}
.client-details h4 {display: flex;justify-content: flex-start;align-items: center;font-size: 16px;font-weight: 400;}
.client-details h4 span {color: var(--blue);margin-right: 5px;}

.project-cards.owl-carousel .owl-item.active.center .project-card {transform: translateY(-20px);transition: 0.3s ease-in-out;}
.project-cards.owl-carousel .owl-item.active.center .project-card .project-amount {transform: translateY(-30px);transition: 0.3s ease-in-out;}
.project-cards.owl-carousel .owl-stage-outer {padding: 100px 0 0;}
.project-cards.owl-carousel .owl-nav {display:  flex !important;justify-content: space-between;align-items: center;gap: 20px;} 
.project-cards.owl-carousel .owl-nav .owl-prev {width: 100%;max-width: 19%;height: 69%;background: #ffc1148f;position: absolute;bottom: 0px;border-radius: 10px;clip-path: polygon(0px 0px, 60% 0px, 100.28% 100%, 0% 100%);left: 0;}
.project-cards.owl-carousel .owl-nav .owl-next {width: 100%;max-width: 19%;height: 69%;background: #ffc1148f;position: absolute;bottom: 0px;border-radius: 10px;clip-path: polygon(60% 0px, 100% 0px, 100.28% 100%, 0% 100%);right: 0;}
.project-cards.owl-carousel .owl-nav .owl-prev span, .project-cards.owl-carousel .owl-nav .owl-next span {font-size: 80px;}
.project-cards.owl-carousel .owl-item.active.center .project-card .project-amount::before {background: var(--blue);}
.project-cards.owl-carousel .owl-item .project-card:hover .project-amount::before {background: var(--blue);}

/* Our Products */

/* Homes details */
.homes-details-inner {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0;transform: translateY(230px);position: relative;z-index: 1;}
.homes-details-inner::before {content: " ";position: absolute;background: url(../images/home-page-images/about-us-logo.png) no-repeat center center/contain;width: 100%;max-width: 370px;height: 400px;left: -360px;bottom: 228px;opacity: .3;}
.homes-details-card {width: 100%;max-width: 400px;background: #f7f7f7;border-radius: 20px;padding: 20px 0 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.homes-details-card h4 {text-align: center;}
.homes-details-card > span {display: flex;justify-content: center;align-items: center;font-size: 28px;color: #303030;font-weight: 600;}
.homes-details-card:first-child .home-image {position: relative;clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);margin: 40px 0 0;}
.homes-details-card:nth-child(2) .home-image {position: relative;clip-path: none;margin: 40px 0 0;}
.homes-details-card:last-child .home-image {position: relative; clip-path: polygon(0px 0%, 100.00% 35%, 100% 100%, 0% 100%);margin: 40px 0 0;}
.home-image .common-btn {position: absolute;bottom: 20px;text-align: center;}
.home-image span {display: flex;justify-content: center;align-items: center;position: relative;}
.home-image span::before {content: "";position: absolute;background: #ffc11469;width: 100%;height: 100%;left: 0;top: 0;border-radius: 0 0 20px 20px;}
.home-image span img{width: 100%;max-width: 400px;border-radius: 0 0 20px 20px;}
/* Homes details */

/* Faqs  */
.inner-toggle-tabs h4{font-size: 20px; color: #212121; text-align: left; text-shadow: initial; line-height: 1.4;margin: 20px 0px;} 
.acc {margin: 0 auto;}
.acc__card {margin: 5px auto;position: relative;}
.acc__title {line-height: 1.4;font-size: 16px;cursor: pointer;display: block;padding: 5px 30px;position: relative;text-align: left;}
.acc__title h2 {font-size: 16px;color: #303030;padding: 10px 0;position: relative;}
.acc__title h2::before {content: " ";position: absolute;border: 2px solid #14bff3;border-radius: 50%;width: 20px;height: 20px;right: -4px;top: 0px;margin: auto;bottom: 0;}
.acc__title::after {width: 10px;height: 10px;border-top: 2px solid #14bff3;position: absolute;right: 31px;content: " ";top: 8px;margin: auto;bottom: 0;}
.acc__title::before {width: 10px;height: 10px;border-right: 2px solid #14bff3;position: absolute;right: 35px;content: " ";top: 0;margin: auto;bottom: 0;}
.acc__title.active{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; padding-bottom: 0px;}
.acc__title.active:before{display: none;}
.acc__title.active::after {top: 14px;}
.acc__panel {background: #fff;color: #212121;display: none;margin: 0;padding: 1em;text-align: left;}
.acc__panel p{font-size: 16px;line-height: 1.6; margin: 20px 0px;margin-top: 0px; text-shadow: initial;color: #221122;}

/* Faqs  */

/* Construction Guide */
.construction-guide-wrapper {background: #192360e5;position: relative;}
.construction-guide-wrapper::before {content: "";position: absolute;background: url(../images/bg/construction-guide-bg.webp) no-repeat center center/cover;width: 100%;height: 100%;z-index: -1;}
.construction-guide-inner {padding: 250px 0 60px;}
.construction-guide-top {display: flex;justify-content: space-between;align-items: flex-end;gap: 30px;}
.construction-guide-inner .lp-construction-steps .step-detail  p {color: #fff;}
.construction-guide-inner .lp-construction-steps .step-detail::before {content: '';position: absolute;width: 60%;height: 2px;top: 30px;right: -52px;background: #fff;opacity: .3;}
.construction-guide-left p {color: #fff;margin: 15px 0 0;}
.wrapper .step-detail span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 60px;height: 60px;background: #14bff3d6;border-radius: 50%;margin: auto;font-size: 24px;font-weight: 600;color: #fffc;}
.wrapper .lp-construction-steps {padding: 60px 0 0;}

.construction-guide-top .common-btn {width: 100%;max-width: 130px;}
.guide-cards {display: flex;justify-content: center;align-items: stretch;gap: 20px;padding: 80px 0 0;}
.guide-card {width: 100%;max-width: 400px;border: 2px solid #fff;border-top: 0;padding: 50px 20px;position: relative;}
.guide-card::before {content: "";position: absolute;background: #fff;width: 70%;height: 2px;top: 0;right: 0;}
.guide-card span {display: flex;justify-content: center;align-items: center;position: absolute;top: -30px;left: 30px;}
.guide-card p {color: #fff;}
.guide-card span img {width: 100%;max-width: 60px;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(102%) contrast(101%);}
.guide-card:hover {border-color: var(--yellow);}
.guide-card:hover::before {background: var(--yellow);}
.guide-card:hover span img {filter: invert(81%) sepia(46%) saturate(2884%) hue-rotate(347deg) brightness(107%) contrast(101%);}
/* Construction Guide */

/* trusted Partners  */
.inner-trusted-partners {padding: 60px 0 40px;}
.testimonials-and-trusted-partners-main .inner-trusted-partners {padding: 40px 0 0px;}
.testimonials-and-trusted-partners-main {padding: 60px 0;position: relative;}
.testimonials-and-trusted-partners-main::before {content: "";position: absolute;background: url(../images/bg/testimonials-bg.webp) no-repeat center center/cover;width: 450px;height: 100%;z-index: -1;right: 0;top: 0;opacity: .5;}
.trusted-partners-wraper {padding: 60px 0 40px;}
.inner-trusted-partners h3 {color: #1c2f99;text-align: center;}
.logos-wrap {display: flex; justify-content: center; gap: 30px;}
.logos-wrap span {width: 100%;max-width: 200px !important; display: flex;justify-content: center;align-items: center;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;overflow: hidden;transition: all .4s;background: #fff;}
.logos-wrap span img{max-width: 150px;height: 100px;object-fit: contain;}
.logos-wrap span:hover img {transition: all .4s; transform: scale(1.08) rotate(2deg);}
.logos-wrap .owl-stage {padding: 0 0 40px 0;}
.logos-wrap .owl-item {display: flex;justify-content: center;align-items: center;}
.logos-wrap .owl-nav, .logos-wrap .owl-dots {display: none;}
/* trusted Partners  */

/* testimonials */
.testimonials-inner {padding: 0 0 60px 0;}
.testimonials-inner h2 {padding: 0 0 40px 0;}
.testimonial-card {display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.testimonials.owl-carousel .owl-item {background: #ffc11473;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }


.testi-image {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 400px;}
.testi-image img {clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);height: 350px;object-fit: cover;object-position: left;display: flex;}
.testi-details {width: 100%;max-width: 800px;}
.testi-details span {display: flex;justify-content: flex-start;align-items: center;font-size: 20px;color: #303030;}
.testi-details p {width: 100%;max-width: 500px;}
.testimonials.owl-carousel .owl-nav {display: block !important;background: #ffc01463;width: 100%;max-width: 200px;position: absolute;right: 0;bottom: 0;display: flex !important;clip-path: polygon(45px 0px, 100% 0px, 100% 100%, 0% 100%);}
.testimonials.owl-carousel .owl-nav .owl-prev, .testimonials.owl-carousel .owl-nav .owl-next {width: 100%;max-width: 100px;display: flex;justify-content: center;align-items: center;height: 100px;}
.testimonials-inner h2.index-h2 {color: #1c2f99;}
.testimonials.owl-carousel .owl-nav .owl-next span {font-size: 60px;position: relative;right: 15px;}
.testimonials.owl-carousel .owl-nav .owl-prev span {position: relative;right: -15px;font-size: 60px;}
.testimonials.owl-carousel .owl-nav .owl-prev:hover {background: #ffc114ed;}
.testimonials.owl-carousel .owl-nav .owl-next:hover {background: #ffc114ed;}
.testimonials.owl-carousel .owl-nav .owl-next:hover span, .testimonials.owl-carousel .owl-nav .owl-prev:hover span {color: #fff;}

.ratings-name {display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.ratings-name h4 {font-size: 26px;color: var(--dark-blue);padding: 15px 0;}
.stars{display: flex;justify-content: center;align-items: center;gap: 5px;}
.stars span{display: flex;justify-content: center;align-items: center;}
.stars span img{width: 100%;max-width: 20px;filter: invert(87%) sepia(38%) saturate(3171%) hue-rotate(346deg) brightness(93%) contrast(110%);}
/* testimonials */



/* footer */
.footer-top-left > span {color: #fff;font-size: 18px;padding: 0;display: flex;justify-content: flex-start;align-items: center; font-weight: 600;}
.footer-top-left h2 {color: #fff;padding: 15px 0;font-size: 26px;}
footer {background: #303030;}
footer p, footer li a, footer span, footer h3 {color: #fff;}
.inner-copy-footer-wrapper {background: #ffd04e;}
.footer-bottom-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px 0;}
.footer-bottom-wrapper p, .footer-bottom-wrapper span {color: #303030;margin: 0;}
.footer-bottom-wrapper a:hover {color: #f22134;}


.footer-section span {display: flex;justify-content: center;align-items: center;}
.footer-section.contact-section a img {width: 100%;max-width: 15px;filter: invert(99%) sepia(4%) saturate(148%) hue-rotate(76deg) brightness(113%) contrast(100%);position: relative;bottom: -2px;}
.footer-section.contact-section a:hover img {filter: invert(69%) sepia(63%) saturate(581%) hue-rotate(357deg) brightness(101%) contrast(103%);}

.footer-bottom {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;  padding: 20px 0 0;}
.footer-links {display: flex;justify-content: space-evenly;align-items: center;gap: 20px;padding: 30px 0;border-top: 1px solid #fff;}
.footer-links li a {font-size: 18px;}
.footer-links li a:hover , .footer-links li a.act-link {color: #ffd04e;}
/* footer */

/* Footer */
.footer-main {padding: 60px 0;}
.footer-section:nth-child(1){width: 100%;max-width: 250px;}
.footer-section{width: 100%;max-width: 400px;}
.footer-section p {margin: 0;} 
.footer-section:last-child p {margin: 0;font-size: 16px;} 
.footer-section:last-child a {width: 100%;display: flex;justify-content: flex-start;align-items: baseline;gap: 10px;margin: 0 0 15px 0;}
.footer-section:last-child a:hover span, .footer-section:last-child a:hover p, .footer-section:last-child a:hover i {color: #ffd04e;}
.footer-inner {background: #ffffff42;border-radius: 10px;position: relative; z-index: 1;}
.footer-top{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 0 0 40px;}
.footer-top .footer-section span img{width: 100%;max-width: 100px;}

.footer-top-left {width: 100%;max-width: 500px;}

.school-timings b {color: #fff;}
.social-icons {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.social-icons a img{width: 100%;max-width: 30px;filter: invert(99%) sepia(86%) saturate(7150%) hue-rotate(180deg) brightness(117%) contrast(100%);}

.copy-footer-wrapper{background-color: #0a3d2c; border-top: 3px solid #d6d6d6;}
.inner-copy-footer-wrapper {display: flex;justify-content: space-between;align-items: center;border-top: 2px solid #ffffff6e;}
.inner-copy-footer-wrapper p{font-size: 16px;margin: 0;}
.inner-copy-footer-wrapper p:last-child{display: flex;justify-content: center;align-items: center;}
.inner-copy-footer-wrapper p a{display: flex;justify-content: center;align-items: center;position: relative;top: 2px;}
.inner-copy-footer-wrapper p a img {width: 100%;max-width: 80px;}

.footer-section h3 {color: #fff;padding: 15px 0 10px;font-size: 22px;}
footer a p{margin: 0;}
/* Footer */

/* Form */
.footer-form {display: flex;justify-content: space-between;align-items: center;gap: 10px;flex-wrap: wrap;}
.footer-form .input-wrapper {width: 100%;max-width: 48%;}
.footer-form .input-wrapper label {color: #fff;display: flex;padding: 10px 0;font-size: 18px;font-weight: 600;}
.footer-form .input-wrapper.input-wrapper-textarea {width: 100%;max-width: 920px;}
.footer-form .input-wrapper input {padding: 15px 10px;background: #fff;border-radius: 5px;}
.footer-form .input-wrapper textarea {border: 1px solid #c1c1c1;padding: 15px 10px;}
.footer-form .input-wrapper .how-to-reach-submit {border: none;color: #d8b670;padding: 15px 15px;width: 100%;margin-top: 15px;cursor: pointer;font-size: 20px;letter-spacing: 2px;background: #15301d;text-transform: uppercase;}
textarea::placeholder, input::placeholder {padding: 5px;color: #c1c1c1;font-size: 18px;}
/* Form */

/* Sitemap */
.sitemap-inner {padding: 60px 0;}
.sitemap-sub-icon span {display: flex;justify-content: center;align-items: center;}
.sitemap-sub-icon span img {width: 100%;max-width: 80px;filter: invert(10%) sepia(64%) saturate(2898%) hue-rotate(225deg) brightness(96%) contrast(96%);}
.sitemap-main-sub {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;  padding: 40px 0;}
.sitemap-sub {width: 100%;max-width: 250px;}
.sitemap-sub-icon h4 {font-size: 24px;text-align: center;}
a.sitemap-sub-icon:hover h4 {color: var(--yellow);}
a.sitemap-sub-icon:hover span img {filter: invert(78%) sepia(68%) saturate(1119%) hue-rotate(345deg) brightness(101%) contrast(101%);}
.sitemap-main a {width: 100%;max-width: 100%;color: var(--dark-blue);padding: 10px 20px;text-align: center;font-size: 26px;font-weight: 600;letter-spacing: 1px;  border-radius: 10px;}
.sitemap-main {position: relative;}
.sitemap-main::before {content: '';position: absolute;background: linear-gradient(-45deg, #ffc114, #14bff3, #263bb1, #ffc114, #14bff3);top: 0;left: 0;opacity: .2;width: 100%;height: 100%;z-index: -1;  border-radius: 10px;  transform: skew(-40deg);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.sitemap-ul li a:hover {  background: linear-gradient(-45deg, #ffc1144a, #14bff357);}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.sitemap-ul li {margin: 15px 0;}
.sitemap-ul li a {padding: 10px;width: 100%;background: #f7f7f7;border-radius: 5px;}
/* Sitemap */

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 10px;right: 10px;width: 90px;height: 90px;z-index: 9;padding: 6px;border-radius: 50%;}
#to-top img{width: 100%;max-width: 50px;}
/* go to top */

/*************************************************************************************** Inner Pages ***************************************************************************************/

/* Inner Banner */
.inner-page-banner-wrapper {height: 350px;position: relative;z-index: 0;}
.inner-page-banner-wrapper::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;z-index: 0;}
.inner-page-banner-wrapper::after {content: "";position: absolute;background: linear-gradient(to right, #14bff3 50%, #ffc114 50%);top: 0;width: 100%;max-width: 400px;height: 100%;opacity: .4;z-index: 1;transform: skew(-20deg);right: 0;}
.inner-page-banner-wrapper .fluid-container {height: 100%;}
.banner-text {height: 100%;display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;z-index: 2;}
.banner-text h1 {color: #fff;font-size: 42px;text-align: center;}
.breadcrumbs {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 15px 0;}
.breadcrumbs span, .breadcrumbs a {color: #fff;position: relative;}
span.breadcrumbs-active {color: #fec124;}

.common-inner-page-wrapper {padding: 60px 0;}
.breadcrumbs-img {position: relative;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.breadcrumbs-img::before {content: '';position: absolute;border: 2px dashed #fff;width: 100%;max-width: 40px;height: 40px;border-radius: 50%; animation: animName 20s linear infinite;}
.breadcrumbs-img img {width: 100%;max-width: 25px;filter: invert(81%) sepia(46%) saturate(2884%) hue-rotate(347deg) brightness(107%) contrast(101%);}

@keyframes animName {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(360deg);
      }
   }
/* Inner Banner */

/* About Us */
.about-us-inner-page-inner-wrapper {display: flex;justify-content: center;align-items: flex-start;gap: 20px;padding: 60px 0 0;}
.about-us-inner-left {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 600px;position: relative;}
.about-us-inner-left span {display: flex;justify-content: flex-start;align-items: center;position: relative;}
.about-us-inner-left span img {width: 100%;max-width: 400px;}
.about-us-inner-left span:first-child img {width: 100%;max-width: 400px;object-fit: cover;border-radius: 5px;height: 500px;}
.about-us-inner-left span:last-child {position: absolute;transform: translateX(200px);width: 100%;max-width: 320px;bottom: -100px;background: #fff;padding: 5px;border-radius: 5px;}
.about-us-inner-left span:last-child img {width: 100%;max-width: 300px;object-fit: cover;}
.about-us-inner-right {width: 100%;max-width: 600px;}

.years-of-experience {display: flex;justify-content: center;align-items: center;gap: 20px;}
.years-of-exp-left span {display: flex;justify-content: center;align-items: center;font-size:28px;font-weight: 600;color: var(--blue);}
.years-of-exp-left {text-align: center;font-size: 38px;color: var(--dark-blue);font-weight: 600;padding: 10px 30px;border-radius: 10px;border-bottom: 3px solid #ffc1146b;}
.years-of-exp-right h2 {font-weight: 400; font-size: 38px;}
.assure-main .main-points-of-svb{gap:30px 50px;}
.assure-main .main-points-of-svb .lp-svb-expertise {justify-content: center;}
.assure-main {padding: 60px 0;}
.main-points-of-svb {display: flex;justify-content: center;align-items: stretch;gap: 30px 20px;padding: 30px 0 0;flex-wrap: wrap;  width: 100%;}
.main-points-of-svb-card {width: 100%;max-width: 230px;box-shadow: rgba(168, 168, 168, 0.39) 0px 3px 8px;padding: 20px;border-radius: 10px;background: #fff;}
.main-points-of-svb-icon {width: 100%;max-width: 60px;margin: auto;}
.main-points-of-svb-icon img {filter: invert(57%) sepia(61%) saturate(1019%) hue-rotate(155deg) brightness(98%) contrast(94%);width: 100%;max-width: 60px;}
.main-points-of-svb-details p {margin: 10px 0;text-align: center;}
.main-points-of-svb-details h3 {font-size: 18px;color: var(--dark-blue);text-transform: capitalize;text-align: center;margin: 10px 0;}
.about-us-inner-page-wrapper {position: relative;}
.about-us-inner-page-wrapper::before {content: "";position: absolute;background: url(../images/bg/testimonials-bg.webp) no-repeat center center/cover;width: 350px;height: 800px;z-index: -1;right: 0;bottom: 0;}

.our-focus-main {position: relative;}
.our-focus-main h3 {text-align: center;}
.our-focus-main h2 {font-style: italic;text-align: center;color: #fff;}
.cta-only-image {background: url(../images/inner-pages/overview/counter-bg.jpg) no-repeat center center/cover;padding: 40px 0;position: relative;}
.cta-only-image::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;z-index: 0;}
.cta-only-image-inner {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;padding: 20px 0;}
.cta-only-image-inner span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 150px;}
.cta-only-image-inner span img {width: 100%;max-width: 150px;}
.cta-only-image-inner-left p {color: #fff;}

.cta-only-image-inner-left {width: 100%;max-width: 500px;}
.cta-only-image-inner-right {width: 100%;max-width: 500px;}
.cta-only-image ul.common-ul {position: relative;padding: 40px 0 0;}
.cta-only-image ul.common-ul li {color: #fff;width: 100%;max-width: 500px;margin: 10px 0;text-align: left;}

.our-focus-inner-wrapper {padding: 60px 0 0;}
.our-focus-inner-wrapper ul.common-ul {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;  padding: 20px 0 0;}
.our-focus-inner-wrapper ul.common-ul li {width: 100%;max-width: 500px;margin: 10px 0;}
.our-focus-inner-wrapper ul.common-ul li span {bottom: 0;}

.our-team-inner {padding: 60px 0 0;}
.our-team-main {display: flex;justify-content: center;align-items: flex-start;gap: 60px;}
.team-content {padding: 10px 0 30px;}
.our-team-card {width: 100%;max-width: 400px;}
.our-team-card h4 {text-align: center;}
.our-team-card span {display: flex;justify-content: center;align-items: center;font-size: 18px;color: #303030;font-weight: 400;}
.our-team-card span img {width: 100%;max-width: 400px;clip-path: polygon(40% 0%, 0% 30%, 0% 100%, 100% 100%, 100% 0%);border-radius: 15px 15px 0px;height: 400px;object-fit: cover;object-position: left;}
.our-team-main.owl-carousel .owl-nav {display: flex !important;justify-content: flex-end;align-items: center;position: absolute;width: 100%;top: -10px;gap: 20px;}
.our-team-main.owl-carousel .owl-nav .owl-prev, .our-team-main.owl-carousel .owl-nav .owl-next {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50px;background: var(--yellow);border-radius: 50%;height: 50px;}
.our-team-main.owl-carousel .owl-nav .owl-prev span, .our-team-main.owl-carousel .owl-nav .owl-next span {font-size: 60px;color: #fff;position: relative;top: -8px;}
/* About Us */


/* Our Process */
.our-process-inner-page-wrapper {position: relative;padding: 100px 0 ;}
.our-process-inner-page-wrapper::before {content: "";position: absolute; background: url(../images/bg/services-bg.webp) no-repeat center center/cover;width: 100%;height: 100%;left: 0;top: 0;opacity: .6;}
.our-process-inner {display: flex;justify-content: center;align-items: center;gap: 20px;position: relative;margin: 80px 0 60px 0;border: 1px solid #27c0f1;padding: 20px 60px;}
.our-process-inner::before {content: "";position: absolute;background: url(../images/home-page-images/about-us-logo.png) no-repeat center center/contain;width: 100%;max-width: 200px;height: 200px;left: -5px;top: -80px;background-color: #fff;}
.our-process-inner .h2-large {text-align: right;}
.guides-inner-page-wrapper::before {content: "";position: absolute;background: url(../images/inner-pages/our-process/ourprocess-bg.jpg) no-repeat center center/cover;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}
.guides-inner-page-wrapper {background: #192360c4;position: relative;padding: 80px 0;}
.guides-main-inner {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 0px auto 80px;width: 100%;max-width: 900px;}
.guide-card-details p {color: #fff;}
.guides-main-inner:last-child {margin: 0 auto;}

.building-wrapper{padding:60px 0 0;}
.building-bottom table {width:100%;max-width:800px;margin:20px auto;  border: 1px solid #ccc;  padding: 20px 40px;}
.building-bottom table tbody tr th,.building-bottom table tbody tr td{padding:20px;width:100%;max-width:50%;text-align:left;}
table, th, td {border: 1px solid #ccc;}table {width: 100%;border-collapse: collapse;}
.building-bottom table tbody tr th{  background: #c9f0fc;font-size:20px;font-weight:600;}
/* Our Process */

/* tabs */
.tab-wrapper {text-align: center;display: block;margin: auto}
.tabs {margin: 0;padding: 0;display: flex;justify-content: center;flex-wrap: wrap}
.tab-link:hover {color: #303030 !important;}
.tab-link.active::before, .tab-link:hover::before {content: '';position: absolute;background: var(--yellow);width: 100%;height: 100%;top: 0;left: 0;transform: skew(-40deg);z-index: -1;}
.tab-link.active {color: #2b2a2a !important;}
.gsmk-tabination .content-wrapper {padding: 40px 0 0;}
.gsmk-tabination .tab-content {display: none;font-weight: 300;font-size: 15px;opacity: 0;transform: translateY(15px);animation: fadeIn .5s ease 1 forwards}
.gsmk-tabination .tab-content.active {display: block}
@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none
    }
}
.gsmk-tabination .tab-wrapper {text-align: center;display: block;margin: auto;width: 100% !important;max-width: 1390px !important;margin: 0 auto !important;}
.gsmk-tabination .tabs {margin: 0px;display: flex;justify-content: space-around;overflow-x: hidden;white-space: nowrap;gap: 20px;flex-wrap: initial;background: #27c0f1;transform: skew(-40deg);}
.gsmk-tabination .tab-link {list-style: none;cursor: pointer;transition: all ease .5s;min-width: initial;transform: skew(40deg);padding: 20px 40px;color: #fff;font-size: 20px;}


/* tabs */


.all-projects-main.owl-carousel .owl-item.active.highlighted .project-individual-card .project-details {display: flex !important;}
.all-projects-main.owl-carousel .owl-item.active.highlighted .project-individual-card::before {display: none;}
.all-projects-main.owl-carousel .owl-item.active.highlighted .project-individual-card .project-name p {display: block;}
.all-projects-main.owl-carousel .owl-item.active.highlighted .project-individual-card, .all-projects-main.owl-carousel .owl-item.active.highlighted {width: 500px !important;}
.all-projects-main.owl-carousel .owl-item.active.highlighted .project-individual-card .project-details{width: 1000px;}
.all-projects-main.owl-carousel .owl-nav {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 150px;position: absolute;bottom: 20%;}
.all-projects-main.owl-carousel .owl-nav .owl-prev span, .all-projects-main.owl-carousel .owl-nav .owl-next span {font-size: 100px;color: var(--blue);}
.all-projects-main.owl-carousel .owl-dots {display: none;}
/* Our Projects */
.our-projects-inner-page-wrapper {padding: 60px 0 0;}
.project-details-right h5 {display: flex;justify-content: flex-start;align-items: center;font-size: 16px;font-weight: 400;}
.project-details-right h5 span {color: var(--blue);margin-right: 5px;}
.all-projects-main {display: flex;justify-content: center;align-items: center;gap: 20px;height: 600px;}
.project-name span{display: flex;justify-content: center;align-items: center;}
.project-name span img{width: 100%;max-width: 500px;height: 300px;object-fit: cover;}
.project-price span {display: flex;justify-content: center;align-items: center;font-size: 40px;font-weight: 600;color: var(--blue);}
.project-name {position: relative;}
.project-individual-card {width: 100%;max-width: 500px;position: relative;  margin: 0 0 275px;}
.project-individual-card::before {content: "";position: absolute;background: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: .6;z-index: 1;}
.project-name p {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;background: #000000b5;color: #fff;font-size: 20px;font-weight: 600;display: none;}
.project-price p {text-align: center;font-size: 30px;color: var(--dark-blue);font-weight: 600;margin: 0;text-transform: uppercase;}
.project-details-right-bottom {display: flex;justify-content: center;align-items: center;gap: 20px;}
.project-price {width: 100%;max-width: 120px;}
.project-details {display: flex;justify-content: center;align-items: flex-end;gap: 20px;width: 100%;max-width: 1000px;background: #f7f7f7;padding: 20px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  position: absolute;  margin: 50px 0 0;display: none;}
.project-details-left {width: 100%;max-width: 150px;}
.project-details-right {width: 100%;max-width: 800px;}


/* our model */
.our-construction-model-inner-wrapper {padding: 60px 0;}
.construction-model-main {padding: 20px 20px 0;}
.our-model h4 {padding: 0;}
.our-model-steps {padding: 20px;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 8px;margin: 60px auto 0;border-radius: 10px;position: relative;background: #fff;width: 100%;max-width: 800px;}
.our-model {display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.our-model span {width: 100%;max-width: 50px;display: flex;justify-content: center;align-items: center;}
.our-model span img {width: 100%;max-width: 50px;filter: invert(12%) sepia(50%) saturate(2933%) hue-rotate(221deg) brightness(91%) contrast(99%);}
.our-model-steps::before {content: '';position: absolute;border: 2px dashed #FFC114;width: 50%;height: 100%;left: -30px;top: 110px;z-index: -1;border-right: none;border-radius: 20%;}
.our-model-steps:nth-child(2n)::before {border-left: none;right: -30px;left: auto;border-right: 2px dashed #FFC114;}
.our-model-steps:last-child::before {display: none;}
 
.our-model-steps:first-child::after {display: none;}
.our-model-steps:nth-child(2n+1)::after {right: -19px;left: auto;transform: rotate(152deg);top: 25px;}
.our-model-steps::after {content: '';position: absolute;background: url(../images/icons/curved-arrow.webp) no-repeat center center/contain;width: 20px;height: 20px;top: 26px;left: -20px;transform: rotate(28deg);filter: invert(64%) sepia(92%) saturate(411%) hue-rotate(359deg) brightness(102%) contrast(104%);}
/* our model */
/* Our Projects */

/* why us */
.why-us-inner-page-wrapper {position: relative;padding: 100px 0;}
.why-us-inner-page-wrapper::before {content: "";position: absolute;background: url(../images/bg/services-bg.webp) no-repeat center center/cover;width: 100%;height: 100%;left: 0;top: 0;opacity: .6;z-index: -1;}
.why-us-inner-page-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 20px;}
.why-us-inner-page-inner-wrapper .h2-large {width: 100%;max-width: 400px;position: relative;display: flex;justify-content: center;align-items: center;}
.why-us-inner-page-inner-wrapper .h2-large::before {content: '';position: absolute;background: #263bb18c;width: 1px;height: 100%;right: 0;top: 0;bottom: 0;margin: auto;}
.why-us-inner-page-inner-wrapper p {width: 100%;max-width: 800px;margin: 0;}

.our-score-board.why-us-page-counter .scoreboard-wrap {position: relative;}
.our-score-board.why-us-page-counter {padding: 60px 0;background: #303030;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;}
.our-score-board.why-us-page-counter::before {content: '';position: absolute;background: url(../images/bg/why-svb-counter-bg.webp) no-repeat center center/contain;width: 307px;height: 100%;top: 0;left: 0;opacity: .6;}

.expertised-inner-wrapper {padding: 60px 0 0;}

.expertised-inner-wrapper .h2-large {background: linear-gradient(to top, #ffc11400 0%, #ffc014 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.expertised-inner-wrapper > span {display: flex;justify-content: center;align-items: center;transform: translateY(-35px);}

.expertised-in-card {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0;}
.expertised-in-card p {text-align: right;width: 100%;max-width: 600px;}
.expertised-in-card span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 600px;position: relative;}
.expertised-in-card span::before {content: "";position: absolute;background: linear-gradient(to right, #14bff3 50%, #ffc114 50%);width: 100%;max-width: 200px;height: 360px;opacity: .4;transform: skew(-20deg);right: 80px;top: -30px;z-index: -1;}
.expertised-in-card span img {width: 100%;max-width: 600px;height: 300px;border-radius: 10px;object-fit: cover;}

.expertised-in-cards .expertised-in-card:nth-child(2n) {flex-direction: row-reverse;}
.expertised-in-cards .expertised-in-card:nth-child(2n) p {text-align: left;}
.expertised-in-cards .expertised-in-card:nth-child(2n) span::before {transform: skew(20deg);left: 80px;}
.vision-wrapper{background:#202020;}
.main-vm-wrapper h4{color:#fff;}
.main-vm-wrapper p, .main-cards-svb p{color:#fff;}
.vision-img {width: 100%;max-width: 70px;position: absolute;left: 0;bottom: 10px;}
.inner-vision-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:40px;padding:40px 0;position: relative;}
.vision-wrapper-left{display:flex; justify-content: space-between; align-items:stretch; gap:20px; width:100%; max-width:900px;}


.main-vm-wrapper {position: relative;width: 100%;max-width: 550px;padding: 20px 0 60px 80px;}
.main-vm-wrapper::before {content: "";position: absolute;width: 2px;height: 70%;background: #ffc014;left: 30px;}
.main-vm-wrapper::after {content: "";position: absolute;width: 60%;height: 2px;background: #ffc014;left: 80px;bottom: 38px;}

.vision-wrapper-left .main-vm-wrapper:nth-child(2) {max-width: 350px;}
.vision-wrapper-right { position: absolute; right: 0; bottom: 75px; width: 100%; max-width: 280px;}
.vision-wrapper-right img {border-radius:10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.vision-img img {filter: brightness(0) saturate(100%) invert(80%) sepia(69%) saturate(2340%) hue-rotate(346deg) brightness(105%) contrast(102%); width: 100%; max-width: 70px;}
.expertised-inner-wrapper h2{font-weight:700 !important;}
.strength-para p{text-align:center;}
.main-cards-svb{width:100%;max-width:400px;  background: linear-gradient(to top, #242e69 85%, #fff 85%);padding:20px;  box-shadow: rgba(0, 0, 0, 0.28) 0px 50px 18px -25px;}
.top-cards-icon, .top-cards-icon img {width: 100%; max-width: 60px;}
.sub-svb-cards {display:flex; justify-content:space-between; align-items:flex-end; gap: 10px;}
.top-cards-svb h2 span {font-size: 120px; margin: 0 10px 0 0; line-height: .9; width: 100%; max-width: 70px;}
.top-cards-svb h2 {font-weight:600 !important; background: #27c0f1; padding: 15px 10px; border: 5px solid #fff; color: #fff; display: flex; justify-content: center; align-items: flex-end; width: 100%; max-width: 270px;}
.top-cards-svb {position: relative;width:100%;max-width:280px;}
.inner-cards-wrapper {display:flex;justify-content:space-between;align-items:stretch;gap:10px;padding:60px 0;}
/* .bottom-cards-content p{} */
/* why us */

/* Packages */
.packages-inner-page-inner-wrapper {padding: 60px 0 0;}
.packages-inner-page-inner-wrapper h2 {text-transform: uppercase;color: var(--yellow);text-align: center;}

/* tabs */
.gsmk-tabination.packages-tabs {padding: 60px 0 0;}
.gsmk-tabination.packages-tabs .tabs {margin: 0px;display: flex;justify-content: space-around;overflow-x: hidden;white-space: nowrap;gap: 20px;flex-wrap: initial;background: #fff;transform: skew(0deg);}
.gsmk-tabination.packages-tabs .tab-link.active, .gsmk-tabination.packages-tabs .tab-link:hover {color: #fff !important;}
.gsmk-tabination.packages-tabs .tab-link.active span, .gsmk-tabination.packages-tabs .tab-link:hover span {-webkit-text-stroke: 1px #fff;}
.gsmk-tabination.packages-tabs .tab-link.active::before, .gsmk-tabination.packages-tabs .tab-link:hover::before {content: '';position: absolute;background: #27c0f1d6;width: 100%;height: 100%;top: 0;left: 0;transform: skew(0deg);z-index: -1;}
.gsmk-tabination.packages-tabs .tab-link span {-webkit-text-stroke: 1px #303030;-webkit-text-fill-color: transparent;font-size: 50px;display: flex;justify-content: center;align-items: center;}
.gsmk-tabination.packages-tabs .tab-link {list-style: none;cursor: pointer;transition: none;min-width: initial;transform: skew(0deg);padding: 20px 40px;color: #303030;border: 3px solid #27c0f147;text-align: left;font-size: 26px;}
.gsmk-tabination.packages-tabs .tab-link:nth-child(2):hover::before, .gsmk-tabination.packages-tabs .tab-link.active:nth-child(2)::before {background: var(--dark-blue);}
.gsmk-tabination.packages-tabs .tab-link:nth-child(3):hover::before, .gsmk-tabination.packages-tabs .tab-link.active:nth-child(3)::before {background: var(--yellow);}
.gsmk-tabination.packages-tabs .tab-link:nth-child(2):hover, .gsmk-tabination.packages-tabs .tab-link.active:nth-child(2) {border: 2px solid #263bb159;}
.gsmk-tabination.packages-tabs .tab-link:nth-child(3):hover, .gsmk-tabination.packages-tabs .tab-link.active:nth-child(3) {border: 2px solid #ffc01463;}

/* tabs */

/* Accordian */
.acc.packages-accordian .acc__card {margin: 15px auto;}

.acc.packages-accordian .acc__card .acc__title {position: relative;padding: 20px 50px 20px 100px;overflow: hidden;}

.acc.packages-accordian .acc__card .acc__title::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #e8b21a4f;z-index: 0;border-right: none;}
.acc.packages-accordian .acc__card .acc__title.active::before {display: block;}

.acc.packages-accordian .acc__card .acc__title::after {content: "";position: absolute;top: 0;right: -40px;width: 15%;height: 102%;background: #c3eefb;opacity: .9;z-index: 0;border: none;transform: skew(-40deg);transition: 1s all ease;}
.acc.packages-accordian .acc__card .acc__title.active::after {width: 100%;transform: skewX(0deg);right: 0;transition: 1s all ease;}

.acc.packages-accordian .acc__card .acc__title h2 {text-align: left;color: var(--dark-blue);font-size: 22px;text-transform: capitalize;position: relative;z-index: 1;transition: 2s all ease;font-weight: 600;}
.acc.packages-accordian .acc__card .acc__title h2::before {display: none;}
.acc.packages-accordian .acc__card .acc__title h2::after {content: "";position: absolute;width: 40px;height: 100%;border-top: none;right: 0;top: 0;margin: auto;bottom: 0;background: url(../images/icons/arrow.webp) no-repeat center center/contain;z-index: 1;transition: 1s all ease;}
.acc.packages-accordian .acc__card .acc__title.active h2 {color: #303030; transition: 2s all ease;}
.acc.packages-accordian .acc__card .acc__title.active h2::after {transform: rotate(90deg);transition: 1s all ease;}

.acc.packages-accordian .acc__card .acc__panel p {margin: 0;}
.acc.packages-accordian .acc__card .acc__title ~ .acc__panel {padding: 0px 0px 40px;}
/* Accordian */

/* Table */
.table-wrap {overflow: auto;}
.table-content {width: 100%;max-width: 100%;margin: 0 auto;box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.table-content tr:nth-child(2n) {background: #f1f1f1;}
.table-content tr:nth-child(2n+1) {background: #e4e4e4;}
.table-content tr td {padding: 10px;font-size: 20px;}
/* Table */

/* Packages */

/* Services */
/* Architectural Design */
.services-inner-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;padding: 100px 0;position: relative;}
.services-inner-wrapper.pd {padding: 100px 0 0;}
.services-left {position: relative;width: 100%;max-width: 500px;}
.services-right {width: 100%;max-width: 700px;}
.services-right p a {font-size: 18px; color: var(--dark-blue); position: relative;}
.services-right p a::before {content: ''; position: absolute; background: var(--dark-blue); width: 0px; height: 1px; right: 0; bottom: 0; transition: 1s ease-in-out;}
.services-right p a:hover::before { width: 100%; height: 1px; transition: .5s ease-in-out; right: auto; left: 0; }
.services-left span {display: flex;justify-content: flex-start;align-items: center;position: relative;}
.services-left span img {width: 100%;max-width: 400px;}
.services-left span:first-child img {width: 100%;max-width: 350px;height: 400px;object-fit: cover;border-radius: 5px;clip-path: polygon(40% 0%, 0% 30%, 0% 100%, 100% 100%, 100% 0%);}
.services-left span:last-child {position: absolute;transform: translateX(195px);width: 100%;max-width: 320px;bottom: -100px;background: #fff;padding: 5px;border-radius: 5px;clip-path: polygon(60% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 30%);}
.services-left span:last-child img {width: 100%;max-width: 300px;object-fit: cover;height: 380px;clip-path: polygon(60% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 30%);}

.how-we-design-inner-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;padding: 60px 0;}
.how-we-design-left {width: 100%;max-width: 600px;}
.services-img {width: 100%;}
.how-we-design-right {display: flex;justify-content: center;align-items: stretch;gap: 10px;width: 100%;max-width: 600px;position: sticky;top: 85px;}
.services-img span {display: flex;justify-content: center;align-items: center;}
.services-img:last-child span:first-child {margin: 0 0 10px;}
.services-img:first-child span, .services-img:first-child span img {height: 100%;}
.recent-projects-wrapper {
	padding: 30px 0;
}
.recent-projects {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 40px 0 0px;}
.recent-projects-wrapper h2.inner-h2 {text-align: center;}
.recent-project {width: 100%;max-width: 400px;}
.recent-project img {width: 100%;max-width: 400px;height: 300px;object-fit: cover;border-radius: 5px;}

.recent-projects.owl-carousel .owl-item {display: flex !important;justify-content: center;}
.recent-projects.owl-carousel .owl-nav.disabled {display: none !important;}
/* Architectural Design */

/* D-2 */
.services-wrapper.d-two .services-inner-wrapper {flex-direction: row-reverse;}
.services-wrapper.d-two .services-right h3, .services-wrapper.d-two .services-right h2 {text-align: right;}
.services-wrapper.d-two .services-inner-wrapper::before {left: 0;transform: scaleX(-1);opacity: .6;}
.services-wrapper.d-two .services-left span:first-child img {clip-path: polygon(60% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 30%);}
.services-wrapper.d-two .services-left span:last-child img {clip-path: polygon(40% 0%, 0% 30%, 0% 100%, 100% 100%, 100% 0%);}
.services-wrapper.d-two .services-left span:last-child {transform: translateX(-0px);clip-path: none;}
.services-wrapper.d-two .services-left span {justify-content: flex-end;}

.how-we-design-wrapper.d-flip .how-we-design-inner-wrapper {flex-direction: row-reverse;  padding: 60px 0;}
/* D-2 */
/* Services */

/* common ul */
.common-ul li {display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;margin: 20px 0;font-size: 18px;line-height: 1.6;text-align: justify;}
.common-ul li:last-child {margin: 0;}
.common-ul span {display: flex;justify-content: center;align-items: center;width: 100%; max-width: 30px;height: 30px;background: var(--blue);border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;bottom: -6px;}
.common-ul span img {width: 100%;max-width: 15px;height: 15px;object-fit: contain;filter: invert(100%) sepia(0%) saturate(6855%) hue-rotate(129deg) brightness(104%) contrast(104%);}
/* common ul */

/* Our Works */
.our-works-wrapper {padding: 100px 0;position: relative;}
.our-works-wrapper::before {content: '';position: absolute;background: url(../images/inner-pages/our-projects/projects-bg.png) no-repeat bottom center/contain;width: 100%;height: 680px;bottom: -30px;left: 0;opacity: 0.05;z-index: -1;}
.our-works-inner-wrapper {width: 100%;max-width: 600px;margin-left: auto;}
.our-works-inner-wrapper h2.h2-large {text-align: left;}

.wrapper.our-works-inner-page-wrapper .individual-project-main {display: flex;justify-content: center;align-items: center;gap: 40px;  margin: 60px 0;}
.wrapper.our-works-inner-page-wrapper .project-images {display: flex;justify-content: center;align-items: center;gap: 5px;width: 100%;max-width: 650px;}
.wrapper.our-works-inner-page-wrapper .project-image-right span {display: flex;justify-content: center;align-items: center;margin: 6px 0;}
.wrapper.our-works-inner-page-wrapper .project-image-right span img{width: 100%;max-width: 100px;height: 120px;object-fit: cover;object-position: top;}
.wrapper.our-works-inner-page-wrapper .project-image-right {width: 100%;max-width: 100px;}
.wrapper.our-works-inner-page-wrapper .project-image-left {width: 100%;max-width: 650px;}
.wrapper.our-works-inner-page-wrapper .project-image-left span img {height: 500px;width: 600px;object-fit: cover;object-position: top;}
.wrapper.our-works-inner-page-wrapper .individual-project-details {width: 100%;max-width: 510px;}
.wrapper.our-works-inner-page-wrapper .individual-project-main:nth-child(2n), .individual-project-main:nth-child(2n) .project-images {flex-direction: row-reverse;}
.wrapper.our-works-inner-page-wrapper .individual-project-main:nth-child(2n) .project-details-sub h3,  .individual-project-main:nth-child(2n) .project-details-sub p {text-align: right;}
.wrapper.our-works-inner-page-wrapper .gsmk-tabination .content-wrapper {padding: 0 0;}
.wrapper.our-works-inner-page-wrapper .gsmk-tabination.projects-tab {padding: 60px 0 0;}
.wrapper.our-works-inner-page-wrapper .project-image-left div {position: relative;}

.wrapper.our-works-inner-page-wrapper .project-image-left div em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.wrapper.our-works-inner-page-wrapper .project-image-left div:hover em {opacity: .6;}


.wrapper.our-works-inner-page-wrapper .project-image-right div {position: relative;}
.wrapper.our-works-inner-page-wrapper .project-image-right div em {position: absolute;top: 0;left: 0;width: 90%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
.wrapper.our-works-inner-page-wrapper .project-image-right div:hover em {opacity: .6;}

.wrapper.our-works-inner-page-wrapper div em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
.wrapper.our-works-inner-page-wrapper div:hover em img {margin-top: 0;opacity: 1;}


.wrapper.our-works-inner-page-wrapper .project-details-sub p {margin: 5px 0;font-size: 20px;font-weight: 600;color: #5c5c5c;}
.wrapper.our-works-inner-page-wrapper .project-details-sub {margin: 30px 0;display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.wrapper.our-works-inner-page-wrapper .project-details-sub:hover .project-detail-sub-icon img {opacity: .8;}
.wrapper.our-works-inner-page-wrapper .individual-project-main:nth-child(2n) .project-details-sub {flex-direction: row-reverse;}
.project-detail-sub-icon {display: flex;justify-content: center;align-items: center;}
.wrapper.our-works-inner-page-wrapper .individual-project-main .project-details-sub:nth-child(1) .project-detail-sub-icon img {transform: scale(1.1);}
/* .wrapper.our-works-inner-page-wrapper .individual-project-main .project-details-sub:nth-child(2) .project-detail-sub-icon img {transform: scale(1.2);} */
/* .wrapper.our-works-inner-page-wrapper .individual-project-main .project-details-sub:nth-child(4) .project-detail-sub-icon img {transform: scale(1.2);} */
.wrapper.our-works-inner-page-wrapper .project-details-sub .project-detail-sub-icon img {width: 100%;max-width: 60px;filter: invert(61%) sepia(97%) saturate(1819%) hue-rotate(155deg) brightness(98%) contrast(94%);opacity: .2;}
.wrapper.our-works-inner-page-wrapper .project-details-sub h3 {text-transform: capitalize;color: var(--dark-blue);font-weight: inherit;}
.wrapper.our-works-inner-page-wrapper .project-details-sub h3 {text-transform: capitalize;color: var(--dark-blue);font-weight: inherit;}
/* Our Works */

/* Testimonials */
.testimonial-left h2.index-h2 {text-align: center;color: var(--dark-blue);}
.testimonial-left h3 {text-transform: capitalize;color: var(--dark-blue);padding: 20px 0;font-weight: initial;text-align: center;}
.testimonials-main-wrapper {width: 100%;max-width: 100%;}
.testimonials-inner-page-inner-wrapper {position: relative;padding: 60px 0;border-radius: 10px;}
.testimonials-main {position: relative;width: 100%;overflow: hidden !important;}
.testimonial-left {width: 100%;max-width: 100%;position: relative;}
.testimonials-main-wrapper {position: relative;padding: 100px 0;}
.testimonials-main-wrapper::before { content: "";position: absolute;width: 100%;max-width: 100px;height: 100px;top: 0;left: 0;background-image: linear-gradient(to top, #ffc11400 0%, #ffc014 100%);background-repeat: no-repeat;background-position: center center;background-size: contain;-webkit-mask-image: url(../images/icons/quote.webp);mask-image: url(../images/icons/quote.webp);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain;}
.testimonials-main-wrapper::after {content: "";position: absolute;width: 100%;max-width: 100px;height: 100px;bottom: 0;right: 0;background-image: linear-gradient(to top, #ffc11400 0%, #ffc014 100%);background-repeat: no-repeat;background-position: center center;background-size: contain;mask-image: url(../images/icons/quote.webp);mask-repeat: no-repeat;mask-position: center;mask-size: contain;transform: rotate(180deg);}

.testimonials-card:last-child {margin: 0 0 20px;}
.testimonials-card > span {font-size: 30px;}
.testi-feedback-details {display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.testi-profile-img {display: flex;justify-content: center;align-items: center;gap: 20px;}
.testi-profile-img span {display: flex;justify-content: flex-start;align-items: center;}
.google-ratings {display: flex;justify-content: center;align-items: center;gap: 10px;}
.google-ratings > span img {width: 30px;height: 30px;object-fit: cover;}
.testi-profile-img > span img {width: 100px;border-radius: 50%;height: 100px;object-fit: cover;object-position: top;}
.testimonials-main {width: 100%;}
.testimonials-card {border-left: 5px solid #ffc11470;padding: 30px 20px;position: relative;}
.testimonials-card:nth-child(2n) {border-left: 5px solid #27c0f1ad;}
.testimonials-card:hover {background: #ffc11412;}
.testimonials-card:nth-child(2n):hover {background: #27c0f11a;}
.testi-ul li {line-height: 1.8;}
.testi-ul li b {color: var(--dark-blue);}
.testimonials-card p {margin: 10px 0;}

/* Testimonials */

/* Video */
.video-banner{position: relative;background: url(../images/banners/banner-1.webp) no-repeat center center/cover;width: 100%;height: 100%;z-index: 0;padding: 60px 0;}
.video-banner::before {content: "";position: absolute;background: #192360e5;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;opacity: .8;}
.video-inner h2.index-h2 {text-align: center;padding: 0 0 30px;}
.video-inner span {display: flex;justify-content: center;align-items: center;}
.video-inner span img {width: 100%;max-width: 80px;filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(31deg) brightness(101%) contrast(110%);  cursor: pointer;}
@keyframes ripples {to {box-shadow: 0 0 0 32px #ffffff25, 0 0 0 64px #ffffff25;}} 
.video-inner span:hover::before {
	position: absolute;
	content: "";
	top: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	box-shadow: 0 0 #ffffffa3, 0 0 32px #ffffff82;
	animation: ripples 2s linear infinite;
	animation-play-state: running;
	transition: 0.5s;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	width: 100%;
	max-width: 15px;
	height: 15px;
	margin: auto;
	z-index: 0;
}

.video-inner span:hover img {
	width: 100%;
	max-width: 80px;
	filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(31deg) brightness(101%) contrast(110%);
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
}

/* Youtube popup */
.grtyoutube-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999}
.grtyoutube-popup-content {margin-top: 40px;width: 95%;max-width: 850px;margin-left: auto;margin-right: auto;position: relative}
.grtyoutube-popup-close {position: absolute;top: -30px;right: 0;color: #fff;font-size: 25px;width: 17px;background: #fff;height: 17px;cursor: pointer}
.grtyoutube-iframe {width: 100%;height: 480px}
@media (max-width:767px) {
    .grtyoutube-iframe {width: 100%;height: 350px}
}
.grtyoutube-dark-theme {background: rgba(0, 0, 0, .85)}
.grtyoutube-dark-theme .grtyoutube-popup-close {background: url(../images/close.png) no-repeat;height: 20px;width: 20px;background-size: contain;position: absolute;top: 0;background-color: #000;}
.grtyoutube-light-theme {background: rgba(255, 255, 255, .85)}
.grtyoutube-light-theme .grtyoutube-popup-content {-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4)}
/* .grtyoutube-light-theme .grtyoutube-popup-close { background: url(icon-close-black.png) no-repeat} */
/* Youtube popup */
/* Video */

/* Contact Us */
.contact-us-inner {padding: 60px 0;display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;}
.contact-us-left {width: 100%;max-width: 500px;}
.contact-card {margin: 0 0 50px;}
.contact-card a img {width: 20px;position: relative;bottom: -2px;filter: invert(15%) sepia(16%) saturate(0%) hue-rotate(219deg) brightness(98%) contrast(91%);}
.contact-card span {display: flex;justify-content: center;align-items: center;}
.contact-card span img {border-radius: 5px;width: 100%;max-width: 500px;}
.contact-card a {display: flex;justify-content: center;align-items: center;margin: 10px 0;padding: 15px;border: 2px solid #e1e1e1;border-radius: 5px;gap: 10px;}
.contact-card a i {font-size: 20px;}
.contact-card:last-child {margin: 0;}
.contact-us-right {width: 100%;max-width: 700px;}
.contact-us-right iframe {width: 100%;height: 520px;}

.get-in-touch-form {background: #f7f7f7;padding: 40px 20px 80px;margin: 30px 0 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 5px;position: relative;}
.get-in-touch-form::before {content: '';position: absolute;background: url(../images/inner-pages/contact-us/contact-us-bg.webp) no-repeat center center/contain;width: 100%;max-width: 240px;height: 280px;right: 0;bottom: -4px;}

.input-block label {padding: 30px 0 5px;display: flex;justify-content: flex-start;align-items: center;font-size: 18px;}
.input-block input, .input-block textarea {background: #fff;padding: 10px;border: 2px solid #e1e1e1;border-radius: 5px;}
.contact-form-main {display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;}
.contact-form-left, .contact-form-right {width: 100%;max-width: 50%;}
.footer-links.contact-page {border-top: 0;padding: 0 0 20px 0;border-bottom: 1px solid #fff;}

/* form */
.form-md { width: 100%; text-align: center; margin: 32px auto 32px auto;}
.form-md .form-group {max-width: 320px;}
.form-group {margin: 25px 0;position: relative;}
.form-md input, .form-md textarea {position: relative;display: block;width: 100%;border: 1px solid rgba(0,0,0,.37);border-radius: 4px;background-color: #f7f7f7;margin: 0px auto;padding: 15px 20px;outline: none !important;font-size: 16px;color: rgba(0,0,0,0.85);transition: all .2s ease-in-out;}
.form-md label {position: absolute;top: 18px; left: 12px;text-align: left;display: inline-block;padding: 0 10px;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;background: #f7f7f7;color: rgba(0,0,0,0.5);margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
.form-md input:hover, .form-md input:focus, .form-md textarea:hover, .form-md textarea:focus { border: 1px solid #303030; }
.form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -6px;color: var(--dark-blue);font-weight: bold;}
.form-md .gl-form-asterisk {background-color: inherit;color: #e32b2b;padding: 0;padding-left: 3px;}
.form-md .gl-form-asterisk:after {content: "*";}

.form-md .common-btn {padding: 0;text-align: left;}
/* form */
/* Contact Us */
/*************************************************************************************** Inner Pages ***************************************************************************************/

.input-block label {position: absolute;top: 20px;left: 12px;text-align: left;display: inline-block;padding: 0 4px;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;background: #fff;color: rgba(0,0,0,0.5);margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
.grecaptcha-badge {right: -350px !important;}

/* Landing Page */
.wrapper.lp-wrapper .coe-top.act {color: #ff0000 !important; }
.wrapper.lp-wrapper .sidebar .coe-top.act {background: #ffffffd4;color: #303030 !important; }
/* header */
.wrapper.lp-wrapper header.scrolled-header .desk-resp-ham ul.toggle-desk li {background: #14bff3;}
.wrapper.lp-wrapper header.scrolled-header .header-main-inner {padding: 5px 0;}
.wrapper.lp-wrapper header.scrolled-header .logo a img {width: 100%;max-width: 140px;}
.wrapper.lp-wrapper header.scrolled-header .right-desktop-menu-container ul li a, .right-desktop-menu-container ul li span {padding: 15px 0;}

.wrapper.lp-wrapper .header-main-wrapper.lp-header-wrapper {position: fixed;width: 100%;background: transparent;}
.wrapper.lp-wrapper .header-main-wrapper.lp-header-wrapper .right-desktop-menu-container ul li a, .header-main-wrapper.lp-header-wrapper .right-desktop-menu-container ul li span {color: #fff;}
.wrapper.lp-wrapper .header-main-wrapper.lp-header-wrapper .header-right-main {box-shadow: none;transform: skew(0deg);}
.wrapper.lp-wrapper .header-main-wrapper.lp-header-wrapper .right-desktop-menu-container.nav-links.scrolled-nav-links {transform: skew(0deg);}
.wrapper.lp-wrapper header.scrolled-header .header-main-wrapper.lp-header-wrapper {background: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.wrapper.lp-wrapper header.scrolled-header .header-main-wrapper.lp-header-wrapper .right-desktop-menu-container ul li a, header.scrolled-header .header-main-wrapper.lp-header-wrapper .right-desktop-menu-container ul li span {color: var(--dark-blue);}
/* header */

/* Banner */
.landing-page-banner-wrapper {position: relative;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.landing-page-banner-wrapper::before {content: '';position: absolute;background: #000;opacity: .6;width: 100%;height: 100%; left: 0;top: 0;}
.landing-page-banner-wrapper > .fluid-container {height: 100%;min-height: calc(100vh - 155px);height: 100%;}

.landing-page-banner-inner {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;padding: 140px 0 20px;}
.banner-details-left  {width: 100%;max-width: 600px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.landing-page-banner-text h3 {color: #ffffff;font-size: 36px;margin: 10px auto;display: flex;justify-content: flex-start;align-items: center;}
.landing-page-banner-text p {font-size: 26px;color: #fff;line-height: 1.4;text-align: left;}


.landing-page-yoe {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: 280px;}
.landing-page-yoe .yoe-right h2.inner-h2 {font-weight: 400;color: #fff;font-size: 20px;position: relative;}
.landing-page-yoe .yoe-right h2.inner-h2 span {display: inline-block;width: 10px;vertical-align: super;}
.landing-page-yoe .yoe-right h2.inner-h2 span img {width: 10px;filter: invert(84%) sepia(99%) saturate(3713%) hue-rotate(182deg) brightness(119%) contrast(108%);}
.yoe-left span {display: flex;justify-content: center;align-items: center;font-size: 40px;font-weight: 600;color: #ffc114;}
.yoe-left {text-align: center;font-size: 20px;color: #fff;font-weight: 600;padding: 0 30px 0 0;position: relative;text-transform: uppercase;}
.yoe-left::before {content: '';position: absolute;background: #ffffff91;width: 1px;height: 85%;top: 10px;right: 0;bottom: 0;margin: auto;}


.banner-details-right {width: 100%;max-width: 500px;height: 100%;}
.banner-details-right-top {background: #ffffff96;padding: 20px;border-radius: 20px;}
.banner-details-right .contact-form-main {display: flex;justify-content: flex-start;align-items: flex-start;gap: 0;flex-direction: column;max-width: 500px;}
.banner-details-right .form-md {width: 100%;text-align: center;margin: 0 0 20px;}
.banner-details-right h4 {color: #303030;text-align: center;}
.banner-details-right .form-group {margin: 10px 0;position: relative;width: 100%;max-width: 500px;}
.banner-details-right .form-md input:valid + label, .banner-details-right .form-md input:focus + label, .banner-details-right .form-md textarea:valid + label, .banner-details-right .form-md textarea:focus + label {top: -9px;color: var(--dark-blue);font-weight: bold;padding: 2px 20px;}
.banner-details-right .common-btn {padding: 10px 0 0;text-align: right;}
.banner-contact-details {display: flex;justify-content: center;align-items: center;gap: 30px;padding: 20px 0;}
.banner-contact-details li a {display: flex;justify-content: flex-start;align-items: center;gap: 10px;color: #fff;font-size: 18px;}
.banner-contact-details li:first-child a {color: var(--yellow);}
.banner-contact-details li:first-child a img {filter: invert(69%) sepia(63%) saturate(581%) hue-rotate(357deg) brightness(101%) contrast(103%);}
.banner-contact-details li a img {width: 100%;max-width: 20px;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(102%) contrast(101%);}

.warranty-wrapper {  background: linear-gradient(to top, #000000a3 75%, #fff0 75%);}
.warranty-inner-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;padding: 60px 0 20px 0;}
.warranty-inner-wrapper > h2 {color: var(--yellow);position: relative;}
.warranty-inner-wrapper > h2 span {display: inline-block;width: 15px;vertical-align: super;}
.warranty-inner-wrapper > h2 span img {width: 15px;filter: invert(69%) sepia(63%) saturate(581%) hue-rotate(357deg) brightness(101%) contrast(103%);}
.warranty-right {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: 900px;}
.warranty-inner-wrapper i {font-size: 20px;position: relative;top: -20px;}
.warranty-right i {font-size: 10px;position: relative;top: -8px;}
/* Banner */

/* Expertise */
.lp-expertise-inner-wrapper {padding: 60px 0 0;}
.main-points-of-svb.lp-svb-expertise .main-points-of-svb-card {box-shadow: none;}
.main-points-of-svb.lp-svb-expertise {gap: 40px;}

.main-points-of-svb.lp-svb-expertise .main-points-of-svb-card {position: relative;width: 100%;background: transparent;transform-style: preserve-3d;perspective: 2000px;max-width: 280px;padding: 20px;height: 180px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.expertise-f-content {backface-visibility: hidden;transition: 1s all ease-out;transform: rotateY(0deg);}
.expertise-f-content .main-points-of-svb-icon, .expertise-f-content .main-points-of-svb-icon img {max-width: 80px;display: flex;justify-content: center;align-items: center;}
.expertise-b-content {opacity: .0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--yellow);backface-visibility: hidden;transform:rotateY(180deg);transition: 1s all ease-out;;padding: 0;border-radius: 10px;}
.expertise-b-content p {padding: 0 20px;text-align: left;font-size: 18px;}

.main-points-of-svb.lp-svb-expertise .main-points-of-svb-card:hover .expertise-f-content {transform: rotateY(-180deg);transition: 1s all ease-out;}
.main-points-of-svb.lp-svb-expertise .main-points-of-svb-card:hover .expertise-b-content {transform: rotateY(0deg);opacity: 1;transition: 1s all ease-out;}
/* Expertise */

/* About us */
.lp-about-us-wrapper {padding: 60px 0 0;}
.lp-about-us-top {background: #303030;padding: 40px 240px 40px 20px;;position: relative;}
.lp-about-us-top::before {content: '';position: absolute;background: url(../images/inner-pages/contact-us/contact-us-bg.webp) no-repeat center center/contain;width: 100%;max-width: 240px;height: 280px;right: 0;bottom: -4px;}
.lp-about-us-top-content {width: 100%;max-width: 800px;margin: auto;}
.lp-about-us-top-content h2 {color: #fff !important;padding: 0 0 20px;}
.lp-about-us-top-content p {color: #fff;}

.lp-about-us-bottom {background: var(--yellow);padding: 20px;}
.lp-about-us-bottom .plus, .lp-about-us-bottom .run-letter-div div span {color: var(--dark-blue);}
.lp-about-us-bottom .run-letter-div > span {color: #303030;font-size: 18px;}
/* About us */

/* How it works */
.lp-how-it-works-inner-wrapper {padding: 60px 0;}
.lp-how-it-works-inner-wrapper > p {text-align: center;margin: 15px 0 0;font-weight: 600;font-size: 20px;}
.lp-how-it-works-inner-wrapper > p:last-child {margin: 0;}
.lp-construction-steps {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 40px 0 0;}
.step-detail {width: 100%;max-width: 200px;text-align: center;position: relative;}
.step-detail::before {content: '';position: absolute;width: 40%;height: 2px;top: 30px;right: -40px;background: var(--yellow);opacity: .3;}
.step-detail:last-child::before {display: none;}
.step-detail p {text-align: center;}
.step-detail span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 60px;height: 60px;background: #14bff33d;border-radius: 50%;margin: auto;font-size: 24px;font-weight: 600;color: #87a4ac;}
.step-detail:hover span {background: var(--blue);color: #fff;}
.step-detail:hover p {font-weight: 600;}
/* How it works */

/* cta */
.lp-cta-wrapper {position: relative;background: url(../images/banners/banner-1.webp) no-repeat center center/cover;margin: 90px 0 0;}
.lp-cta-wrapper::before {content: '';position: absolute;background: #000;opacity: .8;width: 100%;height: 100%;left: 0;top: 0;}

.lp-cta-inner-wrapper {position: relative;display: flex;justify-content: space-between;align-items: center;gap: 40px;padding: 60px 0;}
.lp-cta-inner-wrapper::before {content: '';position: absolute;background: url(../images/bg/lp-cta-img.webp) no-repeat center center/contain;width: 100%;max-width: 600px;height: 100%;top: -135px;left: 0;right: 0;margin: auto;}
.lp-cta-content {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: 600px;}
.lp-cta-content h2:last-child {text-align: left;}
.lp-cta-content h2 {color: #fff !important;}

.lp-cta-inner-wrapper .common-btn, .lp-cta-inner-wrapper .common-btn a {width: 100%;max-width: 200px;}
.common-btn.lp-cta-section {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: 400px;}
.footer-top-right.lp-footer-a.lp-cta-a {width: 100%;max-width: 400px;display: flex;justify-content: center;align-items: center;gap: 20px;}
.footer-top-right.lp-footer-a.lp-cta-a a.animi {margin: 0 !important;}
.footer-top-right.lp-footer-a.lp-cta-a .common-btn {padding: 0 !important;}
.common-btn.lp-cta-section a:first-child, .homes-details-wrapper.lp-home-details .homes-details-card .common-btn a  {display: flex;justify-content: center;align-items: center;gap: 15px;}
.common-btn.lp-cta-section a:first-child img, .homes-details-wrapper.lp-home-details .homes-details-card .common-btn a img {width: 100%;max-width: 19px;filter: invert(99%) sepia(4%) saturate(148%) hue-rotate(76deg) brightness(113%) contrast(100%);}
.common-btn.lp-cta-section a:first-child:hover img, .homes-details-wrapper.lp-home-details .homes-details-card .common-btn a:hover img {filter: none;}
/* cta */

/* Packages */
.homes-details-wrapper.lp-home-details {padding: 60px 0;}
.homes-details-wrapper.lp-home-details .homes-details-inner {transform: translateY(0px);padding: 40px 0 0;}
.homes-details-wrapper.lp-home-details .homes-details-inner::before {display: none;}

.homes-details-wrapper.lp-home-details .homes-details-card {padding: 20px 0;}
.homes-details-wrapper.lp-home-details .homes-details-card > span {padding: 0 0 10px;}
.homes-details-wrapper.lp-home-details .homes-details-card .common-btn {display: flex;justify-content: center;align-items: center;}
.homes-details-wrapper.lp-home-details .homes-details-card .common-btn a {display: flex;justify-content: center;align-items: center;gap: 15px;}

.homes-details-wrapper.lp-home-details .acc__title h2 {font-weight: inherit;padding: 5px 0;}
.homes-details-wrapper.lp-home-details .acc__title {padding: 0px 30px;}
/* Packages */

/* Projects */
.lp-projects-wrapper {position: relative;background: url(../images/banners/banner-1.webp) no-repeat center center/cover;}
.lp-projects-wrapper::before {content: '';position: absolute;background: #000;opacity: .6;width: 100%;height: 100%;left: 0;top: 0;}

.lp-projects-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;position: relative;flex-wrap: wrap;padding: 60px 0;}
.lp-project-detail {width: 100%;max-width: 400px;padding: 40px 20px;background: #000000a6;position: relative;}
.lp-project-detail:first-child {background: none;padding: 0;}
.lp-project-detail:first-child p, .lp-project-detail p b {color: #fff;}
.lp-project-detail p {color: #ffffffd8;margin: 10px 0;}
.lp-project-detail h2 {color: #fff !important;text-align: left !important;}
.lp-detail-b {display: flex;justify-content: space-between;align-items: center;padding: 44px 0 0;}
.lp-detail-b span{display: flex;justify-content: center;align-items: center;}
.lp-detail-b span img {filter: invert(69%) sepia(63%) saturate(581%) hue-rotate(357deg) brightness(101%) contrast(103%);width: 100%;max-width: 35px;}
.lp-detail-b span:last-child {font-size: 38px;font-weight: 600;color: #c1c1c1;}
.lp-detail-b span:first-child {background: #fff;width: 100%;max-width: 50px;height: 50px;border-radius: 50%;color: var(--yellow);font-size: 22px;transform: rotate(-30deg);}
.lp-project-detail-content {transform: rotateY(0deg);transition: 1s all ease-out;}

.lp-project-image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--yellow);backface-visibility: hidden;transform: rotateY(180deg);transition: 1s all ease-out;padding: 0;border-radius: 10px;}
.lp-project-image img {width: 100%;max-width: 400px;height: 300px;object-fit: cover;}
.lp-project-detail:hover .lp-project-detail-content {transform: rotateY(-180deg);transition: 1s all ease-out;}
.lp-project-detail:hover .lp-project-image {transform: rotateY(0deg);opacity: 1;transition: 1s all ease-out;}
/* Projects */

/* Cta 2 */
.cta-2-wrapper {background: linear-gradient(to top, #fff 15%, #040406 15%);}
.cta-2-inner-wrapper {padding: 40px 0 0;}
.cta-2-inner-wrapper h2 {color: #ffc114 !important;}
.cta-2-inner-wrapper .common-btn {text-align: center;}
/* Cta 2 */

/* Footer */
.footer-top-right.lp-footer-a a.animi {margin: 30px auto;padding-right: 55px;}
.footer-top-right.lp-footer-a a.animi span {transform: translateX(-95px);transition: 2s all ease;}
.footer-top-right.lp-footer-a a.animi:hover span {transform: translateX(200px);transition: 2s all ease;}
/* Footer */

/* Akshaya Css */
.content h3{font-size:25px;}
.timeline { position: relative; margin: auto; padding: 40px 0; width: 1200px; box-sizing: border-box;}
.timeline:before{content:"";position:absolute;left:50%;width:2px;height:90%;background:#c5c5c5}
.timeline ul{padding:0;margin:0}
.timeline ul li{list-style:none;position: relative;width: 50%;padding: 40px; box-sizing: border-box}
.timeline ul li:nth-child(odd) {float:left;text-align:right;clear:both}
.timeline ul li:nth-child(odd) .content * {text-align:right;}
.timeline .content img {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.timeline ul li:nth-child(even){float:right;text-align:left;clear:both}
.timeline ul li:nth-child(even) .content {border-radius: 0 30px 30px 30px;}
.timeline ul li:nth-child(odd):before{content:"";position:absolute;width:10px;height:10px;top:54px;right:-6px;background:#ffc114;border-radius:0%;box-shadow: 0 0 0 3px #27c0f1;}
.timeline ul li:nth-child(even):before{content:"";position:absolute;width:10px;height:10px;top:54px;left:-4px;background:#ffc114;border-radius:0%;box-shadow: 0 0 0 3px #27c0f1;}
.timeline ul li h3{padding:0;margin:0 0 10px;color: #fff;font-weight:600}
.timeline ul li .time h4{margin:0;padding:0;font-size:18px}
.timeline ul li:nth-child(2n+1) .time { position: absolute; top:40px; right: -135px; margin: 0; padding: 8px 16px; background: #ffc114; color: #fff; border-radius: 20px; box-shadow: 0 0 0 3px rgba(28, 52, 124, 0.43);}
.timeline ul li:nth-child(even) .time{position:absolute;top:40px;left:-135px;margin:0;padding:8px 16px;background:#ffc114;color:#fff;border-radius: 20px;box-shadow: 0 0 0 3px rgba(28, 52, 124, 0.43);}
.timeline ul li:nth-child(even) * {text-align: left;}
.content p{color:#fff;}


@media (max-width:1000px) {.timeline{width:100%}}
 @media (max-width:767px) {
.timeline{width:100%;padding-bottom:0}h1{font-size:40px;text-align:center}
.timeline:before{left:20px;height:100%;top: 0;}
.timeline ul li:nth-child(even),.timeline ul li:nth-child(odd){width:100%;text-align:left;padding-left:50px;padding-bottom:50px}
.timeline ul li:nth-child(even):before,.timeline ul li:nth-child(odd):before{top:-18px;left:16px}.timeline ul li:nth-child(even) .time,.timeline ul li:nth-child(odd) .time{top:-30px;left:50px;right:inherit}
.timeline ul li:nth-child(odd) .content * {text-align:left;}
.content{padding: 10px;}
}
/* Akshaya Css */
/* Landing Page */

/* Error page */
.error-inner-wrapper {padding: 100px 0;}
.error-inner-wrapper h2 {text-align: center;padding: 0 0 30px;}
.error-inner-wrapper p {text-align: center;}
.error-inner-wrapper .common-btn {display: flex;justify-content: center;}
/* Error page */

/* Privacy policy */
.privacy-policy-inner {padding: 60px 0;}
.privacy-policy-inner h4 {padding: 0;font-size: 22px;}
.privacy-policy-inner p {margin: 10px 0;}
.privacy-policy-content {padding: 10px 0;}
.privacy-policy-content a, .privacy-policy-inner p a {font-size: 18px;}
.privacy-policy-content a:hover, .privacy-policy-inner p a:hover {color: var(--dark-blue);}
/* Privacy policy */

/* 13-01-2025 */
.ip-services-main-wrapper {
	padding: 60px 0;
	background: #f7f7f7b0;
}
.ip-services-main-wrapper h2 {
	text-align: center;
	padding: 0 0 10px;
}
/* 13-01-2025 */

/* Responsive */

@media (max-width: 2800px){
    .products-slider .fluid-container {max-width: 2800px;}
}

@media (max-width: 1600px){
    .why-us-inner-wrapper::before {right: 0;bottom: -8px;}
    .project-cards.owl-carousel .owl-nav .owl-prev, .project-cards.owl-carousel .owl-nav .owl-next {height: 68%;bottom: 12px;}
    .slider-main.index-slider .swiper-slide h3{font-size: 42px;}
    .lp-cta-inner-wrapper {justify-content: center;}
    .lp-cta-inner-wrapper .common-btn, .common-btn a, .common-btn button {max-width: 200px;}
}

@media (max-width: 1280px){
    .lp-project-detail {max-width: 350px;}
    .slider-main.index-slider .swiper-slide h3{font-size: 38px;}
    .slider-main.index-slider .swiper-slide p{font-size: 22px;}
    .vision-wrapper-right {bottom: 110px;max-width: 260px;}
    .main-points-of-svb.lp-svb-expertise {gap: 20px;}
}

@media (max-width: 1200px){
    .banner-bottom-cards-inner {gap: 60px 20px;flex-wrap: wrap;}
    .why-us-left img {height: 100%;object-fit: cover;}
    .why-us-inner-wrapper {align-items: stretch;}
    .homes-details-inner::before {display: none;}
    .footer-top {align-items: flex-end;}
    .project-cards.owl-carousel .owl-nav .owl-prev, .project-cards.owl-carousel .owl-nav .owl-next {height: 25%;bottom: 0;}
    .links-main-wrapper {gap: 30px;}
    .sitemap-sub-icon h4 {font-size: 20px;}
    .sitemap-sub-icon span img {max-width: 60px;}
    .banner-details-right {max-width: 400px;}
    .step-detail p {font-size: 16px;}
    .step-detail::before {right: -30px;}
    .vision-wrapper-right {display: none;}
    .inner-cards-wrapper {flex-wrap: wrap;justify-content: center;gap: 40px;}
    .inner-vision-wrapper {justify-content: center;}
    .timeline{width:900px;}

}

@media (max-width: 1080px){
    .section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
    .section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 1;height: 100%;}
    .logo a img, .logo {max-width: 150px;}
    .right-desktop-menu-container {display: none;}
    .desk-resp-ham {display: block;}
    .header-main-inner {align-items: stretch;position: relative;gap: 35px;}
    .top-header-right {height: 100%;padding: 5px 10px;gap: 20px;}
    header.scrolled-header .top-header-right {display: flex;transform: none;}
    .top-header-right::before {z-index: 0;}
    .top-header-right li {position: relative;}
    .slider-main.index-slider .swiper-wrapper .swiper-slide {height: calc(100vh - 90px);}
    .about-us-left, .about-us-left img {max-width: 200px;}
    .about-us-right {padding: 30px 65px;}
    .about-us-inner-page-inner-wrapper {flex-direction: column;padding: 60px 0 20px;align-items: center;}
    .about-us-inner-right {max-width: 100%;}
    .about-us-inner-left {margin: 0 0 100px;}
    .contact-us-right iframe {height: 370px;}
    .contact-us-left {max-width: 400px;}
    .services-right {padding: 80px 0 0;}
    .services-inner-wrapper {justify-content: center;align-items: center;gap: 40px;padding: 60px 0 0;flex-direction: column;}
    .services-inner-wrapper::before {opacity: .3;}
    .how-we-design-inner-wrapper {flex-direction: column;padding: 40px 0 !important;justify-content: center;align-items: center;gap: 50px;}
    .how-we-design-left {max-width: 100%;}
    .how-we-design-left h2.inner-h2 br {display: none;}
    .gsmk-tabination.packages-tabs .tab-link span {font-size: 30px;}
    .gsmk-tabination.packages-tabs .tab-link {font-size: 22px;padding: 20px;}
    .sitemap-sub-icon h4 {font-size: 18px;}
    .testimonials-and-trusted-partners-main::before {opacity: .5;}
    .services-inner-wrapper {flex-direction: column !important;}
    .services-wrapper.d-two .services-right h3, .services-wrapper.d-two .services-right h2 {text-align: left;}
    .how-we-design-wrapper.d-flip .how-we-design-inner-wrapper {flex-direction: column;}
    .gsmk-tabination .tabs {margin: auto;gap: 10px;width: 100%;max-width: 800px;}
    .gsmk-tabination.projects-tab .tab-link {padding: 20px;}
    .how-we-design-right {position: relative; top: 0;}


    .lp-construction-steps {flex-wrap: wrap;gap: 150px 20px;position: relative;}
    .step-detail:nth-child(1) {order: 1;}
    .step-detail:nth-child(2) {order: 2;}
    .step-detail:nth-child(3) {order: 3;}
    .step-detail:nth-child(4) {order: 4;}
    .step-detail:nth-child(5) {order: 8;}
    .step-detail:nth-child(6) {order: 7;}
    .step-detail:nth-child(7) {order: 6;}
    .step-detail:nth-child(8) {order: 5;}

    .step-detail:nth-child(5)::before, .step-detail:nth-child(4)::before {display: none;}
    .step-detail::before {right: -55px;width: 100%;max-width: 50%;}
    .step-detail:last-child::before {display: block;}

    .lp-construction-steps::before {content: '';position: absolute;width: 2px;height: 30%;top: 20px;right: 100px;background: var(--yellow);opacity: .3;bottom: 0;margin: auto;}
    .cta-only-image-inner > span {display: none;}
    .cta-only-image-inner {flex-direction: column;gap: 0;}
    .cta-only-image ul.common-ul {padding: 0;}
   
}

@media (max-width: 992px){
    .slider-main.index-slider::after {max-width: 200px;}
    .slider-main.index-slider .swiper-slide h3 {font-size: 30px;}
    .slider-main.index-slider .swiper-slide p {font-size: 22px;padding: 10px 0;text-align: left;}
    .about-us-left, .about-us-left img {display: none;}
    .about-us-right {padding: 30px;max-width: 100%;border-radius: 10px;}
    .services-cards {padding: 0px;}
    .services-cards.owl-carousel .owl-stage-outer {padding: 60px 0;}
    .services-card::before {height: 120%;}
    .services-cards.owl-carousel .owl-item:nth-child(2n) .services-card::before {background: var(--yellow);}
    .why-us-inner-wrapper {flex-direction: column-reverse;}
    .why-us-left {max-width: 400px;}
    .why-us-left img {border-radius: 10px;max-width: 400px;}
    .why-us-right {max-width: 100%;}
    .homes-details-inner {flex-direction: column;padding: 0;transform: translateY(200px);}
    .homes-details-card {margin: 20px 0;}
    .homes-details-card, .home-image span img {max-width: 600px;}
    .guide-cards {flex-wrap: wrap;gap: 60px 20px;}
    .guide-card span {left: 20px;}
    .testi-image img {clip-path: initial;}
    .testi-image {max-width: 250px;}
    .testi-details {padding: 20px;}
    .testimonial-card {gap: 0;}
    .footer-top {flex-direction: column-reverse;align-items: center;}
    .footer-top-left, .footer-top-right {max-width: 600px;}
    .footer-bottom {flex-wrap: wrap;gap: 40px 20px;justify-content: center;}
    .footer-section h3 {text-align: center;padding: 20px 0 10px;}
    .social-icons {justify-content: center; }
    .project-amount {visibility: hidden;}
    .project-cards.owl-carousel .owl-item.active.center .project-card .project-amount {visibility: visible;}
    .guides-main-inner {flex-wrap: wrap;gap: 0;}
    .guide-card-details {width: 100%;max-width: 400px;}
    h2.h2-large {font-size: 60px;}
    .our-process-inner::before {max-width: 150px;height: 150px;}
    .our-process-inner-page-wrapper {padding: 40px 0 0px;}
    .our-process-inner-page-wrapper::before {opacity: .8;}
    .why-us-inner-page-inner-wrapper .h2-large {max-width: 250px;}
    .expertised-inner-wrapper > span {transform: translateY(-15px);}
    .expertised-inner-wrapper > span img {width: 100%;max-width: 500px;}
    .expertised-in-card, .expertised-in-cards .expertised-in-card:nth-child(2n) {flex-direction: column;gap: 25px;}
    .expertised-in-card p {text-align: justify;}
    .inner-page-banner-wrapper::after {max-width: 300px;}
    .contact-us-inner {flex-direction: column;}
    .contact-us-left {max-width: 100%;display: flex;justify-content: center;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
    .contact-card {margin: 0;width: 100%;max-width: 400px;}
    .contact-us-right {max-width: 100%;}
    .testimonials-inner-page-inner-wrapper {align-items: center;flex-direction: column;}
    .testimonial-left h3 br {display: none;}
    .testimonial-left {max-width: 100%;text-align: center;}
    .acc.packages-accordian .acc__card .acc__title::after {width: 20%;}
    .acc.packages-accordian .acc__card .acc__title {padding: 20px;}

    .sitemap-main-sub {justify-content: center;gap: 60px 20px;flex-wrap: wrap;}
    .sitemap-sub {max-width: 400px;}
    .sitemap-sub:nth-child(3), .sitemap-sub:nth-child(4), .sitemap-sub:nth-child(5) {width: 100%;max-width: 170px;}
    a.sitemap-sub-icon {width: 100%;}
    .gsmk-tabination.projects-tab .tab-link {padding: 10px;}
    .individual-project-main {gap: 0px !important;flex-direction: column;}
    .individual-project-main:nth-child(2n) {flex-direction: column !important;}
    .individual-project-main:nth-child(2n) .project-details-sub h3, .individual-project-main:nth-child(2n) .project-details-sub p {text-align: left !important;}

    .project-detail-sub-left {display: flex;justify-content: center;align-items: center;gap: 10px;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub .project-detail-sub-icon img {max-width: 30px;opacity: .4;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub p {margin: 0;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub h3 {font-size: 20px;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub {margin: 20px 0;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub p {font-size: 18px;}

    .step-detail {max-width: 210px;}
    .landing-page-banner-text h3 {font-size: 30px;}
    .landing-page-banner-text p {font-size: 20px;}
    .warranty-inner-wrapper {flex-direction: column;}
    .banner-contact-details {gap: 5px;flex-direction: column;}
    .our-team-main {flex-wrap: wrap;gap: 60px;}
    .inner-cards-wrapper {gap: 50px 10px;}
    .about-us-inner-page-wrapper::before {display: none;}

    .expertise-b-content {opacity: 1;position: relative;background: none;backface-visibility: visible;transform: none;transition: none;}
    .main-points-of-svb.lp-svb-expertise .main-points-of-svb-card {width: 100%;height: auto;}
    .expertise-b-content p {padding: 10px 0 0;text-align: center;font-size: 18px;}
    .main-points-of-svb.lp-svb-expertise .main-points-of-svb-card:hover .expertise-f-content {transform: none;transition: none;}
    .main-points-of-svb.lp-svb-expertise .main-points-of-svb-card:hover .expertise-b-content {transform: none;opacity: 1;transition: none;}
    .expertise-f-content {backface-visibility: visible;transition: none !important;transform: none !important;}
    .lp-cta-content h2 {font-size: 36px;}
    .services-cards.owl-carousel .owl-nav, .services-cards.owl-carousel .owl-dots {display: none;}
    .inner-cards-wrapper { padding: 40px 0;}
    .our-works-wrapper { padding: 60px 0;}
    .timeline{width:700px;}

}

@media (max-width: 940px){
    .step-detail {max-width: 165px;}
    .lp-construction-steps::before {right: 85px;}
    .vision-wrapper-left {flex-direction: column;}
    .main-vm-wrapper, .vision-wrapper-left .main-vm-wrapper:nth-child(2) {max-width: 100%;}
    .main-vm-wrapper::before {height: 62%;}
    .main-vm-wrapper::after {width: 50%;}
    .main-vm-wrapper {padding: 20px 60px 60px 60px;}
    .vision-img, .vision-img img {max-width: 60px;}
    .banner-details-right h4 {font-size: 20px;}
    .landing-page-banner-text h3 {flex-wrap: wrap;}
}

@media (max-width: 768px){
    h2{font-size: 32px;}
    h3{font-size: 28px;}
    .card-details h3 {font-size: 20px;}
    .logo a img, .logo {max-width: 150px;}
    .top-header-right {padding: 5px 10px;}
    .top-header-right li a span {display: none;}
    .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text {max-width: 480px;}
    .slider-main.index-slider::after {max-width: 150px;}
    .slider-main.index-slider .swiper-wrapper .swiper-slide {height: calc(100vh - 60px);}
    .about-us-banner-wrapper .fluid-container {padding: 0;}
    .about-us-right {border-radius: 0px;padding: 30px 20px 0;}
    .services-cards.owl-carousel .owl-item {display: flex !important;justify-content: center;}
    .why-us-inner-wrapper {flex-direction: column;}
    .why-us-left, .why-us-right {text-align: center;}
    .scoreboard-wrap {gap: 30px 10px;}
    .run-letter-div div span {font-size: 40px;}
    .plus {font-size: 30px;}
    .testimonials.owl-carousel .owl-nav .owl-next span, .testimonials.owl-carousel .owl-nav .owl-prev span {font-size: 35px;}
    .testimonials.owl-carousel .owl-nav .owl-prev, .testimonials.owl-carousel .owl-nav .owl-next {height: 50px;}
    .testi-details {padding: 50px 20px 60px;}
    .testimonial-card {align-items: stretch;}
    .testi-image img {height: 100%;}
    .testimonial-card {flex-direction: column;}
    .testi-image {margin: auto;}
    .footer-links {flex-wrap: wrap;}
    .our-process-inner {flex-direction: column;gap: 0;padding: 20px;align-items: flex-end;}
    .why-us-inner-page-inner-wrapper {flex-direction: column;}
    .why-us-inner-page-inner-wrapper .h2-large::before {display: none;}
    .why-us-inner-page-inner-wrapper .h2-large {margin: auto;}
    .why-us-inner-page-wrapper {padding: 60px 0;}
    .inner-page-banner-wrapper::after {max-width: 200px;}
    .our-score-board.services-page-counter::after, .our-score-board.services-page-counter .scoreboard-wrap .run-letter-div span br {display: none;}
    .our-score-board.services-page-counter {padding: 40px 0;}
    .gsmk-tabination.packages-tabs .tabs {justify-content: center;}
    .gsmk-tabination.packages-tabs .tab-link {font-size: 20px;padding: 10px;}
    .gsmk-tabination.packages-tabs .tab-link span {font-size: 24px;}
    .acc.packages-accordian .acc__card .acc__title h2::after {width: 30px;}
    .gsmk-tabination .content-wrapper {padding: 20px 0 0;}
    .packages-inner-page-inner-wrapper, .gsmk-tabination.packages-tabs {padding: 40px 0 0;}
    .sitemap-sub {max-width: 250px;}
    .gsmk-tabination.projects-tab .tabs {overflow: scroll;justify-content: flex-start;}
    .gsmk-tabination.projects-tab .tab-link {padding: 10px 40px;}
    .why-us-left {margin: auto;}
    .banner-bottom-cards-inner {gap: 20px 20px;}
    .lp-project-detail:first-child {max-width: 100%;}
    .lp-cta-inner-wrapper {padding: 80px 0 60px;flex-direction: column;}
    .lp-cta-inner-wrapper::before {top: -175px;}
    .step-detail {max-width: 130px;}
    .lp-construction-steps::before {right: 65px;}
    .step-detail:nth-child(3)::before {display: block;}
    .step-detail::before {right: -35%;}
    .lp-about-us-top {padding: 40px 20px 250px 20px;}
    .warranty-right {flex-wrap: wrap;}
    .main-cards-svb { background: linear-gradient(to top, #242e69 85%, #fff 85%);max-width: 100%;margin: 10px 0;}
    .warranty-wrapper {  background: #000000a3;}
    .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3 span, .landing-page-banner-text h3 span {width: 20px;height: 20px;margin: 0 10px;}
    .timeline { width: 600px;}
}


@media (max-width: 636px){
    .step-detail {max-width: 110px;}
    .lp-construction-steps::before {right: 55px;}
    .lp-construction-steps {gap: 80px 20px;}
    .lp-construction-steps::before {height: 18%;}
    .landing-page-yoe {justify-content: flex-start;}

}

@media (max-width: 600px){
    .project-cards.owl-carousel .owl-item {display: flex !important;justify-content: center;}
    .project-cards.owl-carousel .owl-item.active.center .project-card {transform: translateY(0px);}
    .project-cards.owl-carousel .owl-item.active.center .project-card .project-amount {transform: translateY(-50px);}
    .project-cards.owl-carousel .owl-nav .owl-prev, .project-cards.owl-carousel .owl-nav .owl-next {clip-path: initial;bottom: 30%;max-width: 80px;border-radius: 0;}
    .homes-details-inner {padding: 0;transform: translateY(180px);}
    .project-cards::before {content: "";position: absolute;width: 90%;height: 2px;background: var(--blue);left: 0;right: 0;margin: auto;top: 117px;}
    .recent-projects.owl-carousel .owl-item {display: flex !important;justify-content: center;}
    .our-team-main.owl-carousel .owl-item {display: flex !important;justify-content: center;}
    .our-team-main.owl-carousel .owl-nav {justify-content: center;bottom: 0;top: auto;}
    .landing-page-yoe {justify-content: flex-start;}
}

@media (max-width: 576px){
    h1{font-size: 32px !important;}
    h2{font-size: 28px;}
    h3{font-size: 22px;}
    h2.h2-large {font-size: 50px;}
    .slider-main.index-slider .swiper-slide h3 {font-size: 22px;}
    .slider-main.index-slider .swiper-slide p {font-size: 18px;}
    .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text {max-width: 250px;}
    .slider-main.index-slider::after {max-width: 100px;transform: skew(-10deg);}
    .card-details h3 {font-size: 20px;text-align: center;}
    .card-details h3 br {display: none;}
    .card-details p {text-align: center;}
    .card-details {width: 100%;}
    .card-icon {max-width: 50px;margin: auto;}
    .banner-bottom-card {flex-direction: column;}
    .banner-bottom-cards-inner {gap: 5px;}
    .banner-bottom-cards-inner {padding: 40px 0 0;}
    .our-projects-content {flex-direction: column;}
    .construction-guide-top {justify-content: center;align-items: center;flex-direction: column;gap: 15px;}
    .construction-guide-left {width: 100%;text-align: center;}
    .guide-card {padding: 30px 20px;}
    .testi-details {padding: 20px 20px 60px;}
    .footer-bottom-wrapper {gap:unset;flex-direction: column;justify-content: center;}
    .project-cards.owl-carousel .owl-nav .owl-prev, .project-cards.owl-carousel .owl-nav .owl-next {max-width: 40px;}
    .about-us-inner-left span:last-child img {display: none;}
    .about-us-inner-left {margin: 0;}
    /* .about-us-inner-left span:first-child img {width: 100%;max-width: 400px;} */
    .about-us-inner-left span:first-child img {display: none;}
    .years-of-exp-left {font-size: 24px;padding: 10px;}
    .years-of-exp-left span {font-size: 40px;}
    .inner-page-banner-wrapper {height: 350px;}
    .inner-page-banner-wrapper::after {max-width: 100px;transform: skew(-15deg);}
    .banner-text {justify-content: flex-end;align-items: flex-start;}
    .contact-form-main {gap: 0;flex-direction: column;padding: 0;}
    .contact-form-left, .contact-form-right {max-width: 100%;}
    .get-in-touch-form {padding: 40px 20px 200px;}
    .services-left span:last-child {display: none;}
    .services-right {padding: 0;}
    .services-left span {justify-content: center;}
    .how-we-design-right {flex-wrap: wrap;}
    .cta-only-image-inner {flex-direction: column;}
    .gsmk-tabination.packages-tabs .tabs {gap: 10px;}
    .gsmk-tabination.packages-tabs .tab-link span {font-size: 22px;}
    .acc.packages-accordian .acc__card .acc__title::after {width: 25%;}
    .acc.packages-accordian .acc__card .acc__title {padding: 10px;}
    .acc.packages-accordian .acc__card .acc__title h2 {font-size: 20px;}
    .table-content tr td {font-size: 16px;}
    .sitemap-sub {max-width: 100%;}
    .breadcrumbs-img::before {max-width: 30px;height: 30px;}
    .breadcrumbs-img {width: 30px;height: 30px;}
    .breadcrumbs-img img {max-width: 15px;}
    .breadcrumbs {gap: 5px;margin: 15px auto;}
    .breadcrumbs span, .breadcrumbs a {font-size: 14px;}
    .breadcrumbs-img::before {border: 1px dashed #fff;}
    .services-left {display: flex;justify-content: center;}
    .form-md .form-group {max-width: 100%;}
    .form-md .form-group:nth-child(3) {margin: 0;}
    .wrapper.our-works-inner-page-wrapper .project-details-sub {margin: 10px 0;}
    .wrapper.our-works-inner-page-wrapper .project-images {flex-direction: column;}
    .wrapper.our-works-inner-page-wrapper .project-image-right {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;gap: 5px;}
    .wrapper.our-works-inner-page-wrapper .individual-project-main:nth-child(2n) .project-details-sub {flex-direction: row;}
    .wrapper.our-works-inner-page-wrapper .individual-project-details {max-width: 410px;}
    .main-points-of-svb-card {max-width: 165px;padding: 15px;gap: 20px 10px;}
    .main-points-of-svb-icon, .main-points-of-svb-icon img {max-width: 40px;}
    .main-points-of-svb-details h3 {font-size: 18px;}
    .expertise-f-content .main-points-of-svb-icon, .expertise-f-content .main-points-of-svb-icon img { max-width: 60px;}
    .main-points-of-svb.lp-svb-expertise .main-points-of-svb-card {max-width: 100%;}
    .landing-page-banner-inner {flex-direction: column;align-items: center;}
    .landing-page-banner-text {width: 100%;}
    .landing-page-banner-text p br {display: none;}
    .landing-page-banner-text p, .landing-page-banner-text h3, .landing-page-banner-text .common-btn {text-align: center;}
    .testi-feedback-details {gap: 10px;flex-direction: column;padding: 0 0 10px;align-items: flex-start;}
    .testimonials-main-wrapper::after, .testimonials-main-wrapper::before {display: none;}
    .testimonials-main-wrapper {padding: 40px 0 0;}
    .testimonial-card {height: calc(100vh - 80px);}
    .lp-construction-steps {gap: 80px 0px;}

    .slider-main.index-slider .swiper-wrapper .swiper-slide .banner-text h3 {flex-direction: column;gap: 20px;padding: 0 0 20px;}
    .main-vm-wrapper {padding: 0;}
    .vision-wrapper-left {gap: 40px;}
    .main-vm-wrapper::before,  .main-vm-wrapper::after {display: none;}
    .vision-img {width: 100%;max-width: 70px;position: absolute;left: auto;bottom: auto;right: 0;top: 0px;}

    .our-model-steps::after, .our-model-steps:nth-child(2n+1)::after {top: 30px;}
    .testimonials-inner-page-inner-wrapper .google-ratings{margin-left: auto;}
    .testimonials-inner-page-inner-wrapper .testi-name h4 {font-size: 20px;}
    .testimonials-inner-page-inner-wrapper .testi-profile-img > span img {width: 70px;height: 70px;}
    .testimonials-inner-page-inner-wrapper .google-ratings > span img {width: 20px;height: 20px;}
    .testimonials-inner-page-inner-wrapper .stars {position: relative;top: -2px;}
    .testimonials-inner-page-inner-wrapper .stars span img { max-width: 15px;}
    .banner-details-right h4 br {display: none;}
    .landing-page-banner-text h3 {flex-wrap: wrap;justify-content: center;}
    .landing-page-banner-text .footer-top-right.lp-footer-a a {margin: 30px auto !important;}
    .lp-cta-content h2 {text-align: center !important;}
    .footer-main {padding: 40px 0 20px;}
    .lp-cta-content h2 {font-size: 28px;}
    .banner-details-right .common-btn {text-align: center;}
    .services-inner-wrapper.pd { padding: 80px 0 0;}
    .form-md { margin: 0 auto 32px auto;}
    .timeline { width: 400px;}
}

@media (max-width: 536px){
    .step-detail::before {right: -15%;max-width: 30%;}
}
@media (max-width: 480px){
    .why-us-inner-wrapper::before {bottom: -6px;height: 300px;max-width: 300px;}
    .expertised-in-card span::before {max-width: 100px;}
    .swiper-container.testimonials-main .swiper-button-prev, .swiper-container.testimonials-main .swiper-button-next {display: none;}
    .gsmk-tabination.packages-tabs .tab-link {font-size: 16px;}
    .gsmk-tabination.packages-tabs .tab-link span {font-size: 16px;}
    .acc.packages-accordian .acc__card .acc__title h2 {font-size: 16px;}
    .acc.packages-accordian .acc__card .acc__title h2::after {width: 20px;}
    .logos-wrap span {width: 100%;max-width: 140px !important;}
    .logos-wrap span img {max-width: 120px;}
    .lp-cta-content h2:first-child {padding: 0 10px 0 0;}
    .lp-cta-content {gap: 10px;}
    .ratings-name {gap: 0;flex-direction: column;padding: 0 0 10px;}
    .testimonial-card {height: calc(100vh - 30px);}
    .lp-construction-steps {flex-direction: column;gap: 50px;}
    .step-detail:nth-child(4)::before , .step-detail:nth-child(2)::before {display: block;}
    .step-detail::before {width: 2px !important;height: 43% !important;background: var(--yellow) !important;opacity: .3;left: 0;right: 0 !important;margin: auto;top: auto !important;bottom: -40px;}
    .lp-construction-steps::before {display: none;}
    .step-detail {max-width: 100%;}
    .step-detail p br {display: none;}
    .step-detail:nth-child(1) {order: 1;}
    .step-detail:nth-child(2) {order: 2;}
    .step-detail:nth-child(3) {order: 3;}
    .step-detail:nth-child(4) {order: 4;}
    .step-detail:nth-child(5) {order: 5;}
    .step-detail:nth-child(6) {order: 6;}
    .step-detail:nth-child(7) {order: 7;}
    .step-detail:nth-child(8) {order: 8;}
    .step-detail:nth-child(8)::before {display: none;}
    .step-detail:nth-child(5)::before {display: block;}
    .step-detail p {margin: 0 0 15px;}
    .top-cards-svb h2 {font-size: 20px;max-width: 200px;}
    .top-cards-svb h2 span {font-size: 60px;max-width: 40px;}
    .our-model-steps::after, .our-model-steps:nth-child(2n+1)::after {top: 32px;}

    .construction-model-main {padding: 0;}
    .our-model-steps{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .our-model-steps::before {width: 1px;left: 0;top: 110px;z-index: -1;border-right: none;border-radius: 0;right: 0;margin: auto;}
    .our-model-steps::after, .our-model-steps:nth-child(2n+1)::after {top: -19px !important;left: 0;transform: rotate(90deg);right: 0;margin: auto;}
    .our-model-steps:nth-child(2n)::before {border-left: none;right: 0;left: 0;margin: auto;}
    .footer-top-right.lp-footer-a.lp-cta-a {flex-direction: column;}
    .lp-cta-wrapper {margin: 30px 0 0;}
    .lp-cta-inner-wrapper::before {top: -200px;}
    #to-top img {max-width: 40px;}
    #to-top{right: 0;}
    .get-in-touch-form::before {height: 220px;bottom: 0px;}
    .inner-copy-footer-wrapper p a {align-items: start;top: 2px;}
    .inner-cards-wrapper {gap: 30px 10px;}
    .timeline:before {height: 88%;top: 20px;}
    .timeline { width: 320px;}


}

@media (max-width: 380px){
    .slider-main.index-slider::after {max-width: 90px;}
    .acc.packages-accordian .acc__card .acc__title::after {width: 23%;}
    .breadcrumbs-img img {max-width: 12px;}
    .breadcrumbs-img::before {max-width: 20px;height: 20px;}
    .breadcrumbs-img {width: 20px;height: 20px;}
    .main-points-of-svb-card {max-width: 140px;padding: 10px;}
    .lp-cta-content {flex-direction: column;}
    .lp-cta-content h2 br {display: none;}
    .lp-cta-content h2:first-child::before {width: 50%;height: 2px;top: auto;right: 0;bottom: -10px;margin: auto;left: 0;}
    .lp-cta-content h2:last-child {text-align: center;}
    .testimonial-card {height: 100vh;}
}

@media (max-width: 360px){
    .years-of-experience {flex-direction: column; gap: unset;}
    .years-of-exp-left {padding: 10px 30px;}
    .years-of-exp-right h2 {text-align: center;}
}


.home-details-packages{transform: translateY(180px);}
.home-details-packages h2{color: #1c2f99}
.home-details-packages h2 , .home-details-packages p{text-align: center;}


@media(max-width:576px){
    .home-details-packages { transform: translateY(145px);}
}



.about-us-right p{margin: 15px 10px;}




@media(max-width:1450px){
    .years-of-exp-right h2 {font-size: 30px;}
}


@media(max-width:768px){
    .years-of-exp-right h2 { font-size: 26px;}
    .years-of-exp-left span {font-size: 24px;}
    .years-of-exp-left {font-size: 36px;}

}

@media(max-width:576px){
    .years-of-exp-right h2 {font-size: 22px;}
}