/*
Theme Name:   Trichology Theme
Theme URI:    https://generatepress.com
Description:  GeneratePress Child Theme
Author:       Abbas haroon
Author URI:   https://abbasharoon.me
Template:     generatepress
Version:      1.0.1
Text Domain:  generatepresschild
*/
:root {
    --montserrat: "Montserrat", sans-serif;
    --blue_color: #3bc8e9;
    --white: #ffffff;
    --yellow: #dcaa01;
    --body_txt: #1f1f1f;
    --blue_filter: brightness(0) saturate(100%) invert(19%) sepia(93%) saturate(5606%) hue-rotate(205deg) brightness(102%) contrast(101%);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Montserrat;
    color: #2D3663;

}

h2 {
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: clip;
    background-color: white !important;
    color: var(--body_txt);
}

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

body a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;

}

body p {
    margin-bottom: 0;
}

p:empty,
li:empty {
    display: none !important;
}

p:not(:last-of-type) {
    margin-bottom: 16px;
}

a {
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: inherit;
}

section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

img {
    display: block;
}

ol, ul {
    margin: 0px;
    list-style: none;
}

/****** Container css ******/
/*.site.grid-container.container {
    padding: 0;
}*/
.full-width-content .container.grid-container {
    padding: 0;
}

@media only screen and (max-width: 991.98px) {
    body .container,
    body .container-fluid {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 576px) {
    body .container,
    body .grid-container {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (min-width: 650px) {
    body .container,
    body .grid-container {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    body .container,
    body .grid-container {
        max-width: 920px;
        width: 100%;
    }

    .site-content {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1024px) {
    body .container,
    body .grid-container {
        max-width: 960px;
        width: 100%;
    }
}

@media only screen and (min-width: 1100px) {
    body .container,
    body .grid-container {
        max-width: 1020px;
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    body .container,
    body .grid-container {
        max-width: 1140px;
        width: 100%;
    }

}

@media only screen and (min-width: 1300px) {
    body .container,
    body .grid-container {
        max-width: 1210px;
        width: 100%;
    }
}

@media only screen and (min-width: 1400px) {
    body .container,
    body .grid-container {
        max-width: 1376px;
        width: 100%;
    }

}

/****** section_padding css ******/
.section_padding {
    padding: 40px 0;
}

.section_60_padding {
    padding: 60px 0;
}

.section_80_margin {
    margin: 80px 0;
}

.section_40_margin {
    margin: 40px 0;
}

.pb_120 {
    padding-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    .section_80_margin {
        margin: 60px 0;
    }
}

@media only screen and (max-width: 991.98px) {
    .section_80_margin {
        margin: 40px 0;
    }
}

@media only screen and (min-width: 1501px) {
    .pb_120 {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 767.98px) {
    .section_80_padding {
        padding: 40px 0;
    }

    .section_60_padding {
        padding: 30px 0;
    }

    .section_padding {
        padding: 30px 0;
    }

    .pb_120 {
        padding-bottom: 30px;
    }
}

.sbs {
    color: white !important;
}

/********   default-btn css *******/
.flat-btn,
.default-btn {
    color: var(--white) !important;
    padding: 15px 30px;
    border-radius: 100px;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    text-align: center;
    transition: all 0.3s ease 0s;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrowed:after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none' %3E%3Cpath d='M0 5.914h11.586l-4.5-4.5L8.5 0l6.914 6.914L8.5 13.828l-1.414-1.414 4.5-4.5H0v-2z' fill='url(%23A)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='7.707' y1='0' x2='7.707' y2='13.828' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 13.828px;
    height: 15.414px;
    mask-size: 100%;
    mask-position: center;
    content: '';
    display: block;
    mask-repeat: no-repeat;
    background-color: currentColor;
    color: inherit;
}

.default-btn.xs {
    padding: 15px 30px;
    font-size: 16px;
}

.default-btn.raised {
    border: 2px #3DC9EA;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.flat-btn {
    color: #1CB8DD !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.default-btn:hover,
.default-btn:focus {
    /*background-color: transparent !important;*/
    /*color: var(--blue_color) !important;*/
}

.default-btn:hover a,
.default-btn:focus a {
    /*color: var(--blue_color) !important;*/
}

.default-btn a.default-cta:focus {
    /*color: var(--white) !important;*/
}

.white_border_btn {
    border: 2px solid var(--white);
    background: rgba(255, 255, 255, 0.15);
}

.white_border_btn:hover,
.white_border_btn:focus {
    background: var(--white);
}

.default-btn_txt {
    background: transparent;
    border: none;
    width: fit-content;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-top: 40px;
}

.default-btn_txt .default-cta {
    display: flex;
    gap: 10px;
    color: var(--blue_color);
}

.default-btn_txt .default-cta:hover {
    color: var(--blue_color);
}

.default-btn_txt .default-cta:hover img {
    filter: var(--blue_filter);
}

.blue_arrow_btn .default-cta {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.blue_arrow_btn:hover a img, .blue_arrow_btn:focus a img {
    filter: var(--blue_filter);
}

.white_btn .default-cta {
    color: var(--blue_color);
}

.white_btn {
    background: var(--white);
}

.white_btn:hover {
    border-color: var(--white);
}

/*.white_btn:hover .default-cta {
    color: var(--white);
}*/
.white_btn:hover .default-cta,
.white_btn:focus .default-cta {
    color: var(--white) !important;
}

@media only screen and (max-width: 767.98px) {
    .default-btn:not(.header-btn .default-btn) {
        margin-top: 30px;
    }

    .default-btn {
        font-size: 16px;
        padding: 13px 25px;
    }
}

/********  Common css *******/

.white_box_row {
    border-radius: 30px;
    background: var(--white);
    padding: 40px 60px;
    margin-left: 0px;
    margin-right: 0px;
}

.white_box_60padding {
    padding: 60px 48px;
}

.top_title_center {
    text-align: center;
    margin-bottom: 40px;
}

.top_title_center .sub_description {
    opacity: 0.6;
}

.sub_title {
    border-radius: 100px;
    background: rgba(0, 102, 221, 0.1);
    width: fit-content;
    color: var(--blue_color);
    font-weight: 500;
    padding: 10px 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1199.98px) {
    .white_box_60padding {
        padding: 40px 28px;
    }
}

@media only screen and (min-width: 1200px) {
    .default_description p {
        font-size: 18px;
    }

    .default_description p:not(:last-of-type) {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .white_box_row {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .white_box_60padding {
        padding: 40px 10px;
    }
}

/********  BG css *******/
.bg_color {
    background-color: var(--blue_color);
}

.bg_color p,
.bg_color h2,
.bg_color h3,
.bg_color h4,
.bg_color li,
.bg_color p a,
.bg_color li a {
    color: var(--white);
}

.bg_color p a:hover,
.bg_color li a:hover {
    color: var(--body_txt);
}

/******** Slider arrow dots *******/
.slick-prev,
.slick-next {
    bottom: -34px;
    top: auto;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #cecece;
    transform: translate(40%, 0%);
    z-index: 11;
}

.slick-prev {
    left: calc(50% - 103px);
}

.slick-next {
    right: calc(50% - 69px);
}

.slick-prev::before,
.slick-next::before {
    content: "";
    width: 11px;
    height: 11px;
    display: block;
    margin: auto;
    background-repeat: no-repeat !important;
}

.slick-prev::before {
    background: url(/wp-content/uploads/2025/03/slider-left-arrow.svg);
}

.slick-next::before {
    background: url(/wp-content/uploads/2025/03/slider-right-arrow.svg);
}

.slick-dots {
    justify-content: center;
    display: flex;
    text-align: center;
    margin: auto;
    bottom: -18px;
}

.slick-dots li button:before {
    font-size: 10px;
    color: var(--blue_color);
    opacity: 0.1;
    width: 10px;
    height: 10px;
    line-height: 10px;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 2px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button:before {
    color: var(--blue_color);
    opacity: 1;
}

.slick-arrow:hover {
    background: #0066dd2e;
}

/*============================================
= Start Header CSS
=============================================*/
.site-header .inside-header .grid-container {
    padding: 0px;
}

.site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.1s ease 0s;
}

.site-header.sticky {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
}

#menu-primary-menu-header-menu > li > div:first-child {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.menu-item-has-children .dropdown-menu-toggle {
    display: inline-flex !important;
}

.main-navigation .main-nav ul li > div,
.main-navigation .main-nav ul li a {
    color: #2D3663;
    text-align: center;
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

#menu-primary-menu-header-menu > li:hover > div:first-child,
#menu-primary-menu-header-menu > li:focus > div:first-child,
#menu-primary-menu-header-menu > li.sfHover > div:first-child,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
    color: #3DC9EA;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    font-weight: 700;
    color: #3DC9EA !important;
}

.inside-header {
    max-width: 1512px;
    padding: 14px 20px;
    margin: auto;
}

.inside-header .default-btn {
    margin-top: 0px;
    font-weight: 600;
    line-height: 150%;
    padding: 18px 20px;
}

.search_main {
    display: flex;
    gap: 23px;
}

.nav-float-right #site-navigation {
    margin-left: auto;
    margin-right: auto;
}

.header-search-container .search-toggle {
    padding: 0px;
    background: transparent;
}

button.menu-toggle .gp-icon svg {
    height: 2em;
    width: 2em;
    fill: var(--body_txt);
}

.mobile-menu-control-wrapper .menu-toggle {
    background-color: transparent;
    padding: 0px;
}


.site-header .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0px;
}


@media only screen and (min-width: 1301px) and (max-width: 1460.98px) {
    .search_main {
        gap: 15px;
    }

    .default-btn {
        font-size: 14px;
    }
}


@media only screen and (max-width: 1200.98px) {


    .menu-toggle {
        padding: 0px 7.5px;
    }
}

/*---------------- start search bar --------------------*/
.search_main .btn-wrap,
.main-navigation div#primary-menu,
.search_main .search-toggle {
    transition: ease-in-out all 3s;
}

.header-search-active .search_main .btn-wrap,
.header-search-active .main-navigation div#primary-menu,
.header-search-active .search_main .search-toggle {
    display: none;
}

.header-search-active .search_main {
    width: 60%;
    display: block;
}

.header-search-active .header-search-container {
    width: 100%;
}

.header-search-container {
    display: flex;
    align-items: center;
    position: relative;
}

.search-form {
    /*    display: none;*/
    position: absolute;
    right: 0;
    top: -26px;
    background: white;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 50px;
    width: -webkit-fill-available;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.header-search-active .search-form {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.search-form .search-submit {
    position: absolute;
    right: 4px;
    border-radius: 20px;
    background: rgba(31, 31, 31, 0.04);
    height: 43px;
    padding: 6px 20px;
}

.search-field {
    width: 100%;
    outline: none;
    height: 41px;
    background: transparent !important;
    border: none !important;
    color: #8d8d8d !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px !important;
}

.header-search-container input::-webkit-input-placeholder {
    color: #8d8d8d;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
}

.header-search-container input[type="search" i]::-webkit-search-cancel-button {
    margin-right: 65px !important;
}

.menu-toggle,
.main-navigation {
    transition: opacity 0.3s ease;
}

@media only screen and (max-width: 1200.98px) {
    .nav-float-right #site-navigation .header-btn,
    .search_main {
        display: none;
    }

    #site-navigation.toggled .header-btn {
        display: block;
        margin-top: 20px;
    }

    #site-navigation.toggled .search-form {
        position: relative;
        top: auto;
        border-radius: 100px;
        background: #fff;
        opacity: 1;
        visibility: visible;
        margin-bottom: 10px;
    }

    .search-field {
        font-size: 16px;
    }

    .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top: 50px;
        margin-bottom: 20px;
        background: transparent;
    }

    #site-navigation.toggled .search-form input[type="search" i]::-webkit-search-cancel-button {
        margin-right: 65px !important;
    }
}

@media only screen and (min-width: 576.98px) and (max-width: 1200.98px) {
    .inside-header .default-btn {
        max-width: fit-content;
    }
}

/*---------------- End search bar --------------------*/
/*============================================
= End Header CSS
=============================================*/
/*============================================
= Start Footer CSS
=============================================*/
footer.site-info,
.footer-widgets {
    background: #2D3663;
}

.copyright-bar {
    color: #D6EAF5;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

footer .inside-site-info {
    border-top: 1px solid rgba(214, 234, 245, 0.3);
}

.footer-widgets * {

}

.footer-widgets a svg {
    display: none;
}

.footer_social li {
    margin-bottom: 0 !important;
}

.footer_social .youtube,
.footer_social .linkedin,
.footer_social .facebook,
.footer_social .instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cg clip-path='url(%23D)'%3E%3Cpath d='M14.099 11.994c0 1.163-.943 2.105-2.105 2.105s-2.105-.943-2.105-2.105.943-2.105 2.105-2.105 2.105.943 2.105 2.105z' fill='url(%23A)'/%3E%3Cpath d='M15.55 5.631H8.439a2.81 2.81 0 0 0-2.807 2.807v7.111a2.81 2.81 0 0 0 2.807 2.807h7.111a2.81 2.81 0 0 0 2.807-2.807V8.438a2.81 2.81 0 0 0-2.807-2.807zm-3.556 9.871c-1.935 0-3.509-1.574-3.509-3.509s1.574-3.509 3.509-3.509 3.509 1.574 3.509 3.509-1.574 3.509-3.509 3.509zm4.023-6.83a.7.7 0 1 1 0-1.404.7.7 0 1 1 0 1.404z' fill='url(%23B)'/%3E%3Cpath d='M17.655.018H6.333C2.851.018.018 2.851.018 6.333v11.322c0 3.482 2.833 6.316 6.316 6.316h11.322c3.482 0 6.316-2.833 6.316-6.316V6.333c0-3.482-2.833-6.316-6.316-6.316zM19.76 15.55c0 2.322-1.889 4.211-4.211 4.211H8.439c-2.322 0-4.211-1.889-4.211-4.211V8.439c0-2.322 1.889-4.211 4.211-4.211h7.111c2.322 0 4.211 1.889 4.211 4.211v7.111z' fill='url(%23C)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='10.922' y1='9.889' x2='13.067' y2='14.099' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='8.752' y1='5.631' x2='15.236' y2='18.357' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3ClinearGradient id='C' x1='5.892' y1='.018' x2='18.097' y2='23.971' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3CclipPath id='D'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 !important;
}

.footer_social .linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cg clip-path='url(%23B)'%3E%3Cpath d='M20.727 0H3.273c-.868 0-1.7.345-2.314.959S0 2.405 0 3.273v17.455a3.27 3.27 0 0 0 .959 2.314c.614.614 1.446.959 2.314.959h17.455A3.27 3.27 0 0 0 24 20.727V3.273c0-.868-.345-1.7-.959-2.314A3.27 3.27 0 0 0 20.727 0zM8.182 18.993c0 .067-.013.133-.038.194s-.063.118-.11.165-.103.085-.164.11-.127.039-.194.039H5.52c-.067 0-.133-.013-.194-.038s-.118-.063-.165-.11-.085-.103-.11-.165-.038-.128-.038-.194V9.955c0-.135.053-.264.149-.359s.224-.149.359-.149h2.156c.134 0 .263.054.358.149s.148.224.148.358v9.038zM6.597 8.591c-.405 0-.8-.12-1.136-.345s-.599-.544-.753-.918-.195-.785-.116-1.182.274-.761.56-1.047.651-.481 1.047-.56.808-.038 1.182.116.693.417.918.753.345.732.345 1.136c0 .542-.216 1.063-.599 1.446s-.904.599-1.446.599zm12.854 10.437c0 .061-.012.122-.035.179s-.058.108-.101.151-.095.078-.151.101-.117.035-.179.035h-2.318c-.061 0-.122-.012-.179-.035s-.108-.058-.151-.101-.078-.095-.101-.151-.035-.117-.035-.179v-4.234c0-.633.186-2.771-1.654-2.771-1.425 0-1.715 1.463-1.773 2.12v4.89c0 .123-.048.24-.134.327s-.203.137-.325.139h-2.239c-.061 0-.122-.012-.178-.035s-.108-.058-.151-.101-.077-.095-.101-.151-.035-.117-.035-.178V9.915c0-.061.012-.122.035-.178s.058-.108.101-.151.095-.078.151-.101.117-.036.178-.036h2.239c.124 0 .242.049.33.137s.137.206.137.33v.788c.529-.795 1.313-1.406 2.986-1.406 3.706 0 3.682 3.461 3.682 5.362l.003 4.369z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='5.886' y1='0' x2='18.114' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.footer_social .facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cg clip-path='url(%23B)'%3E%3Cpath d='M20.468.023H3.532C1.598.023.023 1.598.023 3.532v16.936c0 1.935 1.574 3.509 3.509 3.509h7.064v-8.468H7.79v-4.211h2.807V8.444c0-2.322 1.889-4.211 4.211-4.211h4.257v4.211h-4.257v2.854h4.257l-.702 4.211h-3.556v8.468h5.661c1.935 0 3.509-1.574 3.509-3.509V3.532c0-1.935-1.574-3.509-3.509-3.509z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='5.898' y1='.023' x2='18.102' y2='23.977' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.footer_social .youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cpath d='M22.775 6.376a2.82 2.82 0 0 0-1.983-1.983c-1.761-.482-8.804-.482-8.804-.482s-7.043 0-8.803.463c-.945.259-1.724 1.038-1.983 2.002-.463 1.761-.463 5.412-.463 5.412s0 3.67.463 5.412a2.82 2.82 0 0 0 1.983 1.983c1.779.482 8.804.482 8.804.482s7.043 0 8.803-.463a2.82 2.82 0 0 0 1.983-1.983c.463-1.761.463-5.412.463-5.412s.019-3.67-.463-5.43zM9.746 15.161V8.415l5.857 3.373-5.857 3.373z' fill='url(%23A)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='6.256' y1='3.911' x2='12.536' y2='21.514' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.widget .location {
    margin-top: 30px;
}

.location li {
    margin-bottom: 0 !important;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px 0;
}

.footer-widgets .mail-icon,
.footer-widgets .phone-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' %3E%3Cg clip-path='url(%23B)'%3E%3Cpath d='M10.833.833c0-.221.088-.433.244-.589S11.446 0 11.667 0A8.34 8.34 0 0 1 20 8.333c0 .221-.088.433-.244.589s-.368.244-.589.244-.433-.088-.589-.244-.244-.368-.244-.589c-.002-1.767-.705-3.462-1.955-4.712s-2.944-1.953-4.712-1.955c-.221 0-.433-.088-.589-.244s-.244-.368-.244-.589zM11.667 5c.884 0 1.732.351 2.357.976S15 7.449 15 8.333c0 .221.088.433.244.589s.368.244.589.244.433-.088.589-.244.244-.368.244-.589c-.001-1.326-.529-2.597-1.466-3.534s-2.208-1.465-3.534-1.466c-.221 0-.433.088-.589.244s-.244.368-.244.589.088.433.244.589.368.244.589.244zm7.577 8.949c.483.484.754 1.14.754 1.824s-.271 1.34-.754 1.824l-.758.874c-6.825 6.534-23.433-10.07-17-16.917l.958-.833A2.57 2.57 0 0 1 6.05.755c.026.026 1.57 2.032 1.57 2.032.458.481.713 1.121.712 1.785s-.258 1.303-.718 1.783l-.965 1.213a10.65 10.65 0 0 0 5.776 5.788l1.221-.971c.48-.459 1.118-.716 1.783-.717s1.303.254 1.785.712l2.031 1.569zm-1.147 1.212l-2.02-1.56c-.172-.17-.404-.266-.645-.266s-.474.095-.645.266c-.023.023-1.703 1.363-1.703 1.363a.83.83 0 0 1-.391.172c-.143.022-.289.007-.425-.045a12.51 12.51 0 0 1-7.351-7.34c-.056-.137-.074-.287-.053-.433s.081-.285.173-.4l1.362-1.703c.17-.172.266-.404.266-.645s-.096-.474-.266-.645c-.026-.025-1.56-2.021-1.56-2.021-.174-.156-.402-.24-.636-.234s-.457.101-.623.266l-.958.833c-4.702 5.653 9.691 19.248 14.645 14.566l.759-.875c.178-.165.285-.392.298-.634s-.068-.48-.227-.663z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='4.929' y1='-.001' x2='15.103' y2='19.966' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.footer-widgets .mail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' %3E%3Cpath d='M15.833.833H4.167a4.17 4.17 0 0 0-2.945 1.222A4.17 4.17 0 0 0 0 5v10a4.17 4.17 0 0 0 4.167 4.167h11.667A4.17 4.17 0 0 0 20 15V5A4.17 4.17 0 0 0 15.833.833zM4.167 2.5h11.667a2.5 2.5 0 0 1 2.317 1.572l-6.382 6.383c-.47.468-1.105.73-1.768.73s-1.299-.263-1.768-.73L1.85 4.073A2.5 2.5 0 0 1 4.167 2.5zm11.667 15H4.167a2.5 2.5 0 0 1-2.5-2.5V6.25l5.387 5.383c.782.78 1.842 1.218 2.947 1.218s2.165-.438 2.947-1.218l5.387-5.383V15a2.5 2.5 0 0 1-2.5 2.5z' fill='url(%23A)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='4.905' y1='.833' x2='13.759' y2='19.791' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfeeff'/%3E%3Cstop offset='1' stop-color='%239deff3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}


.footer-widgets .widget-title {
    background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
}

.footer-widgets a {
    color: #CFD4DA;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.footer-widgets-container {
    padding: 80px 60px 120px 60px;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    max-width: 1312px;
}

ul.footer_social {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.location li:not(:last-child) {
    margin: 0 0 15px;
}

.location li {
    display: inline-flex;
    align-items: start;
    width: 100%;
}

.location li img {
    margin: 0px 20px 0 0;
}

.location li,
.location li a {
    color: rgb(255 255 255 / 80%);
}

.site-footer .menu li a:hover, .site-footer .location li a:hover {
    color: var(--body_txt);
}

@media only screen and (min-width: 1024px) {
    .footer-widget-1 #custom_html-2 {
        margin-top: 120px;
    }
}

@media only screen and (min-width: 768px) {
    .desktop_none {
        display: none;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 991.98px){
  .site-footer .inside-footer-widgets>div {
      flex: 1 1 0;
      width: 50%;
  }
}*/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .footer-widgets a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991.98px) {
    .inside-footer-widgets {
        flex-direction: column;
    }

    .menu-footer-menu-1-container ul {
        display: none; /* Hidden by default */
        padding: 0;
        list-style: none;
    }

    .footer-menu-toggle {
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
        margin-left: 10px;
    }

    .footer-menu-toggle.open {
        transform: rotate(180deg);
    }

    .inside-footer-widgets > div:not(:last-child) {
        margin-bottom: 0px;
    }

    .widget-title {
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .widget_nav_menu .menu {
        padding: 0px 20px 20px;
    }

    .widget_nav_menu .menu li {
        padding: 8px 0px;
        margin-bottom: 0px;
    }

    .widget_nav_menu .menu li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .footer-widget-3 .widget-title {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

    .footer-widgets .widget-title {
        margin-bottom: 0px;
        padding: 13.5px 0px;
    }

    .copyright-bar {
        font-size: 12px;
    }

    ul.footer_social {
        padding: 14px 0;
    }

    ul.footer_social li {
        opacity: 0.8;
        margin-bottom: 0;
    }

    ul.footer_social li:hover {
        opacity: 1;
    }
}

/*============================================
= End Footer CSS
=============================================*/
/*============================================
= Start Hero Section
=============================================*/
.hero {
    background: linear-gradient(180deg, #E8E6E7 0%, #EDEBEB 24.3%, #EBE8E9 51.92%, #E0DEDE 82.25%, #D6D3D4 100%);
    overflow: hidden;
}

.hero-container {
    display: flex;
    max-width: 1300px;
    margin: auto;
    position: relative;
}

.hero-container:before {
    content: '';
    display: block;
    width: 600%;
    height: 100%;
    background: linear-gradient(180deg, #E6E3E4 0%, #e8e8e9 24.3%, #ebebeb 38.3%, #EBEBEB 51.92%, #E6E4E5 82.25%, #E1DFE0 100%);
    right: -600%;
    position: absolute;
}

.hero-container .lf {
    min-width: 43.6%;
    padding-top: 167px;
    position: relative;
    z-index: 1;
}

.hero img {
    max-width: 1287px;
    position: relative;
    margin-left: -35%;
}

h1 {
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 60px */
    margin-bottom: 10px;
}

.hero h1 {
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 57.6px */
    margin-bottom: 10px;
}

.hero .hero-tagline {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 40px;
    font-family: 'Montserrat';
}

.hero-btns {
    display: flex;
    align-items: center;
}

/*============================================
= Logos Section
=============================================*/
.logos-sec {
    background: #2D3663;
    padding: 100px 0;
}

.logos-sec img {
    width: 1312px;
    max-width: 90%;
    display: block;
    margin: auto;
}

/*============================================
= Start Header Banner CSS
=============================================*/
.banner_section {
    display: flex;
    align-items: center;
    min-height: 760px;
    padding-bottom: 120px;
    position: relative;
    align-content: end;
    flex-wrap: wrap;
    overflow: hidden;
}

.banner_section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100% !important;
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.banner_img {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: -1;
}

.banner-content .default-btn_txt .default-cta {
    color: var(--white);
}

.banner_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner-content h1 {
    text-transform: uppercase;
    font-size: 48px;
    max-width: 885px;
}

.banner-content p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0px;
}

.banner-content {
    z-index: 1;
    position: relative;
    color: var(--white);
    max-width: 1184px;
}

.banner_btns,
.banner_clients,
.banner_clients .banner_clients_img {
    display: flex;
}

.banner_clients .banner_clients_img img {
    width: 100%;
    max-width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid var(--white);
}

.banner_clients h4 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}

.banner_clients {
    margin-top: 54px;
    gap: 10px;
}

.banner_clients .banner_clients_img img:not(:first-child) {
    margin-left: -10px;
    z-index: -1;
}

.banner_clients .banner_clients_img img:last-child {
    z-index: -2;
}

.banner_section .default-btn_txt {
    padding: 13px 30px;
    width: fit-content;
}

@media only screen and (min-width: 1600px) {
    .banner_section {
        min-height: 890px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300.98px) {
    .banner_section {
        min-height: 650px;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767.98px) {
    /* .banner_img,
  .banner_section:before {
    display: none;
  } */
    .banner_section .container {
        padding: 0px;
    }

    .banner_section .banner-content {
        padding: 250px 20px 20px 20px;
        text-align: center;
    }

    .banner-content h1 {
        font-size: 32px;
        font-weight: 900;
        max-width: 100%;
        margin: 0 auto 4px;
        line-height: 38.4px;
    }

    .banner_btns .white_border_btn {
        margin-top: 40px;
        width: 100%;
    }

    .banner_btns .default-cta {
        align-items: center;
        justify-content: center;
    }

    .banner_btns .default-btn_txt {
        padding: 15px 30px;
        width: 100%;
        margin: 0;
    }

    .banner_btns .default-btn {
        font-size: 18px;
    }

    .banner_section {
        min-height: auto;
        padding-bottom: 0px;
        /* background: var(--blue_color); */
    }

    .banner-content p {
        font-size: 18px;
        line-height: 27px;
    }

    .banner_clients {
        margin-top: 20px;
    }

    .banner_btns {
        flex-direction: column;
    }

    /*.banner_btns .white_border_btn {
        background: var(--blue_color);
        border: 2px solid var(--blue_color);
    }*/
}

@media only screen and (max-width: 374.98px) {
    .banner-content h1 {
        font-size: 33px;
    }
}

/*============================================
= End Header Banner Css
=============================================*/
/*============================================
= Start Logo section Css
=============================================*/
.home .featured-section {
    padding-top: 100px;
}

.featured-section {
    overflow: hidden;
}

/*.featured-section .row{
   margin-left: 0px;
    margin-right: 0px;
}*/
.featured-section .featured-slide-main {
    column-gap: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.featured-slide {
    display: flex;
    height: 100%;
    width: auto;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1199.98px) {
    .home .featured-section {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 991.98px) {
    .featured-slide img {
        width: auto;
        height: 25px;
    }

    .featured-section .featured-slide-main {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 22px;
        column-gap: 30px;
    }

    .home .featured-section {
        padding-top: 50px;
    }

    .long_logo img {
        height: 32px;
    }

    .featured-slide-main {
        column-gap: 17px;
    }

    .small_logo img {
        height: 85px;
        width: auto;
    }
}

@media only screen and (max-width: 767.98px) {
    section.mobile_bottom_padding {
        padding-bottom: 0;
    }

    .conditions_pages .featured-slide-main {
        row-gap: 15px;
        column-gap: 15px;
    }
}

/*============================================
= End Logo section Css
=============================================*/
/*============================================
= Start Service Section Css
=============================================*/
.service_section {
    padding: 160px 0;
    background: #EFF9FF;
}

.service_boxes {
    width: 1352px;
    max-width: calc(100% - 40px);
    margin: auto;
    display: flex;
    gap: 20px;
}

.service_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 20px;
    height: 100%;
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    border-top: 4px solid #3DC9EA;
    background: linear-gradient(135deg, #EFF6FF 0%, #ECFEFF 50%, #FFF 100%);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.hss .service_box {
    background: white;
    padding: 40px;
    justify-content: flex-start;
    align-items: flex-start;
}

.hss .service_box {
    height: auto;
}

.service_box h4 {
    margin: 0 !important;
}


.service_icon {
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' %3E%3Crect width='80' height='80' rx='16' fill='url(%23A)'/%3E%3Cpath d='M33.333 57.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0zM49.167 55a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zM22.5 50a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zM40 50a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm17.5 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm-2.36-22.177c.57-2.773 2.875-5.133 4.86-6.157C51.983 22.452 46.667 30 44.908 35H35.77c-.003-2.848.383-6.087 1.73-8.782 1.667-3.333 5.457-6.04 7.5-6.218-8.912 0-16.987 6.243-20.22 15H20v3.333h3.805c-.342 1.613-.535 3.283-.535 5 0 3.677 2.99 6.667 6.667 6.667s6.667-2.99 6.667-6.667c0-.62-.135-1.397-.323-2.468a36.07 36.07 0 0 1-.342-2.532h8c-.402 1.793-.605 3.507-.605 5C43.333 47.01 46.323 50 50 50s6.667-2.99 6.667-6.667c0-.62-.135-1.397-.323-2.468-.12-.69-.317-1.552-.527-2.532H60V35h-4.815c-.353-2.3-.525-4.835-.045-7.177z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='40' x2='80' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.s-skin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' %3E%3Crect width='80' height='80' rx='16' fill='url(%23A)'/%3E%3Cpath d='M25 42.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0zm-3.333-14.167h36.667c.922 0 1.667-.747 1.667-1.667S59.255 25 58.333 25H21.667c-.922 0-1.667.747-1.667 1.667s.745 1.667 1.667 1.667zM40 50a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm-17.5 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm8.333-5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zM57.5 50a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zM40 40a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm17.5 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm-8.333 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5zm10.148-11.347l-1.36-1.007a4.96 4.96 0 0 0-5.91 0c-1.175.897-2.912.898-4.09 0a4.96 4.96 0 0 0-5.91 0c-1.175.897-2.912.898-4.09 0a4.96 4.96 0 0 0-5.91 0c-1.175.897-2.912.898-4.09 0a4.96 4.96 0 0 0-5.91 0l-1.342 1.028c-.415.303-.703.77-.703 1.323a1.67 1.67 0 0 0 1.667 1.667c.367 0 .688-.143.963-.343l1.433-1.023a1.61 1.61 0 0 1 1.87 0c2.35 1.788 5.783 1.788 8.13 0a1.61 1.61 0 0 1 1.87 0c2.35 1.788 5.783 1.788 8.13 0a1.61 1.61 0 0 1 1.87 0 6.65 6.65 0 0 0 4.065 1.367 6.65 6.65 0 0 0 4.063-1.367c.523-.4 1.347-.398 1.87 0l1.418 1.048s.615.32.982.32A1.67 1.67 0 0 0 59.998 35c0-.553-.685-1.347-.685-1.347h.002z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='40' x2='80' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.s-wait {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' %3E%3Crect width='80' height='80' rx='16' fill='url(%23A)'/%3E%3Cpath d='M47.58 40c3.842-3.137 6.444-7.537 7.343-12.415a6.57 6.57 0 0 0-1.53-5.252c-.627-.73-1.404-1.316-2.278-1.719s-1.825-.612-2.787-.614H31.67a6.69 6.69 0 0 0-5.073 2.333c-.619.715-1.076 1.556-1.34 2.465a6.57 6.57 0 0 0-.189 2.799A20.87 20.87 0 0 0 32.404 40a20.87 20.87 0 0 0-7.333 12.407c-.139.935-.075 1.889.189 2.797s.72 1.748 1.338 2.463A6.69 6.69 0 0 0 31.67 60h16.658c.964-.001 1.916-.21 2.792-.612s1.654-.99 2.282-1.721c.618-.715 1.075-1.555 1.339-2.463a6.57 6.57 0 0 0 .191-2.797A20.93 20.93 0 0 0 47.58 40zm2.128 14.265c-.152.226-.358.411-.598.539s-.509.195-.782.196H31.662c-.273 0-.542-.067-.783-.195s-.447-.313-.599-.539-.248-.486-.276-.758.01-.546.112-.799a24.76 24.76 0 0 1 7.667-9.427l1.167-.932c.295-.235.661-.362 1.037-.362s.743.128 1.038.362l1.15.918a25.02 25.02 0 0 1 7.683 9.437c.105.252.146.526.12.798s-.118.533-.269.761zm-4.132-2.598H34.41c1.497-2.202 3.338-4.15 5.452-5.77l.133-.11.118.092a25.5 25.5 0 0 1 5.463 5.788z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='40' x2='80' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.service_icon img {
    aspect-ratio: 1 / 1;
}

.service_content p {
    opacity: 0.6;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.service_content h4 {
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 14px;
}

@media only screen and (max-width: 1199.98px) {
    .service_content h4 {
        font-size: 18px;
    }

    .service_box {
        padding: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .service_section .white_box_row {
        padding: 20px 8px;
    }
}

/*============================================
= End Service Section Css
=============================================*/
/*============================================
= Start Blog Section Css
=============================================*/


/*.blog_row .blog_box_main {
  max-width: 33.33%;
  width: 100%;
  border-radius: 20px;
  background: #f5faff;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}*/
.blog_card {
    height: 100%;
}

.blog_row .blog_box_card_main {
    border-radius: 20px;
    background: #f5faff;
    height: 100%;
}

.blog_row .blog_box_main {
    max-width: 100%;
    width: 100%;
    /*border-radius: 20px;
  background: #f5faff;*/
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blog_row {
    gap: 20px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.blog_box_main .blog_box_img img {
    max-height: 187px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
    aspect-ratio: 16 / 9;
}

.blog_category span {
    border-radius: 100px;
    background: rgba(0, 102, 221, 0.1);
    padding: 4px 16px;
    color: var(--blue_color);
    font-weight: 500;
    font-size: 14px;
}

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

.blog_content p {
    opacity: 0.6;
}

.blog_content_main {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0px 14px 20px;
}

.blog_content {
    padding: 0px 20px;
}

.blog_content .default-btn_txt {
    justify-content: end;
    display: flex;
    width: auto;
    padding: 15px 0px;
    margin-top: 20px;
}

.default-btn_txt:hover .default-cta {
    color: var(--contrast);
}

.default-btn_txt:hover .default-cta img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(99%) saturate(0%) hue-rotate(153deg) brightness(95%) contrast(99%);
}

.blog_content h4 {
    font-size: 18px;
    line-height: 1.5;
}

.blog_content h4 a:hover {
    color: var(--blue_color);
}

.blog_box_img {
    width: 100%;
}


/*============================================
= End Blog Section Css
=============================================*/
/*============================================
= Start Doctor Section Css
=============================================*/
.doctor_section {
    width: 100%;
    overflow: hidden;

}

.doctor_section .container {
    max-width: 1512px;
    width: 100%;
    margin: auto !important;
    padding: 0;
}


.doctor_section .doctor_img img {
    width: 100%;
}

.doctor_section .doctor_img {
    flex: 1;
    max-width: 40.7%;
}

.doctor_section .default_content {
    background: #2D3663;
    padding: 0 60px;
    max-width: initial !important;
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.doctor_section h4 {
    font-weight: 400;
}

.default_description p {
    opacity: 0.8;
}

.default_description {
    margin-top: 20px;
}

.default_content h2 {
    margin-bottom: 0px;
}

.doctor_section p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    opacity: 0.8;
    margin-bottom: 40px;
}

.yellow-chip {
    border-radius: 100px;
    background: #F7C773 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    padding: 10px 16px;
    display: block;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150% !important;
    opacity: 1 !important;
    color: #2D3663 !important;
    width: max-content;

}

.doctor_section h2 {
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4px;
}

.doctor_section strong {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    opacity: 0.7;
    line-height: 150%; /* 27px */
    margin-bottom: 20px;
}

@media only screen and (min-width: 1300px) {
    .doctor_section .white_box_row {
        align-items: center;
    }
}


@media only screen and (max-width: 767.98px) {
    .doctor_img img {
        border-radius: 0 !important;
    }

    .doctor_section .default_content {
        padding: 20px 10px;
    }

    .doctor_section .default-btn {
        width: 100%;
    }

    .doctor_section .white_box_row {
        flex-direction: column-reverse;
        border-radius: 30px;
        overflow: hidden;
    }

    .white-paper img {
        border-radius: 0 !important;
    }

    .doctor_section .default_content {
        max-width: 100%;
        padding: 20px;
    }
}

/*============================================
= End Doctor Section Css
=============================================*/
/*============================================
= Start About Section Css
=============================================*/
.about_section {
    background-color: white;
    overflow: hidden;
}

.as-top {
    width: 1352px;
    max-width: 95%;
    margin: auto;
    padding: 100px 0;
    position: relative;
}

.as-top p {
    color: #2D3663;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    opacity: 0.8;
}


.as-top .d-flex {
    margin-top: 60px;
    display: flex;
    gap: 80px;
}

.as-top .d-flex > div {
    flex: 1;
}

.as-top:before,
.as-top:after {
    content: '';
    position: absolute;
    display: block;
}

.as-top:after {
    width: 300px;
    height: 209px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='209' fill='none' %3E%3Cg stroke-width='14'%3E%3Ccircle opacity='.06' cx='33' cy='171' r='26' transform='rotate(180 33 171)' stroke='url(%23A)'/%3E%3Ccircle opacity='.06' cx='195.5' cy='104.5' r='97.5' transform='rotate(180 195.5 104.5)' stroke='url(%23B)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='171' x2='66' y2='171' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='91' y1='104.5' x2='300' y2='104.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    top: -38px;
    right: -117px;
    background-repeat: no-repeat;
}

.as-top:before {
    width: 597px;
    height: 545px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='597' height='545' fill='none' %3E%3Ccircle opacity='.06' cx='463' cy='134' r='132' transform='rotate(180 463 134)' stroke='url(%23A)' stroke-width='4'/%3E%3Ccircle opacity='.06' cx='247.5' cy='297.5' r='247.5' transform='rotate(180 247.5 297.5)' fill='url(%23B)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='329' y1='134' x2='597' y2='134' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='0' y1='297.5' x2='495' y2='297.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    bottom: -169px;
    background-repeat: no-repeat;
    background-position: left bottom;
    left: -116px;
}

.as-bottom {
    width: 100%;
    max-width: 1512px;
    margin: auto;
    display: flex;
    gap: 4px;
    position: relative;
    z-index: 1;
}

.as-bottom div {
    flex: 1;
}


/*============================================
= End About Section Css
=============================================*/
/*============================================
= Start History Section Css
=============================================*/

.history_section {
    background: #EFF9FF;
    padding: 160px 0 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.history_section * {
    position: relative;
    z-index: 1;
}


.hs-timeline {
    margin-top: 80px;
    width: 1352px;
    max-width: 90%;
    position: relative;
}

.hs-timeline:after {
    content: '';
    width: 597px;
    height: 545px;
    z-index: 0;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: top right;
    top: -456px;
    right: -232px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='597' height='545' fill='none' %3E%3Ccircle opacity='.06' cx='134' cy='411' r='132' stroke='url(%23A)' stroke-width='4'/%3E%3Ccircle opacity='.06' cx='349.5' cy='247.5' r='247.5' fill='url(%23B)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='411' x2='268' y2='411' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='102' y1='247.5' x2='597' y2='247.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.circle-bg.hs-timeline:before {
    width: 495px !important;
    height: 495px !important;
    left: -162px !important;
    top: 51% !important;
}

.hs-timeline > div > div {
    flex: 0 0 auto;
    width: 46%;
}

.hs-timeline > div {
    display: flex;
    gap: 60px;
    position: relative;
    z-index: 1;

}

.timeline-box {
    max-width: 40px;
    position: relative;
}

.timeline-box:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background: #3DC9EA;
    left: 50%;
    background-image: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    transform: translateX(-50%);
    top: 0;
}

.timeline-box:after {
    background-color: #FFF;
    border: 9px solid #3DC9EA;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: 48%;
}

.hs-timeline > div:first-child .timeline-box:before {
    background-image: linear-gradient(180deg, rgba(61, 201, 234, 0.00) 0%, #1CB8DD 60%);
    background-color: transparent;
}

.hs-timeline > div:last-child .timeline-box:before {
    background-image: linear-gradient(190deg, #3DC9EA 60%, rgba(28, 184, 221, 0.00) 100%);
    background-color: transparent;
}

.hs-timeline > div:last-child .timeline-box:after {
    background-color: #2D3663;
}


.hs-card {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #D6EAF5;
    background: #FFF;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.year-tag {
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 60px */
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hs-card h3 {
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    margin-bottom: 0;
}

.hs-card p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    opacity: 0.6;
    margin-bottom: 0;
}

/*============================================
= End History Section Css
=============================================*/
/*============================================
= Start Call To Action Section Css
=============================================*/

.CTA_section {
    padding: 160px 0;
}

.CTA_section .container {
    border-radius: 30px;
    background: #2D3663;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.50);
    display: flex;
    padding: 80px 60px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    max-width: 1352px;
    margin: auto;
    position: relative;
}

#subscribe_newsletter .container:before,
.CTA_section .container:before {
    width: 100%;
    height: 6px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, #1CB8DD, transparent);
}


.CTA_section h2 {
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4px;
}

.CTA_section p {
    margin-bottom: 40px;
    color: #FFF;
    max-width: 906px;
    opacity: 0.8;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/*============================================
= End Call To Action Section Css
=============================================*/
/*============================================
= Start Testimonials Section Css
=============================================*/

.testimonials_section {
    padding: 100px 0 160px;
    background: linear-gradient(135deg, #EFF6FF 0%, #ECFEFF 50%, #FFF 100%);

}

.testimonials_section .container {
    max-width: 1352px;
    margin: auto;
}

.testimonials_section h2 {
    text-align: center;
    margin-bottom: 80px;
}

.testimonials_section .yellow-chip {
    margin: 0 auto 20px;
}

.review_main_slider {
    padding-bottom: 40px;
}

.testimonials_section .review-card,
.testimonials_section .swiper-slide {
    min-height: 100%;
    height: auto;
}


.review-card {
    border-radius: 40px;
    border: 4px solid #CFEEFF;
    background: #FFF;
    padding: 40px 40px 20px 40px;
    display: flex;
    flex-direction: column;
    width: 430px;
    text-align: center;
}

.review_txt {
    flex: 1;
    color: #2D3663;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    opacity: 0.8;
}

.review-card h5 {
    color: #2D3663;
    text-align: center;
    font-family: "Libre Baskerville";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin-bottom: 0;
    margin-top: 10px;
}

.review_img {
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 100%;
}

.review_img img {
    height: 100%;
    width: auto;
}


.review_sub {
    opacity: 0.6;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%; /* 20.4px */
}

.testimonial-text {
    background: #f3f8ff;
    padding: 20px 15px 64px 15px;
    position: relative;
    height: 100%;
    border-radius: 20px 20px 0px 0px;
}

.review_p {
    max-width: 255px;
    margin: 0 auto;
}

.review_p p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.21px;
    font-weight: 400;
    margin: 0;
}

.review_content {
    height: 100%;
}


/*============================================
= End Testimonials Section Css
=============================================*/

/*============================================
= Subscribe to our newsletter Css
=============================================*/
#subscribe_newsletter {
    background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    padding: 80px 0;
}

#subscribe_newsletter .container {
    border-radius: 30px;
    position: relative;
    display: flex;
    padding: 60px 20px 60px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #FFF;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);
}

#subscribe_newsletter p {
    opacity: 0.6;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

#subscribe_newsletter .hbspt-form form {
    display: contents;
}

#subscribe_newsletter .hbspt-form {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 40px;
}

#subscribe_newsletter input[type="email"] {
    border-radius: 100px;
    border: 1px solid #D6EAF5;
    background: #FFF;
    padding: 12px 20px;
    width: 300px;
    color: #2D3663;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}


#subscribe_newsletter .hs-button {
    color: var(--white) !important;
    padding: 11px 30px !important;
    border-radius: 100px !important;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%) !important;
    text-align: center !important;
    border: 0 !important;
    transition: all 0.3s ease 0s !important;
    width: fit-content !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

#subscribe_newsletter .hs_email label {
    display: none !important;
}

.form_main {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 462px;
    margin: 0 auto;
    gap: 10px;
    position: relative;
}


.subscribe_main .wpcf7 input[type="email"] {
    border-radius: 100px;
    border: 1px solid #06d;
    padding: 11px 20px;
    color: #06d;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.5px;
}

.subscribe_main input.wpcf7-submit {
    border-radius: 100px;
    background: #06d;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    border: 2px solid #06d;
    padding: 10px 30px;
}

.subscribe_main input.wpcf7-submit:hover {
    border: 2px solid #06d;
    color: #06d;
    background: transparent;
}

.subscribe_main span.wpcf7-spinner {
    position: absolute;
    right: -55px;
    top: 50%;
    transform: translatey(-50%);
    margin: 0;
}

.form_main input::placeholder {
    color: #06d;
    opacity: 1;
}

.email_field {
    max-width: 300px;
}

.CTA_section .email_field {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 100px;
}

/*.wpcf7 form.invalid .wpcf7-response-output {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  margin-top: 30px !important;
  color: red;
  font-weight: 400;
}*/

.wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    font-size: 14px;
    margin-top: 15px !important;
    color: red;
    font-weight: 400;
    border: 1px solid red !important;
    padding: 3px;
    width: calc(100% - 20px);
    /*    font-size: 12px;*/
    position: relative;
    max-width: 462px;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: 600;
    display: block;
}

.wpcf7-response-output {
    position: absolute;
    margin: 0 !important;
    border: 0 !important;
    color: green;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
}

.subscribe_main .white_box {
    position: relative;
}

@media only screen and (max-width: 767.98px) {
    .form_main {
        max-width: 100%;
        flex-flow: column;
    }

    .email_field {
        max-width: 100%;
    }

    .submit_btn {
        width: 100%;
    }

    input.wpcf7-submit {
        width: 100%;
        display: block;
        max-width: 360px;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 1024px) {
    .yellow_box {
        margin-bottom: 50px;
        padding: 20px;
        border-radius: 10px;
    }

    .white_box {
        padding: 40px 20px;
        border-radius: 10px;
    }

    .subscribe_main input.wpcf7-submit {
        font-size: 16px;
        line-height: 24px;
    }

    .top_title_center h2 {
        font-weight: 700;
        line-height: 36px;
        margin: 0;
    }

    .subscribe_main .top_title_center {
        margin-bottom: 20px;
    }

    .wpcf7 form.invalid .wpcf7-response-output {
        width: calc(100% - 20px);
        font-size: 12px;
        position: relative;
        max-width: 462px;
    }
}

@media only screen and (max-width: 767.98px) {
    .yellow_box {
        margin-bottom: 60px;
    }

    .subscribe_main {
        padding-top: 30px;
    }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
    .yellow_box {
        margin-bottom: 60px;
        padding: 35px;
    }

    .white_box {
        padding: 40px;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1450px) {
    .yellow_box {
        margin-bottom: 70px;
        padding: 50px;
    }

    .white_box {
        padding: 45px;
    }
}

@media only screen and (min-width: 1600px) {
    .subscribe_main .white_box {
        padding-bottom: 70px;
    }
}

/*============================================
= End Subscribe to our newsletter Css
=============================================*/
/*============================================
= Start Blog page Css
=============================================*/
/*---------- Start page search bar -----------*/

.page_searchbar_form .search-field {
    max-width: 100%;
    height: 51px;
    padding: 12px 40px;
    border: 1px solid #ECECEC !important;
}

.page_searchbar_form {
    position: relative;
}

.page_searchbar_form .searchbar_submit {
    position: absolute;
    background: transparent;
    padding: 0px;
    height: 51px;
    left: 115px;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}

.page_searchbar_form input[type="search" i]::-webkit-search-cancel-button {
    margin-right: 50px !important;
}

.page_searchbar_form .search-field:focus + .searchbar_submit,
.page_searchbar_form .search-field:focus-within + .searchbar_submit {
    right: 10px; /* Move button further right */
    left: auto;
}

/* Move button to right when input is focused */

.page_searchbar_form .search-field:focus ~ .searchbar_submit,
.page_searchbar_form:focus-within .searchbar_submit {
    right: 10px;
    left: auto;
}

@media only screen and (max-width: 1200.98px) {
    .page_searchbar_form .searchbar_submit {
        left: 105px;
    }
}

/*---------- End page search bar -----------*/

.page-template-blog-template .blog_row {
    gap: unset;
    row-gap: 20px;
}

.page-template-blog-template .featured-section {
    padding-top: 70px;
    padding-bottom: 10px;
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-container .page-numbers {
    display: flex;
    list-style: none;
    gap: 5px;
    padding: 0;
    align-items: center;
}

.pagination-container .main_list_ul {
    gap: 40px;
}

.pagination-container .page-numbers li {
    display: inline-block;
}

.pagination-container .page-numbers a,
.pagination-container .page-numbers span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--body_txt);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    background: #0066dd14;
}

.pagination-container .page-numbers .current {
    background: var(--blue_color);
    color: var(--white);
}

.pagination-container .page-numbers a:hover {
    background: var(--blue_color);
    color: var(--white);
}

.pagination-container .page-numbers .prev a,
.pagination-container .page-numbers .next a {
    border-radius: 10px;
}

.pagination-container .page-numbers .prev a,
.pagination-container .page-numbers .next a {
    background: var(--white);
    border: 1px solid #cecece;
    border-radius: 10px;
}

.pagination-container .page-numbers .prev:hover a,
.pagination-container .page-numbers .next:hover a {
    background: var(--blue_color);
    border-color: var(--blue_color);
}

.pagination-container .page-numbers li:hover a img {
    filter: brightness(0) invert(1);
}

@media only screen and (max-width: 1199px) {
    .pagination-container .main_list_ul {
        gap: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .page-template-blog-template .featured-section {
        padding: 50px 20px 20px;
    }

    .featured-section .featured-slide-main {
        row-gap: 20px;
        column-gap: 20px;
    }
}

/*============================================
= End Blog page Css
=============================================*/
/* gaunitz trichology method PAGE CSS START */

.trichology_explained {
    background: linear-gradient(180deg, #FFF 0%, #EFF9FF 100%);
    position: relative;
    padding: 0 !important;
    overflow-y: clip;
}


.circle-bg:before,
.trichology_explained .container:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='495' height='495' fill='none' %3E%3Ccircle opacity='.06' cx='247.5' cy='247.5' r='222.5' stroke='url(%23A)' stroke-width='50'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='247.5' x2='495' y2='247.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% 0;
    left: 44.5%;
    top: -10px;
}

.trichology_explained .container {
    padding: 120px 0 80px;
    max-width: 900px;
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.trichology_explained .container * {
    position: relative;
    z-index: 1;
}

.method_heading h2 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}


.method_info_main {
    padding: 40px 0 40px 60px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #fff;
}

.method_heading p {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    width: 100%;
    max-width: 733px;
}

.method_title h4 {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.723;
    margin-bottom: 10px;
}

.method_box {
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: start;
    column-gap: 40px;
    width: 100%;
    justify-content: space-between;
    background: #EFF9FF;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);

}

.templated .method_ctn h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.method_box .arrowed:after {
    color: #2D3663;
    background-color: #2D3663;
}

.method_main .method_box:not(:last-child) {
    margin-bottom: 20px;
}

.te_img {
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' %3E%3Crect width='80' height='80' rx='16' fill='url(%23A)'/%3E%3Cg clip-path='url(%23B)'%3E%3Cpath fill-rule='evenodd' d='M20.849 22.813c5.238-.593 9.804-2.872 13.298-5.313h11.706c3.494 2.44 8.061 4.719 13.299 5.313.474.054.827.442.827.908v16.254C59.978 50.997 48.544 60.259 40 62.5c-8.544-2.241-19.978-11.503-19.978-22.525V23.721c0-.467.353-.855.827-.908zm1.976 2.486v14.676a13.99 13.99 0 0 0 .505 3.684c1.931 7.081 9.554 13.814 16.669 15.985 4.455-1.366 8.959-4.533 11.986-7.872 2.95-3.255 5.19-7.353 5.19-11.796V25.299c-4.385-.774-8.512-2.603-12.201-5.055h-9.947c-3.69 2.452-7.817 4.281-12.202 5.055zm1.869 1.487v13.19c0 1.085.156 2.164.442 3.212 1.724 6.322 8.562 12.384 14.861 14.53 3.919-1.344 7.885-4.176 10.589-7.16 2.636-2.909 4.719-6.604 4.719-10.582v-13.19c-3.889-.901-7.562-2.562-10.899-4.712h-8.812c-3.338 2.15-7.01 3.812-10.9 4.712zm18.3 2.818h-5.988c-.257 0-.467.206-.467.457v4.637h-4.738c-.257 0-.467.206-.467.457v5.86c0 .252.21.457.467.457h4.738v4.637c0 .252.21.457.467.457h5.988c.257 0 .467-.205.467-.457v-4.637h4.738c.257 0 .467-.206.467-.457v-5.86c0-.252-.21-.457-.467-.457h-4.738v-4.637c0-.252-.21-.457-.467-.457z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='40' x2='80' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' transform='translate(20 17.5)' d='M0 0h40v45H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.trichology_explained h2 {
    font-weight: 400;
    margin: 0;
    line-height: 150%; /* 60px */
}


.trichology_explained strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: -20px;
    opacity: 0.8;
}

.trichology_explained p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
    line-height: 160%; /* 22.4px */
}


.method_icon_right img {
    width: 10px;
    height: 11.15px;
    object-fit: contain;
    object-position: center center;
}

.method_icon_right a {
    padding: 17.5px 12.43px;
    border-radius: 10px;
    border: 1px solid #CECECE;
    width: 40px;
    height: 40px;
    background: #FFF;
    align-content: center;
    text-align: center;
}

.method_info_main .method_img {
    min-width: 80px;
    height: 80px;
}

.method_info .row {
    overflow: hidden;
}

.will-method {
    border-radius: 30px;
}

.method_info h1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.method_right_img img {
    height: 100%;
    object-fit: cover;
    position: relative;
    margin: auto;
}

.method_right_img {
    height: 100%;
    background: #b8b8b8;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .method_info_main {
        padding-right: 20px;
    }

    .method_box {
        column-gap: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .method_info_main {
        padding: 20px;
    }

    .method_box {
        column-gap: 0;
    }

    .method_box .method_img {
    }

    .method_img img {
        width: 100%;
        margin: 0 auto;
    }

    .method_box .method_ctn {
        max-width: 66.6%;
        flex: 0 0 66.6%;
    }

    .method_heading h3 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1024px) {
    .method_box {
        padding: 20px;
        border-radius: 12px;
    }
}

@media only screen and (max-width: 991px) {
    /*.method_box .method_img {
    max-width: 13.545%;
    flex: 0 0 13.545%;
  }*/
    .method_box .method_ctn {
        max-width: 66.6%;
        flex: 0 0 66.6%;
    }

    .method_info_main {
        padding: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .method_right_img img {
        position: unset;
        width: 100%;
        margin: 0 auto;
        aspect-ratio: 373 / 250;
    }

    .method_info .row {
        border-radius: 16px;
    }

    .method_box .method_img {
        max-width: 60px;
        flex: 0 0 60px;
        height: 60px;
    }

    .method_heading p {
        font-size: 16px;
    }

    /*.method_info {
        padding-bottom: 10px;
    }*/
}

@media only screen and (max-width: 575px) {
    .method_box {
        flex-direction: column;
        row-gap: 16px;
        position: relative;
    }

    /*.method_box .method_img {
      max-width: 13%;
      padding: 12px;
  }*/
    .method_box .method_ctn {
        max-width: 100%;
    }

    /* .method_box .method_img {
    max-width: 14%;
    flex: 0 0 14%;
  }*/
    .method_heading h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .method_icon_right {
        position: absolute;
        right: 20px;
    }
}

/*============================
= Post cards and latest posts
=============================*/

.blog_section {
    padding-top: 140px;
    background: #EFF9FF var(--blog-bg) repeat-x center 296px;
    padding-bottom: 180px;
}

.blog_sec_header {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}


.blog_sec_header .sub_description {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    opacity: 0.6;
}

.blog_sec_header .flat-btn {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.post-cards-list {
    display: flex;
    gap: 10px;
    max-width: 1232px;
    margin: auto;
    overflow: visible;
    overflow-x: auto;
    padding: 29px 20px 5px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;

}

.post-cards-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.post-card {
    display: flex;
    flex-direction: column;
    flex: 0 0 321px;
    border-radius: 20px;
    background: #FFF;
    text-decoration: none !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    transition: transform 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out;
    transform: translateY(0) scale(1);
    position: relative;
    border-radius: 20px;
    border: 1px solid #D6EAF5;
    background: #FFF;
}

.post-card.wide-card {
    flex: 0 0 664px;
}

/*.post-cards-list a:hover {*/
/*    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.35), 0 1px 5px -1px rgba(0, 0, 0, 0.35);*/
/*    transform: translateY(-20px) scale(1.03);*/
/*}*/

.swiper {
    padding: 5px !important;
}

.swiper-navs {
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    position: initial !important;
    margin: 0 !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    padding: 13.5px 14px;
    border-radius: 10px;
    border: 1px solid #D6EAF5;
    background: #FFF;
    width: auto !important;
    height: auto !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    width: 10px;
    height: 11.147px;
    color: #2D3663;
}

.swiper-button-prev:after {
    transform: rotate(-180deg);
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    margin: 0 3px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: #2D3663 !important;
}


.swiper-pagination {
    width: max-content !important;
    max-width: max-content !important;
}

.swiper-wrapper {
    /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);*/
}

.post-card figure {
    margin: 0 !important;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    height: 181px;
}

.post-card.wide-card figure {
    height: 243px;
}

.i-author:before,
.post-card-author:before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' opacity='.6' stroke='%232d3663' stroke-width='1.333' stroke-linejoin='round' %3E%3Cpath d='M12.666 14v-1.333c0-.707-.281-1.386-.781-1.886S10.707 10 10 10H6c-.707 0-1.386.281-1.886.781s-.781 1.178-.781 1.886V14' stroke-linecap='round'/%3E%3Cpath d='M8 7.333c1.473 0 2.667-1.194 2.667-2.667S9.472 2 8 2 5.333 3.194 5.333 4.667 6.527 7.333 8 7.333z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    background-color: currentColor;
    color: inherit;
}

.post-card-author {
    color: #2D3663;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    opacity: 0.6;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.share-btn-small .share-btn {
    padding: 7px 7px;
    border-color: #CFD4DA;
    color: #CFD4DA;
    border-radius: 10px;
    background-color: white;
}


.post-cards-container {
    display: flex;
    gap: 20px;
    column-gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}


.post-card-content {
    padding: 20px;
    flex: 1;
    flex-direction: column;
    display: flex;
}

.pt-link {
    flex: 1;
}

.post-card-title {
    overflow: hidden;
    color: #2D3663;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    margin-bottom: 18px;
    text-decoration: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-card-excerpt {
    overflow: hidden;
    font-family: Montserrat;
    opacity: 0.6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 18px;
}

.post-card-meta {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.post-card-meta span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(45, 54, 99, 0.6);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 18px */
}


.i-calendar:before,
.i-clock:before,
.post-card-meta span:before {
    content: '';
    color: #2D3663;
    display: block;
    width: 14px;
    height: 14px;
    min-width: 14px;
    background-color: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px 14px;
}

.i-calendar:before {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48ZyBvcGFjaXR5PSIuNiIgY2xpcC1wYXRoPSJ1cmwoI0EpIiBzdHJva2U9IiMyZDM2NjMiIHN0cm9rZS13aWR0aD0iMS4xNjciPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQuNjY3IDEuMTY3VjMuNW00LjY2Ny0yLjMzM1YzLjUiLz48L2c+PHBhdGggZD0iTTExLjA4MyAyLjMzM0gyLjkxN2MtLjY0NCAwLTEuMTY3LjUyMi0xLjE2NyAxLjE2N3Y4LjE2N2MwIC42NDQuNTIyIDEuMTY3IDEuMTY3IDEuMTY3aDguMTY3Yy42NDQgMCAxLjE2Ny0uNTIyIDEuMTY3LTEuMTY3VjMuNWMwLS42NDQtLjUyMi0xLjE2Ny0xLjE2Ny0xLjE2N3oiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMS43NSA1LjgzM2gxMC41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJBIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE0djE0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}

.i-clock:before {
    background-color: rgba(45, 54, 99, 0.6) !important;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48ZyBjbGlwLXBhdGg9InVybCgjQSkiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuODMzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSA5LjE2N0E0LjE3IDQuMTcgMCAwIDAgOS4xNjcgNSA0LjE3IDQuMTcgMCAwIDAgNSAuODMzIDQuMTcgNC4xNyAwIDAgMCAuODMzIDUgNC4xNyA0LjE3IDAgMCAwIDUgOS4xNjd6Ii8+PHBhdGggZD0iTTUgMi41VjVsMS42NjcuODMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJBIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEwdjEwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}

.lp-btns {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.post-card-read-more {
    width: 83%;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}

.share-btn {
    padding: 7px 7px;
    border-color: #CFD4DA;
    color: #CFD4DA;
}

.post-card-read-more:after,
.i-larrow {
    content: '';
    width: 11.7px;
    height: 13px;
    background-color: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    display: block;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNSAxMS4xNTdoOS43NzJsLTMuNzk1LTMuNzk1IDEuMTkyLTEuMTkzTDE4IDEybC01LjgzMSA1LjgzMS0xLjE5Mi0xLjE5MyAzLjc5NS0zLjc5NUg1di0xLjY4N3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    transition: transform 0.3s ease-in-out;
    transform: translateX(0);
}

.post-card-read-more:hover:after {

    transform: translateX(40px);
}


.cat-links .cat-link {
    display: inline-flex;
    height: 24px;
    padding: 4px 12px;
    align-items: center;
    font-family: Montserrat;
    gap: 6px;
    border-radius: 16777200px;
    color: #3DC9EA;
    background: #EFF9FF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
}

.authors-list {
    justify-content: flex-start;
    margin-top: 40px;
    padding-bottom: 80px;
}

.author-card {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    gap: 16px;
    flex-direction: row;
    align-items: flex-start;
    display: flex;
    padding: 20px;
    flex: 0 0 437px;
}

.author-card img {
    height: 100%;
    width: auto;
}

.author-card .post-card-excerpt,
.author-card .post-card-meta {
    margin-bottom: 16px;
}

.author-card figure {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.author-card .post-card-content {
    padding: 0;
}

.author-card .post-card-meta span {
    color: #2D3663;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.15px;
}

.author-card .post-card-read-more::after,
.author-card .post-card-meta span:before {
    content: none;
}

.author-card .i-book,
.author-card .i-location {
    width: 16px;
    height: 16px;
    background-color: #2D3663;

}

.share-btn-small,
.share-container {
    position: relative;
}

.share-icons span {
    text-decoration: none;
    display: inline-flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
    border-radius: 100%;
    transition: transform 0.3s ease-in;
    pointer-events: none;

}

.share-icons {
    display: flex;
    gap: 5px;
    justify-content: center;
    position: absolute;
    top: -63px;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.3s ease-in;
}

.share-btn-small .share-icons {
    top: -271px;
    flex-direction: column;
}


.share-icons .fb {
    background-color: #1877F2;
    transform: translate(114px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.2s;
}

.share-icons .x {
    background-color: #000;
    transform: translate(68px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.1s;
}

.share-icons .ld {
    background-color: #0077B5;
    transform: translate(23px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in;
}

.share-icons .pin {
    background-color: #E60023;
    transform: translate(-22px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in;
}

.share-icons .wa {
    background-color: #25D366;
    transform: translate(-66px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.1s;
}

.share-icons .ri {
    background-color: #FF4500;
    transform: translate(-111px, 63px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.2s;
}


.share-btn-small .share-icons span {
    transform: translate(0, 0) rotate(-180deg) scale(0.3);
}


.share-btn-small .share-icons .fb {
    transform: translate(0, 259px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.28s;
}

.share-btn-small .share-icons .x {
    transform: translate(0, 222px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.24s;
}

.share-btn-small .share-icons .ld {
    transform: translate(0, 177px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.18s;
}

.share-btn-small .share-icons .pin {
    transform: translate(0, 132px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.12s;
}

.share-btn-small .share-icons .wa {
    transform: translate(0, 87px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in 0.06s;
}

.share-btn-small .share-icons .ri {
    transform: translate(0, 42px) rotate(-180deg) scale(0.3);
    transition: transform 0.3s ease-in;
}


.share-btn-small.active > .share-icons span,
.active > .share-icons span {
    transform: translateY(0) rotate(0);
    pointer-events: auto;
}

.share-icons span:hover {
    transform: translateY(0) rotate(0) scale(1.1) !important;
    transition: transform 0.3s ease-in !important;
}


.share-btn,
.share-container button {
    border-radius: 4px;
    border: 1px solid #252525;
    background: #FFF;
    align-items: center;
    display: flex;
    outline: 0 !important;
    gap: 10px;
    padding: 10px 12px;
    width: max-content;
    color: #252525;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    transition: all 0.3s ease-in-out;
}

.share-container button {
    border-radius: 50px;
    border: 1px solid #3DC9EA;
    background: #FFF;
    color: #3DC9EA;
}

.share-btn:before,
.share-container button:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48ZyBzdHJva2U9IiMyNTI1MjUiIHN0cm9rZS13aWR0aD0iMS4zMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjx1c2UgaHJlZj0iI0IiLz48dXNlIGhyZWY9IiNCIiB4PSItOCIgeT0iNC42NjYiLz48dXNlIGhyZWY9IiNCIiB5PSI5LjMzMyIvPjxwYXRoIGQ9Ik01LjcyNyA5LjAwN2w0LjU1MyAyLjY1M20tLjAwNy03LjMyTDUuNzI3IDYuOTkzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PGRlZnMgPjxwYXRoIGlkPSJCIiBkPSJNMTIgNS4zMzRhMiAyIDAgMSAwIDAtNCAyIDIgMCAxIDAgMCA0eiIvPjwvZGVmcz48L3N2Zz4=);
    background-color: currentColor;
}

.share-btn-small.active button:before,
.share-container.active button:before {
    mask: none;
    content: '+';
    transform: rotate(45deg);
    background-color: transparent;
    font-size: 39px;
    font-weight: 200;
    line-height: 0;
    display: block;
    position: relative;
    left: -4px;
}

.share-btn-small.active button::before {
    font-size: 30px;
    left: -5px;
    top: 3px;
}

.share-btn-small.active button,
.share-container.active button,
.header-line button:hover {
    background-color: #252525;
    color: white;

}


/*@media only screen and (max-width: 480px){
  .method_box .method_img {
    max-width: 24%;
    padding: 12px;
    flex: 0 0 24%;
  }
}*/


/* A+ Products */

.h2_title,
.products_main > .products_title > .h2_title,
.products_main > .products_title > h2 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.home .h2_title {
    color: white !important;
}

.products_main {
    padding: 40px 60px 60px;
}


.products_main > .products_title > p:not(:last-child) {
    margin-bottom: 20px;
}

.products_main > .products_title > h2 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.products_main {
    padding: 40px 60px 60px;
}

.products_main > .products_title > p {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.705;
}

.products_main > .products_title > p > a {
    color: #0066DD;
    font-weight: 600;
    line-height: 1.705;
    display: inline;
    vertical-align: top;
}

.bluetick_main {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 30px;
    background: #F5FAFF;
    padding: 30px 20px;
    margin-top: 60px;
    border-radius: 20px;
    background: rgba(59, 191, 173, 0.12);
}

.templated .bluetick_main > p {
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
    line-height: 150%; /* 24px */
}

.bluetick_img > img {
    width: 100%;
    max-width: 128px;
}

.bluetick_main > .bluetick_img {
    width: 100%;
    max-width: 49px;
    flex: 0 0 49px;
}

@media only screen and (max-width: 1199px) {
    .product_infoproduct_info .row {
        border-radius: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .products_main {
        padding: 24px;
    }

    .h2_title,
    .products_main > .products_title > h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .products_main > .products_title > p {
        font-size: 16px;
    }

    .bluetick_main > p {
        font-size: 16px;
    }

    .bluetick_main {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .products_main, .bluetick_main {
        padding: 20px;
    }

    .bluetick_main {
        margin-top: 22px;
    }
}


@media only screen and (max-width: 767px) {
    /*.products_main > .products_title > h2{
    font-size: 20px;
  }*/
    .product_info .row {
        border-radius: 16px;
    }

    .products_main > .products_title > p:not(:last-child) {
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 650px) {
    .bluetick_main {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .bluetick_main > .bluetick_img {
        width: 100%;
        max-width: 60px;
        flex: 0 0 60px;
    }
}

/* product_serum_sec CSS START */

.product_serum_main {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.product_serum_sec .row {
    margin: 0px;
}

.product_serum_main > div {
    width: 100%;
    max-width: calc(50% - 10px);
    flex: 0 0 50%;
    border-radius: 30px;
    background: #D5EAFF;
    display: flex;
    height: 100%;
    /* align-items: center;
    justify-content: space-between;*/
    overflow: hidden;
    column-gap: 15px;
}

.product_info_ctn {
    width: 100%;
    padding: 20px !important;
}

.templated .product_main_box.hair_loss {
    margin-top: 0;
    align-items: stretch;
    background: #EFF9FF;
    height: auto;
}

.product_main_box > .product_box_img {
    width: 100%;
    max-width: 38.9%;
    flex: 0 0 38.9%;
    background: #fff;
    aspect-ratio: auto;
    align-content: center;
    height: auto;
}

.product_main_box > .product_box_img > img {
    margin: 0 auto;
    max-height: 80%;
}

.product_main_box > .product_info_ctn > h4 {
    margin-top: 0;
}

.product_main_box > .product_ifnfo_ctn {
    padding: 0 30px 0 20px;
}

.product_main_box .product_info_ctn > ul li {
    position: relative;
    width: 100%;
    /*    max-width: 332px;*/
    padding-left: 34px;
    font-family: Montserrat;
    margin-bottom: 14px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
}

.product_main_box .product_info_ctn > ul li:not(:last-child) {
    margin-bottom: 18px;
}

/*.product_main_box .product_info_ctn > ul {
    padding-left: 34px;
}*/

.product_main_box .product_info_ctn > ul li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #1CB8DD;
    border-radius: 50%;
    top: 9px;
    left: 10px;
}

@media only screen and (min-width: 1200px) {
    .product_main_box.hair_loss {
    }

    .product_main_box.hair_growth {
        height: 354px;
    }
}

@media only screen and (max-width: 1199.98px) {
    .product_serum_main > div {
        column-gap: 12px;
        flex-direction: column;
        row-gap: 20px;
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
    }

    .product_main_box .product_info_ctn > ul li {
        max-width: 100%;
    }

    .product_main_box > .product_info_ctn > h3 {
        font-size: 18px;
    }

    .product_info_ctn {
        padding: 0px 20px 20px 20px;
        width: 100%;
    }

    .product_main_box > .product_box_img {
        aspect-ratio: auto;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        background: #fff;
        padding: 12px;
    }

    .product_main_box > .product_info_ctn > h3 {
        text-align: left;
    }

    /*.product_main_box .product_info_ctn > ul {
    padding-left: 14px;
  }*/
    .product_serum_main {
        flex-direction: column;
    }
}

/* Contact page CSS START */

.templated .row > .contact_bg_img {
    padding: 40px !important;
    max-width: 393px;
    background: linear-gradient(135deg, #EFF6FF 0%, #ECFEFF 50%, #FFF 100%);
}

.contact_ctn {
    display: flex;
    gap: 30px;
}

.contact_ctn > .contact_icon {
    width: 100%;
    max-width: 80px;
    height: 80px;
    align-content: center;
    background: #D9EAFF;
    border-radius: 16px;
    margin-bottom: 30px;
}

.contact_ctn > .contact_icon > img {
    margin: 0 auto;
}

.contact_heading h2 {
    color: #1F1F1F;
    text-align: left;
    font-size: 28px;
    margin-bottom: 4px;
    font-weight: 600;
    line-height: 1.5;
}

.contact_heading > p {
    color: #737373;
    font-size: 18px;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    max-width: 536px;
}

.contact_heading {
    margin-bottom: 30px;
}

form .name_main {
    display: flex;
    align-items: start;
    justify-content: start;
    column-gap: 10px;
    margin-bottom: 20px;
}

form .name_main > p > label, form .next_field > p > label, .contact_form_main .hbspt-form fieldset .hs-form-field > label {
    color: #737373;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
}

form .name_main > p > label > span > input, form .next_field > p > label > span > input, .contact_form_main .hbspt-form input:not([type="submit"]) {
    color: #737373 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12.5px 20px;
    border-radius: 100px;
    border: 1px solid rgba(192, 192, 192, 0.80);
    background: #FFF;
    margin-top: 5px;
    margin-right: auto;
    outline: none;
}

body .contact_form_main .hbspt-form .hs-input:not([type="submit"]) {
    width: 100% !important;
}

.contact_form_main .hbspt-form fieldset {
    max-width: 100%;
}

.contact_form_main .hbspt-form fieldset .hs-form-field {
    margin-bottom: 20px;
}

.contact_form_main .hbspt-form .hs-error-msgs label {
    color: red;
    font-size: 13px;
    width: 100%;
    position: absolute;
}

form .name_main > p > label > span > input {
    width: 100%;
    max-width: 263px;
    /*    margin-bottom: 20px; */
}

form .name_main > p {
    margin: 0;
}

form .next_field > p > label > span > input {
    max-width: 100% !important;
    width: 100%;
}

form .next_field > p > label {
    width: 100%;
    max-width: 536px;
}

.next_field > p:not(:last-child) {
    margin-bottom: 20px;
}

.next_field > p:not(:last-child) {
    margin-bottom: 20px;
}

form .next_field > p > label > span > textarea, body .contact_form_main .hbspt-form textarea {
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid rgba(192, 192, 192, 0.80);
    background: #FFF;
    padding: 10px;
    outline: none;
    margin-top: 5px;
    resize: none;
    max-height: 149px;
    height: 100%;
}

body .contact_form_main .hbspt-form textarea {
    height: 10em;
}

.contact_form_sec input.form_submit, .contact_form_main .hbspt-form .hs-button {
    width: 100%;
    border-radius: 100px;
    background: #06D !important;
    padding: 15px 30px !important;
    transition: all .5s;
    margin-top: 30px;
    color: #FFF !important;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
}

.contact_form_main .hbspt-form .hs-button {
    margin-top: 0px;
}

.contact_form_sec .white_box_row {
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

.contact_form_sec input.form_submit:hover, .contact_form_main .hbspt-form .hs-button:hover {
    background: #fff !important;
    border: 1px solid #000;
    color: #1F1F1F !important;
}

body .contact_form_sec .sent .wpcf7-response-output {
    display: block !important;
}

body .contact_form_sec .wpcf7-response-output {
    bottom: 0;
    width: 100%;
}

.contact_form_sec .wpcf7 form.invalid .wpcf7-response-output {
    margin-top: 0px !important;
}

.contact_social_icon_main > .find_us_title > h4 {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.contact_social_icon_main .contact_info_title h4 {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.contact_social_icon_main > .find_us_title {
    border-radius: 20px;
    background: #FFF;
    padding: 20px 20px 40px;
    margin-bottom: 20px;
}

.contact_social_icon > a > img {
    width: 27px;
    display: block;
}

.contact_social_icon {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: fit-content;
    margin-right: auto;
}

.contact_info {
    padding: 20px 20px 40px 20px;
    border-radius: 20px;
    background: #FFF;
}

.contact_info_ctn > ul > li > a, .contact_info_detail {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 8px;
    padding: 5px 0 !important;
    margin: 0 !important;
    color: #2D3663 !important;
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 160% !important;
}

.contact_form_sec .contact_form_main > div > form {
    position: relative;
}

.contact_info_ctn > ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.contact_us_inquiries {
    flex: 1;
    padding: 51px 60px 40px 60px !important;
}

@media only screen and (min-width: 992px) {
    .contact_form_sec .row {
        overflow: hidden;
        border-radius: 30px;
    }
}

@media only screen and (max-width: 1299px) {
    .contact_info_ctn > ul > li > a {
        column-gap: 12px;
    }

    .contact_us_inquiries {
        padding: 51px 40px 40px 40px !important;
    }

    .contact_bg_img {
        padding: 51px 40px 0;
    }
}

@media only screen and (min-width: 767.5px) and (max-width: 991px) {
    form .name_main {
        display: block;
    }
}

@media only screen and (min-width: 768.5px) and (max-width: 1024px) {
    body .contact_form_sec .wpcf7-response-output {
        bottom: -13px;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 1024px) {
    .contact_form_sec .row {
        overflow: hidden;
        border-radius: 18px;
    }

    .contact_us_inquiries {
        padding: 28px 28px 40px 28px !important;
    }

    .contact_ctn > .contact_icon {
        max-width: 70px;
        height: 70px;
        margin-bottom: 16px;
    }

    .contact_bg_img {
        padding: 28px 28px 0;
    }

    .contact_social_icon_main > .find_us_title, .contact_info {
        border-radius: 18px;
        padding: 16px;
    }
}

@media only screen and (max-width: 991px) {

    form .name_main > p > label > span > input {
        max-width: 100%;
    }

    form .name_main > p:not(:last-child) {
        margin-bottom: 20px;
    }

    .contact_heading h2 {
        font-size: 22px;
    }

    .contact_form_main .hbspt-form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .contact_heading > p {
        font-size: 16px;
    }

    .contact_bg_img {
        padding: 16px;
    }

    form .name_main > p:not(:last-child) {
        margin: 0;
    }

    form .next_field > p > label {
        max-width: 100%;
    }

    .contact_us_inquiries {
        padding: 16px 16px 40px 16px !important;
    }

    body .contact_form_sec .sent .wpcf7-response-output {
        display: block !important;
        font-size: 14px;
        text-align: center;
        bottom: 0%;
        width: 100%;
    }

    .contact_form_sec input.form_submit {
        margin-top: 16px;
    }

    body .contact_form_sec .wpcf7-response-output {
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
    form .name_main {
        display: block;
    }

    form .name_main > p > label {
        width: 100%;
    }

    form .name_main > p:not(:last-child) {
        margin: inherit;
    }

    body .contact_form_sec .wpcf7-response-output {
        bottom: -10px !important;
    }
}


/*============================================
= Start Blog single page Css
=============================================*/

/*============================================
= End Blog single page Css
=============================================*/
/*============================================
= Start Blog single page Css
=============================================*/

.page-header .page-title {
    font-size: 40px;
}

.search .site-content {
    border-radius: 30px;
    background: var(--white);
    margin-top: 20px;
    margin-bottom: 40px;
}

.search-results .post-image {
    display: none !important;
}

.search article {
    margin: 20px;
}

.search .inside-article {
    background: #f3f8ff !important;
}

.search .entry-summary:not(:first-child) {
    margin-top: 1em;
}

@media only screen and (min-width: 1401px) {
    .search .site-content {
        margin-bottom: 120px;
    }
}

@media only screen and (max-width: 1199.98px) {
    .search .site-main {
        margin: 0px;
    }
}

@media only screen and (max-width: 767.98px) {
    .search .page-header, .search .inside-article {
        padding: 15px;
    }

    .page-header .page-title {
        font-size: 30px;
    }

}

/*============================================
= End Blog single page Css
=============================================*/
/*============================================
= Start search page Css
=============================================*/

.search .search-result {
    background: #f3f8ff;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgb(0 102 221 / 18%);
    position: relative;
}

.search .page-header {
    padding: 20px 20px 0px 20px;
}

.search .search-result h2 {
    font-size: 25px;
}

.search .page-header .page-title {
    font-size: 35px;
}

.search .search_description a {
    display: none;
}

.search .search-result .read-more {
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    color: var(--blue_color);
}

.search .search-result .read-more:hover {
    color: var(--body_txt);
}

.search_description {
    opacity: 0.6;
}

@media only screen and (max-width: 767.98px) {
    .search .page-header .page-title {
        font-size: 28px;
    }

    .search .search-result h2 {
        font-size: 20px;
    }

}

/*============================================
= End search page Css
=============================================*/

/*Trichology vs dermatology Page CSS*/

.pdding_top_80 {
    padding-top: 80px;
}

body.page-id-631 .About_img_box_main img {
    aspect-ratio: auto;
    border-radius: 30px;
    height: auto;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 767.98px) {
    body.page-id-631 section.search-section {
        display: none;
    }

    body.page-id-631 .section_padding {
        padding: 30px 0;
    }

    body.page-id-631 .white_box_row {
        padding: 30px 0px;
    }

    .pdding_top_80 {
        padding-top: 40px;
    }

    body.page-id-631 .About_img_box_main {
        padding: 0;
        margin: 0;
    }

    .mobile_inner_space {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-id-631 h3.h3_title {
        margin-bottom: 20px;
    }

    .page-id-631 .about_section .mobile_inner_space {
        padding: 0;
    }

    body.page-id-631 .About_img_box_main img {
        aspect-ratio: auto;
        border-radius: 12px;
    }
}

/*Trichology vs dermatology Page CSS End*/


/*Trichology explained section CSS*/


p.font_600 {
    font-weight: 600;
    opacity: 0.6;
}

/*section.trichology_explained {
  padding: 140px 0;
}*/

.max-with-content {
    max-width: 1196px;
    margin: 0 auto;
}


/*Trichology explained section CSS End*/


/*william-gaunitz-wts page css*/

.top_section_btns a {
    border-radius: 100px;
    color: #fff;
    padding: 13px 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
}

a.fill_btn {
    border: 2px solid var(--blue_color);
    background: var(--blue_color);
}

a.border_btn {
    border: 2px solid var(--blue_color);
    background: transparent;
    color: var(--blue_color);
}

.top_section_btns {
    gap: 15px;
    margin-top: 20px;
}

a.fill_btn:hover {
    background: transparent;
    color: var(--blue_color);
}

a.border_btn:hover {
    background: var(--blue_color);
    color: #fff;
}

.backgound_content {
    flex-flow: column;
    gap: 40px;
}

body.page-id-635 .history_img img {
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .top_section_btns {
        flex-flow: column;
        gap: 10px;
    }

    .top_section_btns a {
        width: 100%;
        text-align: center;
    }

    body.page-id-635 .history_col {
        padding: 20px 20px 30px 20px !important;
    }

    .backgound_content {
        gap: 40px;
    }

    body.page-id-635 .backgound_main .h3_title {
        margin-bottom: 20px;
    }

    /*.top_section_btns a {
    padding: 8px 25px;
  }*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .white_box_row {
        padding: 40px 30px;
    }

    .backgound_content {
        gap: 20px;
    }

    /*.top_section_btns a {
    padding: 8px 25px;
  }*/
}

/*william-gaunitz-wts page css end*/


/*Search section css*/

.search-wrapper {
    background: var(--white);
    border-radius: 100px;
}

.input-group {
    width: 100%;
}

span.icon-search {
    color: #CFD4DA;
    background-color: currentColor;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTYuNiAxOGwtNi4zLTYuM2MtLjUuNC0xLjA3NS43MTctMS43MjUuOTVTNy4yMzMgMTMgNi41IDEzYy0xLjgxNyAwLTMuMzU0LS42MjktNC42MTItMS44ODhTLjAwMSA4LjMxNiAwIDYuNS42MjkgMy4xNDcgMS44ODggMS44ODggNC42ODUgMCA2LjUgMHMzLjM1My42MjkgNC42MTMgMS44ODhTMTMuMDAyIDQuNjg0IDEzIDYuNWMwIC43MzMtLjExNyAxLjQyNS0uMzUgMi4wNzVTMTIuMSA5LjggMTEuNyAxMC4zbDYuMyA2LjMtMS40IDEuNHpNNi41IDExYTQuMzQgNC4zNCAwIDAgMCAzLjE4OC0xLjMxMkMxMC41NjMgOC44MTMgMTEuMDAxIDcuNzUxIDExIDYuNWE0LjM0IDQuMzQgMCAwIDAtMS4zMTItMy4xODdDOC44MTQgMi40MzkgNy43NTEgMi4wMDEgNi41IDJhNC4zMiA0LjMyIDAgMCAwLTMuMTg3IDEuMzEzQzIuNDQgNC4xOSAyLjAwMiA1LjI1MiAyIDYuNWE0LjMzIDQuMzMgMCAwIDAgMS4zMTMgMy4xODhjLjg3Ny44NzcgMS45NCAxLjMxNSAzLjE4NyAxLjMxMnoiIGZpbGw9IiNjZmQ0ZGEiLz48L3N2Zz4=);
    width: 18px;
    height: 18px;
    mask-size: 18px;
    mask-repeat: no-repeat;
    mask-position: center;
    display: block;
}

span.icon-search:hover {
    color: #3DC9EA;
}

section.search-section {
    padding-top: 40px;
    padding-bottom: 20px;
}

.search-section .row {
    margin: 0px;
}

.page-template-trichology .search-section {
    padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    section.search-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .page-template-trichology .search-section {
        padding-bottom: 40px;
        display: none;
    }
}

/*Search section css End*/

/*What is Trichology section css*/

p.img_info {
    color: #1F1F1F;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27.2px;
    opacity: 0.6;
    margin-top: 10px;
}

.right_content {
    padding-left: 40px;
}

.left_content {
    padding-right: 40px;
}

.wit {
    gap: 80px;
}

.wit .rt {
    width: 535px;
    flex: 0 0 39.5%;
}

.bullet-flex {
    display: flex;
    gap: 16px;
    margin-top: 36px;
    flex-wrap: wrap;
}

.bullet-flex div {
    flex: 0 0 calc(50% - 8px);
    border-radius: 14px;
    background: #EFF9FF;
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.trichologist_col {
    padding-top: 40px;
}

.trichologist_col a {
    color: #0066DD;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.trichologist_col h3 {
    color: #1F1F1F;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

@media only screen and (max-width: 767px) {
    .left_content {
        padding-right: 0;
    }

    .right_content {
        padding-left: 0;
        padding-top: 25px;
    }

    p.img_info {
        font-size: 14px;
        line-height: 22.2px;
        text-align: left;
    }

    .trichologist_col h3 {
        font-size: 22px;
    }

    .trichology-section {
        padding-top: 10px;
    }

    .trichology-section .white_box_row {
        padding: 30px 8px;
    }

    .trichology-section .default_description p {
        opacity: .8;
    }

    .trichology-section .default-btn_txt {
        width: 100%;
    }

    .trichology-section .default-btn_txt .default-cta {
        font-size: 16px;
        justify-content: space-between;
    }

    .trichologist_col a {
        font-size: 16px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .left_content {
        padding-right: 20px;
    }

    .right_content {
        padding-left: 20px;
    }

    .trichology-section .white_box_row {
        padding: 40px 20px;
    }
}

/*What is Trichology section css end*/


/*World Trichology Society section CSS*/

.world_row {
    border-radius: 30px;
    overflow: hidden;
    padding: 0 60px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 30px;
    background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.world_col1 {
    padding: 0 30px;
}

.world_col2 {
    padding-left: 30px;
}

.margin_bottom_80 {
    margin-bottom: 80px;
}

.img_content_col div.img_content_inner_col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media only screen and (max-width: 767px) {
    .world_col1 {
        padding: 0;
        max-width: 135px;
        margin: 0 auto;
    }

    .world_col2 {
        padding: 40px 10px;
    }

    .margin_bottom_80 {
        margin-bottom: 30px;
    }

    .img_content_col div.img_content_inner_col {
        flex-direction: row;
    }

    .img_content_inner_col h3 {
        margin-top: 0 !important;
    }

    .page-template-training .trichology-section {
        overflow: hidden;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .world_col1 {
        padding: 0 15px;
    }

    .world_col2 {
        padding: 40px 20px;
    }

    .margin_bottom_80 {
        margin-bottom: 50px;
    }
}

/*World Trichology Society section css end*/


/*The Associate trichologist diploma section css end*/

.method_img {
    width: 100%;
    max-width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D9EAFF;
    border-radius: 16px;
}

h3.h3_title {
    margin-bottom: 8px;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
}

h4.h4_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30.6px;
    margin: 0;
}

.img_content_col {
    flex-flow: column;
    gap: 20px;
}

.syllabus_list_box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.syllabus_col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.ul_content {
    border-radius: 20px;
    background: #F5FAFF;
    padding: 20px;
    height: 100%;
}

.ul_content ul li {
    position: relative;
    padding-left: 34px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    color: #1F1F1F;
}

.ul_content ul li:not(:last-child) {
    margin-bottom: 11px;
}

.ul_content ul li:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #3DC9EA;
    background-repeat: no-repeat;
    background-size: contain;
}

.training .white_box_row {
    padding: 40px 60px 80px;
}

@media only screen and (max-width: 767px) {
    .syllabus_list_box {
        margin-left: 0;
        margin-right: 0;
        gap: 20px;
    }

    .syllabus_col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    h3.h3_title {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
    }

    body .history_col {
        padding: 40px 10px !important;
    }

    .method_img {
        max-width: 60px;
        height: 60px;
    }
}

/*The Associate trichologist diploma section css end*/

/*History behind World Trichology Society section css end*/

.history_row {
    background: var(--white);
    border-radius: 30px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
}

.history_col {
    padding: 60px 80px 60px 60px;
}

.history_col p {
    margin-bottom: 20px;
}

span.color_change {
    color: #1F1F1F;
    font-weight: 600;
}

.world_col2 .default_description, .img_content_col .default_description {
    margin-top: 0;
}

.history-section .history_col h3.h3_title {
    margin-bottom: 0px;
}

.opacity_1 p {
    opacity: 1;
}

p.margin_space {
    margin-top: 40px;
}

.trichology-section .About_img_box_main {
    padding: 60px 0px 40px;
    display: flex;
    gap: 10px;
}

.trichology-section .About_img_box_main div {
    border-radius: 20px;
    overflow: hidden;
    flex: 1;
}

.trichology-section .About_img_box_main img {
    width: 100%;
}

.templated {
    width: 100%;
}

.templated .container {
    max-width: 1392px;
    padding: 40px 20px 120px;
    margin: auto;
}


.templated ol li,
.templated ul li,
.templated .ul_content ul li,
.templated p {
    color: rgba(45, 54, 99, 0.8);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.templated .rounded {
    border-radius: 20px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.templated .img_caption {
    color: var(--Dark-Blue, #2D3663);
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%; /* 24px */
    opacity: 0.6;
    text-align: left;
    margin-top: 20px;
}

.templated h3 {
    color: var(--Dark-Blue, #2D3663);
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    margin-top: 40px;
}

.templated h4 {
    color: var(--Dark-Blue, #2D3663);
    font-family: "Libre Baskerville";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.templated .row > div {
    padding: 0 !important;
}

.templated .flat-btn {
    margin-top: 40px;
    padding-left: 0;
}

.training {
    background: linear-gradient(135deg, #EFF6FF 0%, #ECFEFF 50%, #FFF 100%);

}

.templated .raised {
    margin-top: 40px;
    border-radius: 30px;
    margin-bottom: 0;
    background: var(--White, #FFF);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.atd-main {
    margin-bottom: 40px;
}

.templated h4,
.training h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.training .CTA_section {
    padding: 40px 0;
}

.training .CTA_section .container:before {
    display: none;
}

.training .CTA_section .CTA_section p {
    max-width: 100%;
}

.training .CTA_section .default-btn {
    background: #2D3663;
    color: white;
    width: 280px;
    text-align: center;
    display: block;
}

.training .CTA_section .container {
    background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    padding: 60px;
}

.contact-flex {
    display: flex;
    gap: 30px;
}

.contact_col {
    padding: 40px;
}

.contact_form_main form .name_main > p > label, form .next_field > p > label,
.contact_form_main .hbspt-form fieldset .hs-form-field > label,
.contact_form_main form .name_main > p > label, form .next_field > p > label span,
.contact_form_main .hbspt-form fieldset .hs-form-field > label span,
.contact_col form .name_main > p > label, form .next_field > p > label span,
.contact_col .contact_form_main .hbspt-form fieldset .hs-form-field > label span,
.contact_col form .name_main > p > label, form .next_field > p > label span,
.contact_col .contact_form_main .hbspt-form fieldset .hs-form-field > label span {
    color: var(--Dark-Blue, #2D3663);
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 16.9px */
    text-transform: capitalize;
    opacity: 0.8;
}

.contact_form_sec input.form_submit, .contact_form_main .hbspt-form .hs-button {
    color: var(--white) !important;
    padding: 15px 30px;
    width: 100%;
    max-width: 100%;
    border-radius: 100px;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%) !important;
    text-align: center;
    transition: all 0.3s ease 0s;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.i-sparkles {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' %3E%3Cg stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13.2486 20.6667C13.1296 20.2053 12.8891 19.7842 12.5521 19.4472C12.2151 19.1103 11.794 18.8698 11.3326 18.7507L3.1526 16.6414C3.01304 16.6018 2.89021 16.5177 2.80275 16.402C2.71529 16.2862 2.66797 16.1451 2.66797 16C2.66797 15.855 2.71529 15.7139 2.80275 15.5981C2.89021 15.4824 3.01304 15.3983 3.1526 15.3587L11.3326 13.248C11.7939 13.1291 12.2149 12.8888 12.5518 12.5521C12.8888 12.2154 13.1294 11.7946 13.2486 11.3334L15.3579 3.15338C15.3971 3.01327 15.4811 2.88984 15.597 2.80191C15.7129 2.71398 15.8544 2.66638 15.9999 2.66638C16.1454 2.66638 16.2869 2.71398 16.4028 2.80191C16.5188 2.88984 16.6027 3.01327 16.6419 3.15338L18.7499 11.3334C18.869 11.7948 19.1095 12.2159 19.4464 12.5529C19.7834 12.8898 20.2045 13.1303 20.6659 13.2494L28.8459 15.3574C28.9866 15.3962 29.1107 15.4801 29.1991 15.5961C29.2875 15.7122 29.3353 15.8541 29.3353 16C29.3353 16.146 29.2875 16.2879 29.1991 16.4039C29.1107 16.52 28.9866 16.6039 28.8459 16.6427L20.6659 18.7507C20.2045 18.8698 19.7834 19.1103 19.4464 19.4472C19.1095 19.7842 18.869 20.2053 18.7499 20.6667L16.6406 28.8467C16.6014 28.9868 16.5174 29.1103 16.4015 29.1982C16.2856 29.2861 16.1441 29.3337 15.9986 29.3337C15.8531 29.3337 15.7116 29.2861 15.5957 29.1982C15.4798 29.1103 15.3958 28.9868 15.3566 28.8467L13.2486 20.6667Z' stroke='url(%23A)'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M26.666 4V9.33333' stroke='url(%23B)'/%3E%3Cpath d='M29.3333 6.66663H24' stroke='url(%23C)'/%3E%3Cpath d='M5.33398 22.6666V25.3333' stroke='url(%23D)'/%3E%3Cpath d='M6.66667 24H4' stroke='url(%23E)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='2.668' y1='16' x2='29.335' y2='16' href='%23F'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='26.666' y1='6.667' x2='27.666' y2='6.667' href='%23F'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='C' x1='24' y1='7.167' x2='29.333' y2='7.167' href='%23F'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='D' x1='5.334' y1='24' x2='6.334' y2='24' href='%23F'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='E' x1='4' y1='24.5' x2='6.667' y2='24.5' href='%23F'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='F' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    background-color: currentColor;
    color: #3DC9EA;
    display: block;
}

.templated .row > .contact_us_inquiries {
    padding: 40px !important;
}

.contact-heading {
    color: var(--Dark-Blue, #2D3663);
    font-family: "Libre Baskerville";
    font-size: 32px;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 48px */
}

.contact_details h4,
.find_us h4 {
    margin-top: 0;
}

.contact_details,
.find_us {
    margin-top: 40px;
    border-radius: 20px;
    border: 1px solid #D6EAF5;
    background: #FFF;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);

    padding: 20px 20px 40px 20px;
}

.find_us .footer_social a {
    width: 30px;
    height: 30px;
}

.find_us .footer_social .instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' %3E%3Cg opacity='.6' clip-path='url(%23D)'%3E%3Cpath d='M17.625 14.993a2.63 2.63 0 1 1-5.263 0 2.63 2.63 0 1 1 5.263 0z' fill='url(%23A)'/%3E%3Cpath d='M19.437 7.039h-8.889c-1.935 0-3.509 1.574-3.509 3.509v8.889c0 1.935 1.574 3.509 3.509 3.509h8.889c1.935 0 3.509-1.574 3.509-3.509v-8.889c0-1.935-1.574-3.509-3.509-3.509zm-4.444 12.339a4.39 4.39 0 0 1-4.386-4.386 4.39 4.39 0 0 1 4.386-4.386 4.39 4.39 0 0 1 4.386 4.386 4.39 4.39 0 0 1-4.386 4.386zm5.029-8.538c-.485 0-.877-.393-.877-.877s.393-.877.877-.877.877.393.877.877-.393.877-.877.877z' fill='url(%23B)'/%3E%3Cpath d='M22.068.022H7.916C3.563.022.021 3.564.021 7.917v14.152c0 4.353 3.542 7.895 7.895 7.895h14.152c4.353 0 7.895-3.542 7.895-7.895V7.917c0-4.353-3.542-7.895-7.895-7.895zM24.7 19.437a5.27 5.27 0 0 1-5.263 5.263h-8.889a5.27 5.27 0 0 1-5.263-5.263v-8.889a5.27 5.27 0 0 1 5.263-5.263h8.889a5.27 5.27 0 0 1 5.263 5.263v8.889z' fill='url(%23C)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='12.361' y1='14.993' x2='17.625' y2='14.993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='7.039' y1='14.993' x2='22.946' y2='14.993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='C' x1='.021' y1='14.993' x2='29.963' y2='14.993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3CclipPath id='D'%3E%3Cpath fill='%23fff' d='M0 0h30v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.find_us .footer_social .linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' %3E%3Cg opacity='.6' clip-path='url(%23B)'%3E%3Cpath d='M25.909 0H4.091A4.09 4.09 0 0 0 0 4.091v21.818A4.09 4.09 0 0 0 4.091 30h21.818A4.09 4.09 0 0 0 30 25.909V4.091A4.09 4.09 0 0 0 25.909 0zM10.227 23.741a.63.63 0 0 1-.048.242c-.032.077-.078.147-.137.206s-.129.106-.205.137a.63.63 0 0 1-.242.048H6.9c-.083 0-.166-.016-.243-.048s-.147-.079-.206-.137a.63.63 0 0 1-.185-.449V12.443c0-.168.067-.329.186-.448s.28-.186.448-.186h2.695c.168 0 .329.067.447.186s.185.28.185.448v11.298zM8.247 10.739c-.506 0-1-.15-1.42-.431s-.748-.68-.942-1.147-.244-.981-.146-1.477.342-.952.7-1.309.813-.601 1.309-.7 1.01-.048 1.477.146.867.521 1.147.942.431.915.431 1.42c0 .678-.269 1.328-.749 1.808s-1.13.749-1.808.749zm16.067 13.047a.58.58 0 0 1-.17.413.58.58 0 0 1-.413.17h-2.898a.58.58 0 0 1-.223-.044c-.071-.029-.135-.072-.189-.126a.58.58 0 0 1-.17-.413v-5.293c0-.791.232-3.464-2.068-3.464-1.781 0-2.144 1.829-2.216 2.651v6.113c0 .153-.06.3-.168.409s-.254.172-.407.174h-2.799a.58.58 0 0 1-.412-.171.58.58 0 0 1-.17-.412V12.394a.58.58 0 0 1 .17-.412.58.58 0 0 1 .412-.171h2.799c.155 0 .303.061.412.171s.171.258.171.412v.985c.661-.994 1.641-1.757 3.733-1.757 4.633 0 4.602 4.326 4.602 6.702l.003 5.461z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='15' x2='30' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' d='M0 0h30v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.find_us .footer_social .facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' %3E%3Cg opacity='.6' clip-path='url(%23B)'%3E%3Cpath d='M25.587.029H4.417C1.999.029.031 1.997.031 4.415v21.17c0 2.418 1.968 4.386 4.386 4.386h8.83V19.386H9.739v-5.263h3.509v-3.567a5.27 5.27 0 0 1 5.263-5.263h5.322v5.263h-5.322v3.567h5.322l-.877 5.263h-4.444v10.585h7.076c2.418 0 4.386-1.968 4.386-4.386V4.415c0-2.418-1.968-4.386-4.386-4.386z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='.031' y1='15' x2='29.973' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3CclipPath id='B'%3E%3Cpath fill='%23fff' d='M0 0h30v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.find_us .footer_social .youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' %3E%3Cg opacity='.6'%3E%3Cpath d='M28.469 7.97c-.324-1.205-1.274-2.155-2.479-2.479-2.201-.602-11.004-.602-11.004-.602s-8.803 0-11.004.579C2.8 5.792 1.827 6.766 1.503 7.97.924 10.171.924 14.735.924 14.735s0 4.587.579 6.765c.324 1.205 1.274 2.154 2.479 2.479 2.224.602 11.004.602 11.004.602s8.803 0 11.004-.579c1.205-.324 2.155-1.274 2.479-2.479.579-2.201.579-6.765.579-6.765s.023-4.587-.579-6.788zM12.183 18.951v-8.433l7.321 4.216-7.321 4.216z' fill='url(%23A)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='.924' y1='14.735' x2='29.049' y2='14.735' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.as-flex {
    display: flex;
    gap: 60px;
}

.as-flex > div {
    flex: 1;
}

.pl-40 {
    padding-left: 40px;
}

.abt-will {
    margin-bottom: 40px;
}

.abt-will h1 {
    margin-bottom: 20px;
}

.abt-will p {
    margin-bottom: 20px;
}

.abt-will .will-method {
    max-height: 320px;
}


.bio-item:before {
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
}

.bio-item {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #D6EAF5;
    background: rgba(239, 249, 255, 0.40);
    display: flex;
    padding: 20px;
    padding-left: 26px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 1 0 0;
    margin-top: 40px;
}

.bio-item h3 {
    margin-top: 0;
}


.bio-item h3 {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bio-item h3:before {
    display: block;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}

.bio-item:first-child h3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' %3E%3Cg stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M31.2849 19.1014C31.4995 19.0067 31.6817 18.8512 31.8088 18.6539C31.9359 18.4567 32.0024 18.2266 31.9999 17.992C31.9975 17.7574 31.9263 17.5286 31.7952 17.3341C31.664 17.1395 31.4787 16.9877 31.2621 16.8975L20.9847 12.2163C20.6723 12.0738 20.3329 12 19.9895 12C19.6461 12 19.3067 12.0738 18.9942 12.2163L8.71804 16.8927C8.50456 16.9862 8.32296 17.1399 8.19544 17.335C8.06791 17.53 8 17.758 8 17.9911C8 18.2241 8.06791 18.4521 8.19544 18.6472C8.32296 18.8423 8.50456 18.996 8.71804 19.0894L18.9942 23.7755C19.3067 23.918 19.6461 23.9918 19.9895 23.9918C20.3329 23.9918 20.6723 23.918 20.9847 23.7755L31.2849 19.1014Z' stroke='url(%23A)'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M31.9766 17.9958V25.1903' stroke='url(%23B)'/%3E%3Cpath d='M12.793 20.9936V25.1904C12.793 26.1445 13.551 27.0594 14.9002 27.7341C16.2494 28.4087 18.0794 28.7877 19.9875 28.7877C21.8956 28.7877 23.7256 28.4087 25.0748 27.7341C26.424 27.0594 27.182 26.1445 27.182 25.1904V20.9936' stroke='url(%23C)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='8' y1='17.996' x2='32' y2='17.996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='31.977' y1='21.593' x2='32.977' y2='21.593' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='C' x1='12.793' y1='24.891' x2='27.182' y2='24.891' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.bio-item:nth-child(2) h3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' %3E%3Cg stroke-linejoin='round'%3E%3Cpath d='M20 11.6667V35' stroke='url(%23A)' stroke-width='1.333' stroke-linecap='round'/%3E%3Cpath d='M11 26C10.7348 26 10.4804 25.8946 10.2929 25.7071C10.1054 25.5196 10 25.2652 10 25V12C10 11.7348 10.1054 11.4804 10.2929 11.2929C10.4804 11.1054 10.7348 11 11 11H16C17.0609 11 18.0783 11.4214 18.8284 12.1716C19.5786 12.9217 20 13.9391 20 15C20 13.9391 20.4214 12.9217 21.1716 12.1716C21.9217 11.4214 22.9391 11 24 11H29C29.2652 11 29.5196 11.1054 29.7071 11.2929C29.8946 11.4804 30 11.7348 30 12V25C30 25.2652 29.8946 25.5196 29.7071 25.7071C29.5196 25.8946 29.2652 26 29 26H23C22.2044 26 21.4413 26.3161 20.8787 26.8787C20.3161 27.4413 20 28.2044 20 29C20 28.2044 19.6839 27.4413 19.1213 26.8787C18.5587 26.3161 17.7956 26 17 26H11Z' stroke='url(%23B)' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='A' x1='20' y1='23.333' x2='21' y2='23.333' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='10' y1='20' x2='30' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.bio-item:last-child h3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' %3E%3Cpath d='M20 20V24.8889M22.4 22.4444H17.6M24.8 13.8889V11.4444C24.8 10.7961 24.5471 10.1744 24.0971 9.71596C23.647 9.25754 23.0365 9 22.4 9H17.6C16.9635 9 16.353 9.25754 15.9029 9.71596C15.4529 10.1744 15.2 10.7961 15.2 11.4444V13.8889M27.2 13.8889V31M12.8 13.8889V31M10.4 13.8889H29.6C30.9255 13.8889 32 14.9833 32 16.3333V28.5556C32 29.9056 30.9255 31 29.6 31H10.4C9.07452 31 8 29.9056 8 28.5556V16.3333C8 14.9833 9.07452 13.8889 10.4 13.8889Z' stroke='url(%23A)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='8' y1='20' x2='32' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233dc9ea'/%3E%3Cstop offset='1' stop-color='%231cb8dd'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.syllabus_col.divided_list {
    width: 100%;
}

/*.history_img, .history_img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}*/

.effective-btn {
    padding: 15px 0px;
}

@media only screen and (min-width: 768px) {
    .desktop_hide {
        display: none;
    }
}

@media only screen and (max-width: 767.98px) {
    .trichology-section .About_img_box_main {
        padding: 15px 0px;
    }

    p.margin_space {
        margin-top: 18px;
    }

    .history-section .contact_bg_img {
        padding: 40px 20px !important;
    }

    .history_row {
        border-radius: 10px;
    }

    .page-id-635 .history_img img {
        aspect-ratio: 373 / 250;
    }

    .history-section .h2_title {
        margin-bottom: 20px;
    }

    .page-template-3-growth-stimulants-template .side-by-img-content .side-img {
        margin-left: 0px;
    }

    .effective_mobile_img p {
        margin-bottom: 4.5px;
    }

    .mobile_hide {
        display: none;
    }

    .effective_mobile_img {
        margin-bottom: 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .history_col {
        padding: 40px 20px;
    }

    p.margin_space {
        margin-top: 18px;
    }
}

/*History behind World Trichology Society section css end*/

/*CTC section css */

.light_design .wpcf7 input[type="email"] {
    border: 1px solid #ffffff;
    color: #ffffff;
    background: transparent;
    border-radius: 100px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    text-transform: capitalize;
    width: 100%;
}

.light_design input.wpcf7-submit {
    background: #ffffff;
    color: #0066dd;
    border: 2px solid #ffffff;
    padding: 9px 30px;
    border-radius: 100px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;

}

.light_design .wpcf7 form.invalid .wpcf7-response-output {
    margin-top: 16px !important;
}

.light_design span.wpcf7-spinner {
    position: absolute;
    right: -55px;
    top: 50%;
    transform: translatey(-50%);
    margin: 0;
}

.light_design .form_main input::placeholder {
    color: #FFF;
    opacity: 1;
    font-size: 14px;
}

.padding_60 {
    padding: 60px;
}

.light_design {
    margin-top: 40px;
}

.light_design input.wpcf7-submit:hover {
    border: 2px solid #ffffff;
    color: #fff;
    background: transparent;
}

/* .history_col .contact_form_main p {
  margin-bottom: 0;
} */
@media only screen and (max-width: 767px) {
    .form_main {
        overflow: hidden;
    }

    .padding_60 {
        padding: 30px 20px;
    }
}

/*CTC section css end*/

.inner_col {
    padding: 40px 60px;
    border-radius: 30px;
    height: 100%;
}

.col-12:first-child .inner_col {
    margin-right: 10px;
}

.col-12:last-child .inner_col {
    margin-left: 10px;

}

.img_content_col {
    height: 100%;
}

.inner_col h3.h3_title {
    margin: 0px 0px 20px 0px;
}

@media only screen and (max-width: 767px) {
    .inner_col {
        padding: 40px 20px;
    }

    .icon_text_main {
        margin-bottom: 20px;
    }

    .ul_content ul li {
        font-size: 16px;
        line-height: 25.6px;
    }

    .ul_content {
        padding: 10px 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .inner_col {
        padding: 40px 20px;
    }

    h3.h3_title {
        font-size: 22px;
        line-height: 28px;
    }
}

/*video-categorys page CSS*/

.video_box_img a {
    display: block;
}

.video_box_img a img {
    width: 100%;
}

.video_box_img {
    margin-bottom: 20px;
}

.video_content h4 a {
    font-size: 16px;
    line-height: 27.2px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h2.bottom_space_h2 {
    margin-bottom: 40px;
}

.video_section .white_box_row {
    padding-bottom: 100px;
    /*      margin-bottom: 100px;*/
}

.page-template-video-category .video_section .pagination-container {
    padding-top: 40px;
}

@media only screen and (max-width: 767.98px) {
    .video_row.row .col-lg-4.col-md-6.col-12.mb-4 {
        padding: 0px;
    }

    .page-template-video-category .video_section .white_box_row {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .video_content_main {
        padding: 0px 20px;
    }

    .video_box_img {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 567.98px) {
    .video_section .bottom_space_h2 {
        text-align: center;
    }

}

/*video-categorys page CSS end*/

/*video-categorys single page CSS*/

body.single-video-category h1 {
    margin-bottom: 40px !important;
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
}

body.single-video-category .video-featured-image img {
    width: 100%;
}

.video-single-post-main {
    border-radius: 30px;
    background: #FFF;
    padding: 40px 60px 100px 60px;
    margin-bottom: 100px;
    display: flex;
}

.video_content {
    width: 79%;
}

.video-sidebar {
    width: 20%;
}

body.page-template-verification-page .grid-container,
body.author .grid-container,
.single-video-category .grid-container {
    max-width: initial;
}

body.author .grid-container {
    padding: 0;
}

body.single-video-category .video-single-post-main ul li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    display: block;
}

body.single-video-category .video-single-post-main ul li:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #0066DD;
    background-repeat: no-repeat;
    background-size: contain;
}

body.single-video-category .video-single-post-main ul li a {
    color: #06D;
    font-weight: 600;
    display: inline;
}

body.single-video-category h4 {
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.video_content a {
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: inline;
}

.video_content li {
    position: relative;
    padding-left: 24px;
    color: #2D3663;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    margin-bottom: 20px;
}

.video_content li:before {
    content: '';
    display: block;
    width: 10px;
    position: absolute;
    height: 10px;
    border-radius: 10px;
    background: #2D3663;
    top: 7px;
    left: 2px;
}

body.single-video-category h3 {
    margin-bottom: 20px;
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
}

/* body.single-video-category h4 + p {
    margin-bottom: 0px;
} */

body.single-video-category h4 + ul {
    margin-bottom: 20px;
}

body.single-video-category .video-single-post-main h4:has(+ ul) {
    margin-bottom: 20px;
}

a.title_link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.video-sidebar-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2D3663;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    opacity: 0.8;
}

.video-sidebar-item:not(:last-child) {
    margin-bottom: 20px;
}

.video-sidebar-item a img {
    width: 100%;
    margin-bottom: 10px;
    /*     height: 195px; */
    object-fit: cover;
}

.video_featured_img a {
    display: block;
}

.video-featured-image {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .video-single-post-main {
        border-radius: 10px;
        background: transparent;
        padding: 0px;
        margin-bottom: 30px;
        flex-flow: column;
    }

    .video_content {
        width: 100%;
        background: #fff;
        padding-bottom: 20px;
    }

    .video-sidebar {
        width: 100%;
        padding-left: 0;
        background: #fff;
    }

    .single-video-category .container.grid-container, .single-video-category .site-content .container {
        padding: 0px;
    }

    .single-video-category .post_content {
        padding: 0px 20px;
        font-size: 14px;
        line-height: 1.7;
    }

    .video_main {
        margin-bottom: 20px;
    }

    body.single-video-category h1 {
        padding: 0 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 20px !important;
        line-height: 1.7 !important;
        margin-bottom: 30px;
        color: #2D3663 !important;
        font-weight: 400 !important;
        line-height: 150%; /* 30px */
        margin-bottom: 30px !important;
    }

    .see-all-content .read-more-scroll {
        border: 1px solid #CECECE;
        padding: 10px;
        border-radius: 10px;
    }

    .single-video-category .video-sidebar .title_link, .single-video-category .video-sidebar .video-sidebar-item p {
        padding: 0px 20px;
    }

    .video-sidebar-item {
        margin-bottom: 30px !important;
    }

    body.single-video-category h4 {
        line-height: 14px;
        font-size: 16px;
    }
}

/*video-categorys single page CSS end*/


/*3 Reasons For Hair Loss page CSS Start*/

.author-box {
    border-radius: 20px;
    background: #EFF9FF;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 20px 0;
    gap: 20px;
}

.author-img {
    max-width: 80px;
    width: 100%;
    overflow: hidden;
}

.author-img img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
}

.author-content {
    width: 100%;
}

.author-content > p {
    font-size: 18px;
    position: relative;
    display: inline;
}

.author-content > h4:before, .author-content > h4:after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    mask-image: url(/wp-content/uploads/2025/04/quote-icon.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #2D3663;
    opacity: 0.6;
}

.author-img {
    border-radius: 100%;
    border: 4px solid #FFF;
}

.author-box h4 {
    margin: 0;
    margin-bottom: 10px;
}

.author-content > h4:before {
    margin-right: 10px;
}

.author-content > h4:after {
    transform: rotate(180deg);
    margin-left: 10px;
}

.author-detail {
    margin-top: 10px;
}

.reason-sec h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.reason-sec {
    margin-top: 80px;
}

.reasons-box {
    display: flex;
    gap: 20px;
    margin-bottom: 80px;
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .author-content > p {
        font-size: 16px;
    }

    .author-content > p:after {
        top: 0;
        right: -15px;
    }

    .author-content > p:before, .author-content > p:after {
        position: absolute;
    }

    .author-content {
        position: relative;
    }

    .author-content > p:before {
        left: -15px;
    }

}

@media only screen and (max-width: 567px) {
    .author-content > p {
        font-size: 16px;
    }

    .author-content > p {
        max-width: 244px;
        width: 100%;
        display: block;
        margin: auto;
    }
}

.side-by-img-content {
    display: flex;
    gap: 80px;
    border-bottom: 1px solid #D6EAF5;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.side-by-img-content p {
    margin-bottom: 0 !important;
}

.side-by-img-content:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.side-by-img-content h3 {
    margin-top: 0;
    margin-bottom: 8px;
}

.page-template-3-reasons-for-hair-loss .side-img {
    max-width: 118px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.page-template-3-growth-stimulants-template .side-img {
    max-width: 300px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .page-template-3-growth-stimulants-template .side-content {
        max-width: calc(100% - 30px - 6.5%);
        width: 100%;
    }
}

.side-img p {
    text-align: left;
    color: #2D3663;
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    opacity: 1;
}

.stimulant-sec h1 {
    margin-bottom: 20px;
}

.stimulant-sbs .side-by-img-content {
    align-items: flex-start;
}

.stimulant-sbs .side-img {
    border-radius: 20px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    width: 240px;
    height: auto;
    overflow: hidden;
}

.eff-flex {
    gap: 80px;
}

.eff-flex .lf {
    max-width: 692px;
}

.stimulant-sec p * {
    font-weight: 400 !important;
}


.side-section-saperater {
    background-color: #1F1F1F;
    opacity: 0.2;
}

@media only screen and (max-width: 767.98px) {
    .side-by-img-content {
        flex-direction: column;
        gap: 20px;
    }

    .side-img {
        margin: auto;
    }

    .page-template-3-reasons-for-hair-loss .side-img {
        max-width: fit-content;
    }


    /*.trichology-section.margin_bottom_80 {
      margin-bottom: 0px;
  }*/
    .last_side_by_img {
        padding-bottom: 0px;
    }

}

.effective-btn {
    display: flex;
    gap: 10px;
    color: var(--blue_color);
    font-weight: 600;
}

.effective-btn img {
    transition: all .5s;
}

.effective-btn:hover img {
    filter: brightness(0);
}

/*3 Reasons For Hair Loss page CSS end*/


/*----------------------- customize css -------------------- */


.see-all-content {
    height: inherit;
    position: relative;
    transition: all 0.4s;
}

.post-description .read-more {
    display: flex;
    font-weight: 600;
    line-height: 1.6;
    transition: all .3s;
    gap: 10px;
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.post-description .scrollbar-active {
    max-height: 150px !important;
    overflow-y: scroll;
}

.post-description p {
    display: inline-block;
    padding-right: 10px;
}

.post-description .more-text {
    display: none;
}

.post-description {
    margin-bottom: 20px;
}

.video_main iframe, body.single-post iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}

.video_main {
    margin-bottom: 10px;
}

.video-single {
    display: flex;
    gap: 40px;
}

.video_content p a {
    background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.pagination-container .main_list_ul li.prev a img {
    transform: rotate(184deg);
}

.trichology_explained .default-btn_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .video-single-post-main {
        padding: 40px 20px 50px 20px;
        margin-bottom: 50px;
    }

    .video-sidebar {
        width: 30%;
    }

    .video_content {
        width: 70%;
    }
}

.for_mobile_post {
    display: none;
}


/* Hunspot form CSS */

.my-custom-form-wrapper {
    max-width: 462px;
    margin: 0 auto;
    position: relative;
}

.my-custom-form-wrapper .hs-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.my-custom-form-wrapper input[type="email"] {
    border-radius: 100px;
    border: 1px solid #06d;
    padding: 11px 20px;
    color: #06d;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.5px;
    width: 296px;
}

.my-custom-form-wrapper input[type="submit"] {
    border-radius: 100px;
    background: #06d;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    border: 2px solid #06d;
    padding: 10px 30px;
    margin-left: 10px;
}

.my-custom-form-wrapper input[type="submit"]:hover {
    border: 2px solid #06d;
    color: #06d;
    background: transparent;
}

.my-custom-form-wrapper .hs_email,
.my-custom-form-wrapper .hs_submit {
    display: inline-block;
    vertical-align: middle;
}

.my-custom-form-wrapper .hs-form > .hs-form-field {
    margin: 0;
    display: inline-block;
}

.my-custom-form-wrapper .hs-form label {
    display: none;
}

.my-custom-form-wrapper input::placeholder {
    color: #06d;
    opacity: 1;
}

.my-custom-form-wrapper input::-webkit-input-placeholder {
    color: #06d;
}

label.hs-main-font-element {
    display: block !important;
    text-align: left;
}

.hs_error_rollup {
    position: absolute;
    width: 100%;
    bottom: -20px;
}

.hs_error_rollup label.hs-main-font-element {
    border: 1px solid red;
    padding: 2px 6px;
}

.CTA_section .hs_error_rollup label.hs-main-font-element {
    border-color: #ffffff;
}

.my-custom-form-wrapper .hs-error-msgs {
    color: red;
    font-size: 13px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.light_design .my-custom-form-wrapper input[type="email"] {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    background: transparent;
}

.light_design .my-custom-form-wrapper input::-webkit-input-placeholder {
    color: #fff;
}

.light_design .my-custom-form-wrapper input[type="submit"] {
    background: #ffffff;
    color: #0066dd;
    border: 2px solid #ffffff;
}

.light_design .my-custom-form-wrapper input[type="submit"]:hover {
    border: 2px solid #ffffff;
    color: #fff;
    background: transparent;
}

@media only screen and (max-width: 767px) {
    .my-custom-form-wrapper .hs-form > .hs-form-field {
        display: block;
    }

    .my-custom-form-wrapper .hs_email, .my-custom-form-wrapper .hs_submit {
        display: block;
        margin-left: 0;
    }

    .my-custom-form-wrapper {
        max-width: 350px;
    }

    .my-custom-form-wrapper input[type="submit"] {
        width: 100%;
        margin-top: 18px;
        margin-left: 0;
    }

    .my-custom-form-wrapper input[type="email"] {
        width: 100%;
    }

    .my-custom-form-wrapper .hs-error-msgs {
        font-size: 12px;
        top: auto;
    }

    label.hs-error-msg.hs-main-font-element {
        margin-top: 0;
    }

    label.hs-main-font-element {
        position: absolute;
        margin-top: -15px;
    }
}

@media only screen and (max-width: 1024px) {
    .my-custom-form-wrapper input[type="submit"] {
        font-size: 16px;
        line-height: 24px;
    }
}

body.page-id-16940 h3.h3_title a {
    color: #0066dd;
}

@media only screen and (max-width: 767px) {
    body.page-id-16940 .trichology-section .default-btn_txt .default-cta {
        justify-content: flex-start;
    }
}


/* What is Androgenetic Alopecia page */

.mt-20 {
    margin-top: 20px;
}

.video_iframe {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.video_iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.default_description_links p a, .default_description_links li a {
    color: #0066dd;
    display: inline;
}

.default_description_links p a:hover, .default_description_links li a:hover {
    color: #dcaa01;
}

.product_box {
    background: #f3f8ff;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.default_description ul li {
    position: relative;
    padding-left: 34px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    color: #1F1F1F;
}

.default_description ul li:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #0066DD;
    background-repeat: no-repeat;
    background-size: contain;
}

.default_description p:has(~ ul), .default_description ul li:not(:last-child) {
    margin-bottom: 20px;
}

.product_box .default-btn {
    margin-top: 20px !important;
}

@media only screen and (max-width: 767px) {
    .default_description ul li {
        font-size: 16px;
    }
}

/*----------------------- directory page css -------------------- */

.directory_banner .banner-content {
    margin: 0 auto;
}

.directory_banner .banner-content h1 {
    max-width: 100%;
}

.directory_banner a.default-cta, .price_bottom_data a.default-cta {
    color: var(--white) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 13px 30px;
    border-radius: 50px;
    background: var(--blue_color);
    border: 2px solid var(--blue_color);
    text-align: center;
    transition: all 0.3s ease 0s;
    width: fit-content;
}

.directory_banner a.default-cta:hover, .directory_banner a.default-cta:focus, .price_bottom_data a.default-cta:hover, .price_bottom_data a.default-cta:focus {
    background-color: transparent !important;
    color: var(--blue_color) !important;
}

.directory_banner .banner_btns {
    margin-top: 80px;
}

.directory_banner .banner-content p {
    max-width: 720px;
    margin: 0 auto;
}

.directory_banner .banner_btns p {
    opacity: 0.7;
    margin-top: 10px !important;
}

.directory_banner .banner_section {
    padding-bottom: 190px;
}

body.page-id-17111 .max-with-content {
    max-width: 1272px;
    margin: 0 auto;
}

.consultation_title {
    margin-bottom: 30px;
}

body.page-id-17111 .service_box {
    display: block;
}

body.page-id-17111 .service_content {
    margin-top: 30px;
}

a.find-a-trichologist {
    border-radius: 100px;
    background: #FFF;
    padding: 14px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #06D;
    border: 2px solid #FFF;
}

a.find-a-trichologist:hover {
    background: transparent;
    color: #fff;
}

.section_padding.directory_trichology {
    padding: 100px 0 140px 0;
}

body.page-id-17111 .margin_bottom_80 {
    margin-bottom: 140px;
    margin-top: 80px;
}

body.page-id-17111 section.service_section .white_box_row {
    padding: 40px 60px 80px 40px;
}

a.find-a-trichologist {
    margin-top: 20px;
}

@media only screen and (min-width: 1600px) {
    .banner_section.directory_banner {
        min-height: 798px;
    }
}

@media only screen and (max-width: 767.98px) {
    .directory_banner .banner_btns {
        margin-top: 40px;
    }

    .directory_banner .banner-content {
        padding: 94px 20px 158px 20px;
    }

    .section_padding.directory_trichology {
        padding: 30px 30px 60px 30px;
    }

    body.page-id-17111 section.service_section .white_box_row {
        padding: 20px 10px;
    }

    body.page-id-17111 .service_content {
        margin-top: 20px;
    }

    body.page-id-17111 .margin_bottom_80 {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    a.find-a-trichologist {
        margin-top: 40px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .section_padding.directory_trichology {
        padding: 50px 0 50px 0;
    }

    body.page-id-17111 .max-with-content {
        max-width: 750px;
    }

    body.page-id-17111 section.service_section .white_box_row {
        padding: 40px 30px;
    }

    body.page-id-17111 .margin_bottom_80 {
        margin-bottom: 80px;
        margin-top: 40px;
    }

    .directory_banner .banner_btns {
        margin-top: 40px;
    }
}

/*----------------------- directory page end css -------------------- */


/*----------------------- faq page css -------------------- */

.faq_title h1 {
    color: #1F1F1F;
    line-height: 1.3;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}

section.faq_title {
    padding: 40px 0;
}

.faq_col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.faq_row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.faq_content {
    border-radius: 20px;
    background: #FFF;
    padding: 20px 40px;
    height: 100%;
}

.faq_title h1 span {
    font-weight: 400;
}

.faq_title_text {
    padding: 20px 0;
}

.faq_title_text:not(:last-child) {
    border-bottom: 1px solid rgba(206, 206, 206, 0.60);
}

.faq_title_text p {
    color: #1F1F1F;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

.faq_title_text span {
    font-size: 14px;
    color: #737373;
    line-height: 21px;
}

.faq_type span {
    border-radius: 100px;
    background: rgba(0, 102, 221, 0.10);
    padding: 10px 16px;
    color: #06D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
}

.faq_type {
    display: block;
    margin-bottom: 20px;
}

section.faq_content_main {
    margin-bottom: 120px;
}

@media only screen and (max-width: 767.98px) {
    .faq_row {
        margin-left: 0;
        margin-right: 0;
    }

    .faq_col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.faq_title {
        padding: 30px 20px 20px 20px;
    }

    .faq_title h1 {
        font-size: 24px;
    }

    section.faq_content_main {
        margin-bottom: 60px;
        padding: 0 30px;
    }

    .faq_content {
        padding: 20px;
    }

    .faq_col:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .faq_row {
        margin-left: 0;
        margin-right: 0;
    }

    section.faq_content_main {
        margin-bottom: 60px;
    }
}

/*----------------------- faq page end css -------------------- */

/*----------------------- get-listed page css -------------------- */

.banner_section.get_listed_banner {
    min-height: 490px;
    padding-bottom: 83px;
}

body.page-id-17118 .service_box {
    display: block;
    padding: 60px 20px;
    background: #fff;
}

body.page-id-17118 .service_content h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    max-width: 213px;
    margin: 0 auto;
}

.section_padding.benefits_main {
    padding: 100px 0;
}

body.page-id-17118 .service_content {
    margin-top: 20px;
}

.card-custom {
    padding: 20px 30px;
    text-align: left;
    height: 100%;
    border-radius: 20px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    flex: 1 0 0;
    gap: 80px;
}

.price_top_data, .price_bottom_data {
    display: block;
    width: 100%;
}

.price_top_data h3 {
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}

.price h4 {
    margin: 0;
    font-size: 45.103px;
    line-height: 1.3;
    font-weight: 500;
}

span.month {
    color: #737373;
    font-size: 13.531px;
    font-weight: 600;
    line-height: normal;
}

.price_bottom_data {
    padding-top: 60px;
    border-top: 1px solid #737373;
}

.price_bottom_data p {
    margin-top: 10px;
    color: #737373;
    font-size: 14px;
}

.card-yearly {
    background-color: var(--blue_color);
}

.card-yearly .price_top_data h3, .card-yearly p, .card-yearly .price h4 {
    color: var(--white);
}

.card-yearly span.month {
    color: var(--white);
    opacity: 0.7;
}

.card-yearly .price_bottom_data {
    border-top: 1px solid var(--white);
}

.card-yearly .price_bottom_data a.default-cta {
    background: var(--white) !important;
    color: var(--blue_color) !important;
}

.card-yearly .price_bottom_data a.default-cta:hover {
    background: var(--blue_color) !important;
    color: var(--white) !important;
    border: 2px solid var(--white) !important;
}

span.save_money {
    background: #FFCD6F;
    padding: 7px 11px;
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 600;
    line-height: 1.3;
    margin: 6px 0;
}

.price {
    margin-top: 40px;
}

p.pricing_subtitle {
    font-size: 16px;
    line-height: 1.3;
    color: #737373;
    font-weight: 400;
}

.pricing_subtitle span {
    font-weight: 600;
}

.membership .consultation_title {
    margin-bottom: 40px;
}

.section_padding.membership {
    padding: 0 0 120px 0;
}

.how_it_works .timeline-item {
    width: 303px;
    background: var(--white) !important;
    text-align: center;
}

.works_row {
    max-width: 1272px;
    margin: 0 auto;
}

.works_row .timeline {
    counter-reset: item;
}

.works_row .timeline-item {
    width: 303px;
    background: var(--white) !important;
    text-align: center;
    counter-increment: item;
}

.works_row .timeline-item::before {
    content: counter(item, decimal-leading-zero);
    width: 40px;
    height: 40px;
    background: var(--blue_color) !important;
    top: -50px;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.works_row .timeline-item:last-child {
    background: var(--blue_color) !important;
}

.works_row .timeline-item:last-child h3, .works_row .timeline-item:last-child p {
    color: var(--white) !important;
}

.works_row .timeline-item h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 18.2px;
    margin-bottom: 10px;
}

.works_row .timeline-item p {
    opacity: 1;
}

.section_padding.how_it_works {
    padding: 40px 0 200px 0;
}

@media only screen and (min-width: 1600px) {
    .banner_section.get_listed_banner {
        min-height: 490px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner_section.get_listed_banner {
        padding-bottom: 0;
    }

    .get_listed_banner .banner-content {
        padding: 94px 20px 134px 20px;
    }

    .directory_banner .banner-content p {
        font-size: 20px;
    }

    .section_padding.benefits_main {
        padding: 50px 20px 30px 20px;
    }

    body.page-id-17118 .service_box {
        padding: 30px 20px;
    }

    .section_padding.membership {
        padding: 30px 20px 30px 20px;
    }

    .membership .consultation_title {
        margin-bottom: 20px;
    }

    .how_it_works .top_title_center {
        margin-bottom: 40px;
    }

    .works_row .timeline-item::before {
        top: 50%;
        left: -40px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }

    .works_row .timeline {
        padding-left: 60px;
    }

    .works_row .timeline-item {
        width: 100%;
        padding: 40px 20px;
        box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
    }

    .section_padding.how_it_works {
        padding: 30px 10px 60px 10px;
    }

    .works_row {
        background: var(--white);
        border-radius: 10px;
        padding: 20px 20px 20px 10px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .works_row .timeline-item::before {
        top: 50%;
        left: -40px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }

    .works_row .timeline {
        padding-left: 60px;
    }

    .works_row .timeline-item {
        width: 100%;
        padding: 40px 20px;
        box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
    }

    .section_padding.membership, .section_padding.benefits_main {
        overflow: hidden;
    }

    .section_padding.benefits_main {
        padding: 50px 0;
    }

    .section_padding.membership {
        padding: 0px 0 50px 0;
    }

    .section_padding.how_it_works {
        padding: 40px 0 80px 0;
    }

    body.page-id-17118 .service_box {
        padding: 40px 20px;
    }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
    body.page-id-17118 .service_box {
        padding: 40px 20px;
    }

    .section_padding.benefits_main {
        padding: 60px 0;
    }

    .section_padding.membership {
        padding: 0 0 40px 0;
    }

    .works_row .timeline-item {
        width: 218px;
    }

    .section_padding.how_it_works {
        padding: 40px 0 80px 0;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1400px) {
    .section_padding.membership {
        padding: 0 0 60px 0;
    }

    .works_row .timeline-item {
        width: 263px;
    }

    .section_padding.how_it_works {
        padding: 40px 0 100px 0;
    }
}

/*----------------------- get-listed page end css -------------------- */

/*----------------------- search-trichologists css -------------------- */

section.search_trichologists {
    padding: 40px 0 120px 0;
}

.search_trichologists h1 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px !important;
}

.location_main {
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    padding: 20px;
}

.location_main h2 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}

.location_single {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.location_single select, .location_single input[type="number"] {
    border: 1px solid #E4E4E7;
    background: #FFF;
    border-radius: 10px;
    min-width: 180px;
    max-width: 180px;
    width: 100%;
}

.cat_list_single {
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    padding: 20px;
}

.cat_list_single h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

/*----------------------- search-trichologists end css -------------------- */

/*whitepaper single page*/

.whitepaper_title h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.post_meta {
    padding: 20px 0 0 0;
}

.current_post_title h2, .related-whitepapers li {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
}

.current_post_title {
    width: 35%;
}

.related_post {
    margin-top: 50px;
}

body.single-whitepaper .site-content {
    display: block;
}

.current_post_title {
    width: 35%;
    border-radius: 8px;
    background: #E8EDFC;
    padding: 10px 20px;
}

.download_btn {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px 0 30px 0;
}

.download_btn a {
    color: #06D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}

.post_title_main {
    padding: 20px 0;
}

.sidebar_content_main {
    display: flex;
}

.whitepaper-toc {
    width: 20%;
    margin-top: 117px;
}

.whitepaper-content {
    width: 80%;
    padding-right: 40px;
    margin-bottom: 120px;
}

.section_one {
    padding: 60px 30px;
    border-radius: 30px;
    background: #FFF;
}

.single-whitepaper .whitepaper-content h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    padding-left: 20px;
    text-transform: uppercase;
}

.heading_background {
    border-radius: 0px 10px 10px 0px;
    border-left: 4px solid #06D;
    background: #EFF3FF;
    margin-bottom: 20px;
}

.whitepaper-content p {
    text-indent: 20px;
}

.single-whitepaper .whitepaper-content h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    padding-left: 20px;
}

.margin_top_40 {
    margin-top: 40px;
}

.top_space {
    margin-top: 20px;
}

body.single-whitepaper .entry-content ul > li:not(:last-child) {
    margin-bottom: 5px;
}

body.single-whitepaper .entry-content ul > li:before {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #1F1F1F;
}

p.small_text {
    font-size: 14px;
    max-width: 525px;
    margin: 0 auto;
    text-align: center;
}

.heading_h3 {
    border-left: 4px solid #06D;
    margin-bottom: 20px;
}

.section_one:not(:last-child) {
    margin-bottom: 30px;
}

.whitepaper-toc h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

ol#dynamic-table, ol.ref_link {
    position: relative;
    counter-reset: list-counter;
}

ol#dynamic-table li, ol.ref_link li {
    counter-increment: list-counter;
    position: relative;
}

ol#dynamic-table li:before, ol.ref_link li:before {
    content: counter(list-counter) ". ";
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--blue_color);
}

#dynamic-table li:not(:last-child), ol.ref_link li:not(:last-child) {
    margin-bottom: 15px;
}

ol#dynamic-table li {
    padding-left: 30px;
    position: relative;
    counter-increment: list-counter;
    line-height: 1.5;
    font-weight: 500;
    color: var(--blue_color);
}

.related-whitepapers li {
    border-bottom: 1px solid rgba(31, 31, 31, 0.10);
    padding: 10px 0;
}

.related-whitepapers li:last-child {
    border-bottom: 0px solid rgba(31, 31, 31, 0.10);
}

ol.ref_link li:before {
    color: var(--body_txt);
}

.whitepaper-content h2,
.whitepaper-content h3 {
    scroll-margin-top: 80px;
}

button#cmd {
    background: transparent;
    color: #06D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}

.author_detail .whitepaper_author {
    font-weight: 600;
    color: var(--blue_color);
}

@media only screen and (max-width: 767.98px) {
    .sidebar_content_main {
        flex-flow: column;
    }

    .whitepaper-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0px;
        order: 2;
    }

    .whitepaper-toc {
        width: 100%;
        margin-top: 30px;
        order: 1;
    }

    .download_btn {
        justify-content: start;
        padding: 0px 0 20px 0;
    }

    .download_btn button {
        padding: 0;
    }

    .section_one {
        padding: 40px 15px;
    }

    .single-whitepaper .whitepaper-content h2 {
        font-size: 22px;
        line-height: 26px;
        padding-left: 15px;
    }

    .whitepaper-content p {
        text-indent: 12px;
    }

    .single-whitepaper .whitepaper-content h3 {
        font-size: 16px;
        line-height: 22px;
        padding-left: 12px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .whitepaper-toc {
        width: 30%;
    }

    .whitepaper-content {
        width: 70%;
        padding-right: 30px;
    }
}

/*whitepaper single page end*/
/*whitepaper archive page */

.white-paper {
    height: 100%;
    position: relative;
}

.white-paper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 30px 30px 0px;
}

.white-paper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

body.page-id-17212 .method_img {
    margin-bottom: 30px;
}


.whitepaper-list {
    list-style: none;
    padding: 0;
    counter-reset: list-counter;
}

.whitepaper-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0;
    counter-increment: list-counter;
    position: relative;
    padding-left: 25px;
}

li.whitepaper-item:before {
    content: counter(list-counter) ". ";
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--body_txt);
}

.whitepaper-number {
    margin-right: 10px;
    font-weight: bold;
}

.view_main_btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    width: 20%;
}

p.whitepaper_p {
    max-width: 376px;
    margin-top: 10px;
}

.whitepaper-title {
    width: 80%;
}

body.page-id-17212 .method_icon_right a {
    padding: 7.5px 14.43px;
}

.whitepaper-title h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

@media only screen and (max-width: 767.98px) {
    .white-paper img {
        border-radius: 15px 15px 0px 0px;
    }

    .white-paper:before {
        display: none;
    }

    .white-paper {
        border-radius: 12px 12px 0px 0px;
    }

    body.page-id-17212 .method_icon_right a {
        padding: 2px 7px;
    }

    body.page-id-17212 .method_icon_right {
        position: relative;
        right: 0;
    }

    .view_main_btn {
        gap: 9px;
        width: 25%;
    }

    .whitepaper-title {
        width: 75%;
        padding-right: 10px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body.page-id-17212 .doctor_section .default_content {
        max-width: 335px;
    }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
    body.page-id-17212 .doctor_section .default_content {
        max-width: 400px;
    }
}

/*whitepaper archive page end*/

body .white_border_btn a {
    color: var(--white) !important;
}

.team_box_main .img-link-box {
    width: 100% !important;
    text-align: center !important;
}

body.page-id-17212 .blog_row {
    gap: 0;
}

body .journal_list .white_box_row {
    padding: 40px 60px !important;
}

body.page-id-17212 .blog_row {
    gap: unset;
    row-gap: 20px;
}

.main-navigation ul ul {
    position: initial;
    width: auto !important;
    height: auto !important;
    opacity: 1;
    float: none;
    box-shadow: none;
    background-color: transparent;
    pointer-events: all;
}

.mega-menu-panel {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
    position: absolute;
    background-color: white;
    width: 100%;
    left: 0;
    z-index: 9;
    top: 55px;
    padding: 30px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s;
}


.search_main,
.site-logo {
    position: relative;
    z-index: 101;
}


#menu-primary-menu-header-menu > li.menu-item:hover > .mega-menu-panel *,
#menu-primary-menu-header-menu > li.menu-item:hover > .mega-menu-panel {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.mega-menu-panel:before {
    content: '';
    width: 100%;
    max-width: 1512px;
    height: 1px;
    background-image: linear-gradient(90deg, transparent 20px, rgb(45 54 99 / 10%) 12%, rgb(45 54 99 / 10%) 83%, transparent 97%);
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.inside-navigation,
.main-navigation li {
    position: initial;
}

.mega-menu-columns {
    width: 1512px;
    max-width: 100%;
    margin: auto;
    padding: 60px 60px;
    display: flex;
    gap: 80px;
}

.mega-menu-columns .mega-menu-list {
    display: flex;
    gap: 80px;
}

.mega-menu-list * {
    text-align: left !important;
}

.mega-menu-list > li > a .dropdown-menu-toggle {
    display: none;
}

.mega-menu-list > li > div:before {
    border-radius: 10px;
    background: var(--bg-icon), linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px, 100%;
}

.i-dna {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' %3E%3Cpath d='M10 16l1.5 1.5M14 8l-1.5-1.5M15 2c-1.798 1.998-2.518 3.995-2.807 5.993M16.5 10.5l1 1M17 6l-2.891-2.891M2 15c6.667-6 13.333 0 20-6m-2 0l.891.891M3.109 14.109L4 15m2.5-2.5l1 1M7 18l2.891 2.891M9 22c1.798-1.998 2.518-3.995 2.807-5.993' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-heart {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' %3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7 7-7z' stroke='%232d3663' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-book-open {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cpath opacity='.8' d='M12 7a4 4 0 0 0-4-4H2v15h7a3 3 0 0 1 3 3m0-14v14m0-14a4 4 0 0 1 4-4h6v15h-7a3 3 0 0 0-3 3' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-activity {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' %3E%3Cpath opacity='.8' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36A.25.25 0 0 1 15 22a.25.25 0 0 1-.24-.18L9.24 2.18A.25.25 0 0 0 9 2a.25.25 0 0 0-.24.18l-2.35 8.36A2 2 0 0 1 4.49 12H2' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-cap {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' %3E%3Cpath d='M22 10v6M6 12.5V16c0 .796.632 1.559 1.757 2.121S10.409 19 12 19s3.117-.316 4.243-.879S18 16.796 18 16v-3.5m3.42-1.578a1 1 0 0 0 .596-.925 1 1 0 0 0-.615-.913L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0-.599.916 1 1 0 0 0 .599.916l8.57 3.908a2 2 0 0 0 1.66 0l8.59-3.898z' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-list {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' %3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.i-glasses {
    --bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' %3E%3Cpath d='M10 15a4 4 0 1 1-8 0 4 4 0 1 1 8 0zm0 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2m0 0a4 4 0 1 0 8 0 4 4 0 1 0-8 0zM2.5 13L5 7c.7-1.3 1.4-2 3-2m13.5 8L19 7c-.7-1.3-1.5-2-3-2' stroke='%232d3663' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.mega-menu-list > li > div {
    display: flex !important;
    gap: 16px;
    align-items: center;
    pointer-events: none;
    color: #2D3663 !important;
    font-family: "Libre Baskerville" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    padding: 0 !important;
    line-height: 150% !important;
    margin-bottom: 15px;
    cursor: default !important;
}

.sub-menu a:before {
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    background-image: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    border-radius: 100%;
}


.sub-menu a {
    display: flex !important;
    gap: 10px;
    align-items: center;
    padding: 9px 0 !important;
    min-width: max-content;

    color: rgba(45, 54, 99, 0.8) !important;
    font-family: Montserrat !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 160% !important;
}

.sub-menu a:hover {
    color: var(--blue_color) !important;
}

.mega-menu-promo {
    border-radius: 20px;
    border: 1px solid #D6EAF5;
    background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
    display: flex;
    max-width: 360px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.mega-menu-promo h4 {
    display: flex;
    align-items: center;
    gap: 10px;
}


.mega-menu-promo h4:before {
    width: 24px;
    height: 24px;
    display: block;
    background-size: 100%;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' stroke='%232d3663' stroke-width='2' stroke-linejoin='round' %3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582A.5.5 0 0 1 2.001 12a.5.5 0 0 1 .363-.481L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135A.5.5 0 0 1 12 2a.5.5 0 0 1 .481.365L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 .367.482.5.5 0 0 1-.367.482L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.482.365.5.5 0 0 1-.482-.365L9.937 15.5z'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M20 3V7'/%3E%3Cpath d='M22 5h-4M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/g%3E%3C/svg%3E");
}

.mega-menu-promo p {
    color: #2D3663;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    opacity: 1;
}

.mega-menu-promo .default-btn {
    background: #2D3663;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.swiper-pagination-bullets-dynamic {
    position: initial !important;
    transform: none !important;
}

@media only screen and (max-width: 767.98px) {
    body .journal_list .white_box_row {
        padding: 30px 20px !important;
    }

    body.page-id-17212 .blog_row {
        padding-bottom: 0;
    }

    .page-template-home-template p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

    .page-template-home-template h2 {
        font-size: 24px;
        margin-bottom: 0;
    }


    .hero-container {
        flex-direction: column;
    }

    .hero {
        background: linear-gradient(270deg, #E7E5E5 0%, #F9F9F9 40%);
    }

    .hero-container .lf {
        min-width: initial;
        padding: 20px 22px;
        text-align: center;
        padding-bottom: 0;
    }

    .hero h1 {
        font-size: 32px;
        margin-bottom: 4px;
        line-height: 150%;
    }

    .hero .hero-tagline {
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 20px;
    }

    .hero-btns {
        flex-direction: column;
    }


    .hero-btns .default-btn.xs {
        font-size: 14px;
        width: 100%;
    }

    .default-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }


    .default-btn:not(.header-btn .default-btn) {
        margin-top: 0;
    }

    .hero img {
        position: relative;
        margin-left: -60vw;
        max-width: 170vw;
        margin-top: -3vw;
    }

    .logos-sec {
        padding: 40px 33px;
    }

    .logos-sec img {
        max-width: 100%;
        width: 100%;
    }

    .service_section.hss {
        padding: 60px 20px;
    }

    .hss .service_boxes {
        max-width: 100%;
        gap: 20px;
        flex-direction: column;
    }

    .hss .service_box {
        gap: 30px;
        padding: 16px 20px 20px;
        border-radius: 20px;
        justify-content: flex-start;
        align-items: flex-start;
        border-top: 4px solid #3DC9EA;
        background: #FFF;
        box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);
    }


    .hss .service_icon {
        min-width: 60px;
        height: 60px;
        border-radius: 10px;
        background-size: 100%;
    }

    .hss .service_content h4 {
        font-size: 20px;
        margin-bottom: 10px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .trichology_explained .container {
        padding: 60px 20px 60px;
        gap: 20px;
        justify-content: flex-start;
        text-align: left;
        overflow: hidden;
        align-items: flex-start;
    }

    .te_img {
        width: 80px;
        height: 80px;
        margin-left: 0;
    }

    .trichology_explained .flat-btn {
        margin-left: -30px;
        font-size: 16px;
    }

    .trichology_explained strong {
        font-size: 14px;
    }

    .trichology_explained .container:before {
        width: 495px;
        height: 495px;
        display: block;
        left: 115px;
        top: -165px;
    }

    body .container {
        padding: 0 20px;
    }

    .blog_section {
        padding-top: 60px;
        background: #EFF9FF var(--blog-bg) repeat-x center 0;
        padding-bottom: 80px;
    }

    .blog_sec_header {
        text-align: left;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .blog_sec_header .flat-btn {
        top: 5vw;
        font-size: 16px;
        padding-right: 0;
        right: 20px;
    }

    .blog_sec_header .sub_description {
        font-size: 16px;
        padding-right: 10px;
    }

    .blog_section .container {
        padding: 0;
    }


    .post-card {
        flex: 0 0 291px;
        transform: none;
        border-radius: 20px;
        border: 1px solid #D6EAF5;
        width: 291px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    }


    .swiper {
        padding: 5px !important;
        /*margin-left: -20px !important;*/
        /*margin-right: -20px !important;*/
        /*width: calc(100% + 40px);*/
    }

    .swiper-slide {
        width: min-content !important;
        /*flex-shrink: 0;*/
    }

    .post-card figure {
        border-radius: 20px 20px 0 0;
        height: 162px;
    }

    .post-card-content {
        padding: 20px;
    }

    .post-card-author {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        gap: 8px;
    }


    .post-card-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: 6px;
    }

    .post-card-excerpt {
        font-size: 12px;
        line-height: 150%;
        margin-bottom: 18px;
    }


    .cat-links .cat-link {
        padding: 4px 12px;
        gap: 6px;
        border-radius: 100px;
        font-size: 12px;
        font-weight: 500;
        line-height: 150%;
    }

    .post-card-meta {
        gap: 30px;
        margin-top: 10px;
        margin-bottom: 34px;
    }

    .post-card-meta span {
        gap: 10px;
        font-size: 12px;
        font-weight: 600;
        line-height: 150%;
    }

    .post-card-meta span:before {
        width: 14px;
        height: 14px;
        min-width: 14px;
        mask-size: 14px 14px;
    }

    .post-card-read-more {
        font-size: 14px;
        font-weight: 600;
        line-height: 150%;
        display: flex;
        padding: 4px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
    }

    .share-btn-small .share-btn {
        padding: 7px 7px;
        border-radius: 10px;
    }

    .share-btn:before {
        width: 16px;
        height: 16px;
    }

    .post-card-read-more:after {
        content: '';
        width: 24px;
        height: 24px;
    }

    .blog_section .swiper-navs {
        margin-top: 40px;
        gap: 40px;
    }

    .doctor_section .row {
        flex-direction: column;
    }

    .doctor_section .row > div {
        max-width: 100%;
        width: 100%;
    }

    .doctor_section .default_content {
        padding: 40px 20px 60px;
    }

    .page-template-home-template .yellow-chip {
        border-radius: 100px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
        margin-bottom: 20px;
        padding: 10px 16px;
        font-size: 14px !important;
    }

    .doctor_section strong {
        font-size: 16px;
        font-weight: 600;
    }

    .doctor_section p {
        margin-bottom: 40px;
    }

    .as-top p {
        font-size: 16px;
        line-height: 150%;
    }

    .as-top .yellow-chip {
        margin-top: 10px;
    }

    .about_section {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .page-template-home-template .about_section {
        padding: 20px !important;
    }

    .about_section * {
        position: relative;
        z-index: 1;
    }

    .as-top {
        max-width: 100%;
        display: contents;
    }

    .as-top .d-flex {
        flex-direction: column;
        display: contents !important;
    }

    .as-top .d-flex .lf {
        margin-top: 20px !important;
    }

    .as-top .d-flex .rt {
        order: 10;
    }

    .as-bottom {
        gap: 4px;
        margin: 20px -20px;
        width: auto;
        flex-direction: column;
        position: relative;
    }

    .as-bottom:before {
        content: '';
        display: block;
        width: 495px;
        height: 495px;
        position: absolute;
        left: -169px;
        border-radius: 100%;
        opacity: 0.06;
        z-index: 0;
        background: linear-gradient(90deg, #3DC9EA 0%, #1CB8DD 100%);
        bottom: auto;
        top: -205px;
    }

    .history_section .tagline {
        font-size: 16px;
        line-height: 160%;
    }

    .history_section {
        padding: 60px 20px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .hs-timeline {
        margin-top: 40px;
        max-width: 100%;
    }

    .timeline-box {
        order: -1;
    }

    .hs-timeline > div {
        gap: 20px;
    }

    .hs-timeline > div > .hs-card {
        width: 293px;
        margin-bottom: 20px;
        padding: 20px;
        gap: 10px;
        border-radius: 20px;
        border: 1px solid #D6EAF5;
        box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    }

    .hs-timeline div:empty {
        display: none !important;
    }

    .hs-timeline .timeline-box:empty {
        display: block !important;
    }

    .year-tag {
        font-size: 32px;
        opacity: 0.6;
        margin-bottom: 10px;
    }

    .hs-card h3 {
        font-size: 20px;
    }

    .hs-card p {
        opacity: 0.8;
    }

    .timeline-box:before {
        width: 6px;
    }

    .timeline-box:after {
        border: 9px solid #3DC9EA;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
        width: 50px;
        height: 50px;
        top: 54%;
        left: 50%;
        transform: translateX(-50%);
    }

    .hs-timeline:after {
        width: 301px;
        height: 275px;
        top: -199px;
        right: -196px;
        background-size: 100%;
    }

    .hs-timeline > div:last-child .hs-card {
        margin-bottom: 0;
    }

    .CTA_section {
        padding: 0;
    }

    .CTA_section .container {
        border-radius: 0;
        box-shadow: none;
        padding: 120px 20px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .page-template-home-template #subscribe_newsletter .container:before,
    .CTA_section .container:before {
        height: 6px;
    }

    .page-template-home-template p:not(:last-of-type) {
        margin-bottom: 16px;
    }


    .CTA_section p {
        margin-bottom: 40px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-top: 10px;
    }

    .CTA_section .default-btn {
        padding: 18px 30px;
    }

    .testimonials_section {
        padding: 60px 0 20px;
    }

    .testimonials_section .container {
        padding: 0;
    }

    .testimonials_section .yellow-chip {
        margin: 0 0 20px 20px;
    }

    .testimonials_section h2 {
        text-align: left;
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .review-card {
        border-radius: 40px;
        border: 3px solid #CFEEFF;
        padding: 20px;
        width: 323px;
    }

    .review_img {
        width: 70px;
        height: 70px;
        margin: auto;
        border-radius: 100%;
    }

    .review-card h5 {
        font-size: 18px;
        margin-top: 10px;
    }

    .review_sub {
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 170%;
    }

    .page-template-home-template #subscribe_newsletter {
        background: linear-gradient(153deg, #CFEEFF 8.28%, #9DEFF3 91.72%);
        padding: 60px 20px;
    }

    .page-template-home-template #subscribe_newsletter .container {
        border-radius: 30px;
        padding: 60px 20px 60px;
        box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);
    }

    .page-template-home-template #subscribe_newsletter p {
        font-size: 16px;
    }

    .page-template-home-template #subscribe_newsletter .hbspt-form {
        gap: 10px;
        margin-top: 40px;
    }


}

@media screen and (max-width: 767.98px) {
    body, html {
        overflow-x: clip;
        width: 100vw;
    }

    h2 {
        font-size: 24px;
    }

    .as-top:before,
    .as-top:after {
        display: none;
    }

    .yellow-chip {
        border-radius: 100px;
        background: #F7C773 !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
        margin-bottom: 20px;
        padding: 10px 16px;
        display: block;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 150% !important;
        opacity: 1 !important;
        color: #2D3663 !important;
        width: max-content;
    }

    p:not(:last-of-type) {
        margin-bottom: 16px;
    }

    #subscribe_newsletter .container:before,
    .CTA_section .container:before {
        height: 6px;
    }

    #subscribe_newsletter {
        padding: 60px 20px;
    }

    #subscribe_newsletter p {
        font-size: 16px;
    }

    #subscribe_newsletter .hbspt-form {
        flex-direction: column;
    }

    #subscribe_newsletter .hs-submit,
    #subscribe_newsletter .hs-button {
        width: 100% !important;
    }

    .page-template-home-template .footer-widgets-container {
        padding: 20px;
    }

    .footer-widget-1 {
        order: -2;
    }

    .footer-widget-4 .location {
        order: -1;
    }

    .footer-widget-4,
    .footer-widget-4 .textwidget,
    .footer-widget-4 #custom_html-3 {
        display: contents !important;
    }

    footer .inside-site-info {
        border-top: 0;
    }

    .footer-widgets-container,
    .single .footer-widgets-container {
        padding: 20px !important;
    }

    #menu-primary-menu-header-menu > li {
        max-width: calc(100vw - 40px);
        overflow: hidden;
    }

    #menu-primary-menu-header-menu > li > div:first-child,
    #menu-primary-menu-header-menu > li > a {
        color: #2D3663;
        text-align: center;
        font-family: "Libre Baskerville";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        padding: 16px 0;
        text-align: left;
        border-bottom: 1px solid #D6EAF5;
    }


    .mega-menu-panel {
        position: initial;
        padding: 0;
        margin: 0;
        max-width: 100%;
        width: auto;
        box-shadow: none;
        max-height: 0;
        transition: max-height 0.3s ease-in-out;
    }

    .sub-menu a {
        min-width: 100%;
    }

    .mega-menu-widget {
        margin-bottom: 20px;
    }

    li.sfHover > .mega-menu-panel {
        max-height: 200vh;
    }

    .mega-menu-panel *,
    .mega-menu-panel {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }

    .mega-menu-panel:before {
        content: none;
    }


    .mega-menu-columns {
        gap: 24px;
        flex-direction: column;
        padding: 0;
        width: 100%;
        max-width: initial;
        padding-top: 20px;
    }

    .mega-menu-columns .mega-menu-list {
        gap: 24px;
        border: 0 !important;
        flex-direction: column;
    }

    .main-navigation.toggled .main-nav ul ul {
        border: 0 !important;
    }

    .site-header .inside-header .grid-container {
        max-height: calc(100dvh - 187px);
        overflow: auto;
    }


}


@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    body .journal_list .white_box_row {
        padding: 30px 30px !important;
    }

    body.page-id-17212 .blog_row {
        padding-bottom: 0;
    }

    .footer-widgets-container {
        padding: 20px;
    }
}

body.single-whitepaper .sidebar_author_box, .sidebar_author_box {
    padding: 0 0 20px 0;
    margin-bottom: 25px;
}