html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    font-size: 16px;
    color: #434343;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment {
    display: none;
}

body::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ddd;
}

body::-webkit-scrollbar-thumb:vertical {
    border-radius: 50px;
    background-color: var(--primeColor);
}

::selection {
    background: var(--primeColor);
    color: #fff;
    text-shadow: none;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: var(--primeColor);
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ddd;
}

::-webkit-scrollbar-thumb:vertical {
    border-radius: 10px;
    background-color: var(--primeColor);
}

/************COLORS CSS*/
:root {
    --primeColor: #FFA800;
    --secondColor: #123F36;
    --darkblue: #19355c;
    --black: #000;
    --white: #fff;
    --gradient: linear-gradient(to bottom, #1b564a, #236e5f, #2a8774, #33a18a, #3bbca1);
}

.text-color-form {
    color: #FFA800 !important;
    font: 16px;
    text-decoration: none !important;
}

.margin-checkbox-via {
    margin-bottom: 15px;
    text-align: left;
    font-size: 14px;

}

.text-color-form:hover {
    color: #17494d !important;
}

.cl_wt {
    color: white !important;
}

.primeColor {
    color: var(--primeColor) !important;
}

.secondColor {
    color: var(--secondColor) !important;
}

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light a,
.light p,
.light i,
.light span,
.light li,
.light {
    color: var(--white);
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark a,
.dark p,
.dark i,
.dark span,
.dark,
.black {
    color: var(--black) !important;
}

.gradient_txt {
    background-image: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 100% 100%;
}

/************COLORS CSS*/
ul.fancy_list li {
    position: relative;
    padding-left: 18px;
    list-style: none;
    /* font-weight: 100; */
    font-size: 15px;
    margin: 5px 0;
}

ul.fancy_list li:before {
    /* top: 6px; */
    /* width: 7px; */
    /* height: 12px; */
    /* border: solid var(--primeColor); */
    /* border-width: 0 2px 2px 0; */
    /* -webkit-transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    position: absolute;
    content: "\f058";
    transition: .5s ease-out;
    left: 0;
    z-index: 999;
    font-family: fontawesome;
    color: var(--primeColor);
}

.rating {
    display: flex;
    column-gap: 2px;
    font-size: 15px;
    color: #ffd200;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a {
    color: var(--primeColor);
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover,
a:focus,
a:active {
    color: #313131;
    text-decoration: none;
    outline: 0;
}

a:visited {
    text-decoration: none;
    outline: 0;
}

textarea {
    outline: none !important;
    height: 150px;
}

b,
strong {
    font-weight: 800;
}

.input {
    width: 100%;
    font-size: 14px;
    padding: 12px 12px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #0000001f;
}

.input:focus {
    border-color: var(--yellow) !important;
}

.input::placeholder {
    color: #00000082;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize
}

textarea.txt_area {
    height: 119px !important;
}

.term-first-wrapper h5 {
    margin: 20px 0 10px;
}

section.term-first-wrapper {
    padding: 50px 0;
}

/************HEADER CSS*/
header {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.site-disclaimer-marquee {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    background: var(--secondColor);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

.site-disclaimer-marquee__label {
    flex: 0 0 auto;
    padding: 10px 20px;
    background: rgba(0,0,0,0.15);
    z-index: 2;
}

.site-disclaimer-marquee__label strong {
    color: var(--primeColor);
    font-weight: 800;
    text-transform: uppercase;
}

.site-disclaimer-marquee__content {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}

.site-disclaimer-marquee__track {
    display: inline-flex;
    width: max-content;
    animation: disclaimerMarquee 42s linear infinite;
}

.site-disclaimer-marquee__track span {
    display: inline-flex;
    align-items: center;
    padding: 10px 28px;
    white-space: nowrap;
}

.site-disclaimer-marquee:hover .site-disclaimer-marquee__track {
    animation-play-state: paused;
}

@keyframes disclaimerMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


header nav {
    padding: 15px 8%;
    width: 100%;
    /* background-color: #f8f6f1; */
}

header ul {
    display: flex;
    column-gap: 30px;
    align-items: center;
}

header ul li {
    list-style: none;
    /* position: relative; */
}

header ul li.active a {
    color: var(--primeColor);
}

header nav ul li a {
    color: var(--white);
    font-weight: 500;
    text-transform: capitalize;
    /* font-size: 17px; */
    padding-bottom: 20px;
    text-align: center;
}

header nav ul li a:hover,
header nav ul li a.active {
    color: var(--primeColor);
}

header .top_nav ul.navigation {
    justify-content: center;
    display: inline-block !important;
    float: right;
    background-color: #ffffff17;
    border: 2px solid #ffffff1f;
    border-radius: 15px;
    padding: 10px 7px;
    position: relative;
    /* backdrop-filter: blur(20px); */
}

header .top_nav ul.navigation li {
    display: inline-block;
    margin: 0 2px;
}

header .top_nav ul.navigation li a {
    display: inline-block;
    padding: 10px 8px;
    background-color: #ffffff1a;
    border-radius: 10px;
    backdrop-filter: blur(-1px);
}

header .top_nav ul.navigation li .simple-dropdown-btn {
    display: inline-flex;
    padding: 10px 20px;
    color: #000;
    font: inherit;
    font-weight: 500;
    line-height: inherit;
    background-color: rgba(255, 255, 255, 0.48);
    border: 0;
    border-radius: 10px;
    cursor: pointer;
}

header .top_nav ul.navigation li .simple-dropdown-btn:hover,
header .top_nav ul.navigation li .simple-dropdown-btn.active {
    color: var(--primeColor);
}

header .top_nav ul.legacy-mega-nav,
.responsive_menu ul.legacy-mega-nav {
    display: none !important;
}

header .simple-navigation .simple-dropdown-wrap {
    position: relative;
}

header .simple-navigation .simple-dropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    top: calc(100% - 1px);
    left: 0;
    min-width: 260px;
    padding: 12px;
    margin: 0;
    list-style: none;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .14);
    opacity: 0;
    pointer-events: none;
    text-align: left;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease;
    z-index: 9999;
}

header .simple-navigation .simple-dropdown-wrap:hover .simple-dropdown,
header .simple-navigation .simple-dropdown-wrap.open .simple-dropdown {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

header .top_nav ul.simple-navigation .simple-dropdown li {
    display: list-item !important;
    float: none !important;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: left;
}

header .top_nav ul.simple-navigation .simple-dropdown li a {
    display: block !important;
    width: 100% !important;
    padding: 9px 12px;
    color: #111;
    background: transparent;
    border-radius: 8px;
    backdrop-filter: none;
    white-space: nowrap;
    text-align: left;
    line-height: 1.35;
}

header .simple-navigation .simple-dropdown li a:hover,
header .simple-navigation .simple-dropdown li a.active {
    color: var(--primeColor);
    background: rgba(0, 0, 0, .05);
}

header .simple-navigation .simple-dropdown-wrap.open .simple-dropdown-btn i {
    transform: rotate(180deg);
}

header .simple-navigation .simple-dropdown-wrap:hover .simple-dropdown-btn,
header .simple-navigation .simple-dropdown-wrap.open .simple-dropdown-btn {
    color: var(--primeColor);
}

@media (max-width: 1199px) {
    header .simple-navigation .simple-dropdown {
        min-width: 220px;
    }

    header .top_nav ul.simple-navigation .simple-dropdown li a {
        white-space: normal;
    }
}

img.logo {
    width: 150px;
}

.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*/

/************HAMBURGER CSS*/
.hamBurger {
    width: 40px;
    height: 40px;
    /* background-color: var(--primeColor); */
    float: right;
    padding: 6px 11px;
    cursor: pointer;
    margin-left: 15px;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    background-color: #ffffff61;
}

.hamBurger div {
    border-bottom: 2px solid var(--primeColor);
    margin: 5px 0;
}

.hamBurger div:nth-child(2) {
    width: 20px;
}

.hamBurger div:nth-child(3) {
    width: 10px;
}

.hamBurger:hover div {
    width: 100%;
}

/************HAMBURGER CSS*/

/************TABS CSS*/
ul#pills-tab {
    margin: 20px auto 0;
    /* display: flex; */
    margin-bottom: 0px !important;
    column-gap: 5px;
    justify-content: center;
    display: inline-block;
    background-color: #ffffff17;
    backdrop-filter: blur(5px);
    border-radius: 60px;
    border: 2px solid #ffffff1a;
    position: relative;
    z-index: 9;
}

ul#pills-tab li {
    display: inline-block;
    margin: 0 20px;
}

ul#pills-tab li button {
    border-radius: 50px;
    color: var(--white);
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 25px;
    font-weight: 400;
    font-size: 15px;
    transition: .5s;
    font-family: 'PP Editorial New';
}

ul#pills-tab li button.active {
    background-color: var(--primeColor) !important;
    color: var(--white) !important;
    transform: scale(1.1);
    box-shadow: 0px 0px 13px 0px var(--primeColor);
}

ul#pills-tab li button span {
    width: 100% !important;
    display: inline-block;
    margin-top: 9px;
}

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;
}

ul#pills-tab li:first-child {
    margin-left: 0;
}

ul#pills-tab li:last-child {
    margin-right: 0;
}

/************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(--black);
    padding: 10px 25px;
    transition: .5s ease-out;
    text-transform: capitalize;
    border-radius: 10px;
    border: none;
    text-align: center;
    font-family: 'PP Editorial New'
}

.primeColor_btn:hover {
    background-color: var(--secondColor);
    color: #fff !important;
}

.secondColor_btn {
    display: inline-block;
    background-color: var(--secondColor);
    color: var(--white);
    padding: 8px 23px;
    transition: .5s ease-out;
    text-transform: capitalize;
    border-radius: 10px;
    border: none;
    text-align: center;
    border: 2px solid var(--secondColor);
    font-family: 'PP Editorial New'
}

.secondColor_btn:hover {
    background-color: var(--primeColor);
    border: 2px solid var(--primeColor);
    color: #fff !important;
}

.numberBtn {
    --number-btn-line-height: 20px;
    background-color: #fff !important;
    border-radius: 50px !important;
    color: var(--black);
    display: flex !important;
    gap: 5px !important;
    justify-content: center;
    align-items: center;
    padding: 3px 13px 3px 3px !important;
    border: 2px solid #EBEBEB;
}

.numberBtn .phone_icom_wrap {
    display: flex;
    width: 33px;
    height: 33px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-image: linear-gradient(0deg, #AE690D, var(--primeColor));
    border-radius: 50%;
    color: var(--white);
}

.numberBtn span.num_wrap {
    transition: .5s;
    transform: translateY(0);
    display: inline-block;
    text-align: center;
    line-height: var(--number-btn-line-height);
}

.numberBtn span.animated_span {
    display: inline-block;
    height: var(--number-btn-line-height);
    line-height: var(--number-btn-line-height);
    overflow: hidden;
}

.numberBtn:hover span.num_wrap {
    transform: translateY(calc(var(--number-btn-line-height) * -1));
}

.primeBtn {
    background-color: var(--primeColor);
    border-radius: 10px !important;
    color: var(--black);
    display: flex !important;
    padding: 10px 20px;
    border: none;
    font-weight: 400;
    font-family: 'PP Editorial New';
}

.primeBtn span.txt_wrap {
    transition: .5s;
    transform: translate(0px, 3px);
    display: inline-block;
}

.primeBtn span.animated_span {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 100%;
}

.primeBtn:hover span.txt_wrap {
    transform: translate(0px, -21px);
}

/************BUTTONS CSS*/

/************CUSTOM BOOTSTRAP*/
.custom_container {
    padding: 0 8%;
    position: relative;
    z-index: 9;
}

/************CUSTOM BOOTSTRAP*/

/************TYPOGRAPHY CSS*/
p {
    line-height: 1.6;
    margin: 0 0 15px;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    line-height: 1.2;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 52px;
    font-weight: 700;
}

h2 {
    font-size: 36px;
    font-weight: 700;
}

h3 {
    font-size: 26px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 500;
}

h6 {
    font-size: 20px;
    font-weight: 400;
}

.fw_800 {
    font-weight: 800;
}

.fw_700 {
    font-weight: 700;
}

.fw_600 {
    font-weight: 600;
}

.fw_500 {
    font-weight: 500;
}

.fw_400 {
    font-weight: 400;
}

.fw_300 {
    font-weight: 300;
}

.fw_200 {
    font-weight: 200;
}

.fw_100 {
    font-weight: 100;
}

.heading200px {
    font-size: 200px;
    font-family: 'Playfair Display';
}

.heading170px {
    font-size: 170px;
    font-family: 'Playfair Display';
}

.heading100px {
    font-size: 100px;
    font-family: 'Playfair Display';
}

.heading70px {
    font-size: 70px;
    font-family: 'PP Editorial New';
}

.heading59px {
    font-size: 59px;
    font-family: 'PP Editorial New';
}

.heading50px {
    font-size: 50px;
    font-family: 'PP Editorial New';
}

.heading40px {
    font-size: 40px;
    font-family: 'PP Editorial New';
}

.heading35px {
    font-size: 35px;
    font-family: 'PP Editorial New';
}

.heading30px {
    font-size: 30px;
    font-family: 'PP Editorial New';
}

.heading28px {
    font-size: 28px;
    font-family: 'PP Editorial New';
}

.heading24px {
    font-size: 24px;
    font-family: 'PP Editorial New';
}

.heading20px {
    font-size: 20px;
    font-family: 'PP Editorial New';
}

.heading18px {
    font-size: 18px;
    font-family: 'PP Editorial New';
}

.italic {
    font-style: italic;
}

.subtitle {
    font-size: 18px;
}

.inter {
    font-family: 'Inter';
}

/************TYPOGRAPHY CSS*/

.megaMenu {
    position: absolute;
    display: inline-block;
    width: 700px;
    left: 0px;
    top: 80px;
    backdrop-filter: blur(7px) !important;
    background-color: #aabc8836;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* transform: matrix3d(1, 0, 0, 0, 158, 1, 0, 000, 0, 0, 1, 0, 0, 0, 0, 1); */
    transition: .5s;
    overflow: hidden;
    transform: scale(0);
}

.megaMenu a {
    padding: 0 10px 0 0 !important;
    font-weight: 300;
    font-size: 14px;
    background-color: transparent !important;
}

.subMenuService {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    backdrop-filter: blur(12px);
    left: 0;
    right: 0;
    height: 100%;
    border-radius: 20px !important;
    top: 100%;
    transition: .5s;
    background-color: #fff3dc;
}

.subMenuService.active {
    top: 10px;
}

.subService i {
    transition: .5s !important
}

.subService {
    display: inline-block;
    width: 205px;
}

html body div .closeMenu {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    background-color: var(--primeColor) !important;
    color: #fff !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    transform: rotate(45deg);
    font-weight: 100;
}

.subMenuService a {
    background-color: #00000014 !important;
    padding: 8px 10px !important;
    color: #000;
    margin: 3px 0;
}

.activeMenu {
    /* transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 000, 0, 0, 1, 0, 0, 0, 0, 1) !important; */
    transform: scale(1);
}

.activeBtn i {
    transform: rotate(180deg);
}

.openMenu {
    left: 0% !important;
}

.responsive_menu .numberBtn .phone_icom_wrap {
    width: 32px;
}

.responsive_menu {
    overflow-x: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999999;
    background-color: var(--primeColor);
    /* display: flex; */
    /* align-items: center; */
    left: -100%;
    width: 300px;
    padding: 12px;
    transition: .5s ease-out;
    background-color: #ffffff61;
    backdrop-filter: blur(10px);
}

.responsive_menu .clm_wrap ul.subMenu {
    overflow-y: auto;
    transition: unset !important;
    display: none;
    position: unset;
    opacity: 1;
    left: 0;
    padding: 10px 0;
    width: 100%;
    background-color: #00000021;
    border-radius: 0 !important;
    box-shadow: unset;
}

.responsive_menu .clm_wrap ul.subMenu li {
    padding: 0;
    margin: 0;
    border: none !important;
}

.responsive_menu .clm_wrap ul.subMenu li {
    border: none !important;
    margin: 0px 0;
}

.responsive_menu .clm_wrap ul.subMenu li a {
    font-size: 13px;
    padding: 5px 20px;
    display: inline-block;
}

.responsive_menu ul li a,
.responsive_menu ul li .simple-dropdown-btn {
    text-transform: capitalize;
    font-weight: 500;
    color: #000;
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    font: inherit;
    text-align: left;
}

.responsive_menu .clm_wrap {
    width: 100%;
}

.responsive_menu ul li {
    margin: 20px 0;
    /* position: relative; */
}

.responsive_menu ul.contact_info li {
    padding-left: 25px;
}

.responsive_menu ul.contact_info li:before {
    color: var(--primeColor);
}

.responsive_menu ul:last-child {
    margin-bottom: 0;
}

.responsive_menu ul {
    margin-bottom: 50px;
}

.responsive_menu ul.navigation {
    display: inline-block !important;
    width: 100%;
}

.responsive_menu ul.legacy-mega-nav {
    display: none !important;
}

.responsive_menu ul.navigation li {
    list-style: none;
}

.responsive_menu ul.simple-navigation {
    margin-top: 22px;
}

.responsive_menu .simple-dropdown-wrap {
    position: relative;
}

.responsive_menu .simple-dropdown-btn i {
    margin-left: auto;
    transition: .25s ease;
}

.responsive_menu .simple-dropdown {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin: 10px 0 0;
    padding: 8px;
    list-style: none;
    background: rgba(255, 255, 255, .6);
    border-radius: 10px;
    text-align: left;
}

.responsive_menu .simple-dropdown-wrap.open .simple-dropdown {
    display: flex;
}

.responsive_menu .simple-dropdown-wrap.open .simple-dropdown-btn i {
    transform: rotate(180deg);
}

.responsive_menu .simple-dropdown li {
    display: list-item !important;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: left;
}

.responsive_menu .simple-dropdown li a {
    display: block !important;
    width: 100% !important;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 8px;
    text-align: left;
    line-height: 1.35;
}

.responsive_menu .clm_wrap ul.subMenu .col-6 {
    width: 100%;
}

.responsive_menu .clm_wrap ul.subMenu .col-6:last-child {
    display: none;
}

.responsive_menu ul.subMenu .links_clm {
    padding: 0px;
}

.responsive_menu ul.service_menu {
    display: none;
}

.open_drop:before {
    transform: rotate(180deg);
}

.responsive_menu .numberBtn {
    width: 181px !important;
}

.responsive_menu .megaMenu {
    position: unset !important;
    width: 100%;
    transform: scale(1);
    padding: 5px;
    background-color: #fff;
    border-radius: 10px;
    transition: unset !important;
    display: none;
}

.responsive_menu .megaMenu .subMenuService {
    position: absolute;
    height: auto;
    padding: 10px;
    border-radius: 10px !important;
    left: 200%;
    z-index: 99;
    top: 0;
    bottom: 0;
}

.responsive_menu .megaMenu li {
    margin: 7px 0px;
}

.responsive_menu .megaMenu .subMenuService .closeMenu {
    /* display: none !important; */
    width: 28px !important;
    height: 28px !important;
    font-size: 24px;
    border-radius: 50% !important;
    tpo: 0;
}

.responsive_menu .megaMenu .subMenuService h5 {
    /* display: none; */
    font-size: 15px;
    margin: 5px 0 10px;
    color: #000;
    font-weight: 600;
}

.responsive_menu .megaMenu .service_img {
    width: 40px;
}

.responsive_menu .subMenuService a {
    margin: 4px 0;
    border-radius: 10px !important;
    font-size: 12px;
}

.responsive_menu .megaMenu .subMenuService.active {
    left: 0;
}

.openDropDown {
    top: 40px !important;
    z-index: 999 !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.drop_btn:before {
    transform: rotate(-180deg);
}

.drop_icon:before {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    transition: .5s;
}

.drop_icon {
    position: relative;
    padding-right: 20px;
}

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

.txt_box p {
    margin: 0;
    font-weight: 700;
    line-height: 22px;
}

.txt_icon .icon_img {
    margin-right: 20px;
}

/**************HOME PAGE CSS*/
section.homeBanner {
    background-image: url('../../assets/images/banner-image.jpg');
    background-repeat: no-repeat;
    background-size: 100% 60%;
    padding: 10% 0 0 0;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.abl_wrap {
    position: absolute;
    inset: 0;
    display: flex;
    overflow: hidden;
    z-index: 0;
    opacity: 0.3;
    width: 1920px;
}

.abl_wrap img {
    width: 100%;
    margin: 0px -2px;
    height: 280%;
}

span.abl_img {
    display: inline-block;
    width: 100px;
    height: 100%;
    background-repeat: repeat;
    back;
    background-size: contain;
    margin: 0px -1px;
}

.moveTop {
    animation: bgMoveTop 30s linear infinite;
}

.moveBottom {
    animation: bgMoveBottom 30s linear infinite;
}

@keyframes bgMoveTop {
    0% {
        background-position: center 0px;
    }

    100% {
        background-position: center 2000px;
    }
}

@keyframes bgMoveBottom {
    0% {
        background-position: center 2000px;
    }

    100% {
        background-position: center 0px;
    }
}

.bannerEleWrap {
    right: 0;
    top: 120px;
    z-index: 999999999;
    width: 600px;
    height: 600px;
}

.book_in_hand {
    right: 0;
}

.banner_star {
    right: 0;
    top: 0;
    width: 100%;
}

.banner_sign {
    left: 0;
    bottom: 0;
}

.book1 {
    left: 150px;
}

.book2 {
    left: -150px;
    top: 50px;
}

.book2 {
    animation: book2popup 0.8s ease-out forwards, book2swing 3s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes book2popup {
    0% {
        opacity: 0;
        transform: translateY(0px) rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        transform: translateY(-10px) rotate(2deg) scale(1);
    }
}

@keyframes book2swing {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-10px) rotate(2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.book1 {
    animation: book1popup 0.8s ease-out forwards, book1swing 3s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes book1popup {
    0% {
        opacity: 0;
        transform: translateY(0px) rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        transform: translateY(10px) rotate(-2deg) scale(1);
    }
}

@keyframes book1swing {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(10px) rotate(-2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.banner_star {
    animation: book1popup 0.8s ease-out forwards, book1swing 3s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes book1popup {
    0% {
        opacity: 0;
        transform: translateY(0px) rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        transform: translateY(10px) rotate(-2deg) scale(1);
    }
}

@keyframes book1swing {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(10px) rotate(-2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.book_in_hand {
    animation: slideIn 3s ease-out forwards;
}

@keyframes slideIn {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.banner_bg_ele1 {
    bottom: 278px;
    left: 0;
}

.clients_section {
    background-color: #ffffff47;
    z-index: 999;
    position: relative;
    margin-top: 11%;
    margin-left: 40px;
    margin-right: 40px;
    border-radius: 100px 100px 0px 0px;
    backdrop-filter: blur(20px);
    padding: 50px 0;
}

.store-slider1 {
    margin-bottom: 25px;
}

.publishing_form {
    text-align: center;
    /* background-color: var(--secondColor); */
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0px 0px 50px 0px #0000002b;
    width: 70%;
}

.publishing_form .form_wrap {
    background-color: var(--white);
    border-radius: 50px;
    padding: 30px 30px;
    position: relative;
}

.readyTxt {
    padding: 25px 0;
    position: relative;
}

.readyTxt:after {
    content: "";
    width: 100%;
    height: 160%;
    position: absolute;
    background-image: var(--gradient);
    inset: 0;
    z-index: -1;
}

section.ready_to_pulish_form {
    padding-top: 100px;
}

.beforeEelement {
    position: relative;
    padding-left: 42px;
}

.beforeEelement:before {
    content: "";
    width: 32px;
    height: 3px;
    background-color: var(--primeColor);
    position: absolute;
    border-radius: 50px;
    top: 10px;
    left: 0;
}

.left_container {
    padding-left: 8%;
    overflow: hidden;
}

.right_container {
    padding-right: 8%;
    overflow: hidden;
}

section.why_choose {
    /* background-color: #FFF3D3; */
    padding: 5% 0 5%;
    border-radius: 100px;
    /* margin-top: -70px; */
}

.col_count2 {
    column-count: 2;
}

section.why_choose ul.fancy_list li {
    color: #000;
}

.why_choose_us_clm {
    background-image: url(../images/choose_clm_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 0px 0px;
}

.why_choose_us_clm .owl-item {
    padding: 0 20px;
}

section.unveiling .unveiling_img {
    width: 100%;
    height: 200px;
    border-radius: 20px;
    object-fit: cover;
}

section.unveiling .heading24px {
    font-family: 'Inter';
}

section.unveiling .item {
    background-image: linear-gradient(to right bottom, #ffe2a5, #ede2a8, #dde2ad, #cee0b3, #c3ddba);
    border-radius: 30px;
    overflow: hidden;
}

section.unveiling .center .item .slider_clm {
    background-image: linear-gradient(to right bottom, #feb224, #bfb727, #84b345, #4caa64, #009d7d);
    background-image: linear-gradient(150deg, #FEB224, #009D7D);
    /* height: 340px; */
}

section.unveiling .item .slider_clm {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
}

section.unveiling .center .item {
    padding: 10px;
}

section.unveiling .owl-item {
    transition: .5s;
}

section.unveiling .center .item .slider_clm {
    padding: 20px;
}

section.unveiling {
    background-color: #fff3d3;
    padding: 9% 0 5%;
    margin-top: -70px;
    text-align: center;
    border-radius: 100px;
}

section.unveiling .heading24px,
section.unveiling p {
    transition: .5s !important;
}

section.unveiling .center .heading24px,
section.unveiling .center p {
    color: #fff !important;
}

section.unveiling .owl-nav {
    position: unset;
    margin-top: 30px;
    justify-content: center;
}

section.tabs_sec {
    background-image: url(../images/tabs-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6% 0 4%;
    background-position: center;
}

section.tabs_sec div#pills-tabContent {
    backdrop-filter: blur(5px);
    background-color: #ffffff17;
    padding: 40px;
    border-radius: 50px;
    border: 2px solid #ffffff1a;
    margin-top: 50px;
}

section.tabs_sec div#pills-tabContent img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 10px 10px 20px 0px #00000040;
    height: auto !important;
}

span.titleTag {
    display: inline-block;
    border: 1px solid #00000042;
    padding: 8px 14px 8px 8px;
    border-radius: 50px;
    background-color: #fff;
}

span.titleTag .fire_img {
    transform: translateY(-3px);
}

span.titleTag .txt {
    color: #000;
}

.scroll-container {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 40px 0;
    scroll-behavior: smooth;
    margin-top: 40px;
}

.scroll-container::-webkit-scrollbar {
    height: 8px;
    background-color: #fff;
}

.scroll-container::-webkit-scrollbar-thumb {
    background: var(--primeColor);
    border-radius: 4px;
}

.scroll-item {
    display: inline-block;
    width: 300px;
    text-wrap: auto;
    margin: 0 10px;
    position: relative;
    vertical-align: top;
}

.numTag {
    display: flex;
    width: 50px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 40px;
    color: #000;
}

section.how_it_works {
    background-image: linear-gradient(transparent, #3E8577);
    padding: 5% 0;
    border-radius: 0px 0px 80px 80px;
    margin-bottom: -100px;
    position: relative;
}

section.how_it_works .left_container:before {
    content: "";
    width: 91%;
    height: 1px;
    background-color: #888;
    position: absolute;
    top: 60px;
    right: 0;
}

section.how_it_works .left_container {
    position: relative;
}

section.transform {
    overflow: hidden;
    background-image: url(../images/transform-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4% 0 2%;
}

section.transform ul.fancy_list li:before {
    color: var(--secondColor);
}

img.fade_img {
    position: absolute;
    width: 270px;
    right: 0;
    top: 0;
}

section.how_it_works .slider_clm {
    background-image: linear-gradient(#F2E8DC, #F2C5A0);
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0px 0px 38px 0px #00000070;
}

section.highlight {
    text-align: center;
    background-image: linear-gradient(#162E29, #479484);
    padding: 5% 0 10%;
}

section.highlight .owl-nav {
    position: unset;
    margin-top: 40px;
    justify-content: center;
}

.thumbnail_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playBtn {
    display: inline-block;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #ffffff3d;
    backdrop-filter: blur(5px);
    border-radius: 50%;
    cursor: pointer;
}

.playBtn .playBtn_layer {
    backdrop-filter: blur(5px);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playBtn .playBtn_layer i {
    color: #fff;
}

.slider_clm .heading24px {
    font-family: 'Inter';
    margin: 20px 0 0;
    color: #000;
}

section.faqs {
    background-image: url(../images/faq-bg.webp), linear-gradient(#fdeec6, #ffff);
    padding: 5% 0;
    border-radius: 100px 100px 0px 0px;
    margin-top: -80px;
    position: relative;
    z-index: 999;
}

section.testimonials {
    background-image: url(../images/noiset-exture.webp);
    padding: clamp(56px, 6vw, 96px) 0;
    background-color: #fbfbf7;
    background-size: contain;
    overflow: hidden;
}

.testimonial-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.55fr);
    gap: clamp(34px, 4.5vw, 68px);
    align-items: start;
}

.testimonial-intro {
    position: sticky;
    top: 100px;
}

.testimonial-intro h2 {
    margin-bottom: 16px;
}

.testimonial-intro p {
    max-width: 540px;
    margin-bottom: 24px;
    color: rgba(18, 63, 54, 0.72);
    font-size: 17px;
    line-height: 1.7;
}

.testimonial-source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.testimonial-source-card {
    display: flex;
    padding: 22px 22px 18px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 22px;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--secondColor);
    text-decoration: none;
    box-shadow: 0 18px 40px rgba(18, 63, 54, 0.08);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    align-items: center;
}

.testimonial-source-card:hover,
.testimonial-card:hover {
    transform: translateY(-5px);
    border-color: var(--primeColor);
    color: var(--secondColor);
    text-decoration: none;
    box-shadow: 0 24px 58px rgba(18, 63, 54, 0.13);
}

.testimonial-source-brand {
    display: flex;
    min-height: 48px;
    align-items: center;
}

.testimonial-source-logo {
    display: block;
    width: auto;
    max-width: 150px;
    height: 42px;
    object-fit: contain;
    object-position: left center;
}

.testimonial-source-score {
    display: flex;
    min-height: 70px;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
}

.testimonial-source-score strong {
    color: var(--primeColor);
    font-family: 'Inter', sans-serif;
    font-size: clamp(34px, 3.6vw, 46px);
    font-weight: 500;
    line-height: 1;
}

.testimonial-source-score small {
    color: rgba(18, 63, 54, 0.68);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}

.testimonial-carousel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    position: relative;
    height: min(780px, 72vh);
    min-height: 620px;
}

.testimonial-carousel:hover .testimonial-card-grid,
.testimonial-carousel-lane:hover .testimonial-card-grid {
    animation-play-state: paused;
}

.testimonial-carousel-lane {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    mask-image: linear-gradient(to bottom, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.testimonial-card-grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
    will-change: transform;
}

.testimonial-carousel-lane--up .testimonial-card-grid {
    animation: testimonialScrollUp 38s linear infinite;
}

.testimonial-carousel-lane--down .testimonial-card-grid {
    animation: testimonialScrollDown 42s linear infinite;
    transform: translateY(calc(-50% - 9px));
}

@keyframes testimonialScrollUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(calc(-50% - 9px));
    }
}

@keyframes testimonialScrollDown {
    from {
        transform: translateY(calc(-50% - 9px));
    }

    to {
        transform: translateY(0);
    }
}

.testimonial-card {
    display: flex;
    min-height: 254px;
    padding: 24px;
    flex-direction: column;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--secondColor);
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(18, 63, 54, 0.08);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.testimonial-card-top {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
}

.testimonial-avatar {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--secondColor);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.testimonial-meta {
    min-width: 0;
}

.testimonial-meta strong,
.testimonial-meta small {
    display: block;
}

.testimonial-meta strong {
    overflow: hidden;
    color: var(--secondColor);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.testimonial-meta small {
    margin-top: 3px;
    color: rgba(18, 63, 54, 0.62);
    font-size: 12px;
    line-height: 1.35;
}

.testimonial-stars {
    display: flex;
    gap: 2px;
    margin-bottom: 14px;
    color: rgba(18, 63, 54, 0.18);
    font-size: 16px;
    line-height: 1;
}

.testimonial-stars .is-filled {
    color: var(--primeColor);
}

.testimonial-card h3 {
    display: -webkit-box;
    min-height: 48px;
    margin: 0 0 12px;
    overflow: hidden;
    color: var(--secondColor);
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.testimonial-card p {
    display: -webkit-box;
    margin: 0 0 20px;
    overflow: hidden;
    color: rgba(18, 63, 54, 0.72);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.testimonial-link-text {
    margin-top: auto;
    color: var(--primeColor);
    font-size: 14px;
    font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
    .testimonial-card-grid {
        animation: none;
    }

    .testimonial-carousel {
        height: auto;
        min-height: 0;
    }

    .testimonial-carousel-lane {
        mask-image: none;
    }
}

@media (max-width: 991px) {
    .testimonial-layout {
        grid-template-columns: 1fr;
    }

    .testimonial-intro {
        position: static;
    }

    .testimonial-carousel {
        height: 680px;
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .testimonial-source-grid {
        grid-template-columns: 1fr;
    }

    .testimonial-carousel {
        grid-template-columns: 1fr;
        height: 650px;
    }

    .testimonial-carousel-lane--down {
        display: none;
    }

    .testimonial-card {
        min-height: 0;
    }
}

/*section.testimonials .col-6:nth-child(3), section.testimonials .col-6:last-child {border-bottom: 1px solid #E0E0E0; }*/
section.highlight .slider_clm {
    background-image: linear-gradient(#F2E8DC, #F2C5A0);
    padding: 30px;
    border-radius: 30px;
}

/**************HOME PAGE CSS*/
footer {
    background-color: #faeecf;
    background-image: url(../images/footer-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px 100px 0px 0px;
    overflow: hidden;
    position: relative;
    z-index: 999;
    background-position: -6px top;
}

footer a:hover {
    color: var(--primeColor) !important;
    border-color: var(--primeColor) !important;
}

footer ul.fancy_list li {
    margin: 10px 0;
}

footer .f_clm3 ul.fancy_list li.gdpr:before {
    opacity: 0;
}

.footer_row {
    border-top: 1px solid #0000001c;
    padding-top: 20px;
}

.footer h5 {
    text-transform: capitalize;
    font-weight: 500;
}

.footer {
    padding: 70px 0 70px;
}

.footer span,
.footer p,
.footer a {
    /* font-weight: 300; */
    /* font-size: 15px; */
}

.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_form .input {
    border: 2px solid var(--primeColor);
    background-color: #EBE2C5;
    padding: 15px 15px;
    transition: .5s;
}

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,
.copyright a {
    margin: 0;
    font-weight: 200;
    font-size: 14px;
}

.copyright {
    padding: 20px 0;
    border-top: 1px solid #ffffff30;
    border-radius: 100px 100px 0px 0px;
    background-color: var(--secondColor);
}

.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 #fff !important;
    padding-right: 16px;
}

.copyright .btn_set a:nth-child(2) {
    border-right: 1px solid #fff !important;
    padding-right: 16px;
}

.copyright .btn_set a:nth-child(3) {
    border-right: 1px solid #fff !important;
    padding-right: 16px;
}

/***********SWIPER SLIDER CSS*/
.swiper-container {
    width: 100%;
    padding-bottom: 60px
}

.swiper-slide {
    width: 490px;
    height: auto;
    padding: 0 15px;
}

.swiper-slide img {
    /* box-shadow: 0 10px 30px rgb(0 0 0 / 15%); */
    display: block;
    margin: 0 auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
}

.swiper-pagination-bullet {
    margin: 0 8px !important;
}

.swiper-pagination-bullet {
    background: transparent none repeat scroll 0 0;
    border: 1px solid var(--primeColor);
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}

.swiper-pagination-bullet-active {
    background: var(--gradient);
    background: var(--gradient);
    border: medium none;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}

.swiper-container img {
    /* height: 540px; */
    width: 100%;
    border-radius: 20px;
}

/***********SWIPER SLIDER CSS*/

/*************INNER PAGE BANNER CSS*/
.inner_page_banner {
    padding: 70px 0 70px;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*************INNER PAGE BANNER CSS*/

/************CUSTOM CHECKBOX CSS*/
.checkbox_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.custm_checkBox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custm_checkBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    background-color: #F5F5F5;
    padding: 11px 15px;
    border-radius: 50px;
    font-size: 12px;
    color: #000;
    font-weight: 400;
}

.custm_checkBox input:checked~.checkmark {
    background-image: linear-gradient(22deg, #28816F, #F6B509);
    color: #fff;
}

/************CUSTOM CHECKBOX CSS*/

/*************OWL NAV CSS*/
.owl-nav {
    display: flex;
    gap: 10px;
    justify-content: end;
    position: absolute;
    right: 0;
    bottom: 0;
}

.owl-nav div {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 0;
    position: relative;
    box-shadow: 0px 0px 11px 0px #0000001c;
    cursor: pointer;
    transition: .5s;
}

.owl-nav div:before {
    content: "\f104";
    position: absolute;
    font-size: 27px;
    font-family: 'FontAwesome';
}

.owl-nav div:hover {
    background-color: var(--primeColor);
}

.owl-nav div:last-child:before {
    content: "\f105";
}

/*************OWL NAV CSS*/

/*************BOOTSTRAP ACCODIAN CSS*/
.accordion-item {
    border: none;
    background-color: transparent !important;
    background-image: linear-gradient(#FFF1DE, #f5991e6b) !important;
    margin: 20px 0;
    border-radius: 30px !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: unset;
}

.accordion-button {
    background-color: transparent !important;
    font-size: 20px;
    font-family: 'PP Editorial New';
    padding: 30px 30px;
}

.accordion-body {
    padding-top: 0 !important;
}

.accordion-button::after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 32px;
    position: absolute;
    top: 26px;
    right: 25px;
    width: 16px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordion-button:not(.collapsed) {
    color: unset !important;
}

/*************BOOTSTRAP ACCODIAN CSS*/

.fold_animation_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
}

.fold_animation_wrap img {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
}

.animed_img {
    width: 500px !important;
    height: auto !important;
}

.start_img {
    animation: starSpin 20s linear infinite;
}

@keyframes starSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spinStart {
    animation: spinStart 20s linear infinite;
}

@keyframes spinStart {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

section.thankyou {
    padding: 100px 0;
}

body.thankyou-page header {
    background-color: var(--secondColor);
    position: unset;
}

body.terms_and_condition-page header {
    background-color: var(--secondColor);
    position: unset;
}

body.terms_and_condition-page .megaMenu,
body.thankyou-page .megaMenu {
    background-color: #333;
}

section.term-first-wrapper {
    padding: 70px 0;
}

.terms-first-wrap-text h5 {
    margin: 20px 0 10px;
}

/************ABOUT PAGE CSS*/
.about-bae {
    position: absolute;
    width: 100%;
    left: 0 !important;
    right: unset !important;
    top: 0 !important;
}

.banner_animation_wrap {
    height: 500px;
    width: 500px;
    margin: auto;
    display: table;
    position: absolute;
    right: 0;
    top: 0;
}

.the_world_txt {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #00000040;
    font-weight: 900;
    white-space: nowrap;
    display: inline-block;
    line-height: 200px;
    position: relative;
}

.the_world_txt {
    animation: moveLeftRight 20s linear infinite alternate;
    position: relative;
    display: inline-block;
}

@keyframes moveLeftRight {
    0% {
        left: 0;
    }

    100% {
        left: -1500px;
    }
}

.about_fae_wrap {
    position: relative;
    width: 71%;
    height: 602px;
    overflow: hidden;
    padding-bottom: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.about_fae_wrap .about-fae {
    position: absolute;
    right: 0;
    width: 100%;
    left: 0px;
}

.about_fae_wrap:before {
    content: "";
    width: 100%;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: radial-gradient(circle, #20ab50, #1fa44d, #1d9d49, #1c9746, #1b9043);
    transition: .5s;
}

.inner_wrap {
    width: 90% !important;
    height: 90% !important;
    position: absolute;
}

.the_world_txt {
    position: absolute;
    top: 34%;
    transform: translate(0px, -20%);
}

.the_world_txt:before {
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 13px;
    content: "";
    box-shadow: 0px 0px 87px 67px #fff;
    background-color: #fff;
}

.clients_section {
    background-image: linear-gradient(#6E9990, #F3FEFC, #F3FEFC);
    background-color: transparent !important;
}

section.get_a_dedicated {
    background-image: linear-gradient(#fff3d3, transparent);
    border-radius: 100px 100px;
}

section.the_perks {
    padding: 5% 0;
}

.persk_clm {
    position: relative;
    background-color: #000;
    border-radius: 30px;
    padding: 30px 30px 0px 30px;
    overflow: hidden;
}

.persk_clm .star_hover {
    position: absolute;
    top: 28%;
    width: 100%;
    left: 0;
    opacity: 0.2;
}

.persk_clm .perks_img {
    width: 100%;
    position: relative;
    height: 310px;
    object-fit: contain;
    transition: .5s;
}

.perks_clm .star_hover {
    transition: .5s !important;
}

.persk_clm p,
.persk_clm a {
    font-size: 14px;
}

.persk_clm:hover .perks_img,
.persk_clm:hover .star_hover {
    transform: scale(1.1);
}

.persk_clm:hover .star_hover {
    animation: starSpinOnHover 20s linear infinite;
}

@keyframes starSpinOnHover {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.perks_clm1 {
    background-image: linear-gradient(to left top, #133b33, #1a5045, #206557, #287c6a, #2f937e);
}

.persk_clm2 {
    background-image: linear-gradient(to left top, #0a0a0a, #171717, #212121, #2c2c2c, #373737);
}

.persk_clm3 {
    background-image: linear-gradient(to left top, #c9770a, #d78414, #e4921c, #f2a024, #ffae2c);
}

.simple_btn {
    position: relative;
    padding-right: 20px;
}

.simple_btn:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
}

section.unique_selling {
    background-image: url(../images/unique-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--secondColor);
    background-position: center 97%;
    padding: 5% 0 0;
}

.unique_clm {
    position: relative;
    background-image: linear-gradient(-11deg, #74A89D, #D4FFF6);
    padding: 25px;
    border-radius: 20px;
    padding-right: 50%;
    border: 2px solid #a7cac2;
}

.unique_clm .unique_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 230px;
    object-fit: contain;
}

section.take_the_first {
    position: relative;
    overflow: hidden;
    padding: 12% 0;
}

section.take_the_first .take_color_shade {
    position: absolute;
    bottom: 0;
    top: 50px;
    width: 80%;
    margin: auto;
    display: table;
    left: -35%;
}

img.take_shade {
    position: absolute;
    top: 0;
}

img.take_shade2 {
    position: absolute;
    bottom: -3px;
}

.left_right_slides {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 0;
    padding: 0 25px;
}

.left_right_slides .left_slide {
    width: 340px;
    height: 1000px;
    background-image: url(../images/take-im1.webp);
    background-repeat: repeat;
    background-position: center;
}

.left_right_slides .right_slide {
    width: 340px;
    height: 1000px;
    background-image: url(../images/take-im2.webp);
    background-repeat: repeat;
    background-position: center;
}

.red_underline {
    background-image: url(../images/red-line.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 48px;
}

section.take_the_first .take_color_shade {
    animation: moveShadeLeftRight 10s linear infinite alternate;
    display: inline-block;
    will-change: transform;
}

@keyframes moveShadeLeftRight {
    0% {
        transform: translateX(0%) rotate(0deg);
    }

    100% {
        transform: translateX(1900px) rotate(360deg);
    }
}

/************ABOUT PAGE CSS*/

/************PORTFOLIO PAGE CSS*/
body.portfolio-page .banner_animation_wrap {
    height: 700px;
    width: 700px;
    margin: auto;
    display: table;
    position: absolute;
    right: 0;
    top: -50px;
}

.banner_animation_wrap .portfolio-bae {
    position: absolute;
    /* width: 100% !important; */
    inset: 0;
}

.post_slider {
    height: 850px;
    overflow: hidden;
    position: relative;
}

.topToBottom,
.bottomToTop {
    display: flex;
    flex-direction: column;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.topToBottom {
    animation-name: scroll-down;
}

.bottomToTop {
    animation-name: scroll-up;
}

@keyframes scroll-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes scroll-up {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

body.portfolio-page .clients_logo {
    margin: 10px 0 !important;
    width: auto;
    border-radius: 15px;
    object-fit: cover;
}

.port_top_shade {
    top: -300px;
    width: 100%;
    left: 0;
}

.port_tabs_wrap {
    background-image: url(../images/port-tab-bg.webp);
    background-repeat: repeat;
    background-size: 50%;
    background-color: #272727 !important;
}

.port_tabs_wrap .heading50px {
    z-index: 9;
}

.righ_top_img {
    position: relative;
}

.righ_top_img:before {
    content: "";
    width: 60px;
    height: 65px;
    background-image: url(../images/heading3lines.webp);
    position: absolute;
    top: -40px;
    right: -40px;
    background-repeat: no-repeat;
}

.port_tabs_wrap ul#pills-tab li button {
    font-family: 'Inter' !important;
    font-weight: 200;
    border-radius: 6px;
    transform: translate(0px, 0px);
    background-color: #3f3d3d;
}

.port_tabs_wrap ul#pills-tab {
    border-radius: 10px !important;
    padding: 5px;
    background-color: #2f2f2f;
    margin-bottom: 50px !important;
}

.port_tabs_wrap ul#pills-tab li button.active {
    box-shadow: none;
    background-color: #fff !important;
    color: #000 !important;
}

.port_tabs_wrap ul#pills-tab li {
    margin: 0 2px;
}

/************PORTFOLIO PAGE CSS*/

/************CONTACT PAGE CSS*/
section.contactBanner {
    padding-top: 11%;
    margin-bottom: -80px;
}

.animated_circle_btn {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 100px;
}

.animated_circle_btn img {
    position: absolute;
    margin: auto;
    display: table;
    inset: 0;
    width: 47px;
}

.abi1 {
    position: absolute;
    left: -60px;
    top: 50px;
    width: 26%;
}

.abi2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
}

.fade_from_right {
    animation: fade_from_right 1s ease-out forwards, swing 2s ease-in-out infinite;
    animation-delay: 0s, 1s;
    opacity: 0;
}

@keyframes fade_from_right {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.fade_from_left {
    animation: fade_from_left 1s ease-out forwards, swing 2s ease-in-out infinite;
    animation-delay: 0s, 1s;
    opacity: 0;
}

@keyframes fade_from_left {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes swing {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

body.contact-page section.faqs {
    /* margin: 0 !important; */
}

.contact_sec {
    padding-bottom: 250px;
    background-image: linear-gradient(#fffffff0, #b9f3e7);
    position: relative !important;
}

.contact_sec .the_world_txt {
    -webkit-text-fill-color: #333333;
    -webkit-text-stroke-width: 0px;
}

.contact_sec .the_world_txt:before {
    opacity: 0;
}

.clients_section .emial_number p {
    font-family: 'PP Editorial New';
}

.clients_section .emial_number a {
    color: #000000d6;
}

.ctn_shadow_left,
.ctn_shadow_right {
    position: absolute;
    bottom: 0px;
    height: 280px;
}

.ctn_shadow_right {
    right: 0;
}

body.contact-page footer {
    background-color: transparent;
    /* background-image: url(../images/ctn-footer-bg.webp); */
}

body.contact-page footer .footer {
    padding-top: 150px;
}

.contact_sec .animated_circle_btn {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    background-color: #ffffff80;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    width: 150px;
    height: 150px;
}

.contact_sec .animated_circle_btn img:nth-child(1) {
    width: 120px;
}

.testi_clm {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 26px;
}

/************CONTACT PAGE CSS*/

/************SERVICE PAGES CSS*/
section.servicesBanner .abl_img {
    background-size: contain;
}

section.servicesBanner {
    background-size: cover;
    padding: 13% 0 8% 0;
}

section.section_2 {
    border-radius: 100px 100px 0px 0px;
    margin-top: 0px;
    position: relative;
    background-image: linear-gradient(#fff, #fff, #AAD9D0);
    padding: 0px 0 5% 0%;
    /* min-height: 700px; */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 800px;
}

.before_circle {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.before_circle:before {
    content: "";
    width: 500px;
    height: 500px;
    background-image: linear-gradient(to right bottom, #feb224, #bfb727, #84b345, #4caa64, #009d7d);
    position: absolute;
    border-radius: 50%;
    bottom: 0;
}

.second_sec_img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 520px;
    max-width: 100%;
}

section.section_3 {
    position: relative;
    background-image: url(../images/service-third-sec-bg.webp);
    height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    padding-top: 5%;
    border-radius: 100px 100px 0px 0px;
    margin-top: -100px;
    background-color: #fff;
}

section.section_4 {
    background-image: url(../images/service-fourth-sec-bg.webp);
    padding-bottom: 20px;
}

.plateform_logo {
    width: auto !important;
    margin: auto;
    display: table;
}

.plateform_logo_slider .owl-stage {
    display: flex;
    align-items: center;
}

.plateform_logo_slider {
    background-color: #FAFAFA;
    border-radius: 50pc;
    margin: -100px 0 15px;
}

section.section_6 {
    position: relative;
    padding: 5% 0;
    overflow: hidden;
}

section.section_6:before {
    content: "";
    width: 26%;
    height: 150%;
    position: absolute;
    right: 8%;
    bottom: -42%;
    background-image: linear-gradient(#15564A, #46d693);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    transform: rotate(-45deg);
    border-radius: 250px 250px 0 0;
}

section.packages {
    background-color: #fff3d3;
    margin-top: 11px;
    border-radius: 100px;
    padding: 150px 0 100px;
    margin: -70px 0 0 0;
}

section.packages .pkg_clm {
    background-image: linear-gradient(#F4F4F4, #F5ECD6);
    padding: 35px;
    border-radius: 30px;
}

.pkg_clm .pkg_services {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}

.pkg_clm ul {
    height: 228px;
    overflow: auto;
}

.pkg_clm ul li {
    list-style: none;
    margin: 12px 0;
    position: relative;
    padding-left: 20px;
    font-weight: 300;
}

.pkg_clm ul li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    font-family: fontawesome;
    color: #336A5F;
}

.pkg_livechat,
.pkg_number {
    border: none;
    background-color: transparent;
    padding: 0 !important;
    color: #000;
    font-weight: 500;
    font-family: 'PP Editorial New';
    font-size: 18px;
    transition: .5s;
}

.pkg_livechat:hover,
.pkg_number:hover {
    color: var(--primeColor);
}

.recomended,
section.packages .pkg_clm:hover {
    background-image: linear-gradient(#1D3B35, #356E62) !important;
}

.recomended .heading24px,
.recomended .heading28px,
.recomended p,
.recomended .pkg_livechat,
.recomended .pkg_number,
.recomended ul li {
    color: #fff !important;
}

section.packages .pkg_clm:hover .heading24px,
section.packages .pkg_clm:hover .heading28px,
section.packages .pkg_clm:hover p,
section.packages .pkg_clm:hover .pkg_livechat,
section.packages .pkg_clm:hover .pkg_number,
section.packages .pkg_clm:hover ul li {
    color: #fff !important;
}

.recomended .pkg_services,
section.packages .pkg_clm:hover .pkg_services {
    background-color: #ffffff3d;
}

.recomended ul li:before,
section.packages .pkg_clm:hover ul li:before {
    color: var(--primeColor);
}

.price_wrap del {
    color: #97909C;
    position: relative;
}

.fold_animation_wrap img {
    max-width: 100%;
}

/************SERVICE PAGES CSS*/

.writePen {
    animation: writePen 3s ease-out forwards;
}

@keyframes writePen {
    0% {
        transform: translate(0px, 0px) rotate(-10deg);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translate(220px, 10px) rotate(5deg);
    }
}

.upDownFloat {
    animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
        /* upar */
    }

    100% {
        transform: translateY(0px);
    }
}

.hand {
    animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.paper {
    animation: fallSwing 5s ease-in-out infinite;
}

@keyframes fallSwing {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
        opacity: 1;
    }

    20% {
        transform: translateX(-30px) translateY(100px) rotate(-10deg);
    }

    40% {
        transform: translateX(30px) translateY(200px) rotate(10deg);
    }

    60% {
        transform: translateX(-20px) translateY(300px) rotate(-8deg);
    }

    80% {
        transform: translateX(20px) translateY(400px) rotate(8deg);
    }

    100% {
        transform: translateX(0px) translateY(500px) rotate(0deg);
        opacity: 0.7;
    }
}

.clients_section .clients_logo {
    padding: 0 10px;
    max-width: 100% !important;
}

img.user_img {
    width: 80px !important;
    border-radius: 50%;
    object-fit: cover;
}

.subMenuService a.active,
.subMenuService a:hover {
    background-color: var(--primeColor) !important;
    color: #fff;
}

html body div .closeMenu span {
    position: relative;
    top: -3px;
}

.owl-height {
    height: auto !important;
}

.simple_btn:hover {
    color: var(--primeColor) !important;
}

section.top_notch {
    padding: 100px 0;
}


section.unveiling .item .slider_clm p {
    font-size: 14px;
}

.animated_circle_btn {
    transform: scale(1.2);
}



section.our_blos .slider_clm .heading24px {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
}

section.our_blos .simple_btn {
    color: var(--secondColor);
    margin-top: 15px;
    display: inline-block;
    font-weight: 600;
}


section.blog_banner {
    background: url(../images/banner-image.jpg) no-repeat center top/cover;
    display: flex;
    width: 100%;
    height: 300px;
    justify-content: center;
    align-items: end;
}




.blog_container {
    padding: 100px 0;
}

.layout {
    display: flex;
    margin: 0px auto;
    gap: 25px;
    padding: 0 20px;
}

.content {
    flex: 3;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.sidebar {
    flex: 1;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    height: fit-content;
    position: sticky;
    top: 25px;
}

/* Article sections */
.section {
    margin-bottom: 30px;
}

.section__title {
    color: var(--secondColor);
    font-size: 1.5rem;
    margin: 20px 0 10px;
    padding-bottom: 6px;
}

.section__title span {
    border-bottom: 2px solid var(--secondColor);
}

.section__subtitle {
    color: #444;
    font-size: 1.2rem;
    margin: 15px 0 10px;
}

/* Lists */
.list {
    margin: 10px 0 10px 20px;
}

.list li::marker {
    color: var(--secondColor);
    font-weight: bold;
}

/* Table */
.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.table th,
.table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.table th {
    background: var(--secondColor);
    color: #fff;
}

.table tr:nth-child(even) {
    background: #f9f9f9;
}

/* FAQ */
.faq {
    background: #f9fbff;
    padding: 20px;
    border-left: 4px solid var(--secondColor);
    border-radius: 6px;
}

.faq__title {
    color: var(--secondColor);
}

.faq__item {
    margin-bottom: 15px;
}

/* Sidebar widgets */
.sidebar__box {
    margin-bottom: 25px;
}

.sidebar__title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: var(--secondColor);
    border-bottom: 2px solid var(--secondColor);
    padding-bottom: 5px;
}

.sidebar__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar__list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.sidebar__list a {
    text-decoration: none;
    color: #333;
    transition: 0.2s;
    font-size: 14px;
}

.sidebar__list a:hover {
    color: var(--secondColor) !important;
}

/* Footer */
/*.footer {text-align: center; padding: 20px; background: var(--secondColor); color: #fff; margin-top: 40px; } */
main {
    max-width: 70%;
}

.tableScroll {
    overflow-x: auto;
}

table.table {
    width: 850px;
}

.sidebar__list li .active {
    color: var(--primeColor);
    font-weight: 700;
    text-decoration: underline;
}


.blog_container main .heading35px span {
    border-bottom: 2px solid var(--primeColor);
    font-style: italic;
}

.sidebar__list li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--primeColor);
    position: absolute;
    border-radius: 50%;
    top: 10px;
    left: 0;
}

.sidebar__list li a {
    font-size: 14px;
}

form.banner_form {
    bottom: 0px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: #ffc80026;
    border-radius: 100px;
    overflow: hidden;
    padding: 25px;
    width: 100%;
}

.form-inputs-wrapper {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

form.banner_form input:not([type="checkbox"]) {
    margin: 0;
    border-radius: 100px;
    padding: 10px 20px;
    outline: none !important;
}

.margin-checkbox-via {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #333;
    padding: 0 10px;
    line-height: 1.4;
}

.margin-checkbox-via input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

.margin-checkbox-via a {
    text-decoration: underline;
}

button.submit_btn {
    width: 50px;
    height: 50px;
    background-image: linear-gradient(#42806f, #1e3f36);
    border-radius: 50%;
    border: none !important;
    color: white;
    flex-shrink: 0;
}

.width {
    width: 40px;
}

/* Desktop: Wrapper ke andar wala span hide, neeche wala show */
.form-inputs-wrapper .margin-checkbox-via {
    display: none;
}

form.banner_form>.margin-checkbox-via {
    display: block;
}

@media (max-width: 1690px) {
    .form-inputs-wrapper {
        flex-direction: column;
    }

    form.banner_form {
        border-radius: 20px;
        position: relative;
        margin: auto;
        justify-content: center;
        left: 0;
        top: 0 !important;
        align-items: center;
    }

    button.submit_btn {
        width: 60px;
        height: 60px;
    }

    /* Mobile: Wrapper ke andar wala span show, neeche wala hide */
    .form-inputs-wrapper .margin-checkbox-via {
        display: block;
    }

    form.banner_form>.margin-checkbox-via {
        display: none;
    }
}

/* 

 <!-- Scroll Progress Bar -->
    <div class="scroll-progress" id="scrollProgress"></div>

    <div class="blog-container">
        <!-- Sidebar Navigation -->
        <aside class="sidebar">
            <h3>Quick Navigation</h3>
            <ul>
                <li><a href="#intro" class="nav-link">Introduction</a></li>
                <li><a href="#what-is" class="nav-link">What Is AI Content for WordPress?</a></li>
                <li><a href="#why-important" class="nav-link">Why AI Content Is Important</a></li>
                <li class="submenu"><a href="#time-savings" class="nav-link">Massive Time Savings</a></li>
                <li class="submenu"><a href="#scaling" class="nav-link">Scaling Content Production</a></li>
                <li class="submenu"><a href="#seo" class="nav-link">Better SEO and Engagement</a></li>
                <li><a href="#problems" class="nav-link">Common Problems & Solutions</a></li>
                <li><a href="#tools" class="nav-link">Best AI Tools for WordPress</a></li>
                <li class="submenu"><a href="#wp-wand" class="nav-link">WP Wand</a></li>
                <li class="submenu"><a href="#ai-wizard" class="nav-link">AI Content Wizard Lite</a></li>
                <li class="submenu"><a href="#wordlift" class="nav-link">WordLift or Divi AI</a></li>
                <li><a href="#workflow" class="nav-link">Using AI in Your Workflow</a></li>
                <li><a href="#risks" class="nav-link">Potential Risks & How to Avoid</a></li>
                <li><a href="#examples" class="nav-link">Real World Examples</a></li>
                <li><a href="#conclusion" class="nav-link">Conclusion</a></li>
            </ul>

            <div class="author-box">
                <h4>About Author</h4>
                <p><strong>Bloomsbury Publications</strong> helps authors with editing, publishing, and building credibility in the literary market.</p>
            </div>
        </aside>

        <!-- Main Content -->
        <main class="main-content">
            <h1 id="intro">AI Content WordPress: How to Generate Smarter, Faster, and SEO‑Ready Website Content</h1>

            <p>Imagine this: you sit down to write your next WordPress blog post, but the blank screen stares back at you like a brick wall. You've got ideas, but writer's block, time constraints, and SEO pressure make the task harder than it should be. Sound familiar? You're not alone. Content creation is one of the biggest bottlenecks for bloggers, marketers, and business owners using <a href="https://wordpress.com" target="_blank">WordPress</a>, the platform powering <em>over</em> 43% of all websites on the internet.</p>

            <p>This is where <strong>AI content WordPress</strong> tools step in, not to replace human creativity, but to supercharge it.</p>

            <p>In this blog, we'll break down what AI content in WordPress means, why it's becoming essential, how it solves real problems, the best tools and workflows, common pitfalls, and how you can implement it responsively so your content strategy works smarter, not harder.</p>

            <h2 id="what-is">What Is AI Content for WordPress?</h2>

            <p>At its core, <strong>AI content WordPress</strong> refers to leveraging artificial intelligence directly inside WordPress to assist in generating, optimizing, editing, and refining website content. These tools use advanced machine learning, especially large language models like GPT, Claude, or Gemini, to understand prompts and produce human‑like text.</p>

            <p>Unlike simple grammar checkers, modern AI tools can generate blog posts, product descriptions, headlines, meta tags, and even SEO‑optimized drafts based on a few keywords or an outline you provide. This isn't science fiction, It's a practical application of AI right inside your WordPress dashboard.</p>

            <h2 id="why-important">Why AI Content Is Important for WordPress Users</h2>

            <p>There are three core reasons AI content has moved from "nice to have" to <em>must‑use</em>:</p>

            <h3 id="time-savings">1. Massive Time Savings</h3>

            <p>Traditionally, writing a 1000‑word article could take hours or even days of research, drafting, and editing. With the right AI plugins, you can produce a quality first draft in minutes. Some tools even generate entire articles at once.</p>

            <p>This doesn't mean you skip quality, It means you spend your hours <em>refining, checking and tailoring</em> what the AI produces, rather than starting from scratch.</p>

            <h3 id="scaling">2. Scaling Content Production</h3>

            <p>Whether you're running a blog, eCommerce site, or agency, scaling content output is tough. According to recent industry insights, more than one‑third of WordPress users now actively use AI‑driven plugins to assist with content tasks, and demand for AI‑related skills and jobs in WordPress has increased by over <strong>56% in 2025</strong>.</p>

            <p>That means an increasing number of WordPress sites are leveraging AI --- and if you don't, you risk falling behind competitors.</p>

            <h3 id="seo">3. Better SEO and Engagement</h3>

            <p>Top AI WordPress tools include built‑in SEO suggestions, keyword optimization, readability checks, and semantic structuring. With AI content plugins gaining millions of interactions annually, it's clear that users and search engines alike respond well to sites that publish optimized, consistent content.</p>

            <h2 id="problems">Common Problems WordPress Users Face (and How AI Solves Them)</h2>

            <p>Here's what most WordPress users struggle with, and how AI tools help:</p>

            <table>
                <thead>
                    <tr>
                        <th>Problem</th>
                        <th>AI‑Driven Benefit</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Writer's block</td>
                        <td>Generates topic ideas & drafts instantly</td>
                    </tr>
                    <tr>
                        <td>Inconsistent SEO</td>
                        <td>Builds SEO‑friendly copy with keywords</td>
                    </tr>
                    <tr>
                        <td>Lack of time</td>
                        <td>Cuts content creation time drastically</td>
                    </tr>
                    <tr>
                        <td>Poor readability</td>
                        <td>Improves tone, grammar & flow</td>
                    </tr>
                    <tr>
                        <td>Lack of resources</td>
                        <td>Reduces cost vs. hiring multiple writers</td>
                    </tr>
                </tbody>
            </table>

            <p>These are real, everyday issues, and AI doesn't eliminate the human role. It <em>enhances it</em> by removing repetitive work so you can focus on strategy and quality.</p>

            <h2 id="tools">Best AI Tools for WordPress Content in 2025</h2>

            <p>Here's a look into some AI tools and plugins that truly make a difference:</p>

            <h3 id="wp-wand">1. WP Wand -- AI Content Generator</h3>

            <p>WP Wand integrates seamlessly with Gutenberg and classic editors to generate long‑form content on demand. It supports multiple AI models and claims the ability to produce articles quickly and with builtin SEO support.</p>

            <p><strong>Great for:</strong> blog posts, landing page content, bulk article generation.</p>

            <h3 id="ai-wizard">2. AI Content Wizard Lite</h3>

            <p>This plugin brings AI content and SEO assistance right into your editor, offering drafting and planning tools powered by major AI models like GPT‑5‑mini and Claude.</p>

            <p><strong>Great for:</strong> small businesses and beginner bloggers.</p>

            <h3 id="wordlift">3. WordLift or Divi AI</h3>

            <p>These plugins add <em>semantic SEO</em>, automated metadata and structured content that helps search engines understand your posts better, improving visibility.</p>

            <p><strong>Great for:</strong> editorial sites and SEO‑focused publishers.</p>

            <h2 id="workflow">How to Effectively Use AI Content in Your WordPress Workflow</h2>

            <p>Using AI wisely means integrating it into your editorial workflow without letting it dominate:</p>

            <h3>1. Start with a Clear Prompt</h3>

            <p>Tell the AI <em>exactly</em> what you want: topic, tone, audience, keywords. A detailed prompt yields far better results than "write an article." Think of the prompt as the <em>brief you'd give a human writer</em>.</p>

            <h3>2. Edit and Customize</h3>

            <p>AI produces drafts, but humans bring meaning. Always review generated text for accuracy, voice, branding, and relevance. Add personal anecdotes or examples only you can provide.</p>

            <h3>3. Use AI Tools for SEO Optimization</h3>

            <p>Don't just generate content, optimize it. Plugins that analyze search intent and suggest keywords or structural changes boost your chance of ranking higher.</p>

            <h3>4. Monitor Performance Metrics</h3>

            <p>Track how AI‑assisted content performs compared to traditionally written posts. Look at time on page, bounce rate, search rankings, and engagement to refine your strategy.</p>

            <h2 id="risks">Potential Risks and How to Avoid Them</h2>

            <p>AI tools are powerful, but there are risks, and responsible users should watch out for:</p>

            <div class="highlight-box">
                <p><strong>Over‑reliance and quality drop</strong><br>
                AI can generate vast amounts of text, but not all content will be accurate or deeply insightful. Use human editing to maintain quality.</p>
            </div>

            <div class="highlight-box">
                <p><strong>SEO pitfalls</strong><br>
                Search engines may not always favor fully AI‑generated content unless it adds value and relevance. Treat AI output as a <em>starting point</em>, not the final product.</p>
            </div>

            <div class="highlight-box">
                <p><strong>Security and Prompt Risks</strong><br>
                Some AI plugins may expose vulnerabilities if not updated correctly. Make sure plugins are from reputable sources and maintained regularly.</p>
            </div>

            <h2 id="examples">Real World Examples & Impact</h2>

            <p>Let's consider a mid‑sized blog that uses AI tools for content planning and drafting. This site was able to increase its publishing frequency from one long post per week to three, without increasing its content team. Readers responded with better engagement and time‑on‑page because the posts were well structured, relevant, focused, and consistent.</p>

            <p>From an SEO perspective, sites using AI content optimization saw increased visibility as measured by organic search traffic over six months.</p>

            <p>In broader terms, cumulative analytics show that the top 40 AI‑powered WordPress plugins generated over 315 million visits over a single year, demonstrating massive interest in AI‑enabled tools.</p>

            <h2 id="conclusion">Conclusion: The Future of WordPress and AI Content</h2>

            <p>AI isn't going away. In fact, companies around the world, including WordPress site owners, are adopting AI not just for chatbots or automation, but as a core content engine. Tools are evolving rapidly, and users are gaining efficiency, scalability, and SEO improvements from them.</p>

            <p>If you're still manually writing every article, you're leaving valuable time and productivity on the table. With the right approach, combining AI content generation with thoughtful editorial oversight, you can stay competitive and deliver higher‑quality content faster.</p>

            <p>And if you need a professional <strong>WordPress development service</strong> to set this all up, from plugin selection and integration to optimizing workflows, partnering with an expert can save you time and ensure the tools work exactly the way you need.</p>
        </main>

 */
/* .scroll-container {
  overscroll-behavior: contain;
} */
.pkg_clm {
    text-align: start;
}

/* Light-background hero/navbar overrides */
header nav ul li a,
header .top_nav ul.navigation li a,
header .top_nav ul.navigation li a i,
header .numberBtn,
header .numberBtn span,
header .numberBtn i {
    color: #000 !important;
}

header .top_nav ul.navigation {
    background-color: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

header .top_nav ul.navigation li a {
    background-color: rgba(255, 255, 255, 0.48) !important;
}

.hamBurger div {
    background-color: #000 !important;
}

section.homeBanner,
section.homeBanner .light,
section.homeBanner .light h1,
section.homeBanner .light h2,
section.homeBanner .light h3,
section.homeBanner .light h4,
section.homeBanner .light h5,
section.homeBanner .light h6,
section.homeBanner .light p,
section.homeBanner .light a,
section.homeBanner .light i,
section.homeBanner .light span,
section.homeBanner .light li,
section.servicesBanner,
section.servicesBanner .light,
section.servicesBanner .light h1,
section.servicesBanner .light h2,
section.servicesBanner .light h3,
section.servicesBanner .light h4,
section.servicesBanner .light h5,
section.servicesBanner .light h6,
section.servicesBanner .light p,
section.servicesBanner .light a,
section.servicesBanner .light i,
section.servicesBanner .light span,
section.servicesBanner .light li,
section.aboutBanner,
section.aboutBanner .light,
section.aboutBanner .light h1,
section.aboutBanner .light h2,
section.aboutBanner .light h3,
section.aboutBanner .light h4,
section.aboutBanner .light h5,
section.aboutBanner .light h6,
section.aboutBanner .light p,
section.aboutBanner .light a,
section.aboutBanner .light i,
section.aboutBanner .light span,
section.aboutBanner .light li,
section.portfolioBanner,
section.portfolioBanner .light,
section.portfolioBanner .light h1,
section.portfolioBanner .light h2,
section.portfolioBanner .light h3,
section.portfolioBanner .light h4,
section.portfolioBanner .light h5,
section.portfolioBanner .light h6,
section.portfolioBanner .light p,
section.portfolioBanner .light a,
section.portfolioBanner .light i,
section.portfolioBanner .light span,
section.portfolioBanner .light li,
section.testimonialsBanner,
section.testimonialsBanner .light,
section.testimonialsBanner .light h1,
section.testimonialsBanner .light h2,
section.testimonialsBanner .light h3,
section.testimonialsBanner .light h4,
section.testimonialsBanner .light h5,
section.testimonialsBanner .light h6,
section.testimonialsBanner .light p,
section.testimonialsBanner .light a,
section.testimonialsBanner .light i,
section.testimonialsBanner .light span,
section.testimonialsBanner .light li,
section.contactBanner,
section.contactBanner .light,
section.contactBanner .light h1,
section.contactBanner .light h2,
section.contactBanner .light h3,
section.contactBanner .light h4,
section.contactBanner .light h5,
section.contactBanner .light h6,
section.contactBanner .light p,
section.contactBanner .light a,
section.contactBanner .light i,
section.contactBanner .light span,
section.contactBanner .light li,
section.blog_banner,
section.blog_banner .light,
section.blog_banner .light h1,
section.blog_banner .light h2,
section.blog_banner .light h3,
section.blog_banner .light h4,
section.blog_banner .light h5,
section.blog_banner .light h6,
section.blog_banner .light p,
section.blog_banner .light a,
section.blog_banner .light i,
section.blog_banner .light span,
section.blog_banner .light li {
    color: #111;
}

section.homeBanner .beforeEelement:before,
section.servicesBanner .beforeEelement:before,
section.aboutBanner .beforeEelement:before,
section.portfolioBanner .beforeEelement:before,
section.testimonialsBanner .beforeEelement:before,
section.contactBanner .beforeEelement:before,
section.blog_banner .beforeEelement:before {
    background-color: #111 !important;
}

body.testimonials-page .clients_section {
    padding-top: clamp(70px, 7vw, 120px);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 168, 0, 0.14), transparent 24%),
        linear-gradient(180deg, #fbf7ef 0%, #ffffff 54%, #edf5f1 100%);
}

body.testimonials-page .testimonial-page-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 42px;
}

body.testimonials-page .testimonial-page-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 55px rgba(18, 63, 54, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.testimonials-page .testimonial-page-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--primeColor), var(--secondColor));
}

body.testimonials-page .testimonial-page-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 168, 0, 0.48);
    box-shadow: 0 28px 72px rgba(18, 63, 54, 0.14);
}

body.testimonials-page .testimonial-page-card__top {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

body.testimonials-page .testimonial-page-card__avatar {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    border: 3px solid rgba(255, 168, 0, 0.45);
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 12px 28px rgba(18, 63, 54, 0.16);
}

body.testimonials-page .testimonial-page-card h3 {
    margin: 0 0 4px;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(23px, 1.5vw, 30px);
    font-weight: 400;
    line-height: 1.1;
}

body.testimonials-page .testimonial-page-card__top p {
    margin: 0;
    color: #69736f;
    font-size: 14px;
    line-height: 1.35;
}

body.testimonials-page .testimonial-page-card__rating {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(255, 168, 0, 0.14);
    color: var(--primeColor);
    font-size: 14px;
}

body.testimonials-page .testimonial-page-card__rating span {
    margin-left: 5px;
    color: var(--secondColor);
    font-weight: 800;
}

body.testimonials-page .testimonial-page-card__quote {
    position: absolute;
    right: 22px;
    bottom: -16px;
    color: rgba(18, 63, 54, 0.06);
    font-family: Georgia, serif;
    font-size: 150px;
    line-height: 1;
    pointer-events: none;
}

body.testimonials-page .testimonial-page-card__message {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #33423e;
    font-size: 15.5px;
    line-height: 1.78;
}

body.testimonials-page .testimonial-page-card__message .primeColor {
    color: var(--secondColor) !important;
}

.faq-hero-panel,
.location-hero-panel {
    position: relative;
    overflow: hidden;
    padding: 38px;
    border: 1px solid rgba(18, 63, 54, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 24px 70px rgba(18, 63, 54, 0.14);
}

.faq-hero-panel strong,
.location-hero-panel strong {
    display: block;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(70px, 6vw, 110px);
    font-weight: 400;
    line-height: 1;
}

.faq-hero-panel span,
.location-hero-panel span {
    display: block;
    max-width: 260px;
    color: #33423e;
    font-weight: 800;
    line-height: 1.35;
}

.faq-page-section {
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 168, 0, 0.14), transparent 24%),
        linear-gradient(180deg, #fbf7ef 0%, #ffffff 54%, #edf5f1 100%);
}

body.faq-page .home-faq-accordion {
    text-align: left;
}

.location-section {
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 168, 0, 0.12), transparent 24%),
        linear-gradient(180deg, #fffaf1 0%, #ffffff 48%, #edf5f1 100%);
}

.location-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    margin-left: auto;
    margin-right: auto;
}

.location-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(18, 63, 54, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.location-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 168, 0, 0.48);
    box-shadow: 0 28px 72px rgba(18, 63, 54, 0.14);
}

.location-card__image {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #eef3ef;
}

.location-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.55s ease, filter 0.55s ease;
}

.location-card:hover .location-card__image img {
    transform: scale(1.07);
    filter: saturate(1.06) contrast(1.04);
}

.location-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(18, 63, 54, 0) 45%, rgba(18, 63, 54, 0.62) 100%);
    pointer-events: none;
}

.location-card__badge {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--secondColor);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.location-card__body {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 1px);
    padding: clamp(22px, 2.2vw, 30px);
}

.location-card__brand {
    display: flex;
    align-items: center;
    min-height: 70px;
    margin-bottom: 18px;
}

.location-card__brand img {
    width: min(220px, 78%);
    max-height: 64px;
    object-fit: contain;
    object-position: left center;
}

.location-card__title-row {
    margin-bottom: 12px;
}

.location-card__title-row span {
    display: inline-flex;
    margin-bottom: 7px;
    color: var(--primeColor);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.location-card h3 {
    margin: 0;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(28px, 2.4vw, 38px);
    font-weight: 400;
    line-height: 1.08;
}

.location-card__body > p {
    margin-bottom: 22px;
    color: #33423e;
    line-height: 1.65;
}

.location-card ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.location-card li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    list-style: none;
    color: #263631;
    line-height: 1.5;
    text-align: left;
}

.location-card i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.14);
    color: var(--primeColor);
    font-size: 14px;
}

.location-card a {
    color: var(--secondColor);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.location-card address {
    margin: 0;
    line-height: 1.5;
}

.location-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: auto;
    padding-top: 24px;
}

.location-card__actions .location-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid var(--secondColor);
    border-radius: 8px;
    background: var(--secondColor);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.location-card__actions .location-card__action i {
    width: auto;
    height: auto;
    background: transparent;
    color: currentColor;
}

.location-card__actions .location-card__action--light {
    background: #fffaf1;
    color: var(--secondColor);
}

.blog-list-hero,
.blog-detail-hero {
    padding: clamp(150px, 13vw, 210px) 0 clamp(70px, 7vw, 110px);
    background:
        radial-gradient(circle at 18% 12%, rgba(255, 168, 0, 0.18), transparent 26%),
        linear-gradient(135deg, #f6f0df 0%, #fbfbf7 52%, #dcebe5 100%);
}

.blog-list-hero__inner,
.blog-detail-hero__inner {
    max-width: 900px;
    margin: 0 auto;
}

.blog-list-hero h1,
.blog-detail-hero h1 {
    color: var(--secondColor);
}

.blog-list-hero p,
.blog-detail-hero p {
    max-width: 760px;
    margin: 18px auto 0;
    color: #33423e;
    font-size: 18px;
    line-height: 1.75;
}

.blog-list-section,
.blog-detail-body {
    padding: clamp(70px, 7vw, 110px) 0;
    background: #fbf7ef;
}

.blog-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.brand-blog-card,
.blog-side-card {
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 55px rgba(18, 63, 54, 0.08);
}

.brand-blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.brand-blog-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 168, 0, 0.48);
    box-shadow: 0 28px 72px rgba(18, 63, 54, 0.14);
}

.brand-blog-card a {
    display: flex;
    height: 100%;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.brand-blog-card figure {
    margin: 0;
    background: var(--secondColor);
    overflow: hidden;
}

.brand-blog-card figure img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.brand-blog-card:hover figure img {
    transform: scale(1.05);
}

.brand-blog-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 28px 24px;
}

.brand-blog-card__meta,
.blog-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.brand-blog-card__meta {
    justify-content: space-between;
    margin-bottom: 18px;
}

.brand-blog-card__meta span,
.blog-detail-meta span {
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 168, 0, 0.16);
    color: var(--secondColor);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.brand-blog-card__meta small {
    color: #69736f;
    font-size: 13px;
    font-weight: 700;
}

.brand-blog-card h2 {
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(22px, 1.6vw, 26px);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 12px;
}

.brand-blog-card p {
    color: #55625d;
    line-height: 1.6;
    font-size: 15px;
    margin: 0 0 20px;
}

.brand-blog-card__link {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    color: var(--primeColor);
    font-weight: 800;
    font-size: 15px;
    transition: color 0.25s ease;
}

.brand-blog-card:hover .brand-blog-card__link {
    color: var(--secondColor);
}

.brand-blog-card__link::after {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-left: 8px;
    font-size: 18px;
    transition: transform 0.25s ease;
}

.brand-blog-card:hover .brand-blog-card__link::after {
    transform: translateX(4px);
}

.blog-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: start;
}

.blog-detail-content {
    overflow: hidden;
    width: 100%;
    max-width: 820px;
}

.blog-detail-featured {
    width: 100%;
    max-height: 520px;
    margin-bottom: 38px;
    border-radius: 4px;
    object-fit: cover;
}

.blog-detail-section {
    margin-bottom: 28px;
}

.blog-detail-section h2,
.blog-detail-cta h2,
.blog-side-card h2 {
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-weight: 400;
    line-height: 1.25;
}

.blog-detail-section h2 {
    font-size: clamp(26px, 2.2vw, 36px);
    margin-top: 38px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(18, 63, 54, 0.1);
}

.blog-detail-section p {
    color: #4a5a54;
    line-height: 1.8;
    font-size: 18px;
    margin-bottom: 18px;
}

.blog-detail-section:first-of-type p:first-of-type::first-letter {
    color: var(--primeColor);
    float: left;
    font-family: 'Stika', serif;
    font-size: 64px;
    line-height: 54px;
    padding-top: 6px;
    padding-right: 10px;
}

.blog-detail-cta p,
.blog-side-card p {
    color: #33423e;
    line-height: 1.78;
}

.blog-detail-cta {
    padding: 54px 34px;
    text-align: center;
    background: linear-gradient(135deg, var(--secondColor), #174238);
    border-radius: 16px;
    box-shadow: 0 16px 35px rgba(18, 63, 54, 0.15);
    margin-top: 54px;
    position: relative;
    overflow: hidden;
}

.blog-detail-cta::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.15);
}

.blog-detail-cta h2,
.blog-detail-cta p {
    color: #fff;
    position: relative;
    z-index: 2;
}

.blog-detail-cta h2 {
    font-size: clamp(26px, 2.5vw, 38px);
    margin-bottom: 16px;
}

.blog-detail-sidebar {
    position: sticky;
    top: 120px;
    display: grid;
    gap: 18px;
}

.blog-side-card {
    padding: 24px;
}

.blog-side-card ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.blog-side-card li {
    list-style: none;
}

.blog-side-card a {
    color: var(--secondColor);
    font-weight: 800;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    body.testimonials-page .testimonial-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .location-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.testimonials-page .testimonial-page-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.testimonials-page .testimonial-page-card {
        padding: 24px;
        text-align: left;
    }

    .location-card-grid {
        grid-template-columns: 1fr;
    }

    .location-card {
        border-radius: 14px;
    }

    .location-card li {
        text-align: left;
    }

    .location-card__actions {
        grid-template-columns: 1fr;
    }

    .blog-card-grid {
        grid-template-columns: 1fr;
    }

    .blog-detail-layout {
        grid-template-columns: 1fr;
    }

    .blog-detail-sidebar {
        position: static;
    }
}

.blog-detail-hero__inner {
    max-width: 1040px;
}

.blog-detail-hero__inner .blog-breadcrumb,
.blog-detail-hero__inner .blog-detail-meta,
.blog-detail-hero__inner .blog-share-row {
    justify-content: flex-start;
}

.blog-detail-hero p {
    max-width: 860px;
    margin-left: 0;
    margin-right: 0;
}

.blog-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    margin-bottom: 24px;
    color: #6b746f;
    font-size: 14px;
}

.blog-breadcrumb a {
    color: #6b746f;
    font-weight: 700;
}

.blog-category-pill {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 13px;
    border-radius: 7px;
    background: var(--secondColor);
    color: var(--primeColor);
    font-weight: 900;
    text-transform: uppercase;
}

.blog-detail-meta {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid rgba(18, 63, 54, 0.14);
    color: #33423e;
    font-size: 14px;
}

.blog-author-avatar {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--secondColor);
    color: var(--primeColor);
    font-size: 12px;
    font-weight: 900;
}

.blog-detail-meta > span:not(.blog-author-avatar) {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 168, 0, 0.16);
    color: var(--secondColor);
    font-size: 12px;
    font-weight: 800;
}

.blog-share-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-top: -40px;
}

.blog-share-row > span {
    color: #33423e;
    font-weight: 900;
    text-transform: uppercase;
}

.blog-share-row a {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    color: var(--secondColor);
    box-shadow: 0 10px 25px rgba(18, 63, 54, 0.1);
}

.blog-toc-card,
.blog-author-box {
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 55px rgba(18, 63, 54, 0.08);
}

.blog-detail-layout {
    grid-template-columns: minmax(0, 1fr) 360px;
}

.blog-toc-card {
    padding: 24px;
    background:
        linear-gradient(145deg, rgba(18, 63, 54, 0.98), rgba(30, 88, 75, 0.96));
    color: #fff;
}

.blog-toc-card h2,
.blog-author-box h2,
.blog-related-posts h2 {
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-weight: 400;
    line-height: 1.1;
}

.blog-toc-card h2 {
    margin-bottom: 14px;
    color: var(--primeColor);
}

.blog-toc-card ol {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 20px;
}

.blog-toc-card a {
    color: #fff;
    font-weight: 700;
    line-height: 1.45;
}

.blog-top-posts {
    display: grid;
    gap: 18px;
}

.blog-top-posts a {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    text-decoration: none;
}

.blog-top-posts img {
    width: 92px;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 10px 22px rgba(18, 63, 54, 0.12);
}

.blog-top-posts small,
.blog-related-posts small {
    display: block;
    margin-top: 6px;
    color: #7a827e;
    font-weight: 600;
}

.blog-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.blog-social-grid a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: #fff;
}

.blog-share-row a:hover,
.blog-social-grid a:hover,
.blog-top-posts a:hover,
.blog-related-grid a:hover {
    color: var(--primeColor);
}

.blog-comment-button:hover {
    background: var(--secondColor);
    color: var(--primeColor);
}

.blog-post-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 34px 0;
    padding: 24px 0;
    border-top: 1px solid rgba(18, 63, 54, 0.12);
    border-bottom: 1px solid rgba(18, 63, 54, 0.12);
}

.blog-post-navigation a {
    display: grid;
    gap: 8px;
    color: var(--secondColor);
    text-decoration: none;
}

.blog-post-navigation small,
.blog-related-grid span {
    color: var(--primeColor);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.blog-author-box {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 54px;
    padding: 34px;
    background: linear-gradient(to right, #fbf7ef, #ffffff);
    border: 1px solid rgba(255, 168, 0, 0.2);
    border-radius: 16px;
}

.blog-author-avatar--large {
    width: 92px;
    height: 92px;
    font-size: 26px;
    box-shadow: 0 10px 20px rgba(255, 168, 0, 0.15);
}

.blog-related-posts {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 2px solid rgba(18, 63, 54, 0.08);
}

.blog-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.blog-related-grid a {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--secondColor);
    text-decoration: none;
    transition: transform 0.3s ease;
}

.blog-related-grid a:hover {
    transform: translateY(-4px);
}

.blog-related-grid img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 8px 24px rgba(18, 63, 54, 0.08);
}

.blog-comment-button {
    display: table;
    width: min(440px, 100%);
    margin: 34px auto 0;
    padding: 14px 22px;
    border: 1px solid var(--secondColor);
    border-radius: 8px;
    color: var(--secondColor);
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.blog-detail-cta {
    margin-top: 32px;
}

@media (max-width: 1199px) {
    .blog-detail-layout {
        grid-template-columns: 1fr;
    }

    .blog-share-row {
        justify-content: flex-start;
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .blog-detail-meta,
    .blog-share-row,
    .blog-breadcrumb {
        justify-content: center;
        text-align: center;
    }

    .blog-detail-hero__inner {
        text-align: center;
    }

    .blog-detail-hero p {
        margin-left: auto;
        margin-right: auto;
    }

    .blog-post-navigation,
    .blog-author-box,
    .blog-related-grid,
    .blog-social-grid {
        grid-template-columns: 1fr;
    }
}

/* Policy pages */
body.terms_and_condition-page {
    background: #f8f5ed;
}

body.terms_and_condition-page header {
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 10px 35px rgba(19, 63, 54, 0.08);
    position: relative;
}

body.terms_and_condition-page header .top_nav ul.navigation {
    background-color: rgba(255, 255, 255, 0.85) !important;
    border-color: rgba(19, 63, 54, 0.12) !important;
}

body.terms_and_condition-page section.policy-section {
    padding: 72px 0 90px;
    background:
        radial-gradient(circle at 8% 4%, rgba(255, 168, 0, 0.18), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(19, 63, 54, 0.14), transparent 30%),
        linear-gradient(180deg, #fffaf0 0%, #f7f3eb 45%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

body.terms_and_condition-page section.policy-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(19, 63, 54, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(19, 63, 54, 0.045) 1px, transparent 1px);
    background-size: 72px 72px;
    pointer-events: none;
}

body.terms_and_condition-page section.policy-section .container {
    max-width: 1180px;
    position: relative;
    z-index: 2;
}

body.terms_and_condition-page section.policy-section .row {
    row-gap: 18px;
}

body.terms_and_condition-page .terms-first-wrap-text {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(19, 63, 54, 0.12);
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(19, 63, 54, 0.08);
    padding: 28px 32px;
    height: 100%;
    backdrop-filter: blur(10px);
}

body.terms_and_condition-page .row > div:first-child .terms-first-wrap-text {
    background:
        linear-gradient(135deg, rgba(19, 63, 54, 0.96), rgba(29, 92, 78, 0.92)),
        url("../images/footer-bg.webp");
    background-size: cover;
    color: #fff;
    padding: clamp(34px, 5vw, 64px);
    border: 0;
    border-radius: 34px;
    overflow: hidden;
    position: relative;
}

body.terms_and_condition-page .row > div:first-child .terms-first-wrap-text:after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    border: 35px solid rgba(255, 168, 0, 0.22);
}

body.terms_and_condition-page .terms-first-wrap-text h1 {
    font-family: 'PP Editorial New';
    font-size: clamp(44px, 6vw, 76px);
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    max-width: 820px;
}

body.terms_and_condition-page .row > div:first-child .terms-first-wrap-text p {
    color: rgba(255, 255, 255, 0.88);
    max-width: 850px;
    font-size: 17px;
}

body.terms_and_condition-page .terms-first-wrap-text h5 {
    color: var(--secondColor);
    font-family: 'PP Editorial New';
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

body.terms_and_condition-page .terms-first-wrap-text h5:before {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--primeColor);
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(255, 168, 0, 0.16);
    flex: 0 0 auto;
}

body.terms_and_condition-page .terms-first-wrap-text h4 {
    color: var(--secondColor);
    margin-top: 18px;
}

body.terms_and_condition-page .terms-first-wrap-text p,
body.terms_and_condition-page .terms-first-wrap-text li {
    color: #34423f;
    font-size: 16px;
    line-height: 1.75;
}

body.terms_and_condition-page .terms-first-wrap-text ul {
    padding-left: 0;
    margin: 14px 0 0;
}

body.terms_and_condition-page .terms-first-wrap-text li {
    list-style: none;
    position: relative;
    padding-left: 28px;
    margin-bottom: 9px;
}

body.terms_and_condition-page .terms-first-wrap-text li:before {
    content: "\f058";
    font-family: fontawesome;
    color: var(--primeColor);
    position: absolute;
    left: 0;
    top: 1px;
}

body.terms_and_condition-page .terms-first-wrap-text a {
    color: var(--primeColor);
    font-weight: 700;
}

body.terms_and_condition-page .terms-first-wrap-text table {
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(19, 63, 54, 0.08);
}

body.terms_and_condition-page .terms-first-wrap-text table th {
    background: var(--secondColor) !important;
    color: #fff;
}

body.terms_and_condition-page .terms-first-wrap-text table td,
body.terms_and_condition-page .terms-first-wrap-text table th {
    border-color: rgba(19, 63, 54, 0.1) !important;
    padding: 14px !important;
}

body.terms_and_condition-page .terms-first-wrap-text .btn_set {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

body.terms_and_condition-page .terms-first-wrap-text .btn_set a {
    background: var(--secondColor);
    color: #fff !important;
    border-radius: 999px;
    padding: 12px 18px;
    box-shadow: 0 12px 28px rgba(19, 63, 54, 0.14);
}

body.terms_and_condition-page .terms-first-wrap-text .btn_set a:nth-child(even) {
    background: var(--primeColor);
    color: #111 !important;
}

@media (max-width: 767px) {
    body.terms_and_condition-page section.policy-section {
        padding: 42px 0 60px;
    }

    body.terms_and_condition-page .terms-first-wrap-text,
    body.terms_and_condition-page .row > div:first-child .terms-first-wrap-text {
        border-radius: 22px;
        padding: 24px;
    }

    body.terms_and_condition-page .terms-first-wrap-text h1 {
        font-size: 38px;
    }

    body.terms_and_condition-page .terms-first-wrap-text h5 {
        font-size: 22px;
    }
}

/* Premium multi-column footer */
.site-footer {
    overflow: hidden;
}

.site-footer__main {
    /* border-top: 1px solid currentColor; */
    padding: clamp(48px, 6vw, 86px) 0;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.25fr) repeat(3, minmax(150px, 0.8fr)) minmax(230px, 1fr);
    gap: clamp(28px, 4vw, 58px);
    align-items: start;
}

.site-footer__brand,
.site-footer__column {
    min-width: 0;
}

.site-footer__logo-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
}

.site-footer__logo {
    display: block;
    max-width: 210px;
    height: auto;
}

.site-footer__summary {
    max-width: 34ch;
    margin-bottom: 24px;
    line-height: 1.7;
}

.site-footer__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.site-footer__socials a {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    line-height: 1;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.site-footer__socials a:hover {
    opacity: 0.82;
    transform: translateY(-3px);
}

.site-footer__column h2 {
    margin: 0 0 18px;
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 700;
    line-height: 1.2;
}

.site-footer__column ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
}

.site-footer__column li {
    list-style: none;
    min-width: 0;
}

.site-footer__column a {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    color: #111111;
    max-width: 100%;
    line-height: 1.45;
    text-decoration: none;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.site-footer__column a {
    word-break: normal;
    overflow-wrap: anywhere;
}

.site-footer__column:not(.site-footer__contact) a::before {
    content: "\f105";
    font-family: FontAwesome;
    flex: 0 0 auto;
    line-height: inherit;
    transform: translateY(1px);
}

.site-footer__column a:hover {
    opacity: 0.86;
    text-decoration: underline;
    text-underline-offset: 4px;
    transform: translateX(4px);
}

.site-footer__contact ul {
    gap: 16px;
}

.site-footer__contact li {
    display: grid;
    gap: 3px;
}

.site-footer__contact span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.site-footer__contact a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.site-footer__contact a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: var(--primeColor);
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    transition: transform 0.3s ease, background 0.3s ease;
}

.site-footer__contact a:hover i {
    transform: scale(1.1);
    background: var(--secondColor);
}

.site-footer__contact a i.fa-whatsapp {
    background: #25D366;
}

.site-footer__contact a:hover i.fa-whatsapp {
    background: #1ebe58;
}

.site-footer__contact address,
.site-footer__contact p {
    margin: 0;
    line-height: 1.55;
}

.site-footer__bottom {
    padding: 18px 0 20px;
}

.site-footer__bottom-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
    gap: 18px;
    align-items: center;
}

.site-footer__bottom p,
.site-footer__bottom a {
    margin: 0;
}

.site-footer__trust,
.site-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
}

.site-footer__trust {
    justify-content: center;
}

.site-footer__legal {
    justify-content: flex-end;
}

.site-footer__trust a,
.site-footer__legal a {
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.site-footer__trust a:hover,
.site-footer__legal a:hover {
    opacity: 0.86;
    text-decoration: underline;
    text-underline-offset: 4px;
    transform: translateY(-1px);
}

.site-footer__meta {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid currentColor;
}

.site-footer__meta p {
    font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .site-footer__grid {
        grid-template-columns: minmax(240px, 1.1fr) repeat(2, minmax(180px, 1fr));
    }

    .site-footer__contact {
        grid-column: span 2;
    }
}

@media (max-width: 991px) {
    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .site-footer__column a{
        justify-content: center;
        text-align: center;
    }
    .site-footer__summary {
        text-align: center;
        align-items: center;
    }
    .site-footer__brand,
    .site-footer__contact {
        grid-column: span 2;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .site-footer__contact {
        grid-column: auto;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .site-footer__bottom-row {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .site-footer__trust,
    .site-footer__legal {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .site-footer__brand,
    .site-footer__contact {
        grid-column: 1 / -1;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .site-footer__grid > .site-footer__column:nth-child(2) {
        grid-column: 1 / -1;
    }

    .site-footer__grid > .site-footer__column:nth-child(3),
    .site-footer__grid > .site-footer__column:nth-child(4) {
        grid-column: auto;
        width: 100%;
    }

    .site-footer__column a{
        justify-content: center;
        text-align: center;
    }

    .site-footer__grid > .site-footer__column:nth-child(3) h2,
    .site-footer__grid > .site-footer__column:nth-child(4) h2 {
        font-size: 20px;
    }

    .site-footer__grid > .site-footer__column:nth-child(3) a,
    .site-footer__grid > .site-footer__column:nth-child(4) a {
        font-size: 14px;
        line-height: 1.35;
    }

    .site-footer__logo {
        max-width: 180px;
    }

    .site-footer__summary {
        text-align: center;
        align-items: center;
    }

    .site-footer__socials {
        justify-content: center;
    }
    .site-footer__socials a {
        width: 36px;
        height: 36px;
    }
}

/* Modern dynamic homepage */
.modern-homepage {
    background: url('../../assets/images/banner-image.jpg') no-repeat center/cover;
    overflow: hidden;
}

.modern-homepage section {
    position: relative;
    padding: clamp(64px, 7vw, 110px) 0;
}

.home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--primeColor);
    font-weight: 500;
    line-height: 1.35;
    background: #123f36;
    padding: 10px 20px;
    border-radius: 20px;
}


.home-kicker-dark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--secondColor);
    font-weight: 500;
    line-height: 1.35;
    background: var(--primeColor);
    padding: 10px 20px;
    border-radius: 20px;
}

/* .home-kicker::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 2px;
    background: currentColor;
} */

.home-section-head {
    max-width: 850px;
    margin: 0 auto 42px;
}

.home-section-head p {
    margin: 14px auto 0;
    max-width: 760px;
    line-height: 1.75;
}

.home-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.home-hero-trend {
    min-height: 760px;
    display: flex;
    align-items: center;
    padding-top: clamp(145px, 11vw, 190px);
    background:
        radial-gradient(circle at 83% 18%, rgba(255, 168, 0, 0.22), transparent 30%),
        linear-gradient(135deg, #f6f0df 0%, #fbfbf7 45%, #dcebe5 100%);
}

.home-hero-trend::after {
    content: "";
    position: absolute;
    inset: auto -8% -24% 48%;
    height: 430px;
    background: rgba(18, 63, 54, 0.12);
    border-radius: 999px 0 0 0;
    transform: rotate(-8deg);
    pointer-events: none;
}

.home-hero-title {
    max-width: 680px;
    color: #111;
    font-family: 'Stika', serif;
    font-size: clamp(48px, 7vw, 104px);
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: 0;
    margin: 0 0 22px;
}

.home-hero-copy {
    max-width: 760px;
    color: #25302d;
    font-size: clamp(16px, 1.2vw, 19px);
    line-height: 1.8;
    margin-bottom: 30px;
}

.home-hero-art {
    position: relative;
    z-index: 1;
    padding: 28px;
    border: 1px solid rgba(18, 63, 54, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 30px 90px rgba(18, 63, 54, 0.18);
}

.home-hero-art img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    filter: drop-shadow(0 22px 24px rgba(0, 0, 0, 0.18));
}

.home-hero-note {
    position: absolute;
    left: -24px;
    bottom: 28px;
    width: min(220px, 70%);
    padding: 18px;
    background: var(--secondColor);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    color: #fff;
}

.home-hero-note span {
    display: block;
    color: var(--primeColor);
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.home-hero-note p {
    margin: 6px 0 0;
    color: #fff;
    line-height: 1.35;
}

.home-services-trend {
    background: #fff;
}

.home-service-card,
.home-why-card,
.home-process-card,
.home-stat-card {
    height: 100%;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(18, 63, 54, 0.07);
}

.home-service-card {
    padding: 30px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 70px rgba(18, 63, 54, 0.14);
}

.home-card-icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.15);
    color: var(--secondColor);
    font-size: 24px;
}

.home-service-card p,
.home-why-card p,
.home-process-card p {
    line-height: 1.7;
}

.home-service-card a {
    display: inline-flex;
    margin-top: 10px;
    color: var(--secondColor);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.home-portfolio-trend {
    padding: clamp(48px, 5vw, 78px) 0;
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 168, 0, 0.14), transparent 24%),
        linear-gradient(180deg, #f7f2e4 0%, #fbfbf7 48%, #e8f1ed 100%);
    overflow: hidden;
}

.home-portfolio-shell {
    width: 100%;
}

.home-portfolio-heading {
    margin-bottom: 30px;
}

.home-portfolio-heading h2 {
    margin: 0;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(42px, 4.8vw, 74px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: 0;
}

.home-portfolio-heading span {
    color: var(--primeColor);
    font-style: italic;
}

.portfolio-sliders {
    padding: 0 max(18px, calc((100vw - 1540px) / 2));
    cursor: grab;
    user-select: none;
}

.portfolio-sliders:active {
    cursor: grabbing;
}

.portfolio-sliders .slick-list {
    overflow: visible;
}

.portfolio-sliders .slick-track {
    display: flex;
    align-items: stretch;
}

.portfolio-sliders .slick-slide {
    height: auto;
    padding: 0 clamp(9px, 0.8vw, 15px);
}

.portfolio-sliders .slick-slide > div,
.home-book-slide,
.home-book-slide a {
    height: 100%;
}

.home-book-slide a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.portfolio_box {
    height: 100%;
    padding: 13px 13px 16px;
    border: 1px solid rgba(18, 63, 54, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--secondColor);
    backdrop-filter: blur(8px);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.portfolio_box:hover,
.portfolio-sliders .slick-center .portfolio_box {
    transform: translateY(-7px);
    border-color: var(--primeColor);
    box-shadow: 0 24px 55px rgba(18, 63, 54, 0.13);
}

.portfolio_box-img {
    overflow: hidden;
    border-radius: 4px;
    background: #f4f1ec;
    box-shadow: 0 12px 24px rgba(18, 63, 54, 0.1);
}

.portfolio_box-img img {
    display: block;
    width: 100%;
    aspect-ratio: 0.68 / 1;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.portfolio_box:hover .portfolio_box-img img {
    transform: scale(1.035);
}

.portfolio_box-name h4 {
    display: -webkit-box;
    min-height: 48px;
    margin: 12px 0 0;
    overflow: hidden;
    color: var(--secondColor);
    font-family: 'Inter', sans-serif;
    font-size: clamp(15px, 1vw, 18px);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.portfolio_box-author {
    display: -webkit-box;
    min-height: 18px;
    margin: 6px 0 0;
    overflow: hidden;
    color: rgba(18, 63, 54, 0.74);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.portfolio_box-genre {
    display: -webkit-box;
    min-height: 34px;
    margin: 5px 0 0;
    overflow: hidden;
    color: rgba(18, 63, 54, 0.62);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.live-portfolio-section {
    position: relative;
    padding: 90px 0;
    background: #fbf7ef;
    overflow: hidden;
}

.live-portfolio-section .custom_container {
    position: relative;
    z-index: 2;
}

.live-portfolio-head {
    max-width: 820px;
    margin: 0 auto 34px;
}

.live-portfolio-head h2 {
    color: var(--secondColor);
    margin-bottom: 12px;
}

.live-portfolio-head p {
    max-width: 680px;
    margin: 0 auto;
    color: #5c5c5c;
}

ul.live-portfolio-tabs {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    gap: 8px;
    background: #ffffff;
    border: 1px solid rgba(19, 63, 54, 0.12);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(19, 63, 54, 0.08);
}

ul.live-portfolio-tabs.nav-pills .nav-link,
ul.live-portfolio-tabs li {
    margin: 0;
}

ul.live-portfolio-tabs.nav-pills .nav-link,
ul.live-portfolio-tabs li button {
    min-width: auto;
    padding: 10px 16px;
    border-radius: 12px;
    color: #123f36 !important;
    background: #f6fbf8 !important;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transform: none !important;
    box-shadow: none !important;
}

ul.live-portfolio-tabs.nav-pills .nav-link.active,
ul.live-portfolio-tabs.nav-pills .show > .nav-link,
ul.live-portfolio-tabs li button.active {
    color: #ffffff !important;
    background: #123f36 !important;
    box-shadow: 0 10px 24px rgba(18, 63, 54, 0.22) !important;
}

.live-portfolio-content {
    margin-top: 28px;
}

.live-portfolio-carousel {
    margin: 30px -12px 0;
}

.live-portfolio-slide {
    padding: 12px;
}

.live-portfolio-carousel .slick-track {
    display: flex;
    align-items: stretch;
}

.live-portfolio-carousel .slick-slide {
    height: auto;
}

.live-portfolio-carousel .slick-slide > div,
.live-portfolio-slide {
    height: 100%;
}

.live-portfolio-carousel .slick-dots {
    position: static;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin: 20px 0 0;
    padding: 0;
}

.live-portfolio-carousel .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.live-portfolio-carousel .slick-dots li button {
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    background: rgba(18, 63, 54, 0.24);
}

.live-portfolio-carousel .slick-dots li button:before {
    display: none;
}

.live-portfolio-carousel .slick-dots li.slick-active button {
    width: 24px;
    border-radius: 999px;
    background: #f2a61a;
}

.live-portfolio-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(19, 63, 54, 0.1);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(19, 63, 54, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.live-portfolio-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 58px rgba(19, 63, 54, 0.14);
}

.live-portfolio-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.live-portfolio-card figure {
    margin: 0;
    padding: 22px;
    background: linear-gradient(180deg, #123f36 0%, #215a4c 100%);
}

.live-portfolio-card figure img {
    display: block;
    width: 100%;
    max-width: 210px;
    aspect-ratio: 2 / 3;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

.live-portfolio-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px;
    text-align: left;
}

.live-portfolio-card__body span {
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(242, 166, 26, 0.16);
    color: var(--secondColor);
    font-size: 12px;
    font-weight: 700;
}

.live-portfolio-card__body h3 {
    margin-bottom: 8px;
    color: var(--secondColor);
    font-size: 18px;
    line-height: 1.25;
}

.live-portfolio-card__author {
    margin-bottom: 10px;
    color: var(--primeColor);
    font-weight: 700;
}

.live-portfolio-card__genre {
    margin: auto 0 0;
    color: #6a6a6a;
    font-size: 13px;
    line-height: 1.5;
}

.home-about-trend,
.home-why-trend,
.home-europe-trend,
.home-faq-trend {
    background: #fbfbf7;
}

.home-image-stack {
    position: relative;
    min-height: 500px;
}

.home-image-stack img {
    position: absolute;
    width: 62%;
    max-height: 430px;
    object-fit: contain;
    border-radius: 8px;
    filter: drop-shadow(0 26px 34px rgba(18, 63, 54, 0.16));
}

.home-image-stack img:first-child {
    left: 0;
    top: 24px;
}

.home-image-stack img:last-child {
    right: 10px;
    bottom: 0;
}

.home-check-list,
.home-contact-list {
    display: grid;
    gap: 12px;
    margin: 24px 0;
    padding: 0;
}

.home-check-list li,
.home-contact-list li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    line-height: 1.55;
}

.home-check-list li::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--primeColor);
}

.home-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-left: 0;
}

.home-contact-list li > i {
    flex: 0 0 22px;
    width: 22px;
    padding-top: 3px;
    color: var(--primeColor);
    font-size: 18px;
    text-align: center;
}

.home-process-trend {
    background: #fff;
}

.home-categories-trend {
    background:
        radial-gradient(circle at 86% 18%, rgba(255, 168, 0, 0.13), transparent 24%),
        linear-gradient(180deg, #fff 0%, #fbfbf7 55%, #edf5f1 100%);
            padding: clamp(64px, 7vw, 110px) 0;

}

.home-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.home-category-card {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 13px 16px;
    border: 1px solid rgba(18, 63, 54, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: none;
    text-align: left;
    transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.home-category-card::before {
    content: none;
}

.home-category-card::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primeColor);
    transform: translateY(-50%);
    opacity: 0.55;
}

.home-category-card:hover {
    transform: translateX(4px);
    border-color: rgba(18, 63, 54, 0.32);
    background: #fff;
}

.home-category-icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid rgba(255, 168, 0, 0.35);
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.14);
    color: var(--secondColor);
    font-size: 17px;
    box-shadow: none;
}

.home-category-card h3 {
    margin: 0;
    padding-right: 14px;
    color: var(--secondColor);
    font-family: 'PP Editorial New';
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}

.home-why-card {
    position: relative;
    padding: 34px;
    overflow: hidden;
}

.home-why-card > span {
    display: inline-block;
    margin-bottom: 18px;
    color: rgba(18, 63, 54, 0.18);
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
}

.home-partners-trend {
    padding: 54px 0;
    background: var(--secondColor);
}

.home-partner-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.home-partner-logo {
    display: flex;
    min-height: 110px;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.home-partner-logo img {
    max-width: 150px;
    max-height: 68px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.home-process-card {
    position: relative;
    overflow: hidden;
    padding: 34px 28px 32px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 242, 228, 0.88));
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.home-process-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--primeColor), var(--secondColor));
}

.home-process-card::after {
    content: "";
    position: absolute;
    right: -44px;
    bottom: -44px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(18, 63, 54, 0.1);
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.08);
}

.home-process-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 168, 0, 0.55);
    box-shadow: 0 26px 60px rgba(18, 63, 54, 0.13);
}

.home-process-card span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 168, 0, 0.45);
    border-radius: 50%;
    background: var(--secondColor);
    color: var(--primeColor);
    font-family: 'Stika', serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    box-shadow: 0 12px 24px rgba(18, 63, 54, 0.14);
}

.home-process-card h3 {
    position: relative;
    z-index: 1;
    margin-bottom: 13px;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(25px, 1.7vw, 32px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0;
}

.home-process-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #35433f;
    font-family: 'Inter', sans-serif;
    font-size: 15.5px;
    line-height: 1.72;
}

.home-stats-trend {
    padding: clamp(62px, 6vw, 92px) 0;
    background:
        radial-gradient(circle at 14% 22%, rgba(255, 168, 0, 0.18), transparent 26%),
        linear-gradient(135deg, #f6f0df 0%, #fbfbf7 48%, #dcebe5 100%);
}

.home-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.home-stat-card {
    position: relative;
    overflow: hidden;
    padding: 34px 24px 32px;
    border-color: rgba(18, 63, 54, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 242, 228, 0.88));
    text-align: center;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.home-stat-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--primeColor), var(--secondColor));
}

.home-stat-card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -72px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 168, 0, 0.1);
    transform: translateX(-50%);
}

.home-stat-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 168, 0, 0.55);
    box-shadow: 0 26px 60px rgba(18, 63, 54, 0.13);
}

.home-stat-card strong {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(50px, 5.4vw, 86px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.home-stat-card sup {
    color: var(--primeColor);
    font-family: 'Inter', sans-serif;
    font-size: 35%;
    font-weight: 900;
    top: -0.9em;
}

.home-stat-card h3 {
    position: relative;
    z-index: 1;
    margin: 18px 0 9px;
    color: var(--secondColor);
    font-family: 'Stika', serif;
    font-size: clamp(22px, 1.45vw, 28px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0;
}

.home-stat-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #35433f;
    font-family: 'Inter', sans-serif;
    font-size: 15.5px;
    line-height: 1.62;
}

.home-cta-trend {
    background: #fff;
}

.home-cta-panel,
.home-commitment-panel {
    padding: clamp(38px, 5vw, 72px);
    border-radius: 8px;
    text-align: center;
}

.home-cta-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(255, 168, 0, 0.08), rgba(255, 255, 255, 0), rgba(255, 168, 0, 0.12)),
        var(--secondColor);
    background-size: 220% 220%;
    color: #fff;
    animation: ctaPanelShift 9s ease-in-out infinite alternate;
}

.home-cta-panel::before,
.home-cta-panel::after {
    content: "";
    position: absolute;
    inset: auto;
    z-index: -1;
    pointer-events: none;
}

.home-cta-panel::before {
    top: -45%;
    left: -12%;
    width: 58%;
    height: 190%;
    background:
        repeating-linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.07) 0,
            rgba(255, 255, 255, 0.07) 1px,
            transparent 1px,
            transparent 22px
        );
    transform: rotate(0deg);
    animation: ctaLinesMove 16s linear infinite;
}

.home-cta-panel::after {
    right: -90px;
    bottom: -90px;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(255, 168, 0, 0.38);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 168, 0, 0.24), rgba(255, 168, 0, 0.06) 48%, transparent 70%);
    animation: ctaPulseFloat 7s ease-in-out infinite;
}

.home-cta-panel span {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 12px;
    color: var(--primeColor);
    font-weight: 800;
}

.home-cta-panel h2 {
    position: relative;
    z-index: 1;
    max-width: 90%;
    margin: 0 auto 28px;
    color: #fff;
    font-family: 'Stika', serif;
    font-size: clamp(34px, 4.5vw, 72px);
    font-weight: 400;
    line-height: 1.05;
}

.home-cta-panel .home-action-row {
    position: relative;
    z-index: 1;
}

@keyframes ctaPanelShift {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes ctaLinesMove {
    0% {
        transform: translateX(-8%) rotate(0deg);
    }
    100% {
        transform: translateX(18%) rotate(0deg);
    }
}

@keyframes ctaPulseFloat {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.78;
    }
    50% {
        transform: translate(-30px, -24px) scale(1.08);
        opacity: 1;
    }
}

.home-europe-img {
    border-radius: 8px;
    box-shadow: 0 26px 60px rgba(18, 63, 54, 0.15);
}

.home-contact-trend {
    background: #fff;
}

.home-contact-list a {
    color: var(--secondColor);
    font-weight: 700;
}

.home-faq-accordion {
    max-width: 980px;
    margin: 0 auto;
}

.home-faq-accordion .accordion-item {
    margin-bottom: 14px;
    border: 1px solid rgba(18, 63, 54, 0.13);
    border-radius: 8px;
    overflow: hidden;
}

.home-faq-accordion .accordion-button {
    padding: 20px 24px;
    color: var(--secondColor);
    background: #fff;
    font-weight: 800;
    box-shadow: none;
}

.home-faq-accordion .accordion-button:not(.collapsed) {
    color: var(--secondColor);
    background: #f6f0df;
}

.home-faq-accordion .accordion-body {
    padding: 0 24px 22px;
    line-height: 1.75;
}

.home-commitment-trend {
    background: var(--secondColor);
}

.home-commitment-panel {
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.home-commitment-panel .home-kicker {
    color: var(--primeColor);
}

.home-commitment-panel p {
    max-width: 920px;
    margin: 22px auto 30px;
    color: #fff;
    line-height: 1.75;
}

.publishing-hero .heading59px {
    max-width: 850px;
}

.publishing-hero p {
    max-width: 820px;
}

.author-website-page .publishing-hero .row {
    row-gap: 34px;
}

.author-laptop-showcase {
    --screen-height: 348px;
    position: relative;
    width: min(100%, 760px);
    margin-left: auto;
    margin-right: auto;
    padding: 18px 10px;
    isolation: isolate;
}

.author-laptop-shell {
    position: relative;
    border: 13px solid #07120f;
    border-bottom-width: 18px;
    border-radius: 24px;
    background: #07120f;
    box-shadow:
        0 24px 58px rgba(18, 53, 44, 0.18),
        inset 0 0 0 2px rgba(246, 174, 24, 0.48);
    overflow: hidden;
}

.author-laptop-camera {
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 5;
    width: 6px;
    height: 6px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #f6ae18;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.author-laptop-screen {
    position: relative;
    height: var(--screen-height);
    overflow: hidden;
    border-radius: 10px;
    background: #f8f5ed;
}

.author-laptop-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 32%),
        linear-gradient(180deg, rgba(7, 18, 15, 0.12), rgba(7, 18, 15, 0));
}

.author-laptop-track,
.author-laptop-slide {
    position: absolute;
    inset: 0;
}

.author-laptop-slide {
    opacity: 0;
    margin: 0;
    animation: authorWebsiteSlide var(--slide-duration, 28s) infinite;
    animation-delay: var(--slide-delay, 0s);
}

.author-laptop-slide img {
    width: 100%;
    min-height: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: top center;
    transform: translateY(0) scale(1.02);
    animation: authorWebsiteScroll 4s ease-in-out infinite;
}

.author-laptop-showcase:hover .author-laptop-slide,
.author-laptop-showcase:hover .author-laptop-slide img {
    animation-play-state: paused;
}

@keyframes authorWebsiteSlide {
    0%,
    11% {
        opacity: 1;
    }
    14%,
    100% {
        opacity: 0;
    }
}

@keyframes authorWebsiteScroll {
    0%,
    18% {
        transform: translateY(0) scale(1.02);
    }
    82%,
    100% {
        transform: translateY(-42%) scale(1.02);
    }
}

@media (max-width: 1199px) {
    .author-laptop-showcase {
        --screen-height: 300px;
    }
}

@media (max-width: 991px) {
    .author-laptop-showcase {
        --screen-height: 270px;
        max-width: 620px;
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .author-laptop-showcase {
        --screen-height: 210px;
        padding-left: 0;
        padding-right: 0;
    }

    .author-laptop-shell {
        border-width: 9px;
        border-bottom-width: 15px;
        border-radius: 18px;
    }
}

.publishing-process-card {
    min-height: 100%;
}

.publishing-process-card h3 {
    font-size: clamp(24px, 1.55vw, 30px);
}

.publishing-category-grid {
    max-width: 980px;
    margin: 0 auto 34px;
}

.publishing-genre-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.publishing-genre-list .home-service-card {
    padding: 26px;
}

.publishing-open-note {
    max-width: 760px;
    margin: 28px auto 0;
    color: #35433f;
    font-weight: 700;
    line-height: 1.7;
}

.publishing-rights-trend .pkg_services {
    height: auto;
}

.publishing-importance-trend .home-why-card {
    text-align: left;
}

@media (max-width: 1199px) {
    .home-book-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .home-hero-trend {
        min-height: auto;
        padding-top: 130px;
    }

    .home-hero-art {
        margin-top: 40px;
    }

    .home-hero-note {
        left: 18px;
    }

    .home-image-stack {
        min-height: 420px;
    }

    .home-partner-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .publishing-genre-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .modern-homepage section {
        padding: 54px 0;
    }

    .home-book-grid,
    .home-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-stats-grid,
    .home-partner-row {
        grid-template-columns: 1fr;
    }

    .home-image-stack {
        min-height: auto;
        display: grid;
        gap: 18px;
    }

    .home-image-stack img {
        position: static;
        width: 100%;
        max-height: 330px;
    }
}

@media (max-width: 575px) {
    .home-hero-title {
        font-size: 46px;
    }

    .home-action-row {
        align-items: stretch;
    }

    .home-action-row a {
        justify-content: center;
        width: 100%;
    }

    .home-book-grid,
    .home-category-grid {
        grid-template-columns: 1fr;
    }

    .home-service-card,
    .home-why-card,
    .home-process-card,
    .home-stat-card {
        padding: 24px;
    }
}


.stagger-card {
    opacity: 0;
    transform: translateY(35px) scale(0.96);
    filter: blur(6px);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.7s ease;
    transition-delay: var(--delay);
    will-change: opacity, transform, filter;
}

.stagger-card.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}




.mybook-process-section {
  padding: 90px 0;
  background:
    radial-gradient(circle at top left, rgba(244, 164, 38, 0.12), transparent 28%),
    linear-gradient(180deg, #fffaf0 0%, #f6f0e4 100%);
  position: relative;
  overflow: hidden;
}

.mybook-process-section::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background: #0b4a3f;
  border-radius: 50%;
  right: -160px;
  top: 120px;
  opacity: 0.08;
}


.myprocess-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 55px;
}

.mysmall-title {
  display: inline-block;
  color: #f4a426;
  font-size: 15px;
  font-style: italic;
  margin-bottom: 10px;
}

.myprocess-heading h2 {
  font-size: clamp(34px, 4vw, 52px);
  color: #0b3f36;
  margin: 0 0 14px;
  font-family: Georgia, serif;
  font-weight: 500;
}

.myprocess-heading p {
  color: #4d5d58;
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
}

.myprocess-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.myprocess-card {
  position: relative;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(11, 74, 63, 0.12);
  border-radius: 24px;
  padding: 34px 28px 32px;
  min-height: 310px;
  box-shadow: 0 18px 45px rgba(11, 74, 63, 0.08);
  overflow: hidden;
  transition: 0.35s ease;
}

.myprocess-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(244, 164, 38, 0.12), transparent 45%);
  opacity: 0;
  transition: 0.35s ease;
}

.myprocess-card:hover {
  transform: translateY(-8px);
  border-color: rgba(244, 164, 38, 0.45);
  box-shadow: 0 26px 60px rgba(11, 74, 63, 0.14);
}

.myprocess-card:hover::before {
  opacity: 1;
}

.myprocess-number {
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 54px;
  font-weight: 700;
  color: rgba(11, 74, 63, 0.07);
  line-height: 1;
}

.myprocess-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #0b4a3f;
  color: #f4a426;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 24px;
  box-shadow: 0 10px 24px rgba(11, 74, 63, 0.25);
  position: relative;
  z-index: 1;
}

.myprocess-card h3 {
  color: #2d2d2d;
  font-family: 'PP Editorial New';
  font-size: 20px;
  font-style: italic;
  line-height: 1.25;
  margin: 0 0 14px;
  position: relative;
  z-index: 1;
}

.myprocess-card p {
  color: #102b27;
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
  position: relative;
  z-index: 1;
  max-height: 250px;
  overflow-y: auto;
  mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}


@media (max-width: 991px) {
  .myprocess-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .mybook-process-section {
    padding: 65px 0;
  }

  .myprocess-grid {
    grid-template-columns: 1fr;
  }

  .myprocess-card {
    min-height: auto;
    padding: 30px 24px;
  }
}



.book-design-list li {
    transition: 0.3s ease;
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
    list-style: none;
}

.book-design-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--secondColor, #113d35);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 700;
}

.book-design-list li:hover {
    transform: translateX(4px);
    color: var(--secondColor, #113d35);
}


.book-carousel-3d {
    position: relative;
    width: 100%;
    height: 420px;
    perspective: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-track {
    position: relative;
    width: 260px;
    height: 360px;
    transform-style: preserve-3d;
    animation: rotateCarousel 18s linear infinite;
}

.book-item {
    position: absolute;
    width: 260px;
    height: 360px;
    left: 0;
    top: 0;
    transform-origin: center;
    transition: 0.4s ease;
}

.book-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Position items in circle */
.book-item:nth-child(1) { transform: rotateY(0deg) translateZ(320px); }
.book-item:nth-child(2) { transform: rotateY(72deg) translateZ(320px); }
.book-item:nth-child(3) { transform: rotateY(144deg) translateZ(320px); }
.book-item:nth-child(4) { transform: rotateY(216deg) translateZ(320px); }
.book-item:nth-child(5) { transform: rotateY(288deg) translateZ(320px); }

/* Rotation animation */
@keyframes rotateCarousel {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(360deg); }
}

/* Hover Pause (premium feel) */
.book-carousel-3d:hover .carousel-track {
    animation-play-state: paused;
}

.book-item img {
    box-shadow:
        0 20px 40px rgba(0,0,0,0.25),
        0 0 20px rgba(255, 165, 0, 0.15);
}

.book-item:hover img {
    transform: scale(1.05);
}

.book-carousel-3d::after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 70%;
    height: 40px;
    background: radial-gradient(circle, rgba(0,0,0,0.2), transparent);
    filter: blur(8px);
}




.book-format-section {
    padding: 90px 0;
    background: #f8f3ea;
}

.format-section-head {
    max-width: 760px;
    margin: 0 auto 45px;
}

.format-kicker {
    display: inline-block;
    color: var(--primeColor, #f4a426);
    font-style: italic;
    margin-bottom: 8px;
}

.format-section-head p {
    max-width: 680px;
    margin: 12px auto 0;
    color: #53615e;
    line-height: 1.7;
}

.book-format-card {
    height: 100%;
    background: #fff;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(17, 61, 53, 0.08);
    transition: 0.35s ease;
}

.book-format-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(17, 61, 53, 0.14);
}

.book-format-img {
    height: 300px;
    background: #d9d0c4;
    overflow: hidden;
}

.book-format-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.45s ease;
}

.book-format-card:hover .book-format-img img {
    transform: scale(1.06);
}

.book-format-content {
    padding: 26px 28px 30px;
}

.book-format-content h3 {
    color: var(--secondColor, #113d35);
    font-size: 28px;
    margin-bottom: 12px;
    font-weight: 600;
}

.format-size {
    color: #53615e;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(17, 61, 53, 0.14);
}

.format-desc {
    color: #53615e;
    line-height: 1.65;
    margin-bottom: 22px;
}

.book-format-content h4 {
    color: var(--secondColor, #113d35);
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    font-weight: 700;
}

.book-format-content ul {
    margin: 0;
    padding-left: 18px;
}

.book-format-content li {
    color: #53615e;
    line-height: 1.55;
    margin-bottom: 5px;
}

.book-format-content li::marker {
    color: var(--primeColor, #f4a426);
}

@media (max-width: 991px) {
    .book-format-section {
        padding: 65px 0;
    }

    .book-format-img {
        height: 260px;
    }
    .book-format-content ul {
        list-style: none;
    }
}



.book-print-calculator {
    padding: 90px 0;
    background: linear-gradient(180deg, #fffaf0 0%, #f6f0e4 100%);
}

.print-calc-head {
    max-width: 760px;
    margin: 0 auto 45px;
}

.calc-kicker {
    color: var(--primeColor, #f4a426);
    font-style: italic;
    display: inline-block;
    margin-bottom: 8px;
}

.print-calc-head p {
    color: #53615e;
    line-height: 1.7;
    margin-top: 10px;
}

.print-calc-box {
    background: #fff;
    border-radius: 34px;
    padding: 38px;
    box-shadow: 0 24px 70px rgba(17, 61, 53, 0.10);
}

.print-options-panel h3 {
    color: var(--secondColor, #113d35);
    font-size: 22px;
    margin: 0 0 18px;
}

.print-options-panel h3:not(:first-child) {
    margin-top: 34px;
}

.print-options-panel label {
    color: var(--secondColor, #113d35);
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.print-options-panel select,
.print-options-panel input {
    width: 100%;
    height: 52px;
    border: 1px solid rgba(17, 61, 53, 0.18);
    border-radius: 12px;
    padding: 0 16px;
    color: #233b36;
    background: #fff;
    outline: none;
}

.print-options-panel select:focus,
.print-options-panel input:focus {
    border-color: var(--primeColor, #f4a426);
}

.option-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.print-option {
    cursor: pointer;
}

.print-option input {
    display: none;
}

.print-option span {
    min-height: 58px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f8f3ea;
    border: 1px solid rgba(17, 61, 53, 0.12);
    color: var(--secondColor, #113d35);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: 0.3s ease;
}

.print-option input:checked + span,
.print-option span:hover {
    background: var(--secondColor, #113d35);
    color: #fff;
    border-color: var(--secondColor, #113d35);
    box-shadow: 0 12px 26px rgba(17, 61, 53, 0.16);
}

.print-summary-panel {
    height: 100%;
    background: var(--secondColor, #113d35);
    border-radius: 28px;
    padding: 34px;
    color: #fff;
}

.summary-tag {
    display: inline-block;
    background: rgba(244, 164, 38, 0.16);
    color: var(--primeColor, #f4a426);
    padding: 8px 16px;
    border-radius: 50px;
    margin-bottom: 18px;
    font-weight: 600;
}

.print-summary-panel h3 {
    font-size: 32px;
    margin-bottom: 14px;
    color: #fff;
}

.print-summary-panel p {
    color: rgba(255,255,255,0.78);
    line-height: 1.7;
}

.summary-list {
    display: grid;
    gap: 14px;
    margin: 26px 0;
}

.summary-list div {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.summary-list span {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.summary-list strong {
    color: #fff;
    font-weight: 600;
}

.summary-note {
    background: rgba(255,255,255,0.08);
    border-left: 3px solid var(--primeColor, #f4a426);
    padding: 14px 16px;
    border-radius: 12px;
    color: rgba(255,255,255,0.78);
    line-height: 1.6;
    margin-bottom: 24px;
}

.print-summary-panel .btn_set {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .book-print-calculator {
        padding: 65px 0;
    }

    .option-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .print-calc-box {
        padding: 24px;
    }
}

@media (max-width: 575px) {
    .option-grid {
        grid-template-columns: 1fr;
    }
}
