/* @import url('https://fonts.googleapis.com/css2?family=Koh+Santepheap:wght@100;300;400;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 h1 , h2{
   font-family: "Poppins", sans-serif;
}
 h3, h4 ,h5, h6, p, a, span{
    font-family: "Poppins", sans-serif;
}
 body {
    font-size: 16px;
    /* color: #5C5C5C; */
   font-family: "Poppins", sans-serif;
     font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
}

body::-webkit-scrollbar , .box-mobile::-webkit-scrollbar {

    width: 8px;

}



body::-webkit-scrollbar-track  , .box-mobile::-webkit-scrollbar-track{

    box-shadow: inset 0 0 6px #fff;

}



body::-webkit-scrollbar-thumb , .box-mobile::-webkit-scrollbar-thumb  {

    background-color:  #0085FE;

    outline: 1px solid #0085FE;

}
ul {
    padding: 0;
}
 .rating {
    display: flex;
     column-gap: 2px;
     font-size: 15px;
     color: #ffd200;
}
 .input {
    width: 100%;
     font-size: 14px;
     padding: 15px 15px;
     margin-bottom: 15px;
     border: none;
     border-radius: 3px;
}
span, a, li, p {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: math-auto;
}
 .input:focus {
    border-color: var(--yellow) !important;
}
 .input::placeholder {
    color: #000;
     font-weight: 600;
     font-size: 14px;
}
 .term-first-wrapper h5 {
    margin: 20px 0 10px;
}
 section.term-first-wrapper {
    padding: 50px 0;
}
 .has_drop:before {
    content: "\f0d7";
     font-family: fontawesome;
     position: absolute;
     right: 0;
     transition: .5s;
     color: #000;
}
 .has_drop {
    padding-right: 20px;
     position: relative;
}
/************HEADER CSS*/
/************TABS CSS*/
 ul#pills-tab {
    margin: auto;
    display: flex;
    margin-bottom: 0px !important;
    column-gap: 0;
    justify-content: center;
}
 ul#pills-tab li {
    display: inline-block;
}
 ul#pills-tab li button {
    border-radius: 5px 5px 0 0;
     color: var(--darkblue);
     font-weight: 500;
     text-transform: uppercase;
     padding: 30px 0;
     font-weight: 700;
     font-size: 15px;
}
 ul#pills-tab li button.active {
    background-color: #f8f6f1 !important;
    color: var(--primeColor) !important;
    background: #E6ECF2 !important;
}
 ul#pills-tab li button span {
    width: 100% !important;
    display: inline-block;
    /* margin-top: 9px;
     */
    font-size: 16px;
    color: #5C5C5C;
    text-align: start;
    font-family: "Poppins", sans-serif;
    margin: 0 0 10px 0;
}
 ul#pills-tab li button.active img {
    filter: unset !important;
    opacity: 1 !important;
}
 ul#pills-tab li button img {
    width: 50px;
     height: 45px;
     object-fit: contain;
     filter: brightness(0);
     opacity: 0.3;
}
/************TABS CSS*/
/************BUTTONS CSS*/
 .btn_set {
    display: flex;
     column-gap: 15px;
     align-items: center;
}
 .primeColor_btn {
    display: inline-block;
     background-color: var(--primeColor);
     color: var(--white);
     padding: 10px 25px;
     transition: .5s ease-out;
     text-transform: capitalize;
     font-size: 17px;
     text-align: center;
     border-radius: 5px;
     border: none;
     text-align: center;
}
 .primeColor_btn:hover {
    background-color: var(--darkblue);
     color: #fff !important;
}
 .border_btn {
    border: 1px solid var(--white);
     color: var(--white) !important;
     display: inline-block;
     padding: 8px 30px;
     border-radius: 5px;
     transition: .5s;
     text-align: center;
}
 .border_btn:hover {
    background-color: var(--white);
     color: var(--black) !important;
}
 .white {
    color: var(--white) !important;
     border-color: var(--white) !important;
}
/************BUTTONS CSS*/
/*footer*/
 footer a:hover, :hover:before {
    color: var(--primeColor) !important;
     border-color: var(--primeColor) !important;
}
 footer ul.fancy_list li {
    margin: 10px 0;
}
 .row.footer-row1 {
     display: flex;
     align-items: center;
}
 .footer-logo-box img {
     width: 170px;
}
 .icons_wrap {
     text-align: end;
}
 .icons_wrap a {
     height: 40px;
     width: 40px;
     background: #4194F2;
     border-radius: 40px;
     padding: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .footer .col-sm-3 ul {
     margin: 15px 0 0 0;
}
 footer .col-sm-9 ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 15px 0 0 0;
}
 .footer-pera p {
     font-size: 14px;
     color: #fff;
}
 .border-lef {
     border-left: solid 1px #ffffff2b;
     padding: 0 0 0 25px;
}
 .row.footer-row2 {
     border-top: solid 1px #ffffff2b;
     padding: 30px 0;
}
 span.heading26px {
     font-size: 20px !important;
     font-weight: bold;
}
 .footer ul li i {
     font-size: 13px;
     color: #4194F2;
}
 .footer ul li {
    /* width: 33%; */
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    column-gap: 6px;
}
 footer .f_clm3 ul.fancy_list li.gdpr:before {
    opacity: 0;
}
 .footer h5 {
    text-transform: capitalize;
     font-weight: 500;
}
 .footer {
    padding: 50px 0 50px;
    background-image: url(../images/footer-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
 .footer span, .footer p, .footer a {
    /* font-weight: 300;
     */
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
 .footer img.footer_logo {
    filter: brightness(0)invert(1);
     margin-bottom: 20px;
}
 .footer .contact_info span {
    display: inline-block;
     width: 100%;
}
 .footer ul.f_links {
    column-count: 2;
}
 .footer ul.f_links li {
    list-style: none;
}
.footer-row2 ul li i {
  transition: all 0.3s ease; /* smooth transition */
}

.footer-row2 ul li a {
  transition: all 0.3s ease; /* smooth transition */
  text-decoration: none;
}

/* Hover effect */
.footer-row2 ul li:hover i {
  transform: translateX(5px); /* arrow thoda aage */
  color: #e63946; /* red shade */
}

.footer-row2 ul li:hover a {
  color: #e63946 !important; /* text bhi red */
  transform: translateX(3px); /* text bhi thoda slide */
}
 ul.contact_info li {
    position: relative;
     padding-left: 30px;
     margin: 10px 0;
     list-style: none;
}
 ul.contact_info li:last0-child {
    margin-bottom: 0;
}
 .copyright p {
    margin: 0;
    font-weight: 300;
}
 .copyright {
    padding: 20px 0 0;
    border-top: 1px solid #ffffff30;
}
 .copyright .btn_set {
    justify-content: flex-end;
     margin: 0;
}
 .copyright .row {
    justify-content: space-between;
}
 .copyright .btn_set a:nth-child(1) {
    border-right: 1px solid;
    padding-right: 10px;
}

.icons_wrap a {
    font-size: 16px;
}
.copyright .btn_set a {
    font-weight: 300;
}

/*footer*/
 body.thankyou-page header {
    background-color: #000;
     position: unset;
}
 body.terms_and_condition-page header {
    background-color: #000;
     position: unset;
}
 section.term-first-wrapper {
    padding: 40px 0 50px;
}
 .terms-first-wrap-text h5 {
    margin: 20px 0 10px;
}
 header.main-header .navbar-nav .nav-link {
     color: #333;
     font-weight: 400;
     position: relative;
     margin: 0 15px;
     transition: color 0.3s;
     font-size: 15px;
     padding: 0;
}
span.navbar-toggler-icon img {
    position: absolute;
    width: 35px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

button.navbar-toggler {
    position: relative;
    overflow: hidden;
}

.navbar-light .navbar-toggler {
    border-color: #000;
    position: relative;
}

.navbar-toggler:focus {
    box-shadow: none;
}
/* Hover effect */
 header.main-header .navbar-nav .nav-link:hover {
     color: #007bff;
}
 header.main-header .navbar-nav .nav-link::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -5px;
     width: 0;
     height: 2px;
     background: #007bff;
     transition: width 0.3s;
}
/* Hover underline */
 header.main-header .navbar-nav .nav-link:hover::after {
     width: 100%;
}
/* Active link */
 header.main-header .navbar-nav .nav-link.active {
     color: #007bff;
}
 header.main-header .navbar-nav .nav-link.active::after {
     width: 100%;
}
/*.promo-banner*/
 .promo-banner {
     background: #F4F4F4;
     color: #fff;
     align-items: center;
    /* padding: 50px 20px 20px;
     */
     border-radius: 8px;
     overflow: hidden;
    /* background-image: url(../images/banner-images/banner-bg.webp);
     */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%;
     overflow: hidden;
     min-height: 400px;
     display: flex;
}
 .promo-banner .col-sm-8 {
     display: flex;
     align-items: center;
}
 .banner-before {
    position: absolute;
}
 .banner-before img {
     height: 400px;
     width: 685px;
}
 .promo-left {
     position: relative;
     padding: 0 0 0 30px;
}
 .promo-left h1 {
     font-size: 47px;
     font-weight: 700;
     text-transform: capitalize;
}
.promo-left p {
    font-size: 30px;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
    line-height: 35px;
    margin: 20px 0 5px 0;
    text-transform: capitalize;
}
 .promo-left .sub {
     display: block;
     margin-bottom: 15px;
    /* font-style: italic;
     */
     display: flex;
     align-items: center;
     column-gap: 10px;
     font-size: 20px;
     font-weight: 600;
}
 .promo-left .badge {
     background: #ff5722;
     padding: 12px 15px;
     font-weight: bold;
     border-radius: 6px;
     margin-bottom: 15px;
     display: inline-block;
     transform: rotate(-5deg);
     animation: pulse 2s infinite;
}
 .promo-left .btn {
     background: #4194F2;
     color: #fff;
     padding: 12px 20px;
     text-decoration: none;
     font-weight: bold;
     border-radius: 5px;
     transition: 0.3s;
     font-size: 15px;
     font-weight: 400;
     border-radius: 30px;
}
 .promo-right {
     display: flex;
     gap: 15px;
     position: relative;
}
 .books {
     display: flex;
     gap: 15px;
     position: relative;
     left: 150px;
}
/* Shine effect */
 .books img::after {
     content: '';
     position: absolute;
     top: 0;
     left: -75%;
     width: 50%;
     height: 100%;
     background: linear-gradient(120deg, rgba(255,255,255,0.4) 0%, transparent 80%);
     transform: skewX(-25deg);
}
 .books img:hover::after {
     animation: shine 0.7s forwards;
}
 @keyframes shine {
     100% {
         left: 125%;
    }
}
/* Badge Pulse */
 @keyframes pulse {
     0% {
         transform: scale(1) rotate(-5deg);
    }
     50% {
         transform: scale(1.1) rotate(-5deg);
    }
     100% {
         transform: scale(1) rotate(-5deg);
    }
}
.book img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.book img:hover {
  /*transform: scale(1.05) rotate(-2deg);*/
  /*box-shadow: 0 10px 20px rgba(0,0,0,0.2);*/
}

 h6.text-h6 {
     font-size: 25px;
     font-weight: 700;
     color: #4194F2;
     margin: 0 0 0 0;
     padding: 5px 30px;
     border-radius: 50px;
     background: #fff;
     display: inline-block;
     border: solid 1px;
}
 h1.text-h1 {
     font-size: 60px;
     font-weight: bold;
     color: #282828;
     margin: 15px 0 15px 0;
     line-height: 65px;
}
 h1.text-h1 span {
     color: #4194F2;
     font-family: "Koh Santepheap";
}
 h5.text-h5 {
     font-size: 25px;
     font-weight: bold;
     color: #000000;
     margin: 0 0 20px 0;
}
 .book-slider {
     position: relative;
     margin: 30px 0 0 0;
}
 .book-slider:before {
     position: absolute;
     top: 17px;
     bottom: 0;
     left: 0;
     right: 0;
     content: '';
     background-image: url(../images/header-slider-main-ing.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 458px;
     height: 485px;
     display: table;
     text-align: center;
     margin: auto;
    /* background-size: 93%;
     */
     z-index: 99;
}
 .book-slider.py-5 img {
     width: 168px;
     min-height: 402px;
     object-fit: scale-down;
     margin: auto;
}
 h3.text-h3 {
     font-size: 30px;
     font-weight: bold;
     color: #282828;
     margin: 0 0 30px 0;
}
 section.banners-logos-section {
     padding: 30px 0;
     background: #EEF6FE;
}
 .tech-sli-box img {
     width: 150px;
     height: 45px;
     object-fit: scale-down;
}
 .tec-slider2 {
     margin: 0 0 40px 0;
}
/*.promo-banner*/
/* section.support-section */
 section.support-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     margin-top: 20px;
     margin-bottom: 40px !important;
     width: 100%;
}
 section.support-section ul#pills-tab li a {
     padding: 0;
}
 section.support-section ul#pills-tab li button {
     padding: 10px 45px;
     border-radius: 0;
     /* border: solid 1px #00000024;
     */
     font-size: 15px;
     font-weight: 600;
     color: #282828;
     min-height: 75px;
     text-align: start;
     width: 100%;
     line-height: 16px;
     margin: 0;
     border-left: solid 1px #5c5c5c38;
     font-family: 'Inter';
}
 .redefine-tab-bg {
     background: transparent;
     display: flex;
     align-items: center;
     column-gap: 20px;
     padding: 0 0 0 20px;
     border: solid 1px #CCCCCC;
     border-radius: 10px;
}
 .redefine-tab-bg p {
     padding: 0 85px 0 0;
     font-size: 16px;
     color: #5C5C5C;
     margin: 0;
}
 .fince-tab-tax h4 {
     font-size: 40px;
     font-weight: bold;
     color: #282828;
     margin: 0;
}
 section.support-section .text-center h2.h2-txt::before {
     display: none;
}
 .redefine-tab-bg ul.suport-ul-box {
     display: block;
}
 .redefine-tab-bg ul.suport-ul-box li {
     width: 100%;
}
 h6.text-ul {
     font-size: 16px;
     font-weight: 600;
     color: #333333;
     margin: 15px 0 15px 0;
}
 ul.suport-ul-box li {
     display: flex;
     align-items: center;
     margin: 0 0 11px 0;
     column-gap: 10px;
}
 ul.suport-ul-box li i {
     color: #003F7A;
}
 ul.suport-ul-box {
     margin: 0 0 20px 0;
}
 .redefine-tab-img img {
     width: 97%;
}
 section.support-section {
     padding: 50px 0;
}
.need-main:hover h4 {
    color: white;
}

.need-main:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(101%) contrast(104%);
}
h2.text-h2, .testimonial__wrap h2 {
    font-size: 40px;
    font-weight: bold;
    color: black;
    margin: 0 0 15px 0;
    line-height: 43px;
    letter-spacing: -1%;
}
 div#pills-tabContent {
     padding: 0;
}
/* section.support-section */
/*section.book-section*/
 section.book-section {
     padding: 50px 0;
}
 img.book.img {
     width: 100%;
}
 section.book-section ul.suport-ul-box ul {
     display: flex;
}
 ul.suport-ul-box {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 ul.suport-ul-box li {
     width: 50%;
}
 ul.suport-ul-box li p {
     margin: 0;
}
/*section.book-section*/
 .need-flex-box {
     display: flex;
     align-items: center;
     column-gap: 15px;
     margin: 0 0 20px 0;
     text-align: start;
}
 .need-flex-box img {
     /* filter: invert(1); */
     height: 55px;
     width: 55px;
}
 .need-flex-box h4 span {
     font-size: 17px;
     color: #5C5C5C;
     margin: 0 0 0 0;
}
 .need-flex-box h4 {
     font-size: 30px;
     font-weight: bold;
     color: #000;
     margin: 0 0 0 0;
     line-height: 30px;
     margin: 0 0 0 0;
}
 .need-main.rigt-box{
    border-left: solid 1px #003f7a4d;
}
 .need-main.botm-box {
    border-bottom: solid 1px #003f7a4d;
}
 .need-main {
     padding: 30px 0 30px 20px;
     /* margin: 0 0 20px 0; */
}
 .need-flex-box p {
     margin: 0;
}
 .need-main p {
     margin: 0;
     text-align: start;
     min-height: 50px;
}
 section.need-section {
     padding: 50px 0;
     background-color: #F8F5F1;
}
 section.need-section p.text-center {
     margin: 0 0 30px 0;
}

.need-main {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: all 0.35s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 0 10px 20px 10px;
}

.need-main:hover {
   transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    background-color: #003F7A;
    color: white;
}

/* Image animation inside box */
.need-main .need-img {
  transition: transform 0.35s ease;
}
.need-main:hover .need-img {
  transform: scale(1.15) rotate(-5deg);
}

/* Title color change */
.need-main h4 {
  transition: color 0.35s ease;
}
/*.row.cta-main-box */
 .row.cta-main-box {
     padding: 0 50px;
     background-image: url(../images/home-cta-bg.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     min-height: 380px;
     display: flex;
     align-items: center;
     margin: 80px 0 0 0;
     border-radius: 20px;
}
 .row.cta-main-box h2 {
     font-size: 55px;
     font-weight: bold;
     color: #fff;
     margin: 0 0 15px 0;
     line-height: 55px;
}
 .row.cta-main-box p {
     color: #fff;
    ;
}
 img.home-cta-img {
     width: 90%;
     box-shadow: none !important;
}
/*.row.cta-main-box */
 .global-slider-section {
     text-align: center;
     padding: 40px 0;
}
 .slider-title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
     color: #002b5c;
    /* navy blue jaisa */
}
 .global-slider img {
     width: 180px;
     height: 409px;
     object-fit: scale-down;
     margin: auto;
     transition: all 0.4s ease;
     opacity: 0.4;
     filter: blur(2px);
}
/* Center image highlight */
 .global-slider .slick-center img {
     transform: scale(1.3);
     opacity: 1;
     filter: blur(0);
}
 .book-slider-section {
     text-align: center;
     padding: 40px 0;
}
 .slider-title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
     color: #002b5c;
}
 .book-slider img {
     width: 160px;
     height: 240px;
     object-fit: cover;
     transition: all 0.4s ease;
     margin: auto;
     opacity: 0.3;
     transform: scale(0.6);
}
/* Center (active) */
 .book-slider .slick-center img {
     transform: scale(1.2);
     opacity: 1;
     z-index: 5;
}
/* 1 step left & right */
 .book-slider .slick-center + .slick-slide img, .book-slider .slick-center ~ .slick-slide:nth-child(1) img, .book-slider .slick-active img {
     transform: scale(1);
     opacity: 0.8;
}
/* 2nd step left & right */
 .book-slider .slick-active img:nth-child(2), .book-slider .slick-active img:nth-child(6) {
     transform: scale(0.8) !important;
     opacity: 0.6;
}
/* 3rd step left & right (last) */
 .book-slider .slick-active img:nth-child(1), .book-slider .slick-active img:nth-child(7) {
     transform: scale(0.6) !important;
     opacity: 0.3;
}
/*section.explore-section */
 section.explore-section {
     padding: 50px 0;
}
 section.explore-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 20px 0 0 0;
}
 section.explore-section ul#pills-tab li {
     width: 14%;
     display: flex;
     align-items: center;
     column-gap: 10px;
     justify-content: space-between;
}
section.explore-section ul#pills-tab li button {
    position: relative;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 600;
    border: solid 1px #ccc;
    border-radius: 100px;
    color: #282828;
    width: 95%;
    background: transparent;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
}

/* Sliding background layer */
section.explore-section ul#pills-tab li button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #4194F2;
    transition: left 0.4s ease;
    z-index: -1;
}

/* On hover - bg slides in */
section.explore-section ul#pills-tab li button:hover::before {
    left: 0;
}

/* Hover text + border */
section.explore-section ul#pills-tab li button:hover {
    color: #fff;
    border-color: #4194F2;
}

/* Active tab style */
section.explore-section ul#pills-tab li button.active {
    color: #fff !important;
    border-color: #4194F2;
}

/* Keep bg visible for active tab */
section.explore-section ul#pills-tab li button.active::before {
    left: 0;
}
 section.explore-section .redefine-tab-bg {
     margin: 30px 0 0 0px;
     border: navajowhite;
}
/*section.explore-section */
 section.explore-section .redefine-tab-bg p {
     padding: 0;
     margin: 20px 0 20px 0;
}
/*section.since-section*/
 section.since-section {
     padding: 50px 0;
     background: #ECF5FE;
}
 .stats-section {
     background: #f0f8ff;
     padding: 50px 20px;
     font-family: Arial, sans-serif;
}
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 20px;
     margin-bottom: 40px;
}
 .stats-grid .card {
     background: #fff;
     padding: 22px;
     border-radius: 10px;
     border: 0;
}
section.since-section .card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 23px 20px;
    text-align: center;
    transition: transform 0.4s ease, color 0.4s ease;
    z-index: 1;
    cursor: pointer;
}

/* Hidden animated gradient background */
section.since-section .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4194F2;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform 0.6s ease-in-out;
    border-radius: inherit;
    z-index: -1;
}

/* Hover grow + slight scale */
section.since-section .card:hover::before {
    transform: scale(1);
}

section.since-section .card h2 {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    transition: color 0.4s ease;
}

section.since-section .card p {
    font-size: 16px;
    color: #444;
    transition: color 0.4s ease;
}

/* On hover: text turns white */
section.since-section .card:hover h2,
section.since-section .card:hover p {
    color: #fff;
}

/* Card itself zooms a bit on hover */
section.since-section .card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 15px 35px rgba(65,148,242,0.35);
}
 .stats-grid h2 {
     color: #007bff;
     font-size: 40px;
     margin-bottom: 5px;
     font-weight: bold;
     font-family: 'Inter';
}
 .stats-info {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     margin-bottom: 40px;
}
 .stats-info .info-box {
     background: #fff;
     padding: 40px 25px 0 25px;
     border-radius: 10px;
     /* box-shadow: 0 2px 6px rgba(0,0,0,0.1);
     */
}
 .stats-info h3 {
     margin-bottom: 10px;
     font-size: 30px;
     font-weight: bold;
     color: #282828;
     margin: 0 0 15px 0;
}
 .stats-info p {
     color: #555;
     padding: 0 350px 0 0;
     margin: 0;
}
 .stats-info img {
     max-width: 100%;
     display: block;
     /* margin: auto;
     */
     float: right;
     /* margin: -80px 0 0 0; */
}
 .stats-btn {
     text-align: center;
}
 .stats-btn .btn {
     background: #0d6efd;
     color: #fff;
     padding: 12px 25px;
     border-radius: 25px;
     text-decoration: none;
     font-weight: bold;
     transition: 0.3s;
}
 .stats-btn .btn:hover {
     background: #084298;
}
 .info-box.info-box2 {
     display: flex;
     align-items: center;
     padding: 30px;
}
 .pament-img img {
     width: 100%;
     margin: 0;
}
 .card p {
     margin: 0;
}
/*section.since-section*/
/*section.award-section*/
 section.award-section {
     padding: 50px 0 30px 0;
}

.award-text h4 {
    font-size: 15px;
    font-weight: 600;
    color: #282828;
    margin: 15px 0 5px 0;
    line-height: 20px;
}
.award-text p {
    font-size: 16px;
    color: #5c5c5c;
    margin: 0;
}
.award-main-box img {
       width: 200px;
    height: 150px;
    object-fit: contain;
    transition: color 0.3s ease, transform 0.3s ease;
    text-align: center;
    margin: auto;
}
 .award-main-box {
    padding: 20px;
    text-align: center;
    border: solid 1px #5c5c5c1a;
    margin: 0 0 30px 0;
    border-radius: 10px;
    background: #fff;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Gradient border / glow effect */
.award-main-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 2px; /* border thickness */
    /* background: linear-gradient(135deg, #ff4d4d, #4194f2, #42e695); */
    background-size: 200% 200%;
    animation: borderMove 4s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Hover state */
.award-main-box:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0px 15px 30px rgba(0,0,0,0.15);
}

.award-main-box:hover::before {
    opacity: 1;
}

/* Text effect */
.award-main-box h3,
.award-main-box p {
    transition: color 0.3s ease, transform 0.3s ease;
}

.award-main-box:hover h3,
.award-main-box:hover p {
    color: #e63946; /* red accent */
    transform: scale(1.05);
}

.award-main-box:hover img {
    transform: scale(1.05);
}



/* Border gradient animation */
@keyframes borderMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/*section.award-section*/
/*section.testimonial-section */
 section.testimonial-section {
     padding: 50px 0;
     background: #F8F5F1;
}
 .testi-flex-box {
     display: flex;
     align-items: center;
     column-gap: 10px;
}
 .testi-main {
     padding: 30px 20px;
     background: #fff;
     border-radius: 8px;
     margin: 0 10px;
}
 .testi-main p {
     font-size: 16px;
     margin: 0;
     min-height: 150px;
}
 .testi-name h5 {
     font-size: 20px;
     font-weight: 600;
     color: #000;
     margin: 0 0 0 0;
}
 .testi-img img {
     border-radius: 100px;
}
 .testi-slider1 {
     text-align: left;
     margin: 20px 0 0 0;
}
 .testi-slider1 .testi-flex-box {
     justify-content: end;
}
 section.testimonial-section p.text-center {
     margin: 0 0 30px 0;
}
/*section.testimonial-section */
/*section.footer-form-section*/
 section.footer-form-section {
     padding: 50px 0;
}
 section.footer-form-section label.choice span {
     color: #000;
     font-size: 16px;
}
 section.footer-form-section input::placeholder {
     color: #000;
     font-weight: 400;
     font-size: 14px;
}
 section.footer-form-section textarea#message::placeholder {
     color: #000;
     font-weight: 400;
     font-size: 14px;
}
 .wrap{
    min-height:100%;
    display:grid;
    place-items:start;
    /* padding: 20px 0;
     */
    justify-content: center;
}
 .card{
    /* width:min(100%, 960px);
     */
    background:var(--card);
    border:1px solid #e0f2fe;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:24px;
    background: #ECF5FE;
}
 h1{
    margin:0 0 20px;
    font-size:clamp(20px, 3vw, 28px)
}
/* Grid */
 .grid{
    display:grid;
    gap:16px
}
 .g2{
    grid-template-columns:1fr
}
 @media (min-width: 768px){
    .g2{
        grid-template-columns:1fr 1fr
    }
}
 section.footer-form-section label.title{
    display:block;
    font-size: 20px;
    font-weight:600;
    color: #282828;
    margin-bottom:6px;
    font-family: 'Inter';
}
 section.footer-form-section .field{
    display:block
}
section.footer-form-section .input, textarea{
    width:100%;
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px 14px;
    font-size: 14px;
    /* color:var(--ink);
     */
    background:#fff;
    outline:none;
    transition:border .2s, box-shadow .2s;
    font-weight: 400;
    font-family: 'Inter';
    color: #000000;
    resize: none;
}
 section.footer-form-section .input::placeholder, textarea::placeholder{
    color:#94a3b8
}
 section.footer-form-section .input:focus, textarea:focus{
    border-color:#38bdf8;
    box-shadow:0 0 0 3px var(--ring)
}
/* Help & error */
 .help{
    margin-top:6px;
    font-size:12px;
    color:#64748b
}
 .error{
    margin-top:6px;
    font-size:13px;
    color:var(--danger)
}
 .invalid{
    border-color:#fecdd3;
    box-shadow:0 0 0 3px #ffe4e6
}
/* Fieldset styles */
 fieldset{
    border:0;
    padding:0;
    margin:24px 0 0
}
 legend{
    font-size: 20px;
    color: #282828;
    font-weight:600;
    margin-bottom:10px;
    font-family: 'Inter';
}
/* Custom radios & checkboxes */
 .choice-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px 24px
}
 .choice{
     display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#334155;
    cursor:pointer;
    user-select:none 
}
 .choice input{
    appearance:none;
    inline-size:18px;
    block-size:18px;
    border:1.5px solid #cbd5e1;
    border-radius:50%;
    display:grid;
    place-content:center;
    transition:border .2s, box-shadow .2s
}
 .choice input[type="checkbox"]{
    border-radius:6px
}
 .choice input:focus-visible{
    outline:2px solid transparent;
    box-shadow:0 0 0 3px var(--ring)
}
 .choice input::before{
    content:"";
    inline-size:10px;
    block-size:10px;
    border-radius:50%;
    transform:scale(0);
    transition:transform .15s ease-in-out;
    background:var(--brand)
}
 .choice input[type="checkbox"]::before{
    inline-size:12px;
    block-size:12px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center / contain no-repeat;
    background:var(--brand);
    border-radius:0
}
 .choice input:checked{
    border-color:var(--brand)
}
 .choice input[type="radio"]:checked::before{
    transform:scale(1)
}
 .choice input[type="checkbox"]:checked::before{
    transform:scale(1)
}
/* Textarea */
 textarea{
    min-height:140px;
    resize:vertical
}
/* Button */
 .actions{
    margin-top: 0;
    width: 100%;
}
 .btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #4194F2;
     color: #fff;
     border: 0;
     border-radius: 100px;
     padding: 12px 30px !important;
     font-weight: 400;
     /* box-shadow: 0 8px 18px rgba(2, 132, 199, .20);
     */
     cursor: pointer;
     overflow: hidden;
     z-index: 1;
     font-size: 15px;
     transition: color 0.3s ease;
}
 .btn:hover {
     color: #fff;
     transform: translateY(-2px);
    border-radius: 100px;
}
/* .btn:hover{
    background:var(--brand-700)
}
*/
 .btn:active{
    transform:translateY(1px);
    background:var(--brand-800)
}
 .btn[disabled]{
    opacity:.6;
    cursor:not-allowed
}
/* Status */
 .status{
    margin-top:12px;
    font-size:14px
}
 .ok{
    color:var(--ok)
}
 .bad{
    color:var(--danger)
}
/* Visually hidden (honeypot label) */
 .vh{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px);
    white-space:nowrap
}
 :root{
     --bg:#f0f7ff;
    /* light sky */
     --card:#fff;
     --ink:#0f172a;
    /* slate-900 */
     --muted:#475569;
    /* slate-600 */
     --line:#e2e8f0;
    /* slate-200 */
     --brand:#0284c7;
    /* sky-600 */
     --brand-700:#0369a1;
    /* sky-700 */
     --brand-800:#075985;
    /* sky-800 */
     --ring:#bae6fd;
    /* sky-200 */
     --danger:#e11d48;
    /* rose-600 */
     --ok:#059669;
    /* emerald-600 */
     --shadow: 0 6px 18px rgba(2,132,199,.08);
     --radius: 16px;
}
 *{
    box-sizing:border-box
}
/*section.footer-form-section*/
 a.btn.btn-primary.popup-btn.border-btn {
     background: #000;
}
 section.since-section .btn {
     text-align: center;
     margin: auto;
     display: table;
}
 section.footer-form-section button.btn {
     width: 100%;
}
 .footer ul li a {
     font-size: 14px;
     font-weight: 300;
}
 section.since-section h2.text-h2 {
     margin: 0 0 20px 0;
}
 section.since-section .text-center {
     margin: 0 0 30px 0;
}
 section.explore-section h2.text-h2 {
     margin: 0 0 20px 0;
}
 section.testimonial-section h2.text-h2 {
     margin: 0 0 20px 0;
}
 
.p0 {
    PADDING: 0;
}

.book-img-wrap {
  display: inline-block;
  overflow: hidden;
}
.book-img {
  display: block;
  max-width: 95%;
  transition: transform 0.3s ease-out, 0.3s ease-out;
  will-change: transform;
  box-shadow: none !important;
}
section.book-section .row {
    display: flex;
    align-items: center;
}




/*.header-top*/

.header-top {
    padding: 10px 50px;
    background: #003f7a;
}

p.header-top-text {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.top-mail-box a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 0;
    text-decoration: none;
}

.top-mail-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: end;
}

.top-mail-box a i {
    margin: 0 10px 0 0px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.top-mail-box span {
    color: #fff;
}
/*.header-top*/


/*section.serv-baner-section*/
section.serv-baner-section {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 765px;
    display: flex;
    align-items: center;
}
.ser-publishing-section {
    background-image: url(../images/services-images/publishing-bnerbg.webp);
}
.audio-book-section {
    background-image: url(../images/services-images/audio-book-bnerbg.webp);
}
.ser-book-cover-section {
    background-image: url(../images/services-images/book-cover-bnerbg.webp);
}
.ser-edting-section {
    background-image: url(../images/services-images/eadting-bnerbg.webp);
}
.ser-ebook-section {
    background-image: url(../images/services-images/ebook-bnerbg.webp);
}
.ser-markiting-section {
    background-image: url(../images/services-images/markiting-bnerbg.webp);
}
.ser-about-baner-section {
    background-image: url(../images/services-images/about-bnr-bg.webp);
}
.ghost-writing-banner {
    background-image: url(../images/ghost-wrting-bnr.webp);
}
.ser-contact-baner-section {
    background-image: url(../images/contact-bg.webp);
}
.ser-black-white-section {
    background-image: url(../images/services-images/dis-markiting-bner1-bnerbg.webp);
}
.ser-ultimate-publishing-section {
    background-image: url(../images/services-images/black-publishing-bnerbg.webp);
}
.ser-basic-publishing-section {
    background-image: url(../images/services-images/black-publishing-bnerbg.webp);
}
.ser-economy-publishing-section {
    background-image: url(../images/services-images/eco-publishing-bnerbg.webp);
}
.ser-full-color-section {
    background-image: url(../images/services-images/ful-publishing-bnerbg.webp);
}
.ser-ult-ful-publishing-section {
    background-image: url(../images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-basic-ful-color-publishing-section {
    background-image: url(../images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-eco-ful-publishing-section {
    background-image: url(../images/services-images/ult-ful-publishing-bnerbg.webp);
}
.ser-discount-markiting-section {
    background-image: url(../images/services-images/dis-markiting-bner1-bnerbg.webp);
}
.ser-Selected-markiting-section {
    background-image: url(../images/services-images/selec-markiting-bnerbg.webp);
}
.ser-all-markiting-section {
    background-image: url(../images/services-images/all-marketing-bnerbg.webp);
}
.ser-launch-markiting-section {
     background-image: url(../images/services-images/all-marketing-bnerbg.webp);
}
.ser-teasers-markiting-section {
    background-image: url(../images/services-images/teaser-markiting-bnerbg.webp);
}
.ser-spec-marketing-section {
    background-image: url(../images/services-images/all-pak-publishing-bnerbg.webp);
}
.ser-social-markiting-section {
    background-image: url(../images/services-images/social-markiting-bnerbg.webp);
}
.ser-virtual-markiting-section {
    background-image: url(../images/services-images/virtual-markiting-bnerbg.webp);
}
.ser-video-markiting-section {
    background-image: url(../images/services-images/trailer-marking-bnerbg.webp);
}

.ser-publishing-section {
    background-image: url(../images/creative/crativ-book-pub-bnerbg.webp);
}
.ser-creative-illust-section {
    background-image: url(../images/creative/crative-illus-bnerbg.webp);
}
.ser-creative-book-size-section {
    background-image: url(../images/creative/crativ-book-pub-bnerbg.webp);
}
.ser-creative-pers-section {
    background-image: url(../images/creative/creativperson-bnerbg.webp);
}

.article-ser-book-section {
    background-image: url(../images/services-images/article-bnerbg.webp);
}





.custom-cover-design-sec .publising-main p {
    min-height: 200px;
}
section.footer-form-section h2.text-h2 {
    margin: 0 0 30px 0;
}
section.portfolio-section h2.text-h2 {
    margin: 0 0 30px 0;
}

section.award-section h2.text-h2 {
    margin: 0 0 30px 0;
}

section.serv-baner-section ul.suport-ul-box li p {
    padding: 0;
    line-height: 20px;
}
section.serv-baner-section .row {
    display: flex;
    align-items: center;
}
section.serv-baner-section h2.text-h2 {
    color: #fff;
    font-size: 55px;
    line-height: 55px;
}

section.serv-baner-section p {
    color: #fff;
    padding: 0 50px 0 0;
    font-size: 16px;
}

img.ser-bnr-logos {
    width: 85%;
    margin: 30px 0 0 0;
}

section.serv-baner-section ul.suport-ul-box li i {
    color: #fff;
}

.bannr-img img {
    /* width: 100%; */
}




/*section.polish-section*/
section.polish-section {
    padding: 50px 0;
}

img.ser-bnr-img2 {
    width: auto;
}

section.polish-section .row {
    display: flex;
    align-items: center;
}

section.polish-section h2.text-h2 {
    text-align: start !important;
}

.polish-box {
    padding: 20px;
    background: #E3EFFD;
    border-radius: 8px;
    margin: 20px 0;
}

h4.text-h4 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 9px 0;
    color: #282828;
}

.polish-box p {
    color: #5C5C5C;
    margin: 0;
}

/*section.polish-section*/

/*section.publishing-ser-section*/

section.publishing-ser-section {
    padding: 50px 0;
    position: relative;
}
section.publishing-ser-section::before {
    content: "";
    position: absolute;
    background: url(../images/services-images/publishing-ser-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 390px;
    width: 100%;
    top: 0;

}

.publising-main {
    padding: 30px  20px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 12px 15px rgba(0, 0, 0, 0.05);
    margin: 30px 10px 35px 10px;
}
section.publishing-ser-section h2.text-h2 {
    color: #fff;
}

section.publishing-ser-section p {
    color: #fff;
}

.publising-main p {
    color: #000 !important;
    margin: 0;
    min-height: 100px;
}

.pub-slid-img {
    height: 70px;
    width: 70px;
    background: #003F7A;
    border-radius: 100px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border: solid 1px #fff;
}

section.publishing-ser-section h4.text-h4 {
    margin: 25px 0 10px 0;
}


section.publishing-ser-section .slick-dots {
    left: 0px;
    right: 0;
    /* margin: auto; */
    /* display: table; */
    bottom: -15px;
    /* width: 53%; */
    /* background: red; */
}


section.publishing-ser-section .slick-dots li {
    left: 0px;
    right: 0;
    bottom: 0px;
     width: 95px; 
}

/* Default dots ko dash banaya */
section.publishing-ser-section .slider-dots li button,
section.publishing-ser-section .slick-dots li button,
.swiper-pagination-bullet,
.owl-dots button {
    width: 95px;              /* dash length */
    height: 14px;              /* dash thickness */
    border-radius: 20px;       /* halka rounded */
    background: #ccc;         /* default gray */
    margin: 0;
    transition: all 0.4s ease;
    opacity: 0.6;
    /* text-align: center; */
    /* margin: 0 0 0 0; */
    /* display: table; */
}

/* Active dash */
section.publishing-ser-section .slider-dots li.slick-active button,
section.publishing-ser-section .slick-dots li.slick-active button,
.swiper-pagination-bullet-active,
.owl-dots button.active {
    background: #4194f2;       /* active color */
    /* width: 70px; */               /* thoda lamba active dash */
    opacity: 1;
}

/* Hover effect */
section.publishing-ser-section .slider-dots li button:hover,
section.publishing-ser-section .slick-dots li button:hover,
.swiper-pagination-bullet:hover,
.owl-dots button:hover {
    background: #e63946;       /* red on hover */
    opacity: 1;
    /* width: 70px; */
}

/*section.publishing-ser-section*/



section.serv-baner-section.ser-about-baner-section h5.text-h5 {
    font-size: 30px;
    font-weight: bold;
    color: #0b5ed7;
    margin: 0 0 0 0;
}
/*section.serv-baner-section*/



* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:Arial, sans-serif;}

header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}

.logo img {
  height: 40px;
}

.menu-toggle {
  display: none;
  font-size: 22px;
  cursor: pointer;
  color: #333;
}

.menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
}

.menu li {
  position: relative;
}

.menu li a {
  text-decoration: none;
  color: #333;
  font-weight: 400;
  padding: 10px 5px;
  font-size: 16px;
  transition: all 0.3s ease;
  display: block;
  position: relative;
}

/* .menu li a:hover {
  color: #007bff;
      box-shadow: rgb(68 148 239) 0px 2px 8px 0px;
} */
.submenu li a:hover i {
    color: #4494ef;
}
/* .menu li a:hover::after {
  width: 100%;
}

.menu li a.active {
  color: #007bff;
}

.menu li a.active::after {
  width: 100%;
} */

/* Submenu */
.submenu {
  list-style: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  min-width: 240px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0.3s ease;
  z-index: 100;
}

.submenu li {
  position: relative;
}

.submenu li a {
  padding: 8px 15px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  border-bottom: solid 1px #ddd;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
/* 
.submenu li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #007bff;
  transition: width 0.4s ease;
  z-index: -1;
} */

.submenu li a:hover {
  color: #000;
}

.submenu li a:hover::before {
  width: 100%;
}

.menu li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Inner submenu */
.submenu.inner {
  top: 0;
  left: 100%;
  transform: translateX(-15px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.submenu li:hover > .submenu.inner {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Arrow Icon */
.dropdown > a i {
  margin-left: 8px;
  transition: transform 0.3s ease;
  color: #007bff;
  font-size: 17px;
}

.dropdown:hover > a i {
  transform: rotate(90deg);
  animation: arrowBlink 1s infinite;
}

.submenu a i {
  color: #007bff;
  transition: color 0.3s ease;
  font-size: 17px;
}

.submenu a:hover i {
  color: #fff;
}

/* Arrow blink animation */
@keyframes arrowBlink {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .menu li {
                background-color: white;
    }
    
    .menu{
    display: none;
    }
    .menu.open{
    display: block;
    }

    .menu-toggle{
    cursor: pointer;
    font-size: 30px;
    }
  .menu-toggle {
    display: block;
  }

  .menu {
   flex-direction: column;
        position: absolute;
        top: 75px;
        left: 0;
        background-color: #fff;
        width: 100%;
        max-height: 0;
        overflow: inherit;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
        transition: max-height 0.4s ease;
        border-radius: 0 10px 10px 0;
        gap: 0;
        border-radius: 0;
        z-index: 9999999999;
  }

  .menu.open {
    max-height: 700px;
  }

  .menu li {
    width: 100%;
  }

  .menu li a {
    padding: 12px 20px;
    color: #333; /* always visible on mobile */
  }

  .menu .submenu {
    position: static;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .menu li.open > .submenu {
    max-height: 600px;
  }

  .menu .submenu li a {
    background: #f9f9f9;
    color: #333;
  }

  .menu .submenu li a:hover {
    background: #007bff;
    color: #fff;
  }

  .submenu.inner {
    position: static;
    transform: none;
    max-height: 0;
  }

  .menu li.open > .submenu.inner {
    max-height: 400px;
  }

  .submenu.inner li a {
    padding-left: 35px;
    background: #fafafa;
  }
}



section.portfolio-section {
    padding: 50px 0;
    background: #F8F5F1;
}
.port-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.port-slider-img-box {
    margin: 0 0 20px 0;
        text-align: center;
}


section.publishing-ser-section .mobile-slider {
    margin: 30px 0 0 0;
}


section.faqs-section {
    padding: 50px 0;
    background: #EEF6FE;
}


ul.accordion-list.list-unstyled.row {
    margin: 70px 0 0 0;
    padding: 0;
}

p.lh-27 {
    text-transform: capitalize;
    font-size: 16px;
    color: #000 !important;
    line-height: 22px;
    margin: 15px 0 0 0;
    padding: 0 67px 0 0;
    font-weight: 400;
}

span.spen-nu-clas {
    padding: 20px;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
}


ul.accordion-list li {
    position: relative;
    background: #fff;
    color: #000 !important;
    padding: 20px 15px;
    margin: 10px 0 10px 0;
    /* min-height: 78px; */
    border-radius: 5px;
}

section.faqs-section h3.d-flex {
    column-gap: 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    margin: 0;
}

section.faqs-section .row {
    display: flex;
    align-items: center;
}

section.faqs-section h2.text-h2 {font-size: 50px;font-weight: bold;color: #003F7A;margin: 0 0 30px 0;line-height: 55px;}

section.faqs-section p {
    /* color: #fff; */
}
section.faqs-section li.active span.spen-img-faq {
    transform: rotate(-90deg);
}
span.spen-img-faq {
    position: absolute;
    right: 10px;
}
span.spen-img-faq {
    transition: .5s;
}

section.explore-section .fince-tab-tax img {
    width: 50px;
    margin: 0 0 15px 0;
    filter: brightness(0);
}



section.prvac-banner-section {
    padding: 100px 0;
    text-align: center;
}

section.prvac-banner-section h1 {
    font-size: 55px;
    color: #000;
    font-weight: 600;
}

section.prvac-banner-section p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

section.trem-section {
    padding: 100px 0;
    background: #003f7a;
}

section.term-first-wrapper h4 {
    font-size: 24px;
}

.terms-first-wrap-text h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 500;
}

.terms-first-wrap-text h1 {
    font-size: 55px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

section.polish-section.about-polish-sec {
    position: relative;
}

img.about-img2 {
    position: absolute;
    width: 200px;
    left: 110px;
    top: 0;
}

img.about-img3 {
    width: 400px;
}
section.polish-section.about-polish-sec h4 {
    font-size: 18px;
    font-weight: bold;
}

section.polish-section.about-polish-sec p {
    margin: 0 0 10px 0;
}


section.best-seller-section {
    padding: 50px 0;
}
.seller-box-main {
    padding: 0 20px;
    background: #ECF5FE;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    min-height: 230px;
}

p.sel-text {
    font-size: 16px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    color: #5C5C5C;
}

.seller-text h5 {
    font-size: 30px;
    font-weight: bold;
    color: #282828;
    margin: 0 0 10px 0;
}
.row.story-row {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
}

section.our-story-section {
    padding: 50px 0;
}

section.cta-section {
    padding: 50px 0;
}

section.cta-section .row.cta-main-box {
    margin: 0;
}
section.contact-mai-section {
    padding: 50px 0;
}
.tel-main-box {
    padding: 30px;
    text-align: center;
    border: solid 1px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    position: relative;
    min-height: 178px;
}

.col-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    background: #4194F2;
    border-color: transparent;
}

.col-icon i {
    font-size: 25px;
    color: #fff;
}


.tel-main-box h4 {
    margin: 25px 0 10px 0;
    font-size: 25px;
    font-weight: 600;
    color: #000000;
}

.tel-main-box a {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-decoration: auto;
    margin: 0;
}

.tel-main-box p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-decoration: auto;
    margin: 0;
}

section.serv-baner-section.ser-contact-baner-section {
    min-height: 600px;
}

section.serv-baner-section.ser-contact-baner-section h5.text-h5 {
    font-size: 30px;
    font-weight: bold;
    color: #0b5ed7;
    margin: 0 0 0 0;
}






.pricing-sec {
    width: 100%;
    padding: 60px 0 0
}

.pricing-sec h2 {
    padding-bottom: 20px;
    text-align: center
}

.pricing-sec .pricingwrap {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.pricing-sec .pricingwrap li {
    padding: 0 15px 15px
}

.pricing-sec .pricingwrap li .box {
    box-shadow: 0 0 25px #00000040;
    border-radius: 10px;
    width: 100%;
    transition: .4s;
    min-height: 400x
}

.pricing-sec .pricingwrap li .box figure {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0
}

.pricing-sec .pricingwrap li .box figure img {
    border-radius: 10px 10px 0 0;
    max-width: 100%
}

.pricing-sec .pricingwrap li .box .txt-wrap {
    padding: 25px 20px 30px;
    background: #fff;
    border-radius: 10px
}

.pricing-sec .pricingwrap li .box .txt-wrap h4 {
    color: #223235;
    text-align: left;
    line-height: 1.2;
    text-decoration: none;
    font-size: 24px;
    border: 0;
    font-weight: 600
}

.pricing-sec .pricingwrap li .box .txt-wrap p {
    font-size: 16px;
    color: var(--default-color);
    line-height: 1.4;
    text-align: left;
    padding-bottom: 0;
    height: 60px
}

.sdemenu {
    text-align: right;
    margin: 0 0 0 10px
}

.main-heading {
    font-size: 40px;
    width: 100%;
    font-weight: 700;
    line-height: 1.1;
}
.main-heading span {
    display: block;
    font-weight: 700;
}

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: auto;
}

.accordion {
    overflow: hidden;
    background: 0 0;
    margin-top: 30px
}

.quest-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background: #f7f9fc;
    color: #223235;
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    min-height: 60px;
    line-height: 60px;
    display: inline-block;
    transition: .15s linear;
    border-bottom: 1px solid #dbdbdb;
    text-decoration: auto;
}

.lets-btn, .lets-btn:hover, .submit:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.quest-title:before {
    position: absolute;
    content: "\f196";
    width: 20px;
    height: 20px;
    right: 15px;
    top: 20px;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #1e1e1e;
    font-size: 20px
}

.quest-title.active, .quest-title:hover {
    color: #0b80ba;
    content: "\e91c"
}

.quest-title:after {
    width: 60px;
    height: 1px;
    left: -60px;
    bottom: -1px;
    background: #dbdbdb;
    position: absolute;
    content: ""
}

.quest-title.active:before {
    content: "\f147";
}

.quest-content {
    padding: 20px 20px;
    display: none;
    background: #fff;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.quest-content p {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #363636
}

.pad-left-10 {
    padding-left: 10px
}

.pad-right-10 {
    padding-right: 10px
}

.lets-btn, .nos-btn {
    color: #fff;
    padding: 13px 20px;
    font-size: 16px;
    text-transform: capitalize
}

.lets-btn {
    background: #0b80bad9;
    border: none;
    border-radius: 3px;
    font-weight: 500;
    transition: .4s
}

#btmsticky a, .nos-btn {
    font-weight: 500 !important
}

.lets-btn:hover, .submit:hover {
    background: #0b80ba;
    color: #fff;
    transition: .4s
}

.nos-btn, .nos-btn:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.nos-btn {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 3px;
    transition: .4s;
    margin-left: 20px
}

.nos-btn:hover {
    transition: .4s;
    color: #0b80ba;
    background: #fff
}


.btn-main {
    background: #1073a3;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 500;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-transform: inherit;
    text-decoration: auto;
}
.bot-form form input[type=submit], .btn-main {
    border: none;
    color: #fff;
    text-transform: capitalize;
}

.pricing-sec td, .pricing-sec th {
    text-align: left;
    padding: 10px
}

.pricing-sec thead {
    padding: 10px;
    background: #545151;
    width: 100%;
    color: #fff
}

.pricing-sec tbody {
    background: #f8f8f8;
    width: 100%
}

.pricing-sec table p {
    margin: 0;
    font-size: 12px;
    text-align: left
}

.pricing-sec table .t-heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
    letter-spacing: 1.5px
}

.pricing-sec table tbody tr td:first-child, .pricing-sec table thead tr th:first-child {
    border-right: 1px solid #f0f0f0;
    width: 65%
}

.pricing-sec span.t-price {
    font-size: 12px;
    font-weight: 500
}

.pricing-sec span.t-price b {
    display: block;
    font-size: 11px;
    font-weight: 500
}

.pricing-sec table tbody tr:first-child {
    border-bottom: 1px solid #f0f0f0
}

.pricing-sec thead th {
    border-right: 1px solid #f8f8f81f !important
}

.pricing-sec .quest-content p {
    text-align: left
}

ul.frst-wrap li {
    list-style: none;
    margin: 20px 0 0 0;
}


section.portfolio-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, #463B36, #463B36);
}

section.portfolio-section div#pills-tabContent {
    padding: 0;
}

section.portfolio-section p {
    color: #fff;
}

section.portfolio-section h2.text-h2 {
    color: #fff;
}
/*.portfolio-section*/

/*.portfolio-section*/



.portfolio-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 20px 0 0 0;
     justify-content: center;
     padding: 0;
     column-gap: 4px;
     gap: 10px;
}
 .portfolio-section ul#pills-tab li {
     width: max-content;
     display: flex;
     align-items: center;
     column-gap: 10px;
     justify-content: center;
}
.portfolio-section ul#pills-tab li button {
    position: relative;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 500;
    border: solid 1px #ccc;
    border-radius: 75px;
    color: #fff;
    width: 100%;
    background: transparent;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s 
ease, border-color 0.3s 
ease;
    cursor: pointer;
    text-transform: capitalize;
    width: max-content;
}

/* Sliding background layer */
.portfolio-section ul#pills-tab li button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #000;
    transition: left 0.4s ease;
    z-index: -1;
}

/* On hover - bg slides in */
.portfolio-section ul#pills-tab li button:hover::before {
    left: 0;
}

/* Hover text + border */
.portfolio-section ul#pills-tab li button:hover {
    color: #fff;
    border-color: #fff;
}

/* Active tab style */
.portfolio-section ul#pills-tab li button.active {
    color: #fff !important;
    border-color: #fff;
}

/* Keep bg visible for active tab */
.portfolio-section ul#pills-tab li button.active::before {
    left: 0;
}

.redefine-tab-bg {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
}

.port-slider-img-box {
    margin: 30px 0 0 0;
}

section.portfolio-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, #4194F2, #4194f285);
}

section.portfolio-section div#pills-tabContent {
    padding: 0;
}

section.portfolio-section p {
    color: #fff;
}

section.portfolio-section h2.text-h2 {
    color: #fff;
}
/*.portfolio-section*/

section.portfolio-section .redefine-tab-bg {
    border: 0;
    padding: 0;
}



.video-wrapper {
  position: relative;
max-width: 100%;
  /* max-width: 400px; */ /* adjust size */
  margin: auto;
  border-radius: 6px;
  overflow: hidden;
  /* box-shadow: 0 8px 20px rgba(0,0,0,0.3); */
}

.award-video {
  /* width: 100%; */
  border-radius: 6px;
  display: block;
  height: 265px;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}

.play-btn:hover {
  background: rgba(255,255,255,1);
  transform: translate(-50%, -50%) scale(1.1);
}

.play-btn i {
  font-size: 28px;
  color: #000;
}

.award-slider .slick-track {
  display: flex !important;
  align-items: center;
  transition-timing-function: linear !important;
}
.award-slider .slick-slide {
  margin: 0 10px;
}
.award-slider .slick-list {
  overflow: hidden;
}
.award-main-box {
  width: 250px;
  min-height: 260px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  border: 1px solid #ddd;
}

.video-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}

.play-btn {
  z-index: 2;
}

.tab-bg-port-folio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.port-slider-img-box img {
    width: 90%;
}



.packeg-main-box {
    padding: 30px;
    border: solid 1px #175B71;
    border-radius: 8px;
    margin: 20px 0 0 0;
}
.pag-text-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.price-text {
    display: flex;
    align-items: center;
}

.price-text h1 {
    font-size: 82px;
    font-weight: 600;
    color: #4195EA;
    margin: 0 0 0;
}

.price-text span {
    font-size: 32px;
    font-weight: 600;
    color: #B8B8B8;
}

.packeg-main-box ul {
    padding: 20px;
    background: #F7F9FC;
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0 15px 0;
}

.packeg-main-box ul li {display: flex;align-items: center;font-size: 16px;color: #000;font-weight: 400;margin: 0 0 5px 0;column-gap: 5px;width: 50%;}

.pag-text-flex h4 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.packeg-main-box .theme-btns {
    /* background: rebeccapurple; */
    padding: 0;
}

.packeg-main-box .theme-btns a {
    color: #000;
    border: 0;
    padding: 0;
    margin: 0 25px 0 0;
    text-decoration: none;
}

.packeg-main-box .theme-btns i {color: #000;font-size: 15px;margin: 0 5px 0 0;}
p.pera-box {
    text-align: start;
    margin: 10px 0 0 0;
}
.packeg-main-box a.lets-btn.popup-btn {
    padding: 10px 20px;
    color: #fff;
    margin: 0;
    background: #4195EA;
}

.packeg-main-box .theme-btns.pagt-pop-bin {
    margin: 20px 0 0 0;
}

.packeg-main-box ul li i {
    color: #4195EA;
}


ul.brs__portfolio {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 16px;
    margin-top: 30px;
}

ul.brs__portfolio li img {
    max-width: 100%;
}

ul.brs__portfolio li {
    list-style: none;
}

.col-sm-2-4 {
  width: 20%;
  float: left;
  padding: 10px;
}
.port-slider-img-box img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.brs__port {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 25px;
    margin-top: 60px;
    row-gap: 50px;
}

.brs__port img {
    width: 100%;
    max-height: 375px;
}

.brs__port li {
    list-style: none;
}

.brs__port li div {
    position: relative;
}
.brs__port li .best-seller-book {
    position: absolute;
    max-width: 90px;
    height: auto;
    object-fit: scale-down;
    top: -12%;
    right: 3%;
}

.promo-banner .book1:hover ,
.promo-banner .book2:hover ,
.promo-banner .book3:hover ,
.promo-banner .book4:hover ,
.promo-banner .book5:hover ,
.promo-banner .book6:hover ,
.promo-banner .book7:hover ,
.promo-banner .book8:hover {
    transform: translateY(-12px);
    transition: all .3s linear;
}
.promo-banner .book1,
.promo-banner .book2,
.promo-banner .book3,
.promo-banner .book4,
.promo-banner .book5,
.promo-banner .book6,
.promo-banner .book7{
     transition: all .3s linear;
}






/* new css  */
.pricing-bnr {
    background: url(../images/pricing-bnr.webp) center center / cover no-repeat;   
}


.brs-pages {
    min-height: auto !important;
    padding: 200px 0 !important;
}

.brs-pages h6 {
    font-size: 23px;
    color: white;
    font-weight: 600;
    margin: 15px 0;
}

.brs-pages .border-btn {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
}
section.authors-bio {
    padding: 60px;
}
.brs-pricing h4  , section.authors-bio h4{ 
    font-size: 45px;
    color: black;
    text-align: center;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.bio-content h2 {
    font-size: 45px;
    color: black;
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.brs-pricing p {
    color: black;
    text-align: center;
    line-height: 21px;
    padding-top: 10px;
    margin: 0;
}
section.brs-pricing {
    padding: 60px 0;
}

.brs-pricing ul#pills-tab li button:hover {
    background-color: black;
    color: white;
}
.brs-pricing ul#pills-tab li button {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    background-color: transparent;
    color: #000;
    word-spacing: 1px;
    letter-spacing: 0px;
    font-family: poppins;
    padding: 14px 30px;
    border-radius: 5px !important;
    border: 1px solid #00000052;
}

.brs-pricing ul#pills-tab {
    gap: 15px;
}

.brs-pricing ul#pills-tab li button.active {
    background: #4494ef !important;
    color: white !important;
}
.tabs-pricing {
    background-color: #E4E4E4;
    padding: 50px 30px;
    border-radius: 15px;
}
.tabs-pricing h3 {
    font-size: 45px;
    color: #003F7A;
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
}

.tabs-pricing p {
    text-align: left;
    max-width: 100%;
    margin: 0;
}
.tabs-pricing .active-btm {
    font-size: 16px;
    text-decoration: none;
    color: black;
    font-weight: 600;
    border: 2px solid black;
    padding: 12px 40px;
    border-radius: 60px;
    margin-left: auto;
    display: block;
    width: max-content;
    background-color: white;
}

.tabs-pricing table {
    background-color: white;
    width: 100%;
}

.tabs-pricing table thead {
    font-size: 20px;
    font-family: poppin;
    color: white;
    background-color: black;
}

.tabs-pricing table thead th span {
    padding: 20px 40px !important;
    display: block;
}

.tabs-pricing table thead tr {
    border-top-left-radius: 10px;
}

.tabs-pricing table .package-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: poppins;
    color: #4194F2;
    line-height: 19px;
}
.tabs-pricing table p {
    font-size: 15px;
    color: black;
    font-family: poppins;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    padding-top: 5px;
}
.tabs-pricing table tr .left-col {
    padding: 35px 40px;
}

.price-wrap {
    font-size: 30px;
      font-weight: 600;
    color: beige;
    color: black;
    padding: 0;
    text-align: center;
    font-family: poppins;
    letter-spacing: -2px;
    padding: 0 30px;
}
.price-pro {
    font-size: 30px;
    font-weight: 600;
    background: -webkit-linear-gradient(#F7B844, #BB933E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    text-align: center;
    font-family: poppins;
    letter-spacing: -2px;
}

.badge {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
        padding: 0 50px;
}

.tabs-pricing table thead tr .pill {
    text-align: center;
}

.table-brs table {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
}

.table-brs table tr td {
    border: 1px solid #80808040;
}

.author-connect  , section.author-des{
    padding: 60px 0;
}

.author-connect .author-box {
    border: 1px solid #80808057;
    border-radius: 5px;
    padding: 14px;
     transition: all .3s linear;
}
    
.author-connect .author-box img {
    width: 100%;
}

.author-connect .author-box h6 {
    font-size: 20px;
    color: #4194F2;
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 10px;
}

.author-connect .author-box p {
    font-size: 16px;
    line-height: 20px;
    color: black;
    font-weight: 400;
    margin: 10px 0 10px 0;
}

.author-connect .author-box a {
    font-size: 14px;
    text-decoration: none;
    color: black;
    font-style: italic;
    color: #7B7B7B;
    font-weight: 600;
    border-bottom: 1px solid #7B7B7B;
}
.author-connect .row {
    row-gap: 20px;
}

.author-connect .author-box:hover {
    transform: translateY(-5px);
    transition: all .3s linear;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    background-color: #0b5ed7;
}
.author-connect .author-box:hover h6,
.author-connect .author-box:hover p,
.author-connect .author-box:hover a{
    color: white;
    border-color: white;
}

.authors-bio .author-pro img {
    width: 100%;
}

.bio-content h5  , .author-des h5{
    font-size: 45px;
    color: #4194F2;
    text-align: left;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    line-height: 50px;
}
.bio-content strong {
    font-size: 23px;
    font-weight: 700;
    color: black;
    letter-spacing: -0.5px;
    font-family: inter;
    line-height: 40px;
    padding-bottom: 5px;
    display: inline-block;
}
.bio-content p {
    font-size: 16px;
    line-height: 21px;
    color: black;
    font-family: inter;
    padding: 5px 0;
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.bio-content .bio-link {
    font-size: 16px;
    text-decoration: none;
    background-color: #4494ef;
    color: white;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 60px;
    margin: 25px 0;
    display: block;
    width: max-content;
}

ul.bio-share {
    display: flex;
    gap: 15px;
}

ul.bio-share li {
    list-style: none;
}

.bio-share {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bio-share a:hover {
      transition: all .3s linear;
}

.bio-share a:hover {
    transform: translateY(-5px);
    transition: all .3s linear;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border-radius: 100px;
}

.authors-bio hr {
    width: 85%;
    margin: auto;
    top: 50px;
    position: relative;
}
.author-des .content p {
    padding: 5px 0;
    font-size: 16px;
    color: black;
    font-weight: 300;
}

.border-btn {
    background-color: transparent;
    border: 2px solid #003F7A;
    color: #003F7A;
}

section.explore-section ul#pills-tab li button {
    font-size: 15px;
    text-transform: capitalize;
}

section.explore-section ul#pills-tab {
    row-gap: 10px;
}
.genre-port{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.genre-port img {
    max-width: 40%;
    height: 100%;
}

.fince-tab-tax h4 {
    line-height: 40px;
}


a[href*="contentwritingsquare.com"] span,
a[href*="contentwritingsquare.com"] p,
a[href*="contentwritingsquare.com"] {
    text-transform: lowercase !important;
}



.navbar .submenu a i {
    margin: 0;
}


.inner__box {
    background-color: white;
    padding: 20px;
    border: 1px solid #00000000;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.inner__box h6 {
    font-size: 25px;
    font-weight: 600;
    font-family: "Bricolage Grotesque", sans-serif;
    color: black;
}

.inner__box div {
    border-bottom: 1px solid #80808042;
    padding-bottom: 5px;
}

.inner__box p {
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 23px;
}
.test__box img:first-child {
    width: 300px;
    height: 50px;
    object-fit: scale-down;
        object-position: left;
}
.testimonial-slider .slick-slide {
    margin: 0 5px;
}

.testimonial__wrap .slick-dots li {
    width: 30px;
    height: 5px;
  background-color: #482c1f47;
}
.testimonial__wrap .slick-dots li:active {
  background-color: #482C1F;
}
.testimonial__wrap .slick-dots li.slick-active button:before {
  background-color: #482C1F;
     width: 30px;
    height: 5px;
}
.testimonial__wrap .slick-dots li button:before,
.testimonial__wrap .slick-dots li.slick-active button:before {
  color: transparent;
}
.testimonial__wrap .slick-dots {
    bottom: -12%;
}
.inner__box p {
  color : black;        
  margin-top: 10px;
      height: 170px;
    overflow: auto;
    padding-right: 10px;
}
.slick-dots li button:before {
    top: 0px;
}
.testimonial__wrap .slick-slide img {
   display: block;
    width: 40%;
}

.inner__box p::-webkit-scrollbar {
  width: 5px; /* Width of the vertical scrollbar */
}

.inner__box p::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the track */
}

.inner__box p::-webkit-scrollbar-thumb {
  background: #4a4a4a; /* Color of the scrollbar thumb */
  border-radius: 0px; /* Optional: adds rounded corners */
}

.inner__box p::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color when hovering over the thumb */
}
.testimonial__wrap .nav-tabs .nav-link.active {
        color: #495057;
    border-color: #ecf5fe;
    border-bottom: 2px solid #8cbdf5;
    filter: hue-rotate(45deg);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.testimonial__wrap .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: inherit;
}




@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px); /* move up */
  }
  100% {
    transform: translateY(0px); /* back to original */
  }
}

.location-bnr .content {
    text-align: center;
}

.location-bnr .content h4 {
    font-size: 70px;
    color: white;
    text-transform: uppercase;
    letter-spacing: -4px;
}

.location-bnr .content p {
    font-size: 30px;
    color: white;
    line-height: 36px;
}

.location-bnr .content img {max-width: 100%;margin-top: 50px; animation: floatUpDown 3s ease-in-out infinite;}

.location-bnr {
   height: 800px;
    display: flex;
    align-items: end;
}
 @media (max-width: 1600px){
    .location-bnr {
        height: auto;
    }
    .trans-img {
        transform: matrix(0.7, 0, 0, 0.7, 0, 0);
        position: relative;
        top: 100px;
    }
 }

  @media (max-width: 768px){
    .menu li a:hover {
        box-shadow: none;
    }
    .location-bnr {
        height: 185px;
    }
    .trans-img {
    transform: matrix(0.3, 0, 0, 0.3, 0, 0);
        top: 200px;
    }
    .location-bnr .content h4 {
        font-size: 40px;
    }
    .location-bnr .content p {
        font-size: 20px;
        line-height: 26px;
    }
 }




 .genre-menu {
    display: flex;
        width: 380px;
    width: max-content;
    justify-content: space-around;
}

.country-menu-new {
    justify-content: space-between
}

.country-menu-new a:hover .flag-large {
    opacity: 1
}

.country-menu-new .BRS-grid:hover {
    background: 0 0
}
.country-menu-new a,
.seals_bg h2,
.seals_bg p {
    color: #282828 !important
}

.country-menu-new a {
    font-size: 20px !important;
    font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 !important;
}

.country-menu-new .BRS-container img {
    width: inherit;
    height: inherit
}

.country-menu-new .BRS-grid img {
        width: 40px;
    height: auto;
}

.country-menu-new a:hover .flag-large{
    opacity: 1
}



.flag-large {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}
.new-dropdown-box .BRS-grid {
    display: flex;
    align-items: center;
    margin: 3px;
    width: 286px;
    column-gap: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.new-dropdown-box {
    position: absolute;
    width: 320px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
        padding: 0 10px;
     z-index: 999999;
}

.new-dropdown-box .BRS-grid img {
   width: 35px;
    height: 48px;
}

.country-menu-new .BRS-grid {
    position: relative;
    overflow: hidden;
    z-index: 1;
    justify-content: space-between;
    padding: 7px 10px;
    transition: 0.5s;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
    width: 211px;
    padding: 0;
}
.top-mail-box a:hover {
    color: #a7d7fd;
}


.country-menu-new a:hover {
    box-shadow: none !important;
}

.dropdown a:nth-child(1):hover {
    box-shadow: none;
}

.add-on-service-box object {
   filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}

ul.list-w {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
}

ul.list-w li {
    list-style: disc;
    margin-left: 15px;
}



.loca-flag {
    padding: 0;
    background-color: #043f78;
}

.loca-flag .container {
    padding: 0;
}
.loca-flag .container i {
    color: white;
    font-size: 20px;
}
.loca-flag .dropdown {
    background-color: #043f78;
}

.loca-flag .new-dropdown-box {
   width: 90px;
}

.loca-flag .submenu {
    width: 100%;
    margin-top: 5px;
    margin-right: 2px !important;
    left: -160px;
        gap: 5px;
    border-radius: 10px;
    display: flex !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
img.flg {
    width: 30px;
}
@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
.arrow {
    width: 11px;
    display: inline-block;
  animation: upDown 1.5s infinite ease-in-out;
      position: relative;
    left: -5px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(106%) contrast(102%);
}


.news-box h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 0;
}

.news-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 15px;
}

.news-box a {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: grey;
    border-bottom: 1px solid grey;
    width: max-content;
    line-height: 19px;
    padding-top: 20px;
}

.news-box {
    border: 1px solid #80808066;
    border-radius: 10px;
    padding: 15px;
}

.news-box {
    border: 1px solid #80808066;
    border-radius: 10px;
    padding: 15px;
}

.t-h2 {
    font-size: 45px;
    font-weight: bold;
    color: white;
    margin: 0 0 15px 0;
    line-height: 50px;
}
.blue-drk {
    background-color: #043f78;
}
.blue-drk::before {
    display: none;
}

.faqs-section p {
    text-transform: math-auto;
}
.n-cta-wrap{
  background: url(../images/cta-back.png) center center / cover no-repeat;
}

.n-cta-wrap h3 {
    font-size: 45px;
    text-align: center;
    line-height: 56px;
    text-transform: capitalize;
    font-weight: 800;
}

.n-cta-wrap p {
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
}

.n-cta-wrap .get-btn {color: black;background-color: white;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 100px;border: 2px solid transparent; transition: all .2s linear;}

.n-cta-wrap .get-btn:hover {
    background-color: transparent;
    border-color: white;
    color: white;
    transform: translateY(-3px);
    transition: all .2s linear;
}

.n-cta-wrap .call {color: white;background-color: transparent;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 100px;border: 2px solid white; transition: all .2s linear;}

.n-cta-wrap .call:hover {
    background-color: white;
    border-color: transparent;
    color: black;
    transform: translateY(-3px);
    transition: all .2s linear;
}




    /* ============ VIDEO TESTIMONIALS SECTION ============ */
    .video-testimonials-section {
      position: relative;
      width: 100%;
     height: 100%;
      padding: 60px 0 0 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
     background: url(../images/video-bg.webp) center center / cover  no-repeat;
    }

    /* Blur overlay on the background */
    .video-testimonials-section::before {
      content: "";
      position: absolute;
      inset: 0;
      backdrop-filter: blur(8px);
      background: rgba(20, 20, 40, 0.15);
      z-index: 1;
    }

    /* Big watermark text behind everything - "Video Testimonials" */
    .vt-watermark {
      position: absolute;
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      text-align: center;
      font-size: 180px;
      font-weight: 800;
      line-height: 1;
      color: rgba(10, 10, 25, 0.45);
      white-space: nowrap;
      letter-spacing: 2px;
      z-index: 2;
      pointer-events: none;
      user-select: none;
      transition: color 0.5s ease, letter-spacing 0.5s ease;
    }

    .video-testimonials-section:hover .vt-watermark {
      color: rgba(10, 10, 25, 0.6);
      letter-spacing: 6px;
    }

    /* ============ HEADING ============ */
    .vt-heading {
      position: relative;
      z-index: 5;
      text-align: center;
      color: #ffffff;
      font-size: 42px;
      font-weight: 700;
      line-height: 1.3;
      max-width: 620px;
      margin: 0 auto 0px auto;
      text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
      transition: transform 0.4s ease, text-shadow 0.4s ease;
    }

    .vt-heading:hover {
      transform: translateY(-4px);
      text-shadow: 0 8px 30px rgba(0, 0, 0, 0.55);
    }

    /* ============ SLIDER WRAPPER ============ */
    .vt-slider-wrap {
      position: relative;
      z-index: 5;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 90px;
    }

    /* ============ TABLET / IPAD MOCKUP ============ */
    .vt-slide {
      padding: 0 10px;
      outline: none;
    }
    .vt-screen iframe {
       height: 360px;
    max-width: 100%;
    }
   .vt-tablet {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: #111111;
    border-radius: 36px;
    padding: 22px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
    height: 400px;
        top: 29px;
}
    /* Tablet side camera dot */
    .vt-tablet::before {
      content: "";
      position: absolute;
      left: 9px;
      top: 50%;
      transform: translateY(-50%);
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #3c3c3c;
    }

.vt-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3.4;
    background: #2a4f75;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
}
    .vt-screen img.vt-thumb {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 0.5s ease, transform 0.6s ease;
    }

    .vt-tablet:hover .vt-screen img.vt-thumb {
      opacity: 0.12;
      transform: scale(1.05);
    }

    /* ============ PLAY BUTTON ============ */
    .vt-play {
      position: relative;
      width: 84px;
      height: 84px;
      border-radius: 50%;
      border: 1px solid #e3e3e3;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 3;
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }

    .vt-play::after {
      content: "";
      position: absolute;
      inset: -10px;
      border-radius: 50%;
      border: 1px solid rgba(105, 30, 255, 0);
      transition: all 0.4s ease;
    }

    .vt-play svg {
      width: 34px;
      height: 34px;
      fill: #6a18f0;
      margin-left: 5px;
      transition: transform 0.35s ease, fill 0.35s ease;
    }

    .vt-play:hover {
      transform: scale(1.12);
      border-color: #6a18f0;
      box-shadow: 0 0 0 12px rgba(106, 24, 240, 0.10),
                  0 12px 32px rgba(106, 24, 240, 0.30);
    }

    .vt-play:hover::after {
      inset: -16px;
      border-color: rgba(106, 24, 240, 0.35);
    }

    .vt-play:hover svg {
      transform: scale(1.1);
      fill: #5a0fd6;
    }

    /* Pulse ring animation */
    @keyframes vtPulse {
      0%   { box-shadow: 0 0 0 0 rgba(106, 24, 240, 0.35); }
      70%  { box-shadow: 0 0 0 22px rgba(106, 24, 240, 0); }
      100% { box-shadow: 0 0 0 0 rgba(106, 24, 240, 0); }
    }

    .slick-current .vt-play {
      animation: vtPulse 2.2s infinite;
    }

    /* Client name under play button */
    .vt-client {
      position: absolute;
      bottom: 22px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 3;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.4s ease, transform 0.4s ease;
    }

    .vt-tablet:hover .vt-client {
      opacity: 1;
      transform: translateY(0);
    }

    .vt-client h5 {
      font-size: 16px;
      font-weight: 600;
      color: #1c1c2e;
      margin-bottom: 2px;
    }

    .vt-client span {
      font-size: 13px;
      color: #6a18f0;
      font-weight: 500;
    }

    /* ============ SLICK ARROWS (Custom) ============ */
    .vt-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 64px;
      height: 60px;
      border: none;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background-color: transparent;
      z-index: 10;
      transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    }

    .vt-prev {
      left: 0;
    }

    .vt-next {
      right: 0;
    }

    .vt-prev:hover {
      transform: translateY(-50%) translateX(-5px) scale(1.06);
      box-shadow: 0 14px 32px rgba(47, 126, 232, 0.6);
    }

    .vt-prev:hover svg {
      transform: translateX(-4px);
    }

    .vt-next:hover {
      transform: translateY(-50%) translateX(5px) scale(1.06);
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.65);
    }

    .vt-next:hover svg {
      transform: translateX(4px);
    }

    /* ============ SLICK DOTS ============ */
    .vt-slider-wrap .slick-dots {
      bottom: -45px;
    }

    .vt-slider-wrap .slick-dots li button:before {
      font-size: 11px;
      color: #ffffff;
      opacity: 0.45;
      transition: opacity 0.3s ease;
    }

    .vt-slider-wrap .slick-dots li.slick-active button:before {
      color: #6a18f0;
      opacity: 1;
    }

    .vt-slider-wrap .slick-dots li button:hover:before {
      opacity: 0.9;
    }

    /* ============ RESPONSIVE ============ */
    @media (max-width: 1199px) {
      .vt-watermark { font-size: 140px; }
    }

    @media (max-width: 991px) {
      .vt-heading { font-size: 34px; padding: 0 20px; }
      .vt-watermark { font-size: 100px; bottom: -20px; }
      .vt-slider-wrap { padding: 0 80px; }
      .vt-tablet { max-width: 480px; }
    }

    @media (max-width: 767px) {
        .vt-screen {
        height: 100%;
    }
      .video-testimonials-section {padding: 40px 0 90px 0; margin-bottom: 40px; }
      .vt-heading { font-size: 26px; margin-bottom: 0px; }
      .vt-watermark { font-size: 64px; bottom: 0; }
      .vt-slider-wrap { padding: 0 15px; }
      .vt-tablet { max-width: 100%; padding: 14px; border-radius: 26px; top :  0}
      .vt-play { width: 64px; height: 64px; }
      .vt-play svg { width: 26px; height: 26px; }

      /* Mobile pr arrows neeche center me */
      .vt-arrow {
        top: auto;
        bottom: -75px;
        transform: none;
        width: 54px;
        height: 50px;
      }
      .vt-prev { left: calc(50% - 64px); }
      .vt-next { right: calc(50% - 64px); }
      .vt-prev:hover { transform: translateX(-3px) scale(1.05); }
      .vt-next:hover { transform: translateX(3px) scale(1.05); }
      .vt-slider-wrap .slick-dots { display: none !important; }
    }

    @media (max-width: 480px) {
      .vt-heading { font-size: 22px; }
      .vt-watermark { font-size: 44px; }
    }



.book-img,.testimonials-slider:not(.slick-initialized) .t-slide:first-child{display:block}.years-badge,.yt-text{flex-direction:column}.bg-word,.years-badge em{left:50%;transform:translateX(-50%);white-space:nowrap}.bg-word,.seal,.section-heading{font-weight:800}.bg-word,.years-badge em,.yt-text b{white-space:nowrap}.tablet-screen,.video-thumb,.yt-text,.yt-text b{overflow:hidden}*{box-sizing:border-box}body{font-family:Poppins,sans-serif;margin:0}.testimonials-section{position:relative;overflow:hidden;padding:60px 0 70px;background:url("../../assets/images/video-slider-bg.webp") center/cover no-repeat #2b3a55}.testimonials-section::before{content:"";position:absolute;inset:0;z-index:0}.testimonials-section .container-xl{z-index:2}.bg-word{position:absolute;bottom:8px;font-size:clamp(60px, 13vw, 230px);line-height:1;color:rgba(15,18,30,.35);letter-spacing:-2px;z-index:1;pointer-events:none;user-select:none}.book-wrap,.testimonials-slider{position:relative}.section-heading{text-align:center;color:#fff;font-size:clamp(28px, 4vw, 48px);line-height:1.15;margin-bottom:35px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.testimonials-slider:not(.slick-initialized) .t-slide{display:none}.t-slide{padding:10px}.book-wrap{max-width:400px;margin:0 auto}.book-img{width:100%;height:auto;border-radius:6px;transform:rotate(-4deg);transition:transform .4s}.seal,.years-badge{display:flex;text-align:center}.book-wrap:hover .book-img{transform:rotate(0)}.years-badge{position:absolute;top:-10px;right:-18px;width:78px;height:88px;background:#ef6c2e;color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);align-items:center;justify-content:center;line-height:1;z-index:4;box-shadow:0 6px 14px rgba(0,0,0,.3)}.client-name,.seal{z-index:5;position:absolute}.seal,.t-arrows .slick-arrow{box-shadow:0 8px 18px rgba(0,0,0,.35)}.years-badge strong{font-size:26px;font-weight:800}.years-badge span{font-size:11px;letter-spacing:1px}.years-badge em{position:absolute;bottom:-22px;background:#fff;color:#222;font-style:normal;font-size:10px;font-weight:600;padding:3px 7px;border-radius:3px;box-shadow:0 3px 8px rgba(0,0,0,.25)}.seal{bottom:70px;right:-22px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#f6d774,#c8941f);border:4px solid #e9b949;color:#5a3c05;font-size:14px;line-height:1.1;align-items:center;justify-content:center}.client-name{left:-14px;bottom:60px;background:#1f1f1f;color:#fff;padding:8px 16px;border-radius:4px;font-weight:700;font-size:16px;box-shadow:0 6px 14px rgba(0,0,0,.3)}.client-name small{display:block;color:#ff7a3c;font-size:11px;font-weight:600;margin-bottom:2px}.tablet{background:#1c1c1e;border-radius:26px;padding:14px;max-width:640px;height:450px;border:1px solid #ffffff96;margin:0 auto;box-shadow:0 25px 55px rgba(0,0,0,.5)}.tablet-screen{border-radius:14px}.video-thumb{position:relative;display:block;aspect-ratio:16/10}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yt-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);color:#fff}.play-btn,.play-btn::after{top:50%;transform:translate(-50%,-50%);position:absolute}.yt-logo{width:34px;height:34px;border-radius:50%;background:#fff;flex:0 0 34px}.yt-text{display:flex;line-height:1.2}.yt-text b{font-size:clamp(12px, 1.6vw, 17px);text-overflow:ellipsis}.yt-text i{font-style:normal;font-size:12px;opacity:.85}.play-btn{left:50%;width:84px;height:60px;background:red;border-radius:14px;cursor:pointer;transition:transform .25s,background .25s}.play-btn::after{content:"";left:52%;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff}.video-thumb:hover .play-btn{transform:translate(-50%,-50%) scale(1.08);background:#e60000}.yt-foot{position:absolute;bottom:12px;right:16px;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.yt-foot b{color:#fff}.t-arrows{position:absolute;right:30px;top:65%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:6}.t-arrows .slick-arrow{position:static;width:56px;height:56px;border:none;border-radius:12px;color:#fff;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,filter .2s}.t-arrows .slick-next{background:#2f8bff;order:1}.t-arrows .slick-prev{background:#111;order:2;margin-top:10px}.t-arrows .slick-arrow::before{content:"";display:none}.t-arrows .slick-arrow svg{width:24px;height:24px}.slick-dots{bottom:-42px}.slick-dots li button:before{font-size:11px;color:#fff;opacity:.6}.slick-dots li.slick-active button:before{color:#2f8bff;opacity:1}@media (max-width:991.98px){.t-arrows{position:static;transform:none;flex-direction:row;justify-content:center;margin-top:26px}.t-arrows .slick-next{order:2}.t-arrows .slick-prev{order:1}.book-wrap{margin-bottom:30px}.tablet{max-width:560px}}@media (max-width:575.98px){.t-arrows{display:flex;gap:30px}.t-arrows .slick-next{margin-top:10px}.section-heading{font-size:clamp(25px, 4vw, 48px);line-height:1.3}.testimonials-section{padding:40px 0 55px}.years-badge{right:6px}.seal{right:0;width:80px;height:80px;font-size:12px}.client-name{left:0;font-size:14px}.tablet{padding:10px;border-radius:20px}.play-btn{width:68px;height:48px}.play-btn::after{border-width:10px 0 10px 17px}}.t-arrows .slick-arrow img{width:70px}iframe{width:100%;height:415px;border-radius:10px}