@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');



* {margin: 0;padding: 0;box-sizing: border-box;}

html, body {
  scroll-behavior: smooth;
  font-size: 18px;
  color:#0f172b;
  height: auto !important;
  text-align: left;
  background: #fff;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: 0.5px;
font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
a, button {text-decoration: none;cursor: pointer;}
* p:last-child {margin-bottom: 0;}
.transition,:before,
:after,a,button {-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.transition1 {-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.transition2 {-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
input[type="text"]::-ms-clear {display: none;}
input[type="submit"],input[type="button"] {cursor: pointer;}
:focus {box-shadow: none;}
select:focus::-ms-value {color: inherit;background: none;}
* {outline: none !important;}
b,strong {font-weight: 700;}
img {max-width: 100%;vertical-align: middle;height: auto;pointer-events: none;}
ul,ol {margin: 0;padding: 0;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #606060;-moz-transition: all 0s ease;}
select::-ms-expand {display: none;}
input::-ms-clear {display: none;}
figure {margin: 0;}
.btn-check:focus + .btn,.btn:focus {outline: 0px;box-shadow: none;}
.noscript {background: #000;display: block;text-align: center;color: #fff;padding: 10px 0;position: fixed;bottom: 0;right: 0;left: 0;z-index: 9;}
p.noscript {margin: 0;}
.warning-icon {display: inline-block;vertical-align: middle;position: relative;width: 20px;height: 17px;z-index: 1;margin: 0 10px 0 0;}
*::-webkit-input-placeholder {color: inherit;opacity: 1;}
*:-moz-placeholder {color: inherit;opacity: 1;}
*::-moz-placeholder {color: inherit;opacity: 1;}
*:-ms-input-placeholder {color: inherit;opacity: 1;}
*::placeholder {color: inherit;opacity: 1;}
ul {padding-left: 0px;}
li {list-style: none;}

.p0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pBlock {padding-block: 5.5rem;}

.container {max-width: 1440px;margin: 0 auto;padding-inline: 36px;}



strong {font-weight: 700;}



a {word-break: break-word;}
a:hover {text-decoration: none;}
main,section,header,footer {display: block;float: left;width: 100%;}

h1, h2, h3, h4, h5, h6 { font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-transform: capitalize;}
p {color: #4a5565;margin-bottom: 0}


/* Comman Padding */




/* title Css */


/*start-header*/

.main_menu button.navigation-open {
    display: none;
}
li.active.has-sub ul.sub-menu a {color: #fff !important;border-bottom: 0px !important;}
header#header {float: left;width: 100%;background: #000;position: fixed;z-index: 999;border-bottom: 1px solid #1e2939;}
.deskmenu {z-index: 9;display: flex;position: relative;align-items: center;justify-content: space-between;width: 100%;padding-block: 18px;}
ul.sub-menu a {font-size: 14px !important;}

.main_menu .menu > li {margin-top: 0px;}

.icon-submenu {position: absolute;top: 50%;right: -2px;transform: translate(-50%, -50%);margin-top: -7px;}
.icon-submenu::before {position: absolute;content: '\f107';font-family: 'Font Awesome 5 Free';font-size: 12px;font-weight: bold;top: 5px;color: #fff;line-height: 1;}
.menubar {position: relative;z-index: 99;width: 100%;margin: 0 auto;}


header#header .lern-btn {width: unset;float: unset;margin: 0px;margin-left: 20px;margin-right: 20px;}
.navigation {float: left;width: 100%;display: flex;align-items: center;justify-content: center;}

.sidebar-item {text-align: center;/* border-bottom: 1px solid #666; */}
.sidebar-item li {padding: 15px;border-bottom: 1px solid #fff;}
.sidebar-item a {color: white;text-decoration: none;font-size: 18px;}
.sidebar li {margin-right: 0px !important;}
#sidebar {background-color: #333;position: fixed;top: 0;right: -400px;width: 400px;height: 100%;color: white;width: 340px;transition: right 0.3s ease;z-index: 1000;background-color: #027bbf;}
.sidebar_sub_menus > a::after {content: '\25BC'; /* Unicode for downward triangle â–¼ */font-size: 12px;  /* Adjust size as needed */color: white;margin-left: 10px; /* Space between text and icon */transition: transform 0.3s ease; /* For rotation animation */}
.sidebar_sub_menus .sub-menu a:hover {background: unset !important;}
.sidebar_sub_menus.active > a::after {transform: rotate(180deg); /* Rotate the icon when active */}
.sidebar_sub_menus .sub-menu a {padding: 0px !important;text-align: center !important;border-bottom: unset !important;width: 100% !important;justify-content: center !important;text-transform: capitalize !important;}
.servi-submenu {display: none;}
.servi-submenu.open {display: block;}
#sidebar.open {right: 0;}
.sidebar_sub_menus .sub-menu {display: none;background-color: #000;position: absolute;top: 186px;left: 0;z-index: 9;border-radius: 0;width: 100%;text-align: center !important;}
.sidebar_sub_menus.active .sub-menu {display: block; /* Show submenu when parent is active */}
.sidebar_sub_menus .sub-menu > li:first-child {display: block;}
.sidebar_sub_menus.active .sub-menu .servi-submenu {display: block;}

.main_logo a {display: flex;align-items: center;}
.main_logo a img {width: auto;height: 54px;max-width: 100%;object-fit: contain;}
.main_menu .menu {display: flex;align-items: center;gap: 22.5px;}
.main_menu .menu li a {color: #fff;text-transform: uppercase;letter-spacing: 0.39375px;font-weight: 600;font-size: 15.75px !important;line-height: 1.4;}
.main_menu .menu li a:hover {color: silver;}
.headerBtn {background: #8b7d6b;color: #fff !important;font-weight: 600;letter-spacing: 0.39375px;text-transform: uppercase;font-size: 15.75px;line-height: 1.4;padding: 13.5px 36px;}
.headerBtn:hover {opacity: 90%;color: #fff;}

.headerBtnmobileView {display: none;}

.main_menu button.navigation-close {display: none;}



/*end-header*/


.banner, .galleryBanner, .feature, .howIt, .ourClient, .readyCat, 
.serDesign, .contact, .Comprehensive, .Gallery, .sixSteps, .Professional, 
.Commitments, .whySan, .cityName, .ContactBanner, .transAfter,
.clientInfo, .testimonials  {padding-block: 90px;}

.service, .ourService, .ourWork, .innerService, .Policy, 
.innerBanner2, .blogPost, .city, .singleBlog {padding-block: 108px;}

.fullHome, .addition, .Transformation, .serConsult, .innerReadyCat, .choose,
.overView, .clientNum {padding-block: 72px;}



/* Title CSS Start */
.titleBox {display: flex;flex-direction: column;}
.titleBox p {margin-bottom: 18px;font-size: 15.75px;line-height: 1.4;text-transform: uppercase;color: #8b7d6b;letter-spacing: 1.575px;font-weight: 700;}
.titleBox h2 {font-size: 54px;line-height: 1.25;margin-bottom: 36px;color: #101828;font-weight: 700;}
.titleBox .titleBdrLine {width: 108px;height: 4.5px;margin-bottom: 36px;background: #8b7d6b;}

.titleBox2 {display: flex;flex-direction: column;margin-bottom: 54px;}
.titleBox2 .titleMain {font-size: 40.5px;line-height: 1.1;color: #000;font-weight: 700;margin-bottom: 18px;text-align: center;}
.titleBox2 .smallTitle {font-size: 20.25px;line-height: 1.5;color: #000000b3;max-width: 756px;margin-inline: auto;text-align: center;}


/* BANNER */
.banner {margin-top: 90px;min-height: 310.25px;background: linear-gradient(to bottom right in oklab, #000 0%, #000 100%);overflow: hidden;position: relative;}
.banner_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;align-items: center;}
.bannerLeft {display: flex;flex-direction: column;}
.bannerLeft h1 {font-size: 67.5px;line-height: 1.25;margin-bottom: 27px;font-weight: 700;color: #fff;}
.bannerLeft p {font-size: 22.5px;line-height: 1.4;margin-bottom: 36px;color: #ffffffe6;}

.bannerLeftGrid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;margin-bottom: 36px;}
.bannerLeftBox {padding: 18px;backdrop-filter: blur(12px);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);background-color: #ffffff1a;border: 1px solid #ffffff33;border-radius: 6.75px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bannerLeftBox svg {width: 27px;height: 27px;margin-bottom: 9px;color: #c0c0c0;}
.bannerLeftBox .bannerPrize {font-size: 27px;line-height: 1.3;color: #fff;font-weight: 700;}
.bannerLeftBox .bannerLeftLine {color: #ffffffb3;font-size: 13.5px;line-height: 1.3;}
.bannerLeft  ul {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18.5px;}
.bannerLeft  ul li {padding: 13.5px;font-size: 15.75px;backdrop-filter: blur(8px);box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);background-color: #ffffff1a;border: 1px solid #ffffff33;border-radius: 6.75px;gap: 9px;display: flex;align-items: center;line-height: 1.4;color: #fff;font-weight: 600;}
.bannerLeft  ul li svg {width: 22.5px;height: 22.5px;color: #c0c0c0;}

.bannerRight {padding: 36px;background: #fff;box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);display: flex;flex-direction: column;height: fit-content;}
.bannerRightTitle {display: flex;flex-direction: column;margin-bottom: 27px;text-align: center;}
.bannerRight .bannerRightTitle h3 {text-align: center;font-size: 27px;line-height: 1.3;color: #101828;font-weight: 700;margin-bottom: 9px;}
.bannerRight .bannerRightTitle  p{text-align: center;font-size: 15.75px;line-height: 1.4;color: #4a5565;}

.bannerF1 {position: absolute;inset: 0;}
.bannerF2 {filter: blur(64px);background: #c0c0c033;border-radius: 3.35544e+07px;width: 360px;height: 360px;position: absolute;left: 0;bottom: 0}
.bannerF3 {filter: blur(64px);background: #8b7d6b1a;border-radius: 3.35544e+07px;width: 432px;height: 432px;left: 450.328px;top: 0;position: absolute;}
.bannerF4 {filter: blur(64px);background: #8b7d6b33;border-radius: 3.35544e+07px;width: 432px;height: 432px;bottom: 0;right: 0;position: absolute;}
.bannerImg {height: 100%;}
.bannerImg img {opacity: 10%;object-fit: cover;width: 100%;height: 100%;}
.bannerWrap_box {position: relative;}


/* Service */

.service_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 72px;align-items: center;}
.serCnt {display: flex;flex-direction: column;}
.serCnt p:first-child {margin-bottom: 27px;}
.serCnt p {margin-bottom: 45px;font-size: 20.25px;line-height: 1.5;color: #364153;}
.SerBtn {font-size: 18px;padding: 18px 54px;line-height: 1.5;box-shadow: 0 10px 15px -3px  rgb(0 0 0 / 0.1);text-transform: uppercase;color: #fff;font-weight: 600;letter-spacing: 1.8px;background: #8b7d6b;display: flex;align-items: center;justify-content: center;width: fit-content;}
.SerBtn:hover {background: #6B5744;color: #fff;}
.serviceImg_box {position: relative;}
.service_img img {box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);height: auto;width: 100%;}

/* How It Work */

.howIt_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 54px}
.howItBox {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.howIt_iconBox {position: relative;margin-bottom: 27px;}
.howIt_iconBox span {width: 90px;height: 90px;background: #8b7d6b1a;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.howIt_iconBox span svg {width: 45px;height: 45px;color: #8b7d6b !important;}
.howItNum {width: 36px;height: 36px;font-size: 18px;background: #c0c0c0;border-radius: 50%;font-weight: 700;color: #000;display: flex;align-items: center;justify-content: center;position: absolute;top: -9px;right: -9px;}
.howItBox h3 {color: #000;font-weight: 700;font-size: 22.5px;line-height: 1.4;margin-bottom: 13.5px;text-align: center;text-transform: capitalize;}
.howItBox p {color: #000000b3;font-size: 18px;}

/* Our Service */
.ourService {background: #000;position: relative;}
.ourService .titleBox {align-items: center;justify-content: center;margin-bottom: 90px;}
.ourService .titleBox p {font-size: 15.75px;line-height: 1.4;margin-bottom: 18px;text-transform: uppercase;color: silver;letter-spacing: 1.575px;font-weight: 700;}
.ourService .titleBox h2 {font-size: 67.5px;line-height: 1;text-align: center;margin-bottom: 27px;color: #fff;}
.ourService .titleBox .titleBdrLine {margin-bottom: 27px;}
.ourService .titleBox .smallTitle {color: #d1d5dc;font-size: 22.5px;line-height: 1.4;padding-inline:18px;max-width: 864px;margin: 0 auto;text-transform: unset;letter-spacing: unset;font-weight: normal;text-align: center;}
.ourService_img {background: url("blob:https://1acc3583-6824-48e9-8ce6-8f678765fdb6-v2-figmaiframepreview.figma.site/3e6ba820-61cc-4315-8231-d9b61b23edd0#filename=68dd7746ae8f808f1651e57165b530e405aa70b3.png");background-position: center center;background-size: cover;opacity: .05;inset: 0;position: absolute;}
.ourService_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 45px;}
.ourServiceBox {height: 100%;display: flex;}
.ourServiceBox a {display: block;transition-duration:.5s;box-shadow: 0 25px 50px -12px #00000040;background: #fff;overflow: hidden;display: flex;flex-direction: column;position: relative;}
.ourServiceBox .ourSer_img {position: relative;height: 360px;overflow: hidden;}
.ourServiceBox .ourSer_img img {transition-duration:.7s;object-fit: cover;width: 100%;height: 100%;}
.ourServiceBox .ourSer_shadow {opacity: .8;background:linear-gradient(to bottom, transparent, #00000080, #000);inset: 0;position: absolute;}
.ourSer_Icon {position: absolute;top: 36px;right: 36px;width: 63px;height: 63px;backdrop-filter: blur(12px);background: #ffffff1a;border: 1px solid #ffffff4d;display: flex;align-items: center;justify-content: center;}
.ourServiceBox .ourSer_Icon span svg {width: 31.5px;height: 31.5px;color: #fff;}
.ourServiceBox .ourSer_Cnt {padding: 36px;background: #3d2817;display: flex;flex-direction: column;flex-grow: 1;}
.ourServiceBox .ourSer_Cnt h3 {font-size: 22.5px;line-height: 1.4;letter-spacing: 0.5625px;font-weight: 700;margin-bottom: 9px;color: #fff;text-transform: uppercase;}
.ourServiceBox .ourSer_Cnt .ourSerLine {font-size: 15.75px;line-height: 1.4;margin-bottom: 18px;text-transform: uppercase;color: silver;letter-spacing: 0.7875px;font-weight: 600;}
.ourServiceBox .ourSer_Cnt p {margin-bottom: 27px;color: #d1d5dc;line-height: 1.625;font-size: 15.75px;flex-grow: 1;}
.ourSerBottom {display: flex;align-items: center;justify-content: space-between;}
.ourSerBottom span {color: #ffffffcc;font-size: 15.75px;line-height: 1.4;text-transform: uppercase;letter-spacing: 1.575px;}
.ourSerBottom .ourLearnMore {width: 45px;height: 45px;font-size: 20.25px;line-height: 1.5;border-radius: 50%;border: 2px solid #ffffff4d;display: flex;align-items: center;justify-content: center;color: #fff;}
.ourSer_btnBox {margin-top: 72px;display: flex;align-items: center;justify-content: center;margin-inline: auto;}
.ourSerBtn {padding: 18px 54px;font-size: 15.75px;line-height: 1.4;box-shadow: 0 10px 15px -3px #0000001a;text-transform: uppercase;letter-spacing: 1.575px;color: #fff;font-weight: 600;background: #000;border: 2px solid #fff;}
.ourSerBtn:hover {color:#101828;background: #fff;}
.ourServiceBox a:hover .ourSer_Icon {background: #8b7d6b;}
.ourServiceBox a:hover .ourSer_img img {scale: 1.1;transition-duration:.7s;}
.ourServiceBox a:hover .ourSer_Cnt {background:#2d1f0f;}
.ourServiceBox a:hover .ourLearnMore {background: #fff;color: #3d2817;}

/* Our Work */
.ourWork {background: #f3f4f6;}
.ourWork .titleBox {align-items: center;justify-content: center;margin-bottom: 90px;}
.ourWork .titleBox p {font-size: 15.75px;line-height: 1.4;margin-bottom: 18px;text-transform: uppercase;color: #8b7d6b;letter-spacing: 1.575px;font-weight: 700;}
.ourWork .titleBox h2 {font-size: 54px;line-height: 1;text-align: center;margin-bottom: 27px;color: #101828;}
.ourWork .titleBox .titleBdrLine {margin-bottom: 27px;}
.ourWork .titleBox .smallTitle {color: #4a5565;font-size: 22.5px;line-height: 1.4;padding-inline:18px;max-width: 864px;margin: 0 auto;text-transform: unset;letter-spacing: unset;font-weight: normal;}
.ourWork_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;margin-bottom: 54px;}
.ourWork .ourSer_btnBox {margin-top: 0;}
.ourWorkBox {overflow: hidden;box-shadow: 0 25px 50px -12px  #00000040;position: relative;}
.ourWorkBox img {width: 100%;height: auto;}
.ourWork_cnt {padding: 27px;color: #fff;background: linear-gradient(to bottom right in oklab, transparent 0%, #000000cc 100%);position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.ourWork .ourWorkAfter {color: #fff;text-align: center;font-size: 20.25px;line-height: 1.5;text-transform: uppercase;letter-spacing: 1.0125px;font-weight: 700;}
.ourWork_cnt p {font-size: 15.75px;line-height: 1.4;margin-top: 4.5px;color: #fff;}
.ourWork .ourSerBtn {font-size: 18px;background: #8b7d6b;line-height: 1.5;letter-spacing: 1.8px;border-color: #8b7d6b;}
.ourWork .ourSerBtn:hover {background: #6B5744;color: #fff;border-color: #6B5744;}

/* Our Client */
.ourClient {background:#f6f7f9;}
.ourClient_grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 27px;}
.ourClientBox {box-shadow: 0 4px 6px -1px #0000001a;padding: 27px;background: #fff;border: 1px solid #f6f3f4;border-radius: 6.75px;}
.ourClientBox ul {display: flex;align-items: center;gap: 4.5px;margin-bottom: 18px;}
.ourClientBox ul li svg {width: 22.5px;height: 22.5px;color: silver;fill: silver;}
.ourClientBox p {font-style: italic;color: #000000cc;margin-bottom: 18px;font-size: 18px;}
.ourClientIdentiy .ourClient_name {color: #000;font-weight: 600;font-size: 18px;}
.ourClientIdentiy span {color: #00000099;font-size: 15.75px;line-height: 1.4;}

/* Ready To Begin? */
.readyCat {background: #8b7d6b;min-height: 500px;display: flex;align-items: center;justify-content: center;}
.readyCat .titleBox {align-items: center;justify-content: center;}
.readyCat .titleBox p {color: #fff;}
.readyCat .titleBox h2 {font-size: 67.5px;color: #fff;display: flex;flex-direction: column;text-align: center;margin-bottom: 36px;}
.readyCat .titleBox .titleBdrLine {background: #fff;margin-bottom: 54px;}
.readyCat_btn {font-size: 18px;padding: 22.5px 54px;background: #000;color: #fff;line-height: 1.5;box-shadow: 0 25px 50px -12px #00000040;text-transform: uppercase;letter-spacing: 1.8px;font-weight: 600;display: flex;align-items: center;justify-content: center;width: fit-content;margin-inline: auto;}
.readyCat_btn:hover {background: #101828;color: #fff;}

/* Footer CSS Start */
footer.footer {padding-block: 54px;background: #000;}
.ft_grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 54px;margin-bottom: 36px;}
.ftBox .ftLogo {margin-bottom: 27px;}
.ftLogo a {display: block;}
.ftLogo a img {display: block;width: auto;height: 72px;object-fit: contain;}
.ftBox h4 {letter-spacing: 0.50625px;text-transform: uppercase;font-weight: 700;font-size: 20.25px;padding-bottom: 9px;margin-bottom: 18px;line-height: 1.5;border-bottom: 1px solid #ffffff33;color: #fff;}
.ftBox ul li:not(:last-child) {margin-bottom: 9px;}
.ftBox ul li a {font-size: 15.75px;line-height: 1.4;color: #ffffffcc;text-transform: capitalize;}
.ftBox ul li a:hover {color: #fff;}

.ftContact ul li a {display: flex;align-items: center;gap: 9px;}
.ftContact ul li:not(:last-child) {margin-bottom: 13.5px;}
.ftContact ul li a svg {width: 22.5px;height: 22.5px;}
.ftCntBottom {padding-top: 27px;margin-top: 27px;border-top: 1px solid #ffffff33;}
.ftCntBottom p {color: #ffffff99;font-size: 13.5px;line-height: 1.3;margin-bottom: 4.5px;}
.copyright {padding-top: 27px;border-top: 1px solid #ffffff1a;}
.copyright p {font-size: 13.5px;line-height: 1.3;color: #ffffff99;text-align: center;}
.copyright p a {color: #ffffff99;}
.copyright p a:hover {color: #fff;}



/* Inner Pages CSS Start */


.bread_crumb {padding-block: 18px;background: #f6f7f980;margin-top: 91px;}
.bread_crumbwrap ol {display: flex;align-items: center;gap: 9px;flex-wrap: wrap;}
.bread_crumbwrap ol li {color:#000;font-size: 15.75px;line-height: 1.4;font-weight: 600;text-transform: capitalize;} 
.bread_crumbwrap ol li a {color:#00000099;font-size: 15.75px;line-height: 1.4;text-transform: capitalize;display: flex;align-items: center;gap: 4.5px;font-weight: normal;}
.bread_crumbwrap ol li svg {color:#00000099;width: 18px;height: 18px;}
.bread_crumbwrap ol li a:hover, .bread_crumbwrap ol li a:hover svg {color:#8b7d6b;}


.innerBanner {padding-block: 126px;color: #fff;position: relative;background:linear-gradient(to bottom right in oklab, #000 0%, #000 100%);}
.innerBanner_imgBox {opacity: .1;position: absolute;inset: 0;}
.innerBanner_imgBox img {width: 100%;height: 100%;object-fit: cover;}
.innerBanner_wrap {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.innerBanner_wrap .BannerSmalltitle {text-transform: uppercase;color: silver;letter-spacing: 1.575px;font-weight: 700;font-size: 15.75px;line-height: 1.4;margin-bottom: 18px;text-align: center;}
.innerBanner_wrap h1 {font-size: 67.5px;line-height: 1.25;font-weight: 700;margin-bottom: 27px;text-align: left;}
.innerBanner_wrap .innerBnnerLine {background: #8b7d6b;width: 108px;height: 4.5px;margin-bottom: 27px;}
.innerBanner_wrap p {max-width: 1035px;margin-inline: auto;margin-bottom: 36px;color: #d1d5dc;font-size: 27px;line-height: 1.3;text-align: center;}


/* Service Page CSS Start */
.innerService_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;align-items: center;}
.innerService_img {position: relative;order: 1;}
.innerService_img img {box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);height: auto;width: 100%;}
.cityCnt {display: flex;flex-direction: column;}
.innerServiceBox {order: 2;}
.cityCnt p:first-child {margin-bottom: 45px;}
.cityCnt p {margin-bottom: 45px;font-size: 20.25px;line-height: 1.5;color: #364153;}
.cityCnt ul {display: grid;margin-bottom: 45px;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;}
.cityCnt ul li {display: flex;align-items: center;gap: 9px;color: #364153;font-weight: 600;font-size: 18px;line-height: 1.5;}
.cityCnt ul li span svg {width: 22.5px;height: 22.5px;color: #8b7d6b;}

.Comprehensive .titleBox2 .titleMain {margin-bottom: 0;}
.Comprehensive_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 27px;}
.Comprehensive_box {background: #f6f7f9;padding: 27px;border: 1px solid #ebe6e7;border-radius: 6.75px;display: flex;flex-direction: column;align-items: flex-start;}
.Comprehensive_box span {width: 63px;height: 63px;background: #c0c0c01a;border-radius: 6.75px;margin-bottom: 18px;display: flex;align-items: center;justify-content: center;}
.Comprehensive_box span svg {width: 31.5px;height: 31.5px;color: silver;}
.Comprehensive_box h3 {font-size: 22.5px;line-height: 1.4;color: #000;font-weight: 700;margin-bottom: 9px;}
.Comprehensive_box p {color: #000000b3;font-size: 18px;}

.Transformation, .serConsult {background: #f6f7f9;}
.Transformation .container, .fullHome .container, .serConsult .container,
.singleBlog .container, .clientInfo .container, .Policy .container {max-width: 1008px;}
.Transformation .titleBox2 {margin-bottom: 0;}
.Transformation .titleBox2 .titleMain {margin-bottom: 27px;}
.Transformation_box {background: #fff;padding: 36px;border-radius: 10.75px;}
.Transformation_box p {color: #000000cc;font-size: 20.25px;line-height: 1.5;}
.Transformation_box p:not(:last-child) {margin-bottom: 18px;}

.fullHome h2 {font-weight: 700;color: #000;font-size: 33.75px;line-height: 1.2;margin-bottom: 27px;text-align: left;}
.fullHomeBox {color: #000000cc;}
.fullHomeBox p {color: #000000cc;font-size: 18px;}
.fullHomeBox p:not(:last-child) {margin-bottom: 18px;}
.fullHomeBox h3 {color: #000;font-weight: 600;text-align: left;font-size: 22.5px;line-height: 1.4;margin-bottom: 18px;margin-top: 36px; }
.fullHomeBox ul {margin-bottom: 18px;padding-left: 27px;}
.fullHomeBox ul li {color: #000000cc;font-size: 18px;list-style: disc;}
.fullHomeBox ul li:not(:last-child) {margin-bottom: 9px;}
.fullHomeBox p:last-child {margin-top: 27px;}

.serConsult_wrap {background: #fff;padding: 36px;box-shadow: 0 25px 50px -12px #00000040;}
.serConsultTop {display: flex;flex-direction: column;}
.serConsultTop h3 {font-size: 27px;line-height: 1.3;color: #101828;font-weight: 700;margin-bottom: 9px;text-align: center;}
.serConsultTop p {font-size: 15.75px;line-height: 1.4;color: #4a5565;text-align: center;}


/* Design Process Page CSS */

.sixSteps .titleBox2 {margin-bottom: 72px;}
.sixSteps .titleBox2 .smallTitle {font-size: 22.25px;max-width: 890px;}
.sixStepsBox {display: flex;align-items: flex-start;gap: 36px;}
.sixStepsBox:not(:last-child) {margin-bottom: 72px;}
.sixSteps_left {display: flex;align-items: flex-start;gap: 27px;}
.sixStepsNum {color: #8b7d6b33;font-weight: 700;font-size: 81px;line-height: 1;}
.sixStepsIcon {width: 72px;height: 72px;background: #8b7d6b;display: flex;align-items: center;justify-content: center;}
.sixStepsIcon svg {width: 36px;height: 36px;color: #fff;}

.sixSteps_cnt {flex-grow: 1;}
.sixSteps_cnt h3 {font-size: 33.75px;line-height: 1.2;color: #101828;font-weight: 700;margin-bottom: 18px;}
.sixSteps_cnt p {color: #364153;line-height: 1.625;font-size: 20.25px;margin-bottom: 27px;}
.sixStepUlPart {padding: 27px;background: #f9fafb;border-left: 4px solid #8b7d6b;}
.sixStepUlPart h4 {font-size: 18px;line-height: 1.5;margin-bottom: 13.5px;font-weight: 700;color: #101828;}
.sixStepUlPart ul li:not(:last-child) {margin-bottom: 9px;}
.sixStepUlPart ul li span svg {width: 22.5px;height: 22.5px;color: #8b7d6b;}
.sixStepUlPart ul li {display: flex;align-items: center;gap: 13.5px;color: #364153;font-size: 18px;}

.Professional {background: #f9fafb;}
.Professional .titleBox2 .PYellow {margin-bottom: 18px;font-size: 15.75px;line-height: 1.4;text-transform: uppercase;color: #8b7d6b;letter-spacing: 1.575px;font-weight: 700;text-align: center;}
.Professional .titleBox2 .smallTitle {max-width: 864px;font-size: 22.5px;line-height: 1.4;}
.Professional_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 36px;}
.Professional_Box {box-shadow: 0 10px 15px -3px #0000001a;padding: 27px;background: #fff;}
.Professional_Box:hover {box-shadow: 0 25px 50px -12px #00000040;}
.Professional_img {overflow: hidden;aspect-ratio: 4/3;margin-bottom: 18px;}
.Professional_img img {width: 100%;height: 100%;object-fit: cover;}
.Professional_Box h3 {color: #101828;font-weight: 700;font-size: 22.5px;line-height: 1.4;margin-bottom: 9px;}
.Professional_Box p {color: #364153;font-size: 18px;}

.Commitments {background: #000;color: #fff;}
.Commitments .titleBox2 {}
.Commitments .titleBox2 .titleMain {color: #fff;}
.Commitments .titleBox2 .smallTitle {color: #d1d5dc;max-width: 864px;font-size: 22.5px;line-height: 1.4;}
.Commitments_grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 36px;}
.Commitments_Box {display: flex;flex-direction: column;text-align: center;}
.Commitments_Box span {width: 72px;height: 72px;background: #8b7d6b;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto 18px;}
.Commitments_Box span svg {width: 36px;height: 36px;color: #fff;}
.Commitments_Box h3 {text-align: center;color: #fff;margin-bottom: 13.5px;font-size: 22.5px;line-height: 1.4;font-weight: 700;}
.Commitments_Box p {text-align: center;color: #d1d5dc;font-size: 18px;}

.whySan {background: linear-gradient(to bottom right in oklab, #fff 0%, #fbf9fa 100%);}
.whySan_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;}
.whySan h2 {font-size: 40.5px;line-height: 1.1;color: #000;font-weight: 700;margin-bottom: 27px;text-align: left;}
.whySanBox ul li:not(:last-child) {margin-bottom: 27px;}
.whySanBox ul li {display: flex;align-items: flex-start;gap: 18px;}
.whySanBox ul li span svg {width: 27px;height: 27px;color: #8b7d6b;margin-top: 4.5px;}
.whySanBox ul li h3 {color: #101828;font-weight: 700;font-size: 22.5px;line-height: 1.4;margin-bottom: 9px;}
.whySanBox ul li p {color: #364153;font-size: 18px;}



.innerReadyCat {background: #8b7d6b;}
.innerReadyCat .titleBox2 {margin-bottom: 36px;}
.innerReadyCat .titleBox2 .titleMain {color: #fff;}
.innerReadyCat .titleBox2 .smallTitle {font-size: 22.5px;line-height: 1.4;color: #ffffffe6;}
.catBtnbox {display: flex;align-items: center;justify-content: center;margin: 0 auto;gap: 18px;}
.catBtn {box-shadow: 0 10px 15px -3px #0000001a;text-transform: uppercase;letter-spacing: 1.8px;font-weight: 600;padding: 18px 45px;font-size: 18px;}
.catBtn1 {color: #fff;background: #000;}
.catBtn2 {background: #fff;color: #8b7d6b;}
.catBtn1:hover {color: #fff;}
.catBtn2:hover {color: #8b7d6b;}


/* BLog Page CSS Start */
.innerBanner2 {background:linear-gradient(to bottom right in oklab, #000 0%, #8b7d6b 100%);}
.innerBanner2 h1 {font-size: 54px;line-height: 1;font-weight: 700;margin-bottom: 27px;text-align: center;color: #fff;}
.innerBanner2 p {max-width: 864px;margin-inline: auto;color: #d1d5dc;font-size: 22.5px;line-height: 1.4;text-align: center;}

.blogPost_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 36px;}
.blogPostBox {box-shadow: 0 10px 15px -3px #0000001a;background: #fff;overflow: hidden;}
.blogPostBox a {display: flex;flex-direction: column;}

.blogPostImg {position: relative;overflow: hidden;}
.blogPostImg img {object-fit: cover;width: 100%;height: 288px;}
.blogImgName {position: absolute;top: 18px;left: 18px;font-size: 15.75px;padding: 4.5px 13.5px;color: #fff;font-weight: 600;line-height: 1.4;background: #8b7d6b;}
.blogPost_cnt {padding: 27px;display: flex;flex-direction: column;}
.blogPost_cnt ul {display: flex;align-items: center;margin-bottom: 18px;gap: 13.5px;}
.blogPost_cnt ul li {display: flex;align-items: center;gap: 4.5px;color: #6a7282;font-size: 15.75px;line-height: 1.4;}
.blogPost_cnt ul li svg {color: #6a7282;width: 18px;height: 18px;}
.blogPost_cnt h2 {color: #101828;font-weight: 700;font-size: 26px;line-height: 1.3;margin-bottom: 13.5px;}
.blogPost_cnt p {color: #4a5565;font-size: 18px;margin-bottom: 18px;}
.blogReadmore {color: #8b7d6b;font-size: 18px;text-transform: capitalize;font-weight: 600;gap: 9px;display: flex;align-items: center;}
.blogReadmore svg {color: #8b7d6b;width: 18px;height: 18px;}
.blogPostBox:hover {box-shadow: 0 20px 25px -5px #0000001a;}
.blogPostBox a:hover .blogPostImg img {scale:1.05;transition-duration:.3s;}
.blogPostBox a:hover .blogPost_cnt h2 {color: #8b7d6b;transition-duration:.3s;}
.blogPostBox a:hover .blogReadmore {gap: 13.5px;transition-duration:.15s;}


/* Gallery Page CSS Start */

.galleryBanner .innerBanner_wrap h1 {font-size: 54px;margin-bottom: 18px;}
.innerBanner_wrap p {max-width: 864px;margin-bottom: 0;font-size: 22.5px;}
.Gallery_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 36px;}
.GalleryBox {box-shadow: 0 10px 15px -3px #0000001a;overflow: hidden;position: relative;}
.Gallery_img {aspect-ratio: 4/3;overflow: hidden;}
.Gallery_img img {transition-duration:.5s;width: 100%;height: 100%;object-fit: cover;}
.GalleryBox:hover .Gallery_img img {scale: 1.1;transition-duration:.5s;}
.Gallery_cntWrap {background: linear-gradient(to bottom right in oklab, transparent 0%, #000000cc 100%);position: absolute;inset: 0;opacity: 0;}
.Gallery_cnt {padding: 27px;left: 0;bottom: 0;right: 0;position: absolute;}
.GalleryBox:hover .Gallery_cntWrap {opacity: 1;}
.Gallery_cnt p {color: #8b7d6b;font-weight: 600;font-size: 15.75px;line-height: 1.4;margin-bottom: 9px;}
.Gallery_cnt h3 {font-weight: 700;font-size: 22.5px;line-height: 1.4;color: #fff;}

.galleryCat {background: #f3f3f4;}
.galleryCat .titleBox2 .titleMain {color: #000;font-size: 33.75px;line-height: 1.2;margin-bottom: 27px;}
.galleryCat .titleBox2 .smallTitle {color: #364153;}
.galleryCat .catBtn1 {background: #8b7d6b;}
.galleryCat .catBtn1:hover {opacity: 90%;}


/* City Page CSS Start */
.city_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;align-items: center;}
.city_img {position: relative;order: 1;}
.city_img img {box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);height: auto;width: 100%;}
.innerserCnt {display: flex;flex-direction: column;}
.cityBox {order: 2;}
.innerserCnt p:first-child {margin-bottom: 45px;}
.innerserCnt p {margin-bottom: 45px;font-size: 20.25px;line-height: 1.5;color: #364153;}
.innerserCnt ul {display: grid;margin-bottom: 45px;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;}
.innerserCnt ul li {display: flex;align-items: center;gap: 9px;color: #364153;font-weight: 600;font-size: 18px;line-height: 1.5;}
.innerserCnt ul li span svg {width: 22.5px;height: 22.5px;color: #8b7d6b;}

.cityName .titleBox2 .titleMain {margin-bottom: 0;}
.cityName_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 27px;}
.cityName_box {background: #f6f7f9;padding: 27px;border: 1px solid #ebe6e7;border-radius: 6.75px;display: flex;flex-direction: column;align-items: flex-start;}
.cityName_box span {width: 63px;height: 63px;background: #c0c0c01a;border-radius: 6.75px;margin-bottom: 18px;display: flex;align-items: center;justify-content: center;}
.cityName_box span svg {width: 31.5px;height: 31.5px;color: silver;}
.cityName_box h3 {font-size: 22.5px;line-height: 1.4;color: #000;font-weight: 700;margin-bottom: 9px;}
.cityName_box p {color: #000000b3;font-size: 18px;}

.choose, .serConsult {background: #f6f7f9;}
.choose .container {max-width: 1008px;}
.choose .titleBox2 {margin-bottom: 0;}
.choose .titleBox2 .titleMain {margin-bottom: 27px;font-size: 33.75px;}
.choose_box {background: #fff;padding: 36px;border-radius: 10.75px;}
.choose_box p {color: #000000cc;font-size: 20.25px;line-height: 1.5;}
.choose_box p:not(:last-child) {margin-bottom: 18px;}


/* Conatct Page CSS Start */
.ContactBanner {margin-top: 90px;background: linear-gradient(to bottom right in oklab, #8b7355 0%, #4a3f35 100%);}
.ContactBanner .innerBnnerLine {background: #fff;}
.ContactBanner .innerBanner_wrap p {max-width: 900px;color: #ffffffe6;font-size: 22.5px;margin-bottom: 0;}
.contact_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 72px;}
.contact_cnt h2 {color: #101828;font-weight: 700;font-size: 33.75px;line-height: 1.2;margin-bottom: 36px;text-transform: capitalize;}
.contact_cnt p {color: #4a5565;line-height: 1.625;font-size: 20.25px;margin-bottom: 45px;}
.contact_cnt ul li {display: flex;align-items: flex-start;gap: 18px;}
.contact_cnt ul li:not(:last-child) {margin-bottom: 36px;}
.contact_cnt ul li span {width: 63px;height: 63px;min-width: 63px;background: #8b7d6b;display: flex;align-items: center;justify-content: center;}
.contact_cnt ul li span svg {width: 27px;height: 27px;color: #fff;}
.contact_detail h3 {color: #101828;font-weight: 700;font-size: 20.25px;line-height: 1.5;margin-bottom: 9px;}
.contact_detail a {color: #8b7d6b;font-size: 20.25px;line-height: 1.5;}
.contact_detail a:hover {text-decoration: underline;}
.contact_detail p {color: #4a5565;font-size: 15.75px;line-height: 1.4;margin-top: 4.5px;margin-bottom: 0;}
.contact_detail .CntLine {color: #364153;font-size: 18px;}
.contact_Form {display: flex;flex-direction: column;padding: 36px;box-shadow: 0 25px 50px -12px  #00000040;height: fit-content;background: #fff;}
/*.contact_FormTop {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}*/
.contact_FormTop .banner-form {
    margin-top: 27px;
}
.contact_FormTop h3 {font-size: 27px;line-height: 1.3;color: #101828;font-weight: 700;text-align: center;margin-bottom: 9px;}
.contact_FormTop p {font-size: 15.75px;line-height: 1.4;text-align: center;color: #4a5565;}

/* Single BLog Page CSS Start */
.backTo {display: flex;gap:9px;margin-bottom: 36px;color: #8b7d6b;font-size: 18px;}
.backTo svg {width: 18px;height: 18px;color: #8b7d6b;}
.backTo:hover {gap:13.5px;transition-duration:.15s;color: #8b7d6b;}
.singleBlog_title {margin-bottom: 36px;}
.cate_name {font-size: 15.75px;padding: 4.5px 13.5px;color: #fff;font-weight: 600;line-height: 1.4;background: #8b7d6b;width: fit-content;margin-bottom: 18px;}
.singleBlog_title h1 {font-size: 54px;line-height: 1;color: #101828;font-weight: 700;margin-bottom: 27px;}
.singleBlog_title ul {display: flex;align-items: center;gap: 27px;}
.singleBlog_title ul li {display: flex;align-items: center;gap: 9px;color: #4a5565;font-size: 18px;line-height: 1.4;}
.singleBlog_title ul li svg {color: #4a5565;width: 22.5px;height: 22.5px;}
.singleBlog_img img {height: 432px;width: 100%;margin-bottom: 54px;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);object-fit: cover;}
.singleBlog_cnt p {font-size: 18px;color: #000000;line-height: 1.625;}
.singleBlog_cnt h2 {font-size: 22.5px;line-height: 1.5;font-weight: 600;color: #000000}
.singleBlog_cnt h3 {font-size: 20.25px;line-height: 1.5;font-weight: 600;color: #000000;}
.serDesign .container {max-width: 756px;}
 
.blogProject {display: flex;padding: 36px;background: #f9fafb;margin-top: 54px;border-left: 4px solid #8b7d6b;flex-direction: column;align-items: flex-start;}
.blogProject h3 {font-size: 27px;line-height: 1.3;font-weight: 700;color: #101828;margin-bottom: 18px;}
.blogProject p {color: #364153;margin-bottom: 27px;font-size: 18px;}
.blogProject .catBtn1 {background: #8b7d6b;}
.blogProject .catBtn1:hover {background: #6d5d4b;}

.innerfullHome {background: #f6f7f9;}

/* Upper-Story-Builds Page CSS */
.innerUpper {background: #fff;}
.innerUpper .titleBox2 .titleMain {margin-bottom: 27px;}
.innerUpper .titleBox2 .smallTitle {font-size: 22.25px;max-width: unset;}
.addition_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;align-items: center;}
.additionLeft h2 {color: #000000;font-weight: 700;font-size: 33.75px;line-height: 1.2;margin-bottom: 27px;}
.additionLeft ul li:not(:last-child), .addition_right ol li:not(:last-child) {margin-bottom: 18px;}
.additionLeft ul li, .addition_right ol li {display: flex;align-items: flex-start;font-size: 18px;}
.additionLeft ul li span {background: #c0c0c0;font-size: 15.75px;line-height: 1.4;min-width: 27px;width: 27px;height: 27px;border-radius: 50%;margin-right: 13.5px;margin-top: 4.5px;font-weight: 700;display: flex;align-items: center;justify-content: center;color: #fff;}

.addition_right {background: #f6f7f9;padding: 36px;border-radius: 10.75px;}
.addition_right h3 {color: #000000;font-weight: 700;font-size: 27px;line-height: 1.3;margin-bottom: 27px;}
.addition_right ol li span {min-width: 36px;width: 36px;height: 36px;background: #8b7d6b;font-weight: 700;color: #fff;border-radius: 50%;margin-right: 13.5px;display: flex;align-items: center;justify-content: center;}


/* Before & After Page CSS */
.innerBanner2 .innerBnnerLine {background: #c0c0c0;}

.feature .titleBox, .transAfter .titleBox {margin-bottom: 72px;}
.feature .titleBox h2, .transAfter .titleBox h2 {font-size: 40.5px;line-height: 1.1;margin-bottom: 18px;text-align: center;}
.feature .titleBox .titleBdrLine, .transAfter .titleBox .titleBdrLine {margin-inline: auto;margin-bottom: 27px;}
.feature .titleBox p, .transAfter .titleBox p {color: #4a5565;font-size: 22.5px;text-align: center;line-height: 1.4;margin: 0;max-width: 910px;margin-inline: auto;text-transform: unset;font-weight: normal;letter-spacing: unset;}

.feature_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px;}
.featureBox a {box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);background: #fff;overflow: hidden;}
.featureImg {position: relative;overflow: hidden;height: 360px;}
.featureImg img {width: 100%;object-fit: cover;height: 100%;}
.featureShadow {background: linear-gradient(to bottom right in oklab, transparent 0%, #000000cc 100%);position: absolute;inset: 0;}
.featureCnt {padding: 36px;color: #fff;position: absolute;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;}
.featureCnt span {text-transform: uppercase;letter-spacing: 0.675px;font-weight: 700;font-size: 13.5px;line-height: 1.3;padding: 4.5px 13.5px;background: #c0c0c0;margin-bottom: 13.5px;width: fit-content;}
.featureCnt h3 {font-weight: 700;color: #fff;font-size: 33.75px;line-height: 1.2;margin-bottom: 9px;}
.featureCnt p {color: #ffffffe6;margin-bottom: 18px;font-size: 18px;}
.featureLink {display: flex;font-weight: 700;font-size: 15.75px;line-height: 1.4;align-items: center;}
.featureLink svg {width: 18px;height: 18px;color: #fff;margin-left: 9px;}
.featureBox a:hover .featureImg img {scale: 1.05;transition-duration:500ms;}
.featureBox a:hover .featureLink {translate:9px;transition-duration:150ms;}

.clientNum {background: #f6f7f9;}
.clientNum_grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 36px;}
.clientNum_box {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.clientNum_box .clients {color: #8b7d6b;font-weight: 700;font-size: 54px;line-height: 1;margin-bottom: 9px;}
.clientNum_box p {color: #364153;text-align: center;font-size: 18px;}

/* Before & After CSS Start */
.bannerBefore .innerBanner_wrap {align-items: flex-start;}
.bannerBefore .BannerSmalltitle {text-align: left;letter-spacing: 0.7875px;color: #fff;padding: 9px 18px;font-size: 15.75px;margin-bottom: 27px;line-height: 1.4;background: #c0c0c0;}
.bannerBefore .innerBnnerLine {background: #c0c0c0 !important;}
.bannerBefore .innerBanner_wrap p {max-width: 1050px;margin-bottom: 0;font-size: 22.5px;line-height: 1.625;color: #ffffffe6;text-align: left;margin-inline: unset;}

.overView_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 36px;margin-bottom: 72px;}
.overView_box {padding: 36px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #f6f7f9;}
.overView_box h3 {color: #8b7d6b;text-transform: uppercase;letter-spacing: 0.7875px;font-weight: 700;font-size: 15.75px;line-height: 1.4;margin-bottom: 9px;}
.overView_box p {color: #101828;font-weight: 700;font-size: 27px;line-height: 1.3;}

.overView_cnt {max-width: 1008px;margin-inline: auto;}
.overView_cnt h2 {color: #101828;font-weight: 700;font-size: 33.75px;line-height: 1.3;margin-bottom: 27px;}
.overView_cnt p {color: #364153;line-height: 1.625;font-size: 20.25px;margin-bottom: 27px;}
.overView_cnt h3 {color: #101828;font-weight: 700;font-size: 27px;line-height: 1.3;margin-bottom: 18px;}
.overView_cnt ul li:not(:last-child) {margin-bottom: 13.5px;}
.overView_cnt ul li {color: #364153;font-size: 18px;}

.transAfter, .innerAfter {background: #f6f7f9;}
.transAfter_wrap h3 {color: #000000;font-weight: 700;font-size: 27px;line-height: 1.3;margin-bottom: 9px;}
.transAfter_wrap p {color: #000000b3;font-size: 18px;}
.transAfter_wrap ul li {background: #fff;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);border-radius: 10.75px;overflow: hidden;}
.transAfter_wrap ul li:not(:last-child) {margin-bottom: 72px;}
.transAfter_title {padding: 27px;border-bottom: 1px solid #ebe6e7;}
.transAfter_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.transAfterBox {position: relative;height: 500px;}
.transAfterBox img {width: 100%;height: 100%;object-fit: cover;}
.transAfter1 {padding: 9px 18px;color: #fff;font-weight: 700;font-size: 15.75px;line-height: 1.4;position: absolute;text-transform: uppercase;}
.transAfterBf {background: #000000b3;top: 18px;left: 18px;}
.transAfterAf {background: #c0c0c0;top: 18px;right: 18px;}

.clientInfo .clientInfo_wrap {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.clientInfo .clientsIcon {color: #ebe6e7;font-size: 144px;line-height: 1;font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;margin-bottom: 18px;}
.clientInfo .clientInfo_cnt {font-style: italic;color: #364153;line-height: 1.625;font-size: 27px;margin-bottom: 36px;text-align: center;}
.clientInfo .clientInfo_name {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.clientInfo strong {font-style: normal;font-weight: 700;font-size: 20.25px;line-height: 1.5;text-align: center;}
.clientInfo p {color: #4a5565;margin-top: 9px;text-align: center;font-size: 18px;}

/* Testimonials */
.TestimonialsBanner {margin-top: 90px;}
.testRating {margin-top: 36px;display: flex;align-items: center;gap: 9px;}
.testRating ul {display: flex;align-items: center;gap: 9px;justify-content: center;}
.testRating ul li svg {color: #8b7d6b;fill: #8b7d6b;width: 36px;height: 36px;}
.testRating span {color: #fff;margin-left: 18px;font-size: 27px;line-height: 1.3;font-weight: 700;}
.testimonials_grid {display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 36px;}
.testimonialsBox {padding: 36px;background: #f6f7f9;display: flex;flex-direction: column;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);}
.testimonialsBox ul {display: flex;align-items: center;margin-bottom: 18px;gap: 4.5px;}
.testimonialsBox ul li svg {width: 22.5px;height: 22.5px;color: #8b7d6b;fill: #8b7d6b;}
.testimonialsBox p {color: #364153;line-height: 1.625;margin-bottom: 27px;font-style: italic;font-size: 18px;}
.testimonialsBottom {padding-top: 27px;border-top: 1px solid #ebe6e7;display: flex;gap: 18px;align-items: flex-start;}
.testimonialsBottom img {width: 90px;object-fit: cover;height: 90px;}
.testimonialsCnt h3 {font-weight: 700;font-size: 20.25px;line-height: 1.5;margin-bottom: 0;}
.testimonialsCnt p {color: #4a5565;font-size: 15.75px;line-height: 1.4;margin-bottom: 0;font-style: unset;}

.Policy_wrap h1 {font-size: 54px;line-height: 1;color: #101828;font-weight: 700;margin-bottom: 36px;}
.Policy_wrap .PolicyLine {color: #364153;font-size: 22.5px;line-height: 1.4;margin-bottom: 36px;}
.Policy_cnt h2 {margin-top: 36px;margin-bottom: 18px;font-size: 27px;line-height: 1.3;font-weight: 700;color: #101828;}
.Policy_cnt p {color: #364153;margin-bottom: 27px;font-size: 18px;}
.Policy_cnt ul {padding-left: 27px;margin-bottom: 27px;}
.Policy_cnt ul li:not(:last-child) {margin-bottom: 9px;}
.Policy_cnt ul li {color: #364153;font-size: 18px;list-style: disc;}
.PolicyDetail {padding:27px;background: #f6f7f9;margin-bottom: 27px;border-radius: 6.75px;}
.PolicyDetail p {margin-bottom: 0;}
.PolicyDetail p:not(:last-child) {margin-bottom: 9px;}
.PolicyDetail p a {color: #8b7d6b;}
.PolicyDetail p a:hover {text-decoration: underline;}
.policyNeed {display: flex;flex-direction: column;align-items: flex-start;margin-top: 54px;background: #8b7d6b;padding: 36px;border-radius: 6.75px;color: #fff;}
.policyNeed h3 {font-size: 27px;margin-bottom: 18px;font-weight: 700;color: #fff;line-height: 1.3;}
.policyNeed p {color: #fff;font-size: 18px;margin-bottom: 27px;}




/* Banner Form CSS */

p.gform_required_legend {display: none;}
.banner-form label {color: #364153;font-weight: 600 !important;font-size: 15.75px !important;line-height: 1.4;margin-bottom: 6.75px !important;}
.banner-form input, .banner-form select, .banner-form textarea {padding: 11.25px 13.5px !important;font-size: 15.75px !important;line-height: 1.4;border: 1px solid #d1d5dc !important;font-weight: 400 !important;}
.banner-form input::plceholder, .banner-form select::plceholder, .banner-form textarea::plceholder {color:#8e8e8e;}
.banner-form textarea {height:114px !important;}
.banner-form input#gform_submit_button_1 {padding: 15.75px 27px !important;box-shadow: 0 10px 15px -3px #0000001a;text-transform: uppercase;color: #fff;letter-spacing: 1.575px;font-weight: 600 !important;background: #8b7d6b;border-color: #8b7d6b !important;}
.banner-form p {color: #6a7282;font-size: 13.5px;line-height: 1.3;text-align: center;}


.const-progress {padding-block: 90px;}
.const-progress .titleBox {margin-bottom: 72px;}
.const-progress .titleBox h2 {font-size:40.5px;text-align:center;margin-bottom:18px;}
.const-progress .titleBox .titleBdrLine {margin-inline: auto;margin-bottom: 27px;}
.const-progress .titleBox p {color: #4a5565;font-size: 22.5px;text-align: center;line-height: 1.4;margin: 0;max-width: 910px;margin-inline: auto;text-transform: unset;font-weight: normal;letter-spacing: unset;}
.progress_grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 36px;}
.progressBox {position: relative;box-shadow: 0 20px 25px -5px #0000001a;overflow: hidden;}
.progressBox .Gallery_cntWrap {opacity: 0;}
.progressBox:hover .Gallery_cntWrap {opacity:1;}
.progressBox:hover {box-shadow:0 25px 50px -12px #00000040;}
.progressBox:hover img {scale:1.05;transition-duration:.5s;}




.prjOverView {padding-block: 72px;}
.prjOverView_grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 54px;}
.prjOverView_left h2 {font-size: 33.75px;margin-bottom:27px;color: #000;font-weight: 700;line-height: 1.2;}
.prjOverView_left p {font-size: 20.25px;line-height: 1.5;color: #000000cc;}
.prjOverView_left p:not(:last-child) {margin-bottom: 18px;}
.prjOverView_right {padding: 36px;background: #f9fafb;border-radius: 10.75px;}
.prjOverView_right h3 {font-size: 27px;margin-bottom:27px;color: #000;font-weight: 700;line-height: 1.3;}
.prjLocation li {padding-bottom: 13.5px;margin-bottom: 18px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ebe6e7;}
.prjLocation li dt {font-size: 18px;font-weight: 600;color: #000;}
.prjLocation li dd {color: #000000cc;font-size: 18px;}
.prjKey h4 {margin-bottom: 13.5px;color: #000;font-weight: 600;font-size: 18px;line-height: 1.5;}
.prjKey ul li:not(:last-child) {margin-bottom: 9px;}
.prjKey ul li {display: flex;color: #000000cc;align-items: center;font-size: 18px;}
.prjKey ul li span svg {width: 18px;height: 18px;margin-right: 9px;color: silver;}