body { color:#000; font-family:Nunito Sans; }
:root { --main-color:#c3963a; --main-color-1:#c0af6e; --main-color-2:#d4af37; }
a, i, button { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }
h1, h2, h3, h4, h5, h6 { font-family:Playfair Display; }

header { background-color:#fff; position:sticky; top:0; transition:all 500ms; z-index:111; }
header.sticky { box-shadow:0 0 4px #999; }
header .col-lg-2, header .col-lg-10, .our-sec .col-xl-5, .our-sec .col-xl-6, .CTA-sec .col-xl-6:first-child, .about-sec .dd, .vision-sec .col-lg-6, .core-sec .col-xl-5 { align-self:center; }
header .col-lg-12 { align-items:center; display:flex; justify-content:space-between; }
header .call-btn:hover, .plan-box .call-btn:hover { background-color:#fff; color:#000; }
.top-head ul { align-items:center; display:flex; flex-wrap:wrap; gap:6px 15px; }
.top-head .col-lg-10 li:first-child { border-right:2px solid #ccc; padding-right:15px; }
.top-head a { color:#000; font-size:19px; }
.top-head a img { height:25px; margin-right:6px; width:25px; }
.top-head a:hover, footer li a:hover { color:var(--main-color); }
.bottom-head, .social-icon li i:hover, .our-img a:hover, .plan-box .call-btn:hover span { background-color:#000; }
header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, header .navbar-nav .dropdown:hover .nav-link, header .navbar-nav .dropdown > .dropdown-toggle.show, header .navbar-nav .dropdown-menu li a:hover, header .navbar-nav .dropdown-toggle[aria-expanded="true"], footer li a:hover, footer h5 a:hover, .blog-list li a:hover { color:var(--main-color); }

.logo, .foot-logo { width:165px; }
.top-head { padding:8px 0 22px; }
.top-head .social-icon { gap:0 7px; justify-content:end; }
.social-icon li i { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:18px; height:34px; justify-content:center; padding:0; width:34px; }
.call-btn { background-color:var(--main-color); border:none; border-radius:30px; color:#fff; display:inline-block; font-size:19px; font-weight:600; padding:14px 35px; text-transform:capitalize; }
.call-btn:hover, .get-sec .call-btn:hover { background-color:#000; color:#fff; }

/**** Navbar CSS Start Here ****/
header .navbar, header .navbar-toggler, .copy-txt .social-icon li { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { color:#fff; font-size:17px; font-weight:500; padding:40px 12px; position:relative; }
header .dropdown-menu { border:none; border-radius:0; min-width:max-content; padding:0; }
header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:#000; display:block; font-size:14px; padding:10px 18px; }
header .dropdown-menu li:last-child a { border-bottom:none; }
/**** Navbar CSS End Here ****/

.high-txt { border:1px dashed #000; border-radius:30px; color:#031b1d; display:inline-block; font-family:Nunito Sans; font-size:17px; font-weight:600; margin:0 0 15px; padding:6px 18px; }
.high-txt img { height:29px; margin:-3px 5px 0 0; width:20px; }

.main { padding:245px 0 0; position:relative; }
.main-box { left:0; position:absolute; right:0; top:25px; }
.main::before { background-image:url(../images/pattern.webp) !important; bottom:0; content:''; height:150px; left:0; position:absolute; right:0; }
.main h1 { color:#000; font-size:68px; font-weight:700; line-height:1.1; margin:0 0 90px; text-transform:capitalize; }
.main h4 { color:#fff; font-family:Nunito Sans; font-size:18px; font-weight:normal; margin:15px 0 0; }
.main p { color:#323231; font-size:19px; font-weight:500; line-height:1.50; margin:55px 0 25px; }
.main i { color:#ffc400; font-size:20px; margin-right:4px; }
.ban-img, .abt-img { display:flex; margin-top:50px; }
.main .call-btn, .our-sec .call-btn, .why-sec .call-btn { margin:0 12px 12px 0; }
.exp-btn { border:1px solid #000; border-radius:30px; color:#000; display:inline-block; font-size:19px; font-weight:600; padding:14px 35px; text-transform:capitalize; }
.exp-btn:hover, .offer-box .call-btn:hover, .get-btn:hover { background-color:#000; color:#fff; }

.our-sec { background-image:url(../images/our-bg.webp) !important; background-position:center right; background-repeat:no-repeat; background-size:300px auto; padding:60px 0 65px; }
.our-head { color:#000; font-family:Nunito Sans; font-size:20px; font-weight:normal; margin:0; }
.our-sec h2, .property-sec h2, .why-sec h2, .step-sec h2, .facility-sec h2, .about-sec h2, .client-sec h2, .portfolio-sec h2, .how-we-sec h2, .why-choose-sec h2, .core-sec h2, .package-sec h2, .faq-sec h2 { color:#000; font-size:58px; font-weight:700; line-height:1.3; margin:10px 0 25px; text-transform:capitalize; }
.our-sec h2 em, .property-sec h2 em, .why-sec h2 em, .get-sec h2 em, .step-sec h2 em, .about-sec h2 em, .client-sec h2 em, .how-we-sec h2 em, .why-choose-sec h2 em, .core-sec h2 em, .package-sec h2 em, .faq-sec h2 em { color:var(--main-color-1); }
.our-sec p, .property-sec p, .why-sec p, .step-sec p, .facility-sec p, .vision-sec p, .about-sec p, .about-txt p, .how-we-sec p, .why-choose-sec p, .core-sec p, .package-sec p, .faq-sec p, .blog-txt p { color:#4c4c4c; font-size:18px; line-height:1.6; margin:0 0 12px; }
.our-sec ul { padding:30px 0; }
.our-sec li { align-items:center; color:#000; display:flex; font-size:16px; gap:18px; line-height:1.6; padding:0 0 18px; }
.our-sec li strong { align-items:center; background-color:#f3f3f3; border-radius:15px; display:flex; height:80px; justify-content:center; width:80px; }
.our-sec li strong img { height:50px; }
.our-sec li h3 { font-size:24px; font-weight:600; margin:0 0 7px; }
.our-sec li p { font-size:18px; margin:0; }
.lr-btn { background-color:#000; border-radius:30px; color:#fff; display:inline-block; font-size:19px; font-weight:600; padding:14px 35px; text-transform:capitalize; }
.lr-btn:hover, .copy-txt .social-icon li i:hover { background-color:var(--main-color); color:#fff; }
.our-img, .inner-banner { position:relative; }
.our-img .w-100 { border-radius:45%; }
.our-img a { align-items:center; background-color:var(--main-color); border-radius:50%; bottom:40px; display:flex; height:145px; justify-content:center; margin:0 auto; left:0; position:absolute; right:0; width:145px; }

.service-sec, .work-sec, .offer-sec { background-image:url(../images/offer-bg.webp) !important; background-position:top center; background-size:cover; padding:75px 0; text-align:center; }
.service-sec .our-head, .work-sec .our-head, .offer-sec .our-head, .CTA-sec .our-head, .vision-sec p { color:#fff; }
.service-sec .our-head img, .work-sec .our-head img, .offer-sec .our-head img, .CTA-sec .our-head img, .plan-box .call-btn:hover span img { filter:brightness(0) invert(1); }
.service-sec h2, .work-sec h2, .offer-sec h2, .CTA-sec h2 { color:#fff; font-size:55px; font-weight:700; margin:15px 0 0; text-transform:capitalize; }
.service-sec h3 { color:#000; font-size:27px; font-weight:700; line-height:1.3; margin:20px 0 0; }
.service-sec p, .work-sec p, .offer-sec p { color:#d0d0d0; font-size:18px; line-height:1.6; margin:18px 0 50px; }

.serv-box { background-color:#fff; border-radius:16px; box-shadow:0 14px 14px 0 rgba(153,153,153,0.09); padding:35px 20px; }
.serv-icon { align-items:center; background-color:var(--main-color-2); border-radius:50%; display:flex; height:130px; justify-content:center; margin:0 auto; width:130px; }
.serv-icon img { width:54px !important; }
.service-sec .owl-dots { align-items:center; display:flex; justify-content:center; margin-top:28px; gap:5px; }
.service-sec .owl-dots button { background-color:rgba(255,255,255,0.6) !important; border-radius:50%; height:12px; width:12px; }
.service-sec .owl-dots button.active { background-color:#fff !important; border-radius:30px; width:60px; }

.property-sec { padding:100px 0 70px; }
.property-sec .col-xl-4, .why-sec .col-xl-8 p, .living-sec .col-lg-4, .portfolio-sec h2, .blog-list { margin:0 0 50px; }
.property-box h3 { color:#000; font-size:25px; font-weight:600; margin:22px 0 0; text-transform:uppercase; }
.property-box h4 { color:#4c4c4c; font-family:Nunito Sans; font-size:21px; font-weight:normal; margin:16px 0; }
.property-box h5 { color:#b1b1b1; display:inline-block; font-family:Nunito Sans; font-size:20px; font-weight:normal; margin:0; }
.property-sec .nav-tabs { border-bottom:none; gap:20px; justify-content:center; margin:18px 0 35px; }
.property-sec .nav-tabs li a { background-color:#fff; border:1px solid #dbdbdb; border-radius:30px; color:#4c4c4c; display:inline-block; font-size:18px; padding:13px 25px; }
.property-sec .nav-tabs li .active { border:1px solid #fff; box-shadow:0 12px 44px 0 rgba(0,0,0,0.16); }
.property-box { background-color:#fff; border:1px solid #e5e5e5; border-radius:15px; height:100%; padding:22px; }
.property-box:hover, .why-box:hover { border:1px solid #fff; box-shadow:0 24px 58px 0 rgba(0,0,0,0.12); }
.property-box img { border-radius:8px; height:240px; }
.property-box ul { align-items:center; display:flex; flex-wrap:wrap; gap:5px; margin:0 0 15px; } 
.property-box li { background-color:#fafafa; border-radius:30px; overflow:hidden; }
.property-box li label { color:#c1c1c1; cursor:pointer; font-size:15px; padding:7px 10px; }
.property-box input[type="radio"], .com-btn input[type="radio"] { position:absolute; visibility:hidden; }
.property-box input[type=radio]:checked + label { background-color:#000; color:#fff; }
.property-box a { color:var(--main-color-2); display:inline-block; font-size:20px; font-weight:600; }
.property-box a:hover, .get-box h4 a:hover, .cont-box:hover a, .blog-list li a { color:#000; }

.work-sec h3 { background-color:var(--main-color-2); border-radius:30px; color:#fff; display:inline-block; font-family:Nunito Sans; font-size:22px; padding:9px 35px; }
.work-sec h4 { color:#fff; font-size:28px; font-weight:600; margin:35px 0 0; }
.work-sec li { padding:0 22px 75px; position:relative; }
.work-sec li span { align-items:center; background-image:url(../images/work-bg.webp) !important; background-size:100% 100%; display:flex; height:116px; justify-content:center; margin:0 auto 40px; width:120px; }
.work-sec li span img { height:62px; }
.work-sec li p { font-size:17px; font-weight:400; margin:12px 0 0; padding:0 0 40px; position:relative; }

.serv-logo { background-image:url(../images/bg.webp) !important; background-size:cover; padding:10px 0; }
.serv-logo h2 { align-items:center; color:transparent; display:flex; font-family:Anek Latin; font-size:56px; gap:10px; margin:0; text-transform:uppercase; -webkit-text-stroke:1.5px #fff; }
.serv-logo h2 img { display:unset !important; height:35px; width:35px !important; }

.why-sec { padding:100px 0; text-align:center; }
.why-sec .col-lg-6, .offer-sec .col-lg-4, .facility-sec .col-lg-3 { margin:0 0 35px; }
.why-box { background-color:#fff; border:1px solid #ddd; border-radius:12px; height:100%; padding:22px 95px 10px 22px; position:relative; text-align:left; }
.why-box span { align-items:center; background-color:var(--main-color-2); border-radius:0 12px 0 12px; display:flex; height:86px; justify-content:center; position:absolute; right:0; top:0; width:86px; }
.why-box h3, .step-sec h3 { color:#000; font-size:20px; font-weight:700; line-height:1.4; margin:0 0 12px; text-transform:uppercase; }

.offer-box { background-color:#fbfbfb; border-radius:24px; height:100%; padding:30px; text-align:left; }
.offer-box h3 { color:#0d121f; font-size:27px; font-weight:700; letter-spacing:-2%; margin:0 0 18px; }
.offer-box h3 img { height:25px; margin-right:10px; }
.offer-box p { color:#1a202c; font-size:18px; line-height:1.6; margin:0; }
/*.offer-box hr { margin:35px -30px 38px; } */
.offer-box ul { padding:18px 0; }
.offer-box li { color:#0d121f; font-size:18px; font-weight:500; padding:0 0 15px 32px; position:relative; }
.offer-box li::before { color:var(--main-color-2); content:'\f058'; font-family:FontAwesome; font-size:22px; left:0; position:absolute; top:-4px; }
.offer-box li.dd { color:#c8c8c8; }
.offer-box li.dd::before { color:#c8c8c8; content:'\f057'; }
.offer-box .call-btn { background-color:var(--main-color-2); text-align:center; width:100%; }

.CTA-sec { background-image:url(../images/CTA-bg.webp) !important; background-position:top left; background-size:cover; overflow:hidden; }
.CTA-sec .container { max-width:100%; }
.CTA-img { background-color:#fff; border-radius:50% 0 0 50%; height:750px; margin:-70px 0; overflow:hidden; }
.CTA-img img { border-radius:50% 0 0 50%; height:100%; padding:12px 0 12px 12px; }
.CTA-sec p { color:#fff; font-size:19px; line-height:1.6; margin:15px 0 0; }
.get-btn { background-color:#fff; border-radius:30px; color:#000; display:inline-block; font-size:19px; font-weight:600; margin:20px 0 0; padding:14px 35px; text-align:center; text-transform:capitalize; }

.get-sec { margin:120px 0; padding:100px 0; position:relative; }
.get-sec::before { background-image:url(../images/get-img.webp) !important; background-position:top right; background-repeat:no-repeat; background-size:cover; border-radius:0 30px 30px 0; bottom:0; content:''; left:0; position:absolute; top:0; width:40%; z-index:-1; }
.get-sec h2 { color:#000; font-size:48px; font-weight:700; line-height:1.3; margin:10px 0 25px; text-transform:capitalize; }
.get-sec p { color:#4c4c4c; font-size:20px; line-height:1.6; margin:0 0 15px; }
.get-sec .call-btn { background-color:var(--main-color-2); margin:25px 0 0; }
.get-box { background-color:var(--main-color-2); border-radius:30px; padding:45px; }
.get-box h3 { color:#fff; font-size:48px; font-weight:700; margin:0 0 30px; text-align:center; }

.in-box { margin:0 0 22px; position:relative; }
.in-box label { color:#fff; font-size:20px; margin:0 0 14px; }
.box { background-color:#fff; border:none; border-radius:30px; color:#7b7b7b; font-size:16px; outline:none; padding:10px 18px; width:100%; }
.box:focus::placeholder { color:transparent; }
.box::placeholder {  color:#7b7b7b; opacity:1; }
.get-box textarea.box { border-radius:14px; }
.get-box h4 { color:#fff; font-family:Nunito Sans; font-size:18px; font-weight:400; }
.get-box h4 a { color:#fff; text-decoration:underline; }
.get-box .get-btn { border:none; width:100%; }

footer { background-color:#000; padding:40px 0 0; }
footer h2 { color:#fff; font-size:34px; font-weight:700; margin:10px 0 22px; }
footer h5 { color:#fff; font-family:Nunito Sans; font-size:16px; margin:20px 0 15px; }
footer h5 a { color:#fff; text-decoration:underline; }
footer p { color:#fff; font-size:18px; font-weight:500; line-height:1.6; margin:25px 0 0; }
footer li { font-size:22px; padding:0 0 13px; }
footer li a { color:#fff; word-break:break-word; }

.email-box, .email-box p{ align-items:center; background-color:#fff; border-radius:50px; display:flex; margin:30px 0 0; padding:6px; }
.email-box i { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:25px; height:50px; justify-content:center; width:50px; }
.email-box .box { color:#000; font-size:17px; padding:0 12px; }
.email-box .box:focus::placeholder { color:transparent; }
.email-box .box::placeholder {  color:#000; opacity:1; }
.email-box .call-btn { padding:12px 25px; }

.cont-list li { align-items:center; display:flex; gap:15px; padding:0 0 20px; }
.cont-list p, .faq-sec .card-body p { font-size:17px; margin:0; }
.cont-list p strong, .portfolio-box:hover h3 { display:block; }
.cont-list img { filter:brightness(0) invert(1); height:48px; }
.copy-txt { background-color:#000; margin:17px 0 0; padding:10px 0; }
.copy-txt .social-icon { display:flex; gap:12px; justify-content:end; }
.copy-txt .social-icon li i { background-color:#fff; color:#000; font-size:22px; height:40px; width:40px; }
.copy-txt h6 { color:#fff; font-family:Nunito Sans; font-size:16px; margin:0; }
.copy-txt h6 img { margin-left:5px; width:160px; }
.copy-txt h6 span { padding-left:15px; }

/******************** contact-us page CSS ********************/
.inner-banner::before { background-color:rgba(0,0,0,0.5); bottom:0; content:''; left:0; position:absolute; right:0; top:0; }
.inner-banner img, .blog-sec .w-100.dd { height:400px; }
.inner-banner h1 { align-items:center; bottom:0; color:#fff; display:flex; flex-direction:column; font-size:50px; font-weight:800; justify-content:center; left:0; margin:0 12px; position:absolute; right:0; text-align:center; top:0; }

.cont-sec, .how-we-sec { padding:80px 0; }
.cont-sec .col-xl-4 { margin:0 0 30px; }
.cont-box { background-color:var(--main-color); border-radius:15px; box-shadow:0 4px 10px 4px #00000040; height:100%; padding:40px 30px; text-align:center; }
.cont-box img { height:90px; margin:0 0 28px; }
.cont-box h2 { color:#fff; font-size:20px; font-weight:bold; margin:0 0 10px; text-transform:uppercase; }
.cont-box a { color:#fff; display:block; font-size:18px; font-weight:600; word-break:break-word; }

.contact-sec { padding:0 0 90px; text-align:center; }
.contact-sec h2 { color:#1B1A1A; font-size:24px; font-weight:bold; line-height:1.4; margin:0 0 20px; text-transform:uppercase; }
.contact-sec p { color:#1B1A1A; font-size:16px; font-weight:500; margin:0 0 38px; }
.contact-sec .box { background-color:#F2F2F2; border:1px solid #F2F2F2; border-radius:14px; color:#1B1A1A; font-weight:500; padding:14px 22px; }
.contact-sec .box:focus { border:1px solid var(--main-color); }
.in-box p, .how-we-box p { margin:0; }
.contact-sec .wpcf7-response-output { margin:0 !important; }
.contact-sec .wpcf7-not-valid-tip { color:#f00; font-size:13px; text-align:left; }

/******************** services page CSS ********************/
.living-sec { background-color:var(--main-color); padding:70px 0 20px; text-align:center; }
.living-icon { align-items:center; border:2px solid #fff; border-radius:50%; display:flex; height:95px; justify-content:center; margin:0 auto; width:95px; }
.living-icon img { height:48px; }
.living-sec h2 { color:#fff; font-size:22px; line-height:1.45; margin:24px 0 15px; text-transform:uppercase; }
.living-sec p { color:#fff; font-size:16px; line-height:1.6; margin:0; }

.portfolio-sec, .step-sec, .facility-sec, .blog-sec, .core-sec, .faq-sec { padding:80px 0 56px; }
.portfolio-sec .col-xl-4, .blog-sec .col-lg-6, .core-sec .col-xl-7 .col-lg-6, .package-sec .col-lg-4 { margin:0 0 24px; }
.portfolio-box, .blog-box { border-radius:16px; cursor:pointer; overflow:hidden; position:relative; }
.portfolio-box::before, .blog-box::before { background:linear-gradient(180deg, rgba(34,35,40,0) 0%, #222328 100%); bottom:0; content:''; height:30%; left:0; position:absolute; right:0; transition:all ease 0.5s; z-index:1; -webkit-transition:all ease 0.5s; }
.portfolio-box:hover::before, .how-we-img .w-100 { height:100%; }
.portfolio-box img, .blog-box img { height:100%; transition:all 0.7s ease; -webkit-transition:all 0.7s ease; }
.portfolio-box:hover img, .blog-box:hover img { transform:scale(1.08); -webkit-transform:scale(1.08); }
.portfolio-txt { bottom:25px; left:25px; position:absolute; right:25px; text-align:center; transition:all ease .9s; z-index:1; }
.portfolio-box:hover .portfolio-txt { align-items:center; display:flex; justify-content:center; top:25px; transition:all ease .9s; }
.portfolio-txt h3 { color:#fff; display:none; font-family:Nunito Sans; font-size:16px; font-weight:normal; margin:0; transition:all ease .9s; }
.portfolio-txt h4 { color:#fff; font-family:Nunito Sans; font-size:20px; font-weight:700; margin:0; }
.portfolio-box:hover h4 { display:none; }

.step-sec li { border-bottom:1px solid #E8E8E8; display:flex; gap:22px; margin:0 0 24px; padding:0 0 10px; }
.step-sec li:last-child { border:none; padding:0; margin:0; }
.step-sec li span { color:var(--main-color); font-size:45px; font-weight:800; line-height:1; }
.step-sec .w-100 { height:235px; margin:15px 0 35px; }

/******************** about-us page CSS ********************/
.facility-sec .col-lg-12, .portfolio-sec h2, .why-choose-sec { text-align:center; }
.facility-sec .col-lg-3 img { height:75px; }
.facility-sec h3 { color:#000; font-family:Nunito Sans; font-size:24px; font-weight:700; margin:24px 0 10px; }
.facility-sec p { font-size:16px; margin:0; }

.about-sec { background-color:#f7f2ed; padding:80px 0 0; }
.about-sec h2 { font-size:37px; }
.about-txt { background-color:#f7f2ed; padding:0 0 70px; }
.about-txt p b { display:block; padding:0 0 5px; }

.vision-sec { background-color:#000; padding:60px 0; }
.vision-sec .w-100 { margin:20px 0; }
.vision-sec h2 { color:#fff; font-size:35px; font-weight:700; margin:0 0 18px; }

.client-sec { padding:80px 0; text-align:center; }
.client-sec .owl-stage { display:flex; padding:55px 0; }
.client-box { background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); height:100%; padding:35px 18px; position:relative; text-align:left; }
.client-box::before { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; content:'\f10d'; display:flex; font-family:fontAwesome; font-size:30px; height:60px; justify-content:center; position:absolute; right:30px; top:-30px; width:60px; }
.client-box i { color:var(--main-color); font-size:18px; margin:0 5px 0 0; }
.client-sec h4 { color:var(--main-color); font-size:20px; font-weight:700; margin:15px 0 0; }
.client-sec p { color:#4c4c4c; font-size:16px; line-height:1.7; margin:10px 0 0; }
.client-sec .owl-nav button { background-color:var(--main-color) !important; border-radius:18px 0 18px 0; color:#fff !important; height:50px; margin:0 2px; width:50px; }
.client-sec .owl-nav button:hover { background-color:var(--main-color-1) !important; }
.client-sec .owl-nav button span { font-size:40px; font-weight:600; line-height:0.65; }
.client-sec .owl-nav .owl-next { border-radius:0 18px 0 18px; }

/******************** blog page CSS ********************/
.blog-box::before { background:linear-gradient(180deg, rgba(34,35,40,0) 0%, var(--main-color) 100%); height:55%; }
.blog-box h2 { bottom:45px; color:#fff; font-family:Nunito Sans; font-size:20px; font-weight:700; left:30px; line-height:1.6; margin:0; position:absolute; right:30px; z-index:1; }
.blog-box h3 { background-color:rgba(0, 0, 0, 0.15); border-radius:4px; color:#fff; font-family:Nunito Sans; font-size:18px; margin:0; padding:10px 16px; position:absolute; right:20px; text-align:center; top:20px; z-index:1; }
.blog-box h3 strong { display:block; font-size:32px; font-weight:600; }
.blog-sec h4 { color:var(--main-color); font-size:28px;	font-weight:600; margin:0 0 20px; }
.blog-sec h5 { color:var(--main-color-1); font-family:Nunito Sans; font-size:15px; letter-spacing:0.5px; margin:0; }

.blog-list li { align-items:center; border-bottom:1px solid #eee; display:flex; gap:18px; padding:22px 0; }
.blog-list.dd li { padding:12px 0; }
.blog-list li:last-child { border-bottom:none; padding-bottom:0; }
.blog-list li a img { height:90px; width:90px; }
.blog-list li p { display:-webkit-box; margin:8px 0 0; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.blog-txt { background-color:#f5f1da; margin:0 0 20px; padding:20px 30px 15px; }
.blog-txt h2 { color:#000; font-size:28px; font-weight:700; line-height:1.35; margin:0 0 12px; }

/******************** why-choose-us page CSS ********************/
.how-we-sec h2, .faq-sec h2 { font-size:50px; }
.how-we-main { border:1px solid #eee; display:flex; flex-wrap:wrap; margin:30px 0 0; }
.how-we-box { background-color:#f5f1da; padding:36px; width:50%; }
.how-we-box img { height:65px; }
.how-we-box h3 { color:#000; font-family:Nunito Sans; font-size:25px; font-weight:800; margin:18px 0 10px; }

.how-we-img { height:94%; padding:60px 60px 0; position:relative; }
.how-we-img::before { background-color:var(--main-color-1); bottom:60px; content:''; position:absolute; right:0; top:0; width:300px; z-index:-1; }
.how-we-img img:nth-child(2) { bottom:-50px; height:165px; left:20px; position:absolute; }

.why-choose-sec { background-image:url(../images/why-choose-bg.webp) !important; background-position:bottom center; background-repeat:no-repeat; background-size:contain; padding:80px 0 0; }
.why-choose-sec h2 { margin:10px 0 50px; }
.why-choose-sec h3 { color:#000; font-family:Nunito Sans; font-size:20px; font-weight:800; line-height:1.35; margin:0 0 5px; }
.why-choose-sec li { align-items:start; display:flex; gap:25px; padding:0 0 22px; text-align:left; }
.why-choose-sec li img { object-fit:contain; width:55px; }
.why-choose-sec li p { font-size:16px; margin:0; }

.core-box { background-image:url(../images/core-img.webp) !important; background-position:top left; background-size:cover; height:100%; padding:30px; position:relative; z-index:0; }
.core-sec .col-lg-6:nth-child(2) .core-box { background-image:url(../images/core-img1.webp) !important; }
.core-sec .col-lg-6:nth-child(3) .core-box { background-image:url(../images/core-img2.webp) !important; }
.core-sec .col-lg-6:nth-child(4) .core-box { background-image:url(../images/core-img3.webp) !important; }
.core-box::before { background-color:#000; bottom:0; content:''; left:0; position:absolute; right:0; top:0; transition:all ease 0.5s; z-index:-1; }
.core-box:hover::before { background-color:rgba(0,0,0,0.5); }
.core-box img { height:70px; }
.core-box h3 { color:#fff; font-family:Nunito Sans; font-size:24px; font-weight:800; margin:22px 0 8px; }
.core-box p { color:#fff; font-size:18px; line-height:1.7; margin:0; }

/******************** package page CSS ********************/
.package-sec { padding:80px 0 0; }
.package-sec p { padding-bottom:60px; }
.package-box { background-color:#000; border-radius:18px; height:100%; padding:20px; }
.package-box h4 { color:#fff; font-family:Nunito Sans; font-size:19px; font-weight:700; line-height:1.3; margin:0; text-align:left; }
.plan-box { border:1px solid #222; border-radius:18px; padding:40px; text-align:center; }
.plan-box:nth-child(2) { background-color:#111; margin:20px 0 0; }
.plan-box h3 { align-items:center; color:var(--main-color); display:flex; font-size:25px; font-weight:700; gap:12px; margin:0 0 16px; text-align:left; }
.plan-box h3 img { width:22px; }
.plan-box p { color:#fff; padding:0 0 22px; }
.plan-box ul { border-bottom:1px solid #222; margin:0 0 28px; padding:20px 0 13px; text-align:left; }
.package-box li { color:#fff; font-size:17px; line-height:1.6; padding:0 0 9px 27px; position:relative; }
.package-box li::before { background-image:url(../images/check.webp) !important; background-size:100% 100%; content:''; height:15px; left:0; position:absolute; top:5px; width:14px; }
.plan-box .call-btn { font-size:17px; padding:5px 6px 5px 25px; }
.plan-box .call-btn span { background-color:#fff; border-radius:50%; display:inline-block; height:40px; margin-left:5px; padding:7px 0 0; width:40px; }
.plan-box .call-btn img { height:12px; }

.faq-sec .card { border:1px solid var(--main-color); border-radius:25px; margin:0 0 22px; padding:11px 50px 11px 20px; }
.faq-sec .card-header { background-color:transparent; border:none; border-radius:0; font-size:20px; font-weight:700; padding:0; }
.faq-sec .card-header a { color:var(--main-color-2); display:block; }
.faq-sec .card-header a::after { align-items:center; background-color:var(--main-color-1); border-radius:50%; bottom:0; color:#fff; content:"\+"; display:flex; font-size:25px; height:32px; justify-content:center; margin:auto 0; padding-bottom:2px; position:absolute; right:15px; top:0; width:32px; }
.faq-sec .card-header a[aria-expanded="true"]::after { background-color:#000; color:#fff; content:"\×"; }
.faq-sec .card-body { padding:8px 0 0; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
.top-head, header .call-btn.dd, .ban-img { display:none; }
.logo { width:125px; }
.social-icon { margin-top:12px; }
header .call-btn { font-size:16px; margin:30px 0 0 15px; padding:10px 25px; }
.main { padding:450px 0 0; }
.main h1 { font-size:45px; margin:0 0 40px; }
.main p { font-size:17px; margin:25px 0; }
.call-btn, .exp-btn, .lr-btn { font-size:17px; padding:8px 20px; }
.our-sec h2, .property-sec h2, .why-sec h2, .inner-banner h1, .step-sec h2, .facility-sec h2, .client-sec h2, .portfolio-sec h2, .why-choose-sec h2, .core-sec h2, .package-sec h2, .faq-sec h2 { font-size:40px; }
.our-sec li { align-items:start; flex-direction:column; gap:10px; }
.our-img a { height:90px; width:90px; }
.our-img a img { height:30px; }
.service-sec h2, .work-sec h2, .offer-sec h2, .CTA-sec h2, .get-sec h2, .get-box h3, .about-sec h2 { font-size:35px; }
.property-sec .nav-tabs { gap:8px; margin:15px 0 28px; }
.property-sec .nav-tabs li a { font-size:15px; padding:7px 15px; }
.serv-logo h2 { font-size:58px; }
.CTA-img img { height:320px !important; }
.get-sec::before { height:1020px !important; }
.get-box { padding:25px; }
footer h2, .blog-txt h2 { font-size:26px; }
footer li { font-size:18px; }
.inner-banner img, .blog-sec .w-100.dd { height:340px; }
.step-sec li span, .how-we-sec h2 { font-size:32px; line-height:1.2; }
.about-sec .col-md-6 { width:50%; }
.abt-img { margin-top:35px; }
.how-we-box { width:100%; }
.how-we-box:nth-child(2n+2) { background-color:#fff; }
.how-we-img { height:auto; margin:35px 15px 35px 0; padding:30px 30px 0; }
.how-we-img img:nth-child(2) { height:140px; left:10px; }
}

@media (min-width:320px) and (max-width:991.98px){
.mob-logo { margin:20px auto; width:150px; }
.mob-logo img { width:100%; }
.bottom-head { padding:10px 0; }
header .navbar-expand-md, .why-choose-sec .col-lg-4:nth-child(2) { order:3; }	
header .navbar-collapse { background-color:#000; box-shadow:0 0 5px #999; height:100%; left:-15px; overflow-y:auto; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:280px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { left:0; transform:translateX(0); -webkit-transform:translateX(0); } 
header .navbar-nav { display:block; padding:0 15px; }
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-toggler .icon-bar { background-color:#fff; display:block; height:3px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:9px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link { align-items:center; display:flex; font-size:16px; justify-content:space-between; }
header .navbar-expand-md .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; margin:0; padding:10px 0; }
header .dropdown-toggle { color:var(--main-color-1); cursor:pointer; font-size:16px; height:43px; padding:15px 0; position:absolute; right:0; text-align:right; top:0; width:30px; z-index:1; }
header .dropdown-toggle::after { display:none; }
header .dropdown-menu {	background-color:transparent; padding-left:10px; }
.main h4 { color:#000; }
.our-img .w-100, .about-sec .our-head { margin-top:30px; }
.work-sec { padding:75px 0 15px; }
.work-sec li { padding:0 0 40px; }
.work-sec li p, .CTA-sec .col-xl-6:last-child { padding:0; }
.CTA-sec { padding:60px 0 0; }
.CTA-img { border-radius:50% 50% 0 0; height:auto; margin:35px -100px 0; }
.CTA-img img { border-radius:50% 50% 0 0; height:450px; padding:12px 12px 0 12px; }
.get-sec { margin:80px 0 15px; padding:75px 0; }
.get-sec .our-head { margin:120px 0 0; }
.get-sec::before { height:840px; width:70%; }
.copy-txt { text-align:center; }
.copy-txt .social-icon { justify-content:center; padding:12px 0 0; }
.blog-sec .col-lg-4 { padding-top:35px; }
.why-choose-sec .w-100 { width:300px !important; }
.core-sec .col-xl-5, .package-sec p, .faq-sec .col-xl-4 { padding-bottom:30px; }
.plan-box { padding:20px; }
}

@media (min-width:480px) and (max-width:767.98px){
footer .col-xl-3 { width:50%; }
}

@media (min-width:768px){
header.sticky { top:-64px; }	
header .navbar-expand-md .navbar-collapse .call-btn, .work-sec li:last-child::before { display:none; }
.main h1 { background-image:url(../images/arrow.svg) !important; background-position:top right; background-repeat:no-repeat; }
.how-we-box:nth-child(2), .how-we-box:nth-child(3) { background-color:#fff; }
.page-id-538 .property-box { max-height:500px; overflow-y:scroll; }	
}

@media (min-width:768px) and (max-width:991.98px){	
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
header .navbar-expand-md .navbar-toggler { padding:0 0 0 25px; }
.call-btn.dd { margin-left:auto; padding:8px 25px; }
.main { padding:700px 0 0; }
.main h1 { font-size:75px; margin:0 0 40px; }
.main p { margin:25px 0; }
.our-sec .col-xl-5 { margin:0 auto; }
.work-sec ul { display:flex; flex-wrap:wrap; }
.work-sec li { width:50%; }
footer h2 { margin:28px 0 22px; }
.step-sec .w-100 { height:350px; }
.how-we-img { height:auto; margin:50px 0; }
}

@media (min-width:992px){	
header .navbar-collapse { justify-content:end; }
header .collapse ul li:hover > .dropdown-menu { background-color:#fff; border-top:3px solid var(--main-color-1); box-shadow:0 0 2px #333; display:block; }
header .collapse ul ul { border-top:2px solid var(--main-color-1); box-shadow:0 0 2px #333; left:18px; }
header .navbar-nav .dropdown-menu li a:hover { background-color:var(--main-color); color:#fff; }
header .dropdown-menu .dropdown .dropdown-menu { left:100%; margin-left:2px; top:0; }
header .navbar-nav .dropdown .dropdown-toggle::after, .mob-logo { display:none; }
header .navbar .dropdown i { color:#000; font-size:16px; position:absolute; right:3px; top:33px; transition:none; -webkit-transition:none; }
header .navbar .dropdown:hover i { color:var(--main-color); }
.ban-img { margin-left:auto; margin-top:110px; }
.our-sec .container { max-width:100%; }
.property-sec p { margin-top:45px; }
.work-sec ul { display:flex; position:relative; }
.work-sec ul::before { border-top:3px solid #fff; content:''; left:150px; position:absolute; right:150px; top:100px; transform:rotate(6deg); }
.work-sec li { width:25%; }
.work-sec li::before { background-color:#fff; border-radius:20px; content:''; height:33px; position:absolute; right:0; top:50px; width:15px; }
.work-sec li:nth-child(2) { margin-top:30px; }
.work-sec li:nth-child(2)::before { top:54px; }
.work-sec li:nth-child(3) { margin-top:60px; }
.work-sec li:nth-child(3)::before { top:58px; }
.work-sec li:nth-child(4) { margin-top:90px; }
.work-sec li::after { background-color:rgba(170,170,170,0.33); bottom:0; content:''; left:40px; position:absolute; right:40px; top:383px; }
.work-sec li:last-child::after { top:410px; }
.work-sec li p::before { background-color:#d8d8d8; border-radius:30px; bottom:0; content:''; height:23px; left:10px; position:absolute; right:10px; }
.CTA-sec .col-xl-6:last-child { padding-right:0; }
.get-sec .col-lg-6:last-child { align-self:center; }
.vision-sec .col-lg-6:nth-child(3) { order:4; }
.why-choose-sec li:last-child { padding-bottom:0; }
.cont-sec .row { justify-content:center; }
.why-choose-sec .col-lg-4:nth-child(2n+1) { padding-bottom:45px; }
.why-choose-sec .col-lg-4:nth-child(2) { align-self:end; }
}

@media (min-width:992px) and (max-width:1199.98px){
header .navbar-expand-md .navbar-nav .nav-link { font-size:16px; padding:40px 8px; }
header .call-btn { font-size:15px; padding:8px 15px; }
.main { padding:250px 0 0; }
.main h1 { background-size:65px auto; font-size:70px; }
.our-sec h2, .offer-sec h2, .core-sec h2 { font-size:50px; }
.property-sec .nav-tabs li a { font-size:16px; padding:10px 20px; }
.work-sec li { padding:0 0 75px; }
.work-sec li::before { top:60px; }
.work-sec li:nth-child(3)::before { top:48px; }
.work-sec li::after { left:17px; right:17px; }
.work-sec li:last-child::after { top:471px; }
.offer-box h3 { font-size:24px; }
.CTA-img { height:850px; }
.get-box { padding:25px; }
.get-sec h2, .get-box h3, .how-we-sec h2 { font-size:38px; }
.about-sec .w-100 { height:420px; }
.how-we-box, .plan-box { padding:22px; }
.how-we-img { padding:25px 25px 0; }
.how-we-img::before { bottom:25px; }
.how-we-img img:nth-child(2) { height:120px; left:0; }
.faq-sec h2 { font-size:43px; }
}

@media (min-width:1200px){ 
.CTA-sec { padding-left:80px; }
.get-sec .dd, .step-sec .col-lg-6:last-child, .about-sec .dd, .blog-sec .col-lg-4 { padding-left:50px; }
}

@media (min-width:1200px) and (max-width:1399.98px){
.main { padding:300px 0 0; }
.main h1 { background-size:65px auto; font-size:85px; }
.property-sec h2 { font-size:54px; }
.property-box li label { font-size:16px; padding:7px 20px; }
.work-sec li { padding:0 0 75px; }
.work-sec li::after { left:17px; right:17px; }
.CTA-img { height:800px; }
.get-sec h2 { font-size:50px; }
.step-sec .w-100 { height:350px; }
.how-we-sec h2, .faq-sec h2 { font-size:45px; }
.plan-box { padding:30px; }
}