/*
Theme Name: socialmedispa
Theme URI: https://socialmedispa.com
Author: socialmedispa team
Version: 1.0
Text Domain: socialmedispa
*/



/* ==== Site Name: index  ====

PAGE BLOCKS:-

    01 - GENERAL STYLES
    02 - GLOBAL STYLES
    03 - GLOBLE-BLOCKS
    04 - HEADER
    05 - FOOTER
    06 - BANNER


*/

/* ===== GENERAL STYLES  ====== */
body { width:100%; height:100%;	margin:0; padding:0; color:#1f3036; font-size: 16px; font-weight: 300; background-color: #fff; font-family: "Inter", sans-serif; overflow-x:hidden; }
ul { padding:0;	margin:0px;}
li { list-style:none; }
a {color:#1f3036; text-decoration:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; color:inherit; }
a:hover, 
a:focus { text-decoration:inherit; outline:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a img { border:none; transition: all 0.3s ease 0s; }
img {max-width:100%;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #000000; font-weight: 700; }
h1 { font-size: 60px; line-height: 72px; color: #ffffff; font-weight: 400; }
h2 { font-size: 48px; line-height: 54px; font-weight:700; color:#000000; }
h3 { font-size: 28px; line-height: 35px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 22px; line-height: 25px; color: #000000; }
p { margin: 0 0 15px; font-size: 18px; line-height: 26px; color: #696969; font-weight: 400; }
body.overflow-y { overflow-y:hidden; }
section { padding: 60px 0; }
.container-fluid { max-width: 1530px; padding: 0 15px; }    
.container-sm { max-width:1230px; }

/*======= GLOBAL-STYLES ==========*/
/* .btn { font-size: 20px; font-weight: 700; color: #ffffff; border: 2px solid #ff9a18; background-color: #ff9a18; padding: 14px 19px 13px; line-height: inherit; text-transform: capitalize; border-radius: 0; }
.btn:hover { background-color: transparent; color: #ff9a18; border-color: #ff9a18; }
.btn i { font-size: 24px; display: inline-block; line-height: 15px; margin-left: 9px; position: relative; top: 2px; } */
.btn { display: inline-block; font-size: 20px; font-weight: 700; color: #fff; border: 2px solid #ff9a18; background: transparent; padding: 13px 27px; text-transform: none; position: relative; overflow: hidden; transition: color 0.4s ease; z-index: 1; border-radius: 3px; }
.btn::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #ff9a18; transition: right 0.4s ease; z-index: -1; }
.btn i { font-size: 24px; line-height: 20px; display: inline-block; margin-left: 19px; position: relative; vertical-align: middle; transition: transform 0.4s ease; transform: rotatez(-40deg); }
.btn:hover { color: #ff9a18; border-color: #ff9a18; }
.btn:hover::before { right: 100%; }
.btn:hover i { transform: rotate(0) scale(1.05); }


ul { margin-bottom:15px; }
ul li { font-size: 18px; font-weight: 400; color: #696969; line-height: 24px; position: relative; padding: 0 0 11px 17px; }
ul li:before { content:"\f105"; position:absolute; font-family:fontawesome; font-size:18px; color:#696969; top:0; left:0; } 

.social-icons li { font-size: 16px; font-weight: 400; color: #fff; }
.social-icons li a { display: flex; align-items: center; column-gap: 15px; }
.social-icons li a i { border: 1px solid #fff; border-radius: 6px; width: 30px; height: 30px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 18px; }


/*======= GLOBAL-BLOCKS ==========*/


/*======= HEADER ==========*/
.mobile-toggle{ display: none; }
header { position:absolute; width:100%; left:0; top:0; z-index:9; padding:18px 0; /*background-image: url(images/header-bg.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100%;*/ }
header::before { content: ""; position: absolute; top: 0; left: 0; background-image: url(images/header-bg.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; height: 166px; width: 100%; z-index: -1;; }
header .container-fluid { column-gap: 20px; }
header .logo { margin:0; }
header .navbar-nav { /*padding: 0;*/ flex-direction: inherit; column-gap: 72px; }
header .navbar-nav li { padding: 0; font-size: 18px; font-weight: 400; color: #ffffff; }
header .navbar-nav li a { color: #ffffff; transition: color 0.3s ease, transform 0.3s ease; }
header .navbar-nav li.active a,
header .navbar-nav li a:hover { color: #ff9a18; transform: translateY(-3px); }
header .navbar-nav li::before { display: none; }
header .header-btn { font-size: 20px; font-weight: 700; color: #fff; border: 2px solid #fff; padding: 13px 18px; position: relative; overflow: hidden; transition: color 0.3s ease; z-index: 1; display: inline-block; }
header .header-btn::after { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #fff; transition: width 0.4s ease;   z-index: -1; }
header .header-btn:hover::after { width: 100%; }
header .header-btn:hover { color: #000; }

/*======= FOOTER ==========*/
footer { background-color: #001b38; padding: 78px 0 0; }
footer .logo { margin-bottom: 0; }
footer .container { max-width: 1200px; }
footer .container h2 { font-size: 34px; font-weight: 700; color: #ffffff; line-height: 40px; margin-bottom: 0; letter-spacing: 0.5px; }
footer .container h2 strong { color: #ff9a18; font-weight: 700; }
footer .subscribe-block { max-width: 800px; column-gap: 39px; }
footer .subscribe-block form { max-width: 420px; width: 100%; column-gap: 7px; display: flex; }
footer .subscribe-block form .form-control, .tnp-subscription input[type=email] { background-color: #fff !important; font-size: 18px !important; font-weight: 400; color: #333333 !important; height: 56px; border-radius: 6px; border: 0 !important; padding-left: 19px !important; }
footer .subscribe-block form .form-control:focus { box-shadow: none; border-color: transparent; }
footer .subscribe-block form .form-control::-webkit-input-placeholder { color: #333333; }
footer .subscribe-block form .form-control::-moz-placeholder { color: #333333; }
footer .subscribe-block form .form-control:-ms-input-placeholder { color: #333333; }
footer .subscribe-block form .form-control:-moz-placeholder { color: #333333; }
footer .subscribe-block form button { border: 0; background-color: #ff9a18; flex: 0 0 59px; color: #fff; font-size: 25px; border-radius: 6px; }
.tnp .tnp-field-email label { display: none; }
.tnp .tnp-field input[type="submit"] {  background-image: url(http://localhost/socialmedispa/wp-content/uploads/2026/04/arrow.png); background-size: 44px; background-position: center; background-repeat: no-repeat;  }
.tnp .tnp-field input[type="submit"] {  border: 0;  background-color: #ff9a18;  flex: 0 0 59px;  color: #fff;  font-size: 0;  width: 56px;  height: 56px;  border-radius: 8px; }


footer .copy-rights p a,
footer a:hover { color: #ff9a18; }
footer .max-menu { border-top: 1px solid #f7fbfc; border-bottom: 1px solid #f7fbfc; margin-top: 72px; padding-top: 57px; padding-bottom: 44px; }
footer .max-menu .row { max-width: 1200px; width: 100%; margin: 0 auto; }
footer p { color: #fff; font-size: 16px; line-height: 24px; }
footer .visit-us p { max-width: 180px; width: 100%; }
footer .visit-us { padding-top: 25px; }
footer .max-menu h4 { color: #fff; font-weight: 400; margin-bottom: 13px; }
footer .max-menu h5 { font-size: 18px; font-weight: 700; color: #ffffff; line-height: 24px; text-transform: uppercase; position: relative; letter-spacing: 1px; }
footer .max-menu h5::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 48px; height: 3px; background-color: #ff9a18; }
footer ul li { font-size: 16px; font-weight: 400; color: #fff; line-height: 22px; padding-left: 0; padding-bottom: 16px; }
footer ul li::before { display: none; }

footer .copy-rights { padding-top: 15px; padding-bottom: 15px; }
footer .copy-rights ul { column-gap: 30px; margin-bottom: 0; }
footer .copy-rights ul li { padding-bottom: 0; }
footer .copy-rights ul li::before { content: ""; width: 2px; height: 20px; display: block; background-color: #fff; right: -16px; left: inherit; }
footer .copy-rights ul li:last-child::before { display: none; }
footer .copy-rights p { margin-bottom: 0; }


/*======= BANNER ==========*/
/* .banner { padding: 0; position:relative; background-color:#fff; }
.banner .item { min-height: 960px; background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: relative; z-index:0; }
.banner .owl-carousel { display:block; }
.banner .content-min { position: absolute; top: 56%; transform: translateY(-44%); max-width: 1530px; width: 100%; padding:0 15px; left: 0; right: 0; margin:0 auto; }
.banner .content { max-width: 750px; width: 100%;; }
.banner h1 { margin-bottom: 4px; }
.banner h1 strong { font-weight: 800; }
.banner p { font-size: 22px; font-weight: 400; color: #ffffff; line-height: 30px; max-width: 685px; width: 100%; margin-bottom: 28px; } */

.banner { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.banner .banner-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }

/*-- ===== DIGITAL-SERVICES ====== --*/
.digital-services { padding: 116px 0 121px; }
.digital-services h2 { max-width: 1200px; width: 100%; margin: 0 auto 31px; }
.digital-services .services { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 26px; }
.digital-services .service { background-color: #f5f9fc; padding: 30px 21px 32px 21px; border-radius: 16px; flex: 0 0 calc(50% - 9px); transition: ease 0.5s; }
.digital-services .service .title-blck { margin-bottom: 20px; padding-right: 70px; position: relative; }
.digital-services .service figure { margin-bottom: 0; overflow: hidden; }
.digital-services .service figure img { width: 100%; transition: ease 0.3s; }
.digital-services .service:hover figure img { transform: scale(1.1); transition: ease 0.3s; }
.digital-services .service:hover { background-color: #ff9a18; transform: translateY(-5px); transition: ease 0.5s; }
.digital-services .service h3 { font-size: 26px; line-height: 32px; border-bottom: 1px solid #000; padding-bottom: 12px; margin-bottom: 0; }
.digital-services .service p { margin-bottom: 29px; }
.digital-services .service:hover p { color: #000; }
.digital-services .service .circle-btn { font-size: 27px; font-weight: 700; background-color: #f7f8fd; width: 53px; height: 53px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ff9a18; position: absolute; top: 0; right: 0; opacity: 0; transition: ease 0.5s;  }
.digital-services .service:hover .circle-btn { opacity: 1; transition: ease 0.5s; }

/*======= ABOUT-SECTION ==========*/
.about-section { background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; padding: 127px 0 120px; }
.about-section .container { max-width: 1050px; }
.about-section h5 { color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.about-section h2 { color: #fff; margin-bottom: 13px; }
.about-section p { color: #fff; margin-bottom: 20px; }

/*======= ABOUT-SECTION ==========*/
.services-section { padding: 113px 0 125px; }
.services-section h2 { max-width: 1200px; width: 100%; margin: 0 auto 23px; }
.service-box { display: flex; align-items: center; flex-direction: row-reverse; background-color: #f7fafd; border-radius: 16px; padding: 22px 27px 22px 35px; margin-bottom: 32px;; }
.service-box figure { flex: 0 0 50%; margin: 0; padding-left: 63px; border-radius: 3px; }
.service-box figure img { width: 100%; border-radius: 3px; }
.service-box .content { flex: 0 0 50%; padding-right: 110px; }
.service-box h3 { margin-bottom: 12px; }
.service-box h5 { font-weight: 400; margin-bottom: 10px; }
.service-box p { margin-bottom: 23px; }
.service-box ul { margin-bottom: 22px; }
.service-box ul li { padding: 0 0 5px 30px; }
.service-box ul li:before { content: "\eb80"; font-family: 'remixicon'; }
.service-box ul li strong { font-weight: 600; }
.service-box .btn { padding: 13px 55px; }
.service-box:nth-child(even) { flex-direction: inherit; }
.service-box:nth-child(even) figure { padding: 0 63px 0 0; }
.service-box:nth-child(even) .content { padding: 0 20px 0 65px; }

/*======= MEDI-SPA ==========*/
.medi-spa { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 73px 0 78px; }
.medi-spa .content { max-width: 800px; width: 100%; }
.medi-spa h2 { color: #ffffff; margin-bottom: 15px; }
.medi-spa p { color: #ffffff; margin-bottom: 25px; }

/*======= HOW-WE-WORK ==========*/
.how-we-work { padding: 116px 0 125px; }
.how-we-work h2 { margin-bottom: 9px; }
.how-we-work .services { padding-top: 15px; }
.how-we-work .service-box { padding: 0; margin: 0; }
.how-we-work .service-box:nth-child(odd) { flex-direction: inherit; }
.how-we-work .service-box:nth-child(even) { flex-direction: row-reverse; }
.how-we-work .service-box figure { padding: 0; }
.how-we-work .service-box .content { padding: 10px 15px; max-width: 440px; width: 100%; margin: 0 auto; position: relative; text-align: left; }
.how-we-work .service-box h2 { position: absolute; font-size: 110px; color: #c6c8ca; bottom: -9px; right: -16px; z-index: 1; }
.how-we-work .service-box h3 { margin-bottom: 4px; }
.how-we-work .service-box h5 { margin-bottom: 15px; }
.how-we-work .service-box ul { margin-bottom: 11px; }

/*-- ===== EXPERTISE-RESULTS ====== --*/
.expertise-results { background-color: #f5f9fc; padding: 117px 0 121px; }
/* .expertise-results .owl-carousel .item { padding: 0 10px; } */
.expertise-results h2 { margin-bottom: 6px; }
.expertise-results p { font-size: 20px; line-height: 28px; margin-bottom: 23px; }
.expertise-results .item figure { margin: 0; }
.expertise-results .item figure img { width: 100%; object-fit: cover; }
.expertise-results .owl-carousel .owl-dots { text-align: center; padding-top: 14px; }
.expertise-results .owl-carousel .owl-dots .owl-dot { width: 11px; height: 11px; background-color: #696969; border-radius: 50%; margin: 0 6px; }
.expertise-results .owl-carousel .owl-dots .owl-dot.active { background-color: #000000; }
.expertise-results .owl-carousel .owl-stage { transition-timing-function: linear !important; }


/*-- ===== TRUSTED-SECTION ====== --*/
.trusted-section { padding: 120px 0 98px; }
.trusted-section h2 { margin-bottom: 15px; }
.trusted-section p { margin-bottom: 19px; font-size: 20px; line-height: 28px; }
.trusted-section .marquee-wrapper { overflow: hidden; position: relative; width: 100%; }
.trusted-section .marquee-content { display: flex; animation: scroll 25s linear infinite; width: fit-content; column-gap: 50px; }
  @keyframes scroll {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(-50%);
      }
  }
.trusted-section .marquee-wrapper:hover .marquee-content { animation-play-state: paused; }
.trusted-section .logo-card { display: flex; align-items: center; justify-content: center; min-width: 265px; height: 80px; padding: 0 20px; transition: all 0.3s ease; position: relative; overflow: hidden; }
.trusted-section .logo-card img { max-height: 80px; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.trusted-section .logo-card:hover::before { opacity: 1; }
.trusted-section .logo-card:hover { transform: translateY(-5px) scale(1.05); }
.trusted-section .middle-block { max-width: 1200px;  margin: 14px auto; }


/*-- ===== TESTIMONIALS ====== --*/
.testimonials { padding: 116px 0 121px; }
.testimonials .container-sm { max-width: 800px; }
.testimonials .container-fluid { max-width: 1690px; }
.testimonials h2 { margin-bottom: 7px; }
.testimonials .container-sm p { font-size: 20px; line-height: 28px; }
.testimonials .testimonial { background-image: url(images/testimonials-bg.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; margin: 10px 16px; padding: 35px 20px 38px; border-radius: 6px; transition: ease 0.3s; }
.testimonials .testimonial:hover { box-shadow: 0px 0px 8px rgba(33, 30, 28, 0.1); transition: ease 0.3s; }
.testimonials .testimonial .top-block { column-gap: 13px; margin-bottom: 17px; }
.testimonials .testimonial figure { flex: 0 0 61px; height: 61px; border-radius: 50%; margin-bottom: 0; }
.testimonials .testimonial figure img { width: 100%; border-radius: 50%; }
.testimonials .testimonial h5 { font-size: 20px; line-height: 27px; margin-bottom: 0; }
.testimonials .testimonial p { margin-bottom: 0; }
.testimonials .testimonial .rateing { color: #ff961b; column-gap: 5px; font-size: 18px; line-height: 22px; margin-bottom: 6px; }
.testimonials .owl-carousel { padding: 0 68px; }
.testimonials .owl-carousel .owl-dots,
.testimonials .owl-carousel .owl-nav { display: block; }
.testimonials .owl-carousel .owl-nav button { font-size: 0; position: absolute; width: 59px; height: 59px; background-color: #f7f7f7; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0; }
.testimonials .owl-carousel .owl-nav button:before { content: "\EA64"; position: absolute; left: 0; font-family: remixicon; color: #000; font-size: 22px; right: 0; margin: 0 auto; top: 47%; transform: translateY(-53%); font-weight: 700; }
.testimonials .owl-carousel .owl-nav .owl-next { right: 0; left: inherit; }
.testimonials .owl-carousel .owl-nav .owl-next::before { transform: translateY(-53%) rotatey(180deg); }
.testimonials .owl-carousel .owl-dots { text-align: center; padding-top: 18px; }
.testimonials .owl-carousel .owl-dots .owl-dot { width: 11px; height: 11px; background-color: #696969; border-radius: 50%; margin: 0 4px; }
.testimonials .owl-carousel .owl-dots .owl-dot.active { background-color: #003c9c; }

/*-- ===== EXPERTS-SECTION ====== --*/
.experts-section { background-color: #f5f9fc; padding: 116px 0 119px; }
.experts-section h2 { margin-bottom: 11px; }
.experts-section p { margin-bottom: 23px; font-size: 20px; line-height: 28px; }
.experts-section .btn { padding-left: 33px; padding-right: 33px; margin-top: 39px; }
.expert { padding: 0 3px; }
.expert figure { margin-bottom: 21px; overflow: hidden; border-radius: 6px; }
.expert figure img { width: 100%; border-radius: 6px; transition: ease-in 0.3s; }
.expert:hover figure img {  transform: scale(1.1); transition: ease-in 0.3s;  }
.expert .content { padding: 0 7px; }
.expert .content h5 { font-weight: 600; }
.expert .content .readmore { display: inline-block; font-size: 18px; font-weight: 400; color: #000000; line-height: 22px; }
.expert .content .readmore:hover { color: #ff9a18; }
.expert .content .readmore span { text-decoration: underline; }
.expert .content .readmore i { font-size: 20px; font-weight: 700; position: relative; top: 2px; }

/*-- ===== FAQ'S-SECTION ====== --*/
.faqs-section { padding: 109px 0 121px; }
.faqs-section h5 { color: #003c9c; margin-bottom: 14px; }
.faqs-section .accordion { padding-left: 105px; }
.faqs-section .accordion .accordion-item:first-child { padding-top: 0; }
.faqs-section .accordion .accordion-item { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #c3c3c3; padding: 21px 0 17px;  border-radius: 0; }
.faqs-section .accordion .accordion-header { margin-bottom: 0; }
.faqs-section .accordion .accordion-header .accordion-button { padding: 0; background-color: transparent; font-size: 22px; font-weight: 700; color: #696969; box-shadow: none; margin-bottom: 8px; }
.faqs-section .accordion .accordion-header .accordion-button::after { content: "\EA4E"; font-family: remixicon; background-size: 0; font-size: 22px; line-height: 19px; margin-right: 20px; }
.faqs-section .accordion .accordion-header .accordion-button:focus { box-shadow: none; }
.faqs-section .accordion .accordion-body { padding: 5px 0 0; max-width: 720px; width: 100%; }
.faqs-section .accordion .accordion-body p { margin-bottom: 0; }


/* -- ===== INNER-BANNER-SECTION ====== -- */
.inner-banner { position: relative; background-size:cover; background-repeat:no-repeat; height:540px; }
.inner-banner:before{ content: ''; position: absolute; top: 0; left: 0; background-size: 100% 100%; height: 540px; width: 100%; max-width: 1048px; background-image: url(images/innerbanner-gradient.png); z-index: 1;}
.inner-banner h1 { font-weight:800;margin-bottom: 0; }
.inner-banner h5 { color:#ffffff; font-weight: 500; max-width: 660px; line-height: 30px; margin-bottom: 0;}
.inner-banner .container-fluid .inner-banner-content{ position:absolute; top:50%; transform:translateY(-50%); z-index: 2; margin-top: 40px;}

/* -- ===== WHO-WE-ARE ====== -- */
.who-we-are { padding: 120px 0px; }
.who-we-are figure { height:550px; overflow: hidden; border-radius: 10px;}
.who-we-are figure img { object-fit:cover; height:100%; width:100%; transition: transform 0.5s ease;}
.who-we-are .who-we-are-content { padding-left:56px; }
.who-we-are .who-we-are-content > p:first-of-type { margin-bottom:30px; }
.who-we-are figure:hover img { transform: scale(1.1);}

/* -- ===== VALUES ====== -- */
.values {background-color: #f5f9fc; padding: 120px 0px; }
.values .text-center p{ max-width:1180px; margin: 0 auto;}
.values .text-center h2 { margin-bottom:10px; }
.values .item { background:#ffffff; border-radius: 16px; padding: 30px; height: auto !important;}
.values .item div { display:flex; align-items:center; margin-bottom:24px; }
.values .item div h3 { margin-bottom:0; margin-left:28px; }
.values .item p{ color:#696969; }
.values .row {  margin-top: 24px; row-gap: 40px; }
.values .row .col-xl-4 { padding: 0px 24px;}
.values .col-xl-4 {display: flex;}
.values .item {width: 100%;}

/* WHY-CHOOSE-US */
.why-choose-us {background-color: #ffffff;  padding: 120px 0px;}
.why-choose-us .why-choose-us-images{display: flex; flex-direction: row; gap: 26px;align-self: center; margin-left: 43px;}
.why-choose-us .first-container{display: flex; flex-direction: column; gap: 26px; width: 50%;}
.why-choose-us .second-container{display: flex; flex-direction: column;justify-content: end; gap: 26px; width: 50%;}
.why-choose-us .first{height: 405px;}
.why-choose-us .second{height: 250px;}
.why-choose-us .third{height: 424px;}
.why-choose-us .fourth{height: 205px; display: flex; justify-content: center; align-items: center; background-color: #ff9a18;  border-radius:14px; }
.why-choose-us .fourth h4 { color:#ffffff; text-align:center; margin-bottom:0; padding: 0 52px;}
.why-choose-us .fourth h4 strong{ display:block; font-size:74px; font-weight:800; line-height: 74px; }
.why-choose-us .why-choose-us-content{padding-left: 56px; align-self: center;}
.why-choose-us .why-choose-us-content h2 {margin-bottom: 26px;}
.why-choose-us figure{height: 378px; width: 100%; border-radius: 14px; cursor: pointer; margin-bottom: 0px; overflow: hidden;}
.why-choose-us figure img{height: 100%; width: 100%; object-fit: cover; object-position:top center; transition: all ease-in-out 0.5s;} 
.why-choose-us figure:hover img{transform:scale(1.1);}
.why-choose-us p{ margin-bottom:22px; }
.why-choose-us .btn{margin-top: 8px;}
.why-choose-us ul {column-count: 2;}
.why-choose-us ul li:before{ content:'\eb7b'; font-family: 'remixicon'; font-weight:700; -webkit-text-stroke: 1px #ff9a18;}
.why-choose-us ul li {padding-left: 28px; padding-bottom: 20px;}

/* REVIEWS */
.reviews .text-center { max-width:870px; }
.reviews .text-center h2 { font-size:38px; }

/* BEST-TRUSTED */
.best-trusted { background:#f5f9fc; }

/* BLOGS */
.blogs { padding:107px 0px 90px; }
.blogs .item figure { border-radius:8px; }
.blogs .item figure img { width:100%; height:100%; background-size:cover; transition: transform 0.5s ease; }
.blogs .item .item-content { text-align:center; padding:0px 18px; }
.blogs .item:hover figure img{ transform:scale(1.1);  }
.blogs .item-content h5 { font-size:16px; font-weight:400; margin:15px 0px 12px; }
.blogs .item-content h3 { font-size:26px; margin-bottom:15px; }
.blogs .col-xl-4 { padding:0px 15px; }
.blogs .row { row-gap:44px; }
.blogs .pagination .page-link{  font-size: 18px; color: #363e36; font-weight: 500;padding: 8px 17px;border-radius: 50%;border: none;}
.blogs .pagination .page-link.active{background-color:#696969; color:#ffffff; }
.blogs .pagination .page-item{ padding: 0;}
.blogs .pagination .page-item:before{ content:""; }
.blogs .pagination .page-item .next{border: none;letter-spacing: 1px; border-radius: 0%;}
.blogs .pagination{margin: 20px 0px 0px;}
.blogs .col-xl-4 { display: flex;}
.blogs .item { display: flex; flex-direction: column; width: 100%;}
.blogs .item-content { display: flex; flex-direction: column; flex-grow: 1;}
.blogs .item-content p{  flex-grow: 1;}
.blogs .item-content .btn1 { align-self: center; margin-top: auto; width: auto;}

/* CONTACT */
.contact { background-color:#ffffff; padding:117px 0px; }
.contact .contact-content h2 { margin-bottom:15px; }
.contact .contact-content h6 { color:#696969; font-weight:500; margin-bottom:0; padding-right: 10px;}
.contact .contact-content strong { font-size: 18px; display:block; font-weight: 700; color: #333333; margin-top: 32px; margin-bottom: 6px;}
.contact .contact-content strong:last-of-type{ margin-bottom:0; }
.contact .contact-content p { margin-bottom:0; color: #333333; max-width: 290px;}
.contact .contact-content a { font-size:18px; color: #333333; font-weight: 400;}
.contact .social-icons { display:flex; flex-direction:row; margin-top:16px; }
.contact .social-icons li a i { border: 1px solid #001b38; background-color:#001b38; color: #fff; width: 44px; height: 44px; font-size:20px; transition: background-color 0.3s ease, color 0.3s ease;}
.contact .social-icons li:before{ content:""; }
.contact .social-icons li { padding:0px 25px 0px 0px; }
.contact .social-icons li:hover a i  { background-color:#ffffff; color: #001b38; }
.contact .form-content { background:#f2f8fb; text-align:center; padding:50px 60px; margin-left: 45px;}
.contact .form-content label { text-align:left; margin-top:15px;  font-size: 22px; line-height: 25px; color: #000000; display:block; font-weight:700; margin-bottom:20px;}
.contact .form-content .form-control { padding:18px 20px; font-size: 18px; border-radius: 0px; color:#333333; border: none;}
.contact .form-content input {padding-left:50px !important;}
.contact .form-content .col-xl-6 { padding:0px 12px; }
.contact .form-content .row { row-gap:20px; }
.contact .form-content form label:first-of-type {margin-bottom:0px; }
.contact .form-content form label:last-of-type {margin-bottom:-10px; }
.contact .form-content form .btn { margin-top:20px; }
.contact .form-content form textarea { height:100px; font-size: 16px !important;}
.contact .form-group { position: relative;}
.contact .form-group > i { position: absolute; left: 32px; top: 50%; transform: translateY(-50%); color: #666; font-size: 20px;}

/* MAP */
.map iframe {width: 100%;  height: 472px;}


.our-work { background-color: #f5f9fc; }
.video-carousel .item {
  transition: all 0.4s ease;
  transform: scale(0.8); box-shadow: 0px 12px 15px rgba(33, 30, 28, 0.2);
  padding: 5px 0;
  border-radius: 6px;
  overflow: hidden;
}

.video-carousel .item video {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 20px;
  background: #000;
}

.video-carousel .owl-item.center .item {
  transform: scale(1.1);
  opacity: 1; border-radius: 6px;
}


.video-carousel .owl-item:not(.center) .item {
  transform: scale(0.85) rotateY(10deg);
}
.video-carousel video {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.video-carousel .owl-item.center video {
  opacity: 1;
}


/* .our-work { 
  background-color: #f5f9fc; 
}
.video-carousel .item {
  width: 260px;
  height: 450px;
  margin: auto;
  transition: all 0.4s ease;
  transform: scale(0.85);
  box-shadow: 0px 12px 15px rgba(33, 30, 28, 0.2);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.video-carousel .item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  background: #000;
}

.video-carousel .owl-item.center .item {
  transform: scale(1.2);
  border-radius: 6px;
  z-index: 3;
}


.video-carousel .owl-item.center video {
  border-radius: 6px;
}

.video-carousel .owl-item.active:not(.center) .item {
  transform: scale(0.9) translateY(30px);
  z-index: 2;
}


.video-carousel .owl-item:not(.active) .item {
  transform: scale(0.8) translateY(60px);
  opacity: 0.6;
  z-index: 1;
}

.video-carousel video {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.video-carousel .owl-item.center video {
  opacity: 1;
}

.video-carousel .owl-stage-outer {
  overflow: visible;
}

.video-carousel .owl-stage {
  display: flex;
  align-items: center;
} */

.video-slider { background-color: #f5f9fc; padding-top: 100px; max-width: 100%; overflow: hidden;}
.video-slider .custom-container {
width: 100%;
max-width: 1530px; /* Respecting your max layout width */
margin: 0px auto 50px;
height: 670px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
perspective: 1200px;
overflow: visible; /* Allows side items to breathe */
}

.video-slider .perspective-wrapper {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transform-style: preserve-3d;
}

.video-slider .item {
position: absolute;
width: 440px;
height: 620px;
border-radius: 24px;
overflow: hidden;
background: #000;
opacity: 0;
transform: translate3d(0, 0, -500px) scale(0.1);
transition:
transform 0.8s cubic-bezier(0.25, 1, 0.5, 1),
opacity 0.6s linear;
will-change: transform, opacity;
}

.video-slider .item video {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}

/* --- ENHANCED SIZES (Larger scale for side items) --- */

/* pos-1 & 5: Increased scale from 0.65 to 0.8 */
.video-slider .pos-1 {
opacity: 1;

transform: translate3d(-710px, 0, -200px) scale(0.8);
z-index: 1;
}
.video-slider .pos-5 {
opacity: 1;
transform: translate3d(710px, 0, -200px) scale(0.8);
z-index: 1;
}

/* pos-2 & 4: Increased scale from 0.8 to 0.92 */
.video-slider .pos-2 {
opacity: 1;

transform: translate3d(-380px, 0, -100px) scale(0.92);
z-index: 5;
}
.video-slider .pos-4 {
opacity: 1;
transform: translate3d(380px, 0, -100px) scale(0.92);
z-index: 5;
}

/* pos-3: The Center Star */
.video-slider .pos-3 {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
z-index: 10;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}

/* Overlay Navigation Buttons */
.video-slider .nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.95);
border: none;
width: 65px;
height: 65px;
border-radius: 50%;
z-index: 100;
cursor: pointer;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}

.video-slider .prev-btn {
left: 20px;
}
.video-slider .next-btn {
right: 20px;
}

.video-slider .nav-btn:hover {
background: #fff;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}