/*
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%;}
figure{ margin-bottom:0; overflow:hidden; }

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; }
h6 { font-size:20px; color:#003c9c; font-weight:700; margin-bottom:10px; }
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: #ff9a18; 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: 100%; 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; }
.btn:hover { color: #fff; border-color: #ff9a18; }
.btn:hover::before { right: 0; }
.btn:hover i { transform: rotate(0) scale(1.05);  transform: rotatez(-40deg); }


.btn1 { display: inline-block; font-size: 18px; font-weight: 700; color: #000; border: 2px solid #fff; background: transparent; padding: 13px 27px; text-transform: none; position: relative; overflow: hidden; transition: color 0.4s ease; z-index: 1; border-radius: 3px; }
.btn1::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #ffffff; transition: right 0.4s ease; z-index: -1; }
.btn1 i { font-size: 28px; line-height: 20px; display: inline-block; margin-left: 5px; position: relative; vertical-align: middle; transition: transform 0.4s ease; }
.btn1:hover { color: #ff9a18; border-color: #ff9a18; }
.btn1:hover::before { right: 100%; }
.btn1:hover i { transform: rotate(+43deg) 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 ==========*/
.video-wrapper{
    position: relative;
}

.my-video{
    width: 100%;
    border-radius: 10px;
}

.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 50%;
    background: #fff;
    color: #ff9a18;
    font-size: 28px;
    cursor: pointer;
    z-index: 10;
}
/*======= 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 { 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 #ff9a18; padding: 13px 40px; 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: #ff9a18; transition: width 0.4s ease;   z-index: -1; }
header .header-btn:hover::after { width: 100%; }
header .header-btn:hover { color: #fff; }
header.fixed-top { background: rgba(0,0,0,0.7); }
header nav .menu-item:after { content: ''; position: absolute; bottom: -4px; left: 1px; width: 0px; height: 2px; background: #ff9a18; border-radius: 3px; 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;  }
header nav .menu-item.current_page_item:after, 
header nav .menu-item:hover:after { width:40px; 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; }

header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0 72px 0 0; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child { margin-right:0; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { position:relative; line-height: inherit !important; height: auto !important; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a::before { content: ''; position: absolute !important; bottom: -4px; left: 1px; width: 0 !important; height: 2px !important;
 background: #ff9a18 !important; border-radius: 3px; 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; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a:before,
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a::before { width:100% !important; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width:1000px; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li { display:flex !important; flex-wrap:wrap; flex-direction:column-reverse; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li a { display:block; width: 100% !important; height: 210px !important; overflow:hidden; border-radius:15px; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li img { width:100% !important; height:100% !important; object-fit: cover; border-radius:15px; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li:hover img { transform:scale(1.1); transition: ease-in 0.3s; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li h4 { margin-top: 7px !important; text-align:center !important; }
header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li:hover h4 { color:#ff9a18 !important; }

header .phone { display: inline-block; color: #ff9a18; font-size: 30px; }

/*======= 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(https://socialmedispa.com/wp-content/uploads/2026/04/arrow-1.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: #f8f5ed; 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; width: 100%;   }
.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; }
.digital-services .service .btn-vm { display: inline-flex; align-items: center; gap: 8px; padding: 3px 8px; background: #fff; color: #ff9a18; border: 2px solid #fff; border-radius: 30px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; opacity:0; flex: 0 0 135px; }
.digital-services .service:hover .btn-vm { opacity:1; transition: ease 0.5s; }
.digital-services .service .btn-vm:hover { background-color: #ff9a18; color: #fff; transition: ease 0.5s; }
.digital-services .service .btn-vm:hover i { background-color: #fff; color: #ff9a18; transition: ease 0.5s; }
.digital-services .service .btn-vm i { transition: transform 0.3s ease; width: 30px; height: 30px; background-color: #ff9a18; border-radius: 50%; color: #fff; font-size: 18px; display: flex; justify-content: center; align-items: center; }

/*======= 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: #f8f5ed; 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 figure .video { height: 500px; display: flex; align-items: center; background-color:#fff; }
.how-we-work .service-box figure .video video { width:100%; height: 100%; object-fit: cover; }

.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: #f8f5ed; 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 .item h5 { font-size: 20px; line-height: 27px; margin-bottom: 8px; margin-top:10px; font-style:italic;}
.testimonials .item p { margin-bottom: 8px; }
.testimonials .item p:last-of-type { margin-bottom: 10px; }
.testimonials .testimonial .rateing { color: #ff961b; column-gap: 5px; font-size: 18px; line-height: 22px; margin-bottom: 6px; }
.testimonials .owl-carousel { padding: 0 68px; margin-top:20px;}
.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: #f8f5ed; 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 5px; }
.expert figure { margin-bottom: 21px; overflow: hidden; border-radius: 6px; }
.expert figure img { width: 100%; border-radius: 6px; transition: ease-in 0.3s; object-fit: cover; }
.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; }

.faqs-section.v2 { background-color: #f8f5ed; }
.faqs-section.v2 .accordion .accordion-item { background-color: transparent; }

/* -- ===== INNER-BANNER-SECTION ====== -- */
.inner-banner { position: relative; background-size:cover; background-repeat:no-repeat; height:630px; padding: 0; }
.inner-banner:before{ content: ''; position: absolute; top: 0; left: 0; background-size: 100% 100%; height: 630px; 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;}

.inner-banner-before::before { display: none; }

.inner-banner .video-ban { }
.inner-banner .video-ban video { position: absolute; width: 100%; height: 100%; object-fit: cover; }


/* -- ===== 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, .post-pagination .page-numbers {  font-size: 18px; color: #363e36; font-weight: 500;padding: 8px 17px;border-radius: 50%;border: none; display: inline-block; width:42px; height:42px; }
.blogs .pagination .page-link.active ,  .post-pagination .page-numbers.current {background-color:#696969; color:#ffffff; }
.blogs .pagination .page-link.active ,  .post-pagination .page-numbers.current {background-color:#696969; color:#ffffff; }
.blogs .post-pagination a:hover { background-color:#f8f8f8; color:#333; }
.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 > br { display: none; }
.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 p { margin: 0; }
.contact .form-group i { position: absolute; left: 32px; top: 50%; transform: translateY(-50%); color: #666; font-size: 20px; z-index:1;}
.contact .form-group input[type=submit] { padding: 13px 30px !important; color:#fff; background-color: #ff9a18; }
.contact .form-group input[type=submit]:hover { background-color: #fff; color:#ff9a18; }
.contact .wpcf7-spinner { position: absolute;}
.contact fieldset + p { margin-bottom:25px; }
form .wpcf7-not-valid-tip {  font-size: 12px;   position: absolute;    font-weight: 600;
    margin-top: -4px; }

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

.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; }
.video-slider { background-color: #f8f5ed; padding-top: 100px; max-width: 100%; overflow: hidden; padding-bottom: 0; overflow-y: hidden !important; }
.video-slider .custom-container { width: 100%; max-width: 1530px; margin: 0px auto 50px; height: 670px; display: flex; align-items: center; justify-content: center; position: relative; perspective: 1200px;
overflow: visible; }
.video-slider .perspective-wrapper { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; }
.video-slider .slider-content{ position: absolute; left:0; right:0; }
.video-slider iframe { margin-top: 20px; position:relative; z-index:9; }
.digital-services figure video{ max-height: 270px;cursor: pointer; }
.digital-services figure{ background: #fff; }

.video-wrapper { position: relative; display: inline-block; cursor: pointer; height: 320px; width:100%; }
.video-wrapper video { display: block; width: 100%; height: 100%; object-fit: cover; }
/* .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: white; background: rgba(0,0,0,0.5); border-radius: 50%; padding: 7px 20px; pointer-events: none; transition: opacity 0.3s; width: 70px; height: 70px; text-align: center; } */
.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; color: white; background: rgba(0,0,0,0.5); border-radius: 50%; pointer-events: none; transition: opacity 0.3s; width: 70px; height: 70px; text-align: center; display: flex; align-items: center; justify-content: center; }
.service-box .play-icon { margin-left: 35px; }
.video-wrapper.playing .play-icon {  opacity: 0; /* hide when playing */ }

/* VIDEO PRODUCTION PAGE */
.video-production-page .High-Impact-videos { padding: 120px 0; }
.video-production-page .High-Impact-videos h2 { margin-bottom: 8px; }
.video-production-page .High-Impact-videos p { font-size: 20px; color: #6d6e71; font-weight: 500; }
.video-production-page .High-Impact-videos .video-types { display: flex; flex-wrap: wrap; gap: 25px; padding-top: 9px; }
.video-production-page .High-Impact-videos .video-types figure:after { content: ""; position:absolute; background-image:url(images/video-shape.png); background-repeat:no-repeat; background-position:bottom center; background-size:cover; width:100%; height:135px; bottom: 0; left: 0; z-index: 0; }
.video-production-page .High-Impact-videos .video-types figure { border-radius:16px; overflow:hidden; position:relative; flex: 0 0 calc(25% - 19px); }
.video-production-page .High-Impact-videos .video-types figure p { font-size: 24px; font-weight: 600; color: #ffffff; line-height: 32px; position: absolute; bottom: 31px; left: 0; right: 0; margin: 0 auto; z-index: 2; letter-spacing: 1px; }
.video-production-page .High-Impact-videos .video-types figure img { width:100%; border-radius:16px; height:100%; object-fit:cover; transition: ease 0.5s; -webkit-transition: ease 0.5s; -ms-transition: ease 0.5s; -moz-transition: ease 0.5s; }
.video-production-page .High-Impact-videos .video-types figure:hover img { transform:scale(1.2); -webikit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); transition: ease 0.5s; -webkit-transition: ease 0.5s; -ms-transition: ease 0.5s; -moz-transition: ease 0.5s; }

.video-production-page .about-section .container { max-width: 1280px; }
.video-production-page .about-section h2 { margin-bottom: 21px; }

.video-production-page .why-choose-us .container-fluid { max-width:1430px; }
.video-production-page .why-choose-us .image-block { flex: 0 0 47%; }
.video-production-page .why-choose-us .image-block figure { height: 678px; }
.video-production-page .why-choose-us .who-we-are-content { flex: 0 0 53%; padding-left: 82px; }
.video-production-page .why-choose-us .who-we-are-content h6 { margin-bottom: 4px; }
.video-production-page .why-choose-us .who-we-are-content h2 { margin-bottom: 14px; }
.video-production-page .why-choose-us .who-we-are-content .btn { margin-top:0; }

.brand-presence { padding: 35px 0 97px; }
.brand-presence .top-content h2 { margin-bottom: 10px; }
.brand-presence .top-content h6 { font-weight: 500; color: #6d6e71; max-width: 1120px; width: 100%; margin: 0 auto 25px; }
.brand-presence .presence { background-color:#f8f5ed; padding: 19px 27px; border-radius: 16px; margin-bottom:24px; }
.brand-presence .presence:nth-child(odd) { flex-direction: row-reverse; }
.brand-presence .presence figure { flex: 0 0 45.5%; border-radius:16px; }
.brand-presence .presence figure img { width:100%; height:100%; object-fit:cover; border-radius:16px; }

.brand-presence .presence .video { height: 620px; }
.brand-presence .presence .video video { width: 100%; height: 100%; object-fit: cover; }

.brand-presence .presence:nth-child(odd) .content { padding-right:130px; padding-left: 0; }
.brand-presence .presence .content { flex: 0 0 54.5%; padding-left: 128px; }
.brand-presence .presence .content h6 { color:#000000; margin-bottom: 16px; }
.brand-presence .presence .content p { line-height:29px; margin-bottom:20px; }
.brand-presence .presence .content p strong { font-weight:600; }
.brand-presence .presence .content ul li { padding: 0 0 0 29px; line-height:29px; }
.brand-presence .presence .content ul li:before { content: "\f058"; }
.brand-presence .presence .content .btn { margin-top: 23px; padding: 13px 21px; }
.brand-presence .presence .content .btn i { margin-left: 10px; }

.video-production-page .medi-spa .content { max-width: 600px; }

.video-production-page .how-we-work .text-center h6 { color:#6d6e71; font-weight:400; margin-bottom: 23px; }
.video-production-page .how-we-work .service-box .btn { padding: 13px 17px; }
.video-production-page .how-we-work .service-box .btn i { margin-left: 7px; }
.video-production-page .how-we-work .service-box p { color:#000000; }
.video-production-page .how-we-work .service-box h3 { margin-bottom: 14px; }

/* SOCIAL MEDIA MANAGEMENT PAGE */
.social-media-management-page .who-we-are .container-fluid { max-width: 1600px; }
.social-media-management-page .who-we-are h6 { margin-bottom: 5px; }
.social-media-management-page .who-we-are h2 { margin-bottom:15px; }
.social-media-management-page .who-we-are p { margin-bottom: 29px !important; }
.social-media-management-page .who-we-are .img-block { padding-right: 36px; }
.social-media-management-page .who-we-are figure { height:100%; }
.social-media-management-page .who-we-are .who-we-are-content { padding-left: 0; }
.social-media-management-page .who-we-are .button-block { column-gap: 55px; row-gap:10px }
.social-media-management-page .who-we-are .btn { padding-left: 20px; padding-right: 20px; }
.social-media-management-page .who-we-are .btn i { margin-left:10px; }

.social-media-management-page .about-section .btn { margin-top: 12px; }

.social-media-management-page .brand-presence { padding: 118px 0 97px; }

.client-management { background-color: #172339; }
.client-management .content { max-width: 700px; width:100%; padding:15px 0; }
.client-management p { color:#fff; margin-bottom: 19px; }
.client-management h2 { color:#fff; margin-bottom: 8px; }
.client-management .btn i { margin-left: 13px; }

.social-media-management-page .years-of-experience .img-block { padding-right:0; }
.social-media-management-page .years-of-experience .who-we-are-content { max-width: 630px; width:100%; }
.social-media-management-page .years-of-experience .who-we-are-content p { margin-bottom: 16px !important; }

/* TOP GOOGLE RANKING PAGE */
.google-ranking-page .who-we-are .who-we-are-content h6 { margin-bottom: 15px; }
.google-ranking-page .who-we-are h2 { margin-bottom: 27px; }
.google-ranking-page .who-we-are .who-we-are-content ul { display:flex; flex-wrap:wrap; margin-bottom: 27px; }
.google-ranking-page .who-we-are .who-we-are-content ul li { flex:0 0 50%; padding-left:0; }
.google-ranking-page .who-we-are .who-we-are-content ul li:nth-child(odd) { padding-right:8px; }
.google-ranking-page .who-we-are .who-we-are-content ul li:nth-child(even) { padding-left:8px; }
.google-ranking-page .who-we-are .who-we-are-content ul li:before { display:none; }
.google-ranking-page .who-we-are p { margin-bottom: 19px !important; }

.google-ranking-page .about-section .btn { margin-top:2px; }
.google-ranking-page .about-section .btn i { margin-left: 14px; }

.google-ranking-page .top-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.google-ranking-page .top-content p { font-size:20px; color:#6d6e71; margin-bottom: 26px; }
.google-ranking-page .top-content h2 { margin-bottom: 17px; }

.google-ranking-page .presence .content h3 { margin-bottom: 12px; }
.google-ranking-page .presence .content .btn { margin-top: 11px; }

/*.google-ranking-page .presence .content { max-width: 650px; }*/
.google-ranking-page .medi-spa ul { display:flex; flex-wrap:wrap; }
.google-ranking-page .medi-spa ul li { color:#fff; flex: 0 0 50%; padding: 0 0 11px 27px; }
.google-ranking-page .medi-spa ul li:before { content:'\f05d'; color:#fb8d00; }

.google-ranking-page .presence:nth-child(odd) .content { padding-right: 170px; }


.packages { background-color:#f8f5ed; padding: 111px 0 120px; }
.packages .container { max-width:1030px; }
.packages .container h2 { margin-bottom: 9px; }
.packages .container h6 { font-weight:500; color:#6d6e71; }
.packages .packages-block { gap: 21px; padding-top:5px; }
.packages .packages-block .package { flex: 0 0 calc(33.3% - 14px); background-color: #ffffff; border-radius: 16px; padding: 43px 27px 62px; box-shadow: 0 1px 8px rgb(0, 0, 0, 0.1); transition: background-color 0.8s ease, transform 0.5s ease, box-shadow 0.5s ease; }
.packages .packages-block .package h2 { font-size:38px; line-height:45px; margin-bottom: 14px; }
.packages .packages-block .package h4 { margin-bottom: 8px; }
.packages .packages-block .package ul { margin: 13px 0 33px; }
.packages .packages-block .package ul li { padding: 0 0 16px 24px; line-height: 21px; }
.packages .packages-block .package ul li:before { content: "\f058"; }
.packages .packages-block .package .btn i { margin-left: 6px; }
.packages .packages-block .package:hover { background-color:#003c9c; box-shadow:none; }
.packages .packages-block .package:hover h2,
.packages .packages-block .package:hover h4,
.packages .packages-block .package:hover p,
.packages .packages-block .package:hover ul li,
.packages .packages-block .package:hover ul li:before { color:#fff; }


/* WEB DEVELOPMENT SERVICES PAGE */
.page-id-455 .google-ranking-page .who-we-are h2 { margin-bottom: 17px; }
.page-id-455 .about-section .container { max-width: 1500px; }
/*.page-id-455 .google-ranking-page .presence .content { max-width:100%; }*/
.page-id-455 .client-management .content { max-width:100%; }
.page-id-455 .client-management { padding: 18px 0; }
.page-id-455 .client-management figure { float: right; max-width: 500px; text-align: left; width: 100%; }

.page-id-404 .video-slider { display:none; }
.page-id-404 .expertise-results { display:none; }
.page-id-455 .expertise-results { padding-top:0; }

/*======= Gallery-page ==========*/
.gallery-page { padding-top: 170px; padding-bottom: 95px; }
.gallery-page .masonry .video-item { display: inline-block; width: 100%; margin-bottom: 30px; position: relative; overflow: hidden; cursor: pointer; background: #000; }
.gallery-page .masonry .video-item img,
.gallery-page .masonry .video-item video { width: 100%; height: auto; display: block; }
.gallery-page .masonry .video-item .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; pointer-events: none; width: 69px; height: 69px; }
.gallery-page .masonry .video-item .play-button img { width:100%; }
.gallery-page .btn-block { text-align:center; padding-top:32px; }
.gallery-page .btn { font-size: 24px; font-weight: 700; color: #ffffff; background-color: #003c9c; text-transform: capitalize; padding: 14px 47px; }

.gallery-page .masonry-item .gallery-item h4 { padding: 10px; background: rgba(0,0,0,0.05); border: 1px solid #c8c8c8; color: #003c9c; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-size: 20px; font-weight: 600; }
.gallery-page .masonry-item .gallery-item:hover h4 { color: #ff9a18; }
.gallery-page .masonry-item .gallery-item a { display:block; position:relative; overflow:hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.gallery-page .masonry-item .gallery-item a img { transition: transform 0.5s ease-in-out; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.gallery-page .masonry-item .gallery-item:hover a img { transform: scale(1.07); }

.gallery-page .btn { font-size: 18px; font-weight: 600; color: #ffffff;  background-color: #003c9c;  text-transform: capitalize; padding: 12px 19px; margin-bottom: 10px; border-radius: 5px; margin-right: 10px; border:none; }
.gallery-page .btn:hover, .gallery-page .btn.active, .gallery-page .btn.active:focus { background-color: #ff9a18; outline: none; }    
.gallery-page [data-category="uncategorized"] { display: none; }
.gallery-page #videoModal #popupVideo { max-height:90vh; }
.gallery-page #masonry-gallery { margin: 0 auto; }
.gallery-page .masonry-item { width: 24.4% !important; padding: 0 10px;  margin-bottom: 20px; }
.gallery-page .masonry-item .play-button { font-size: 45px; color: #fff; }
.gallery-page .masonry-item:hover .play-button { color:#ff9a18; }
.gallery-page .modal .modal-content { border: 0; }
.gallery-page .modal .modal-content .btn-close { right: -15px; background-color: #fff; opacity: 1; padding: 10px; border-radius: 50%; top: -15px; }

/*======= BLOG-DETAIL-INNER-PAGE ==========*/
.blog-detail { padding: 115px 0 88px; }
.blog-detail .blog-detail-main { display: flex; gap: 82px; }
.blog-detail .blog-detail-main .blog-left { flex-grow: 1; }
.blog-detail .blog-detail-main .blog-right { max-width: 360px; width: 100%; margin: 0 auto; flex: 0 0 100%; }
.blog-detail .blog-detail-main .blog-left figure { width: 100%; height: 600px; margin-bottom: 30px; }
.blog-detail .blog-detail-main .blog-left figure img { height: 100%; width: 100%; display: block; object-fit: cover; border-radius: 10px; }
.blog-detail .blog-detail-main .blog-left .profile-nav { display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #b1b3b6; }
.blog-detail .blog-detail-main .blog-left .profile-nav li { display: flex; align-items: center; gap: 18px; color: #b1b3b6; font-size: 18px; font-weight: 500;    align-self: center; margin-bottom: 25px; }
.blog-detail .blog-detail-main .blog-left .profile-nav li i { font-weight: 400; font-size: 36px; }
.blog-detail .blog-detail-main .blog-left .profile-nav li:before { display: none; }
.blog-detail .blog-detail-main .blog-left p { line-height: 28px; margin-bottom: 30px; }
.blog-detail .blog-detail-main .blog-left .para { margin-bottom: 0; }
.blog-detail .blog-detail-main .blog-left .last-para { color: #003c9c; font-weight: 800; font-size: 24px; margin-bottom: 0; background-color: #f4fbfe;     padding: 25px 40px; }
.blog-detail .blog-detail-main .blog-left .last-para strong { display: block; font-weight: 500; color: #231f20; font-size: 16px; text-align: right; }
.blog-detail .blog-detail-main .blog-left .blog-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 42px; border: none;    margin-bottom: 0; }
.blog-detail .blog-detail-main .blog-left .blog-nav li:before { display: none; }
.blog-detail .blog-detail-main .blog-left .blog-nav li { padding-left: 0; }
.blog-detail .blog-detail-main .blog-left .blog-nav li a { display: flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 500; color: #939598; text-decoration:none; }
.blog-detail .blog-detail-main .blog-left .blog-nav li a i { font-size: 16px; font-weight: 500; color: #939598; }
.blog-detail .blog-detail-main .recent-post { border-radius: 6px; padding: 20px 20px 20px 18px; background-color: #f4fbfe; margin-bottom: 50px; }
.blog-detail .blog-detail-main .recent-post-block { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #bcbec0; padding: 18px 0; }
.blog-detail .blog-detail-main .recent-post-block:first-child { padding-top: 0 }
.blog-detail .blog-detail-main .recent-post-block:last-child { border: none; padding-bottom: 0; }
.blog-detail .blog-detail-main .recent-post-block figure { height: 80px; width: 80px; flex-shrink: 0; }
.blog-detail .blog-detail-main .recent-post-block figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.blog-detail .blog-detail-main .recent-post-block:hover figure img { transform: scale(1.1); transition: ease-in-out 0.3s; }
.blog-detail .blog-detail-main .recent-post-block p { font-weight: 700; font-size: 14px; line-height: initial; margin-bottom: 0; }
.blog-detail .blog-detail-main .recent-post-block:hover p { color: #ff9a18; }
.blog-detail .blog-detail-main .recent-post-block strong { display: block; font-size: 14px; font-weight: 500; color: #b1b3b6; padding-bottom: 5px; }
.blog-detail .blog-detail-main .recent-post-block strong i { padding-right: 10px; }
.blog-detail .blog-detail-main .tags ul { background-color: #f4fbfe; padding: 15px 15px 18px 10px; border-radius: 6px; display: flex; justify-content: center;    gap: 15px; flex-wrap: wrap; }
.blog-detail .blog-detail-main .tags ul li { flex: 0 0 calc(25% - 12px); padding-left: 0; margin-bottom: 0; margin-top: 0; }
.blog-detail .blog-detail-main .tags ul li:before { display: none; }
.blog-detail .blog-detail-main .tags ul li a { display: inline-block; text-align: center; width: 100%; font-size: 12px; font-weight: 700; color: #6d6e71;line-height: initial; padding: 7px 12px; background-color: #fff; border-radius: 6px; }
.blog-detail .blog-detail-main .tags ul li a:hover { color: #fff; background-color: #2b3990; }
.blog-detail .blog-detail-main h1 { color: #003c9c; font-size: 45px; line-height: 50px; font-weight:700; }
.blog-detail .blog-detail-main h2 { font-size: 35px; line-height: 40px; color: #003c9c; }
.blog-detail .blog-detail-main h3 { font-size: 29px; line-height: 35px; color: #003c9c; }
.blog-detail .blog-detail-main .blog-left a { color: #ff9a18; text-decoration:underline; }
.blog-detail .blog-detail-main .blog-left a:hover { color: #003c9c; }