/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.9.1752642288
Updated: 2025-07-16 05:04:48
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Global */
:root {
    --font-oswald: 'Oswald', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --global-lh: 1.2em;
    --h1-size: 62px;
    --h1-lh: 1.2em;
    --h2-size: 42px;
    --h2-lh: 1.2em;
    --h3-size: 38px;
    --h3-lh: 1.3em;
    --h4-size: 32px;
    --h4-lh: 1.4em;
    --h5-size: 28px;
    --h5-lh: 1.3em;
    --h6-size: 24px;
    --h6-lh: 1.2em;
    --font-64: 64px;
    --body-font: 18px;
    --color-primary: #3a8daf;
    --color-secondary: #25b34b;
    --color-accent: #ffdf00;
    --color-gray: #3e3e40;
    --color-black: #000;
    --color-white: #fff;
    --light-bg: #f9f9f9;
    --base-transition: all .3s ease-in-out;
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-padding-top: 118px;
    scroll-behavior: smooth;
}

html body {
    letter-spacing: 0;
    font-weight: 400;
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: var(--body-font);
    line-height: 26px;
    background-color: var(--color-white);
    counter-reset: count;
}

section {
    position: relative;
    padding-block: 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

p:last-child {
    margin-bottom: 0px;
}

img,
svg,
video,
iframe,
img:hover {
    transition: var(--base-transition);
    vertical-align: top;
    width: 100%;
}

body ul {
    padding: 0;
    margin: 0px !important;
}

body ul li {
    list-style: none;
    margin: 0 !important;
    padding: 0;
}

a,
a:hover,
a:focus {
    transition: var(--base-transition);
    text-decoration: none !important;
    outline: none;
}

html a {
    color: var(--color-secondary);
}

html a:hover {
    color: var(--color-primary);
}

button:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-family: var(--font-oswald);
    color: var(--color-black);
    font-weight: 500;
    text-transform: inherit;
}

h1 {
    font-size: var(--h1-size);
    line-height: var(--h1-lh);
}

h2 {
    font-size: var(--h2-size);
    line-height: var(--h2-lh);
}

h3 {
    font-size: var(--h3-size);
    line-height: var(--h3-lh);
}

h4 {
    font-size: var(--h4-size);
    line-height: var(--h4-lh);
}

h5 {
    font-size: var(--h5-size);
    line-height: var(--h5-lh);
}

h6 {
    font-size: var(--h6-size);
    line-height: var(--h6-lh);
}

.container {
    width: 100%;
    max-width: 1340px;
    margin-inline: auto;
    padding-inline: 20px;
    position: relative;
}

.btn-wrap a,
button[type="submit"],
body .gform_wrapper .gform_button,
.blog-sec .inner-wrapper .search-form .search-submit,
.comment-respond input.submit,
body .gform_wrapper .gform_next_button,
body .gform_wrapper .gform_previous_button {
    font-family: var(--font-oswald) !important;
    font-size: var(--body-font) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 12px 26px !important;
    text-decoration: none !important;
    border: 2px solid !important;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    transition: var(--base-transition) !important;
    border-radius: 30px !important;
    display: inline-block !important;
    line-height: 26px !important;
}

.btn-wrap a:hover,
button[type="submit"]:hover,
body .gform_wrapper .gform_button:hover,
.blog-sec .inner-wrapper .search-form .search-submit:hover,
.comment-respond input.submit:hover,
body .gform_wrapper .gform_next_button:hover {
    background-color: transparent !important;
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

body .gform_wrapper .gform_previous_button {
    background-color: transparent !important;
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

body .gform_wrapper .gform_previous_button:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
}

/* *************************** */
.sec-subtitle {
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--color-secondary);
}

.sec-intro {
    display: flex;
    flex-direction: column;
    gap: 26px;
    max-width: 800px;
}

.sec-intro_inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sec-content ul li {
    list-style: disc;
    width: 100%;
}

.sec-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 30px;
    padding-left: 22px;
}

.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 30px !important;
}

.owl-carousel .owl-nav button {
    font-size: 0 !important;
    width: 40px;
    height: 40px;
    border: none !important;
    background-color: var(--color-secondary) !important;
    border-radius: 50% !important;
    background-image: url(https://little.codinggang.com/wp-content/uploads/2025/12/caret-left.svg) !important;
    background-position: center !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    margin: 0px !important;
}

.owl-carousel .owl-nav .owl-next {
    transform: rotate(180deg);
}

.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-primary);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    border-radius: 50%;
    z-index: 3;
}

.play_btn::before,
.play_btn::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffd;
    border-radius: 50%;
    box-shadow: 0 0 0 0 var(--color-white);
    animation: button-ripple 3s infinite;
    opacity: 0.6;
    z-index: 0;
}

.play_btn::after {
    animation-delay: 0.3s;
}

.play_btn::before {
    animation-delay: 0.9s;
}

@keyframes button-ripple {
    70% {
        box-shadow: 0 0 0 35px var(--color-white);
        opacity: 0;
    }

    100% {
        box-shadow: 0 0 0 0 var(--color-white);
        opacity: 0;
    }
}

.inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1;
}

/* *************************** */
/* ************ Global form *************** */
input:focus,
a:focus {
    outline: none !important;
}

/* ************ Global form *************** */
/* Global */
/* ###*************** header **************### */
.site-header-top {
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-align: center;
    padding: 10px;
}

.site-header-top .site-header-top__inner p {
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.site-header-top .site-header-top__inner p a {
    font-weight: 700;
    color: var(--color-white);
    text-decoration: underline !important;
    text-underline-offset: 0.2em;
}

.site-header-top .site-header-top__inner p a:hover {
    color: var(--color-black);
}

.site-header {
    transition: var(--base-transition);
    background-color: var(--color-white);
    position: static;
    padding: 14px 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.site-header.fix_header {
    position: sticky;
    top: 0;
    background-color: var(--color-white);
    transition: var(--base-transition);
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.site-header .site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-header .site-header__inner .site-logo {
    width: auto;
}

.site-header .site-header__inner .site-logo img {
    object-fit: contain;
    width: 100%;
    height: 60px;
}

.site-header .site-header__inner .site-menu-wrap .site-menu {
    display: flex;
    gap: 20px;
    align-items: center;
}

.site-header .site-header__inner .site-menu-wrap .site-menu li a {
    color: var(--color-black);
}

.site-header .site-header__inner .site-menu-wrap li a:hover {
    color: var(--color-secondary);
}

.site-header .site-header__inner .site-header-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.site-header-cta .site-login {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--color-gray);
    transition: var(--base-transition);
}

.site-header-cta .site-login:hover {
    color: var(--color-secondary);
}

.site-header-cta .site-login i {
    font-size: 26px;
}

/* ***************** toggle ****************** */
.site-header .site-header__inner .mobile_toggle_icon {
    width: 28px;
    height: 20px;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    display: none;
    z-index: 99;
}

.site-header .site-header__inner .mobile_toggle_icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--color-secondary);
    border-radius: 9px;
    opacity: 1;
    transform: rotate(0.1deg);
    transition: .25s ease-in-out;
    left: 0;
}

.site-header .site-header__inner .mobile_toggle_icon span:nth-of-type(1) {
    top: 0px;
}

.site-header .site-header__inner .mobile_toggle_icon.active span:nth-of-type(1) {
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    left: 50%;
}

.site-header .site-header__inner .mobile_toggle_icon.active span:nth-of-type(2) {
    opacity: 0;
}

.site-header .site-header__inner .mobile_toggle_icon span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    transform-origin: left center;
}

.site-header .site-header__inner .mobile_toggle_icon.active span:nth-of-type(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%;
    left: 50%;
}

.site-header .site-header__inner .mobile_toggle_icon span:nth-of-type(3) {
    top: 100%;
    transform: translateY(-100%);
}

.site-header .header_mobile-menu {
    display: none;
}

.header_mobile-menu_inner {
    overflow: auto;
    width: 100%;
    background-color: var(--color-white);
    padding: 40px 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid var(--color-secondary);
}

.header_mobile-menu {
    display: flex !important;
    position: fixed;
    width: 100vw;
    left: 100%;
    right: 0;
    height: 100%;
    top: 0;
    padding-top: 72px;
    transition: var(--base-transition);
    z-index: 99;
}

.header_open .header_mobile-menu {
    left: 0;
}

.header_mobile_menu__wrap .site-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 20px;
}

.site-header .header_mobile-menu .site-header-cta.mobile {
    display: flex;
}

body.header_open .site-header-top {
    display: none;
}
.site-header .site-menu .mega-menu > .sub-menu.active {
	display: flex !important;
}
/* ***************** toggle ****************** */
/* ****** mega manu ***** */
.site-header ul>li.menu-item-has-children {
    display: flex;
    gap: 8px;
    align-items: center;
    transition: all .3s ease-in-out;
    flex-wrap: wrap;
    /* cursor: pointer; */
}

.site-header ul li.mega-menu>.icon {
    width: 16px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    margin-left: -4px;
    background-image: url("https://nwreverse.mystagingwebsite.com/wp-content/uploads/2025/12/caret-down.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s linear;
    cursor: pointer;
}

.site-header ul li.mega-menu>ul.sub-menu::before {
    content: "";
    position: absolute;
    height: 15px;
    width: 100%;
    top: -11px;
    background-color: transparent;
    left: 0px;
    /* pointer-events: none; */
    cursor: pointer;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>a {
    pointer-events: none;
}

.site-header ul li.mega-menu>ul.sub-menu {
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: var(--color-white);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09);
    transition: 0.3s all ease-in;
    max-width: 1094px;
    padding: 20px;
    transform: translateX(-50%);
    z-index: 10;
    display: none !important;
    width: 100%;
    align-items: flex-start;
    border: 1px solid #eee;
    border-radius: 10px;
    width: 100%;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap {
    width: 60%;
    padding-right: 30px;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>a {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    color: var(--color-gray);
    padding: 0px 0px 15px 0px;
}

.site-header ul li.mega-menu>ul.sub-menu .icon {
    display: none;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu {
    padding: 0;
    width: 100%;
    list-style: none;
    column-gap: 20px;
    display: flex;
    position: static;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>a {
    display: none;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner {
    width: 100%;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>.sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>.sub-menu>li>a {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: auto 1fr;
    padding: 8px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    height: 100%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-gray);
    transition: all .3s ease;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>.sub-menu>li>a:hover {
    background: #f5f5f5;
    color: #000;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>.sub-menu>li>a img {
    width: 100px;
    height: 68px;
    border-radius: 6px;
    object-fit: cover;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop {
    width: 40%;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop>a {
    display: none;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu {
    width: 100%;
    column-gap: 30px;
    position: static;
    flex-wrap: wrap;
    background-color: #25b34b33 !important;
    border-radius: 8px;
    padding: 16px;
    gap: 16px;
    flex-direction: column;
    display: flex;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu>.main_img {
    width: 100%;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu>.main_img>a {
    display: block;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu>.main_img>a img {
    max-width: 100%;
    object-fit: cover;
    margin: auto;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    aspect-ratio: 260/155;
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu>.main_desc {
    font-size: 18px;
    line-height: 1.5;
    color: var(--color-black);
    font-weight: 500;
}

.header_mobile_menu__wrap .site-menu>.menu-item a {
    color: var(--color-black);
}

/* .site-header ul li.mega-menu > ul.sub-menu .mega-menu_shop .sub-menu > .main_desc > a{
color: var(--color-gray);
} */
.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu .btn-wrap a {
    padding: 6px 18px;
    color: var(--color-white);
}

.site-header ul li.mega-menu>ul.sub-menu .mega-menu_shop .sub-menu .btn-wrap a:hover {
    color: var(--color-primary);
}

.site-header .header_mobile_menu__wrap ul>li.menu-item-has-children.active>.icon {
    transform: rotate(-180deg);
    filter: brightness(0) saturate(100%) invert(65%) sepia(31%) saturate(6162%) hue-rotate(92deg) brightness(95%) contrast(71%);
}

.site-header .header_mobile_menu__wrap ul>li.menu-item-has-children .icon {
    filter: brightness(0) saturate(100%) invert(65%) sepia(31%) saturate(6162%) hue-rotate(92deg) brightness(95%) contrast(71%);
}

.site-header .header_mobile_menu__wrap ul>li.menu-item-has-children.active>.sub-menu {
    display: flex !important;
}

/* ****** mega manu ***** */
/* ****** header responsive ***** */
@media(min-width:1024px) {
    .site-header ul li.mega-menu.menu-item-has-children:hover .icon {
        transform: rotate(-180deg);
        filter: brightness(0) saturate(100%) invert(65%) sepia(31%) saturate(6162%) hue-rotate(92deg) brightness(95%) contrast(71%);
    }

    .site-header ul li.mega-menu.menu-item-has-children:hover>.sub-menu {
        display: flex !important;
    }
}

@media(max-width:1024px) {
    .header_mobile_menu__wrap .mega-menu .sub-menu {
        position: static !important;
        transform: unset !important;
    }
}

@media(max-width:768px) {
    .header_mobile_menu__wrap .mega-menu .sub-menu {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .site-header .header_mobile_menu__wrap ul li.mega-menu>ul.sub-menu .mega-menu_wrap {
        width: 100%;
        padding-right: 0px !important;
    }

    .site-header .header_mobile_menu__wrap ul li.mega-menu>ul.sub-menu .mega-menu_shop {
        width: 100%;
    }
}

@media(max-width:575px) {
    .site-header ul li.mega-menu>ul.sub-menu .mega-menu_wrap>.sub-menu>.mega-menu_inner>.sub-menu {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
    }
}

/* ****** header responsive ***** */
/* ###*************** header **************### */
/* ###*************** footer **************### */
.site-footer-main {
    display: flex;
    flex-direction: column;
}

.site-footer {
    background: var(--color-primary);
    padding: 60px 0px;
}

.site-footer .site-footer_row {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.site-footer .site-footer_inner {
    display: flex;
    gap: 40px;
    /* grid-template-columns: 30% 23.33% 23.33% 23.33%; */
    justify-content: space-between;
    flex-wrap: wrap;
}

.site-footer .site-footer_inner .footer-item.one {
    width: 30%;
}
.site-footer .site-footer_inner .footer-item.one .widget-content p a {
	color:  var(--color-white);
	text-decoration: underline !important;
	text-underline-offset: 0.17em;
}
.site-footer .site-footer_inner .footer-item.one .widget-content p a:hover{
    color: var(--color-secondary) !important;
}

.site-footer .site-footer_inner .footer-item {
    width: 20%;
}

.site-footer .site-footer_inner .footer-item .wp-block-group,
.site-footer .site-footer_inner .footer-item figure,
.site-footer .site-footer_inner .footer-item .widget {
    margin: 0px !important;
}

.site-footer .site-footer_inner .footer-item,
.site-footer .site-footer_inner .footer-item #block-12 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.site-footer .site-footer_inner .footer-item:nth-child(1) {
    max-width: 350px;
}

.site-footer .site-footer_inner .footer-itemul .footer-list li {
    margin-bottom: 10px !important;
}

.site-footer .site-footer_inner .footer-item ul.menu li {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 12px;
}
.site-footer .site-footer_inner .footer-item .widget_nav_menu a {
	font-weight: 400;
	cursor: pointer;
}

.site-footer .site-footer_inner .footer-item .widget img {
    height: 60px;
    object-fit: contain;
    width: 100%;
    filter: brightness(0) invert(1);
}

.footer-item .widget p {
    color: var(--color-white);
    font-size: 18px;
    line-height: 1.5;
    font-family: var(--body-font);
}

.site-footer .site-footer_inner .footer-item .wp-block-social-links .wp-social-link {
    background: var(--color-white);
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-footer .site-footer_inner .footer-item h5,
.site-footer .site-footer_inner .footer-item ul li a,
.site-footer .site-footer_inner .footer-item ul li {
    color: var(--color-white);
}

.site-footer .site-footer_inner .footer-item ul li a:hover {
    color: var(--color-secondary);
}

.site-footer .site-footer_inner .footer-item .footer-list li {
    position: relative;
    padding-left: 26px;
}

.site-footer .site-footer_inner .footer-item .footer-list li i {
    position: absolute;
    left: 0px;
    top: 5px;
}

.site-footer .site-footer_inner .footer-item .wp-block-social-links .wp-social-link .wp-block-social-link-anchor {
    color: var(--color-primary);
}

.site-footer .site-footer_row .footer-content {
    text-align: center;
    color: var(--color-white);
}

.site-footer-main .footer-copyright {
    text-align: center;
    padding: 14px 0px;
    /* background: var(--color-secondary); */
    border-top: 1px solid var(--color-white);
    color: var(--color-white);
    background: var(--color-primary);
    font-weight: 400;
}

.site-footer .site-footer_inner .footer-item:nth-child(2) .widget_media_image img {
    height: 40px;
    object-fit: contain;
}

.site-footer .site-footer_inner .footer-item .menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site-footer .site-footer_inner .footer-item .footer-newsletter {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site-footer .site-footer_inner .footer-item .footer-newsletter input {
    padding: 10px;
    border: 0px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 1.3;
    color: var(--color-black);
}

.site-footer .site-footer_inner .footer-item .footer-newsletter .btn-wrap a {
    background: var(--color-gray);
}

/* ###*************** footer **************### */
/* #################### Home Page #################### */
/* **************** hero sec ***************** */
.hero-sec::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
}

.hero-sec {
    min-height: 70vh;
    display: flex;
    align-items: center;
}

.hero-sec .inner-wrapper:not(:has(.hero-sec__right)) {
    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
}

.hero-sec .inner-wrapper:not(:has(.hero-sec__right)) .sec-intro-cta {
    justify-content: center;
}

.hero-sec .inner-wrapper:not(:has(.hero-sec__right)) .hero-sec__left {
    max-width: 900px;
}

.hero-sec .inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    align-items: center;
}

.hero-sec .hero-sec__left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 800px;
}

.hero-sec .sec-intro-cta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.hero-sec .sec-intro-cta .hero-intro_call {
    display: flex;
    gap: 10px;
    align-items: center;
}

.hero-sec .sec-intro .sec-subtitle,
.hero-sec .sec-intro .sec-title,
.hero-sec .sec-intro .sec-content,
.hero-sec .sec-intro-cta .btn-wrap a {
    color: var(--color-white);
}

.hero-sec .hero-intro_call-inner p {
    margin-bottom: 6px;
    color: var(--color-white);
    font-size: 16px;
}

.hero-sec .hero-intro_call-inner span a {
    font-weight: 700;
    color: var(--color-white);
    text-decoration: underline !important;
    text-underline-offset: 0.2em;
}

.hero-sec .hero-intro_call-inner span a:hover {
    color: var(--color-secondary) !important;
}

.hero-sec .hero-sec_video a {
    position: relative;
    display: block;
}

.hero-sec .sec-intro-cta .hero-intro_call i {
    font-size: 30px;
    color: var(--color-white);
}

.hero-sec .hero-sec_video {
    max-width: 558px;
    border-radius: 16px;
    overflow: hidden;
}

/* html body.page-template-resource .hero-sec .hero-sec_video img {
	aspect-ratio: unset !important;
} */
.hero-sec .hero-sec_video img {
    width: 100%;
    height: auto;
    object-fit: cover;
/*     min-height: 260px; */
/*     aspect-ratio: 488/340; */
/* 	aspect-ratio: 600/400; */
/*     transform: scale(1.3); */
	transform: scale(1);
}

/* **************** hero sec ***************** */
/* ************** featured sec *************** */
.featured-sec {
    background: var(--color-gray);
    color: var(--color-white);
}

.featured-sec .sec-intro_inner .sec-title {
    color: var(--color-white);
}

.featured-sec .inner-wrapper {
    align-items: center;
}

.featured-sec .inner-wrapper .sec-intro {
    text-align: center;
}

.featured-sec .featured_inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.featured_inner .featured-item .featured_content {
	min-height: 54px;
}
.featured_inner .featured-item {
    width: 25%;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 14px;
    flex-direction: column;
    padding: 0px 28px;
    border-right: 2px solid var(--color-white);
    position: relative;
}
.featured_inner .featured-item .featured_img img {
	object-fit: contain;
	height: 50px;
}
.featured_inner .featured-item:last-child {
    border: 0px !important;
}
.featured-sec .featured_inner {
	justify-content: center;
	align-items: start;
}
/* ************** featured sec *************** */
/* *************** about sec ***************** */
.about-sec {
    padding-bottom: 130px;
}

.about-sec .inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

/* 
.about-sec .container {
	display: flex;
	flex-direction: column;
	gap: 80px;
}
.about-sec .inner-wrapper.reverse .about_left {
	grid-column: 2;
}
.about-sec .inner-wrapper.reverse .about_right {
	grid-row: 1;
}
.about-sec .inner-wrapper.reverse .about_left .about_inner {
	padding-left: 60px;
	padding-right: 0px;
} */
.about-sec .inner-wrapper .about_right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.social_link_wrapper {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.social_link_wrapper .link {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--color-secondary);
    color: var(--color-white);
    transition: var(--base-transition);
    position: relative;
}

.social_link_wrapper .link .dashicons {
    font-size: 20px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.social_link_wrapper .link:hover {
    background-color: var(--color-primary);
}

.about-sec .inner-wrapper .sec-content ul li {
    width: calc(50% - 15px);
}

.about-sec .inner-wrapper .about_left {
    position: relative;
    max-width: 700px;
}

.about-sec .about_inner img {
    aspect-ratio: 1/1.1;
    border-radius: 12px;
    object-fit: cover;
    object-position: top;
}

.about-sec .about_inner {
    padding-right: 100px;
}

.about-sec .inner-wrapper .about_left .shape-1 {
    position: absolute;
    bottom: -16%;
    right: 0;
    z-index: 2;
    filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.07));
    width: 100%;
    max-width: 240px;
    border-radius: 12px;
    aspect-ratio: 240/232;
}

.about-sec .inner-wrapper .about_left .shape-2 {
    position: absolute;
    bottom: -37px;
    left: -61px;
    z-index: -1;
    max-width: 247px;
}

.about-sec .inner-wrapper .about_left .shape-3 {
    position: absolute;
    right: 0;
    top: 14%;
    z-index: -1;
    border-radius: 0;
    max-width: 63px;
}

.about-sec .inner-wrapper .about_left .shape-4 {
    position: absolute;
    right: 20px;
    top: 5px;
    animation: moveLeftRight 6s linear infinite;
    max-width: 230px;
}

@keyframes moveLeftRight {
    0% {
        transform: translateX(10%);
    }

    50% {
        transform: translateX(-20%);
    }

    100% {
        transform: translateX(10%);
    }
}

/* *************** about sec ***************** */
/* ************** benefit sec **************** */
.benefit-sec .benefit-slider .owl-carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 22px;
}

.benefit-sec {
    background: #F6F6F9;
}

.benefit-sec .inner-wrapper {
    align-items: center;
}

.benefit-sec .inner-wrapper .sec-intro {
    text-align: center;
}

.benefit-sec .benefit-slider {
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}

.benefit-sec .benefit-slider .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.benefit-sec .benefit-slider .owl-carousel .item {
    padding: 10px;
    /* height: 100%; */
    height: auto;
}

.benefit-sec .benefit-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.benefit-card .benefit-card_info .benefit-card_desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.benefit-card {
    /* background: var(--color-gray); */
    padding: 40px 24px 30px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
    height: 100%;
}

.benefit-card .benefit-card_icon {
    position: absolute;
    background: var(--color-secondary);
    top: -20px;
    width: 100%;
    max-width: 60px;
    padding: 10px;
    border-radius: 10px;
    right: 30px;
    transition: var(--base-transition);
}

.benefit-card:hover .benefit-card_icon {
    top: -25px;
}

.benefit-card .benefit-card_icon img {
    max-width: 40px;
    aspect-ratio: 1/1;
    width: 100%;
}

.benefit-card .benefit-card_info .btn-wrap {
    /* margin-top: 12px; */
    margin-top: auto;
}

.benefit-card .benefit-card_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.benefit-card .benefit-card_image-wrap {
    overflow: hidden;
    border-radius: 10px;
    /* margin-top: auto; */
}

.benefit-card .benefit-card_image-wrap img {
    aspect-ratio: 358/220;
    object-fit: cover;
    transform: scale(1.0);
    transition: var(--base-transition);
}

.benefit-card:hover .benefit-card_image-wrap img {
    transform: scale(1.08);
}

.benefit-card .benefit-card_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* ************** benefit sec **************** */
/* ************* our action sec ************** */
.our-action-sec {
    background: var(--color-primary);
}

.our-action-sec .inner-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.our-action-sec .inner-wrapper .sec-intro,
.our-action-sec .sec-intro_inner .sec-title {
    color: var(--color-white);
}

.our-action-sec .inner-wrapper .btn-wrap a {
    background: var(--color-white) !important;
    color: var(--color-primary) !important;
}

.our-action-sec .inner-wrapper .btn-wrap a:hover {
    color: var(--color-white) !important;
    background: transparent !important;
    border-color: var(--color-white) !important;
}

/* ************* our action sec ************** */
/* *************** testimonial *************** */
.testimonial_slider .owl-carousel .item {
    padding: 10px;
    height: 100%;
}

.testimonial_slider .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
}

.testimonial-card:not(:has(.testimonial_video)) {
    grid-template-columns: 1fr;
}

.testimonial-card {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: center;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
    background-color: var(--color-white);
    border-radius: 12px;
    overflow: hidden;
    align-items: stretch;
    height: 100%;
}

.testimonial-card .testimonial_video a img {
    height: 100%;
    object-fit: cover;
    transform: scale(1.4);
}

.testimonial-card .testimonial_video {
    position: relative;
    height: 100%;
}

.testimonial-card .testimonial_video a {
    display: block;
    height: 100%;
    overflow: hidden;
}

.testimonial-card .testimonial_info {
    padding: 30px 20px;
}

.testimonial-card .testimonial_info {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.testimonial-card .testimonial_info .testimonial_rating {
    display: flex;
    gap: 4px;
    color: var(--color-accent);
}

.author-wrap .author_name {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 2px;
}

.author-wrap .author_designation {
    font-size: 14px;
}

.testimonial_slider .owl-carousel .owl-nav button {
    background-color: var(--color-primary) !important;
}

/* *************** testimonial *************** */
/* ***************** service ***************** */
.service-sec {
    background: #f6f6f6;
}

.service-sec .service-inner {
    display: grid;
    grid-template-columns: 1fr 40%;
    align-items: center;
    gap: 60px;
}

.service-sec .service_left {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.service-sec .service-item_wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.service-sec .service-item_wrapper .service-item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.service-sec .service-item .service-item_count {
    background: var(--color-secondary);
    width: 70px;
    height: 70px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: 10px;
}

.service-sec .service-item .service-item_count h3 {
    color: var(--color-white);
}

.service-sec .service-item .service-item_count h3::before {
    counter-increment: count;
    content: counter(count);
}

.service-sec .service-item_wrapper .service-item .service-item_info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.service-sec .service_video {
    position: relative;
    max-width: 558px;
    border-radius: 16px;
    overflow: hidden;
}

.service-sec .service_video a {
    position: relative;
    display: block;
}

.service-sec .service_video img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 260px;
    aspect-ratio: 488/340;
    transform: scale(1.3);
}

/* ***************** service ***************** */
/* ******************* faq ******************* */
.faq-sec .inner-wrapper {
    display: grid;
    grid-template-columns: 40% 1fr;
}

.faq-sec .inner-wrapper .faq_left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.faq-wrapper {
    padding: 30px;
    background: var(--color-white);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
}

.faq-wrapper .faq_item {
    width: 100%;
}

.faq-wrapper .faq_item .faq_header {
    border: 1px solid var(--color-primary);
    position: relative;
    cursor: pointer;
    background-color: var(--light-bg);
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 12px 22px;
    font-size: 22px;
}

.faq-wrapper .faq_item .faq_header.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}

.faq-wrapper .faq_item .faq_header .arrow {
    font-size: 16px;
    background: var(--color-primary);
    border-radius: 50%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: var(--color-white);
}

.faq-wrapper .faq_item .faq_header.active .arrow {
    background: var(--color-white);
    color: var(--color-primary);
}

.faq-wrapper .faq_item .faq_header.active .arrow {
    transform: scale(-1);
}

.faq-wrapper .faq_item .faq_content {
    padding: 18px 22px;
    border-top: 0;
    overflow: auto;
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    display: none;
}

/* ******************* faq ******************* */
/* ******************* Cta ******************* */
.cta-sec {
    padding: 0px;
    background-color: var(--light-bg);
}

.cta-sec .container {
    max-width: 100%;
    padding: 0px;
}

.cta-sec .inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0px;
}

.cta-sec .inner-wrapper .cta_image-wrap img {
    width: 100%;
    height: auto;
    /* max-height: 800px; */
    object-fit: cover;
    aspect-ratio: 951/700;
}

.cta-sec .inner-wrapper .cta_left {
    display: flex;
    justify-content: end;
    padding: 50px 50px 50px 20px;
}

.cta-sec .cta_form-wrap {
    width: 100%;
    max-width: 560px;
    /* box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06); */
    border-radius: 16px;
    /* padding: 40px; */
}

.cta-sec .inner-wrapper .cta_right {
    position: relative;
}

.cta-sec .inner-wrapper .cta_right .cta_box-wrap {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    width: 100%;
    border-radius: 16px;
    max-width: 200px;
    height: 200px;
    padding: 20px;
    background: var(--color-primary);
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    display: flex;
    justify-content: center;
    font-size: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
    color: var(--color-white);
}

.cta-sec .inner-wrapper .cta_right .cta_box-wrap:before {
    animation: tp-spin 10s ease infinite;
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    width: 160px;
    border: 1px dashed var(--color-white);
    border-radius: 50%;
    aspect-ratio: 1/1;
}

@keyframes tp-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.cta-sec .inner-wrapper .cta_right .cta_box-wrap .cta_box-counter {
    color: var(--color-white);
}

.cta-sec .inner-wrapper .cta_right .cta_box-wrap p {
    margin: 0px;
}

/* ******************* Cta ******************* */
/* ****** form****** */
.cta_form-wrap .form-group input::placeholder,
.cta_form-wrap .form-group textarea::placeholder {
    color: #999;
}

.cta_form-wrap .form-group input,
.cta_form-wrap .form-group select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 35px 10px 5px;
    font-size: 18px;
    outline: none;
    background: transparent;
    margin-bottom: 25px;
}

.cta_form-wrap .form-group textarea {
    width: 100%;
    min-height: 150px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    font-size: 18px;
    outline: none;
    background-color: transparent;
    margin-bottom: 25px;
}

.cta_form-wrap .form-group {
    display: flex;
    position: relative;
}

.cta_form-wrap .form-group .icon {
    position: absolute;
    right: 0px;
    top: 8px;
    color: var(--color-primary);
}

/* ****** form****** */
/* #################### Home Page #################### */
/* ################### About page #################### */
.sec-counter-wrap .sec-counter_row {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 16px;
}

.sec-counter_row .sec-counter_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sec-counter_row .sec-counter_box:nth-child(1) .sec-counter::after {
    content: '+';
}

.sec-counter_row .sec-counter_box .sec-counter,
.sec-counter_row .sec-counter_box .sec-counter_desc {
    color: var(--color-white);
}

.sec-counter_row .sec-counter_box .sec-counter::before,
.sec-counter_row .sec-counter_box .sec-counter::after {
    font-size: 42px;
    line-height: 34px;
    font-weight: 600;
    position: relative;
    padding-left: 4px;
}

.page-template-about .featured-sec .inner-wrapper .sec-intro {
    max-width: 900px;
}

.about-sec.about_page_about_sec .about_inner {
    padding-right: 60px;
}

.about-sec.about_page_about_sec {
    padding-bottom: 80px;
}

.sec-counter_row .sec-counter_box:nth-child(2n) {
    border: 1px solid var(--color-white);
    border-top: 0px;
    border-bottom: 0;
    padding: 0px 16px;
}

/* ******************* Work ****************** */
.work_sec {
    overflow: hidden;
    background-color: var(--light-bg);
}

.work_sec .inner-wrapper {
    align-items: center;
}

.work_sec .inner-wrapper .sec-intro_inner {
    text-align: center;
}

.work_sec .work_wrapper .owl-stage {
    display: flex;
    align-items: stretch;
}

.work_sec .wave {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    top: 50%;
    width: 100%;
}

.work_sec .work_wrapper {
    display: grid;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    padding: 30px 30px 0px 30px;
}

.work_sec .work-card {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background-color: var(--color-white);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    transition: var(--base-transition);
    height: 100%;
}

.work_sec .work-card .work-card_video {
    overflow: hidden;
    position: relative;
    padding: 20px;
}

.work_sec .work-card:hover .work-card_video img {
    transform: scale(1.1);
}

.work_sec .work-card .work-card_video img {
    aspect-ratio: 386/260;
    object-fit: contain;
    transition: var(--base-transition);
    min-height: 240px;
}

.work_sec .work-card .work-card_info {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.work_sec .work-card .work-card_info .work-card_step {
    color: var(--color-secondary);
}

.work_sec .work_wrapper .item {
    padding: 10px;
    height: 100%;
}

.work_sec .work_wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

/* ******************* Work ****************** */
/* ******************* area ****************** */
.area-sec .sec-intro_inner {
    text-align: center;
}

.page-template-about .area-sec {
    background: var(--light-bg);
}

.area-sec .inner-wrapper .sec-intro,
.content-sec .inner-wrapper .sec-intro {
    margin: auto;
    text-align: center;
}

.area-sec .area-inner ul {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.area-sec .area-inner ul li {
    position: relative;
    padding-left: 25px;
}

.area-sec .area-inner ul li::after {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 17px;
    font-weight: 700;
    left: 0;
    top: 0;
    content: "\f058";
    color: var(--color-secondary);
}

/* ******************* area ****************** */
/* ***************** Content ***************** */
.content-sec .sec-intro_inner {
    text-align: center;
}

.content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.content-wrapper .content-card {
    width: calc(25% - 22.5px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
    padding: 10px 16px;
    border-right: 1px solid var(--color-primary);
}

.content-wrapper .content-card .content-card_icon {
    font-size: 50px;
    line-height: 1.2;
}

.content-wrapper .content-card:last-child {
    border: 0px !important;
}

.content-wrapper .content-card:nth-child(4n+1) {
    padding-left: 0px !important;
}

.content-wrapper .content-card:nth-child(4n+4) {
    padding-right: 0px !important;
    border-right: 0px !important;
}

.content-wrapper .content-card .content-card_info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.content-wrapper .content-card .content-card_icon img {
    max-width: 70px;
    filter: brightness(0) saturate(100%) invert(59%) sepia(31%) saturate(1128%) hue-rotate(84deg) brightness(90%) contrast(84%);
    object-fit: contain;
}

/* ***************** Content ***************** */
/* ***************** team ****************** */
.team-sec {
    background-color: var(--light-bg);
}

.team-sec .inner-wrapper .sec-intro {
    margin: auto;
    text-align: center;
    max-width: 900px;
}

.team-sec .inner-wrapper .team-wrapper {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.team-sec .team-card {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: var(--base-transition);
    width: calc(33.33% - 20px);
    background-color: var(--color-white);
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.03);
    border-bottom: 3px solid var(--color-gray);
}

.team-sec .team-card .team-card_imge-wrap {
    overflow: hidden;
}

.team-sec .team-card .team-card_imge-wrap img {
    object-fit: cover;
    aspect-ratio: 415/360;
    transition: var(--base-transition);
}

.team-sec .team-card:hover .team-card_imge-wrap img {
    transform: scale(1.1);
}

.team-sec .team-card .team-card_info {
    padding: 20px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.team-sec .team-card .team-card_info .team-card_link {
    margin-top: 12px;
}

.team-sec .team-card .team-card_info .team-card_link:hover {
    text-decoration: underline !important;
}

/* ***************** team ****************** */
/* ************* sticky imge *************** */
.sticky_image_sec .inner-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.sticky_image_sec::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0.75;
}

.sticky_image_sec .inner-wrapper .sec-title,
.sticky_image_sec .inner-wrapper .sec-intro {
    color: var(--color-white);
    max-width: 1100px;
}

/* ************* sticky imge *************** */
.page-template-about .content-sec {
    background: var(--light-bg);
}

/* ************* experience sec *************** */
.experience-sec .inner-wrapper {
    align-items: center;
}

.experience-sec .inner-wrapper .sec-intro {
    text-align: center;
}

.experience-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 1000px;
    margin: auto;
    padding-left: 100px;
    position: relative;
}

.experience-card {
    background: var(--light-bg);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    border: 2px solid var(--color-primary);
    border-radius: 20px;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    transition: all 0.2s ease-in-out;
}

.experience-card.active {
    border-color: var(--color-secondary);
}

.experience-card.active::after {
    background-color: transparent;
}

.experience-card::after {
    content: '';
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    transition: var(--base-transition);
}

.experience-card_count:after {
    content: '';
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: var(--base-transition);
}

.experience-card.active .experience-card_count:after {
    background-color: transparent;
}

.experience-card .experience-card_img-wrap {
    width: calc(25% - 12px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: #3e3e4047;
    border-radius: 14px;
    aspect-ratio: 1/1;
}

.experience-card .experience-card_img-wrap .experience-card_img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 150px;
}

.experience-card .experience-card_info {
    width: calc(75% - 12px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.experience-card .experience-card_info .experience-card_title-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.experience-card .experience-card_info .experience-card_title-wrap .experience-card_sub-title {
    font-size: 22px;
    line-height: 1.2;
}

.experience-card_count {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}

.experience-card.active .experience-card_count h6 {
    border-color: var(--color-secondary);
}

.experience-card_count h6 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--color-primary);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--color-white);
    outline: 10px solid var(--color-white);
}

.experience-card_count h6::before {
    counter-increment: count 1;
    content: counter(count);
}

.experience-card:first-child::before {
    content: '';
    position: absolute;
    left: -81px;
    width: 11px;
    background: #fff;
    height: calc(50% - 25px);
    top: -3px;
}

.experience-card:nth-last-child(2)::before {
    content: '';
    position: absolute;
    left: -81px;
    width: 11px;
    background: #fff;
    height: calc(50% - 25px);
    bottom: -3px;
    top: auto;
}

.experience-card_timeline {
    position: absolute;
    display: flex;
    overflow: hidden;
    width: 50px;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 2px;
    z-index: -1;
}

.experience-card_timeline .grey-line {
    position: relative;
    width: 4px;
    height: 100%;
    background: #3a8daf85;
}

.experience-card_timeline .white-line {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 4px;
    height: 0%;
    background-color: var(--color-secondary);
}

/* ************* experience sec *************** */
/* ################### About page #################### */
/* ##################### popup ####################### */
.team-popup {
    display: none;
}

.team-popup-active {
    overflow: hidden;
}

.team-popup .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.team-popup .inner-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translateY(-50%) translateX(-50%);
    height: calc(100vh - 40px);
    display: flex;
    width: calc(100vw - 40px);
}

.team-popup .team-popup_main {
    max-width: 1200px;
    margin: auto;
    background-color: var(--color-white);
    padding: 0;
    position: relative;
    width: 100%;
}

.team-popup .team-popup_main .close_popup {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 32px;
    line-height: 20px;
    background: var(--color-secondary);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: var(--color-white);
}

.team-popup .team-popup_main .team-popup_row {
    display: flex;
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.5);
}

.team-popup .team-popup_main .team-popup_row .team-popup_img {
    width: 40%;
}

.team-popup .team-popup_main .team-popup_row .team-popup_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.team-popup .team-popup_main .team-popup_row .team-popup_info {
    width: 60%;
    padding: 40px;
}

.team-popup .team-popup_main .team-popup_row .team-popup_info .team-popup_scroll {
    overflow-y: scroll;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.team-popup .team-popup_main .team-popup_row .team-popup_info .team-popup_scroll .team-popup_social-icons {
    margin-top: 16px;
}

.team-popup_row .team-popup_info .team-popup_scroll .team-popup_desc {
    margin-top: 10px;
}

.team-popup_row .team-popup_info .team-popup_scroll .team-popup_social-icons ul {
    display: flex;
    align-items: center;
    gap: 14px;
}

.team-popup_row .team-popup_social-icons ul li a {
    color: var(--color-white);
    border-radius: 50%;
    background: var(--color-secondary);
    aspect-ratio: 1/1;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ##################### popup ####################### */
/* ################## Service page ################### */
/* *************** program *************** */
.program_sec .inner-wrapper {
    align-items: center;
}

.program_sec .inner-wrapper .sec-intro {
    text-align: center;
}

.program_sec .program_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    max-width: 1100px;
    margin: auto;
}

.program_sec .program_wrapper .program-card {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.program_sec .program_wrapper .program-card .program-card_icon-wrap {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--color-secondary);
    border-radius: 50%;
    padding: 10px;
}

.program_sec .program_wrapper .program-card .program-card_icon-wrap img {
    width: 40px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(54%) sepia(15%) saturate(1867%) hue-rotate(152deg) brightness(89%) contrast(81%);
}

.program_sec .program_wrapper .program-card .program-card_info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* *************** program *************** */
/* *************** financial *************** */
.financial-sec {
    background-color: var(--light-bg);
}

.financial-sec .inner-wrapper {
    flex-direction: row;
}

.financial-sec .inner-wrapper .financial-left {
    width: calc(40% - 20px);
}

.financial-sec .inner-wrapper .financial-left .financial-left_img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.financial-sec .financial-right {
    width: calc(60% - 20px);
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.financial-sec .inner-wrapper .financial-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.financial-sec .inner-wrapper .financial-wrapper .financial-card {
    padding: 24px;
    background-color: #25b34b54;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    width: calc(33.33% - 16px);
}

.financial-sec .inner-wrapper .financial-wrapper .financial-card .financial-card_img-wrap {
    width: 50px;
    height: 50px;
}

.financial-sec .inner-wrapper .financial-wrapper .financial-card .financial-card_img-wrap img {
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(54%) sepia(15%) saturate(1867%) hue-rotate(152deg) brightness(89%) contrast(81%);
}

/* *************** financial *************** */
/* **************** pricing **************** */
.pricing_sec .inner-wrapper .sec-intro {
    margin: auto;
    text-align: center;
}

.pricing_sec .pricing_wrapper {
    display: flex;
    column-gap: 0px;
    row-gap: 30px;
    flex-wrap: wrap;
    --offset-main: -30px;
    justify-content: center;
    padding-top: calc(30px - var(--offset-main, 0px));
}

.pricing_sec .pricing_wrapper .price-card {
    border-radius: 1rem;
    padding: calc(40px - var(--offset, 0px)) 24px;
    background: #eeee;
    flex-direction: column;
    width: calc(33.33% - 6.66px);
    display: flex;
    gap: 30px;
    max-width: 500px;
}

.pricing_sec .pricing_wrapper .price-card .price-card_inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
}

.pricing_sec .pricing_wrapper .price-card .price-card_inner .price-card_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pricing_sec .pricing_wrapper .price-card .price-card_inner .price-card_content .price-card_title {
    color: var(--color-secondary);
}

.price-card .price-card_info {
    padding: 20px 0px;
    border: 1px solid var(--color-primary);
    border-left: 0px;
    border-right: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.price-card .price-card_info .price-card_profile-desc {
    text-align: center;
}

.price-card .price-card_info ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 22px;
}

.price-card .price-card_info h4 {
    color: var(--color-black);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    font-family: var(--font-body);
}

.price-card .price-card_info ul li strong,
.price-card .price-card_info ul li::marker {
    color: var(--color-black);
    font-weight: 500;
}

.price-card .price-card_info ul li {
    list-style: disc;
    font-size: 18px;
    line-height: 1.3;
}

.pricing_sec .price-card:nth-child(2) {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--color-white) !important;
    --offset: -30px;
    margin-block: var(--offset);
}

.pricing_sec .pricing_wrapper .price-card .price-card_profile {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}

.pricing_sec .pricing_wrapper .price-card .price-card_profile .price-card_profile-name {
    color: var(--color-primary);
}

.pricing_sec .inner-wrapper .pricing_disclaimer {
    max-width: 1000px;
    text-align: center;
    margin: auto;
    font-style: italic;
    padding-top: 20px;
}

/* **************** pricing **************** */
.page-template-Service .faq-sec,
.page-template-landing .faq-sec {
    background: var(--light-bg);
}

/* ################## Service page ################### */
/* ################## landing page ################### */
.info-sec .inner-wrapper {
    align-items: center;
}

.info-sec .inner-wrapper .info-form {
    display: flex;
    width: 100%;
    max-width: 800px;
}

.featured_sec .inner-wrapper {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: center;
}

.featured_sec .inner-wrapper .featured_img-wrap {
    max-width: 650px;
}

.featured_sec .featured_img-wrap img {
	aspect-ratio: 520/406;
	border-radius: 12px;
	object-fit: cover;
	min-height: 260px;
	object-position: top;
}

.featured_sec .featured_info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.featured_info .sec-content::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(https://nwreverse.mystagingwebsite.com/wp-content/uploads/2025/12/quote-1.webp);
    background-size: 30px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(53%) sepia(10%) saturate(2585%) hue-rotate(152deg) brightness(91%) contrast(86%);
}

/* ################## landing page ################### */
/* #################### form page #################### */
.estimate_sec .inner-wrapper {
    align-items: center;
}

.estimate_sec .inner-wrapper .sec-intro {
    text-align: center;
}

.estimate_sec .estimate-form {
    max-width: 900px;
    margin: auto;
    width: 100%;
}

/* #################### form page #################### */
/* #################### thanku page #################### */
.details-sec {
    background: var(--light-bg);
}

.details-sec .inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.details-sec .details-left,
.details-sec .details-right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.details-sec .details_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.details-sec .details_inner::before {
    content: "";
    border-left: 2px solid var(--color-primary);
    position: absolute;
    top: 5px;
    bottom: 5%;
    left: 12px;
}

.details-sec .details_inner .details-item {
    padding-left: 45px;
    position: relative;
    z-index: 2;
}

.details-sec .details_inner .details-item .details-item_count h6 {
    width: 26px;
    height: 26px;
    border-radius: 24px;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: 600;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 4px;
    font-variant: lining-nums;
}

.details-sec .details_inner .details-item .details-item_wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* #################### thanku page #################### */
/* #################### blog page #################### */
.blog-sec .sec-title {
    text-align: center;
}

.blog-sec .search-form {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
    gap: 10px;
    max-width: 500px;
}

.blog-sec .search-form .screen-reader-text {
    display: none;
}

.blog-sec .search-form input {
    font-size: 18px;
    line-height: 24px;
    border: 1px solid #ddd;
    padding: 12px 26px;
    height: auto;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    margin: 0;
    color: var(--color-gray);
}

.blog_wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.blog_wrapper ul .blog_cat_name .cat_name {
    transition: var(--base-transition);
    color: var(--color-white);
}

.blog_wrapper ul .blog_cat_name.active {
    background: var(--color-secondary);
}

.blog_wrapper ul .blog_cat_name {
    background: var(--color-primary);
    padding: 6px 18px;
    border-radius: 30px;
    transition: var(--base-transition);
}

.blog_wrapper ul .blog_cat_name:hover {
    background: var(--color-secondary);
}

.blog-sec .blog_wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.blog-sec .blog_wrapper .blog-card {
    border-radius: 14px;
    overflow: hidden;
    background: var(--color-white);
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.06);
    width: calc(33.33% - 20px);
    transition: var(--base-transition);
    position: relative;
    display: flex;
    flex-direction: column;
}

.blog-card .blog-card_imge-wrap .blog-card_icon-wrap {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 18px;
    color: var(--color-white);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary);
    border-radius: 100%;
    justify-content: center;
    display: flex;
    z-index: 1;
    align-items: center;
    cursor: pointer;
}

.blog-sec .blog_wrapper .blog-card .blog-card_link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: inline-block;
}

.blog-sec .blog_wrapper .blog-card .blog-card_imge-wrap {
    overflow: hidden;
    position: relative;
    aspect-ratio: 415/280;
    min-height: 260px;
}

.blog-card_imge-wrap:not(:has(img)) .blog-card_icon-wrap {
    opacity: 1 !important;
    ;
}

.blog-sec .blog_wrapper .blog-card .blog-card_imge-wrap img {
    object-fit: cover;
    transition: var(--base-transition);
}

.blog-sec .blog_wrapper .blog-card:hover .blog-card_icon-wrap {
    opacity: 1;
}

.blog-sec .blog_wrapper .blog-card:hover img {
    transform: scale(1.09);
}

.blog-card .blog-card_info {
    padding: 20px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}

.blog-card_info .blog-card_title h5 {
    font-size: 24px;
    line-height: 1.3;
}

.blog-sec .inner-wrapper .btn-wrap {
    margin-top: 10px;
}

/* #################### blog page #################### */
/* ################ blog single page ################# */
/* ****** table content ****** */
.single .table_content_wrapper {
    display: flex;
    flex-direction: column;
    background: var(--color-white);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 30px 30px 0;
    padding: 20px 12px 24px 16px;
    width: 250px;
    position: fixed;
    top: 150px;
    box-sizing: border-box;
    z-index: 3;
    bottom: 30px;
    overflow: auto;
    scrollbar-width: none;
    left: 0px;
}

.single .table_content_wrapper h3 {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 12px;
}

.single .table_content_wrapper .progress_wrapper {
    background: #e0e0e0;
    height: 5px;
    border-radius: 12px;
    margin-bottom: 12px;
}

.single .table_content_wrapper .progress_wrapper .progress_bar {
    height: 5px;
    background-color: var(--color-secondary);
    border-radius: 12px;
}

.single .table_content_wrapper .sync_wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.single .table_content_wrapper .sync_wrapper .sync_item {
    display: flex;
    align-items: center;
    padding: 4px 16px;
    cursor: pointer;
    border-radius: 10px;
    transition: background-color 0.2s ease-in-out;
    font-size: 16px;
    line-height: 24px;
}

.single .table_content_wrapper .sync_wrapper .sync_item.active,
.single .table_content_wrapper .sync_wrapper .sync_item:hover {
    background-color: #25b34b2e;
}

/* ****** table content ****** */
.single-post #site-content:not(.main_sync) article {
    max-width: 1000px;
    margin: auto;
    width: 100%;
    padding: 0px 20px;
}

.custom-post-content .post-meta-wrapper {
    display: none;
}

.custom-post-content .featured-media {
    display: none;
}

.custom-post-content .entry-header {
    padding-bottom: 0px;
    background-color: transparent !important;
}

.custom-post-content article .entry-header-inner {
    width: 100%;
    margin: auto;
    max-width: 100%;
}

.custom-post-content .post-inner.thin {
    padding: 60px 0px 0px 0px;
}

.custom-post-content .entry-content {
    color: var(--color-gray);
    font-family: var(--font-body) !important;
    font-size: var(--body-font) !important;
    line-height: 26px !important;
}

.custom-post-content .entry-content> :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100% !important;
    width: 100% !important;
}

.entry-content>.alignleft,
.entry-content>p .alignleft,
.entry-content>.wp-block-image .alignleft {
    position: relative !important;
    right: 0 !important;
    margin: 0 20px 40px 0 !important;
}

.entry-content>.alignright,
.entry-content>p .alignright,
.entry-content>.wp-block-image .alignright {
    position: relative !important;
    left: 0 !important;
    margin: 0px 0px 40px 20px !important;
}

.single .entry-content ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: #25b34b4d;
    padding: 40px 24px 24px 40px;
    position: relative;
    margin-block: 40px !important;
}

.single .entry-content ul>li {
    list-style: disc;
}

.single .entry-content ul.accordion_list {
    padding: 0;
    background-color: transparent;
}

.single .entry-content ul.accordion_list::before {
    display: none;
}

.single .entry-content ul::before {
    content: "";
    width: 50px;
    height: 50px;
    display: flex;
    background-image: url(/wp-content/uploads/2025/12/lamp.png);
    position: absolute;
    top: -23px;
    background-color: var(--color-secondary);
    border-radius: 50%;
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-post-content .entry-content p,
.custom-post-content .entry-content ul {
    margin-bottom: 1.2em !important;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 30px 0px 12px 0px;
    font-family: var(--font-oswald);
    color: var(--color-black);
    font-weight: 500;
}

hr {
    border-style: solid;
    border-width: 0.1rem 0 0 0;
    border-color: var(--accent);
    margin: 2.5rem 0;
    color: var(--accent);
}

body hr.styled-separator {
    color: var(--accent);
}

.entry-content hr,
hr.styled-separator {
    background: linear-gradient(to left,
            currentColor calc(50% - 16px),
            transparent calc(50% - 16px),
            transparent calc(50% + 16px),
            currentColor calc(50% + 16px));
    background-color: transparent !important;
    border: none;
    height: 2px;
    overflow: visible;
    position: relative;
}

.entry-content hr:not(.has-background),
hr.styled-separator {
    color: #6d6d6d;
}

.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
    background: currentColor;
    content: "";
    display: block;
    height: 1.6rem;
    position: absolute;
    top: calc(50% - 0.8rem);
    transform: rotate(22.5deg);
    width: 2px;
}

.entry-content hr::before,
hr.styled-separator::before {
    left: calc(50% - 0.5rem);
}

.entry-content hr::after,
hr.styled-separator::after {
    right: calc(50% - 0.5rem);
}

.pagination-single {
    margin-top: 3rem;
    width: 100% !important;
}

.pagination-single a .arrow {
    margin: 0 1.4rem 0 0;
}

.pagination-single a .title-inner {
    font-size: 18px;
    line-height: 1.2;
}

.pagination-single .next-post .arrow {
    margin: 0 0 0 1.4rem;
}

.pagination-single .next-post {
    flex-direction: row-reverse;
    text-align: right;
}

/* *** Cta blog *** */
.consulation_sec {
    padding: 60px 0px;
}

.consulation_sec .container {
    padding: 0px;
}

.consulation_sec_left h2 {
    margin: 0;
}

.consulation_sec .consulation_sec_inner {
    display: flex;
    width: 100%;
    min-height: 313px;
    background-color: var(--light-bg);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
}

.consulation_sec_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    width: 60%;
    text-align: left;
    gap: 30px;
}

.consulation_sec_right {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
    width: 40%;
}

/* *** Cta blog *** */
/* *** Comment *** */
.comment-respond p:not(.comment-notes) {
    width: 100%;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
    margin-bottom: 0;
    width: 100%;
}

.comment-respond label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.comment-respond textarea {
    height: 160px !important;
}

.comment-respond .logged-in-as {
    text-align: center;
}

.comment-respond p {
    line-height: 1.1;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
    float: left;
    width: calc(50% - 1rem) !important;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea,
.comment-respond input {
    background: #fff;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 12px 15px 12px 15px;
    border-radius: 8px 8px 8px 8px;
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    outline: 0 !important;
    border: 1px solid rgb(87 87 87 / 20%);
}

.comment-respond textarea:focus {
    outline: none !important;
}

.comment-form-cookies-consent {
    align-items: baseline;
    display: flex;
    gap: 6px;
}

.comment-respond input[type="checkbox"]+label {
    font-size: 16px;
    line-height: 1.25;
}

.comment-respond input[type="checkbox"] {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0;
    width: 15px;
    min-width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #dcd7ca;
    box-shadow: none;
    cursor: pointer;
}

.comment-respond .comment-form-email {
    margin-left: 2rem;
}

.comments-wrapper {
    display: none;
}

#site-content {
    padding-bottom: 60px;
}

#site-content .comments-wrapper .comment-meta .comment-author {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0;
}

#site-content #comments .comments-inner {
    max-width: none;
}

#site-content #comments .comments-inner .comment>.comment {
    position: relative;
    margin-left: 80px;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

#site-content #comments .comments-inner .comment {
    position: relative;
}

#site-content #comments .comments-inner .comment article.comment-body {
    position: static;
    text-align: left;
}

#site-content #comments .comments-inner .comment .comment-body::before {
    position: absolute;
    content: "";
    left: 45px;
    top: 75px;
    bottom: 0px;
    width: 1px;
    background-color: #ddd;
}

#site-content .comments-wrapper .comments .comments-inner>[id*="comment-"]:not(:last-child) {
    margin-bottom: 100px;
    padding-top: 0;
    margin-top: 0;
}

#site-content .comments-wrapper .comments .comments-inner>[id*="comment-"]:not(:last-child)::before {
    position: absolute;
    content: "";
    bottom: -50px;
    left: 0;
    right: 0;
    background-color: #ddd;
    height: 1px;
}

.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
    padding-top: 0;
}

#site-content .comments-wrapper #commentform .logged-in-as a {
    color: var(--color-secondary);
}

#site-content .comment-reply-title small {
    display: none;
}

#site-content .comment-reply-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 45px;
    letter-spacing: 0;
}

#site-content .comment-respond .comment-reply-title {
    margin-bottom: 20px;
}

#site-content .comment-respond .comment-reply-title a {
    color: var(--color-secondary);
    text-decoration: none;
}

.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
    margin: 0 0 20px;
}

#site-content .comments-wrapper .comment-meta .comment-author a .fn {
    color: var(--color-black);
}

.comments-wrapper .comments .comment-content h2 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    text-align: left;
    margin: 20px 0 10px;
}

.comments-wrapper .comments .comment-content {
    padding-top: 0px;
    max-width: 1060px;
    margin: 0px;
    padding-left: 80px;
}

.comments-wrapper .comments .comment-footer-meta {
    display: inline-block;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.030833333em;
    line-height: 1;
    text-transform: uppercase;
    margin: 10px 0 0;
}

.comment-footer-meta>* {
    margin: 0;
}

.comment-author a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 20px;
}

.comment-footer-meta a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    background: var(--color-primary);
    padding: 6px;
    color: var(--color-white);
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
}

.comment-content p {
    font-size: 14px;
    margin-bottom: 10px;
}

.comments-wrapper .comments .comment-meta img {
    border-radius: 50%;
    width: 60px !important;
    height: 60px;
}

.comments-wrapper .comments .comment-footer-meta .by-post-author {
    display: none;
}

.comment-metadata {
    display: none;
}

.comments-wrapper .comments .comment-footer-meta .comment-reply {
    padding-left: 80px;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
    font-size: 18px;
    letter-spacing: -0.025em;
    margin: 0 0 3rem 0;
    display: inline-block;
}

.custom-post-content .entry-content .wp-block-table {
    width: 100%;
    overflow-x: auto;
    margin: 30px 0px;
    font-family: var(--font-body) !important;
}

.custom-post-content .entry-content .wp-block-table table {
    width: 100%;
    min-width: 750px;
    margin: 0px;
}

/* *** Comment *** */
/* ################ blog single page ################# */
/* ################ Resources page ################# */
.about-sec.about_page_about_sec .inner-wrapper.reverse .about_left {
    grid-column: 2;
}

.about-sec.about_page_about_sec .inner-wrapper.reverse .about_right {
    grid-row: 1;
    padding-right: 60px;
}

.about-sec.about_page_about_sec .inner-wrapper.reverse .about_left .about_inner {
    padding: 0px;
}

.about-sec.about_page_about_sec.reverse {
    background: var(--light-bg);
}

/* ******* youtube sec ****** */
.youtube_sec .inner-wrapper {
    align-items: center;
}

.youtube_sec .inner-wrapper .sec-intro {
    text-align: center;
}

.youtube_sec .youtube_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.youtube_sec .youtube_wrapper .youtube_gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 30px;
}

.youtube_sec .youtube-card:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.youtube_sec .youtube-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background-color: var(--color-white);
}

.youtube-card .youtube-card_thumbnail {
    display: block;
    height: 100%;
}

.youtube-card .youtube-card_image-wrap {
    position: relative;
}

.youtube-card .youtube-card_image-wrap .youtube-card_image {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 302/222;
    object-position: top;
}

.youtube_sec .youtube-card:first-child .youtube-card_image-wrap .youtube-card_image {
    aspect-ratio: 635/520;
}

.youtube_sec .youtube-card .youtube-card_thumbnail_hover {
    padding: 10px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

/* ******* youtube sec ****** */
/* ******* glossary sec ****** */
.glossary-sec {
    background: var(--light-bg);
    overflow: hidden;
    padding-top: 0px;
}

.glossary-sec .glossary_header {
    display: grid;
    align-items: center;
    padding: 10px 10px 12px 10px;
    position: relative;
    gap: 30px;
    grid-template-columns: auto 1fr;
    color: var(--color-white);
}

.glossary-sec .glossary_header .glossary-title {
    font-weight: 600;
}

.glossary-sec .glossary_header::after {
    content: '';
    display: block;
    background: var(--color-secondary);
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    z-index: -1;
}

.glossary-sec .glossary_header .glossary_header-list ul {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.glossary-sec .glossary_header .glossary_header-list ul li {
    padding: 0px 4px;
}

.glossary-sec .glossary_header .glossary_header-list ul .active a {
    color: var(--color-gray);
}

.glossary-sec .glossary_header .glossary_header-list ul li a {
    color: var(--color-white);
}

.glossary-sec .glossary_header .glossary_header-list ul li a:hover {
    color: var(--color-gray);
}

.glossary-sec .glossary-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    align-items: flex-start;
}

.glossary-sec .glossary-info .glossary-listing {
    display: flex;
    flex-direction: column;
}

.glossary-sec .glossary-info .glossary-listing .glossary-alphabet_name {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

.glossary-sec .glossary-info .glossary-listing .glossary_name {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 8px !important;
}

.glossary-sec .glossary-info .glossary-listing .glossary_name a {
    color: var(--color-gray);
}

.glossary-sec .glossary-info .glossary-listing .glossary_name a:hover {
    color: var(--color-secondary);
}

/* ******* glossary sec ****** */
/* ******* recommend sec ****** */
.recommend-sec .inner-wrapper {
    align-items: center;
}

.recommend-sec .inner-wrapper .sec-intro {
    text-align: center;
}

.recommend-sec .recommend_inner {
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.recommend-sec .recommend_inner .recommend-item {
    display: flex;
    flex-direction: column;
}

.recommend-item .recommend-item_title {
    background: var(--color-white);
    padding: 16px 24px;
    border: 1px solid var(--color-gray);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.recommend-item .recommend-item_title h6 {
    font-size: 20px;
    color: var(--color-gray);
    line-height: 1.3;
}

.recommend-item .recommend-item_title .recommend-item_count {
    background: #3e3e40a1;
    width: 26px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    line-height: 0;
    border-radius: 4px;
    padding-top: 3px;
}

.recommend-item .recommend-item_content {
    background: var(--color-white);
    padding: 30px 24px;
    border: 1px solid var(--color-gray);
    border-top: 0px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: none;
/*     transition: var(--base-transition); */
}

.recommend-item.active .recommend-item_content {
    display: block;
}

.recommend-item_content .recommend-card_wraper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.recommend-card_wraper .recommend-card {
    border-radius: 14px;
    border: 1px solid #d0d0d0;
    overflow: hidden;
    background: var(--color-white);
    position: relative;
}

.recommend-card_wraper .recommend-card .recommend-card_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

.recommend-card_wraper .recommend-card:hover .recommend-card_img-wrap img {
    transform: scale(1.08);
}

.recommend-card_wraper .recommend-card .recommend-card_title {
    padding: 20px;
}

.recommend-card_wraper .recommend-card .recommend-card_img-wrap {
    overflow: hidden;
}

.recommend-card_wraper .recommend-card .recommend-card_img-wrap img {
	aspect-ratio: 332/260;
	object-fit: contain;
	object-position: center;
	transition: var(--base-transition);
}

/* ******* recommend sec ****** */
/* ******* blog sec ****** */
.blog-sec.blog_main-sec {
    background: var(--light-bg);
}

.blog_main-sec .inner-wrapper {
    align-items: center;
}

.blog_main-sec .inner-wrapper .sec-intro {
    text-align: center;
}

/* ******* blog sec ****** */
/* ################ Resources page ################# */
/* ################ Form ################# */
body .gform_wrapper .top_label .gfield_label {
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
}

body .gform_wrapper .gform_fields .gchoice label {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

body .gform_wrapper .gform_fields .ginput_container_checkbox {
    padding-top: 10px;
}

body .gform_wrapper .gform_fields .gfield_checkbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding-bottom: 20px;
}

body .gform_wrapper .gform_fields .gchoice {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
}

body .gform_wrapper .ginput_complex label {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-black);
    font-weight: 400;
    text-align: left;
}

body .gform_wrapper .gform_fields .gchoice input[type="checkbox"],
body .gform_wrapper .gform_fields .gchoice input[type="radio"] {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--color-primary);
    margin-top: 2px;
}

body .gform_wrapper .gfield select,
body .gform_wrapper .gfield input,
body .gform_wrapper .gfield textarea {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 18px;
    color: var(--color-black);
    padding: 10px 16px;
    transition: all 500ms ease;
    line-height: 28px;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    outline: none !important;
    background-color: var(--color-white);
}

body .gform_wrapper .gfield input::placeholder,
body .gform_wrapper .gfield textarea::placeholder {
    opacity: 0.5;
}

body .gform_wrapper .gform_fields .gchoice input[type="radio"] {
    border-radius: 50%;
}

body .gform_wrapper .gform_fields .gchoice input[type="checkbox"]::before,
body .gform_wrapper .gform_fields .gchoice input[type="radio"]::before {
    top: 2px;
    position: absolute;
    left: 2px;
    color: var(--color-secondary) !important;
}

body .gform_wrapper .gform_fields .gchoice input[type="radio"]::before {
    top: 4px !important;
    left: 4px !important;
    background-color: var(--color-secondary) !important;
    width: 10px;
    height: 10px;
}

.gform_wrapper .gform_fields .gchoice input[type="checkbox"]::before {
    top: 2px;
    position: absolute;
    left: 2px;
    color: var(--color-secondary);
    font-size: 14px;
}

.gform_wrapper form .gform_body .gform_fields fieldset legend {
    font-weight: 600;
}

body .gform_wrapper .gfield_required {
    font-size: .9em;
    color: var(--color-primary);
}

body .gform_wrapper .gfield textarea {
    height: 180px;
    min-height: unset;
    min-block-size: unset !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield--type-phone,
.gform_wrapper form .gform_body .gform_fields .gfield--type-email {
    width: calc(50% - 12px);
}

body .gform_wrapper .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.gform_wrapper form .gform_body .gform_fields fieldset .ginput_container--name {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin: 0px;
}

.gform_wrapper form .gform_body .gform_fields fieldset .ginput_container--name span {
    padding: 0px;
}

body .gform_wrapper .gfield {
    width: 100%;
}

body .gform_wrapper .gf_progressbar .percentbar_blue {
    background-color: var(--color-secondary) !important;
}

.gform_wrapper .gform_confirmation_message {
    border: 1px solid var(--color-secondary);
    padding: 10px 20px;
}

body .gform_wrapper .gform_validation_errors {
    display: none !important;
}

/* ***newsletter*** */
.footer-item .gform_wrapper .newsletter .ginput_container--name {
    grid-template-columns: 1fr !important;
}

.footer-item .gform_wrapper .newsletter .gform_fields .gfield--type-phone,
.footer-item .gform_wrapper .newsletter .gform_fields .gfield--type-email {
    width: 100% !important;
}

.footer-item .gform_wrapper .newsletter input {
    border-radius: 7px;
}

.footer-item .gform_wrapper .newsletter .gform_button {
    border-color: var(--color-white) !important;
}

.footer-item .gform_wrapper .newsletter .gform_button:hover {
    background-color: var(--color-white) !important;
}

/* ***newsletter*** */
.cta_form .gform_wrapper form .gform_fields fieldset .ginput_container--name {
    grid-template-columns: 1fr;
}

.cta_form .gform_wrapper .gform_body .gform_fields .gfield--type-phone,
.cta_form .gform_wrapper .gform_body .gform_fields .gfield--type-email {
    width: 100%;
}

/* ################ Form ################# */
/* ################## ***** Testimonail Card ***** ################### */
.testimonial_list__bottm {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonial_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}

.benefit-sec .benefit-slider .owl-carousel .item,
.tl-card {
    width: calc(33.33% - 21.33px);
}

.tl-card__info {
    background: #fff;
    padding: 32px 24px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

.tl-card__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 2;
    position: relative;
    flex-grow: 1;
}

.tl-card__info-title {
    font-weight: 600;
    margin-bottom: 1.2em;
    font-size: 20px;
    line-height: 1.5;
    z-index: 1;
    position: relative;
    padding-right: 73px;
}

.tl-card__info-desc {
    font-size: 17px;
    line-height: 1.5;
    z-index: 1;
    position: relative;
}

.tl-card__info>i {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 78px;
    line-height: 1;
    color: #dee4eb;
}

.tl-card__author {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px 8px;
}

.tl-card__author-info {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

span.tl-card__author-name {
    color: var(--color-primary);
    font-weight: 500;
}

span.tl-card__author-date {
    font-size: 14px;
    text-align: right;
}

.tl-card__author-rating {
    color: #f6bb06;
}

.tl-card__media {
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
    border-radius: 12px;
}

.tl-card__media img {
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 12px;
}

.tl-card {
    padding: 16px;
    background: #F6F6F9;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

/* ################## ***** Testimonail Card ***** ################### */


/* ****************** map ******************* */
.area-sec #map #map_legend {
    position: relative !important;
    padding: 0px !important;
    line-height: 1;
    height: auto;
    margin: auto;
    width: auto;
    background: transparent !important;
}

.area-sec #map_access {
    display: none !important;
}

.area-sec #map #map_legend ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}

.area-sec #map #map_legend ul li::after {
    display: none;
}

.area-sec #map #map_legend ul li {
    padding: 0px !important;
    font-size: 18px;
    line-height: 1.3;
}

.area-sec #map #map_holder {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}

/* ****************** map ******************* */


/* ################ Contact ################# */
.choose-us-sec {
    background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 80%);
}

.choose-us-sec .inner-wrapper .choose-us_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.choose-us_inner .sec-content ul {
    margin-top: 20px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.choose-us_inner .sec-content ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.choose-us_inner .sec-content ul li .icon-bg {
    background: var(--color-secondary);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 22px;
}

.choose-us_inner .sec-content ul li .icon-bg svg {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.choose-us_inner .sec-content ul li .contact-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.choose-us_inner .sec-content ul li .contact-list h6 {
    font-size: 22px;
    line-height: 1.2;
}

.choose-us-sec .inner-wrapper {
    gap: 60px;
}

.choose-us-sec .choose-us_map iframe {
    height: 500px !important;
    width: 100% !important;

}

.choose-us_form {
    background-color: #eee;
    padding: 30px;
    border-radius: 10px;
}

.choose-us_form .gform_wrapper .gfield_html {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.choose-us_form .gform_wrapper .gfield_html h2 {
    font-size: 36px;
}

/* ################ Contact ################# */

/* ################## ***** responsive ***** ################### */
@media (min-width:1025px) and (max-width:1460px) {
    .single-post #site-content:not(.main_sync) article {
        max-width: 1000px;
        margin-left: auto !important;
        width: calc(100% - 250px);
        margin: unset;
    }
}

@media (min-width:1025px) and (max-width:1150px) {

    .site-header .site-header__inner .site-menu-wrap .site-menu,
    .site-header .site-header__inner .site-header-cta {
        gap: 15px;
    }

    .site-header .site-header__inner .site-logo img {
        height: 48px;
    }

    .site-header .site-header__inner .site-header-cta .btn-wrap a {
        padding: 8px 14px !important;
        font-size: 16px !important;
    }
}

@media (max-width:1200px) {

    .benefit-sec .benefit-slider .owl-carousel .item,
    .testimonial_list .tl-card {
        width: calc(50% - 16px);
    }
}

@media(max-width:1024px) {
    html {
        scroll-padding-top: 90px;
    }

    .work_sec .work_wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .hero-sec .inner-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    }

    .hero-sec .hero-sec__left {
        max-width: 800px;
    }

    .featured-sec .featured_inner {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .featured_inner .featured-item {
        width: 50%;
    }

    .featured_inner .featured-item:nth-child(2) {
        border: 0px;
    }

    .about-sec .inner-wrapper {
        grid-template-columns: 1fr;
    }

    .about-sec .inner-wrapper .about_right {
        padding-top: 100px;
    }

    .about-sec {
        padding-bottom: 80px;
    }

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

    .testimonial-card .testimonial_video a img {
        height: 300px;
    }

    .service-sec .service-inner {
        grid-template-columns: 1fr;
    }

    .faq-sec .inner-wrapper {
        grid-template-columns: 1fr;
    }

    .cta-sec .inner-wrapper {
        grid-template-columns: 1fr;
    }

    .cta-sec .inner-wrapper .cta_left {
        justify-content: flex-start;
        padding-right: 20px;
    }

    .cta-sec .inner-wrapper .cta_image-wrap img {
        width: 100%;
        height: 600px;
        max-height: auto;
    }

    .site-footer .site-footer_inner .footer-item {
        width: 40%;
    }

    .site-header .site-header__inner .mobile_toggle_icon {
        display: block;
    }

    .site-header .site-header__inner .site-menu-wrap,
    .site-header .site-header__inner .site-header-cta {
        display: none;
    }

    .pricing_sec .pricing_wrapper .price-card {
        width: calc(50% - 5px);
    }

    .financial-sec .inner-wrapper .financial-wrapper .financial-card {
        width: calc(50% - 12px);
    }

    .about_page_about_sec .about_right {
        padding: 0px !important;
    }

    .team-sec .team-card {
        width: calc(50% - 15px);
    }

    .area-sec .area-inner ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .content-wrapper .content-card {
        width: calc(50% - 15px);
    }

    .content-wrapper .content-card:nth-child(2n) {
        border: 0px !important;
    }

    .team-popup .team-popup_main {
        overflow: auto;
    }

    .details-sec .inner-wrapper {
        grid-template-columns: 1fr;
    }

    .blog-sec .blog_wrapper .blog-card {
        width: calc(50% - 15px);
    }

    .single .table_content_wrapper {
        display: none;
    }

    .about-sec.about_page_about_sec .inner-wrapper.reverse .about_left {
        grid-column: unset;
    }

    .about-sec.about_page_about_sec .inner-wrapper.reverse .about_right {
        grid-row: unset;
    }

    .youtube_sec .youtube_wrapper .youtube_gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .youtube_sec .youtube-card:first-child {
        grid-column: unset;
        grid-row: unset;
    }

    .youtube-card .youtube-card_image-wrap .youtube-card_image {
        aspect-ratio: 302/248;
    }

    .glossary-sec .glossary-info {
        grid-template-columns: repeat(3, 1fr);
    }

    .recommend-item_content .recommend-card_wraper {
        grid-template-columns: 1fr 1fr;
    }

    .choose-us-sec .inner-wrapper .choose-us_inner {
        grid-template-columns: 1fr;
    }
}

@media(max-width:768px) {

    section,
    .about-sec {
        padding-block: 60px;
    }

    .work_sec .work_wrapper {
        grid-template-columns: 1fr;
    }

    .benefit-sec .benefit-slider .owl-carousel .item,
    .testimonial_list .tl-card {
        width: 100%;
    }

    .about-sec .inner-wrapper .about_left .shape-1 {
        bottom: -5%;
    }

    .about-sec .inner-wrapper .about_right {
        padding-top: 40px;
    }

    .about-sec .inner-wrapper .sec-content ul li {
        width: 100%;
    }

    .our-action-sec .inner-wrapper {
        flex-direction: column;
        align-items: start;
    }

    .cta-sec .inner-wrapper .cta_image-wrap img {
        height: 400px;
    }

    .program_sec .program_wrapper .program-card {
        width: 100%;
    }

    .pricing_sec .pricing_wrapper .price-card {
        width: 100%;
    }

    .pricing_sec .price-card:nth-child(2) {
        transform: unset !important;
        margin-block: 0;
        padding-block: 40px;
    }

    .pricing_sec .inner-wrapper .pricing_disclaimer {
        padding-top: 0px;
    }

    .financial-sec .inner-wrapper {
        flex-direction: column;
    }

    .financial-sec .inner-wrapper .financial-left,
    .financial-sec .financial-right {
        width: 100%;
    }

    .team-sec .team-card {
        width: 100% !important;
    }

    .about-sec.about_page_about_sec .about_inner {
        padding-right: 0;
    }

    .area-sec .area-inner ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .content-wrapper .content-card {
        width: 100% !important;
        border: 0px !important;
    }

    .pricing_sec .pricing_wrapper {
        padding-top: 0px;
    }

    .team-popup .team-popup_main .team-popup_row .team-popup_img,
    .team-popup .team-popup_main .team-popup_row .team-popup_info {
        width: 100%;
    }

    .team-popup .team-popup_main .team-popup_row {
        flex-direction: column;
    }

    .team-popup .team-popup_main .team-popup_row .team-popup_img img {
        height: 400px;
    }

    .financial-sec .inner-wrapper .financial-left .financial-left_img {
        height: 400px;
        object-position: top;
    }

    .featured_sec .inner-wrapper {
        grid-template-columns: 1fr;
    }

    .blog-sec .blog_wrapper .blog-card {
        width: 100%;
        max-width: 500px;
    }

    .glossary-sec .glossary_header {
        padding: 16px 0px 16px 0px;
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .glossary-sec .glossary-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .recommend-item_content .recommend-card_wraper {
        grid-template-columns: 1fr;
    }

    .consulation_sec .consulation_sec_inner {
        display: flex;
        flex-direction: column;
    }

    .consulation_sec_left {
        padding: 30px 24px;
        width: 100%;
    }

    .consulation_sec_right {
        width: 100%;
        height: 300px;
    }

    .experience-card .experience-card_info {
        width: 100%;
    }

    .experience-card .experience-card_img-wrap {
        width: 30%;
    }

    .choose-us-sec .choose-us_map iframe {
        height: 400px !important;

    }
}

@media(max-width:575px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 26px;
    }

    h5 {
        font-size: 22px;
    }

    .sec-subtitle {
        font-weight: 500;
        font-size: 18px;
    }

    .btn-wrap a {
        padding: 8px 22px;
        text-align: center;
        text-wrap: balance;
    }

    .sec-counter-wrap .sec-counter_row {
        grid-template-columns: 1fr;
    }

    .sec-counter_row .sec-counter_box:nth-child(2n) {
        border: 0px !important;
        padding: 0;
    }

    .featured_inner .featured-item {
        width: 100%;
        border: 0px;
        padding: 0px;
    }

    .about-sec .inner-wrapper .about_left .shape-4 {
        max-width: 100px;
    }

    .about-sec .about_inner {
        padding-right: 60px;
    }

    .about-sec .inner-wrapper .about_left .shape-3 {
        max-width: 44px;
    }

    .about-sec .inner-wrapper .about_left .shape-1 {
        max-width: 130px;
    }

    .about-sec .inner-wrapper .about_left .shape-2 {
        max-width: 150px;
    }

    .testimonial-card .testimonial_video a img {
        height: 240px;
    }

    .service-sec .service-item_wrapper .service-item {
        gap: 20px;
        flex-direction: column;
    }

    .service-sec .service-item .service-item_count {
        width: 60px;
        height: 60px;
    }

    .service-sec .service-inner {
        gap: 40px;
    }

    .faq-wrapper {
        padding: 20px;
    }

    .cta-sec .inner-wrapper .cta_image-wrap img {
        height: 260px;
    }

    .faq-wrapper .faq_item .faq_header {
        padding: 12px 16px;
        font-size: 20px;
    }

    .faq-wrapper .faq_item .faq_header .arrow {
        font-size: 12px;
        width: 24px;
        height: 24px;
    }

    .featured_inner .featured-item {
        padding-bottom: 10px;
    }

    .site-footer .site-footer_inner {
        gap: 30px;
    }

    .site-footer .site-footer_inner .footer-item {
        width: 100% !important;
    }

    .featured_inner .featured-item::after {
        content: '';
        background: var(--color-white);
        height: 2px;
        width: 70%;
    }

    .featured_inner .featured-item:last-child::after {
        display: none;
    }

    .site-header .site-header__inner .site-logo img {
        height: 44px;
    }

    .cta_form-wrap .form-group input,
    .cta_form-wrap .form-group select,
    .cta_form-wrap .form-group textarea {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .financial-sec .inner-wrapper .financial-wrapper .financial-card {
        width: 100% !important;
    }

    .financial-sec .inner-wrapper .financial-left .financial-left_img {
        height: 280px;
    }

    .about-sec.about_page_about_sec .about_inner {
        padding-right: 0px;
    }

    .area-sec .area-inner ul {
        grid-template-columns: 1fr;
    }

    .work_sec .work_wrapper {
        padding: 0px;
    }

    .about-sec.about_page_about_sec {
        padding-bottom: 60px;
    }

    .team-popup .team-popup_main .team-popup_row .team-popup_img img {
        height: 260px;
    }

    .team-popup .team-popup_main .team-popup_row .team-popup_info {
        padding: 40px 20px;
    }

    .financial-sec .inner-wrapper .financial-left .financial-left_img {
        height: 260px;
    }

    .blog-sec .search-form {
        flex-direction: column;
    }

    .custom-post-content article .entry-title {
        font-size: 40px;
    }

    .custom-post-content .post-inner.thin {
        padding: 40px 0px 0px 0px;
    }

    .youtube_sec .youtube_wrapper .youtube_gallery {
        grid-template-columns: 1fr;
    }

    .glossary-sec .glossary-info {
        grid-template-columns: 1fr;
    }

    body .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container--name {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body .gform_wrapper form .gform_body .gform_fields .gfield--type-phone,
    body .gform_wrapper form .gform_body .gform_fields .gfield--type-email {
        width: 100%;
    }

    body .gform_wrapper .gform_fields {
        gap: 18px !important;
    }

    body .gform_wrapper .gform_fields .gfield_checkbox {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body .gform_wrapper .top_label .gfield_label {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    body .gform_wrapper .gfield select,
    body .gform_wrapper .gfield input,
    body .gform_wrapper .gfield textarea {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .cta-sec .inner-wrapper .cta_right .cta_box-wrap::before {
        top: 12px;
        left: 12px;
        width: 124px;
    }

    .cta-sec .inner-wrapper .cta_right .cta_box-wrap {
        max-width: 150px;
        height: 150px;
        font-size: 18px;
    }

    #site-content {
        padding-bottom: 40px;
    }

    .consulation_sec_right {
        height: 260px;
    }

    .consulation_sec {
        padding: 40px 0px 20px 0px;
    }

    .blog-sec .blog_wrapper .blog-card .blog-card_imge-wrap {
        overflow: hidden;
        position: relative;
        aspect-ratio: unset;
        min-height: unset;
        height: 260px;
    }

    .tl-card__author {
        padding-inline: 8px;
    }

    .experience-wrapper {
        padding-left: 50px;
    }

    .experience-card_count {
        left: -50px;
    }

    .experience-card_count h6 {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }

    .experience-card_timeline {
        width: 35px;
    }

    .experience-card .experience-card_img-wrap {
        width: 80px;
    }

    .experience-card {
        padding: 20px;
    }

    .experience-card .experience-card_info .experience-card_title-wrap .experience-card_sub-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .experience-card:first-child::before {
        content: '';
        left: -40px;
        top: -2px;
    }

    .experience-card:nth-last-child(2)::before {
        content: '';
        left: -40px;
        bottom: -2px;
    }

    .experience-card .experience-card_content {
        font-size: 16px;
        line-height: 1.2;
    }

    /* .about-sec .container {
	gap: 60px;
} */

    body .area-sec #map #map_legend ul li {
        font-size: 16px;
        line-height: 1.3;
    }

    body .area-sec #map #map_legend ul {
        gap: 20px;
    }

    .choose-us-sec .choose-us_map iframe {
        height: 280px !important;
    }

    .choose-us-sec .inner-wrapper {
        gap: 40px;
    }

    .choose-us_form {
        padding: 30px 20px;
    }

    .choose-us_inner .sec-content ul li {
        flex-direction: column;
    }

    .choose-us_inner .sec-content ul li .icon-bg {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .choose-us_form .gform_wrapper .gfield_html h2 {
        font-size: 32px;
    }
}

/* ################## ***** responsive ***** ################### */

/* body .choose-us_form {
    overflow: hidden;
    padding: 0;
}

body .choose-us_form iframe {
    width: 200% !important;
    max-width: unset;
    margin-left: -100%;
    flex-shrink: 0;
}

@media (max-width:424px) {
    body .choose-us_form iframe {
        width: 200vw !important;
        margin-left: -100vw;
        min-height: 1150px;
    }

    body .choose-us_form {
        margin-left: -20px;
        border-radius: 0;
        width: calc(100% + 40px);
    }
}

@media (max-width:385px) {
    body .choose-us_form iframe {
        width: 769px !important;
        margin-left: -384.5px;
    }

    body .choose-us_form {
        display: flex;
        align-items: center;
        justify-content: center;
    }
} */