/* --- GLOBAL CLASS --- */

.grecaptcha-badge {
    display: none;
}

.column-inner-v-100 .wpb_wrapper,
.column-inner-v-100 .vc_column-inner,
.column-inner-v-100 .vc_column-inner .wpb_wrapper {
    height: 100%;
}

.text-italic {
    font-style: italic;
}

.corner-shape .row-bg-wrap {
    border-top-left-radius: 50vw;
    overflow: hidden;
}

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

    .h-150 .inner-wrap.using-image {
        height: 200%;
    }

}

@media only screen and (max-width: 767px) {
    .corner-shape .row-bg-wrap {
        border-top-left-radius: 0;
    }
}

.flex-vertical-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.padding-x-30px {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.margin-top-120 {
    margin-top: -120px !important;
}

.padding-x-100px-vc-column-inner .vc_column-inner {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

@media screen and (max-width: 1000px) {
    .padding-x-100px-vc-column-inner .vc_column-inner {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 690px) {
    .padding-x-100px-vc-column-inner .vc_column-inner {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

@media screen and (max-width: 480px) {
    .padding-x-100px-vc-column-inner .vc_column-inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.fade-in {
    animation: fadeIn 2s ease 1 normal forwards;
}

.max-width-480px {
    max-width: 480px;
}

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

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@media only screen and (max-width: 999px) {
    .sm-break-space-60px {
        margin-bottom: 60px !important;
    }

    .sm-break-space-45px {
        margin-bottom: 45px !important;
    }

    .sm-break-space-30px {
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .sm-to-xs-max-width-90percent {
        max-width: 90% !important;
    }

    .sm-to-xs-max-width-60percent {
        max-width: 60% !important;
    }
}    

@media only screen and (min-width: 767px) {
    .max-width-60percent  {
        max-width: 60% !important;
    }     
}  

@media only screen and (max-width: 767px) {
    body h5, .row .col h5 {
        font-size: 24px;
        line-height: 34px;
    }

    body h6, .row .col h6 {
        font-size: 20px;
        line-height: 30px;
    }
}

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

    .hero-image .row-bg-wrap {
        overflow: hidden;
    }

    .hero-image .row-bg-overlay {
        background: rgba(0,0,0,0.8) !important;
    }

    .hero-image .inner-wrap.using-image .row-bg {
        background-position: 0% 50% !important;
    }

}


/* --- COMPONENTS --- */

a {
    transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
}

.display_style {
    font-size: 132px;
    line-height: 122px;
    font-weight: 600;
}

@media only screen and (min-width: 1270px) {
    .vc_row-fluid>.span_12 .wpb_column,
    body[data-col-gap=default] .vc_row-fluid[data-column-margin=default]:not(.full-width-content) .full-page-inner>.container>.span_12 .wpb_column:not(.child_column) {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 1000px) {
    .container,
    body[data-header-format="left-header"] .container,
    .woocommerce-tabs .full-width-content .tab-container,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content .post .inner-wrap,
    .material #search-outer #search {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 690px) {
    .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* --- EFFECTS --- */

.corner-left-bottom-blue {
    position: relative;
}

.corner-left-bottom-blue > .row-bg-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 180px;
    border-top-right-radius: 100%;
    background-color: var(--extra-color-1);
    z-index: 9;
}

.round-top-left-corner > .row-bg-wrap {
    border-top-left-radius: 205px;
    overflow: hidden;
}

.draw-underline {
    position: relative;
    white-space: nowrap;
}

.draw-underline::before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='157' height='6' viewBox='0 0 157 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M155.989 4.01172C151.405 3.40016 146.685 3.35048 142.066 3.1403C117.281 2.01261 92.4201 1.45247 67.6061 1.31036C45.751 1.18519 23.7006 1.13554 1.87598 2.59637' stroke='%23F2B705' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    left: 0;
    top: 10px;
    width: 100%;
    height: 10px;
    right: 0;
}

.draw-underline-1-words,
.draw-underline-2-words,
.draw-underline-3-words,
.draw-underline-4-words,
.draw-underline-sentense,
.draw-underline-2-white {
    position: relative;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    animation: backgroundXsize 500ms ease-in-out normal forwards;
    -webkit-animation: backgroundXsize 500ms ease-in-out normal forwards;
}

@media only screen and (min-width: 1000px) {
    .draw-underline-1-words,
    .draw-underline-2-words,
    .draw-underline-3-words,
    .draw-underline-4-words,
    .draw-underline-sentense,
    .draw-underline-2-white {
        animation-delay: 800ms;
    }
}

@media screen and (max-width: 690px) {
    .hide-mobile-underline {
        background-image: none !important;
    }
}

.draw-underline-1-words {
    background-image:url('../img/underline-1-word.svg');
    background-position-y: 0.55em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-underline-2-words {
    background-image:url('../img/underline-2-word.svg');
    background-position-y: 0.5em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-underline-3-words {
    background-image:url('../img/underline-3-word.svg');
    background-position-y: 0.5em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-underline-4-words {
    background-image:url('../img/underline-4-word.svg');
    background-position-y: 0.6em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-underline-sentense {
    background-image:url('../img/underline-sentense.svg');
    background-position-y: 0.6em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-underline-2-white {
    background-image:url('../img/underline-white.svg');
    background-position-y: 0.5em;
    padding: 30px 0;
    margin: -30px 0;
}

.draw-verticalline-right,
.draw-verticalline-left {
    position: relative;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.draw-verticalline-right {
    padding-right: 30px;
}

.draw-verticalline-right::after {
    content: "";
    position: absolute;
    margin-top: 5px;
    height: 55px;
    right: 0;
    left: 0;
    width: 100%;
    background-image:url('../img/verticalline.svg');
    background-repeat: no-repeat;
    background-position: right;
}

.draw-verticalline-left{
    padding-left: 30px;
}

.draw-verticalline-left::before {
    content: "";
    position: absolute;
    margin-top: 5px;
    height: 55px;
    right: 0;
    left: 0;
    width: 100%;
    background-image:url('../img/verticalline.svg');
    background-repeat: no-repeat;
    background-position: left;
}

.round-corner-shape  {
    position: relative;
}

.round-corner-shape > .row-bg-wrap .inner-wrap,
.round-corner-shape > .row-bg-wrap .row-bg-overlay {
    border-bottom-left-radius: 210px;
    overflow: hidden;
}

.round-corner-shape > .row-bg-wrap::before  {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--extra-color-3);
}

@media only screen and (max-width: 1280px) {
    .round-corner-shape > .row-bg-wrap .inner-wrap,
    .round-corner-shape > .row-bg-wrap .row-bg-overlay {
        border-bottom-left-radius: 105px;
    }
}

@media only screen and (max-width: 690px) {
    .round-top-left-corner > .row-bg-wrap {
        border-top-left-radius: 105px;
    }
}

/* --- ANIMATIONS --- */

@keyframes backgroundXsize {
	0% {
		background-size: 0% 100%;
    }

	100% {
		background-size: 100% 100%;
    }
}

@keyframes scaleCenter {
	0% {
        opacity: 0;
        transform: scale(0);
        transform: rotateZ(-20deg);
        -webkit-transform: rotateZ(-20deg);
        -moz-transform: rotateZ(-20deg);
        -ms-transform: rotateZ(-20deg);
        -o-transform: rotateZ(-20deg);
}

	100% {
        opacity: 1;
        transform: scale(1);
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
}
}

/* --- BUTTONS --- */

.custom-button {
    display: block;
    margin-bottom: 0 !important;
}

.btn {
    padding: 12px 24px !important;
    border: 2px solid !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: inline-block !important;
}

.btn-primary {
    border-color: var(--extra-color-2) !important;
    background-color: var(--extra-color-2) !important;
    color: var(--accent-color) !important;
}

.btn-primary:hover {
    border-color: var(--extra-color-2) !important;
    background-color: transparent !important;
    color: var(--extra-color-2) !important;
}

.btn-style-1,
.btn-style-2,
.btn-style-4,
.btn-style-5 {
    padding: 12px 24px;
    border: 2px solid;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    display: inline-block; 
}

.btn-style-1,
.btn-style-2 {
    border-color: var(--extra-color-2);
    background-color: var(--extra-color-2);
    color: var(--accent-color);
}

.btn-style-4 {
    border-color: var(--extra-color-2);
    background-color: transparent;
    color: #fff;
}

.btn-style-4:hover {
    border-color: var(--extra-color-2);
    background-color: var(--extra-color-2);
    color: #fff;
}

.btn-style-1:hover {
    border-color: var(--extra-color-2);
    background-color: transparent;
    color: var(--extra-color-2);
}

.btn-style-2:hover {
    border-color: #FFD452;
    background-color: #FFD452;
    color: var(--accent-color);
}

.btn-style-3 {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    align-items: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}

.btn-style-3:hover {
    color: var(--extra-color-2);
}

.btn-style-3 svg {
    margin-left: 12px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.btn-style-3:hover svg {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.btn-style-5 {
    border-color: var(--extra-color-3);
    background-color: var(--extra-color-3);
    color: #fff;
}

.btn-style-5:hover {
    border-color: var(--extra-color-3);
    background-color: transparent;
    color: var(--extra-color-3);
}

.play-btn {
    appearance: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 16px 32px;
    border: 1px solid var(--extra-color-2);
    color: white;
    font-family: inherit;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.play-btn:hover {
    color: var(--accent-color);
    background-color: var(--extra-color-2);
}

.play-btn svg {
    margin-right: 10px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.play-btn:hover svg {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

@media screen and (max-width: 799px) {
    .btn-style-3 {
        font-size: 22px;
        line-height: 32px;
    }
}

/* --- INPUTS --- */

label span:not(.wpcf7-form-control-wrap) {
    margin-left: 30px;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
}

input[type="text"],
input[type="email"],
textarea {
    color: #081012;
    padding: 19px 30px;
    background-color: var(--extra-color-4);
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    font-style: italic;
    line-height: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    background-color: var(--extra-color-4) !important;
}

input[type="text"] ::placeholder,
input[type="email"] ::placeholder,
textarea ::placeholder {
    font-style: italic;
    opacity: 0.4;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0 10px 0 0;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;
    border: 1px solid var(--extra-color-2);
    border-radius: 2px;
    transform: translateY(-0.075em);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    display: grid;
    place-content: center;
}

input[type="checkbox"]:hover {
    cursor: pointer;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--extra-color-2);
    background-color: var(--extra-color-2);
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

textarea {
    resize: none;
}

input::-webkit-contacts-auto-fill-button, 
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0;
}

label .wpcf7-not-valid-tip {
    background-color: transparent;
    color: var(--extra-color-2) !important;
    margin-bottom: 30px;
}

input.wpcf7-not-valid {
    margin-bottom: 8px;
    border-color: var(--extra-color-2) !important;
}

.wpcf7-response-output {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    color: var(--extra-color-2) !important;
}

@media screen and (max-width: 480px) {
    .wpcf7 form .wpcf7-response-output {
        margin-top: 10px;
    }
}


/* --- HEADER --- */

#header-outer.transparent #top nav > ul > li[class*=button_bordered] > a:before,
#top nav > ul > li[class*=button_bordered] > a:before {
    border-color: var(--extra-color-2);
    height: 46px;
}

#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,
#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,
#header-outer:not(.transparent) #top nav > ul > .button_bordered_2 > a:hover:before {
    border-color: var(--extra-color-2);
    background-color: var(--extra-color-2);
}

#header-outer[data-lhe="default"] #top nav .sf-menu .button_bordered_2.current-menu-item > a,
#header-outer:not(.transparent) #top nav > ul > .button_bordered_2 > a:hover {
    color: #fff !important;
}

#top nav > ul > li > a {
    white-space: nowrap;
}

#slide-out-widget-area .inner .off-canvas-menu-container li a {
    font-family: inherit !important;
}

#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li:last-child a {
    border: 2px solid var(--extra-color-2);
    border-radius: 30px;
    padding: 12px 24px;
    margin-top: 10px;
    display: inline-block;
    opacity: 1 !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
}

#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li:last-child a:hover {
    background-color: var(--extra-color-2);
    color: #fff !important;
}

@media screen and (max-width: 1200px) {
    #header-outer[data-lhe="default"] #top nav > ul > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #top nav > ul > li > a {
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (min-width: 690px) and (max-width: 999px) {
    .post-area.standard-minimal.full-width-content .post .inner-wrap, body .container, body .slider-nav {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
    .post-area.standard-minimal.full-width-content .post .inner-wrap, body .container, body .slider-nav {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* --- FOOTER --- */

.custom-footer-main-area {
    background-color: var(--footer-background-color);
    color: var(--footer-font-color);
    padding-top: 65px;
    padding-bottom: 30px;
}

.custom-footer-main-area .widget {
    margin-bottom: 30px;
}

.custom-footer-main-area .footer-area-1 .widget:first-child {
    margin-bottom: 0px;
}

.custom-footer-main-area .widget h4 {
    color: var(--footer-font-color);
    font-family: inherit;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.custom-footer-main-area .widget p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.custom-footer-main-area .widget_nav_menu ul {
    margin-left: 0;
}

.custom-footer-main-area .widget_nav_menu ul li {
    list-style: none;
    color: var(--footer-font-color);
    margin-bottom: 17px;
}

.custom-footer-main-area .widget_nav_menu ul li a {
    color: var(--footer-font-color);
    font-weight: 700;
}

.custom-footer-main-area .widget_nav_menu ul li a:hover {
    color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form .formkit-fields {
	display: flex;
}

.custom-footer-main-area .newsletter-form .formkit-field {
	flex: 1;
	margin-right: 15px;  
}

.custom-footer-main-area .newsletter-form .formkit-submit {
    justify-content: flex-start;
}

.custom-footer-main-area .newsletter-form input { 
	background-color: #431149;
	border: 1px solid #431149;
	border-radius: 30px;
	padding: 12px 32px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
	color: var(--footer-font-color);
    margin-bottom: 0 !important;
}

.custom-footer-main-area .newsletter-form input:focus {
	background-color: transparent !important;
	color: var(--extra-color-2);
	border-color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form input::placeholder {
  color: var(--footer-font-color);
  opacity: 1;
}

.custom-footer-main-area .newsletter-form input:-ms-input-placeholder {
  color: var(--footer-font-color);
}

.custom-footer-main-area .newsletter-form input::-ms-input-placeholder {
  color: var(--footer-font-color);
}

.custom-footer-main-area .newsletter-form input:focus::placeholder {
  color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form input:focus:-ms-input-placeholder {
  color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form input:focus::-ms-input-placeholder {
  color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form button {
	background-color: transparent !important;
	padding: 0;
	color: var(--footer-font-color);
	white-space: nowrap;
    font-family: inherit;
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-left: 15px;
	flex: 1;
}

.custom-footer-main-area .newsletter-form button:hover {
	color: var(--extra-color-2);
}

.custom-footer-main-area .newsletter-form button span {
	margin-right: 10px;
}

.custom-footer-main-area .newsletter-form button::after {
	content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.425 8.93216C11.5009 8.85291 11.5603 8.75945 11.6 8.65716C11.6834 8.45428 11.6834 8.22671 11.6 8.02383C11.5603 7.92153 11.5009 7.82808 11.425 7.74883L8.925 5.24883C8.76808 5.09191 8.55525 5.00375 8.33334 5.00375C8.11142 5.00375 7.89859 5.09191 7.74167 5.24883C7.58475 5.40575 7.49659 5.61858 7.49659 5.84049C7.49659 6.06241 7.58475 6.27524 7.74167 6.43216L8.825 7.50716L5.83334 7.50716C5.61232 7.50716 5.40036 7.59496 5.24408 7.75124C5.0878 7.90752 5 8.11948 5 8.34049C5 8.56151 5.0878 8.77347 5.24408 8.92975C5.40036 9.08603 5.61232 9.17383 5.83334 9.17383L8.825 9.17383L7.74167 10.2488C7.66356 10.3263 7.60157 10.4185 7.55926 10.52C7.51695 10.6216 7.49517 10.7305 7.49517 10.8405C7.49517 10.9505 7.51695 11.0594 7.55926 11.161C7.60157 11.2625 7.66356 11.3547 7.74167 11.4322C7.81914 11.5103 7.91131 11.5723 8.01286 11.6146C8.11441 11.6569 8.22333 11.6787 8.33334 11.6787C8.44335 11.6787 8.55227 11.6569 8.65382 11.6146C8.75537 11.5723 8.84753 11.5103 8.925 11.4322L11.425 8.93216ZM16.6667 8.34049C16.6667 6.69232 16.1779 5.08115 15.2622 3.71074C14.3466 2.34033 13.0451 1.27223 11.5224 0.641497C9.99965 0.0107664 8.32409 -0.154261 6.70758 0.167282C5.09108 0.488826 3.60622 1.2825 2.44078 2.44794C1.27534 3.61338 0.481669 5.09823 0.160126 6.71474C-0.161417 8.33125 0.00361041 10.0068 0.634341 11.5295C1.26507 13.0522 2.33318 14.3537 3.70358 15.2694C5.07399 16.1851 6.68516 16.6738 8.33334 16.6738C10.5435 16.6738 12.6631 15.7959 14.2259 14.2331C14.9997 13.4592 15.6135 12.5406 16.0323 11.5295C16.4511 10.5185 16.6667 9.43484 16.6667 8.34049V8.34049ZM1.66667 8.34049C1.66667 7.02195 2.05766 5.73302 2.79021 4.63669C3.52275 3.54037 4.56394 2.68588 5.78211 2.1813C7.00029 1.67671 8.34073 1.54469 9.63394 1.80192C10.9271 2.05916 12.115 2.6941 13.0474 3.62645C13.9797 4.5588 14.6147 5.74668 14.8719 7.03989C15.1291 8.3331 14.9971 9.67354 14.4925 10.8917C13.9879 12.1099 13.1335 13.1511 12.0371 13.8836C10.9408 14.6162 9.65188 15.0072 8.33334 15.0072C6.56523 15.0072 4.86953 14.3048 3.61929 13.0545C2.36905 11.8043 1.66667 10.1086 1.66667 8.34049V8.34049Z' fill='%23F2B705'/%3E%3C/svg%3E%0A");
	width: 18px;
	height: 18px;
	display: flex;
	align-items: baseline;
}

.custom-copyright-area {
    background-color: var(--footer-copyright-background-color);
    padding-top: 18px;
    padding-bottom: 18px;
}

.custom-copyright-area .container > div {
   display: flex;
   justify-content: space-between;
}

.custom-copyright-area .copy-info {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.custom-copyright-area a {
    color: #fff;
}

.custom-copyright-area a:hover {
    color: var(--extra-color-2);
}

@media screen and (max-width: 1200px) {
	.custom-footer-main-area .newsletter-form .formkit-fields  {
		flex-wrap: wrap;
	}
	.custom-footer-main-area .newsletter-form .formkit-field {
		width: 100%;
		flex: none;
		margin-bottom: 20px;
	}
	
	.custom-footer-main-area .newsletter-form .formkit-field:last-child {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 992px) {
    .custom-copyright-area .container > div {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .custom-copyright-area .copy-info {
        width: 100%;
        display: block;
    }
    .custom-copyright-area .copy-info:first-child {
        margin-bottom: 8px;
    }
    .custom-footer-main-area .newsletter-form .formkit-field {
		width: calc(50% - 15px);
	}
    .custom-footer-main-area .newsletter-form button {
        flex: none;
    }
}

@media screen and (max-width: 767px) {
    .custom-footer-main-area .newsletter-form .formkit-field {
		width: calc(100% - 15px);
	}
}

@media screen and (max-width: 480px) {
    .custom-footer-main-area .newsletter-form {
        justify-content: center;
    }
    .custom-footer-main-area .newsletter-form .formkit-fields {
        margin-left: 0;
        align-self: center;
    }
}

/* --- SOCIAL NETWORKS WIDGET --- */

.social-networks-widget a {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
}

.social-networks-widget a:hover {
    color: var(--extra-color-2);
}

.social-networks-widget a svg {
    margin-right: 10px;
    color: var(--extra-color-2);
}



/* 404 PAGE */

.custom-error-404 img {
    margin-bottom: 20px;
    max-width: 630px;
    max-height: 280px;
    float: none;
    margin: 0 auto;
}

.custom-error-404 h2,
.custom-error-404 h6,
.custom-error-404 a {
    font-family: inherit !important;
}

.custom-error-404 h2 {
    margin-bottom: 6px;
}

.custom-error-404 h6 {
    margin-bottom: 50px;
}

.custom-error-404 p {
    padding-bottom: 0;
}

.custom-error-404 a {
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: var(--accent-color);
    background-color: var(--extra-color-2);
    border: 2px solid var(--extra-color-2);
    margin-top: 10px !important;
}

.custom-error-404 a:hover {
    color: var(--extra-color-2);
    background-color: transparent;
    border-color: var(--extra-color-2);
}

@media screen and (max-width: 767px) {
    .custom-error-404 h2 {
        font-size: 38px !important;
        line-height: 38px !important;
    }
}

@media screen and (max-width: 480px) {
    .custom-error-404 a {
        width: 100%;
    }
}

/* --- THANK YOU ADDON --- */

.thank-you-addon {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.thank-you-addon > div[class*="vc_col"] {
    padding-left: 15px;
    padding-right: 15px;
}

.thank-you-addon svg {
    margin-bottom: 10px;
    max-width: 700px;
    width: 100%;
    height: auto;
}

.thank-you-addon h2 {
    font-family: inherit;
    color: var(--extra-color-4);
    opacity: 0;
}

.thank-you-addon h5 {
    font-family: inherit;
    color: var(--extra-color-1);
    margin-top: 45px;
}

.thank-you-addon .content-text {
    color: #fff;
    padding-right: 10px;
}

.thank-you-addon .content-text p {
    margin-bottom: 25px;
}

.thank-you-addon .content-text a {
    color: var(--extra-color-2);
}

.thank-you-addon .content-text a:hover {
    color: var(--extra-color-1);
}

.thank-you-addon .img-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}

.thank-you-addon .image-holder {
    width: 320px;
    height: 320px;
    border-top-left-radius: 105px;
    border-bottom-right-radius: 105px;
    background-position: center center;
    background-size: 165%;
}

@media screen and (min-width: 480px) {
    .thank-you-addon svg {
        margin-bottom: 20px;
    }
    .thank-you-addon .image-holder {
        width: 480px;
        height: 480px;
        border-top-left-radius: 205px;
        border-bottom-right-radius: 205px;
    }
}

@media screen and (min-width: 660px) {
    .thank-you-addon .image-holder {
        width: 600px;
        height: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .thank-you-addon h5 {
        margin-top: 80px;
    }
    .thank-you-addon .img-wrapper {
        margin-top: -100px;
    }
    .thank-you-addon .image-holder {
        width: 480px;
        height: 480px;
    }
}

/* --- CONTACT FORM --- */

.custom-contact-form {
    display: flex;
    flex-wrap: wrap;
}

.custom-contact-form .form-fields label {
    position: relative;
    display: block;
}

@media screen and (max-width: 1299px) {
    .custom-contact-form .form-fields label {
        padding-right: 0;
    }
} 

.custom-contact-form .vertical-title img {
    margin-right: 32px;
}

.custom-contact-form .form-fields {
    flex: 1;
}

.custom-contact-form label span {
    color: #fff;
}

.custom-contact-form label input {
    width: 100%;
    margin-bottom: 20px;
}

.custom-contact-form label textarea {
    margin-bottom: 20px;
}

.custom-contact-form .submit-action .wpcf7-spinner {
    background-color: var(--extra-color-2);
}

.custom-contact-form .submit-action .wpcf7-spinner::before {
    background-color: var(--accent-color);
}

.custom-contact-form .vertical-title img.mobile {
    display: none;    
}

.custom-contact-form .form-fields.col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -24px;
}

.custom-contact-form .form-fields.col-2 .form-col {
    width: 50%;
    padding: 0 24px;
}

.custom-contact-form .form-fields.col-2 .form-col .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.custom-contact-form .form-fields.col-2 .form-col .wpcf7-form-control-wrap input {
    margin-bottom: 0;
}

.custom-contact-form .form-fields.col-2 .form-col .wpcf7-form-control-wrap span {
    margin-top: 20px;
    margin-bottom: 0;
}

.custom-contact-form .form-fields.col-2 .form-col textarea {
    min-height: 212px;
}

.custom-contact-form .form-fields.col-2 .form-col.button-right .submit-action .wpcf7-response-output {
    text-align: left;
}

.custom-contact-form .form-fields.col-2 .form-col.button-right .submit-action .reverse-color {
    border-color: var(--extra-color-2) !important;
    background-color: transparent !important;
    color: #fff !important;
}

.custom-contact-form .form-fields.col-2 .form-col.button-right .submit-action .reverse-color:hover {
    background-color: var(--extra-color-2) !important;
    color: var(--accent-color) !important;
}

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

    .custom-contact-form .vertical-title {
        width: 100%;
    }
   
    .custom-contact-form .vertical-title img:not(.mobile) {
        display: none;    
    }

    .custom-contact-form .vertical-title img.mobile {
        display: block;
        margin-bottom: 35px;  
        width: 100%;  
    }
}

@media screen and (max-width: 991px) {
    .custom-contact-form .form-fields.col-2 .form-col {
        width: 100%;
    }

    .custom-contact-form .form-fields.col-2 .form-col.button-right {
        margin-top: 30px;
    }
} 

@media screen and (max-width: 550px) {
   
    .custom-contact-form input[type="submit"] {
        font-size: 16px !important;
        list-style: 24px !important;
        width: 100%;
    }

    .custom-contact-form .submit-action {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .custom-contact-form .submit-action .wpcf7-spinner {
        margin-top: 15px;
    }
}


@media screen and (min-width: 991px) {
    .custom-contact-form .form-fields.col-2 .form-col.button-right .submit-action {
        text-align: right;
        position: relative;
        display: block;
    }

    .custom-contact-form .form-fields.col-2 .form-col.button-right .submit-action .wpcf7-spinner {
        position: absolute;
        top: 16.5px;
        right: 215px;
    }
}

/* --- CUSTOM TEXT BLOCK --- */

div[class*="wpb_text_column_custom"] del,
div[class*="wpb_text_column_custom"] spam,
div[class*="wpb_text_column_custom"] em { 
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

div[class*="wpb_text_column_custom"] strong {
    font-size: inherit;
    line-height: inherit;
}

div[class*="wpb_text_column_custom"] a { 
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
}

div[class*="wpb_text_column_custom"] a:hover { 
    text-decoration: none;
}

@media  screen and (max-width: 480px) {
    div[class*="wpb_text_column_custom"] h4 a { 
        font-size: 22px;
        line-height: 28px;
    }    
}

/* --- SINGLE IMAGE SHAPE --- */

div[class*="image-wrapper-"] {
    position: relative;
}

div[class*="shape-"] {
    display: flex;
    overflow: hidden;
    position: relative;
}

div[class*="shape-"] img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div[class*="image-wrapper-"] .overlay-shape {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    opacity: 0.95;
}

div[class*="image-wrapper-"] .top-left {
    top: 0;
    left: 0;
}

div[class*="image-wrapper-"] .top-right {
    top: 0;
    right: 0;
}

div[class*="image-wrapper-"] .bottom-left {
    bottom: 0;
    left: 0;
}

div[class*="image-wrapper-"] .bottom-right {
    bottom: 0;
    right: 0;
}

.shape-1 {
    border-top-right-radius: 20vw;
    border-bottom-left-radius: 20vw;
}

.shape-2 {
    border-top-left-radius: 20vw;
    border-bottom-right-radius: 20vw;
}

.shape-3 {
    border-top-right-radius: 20vw;
    border-bottom-right-radius: 20vw;
}

.shape-4 {
    border-top-left-radius: 20vw;
    border-bottom-left-radius: 20vw;
}

.shape-5 {
    border-bottom-left-radius: 20vw;
}

.shape-6 {
    border-bottom-right-radius: 20vw;
}

.shape-7 {
    border-top-left-radius: 20vw;
}

.shape-8 {
    border-top-right-radius: 20vw;
}

.shape-9 {
    border-bottom-left-radius: 50vw;
    border-bottom-right-radius: 50vw;
}

.shape-10 {
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
}

.shape-11 {
    border-radius: 100%;
}

@media screen and (max-width: 690px) {
    .shape-1 {
        border-top-right-radius: 40vw;
        border-bottom-left-radius: 40vw;
    }
    
    .shape-2 {
        border-top-left-radius: 40vw;
        border-bottom-right-radius: 40vw;
    }
    
    .shape-3 {
        border-top-right-radius: 40vw;
        border-bottom-right-radius: 40vw;
    }
    
    .shape-4 {
        border-top-left-radius: 40vw;
        border-bottom-left-radius: 40vw;
    }
    
    .shape-5 {
        border-bottom-left-radius: 40vw;
    }
    
    .shape-6 {
        border-bottom-right-radius: 40vw;
    }
    
    .shape-7 {
        border-top-left-radius: 40vw;
    }
    
    .shape-8 {
        border-top-right-radius: 40vw;
    }

    div[class*="image-wrapper-"] .overlay-shape {
        width: 100px;
        height: 100px;
    }
}

/* --- CALL TO ACTION --- */

.call-to-action-1 {
    position: relative;
}

.call-to-action-1 .bg-color {
    background-color: var(--accent-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
}

.call-to-action-1 .container {
    background-color: var(--accent-color);
    border-radius: 0px 10px 330px 0px;
}

.call-to-action-1 .container .wrapper {
    padding: 25px 20px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.call-to-action-1 .container .wrapper h3 {
    margin-bottom: 30px;
}

.call-to-action-1 .container .wrapper h4,
.call-to-action-1 .container .wrapper h6,
.call-to-action-1 .container .wrapper p {
    color: #fff;
}

.call-to-action-1 .image-wrapper img {
    opacity: 0;
    margin-bottom: 0;
    transform: rotateZ(-20deg);
    transform: scale(0);
    transform-origin: center center;
    animation: scaleCenter 500ms ease 500ms normal forwards;
    -webkit-animation: scaleCenter 500ms ease 500ms normal forwards;
    -webkit-transform: rotateZ(-20deg);
    -moz-transform: rotateZ(-20deg);
    -ms-transform: rotateZ(-20deg);
    -o-transform: rotateZ(-20deg);
}

.call-to-action-1 .container .wrapper .info {
    padding: 30px 0;
}

.call-to-action-1 .action {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.call-to-action-1 .action .gradient-line  {
    flex: 1;
    height: 2px;
    margin-left: 15px;
    background: linear-gradient(90deg, #F2B705 0%, rgba(242, 183, 5, 0) 101.67%);
}

@media screen and (max-width: 1000px) {
    .call-to-action-1 .container {
        border-radius: 0px 10px 200px 0px;
        -webkit-border-radius: 0px 10px 200px 0px;
        -moz-border-radius: 0px 10px 200px 0px;
        -ms-border-radius: 0px 10px 200px 0px;
        -o-border-radius: 0px 10px 200px 0px;
    }
    .call-to-action-1 .container .wrapper {
        padding: 55px 0px;
    }
    .call-to-action-1 .action {
        margin-top: 0px;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .call-to-action-1 .container {
        border-radius: 0px 10px 100px 0px;
        -webkit-border-radius: 0px 10px 100px 0px;
        -moz-border-radius: 0px 10px 100px 0px;
        -ms-border-radius: 0px 10px 100px 0px;
        -o-border-radius: 0px 10px 100px 0px;
    }

}


/* --- PODCASTS --- */

.podcasts {
    margin-bottom: 0 !important;
}

.podcasts .title {
    width: 100%;
    margin-bottom: -27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}

.podcasts .title img {
    max-height: 180px;
    max-width: 80%;
    margin-bottom: 0;
}

.podcasts .title h2 {
    font-size: 56px;
    line-height: 66px;
    font-style: italic;
    color: #fff;
    margin-left: 50px;
    margin-top: -38px;
    margin-bottom: 0;
    z-index: 9;
}

.podcasts .wrapper {
    position: relative;
    background-color: rgba(247, 236, 226, 0.3);
    border-radius: 0px 128px 0px 64px;
    padding: 110px 50px 80px 50px;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0px 128px 0px 64px;
    -moz-border-radius: 0px 128px 0px 64px;
    -ms-border-radius: 0px 128px 0px 64px;
    -o-border-radius: 0px 128px 0px 64px;
}

.podcasts .swiper-container,
.podcasts .swiper-wrapper {
    overflow: hidden;
}

.podcast-item {
    display: flex;
    margin-bottom: 56px;
}

.podcast-item .img-holder {
    width: 180px;
    height: 180px;
    overflow: hidden;
}

.podcast-item .thumbnail {
    width: 100%;
    height: 100% !important;
    margin-bottom: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
}

.podcast-item .thumbnail:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.podcast-item .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0px 20px;
}

.podcast-item .info > div {
    flex: 1;
}

.podcast-item .info h6 {
    margin-bottom: 10px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-weight: 700;
}

.podcast-item .info p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-bottom: 10px;
}

.podcast-item .info a {
    display: flex;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    width: max-content;
}

.podcast-item .info a > div {
    display: flex;
    align-items: center;
    padding: 16px 32px;
    border: 1px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.podcast-item .info a img {
    margin-bottom: 0;
    margin-right: 8px;
    transform: scale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.podcast-item .info a:hover > div {
    border-color: var(--extra-color-2);
    background-color: var(--extra-color-2);
}

.podcast-item .info a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.podcasts .swipper-naviagtion {
    display: flex;
    align-items: center;
    justify-content: center;
}

.podcasts .swiper-pagination {
    bottom: inherit;
    position: relative;
    width: auto;
}

.podcasts .swiper-pagination .swiper-pagination-bullet  {
    width: 9px;
    height: 9px;
    margin-left: 10px;
    margin-right: 10px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.podcasts .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}

.podcasts .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: var(--extra-color-2);
    opacity: 1;
}

.podcasts .podcasts-button-prev,
.podcasts .podcasts-button-next {
    cursor: pointer;
    padding: 15px;
}

.podcasts .podcasts-button-prev {
    margin-right: 25px;
}

.podcasts .podcasts-button-next {
    margin-left: 25px;
}

.podcasts .podcasts-button-prev img,
.podcasts .podcasts-button-next img {
    margin-bottom: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.podcasts .podcasts-button-prev:hover img,
.podcasts .podcasts-button-next:hover img {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.podcasts .podcasts-button-prev:hover img {
    transform-origin: right center;
}

.podcasts .podcasts-button-next:hover img {
    transform-origin: left center;
}


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

    .podcast-item .info a > div {
        width: 100%;
        justify-content: center;
    }

    .podcasts .podcasts-button-prev {
        margin-right: 15px;
    }
    
    .podcasts .podcasts-button-next {
        margin-left: 15px;
    }

    .podcasts .swiper-pagination .swiper-pagination-bullet  {
        margin-left: 5px;
        margin-right: 5px;
    }

}

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

    .podcasts .wrapper {
        padding: 65px 25px 40px 25px;
        border-radius: 0px 65px 0px 64px;
        -webkit-border-radius: 0px 65px 0px 64px;
        -moz-border-radius: 0px 65px 0px 64px;
        -ms-border-radius: 0px 65px 0px 64px;
        -o-border-radius: 0px 65px 0px 64px;
    }

}

@media screen and (max-width: 1000px) {
    .podcast-item {
        display: flex;
        flex-wrap: wrap;
    }

    .podcast-item .img-holder {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }

    .podcast-item .thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: 100%;
    }

    .podcast-item .info {
        padding: 20px 0;
    }

    .podcast-item .info a {
        margin-top: 15px;
    }
}

/* --- MEDIAS --- */

.media-item .media-item-btn:hover {
    cursor: pointer;
}

.media-item .img-wrapper {
    position: relative;
    display: block;
    border-top-right-radius: 105px;
    border-bottom-right-radius: 105px;
    overflow: hidden;
}

.media-item .img-wrapper button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 0 !important;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.media-item .img-wrapper button:hover {
    background: rgba(0, 0, 0, 0);
}

.media-item .img-wrapper button div.play {
    height: 85px;
    width: 85px;
    border: 1px solid #ffffff;
    border-radius: 100%;
}

.media-item .img-wrapper button div.play::before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 28px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
}

.media-item .img-wrapper img {
    height: 210px;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
}

.media-item .info {
    margin-top: 15px;
}

.media-item .info .cat {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #26AFC6;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}

.media-item .info .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
}

.media-item .info .date {
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 15px;
    padding-bottom: 27px !important;
}

/* --- CUSTOM-IMAGES-GRID --- */

.custom-images-grid {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.custom-images-grid a  {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.custom-images-grid img {
    margin-bottom: 0 !important;
    width: 100%;
}

.custom-images-grid .overlayer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.custom-images-grid .overlayer:hover {
    opacity: 1;
}

.custom-images-grid .svg-wrapper {
    height: 30px;
    width: 30px;  
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}

.custom-images-grid .svg-wrapper svg {
    fill: #fff;
    position: relative;
}

.custom-images-grid .overlayer:hover .svg-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.custom-images-grid .overlayer:hover .svg-wrapper {
    opacity: 1;
}

.custom-images-grid .overlayer .title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 12px 0 0 0;
}

@media screen and (min-width: 690px) and (max-width: 999px)  {
   .custom-images-grid {
        width: 50% !important;
   }
}

/* --- CUSTOM SINGLE TESTIMONIAL --- */

.custom-single-testimonial .icon {
    text-align: center;
}

.custom-single-testimonial.right .icon {
    text-align: right;
}

.custom-single-testimonial.right .icon svg {
    max-width: 208px;
    width: 100%;
    height: auto;
}

.custom-single-testimonial .quote {
    max-width: 1035px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -55px;
    padding: 0 25px;
}

.custom-single-testimonial.right .quote {
    margin-right: 0;
    padding: 0;
    margin-top: -125px;
}

.custom-single-testimonial p {
    font-size: 28px;
    line-height: 40px;
}

.custom-single-testimonial p.name-subtitle {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
}

.custom-single-testimonial p.name-subtitle b {
    font-size: 20px;
    line-height: 30px;
}

@media screen and (max-width: 767px) {
    .custom-single-testimonial .icon,
    .custom-single-testimonial p.name-subtitle {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .custom-single-testimonial p {
        font-size: 22px;
        line-height: 32px;
    }
}

/* --- CUSTOM CHECKLIST --- */

.custom-checklist.has-line {
    position: relative;
    padding-left: 28px;
}

.custom-checklist.has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
}

.custom-checklist ul {
    margin: 0;
}

.custom-checklist li {
    display: flex;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}

.custom-checklist li:last-child {
    margin-bottom: 0;
}

.custom-checklist li svg {
    margin-top: 4px;
    margin-right: 10px;
}

.custom-checklist li > div {
    flex: 1;
}

/* --- SINGLE TESTIMONIAL WITH IMAGE --- */

.single-testimonial-img .wrapper {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
}

.single-testimonial-img.left .wrapper {
    padding-left: 20px;
}

.single-testimonial-img.right .wrapper {
    padding-right: 20px;
}

.single-testimonial-img .img-holder {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    max-height: 325px;
    border-top-right-radius: 140px;
    border-bottom-left-radius: 140px;
    -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-testimonial-img.left .img-holder {
    left: 0;
}

.single-testimonial-img.right .img-holder {
    right: 0;
}

.single-testimonial-img.left .text-wrapper {
    padding: 40px 50px 32px 330px;
    border-top-left-radius: 105px;
    border-bottom-left-radius: 105px;
    border-bottom-right-radius: 166px;
    text-align: left;
}

.single-testimonial-img.right .text-wrapper {
    padding: 40px 330px 32px 50px;
    border-top-right-radius: 105px;
    border-bottom-right-radius: 105px;
    border-bottom-left-radius: 166px;
    text-align: right;
}

.single-testimonial-img .text {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 15px;
}

.single-testimonial-img.style-2 .text {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
}

.single-testimonial-img .name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 0px;
}

.single-testimonial-img .subtitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 0px;
}

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

    .single-testimonial-img.left .text-wrapper {
        padding: 40px 50px 32px 280px;
    }
    
    .single-testimonial-img.right .text-wrapper {
        padding: 40px 280px 32px 50px;
    }

}

@media screen and (max-width: 799px) {
    .single-testimonial-img.style-2 .text {
        font-size: 24px;
        line-height: 36px;
    }
}

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

    .single-testimonial-img.left .wrapper,
    .single-testimonial-img.right .wrapper {
        padding: 0px;
    }

    .single-testimonial-img.left .img-holder,
    .single-testimonial-img.right .img-holder {
        bottom: inherit;
        height: 240px;
        top: -20px;
        left: 50%;
        right: inherit;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
}

    .single-testimonial-img.right .text-wrapper,
    .single-testimonial-img.left .text-wrapper {
        padding: 250px 35px 32px 35px;
        border-radius: 105px;
        -webkit-border-radius: 105px;
        -moz-border-radius: 105px;
        -ms-border-radius: 105px;
        -o-border-radius: 105px;
        text-align: center;
    }

    .single-testimonial-img.right .text-wrapper .text,
    .single-testimonial-img.left .text-wrapper .text {
        text-align: left;
    }
    
}

/* --- TESTIMONIAL BOX --- */

.large-testimonial-box {
    height: 100%;
    background: var(--accent-color);
    border-radius: 16px 0px 16px 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.large-testimonial-box .text-wrapper {
    padding: 30px 30px 16px 30px;
    margin-bottom: 30px;
}

.large-testimonial-box .text-wrapper .subtitle {
    color: var(--extra-color-1);
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(38 175 198 / 20%);
    text-align: center;
}

.large-testimonial-box .text-wrapper .title {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.large-testimonial-box .text-wrapper .desc-box {
    margin: 0 0 10px 0;
    color: #fff;
}

.large-testimonial-box .text-wrapper .desc-box p {
    font-size: 18px;
    line-height: 24px;
}

.large-testimonial-box .author-wrapper {
    position: relative;
    padding: 0 0 0 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: 10px;
    min-height: 110px;
    align-items: center;
}

.large-testimonial-box .author-wrapper .img-holder {
    position: absolute;
    left: -28px;
    bottom: -28px;
    width: 150px;
    height: 140px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
}

.large-testimonial-box .author-wrapper .name {
    margin-bottom: 5px;
    color: #fff;
}

.large-testimonial-box .author-wrapper .occupation {
    color: var(--extra-color-2);
    font-size: 16px;
    line-height: 22px;
}

@media only screen and (max-width: 999px) {
    .large-testimonial-box .author-wrapper .img-holder {
        left: -15px;
    }
    .large-testimonial-box .author-wrapper .name,
    .large-testimonial-box .author-wrapper .occupation {
        padding-left: 25px;
    }

}

/* --- VIDEO TESTIMONIALS ---*/ 

.video-testimonials .swiper-container {
    overflow: hidden;
}

.video-testimonials .swiper-slide {
    padding: 0 15px;
}

.video-testimonials .column-video-wrapper {
    padding-top: 20px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.video-testimonials .video-wrapper {
    background: var(--extra-color-1);
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.video-testimonials .video-wrapper iframe,
.video-testimonials .video-wrapper > video {
    margin-bottom: -11px;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.video-testimonials .video-wrapper > video {
    width: 100%;
    height: auto;
}

.video-testimonials .info-video-testimonials-wrapper {
    padding-left: 30px;
}

.video-testimonials .description-box {
    font-family: 'FreightText Pro';
    font-size: 28px;
    line-height: 40px;
    color: #081012;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    margin-bottom: 30px;
}

.video-testimonials .author-wrapper {
    position: relative;
    padding: 5px 85px 5px 0;
}

.video-testimonials .author-wrapper .info-wrapper {
    text-align: right;
}

.video-testimonials .author-wrapper .info-wrapper h6 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--extra-color-1);
    margin-bottom: 0;
}

.video-testimonials .author-wrapper .info-wrapper p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.video-testimonials .author-wrapper .img-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 65px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-testimonials .swipper-naviagtion {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-testimonials .swiper-pagination {
    bottom: inherit;
    position: relative;
    width: auto;
}

.video-testimonials .swiper-pagination .swiper-pagination-bullet {
    background: #D9D9D9;
    opacity: 0.5;
    cursor: pointer;
    width: 9px;
    height: 9px;
    margin-left: 10px;
    margin-right: 10px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


.video-testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--extra-color-1);
    opacity: 1;
}

.video-testimonials .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: var(--extra-color-2);
    opacity: 1;
}

.video-testimonials .swipper-naviagtion-on-top {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-prev,
.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-next {
    width: 25px;
    padding: 8px 5px;
}

.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-prev:hover,
.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-next:hover {
    cursor: pointer;
}

.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-prev svg,
.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-next svg {
    position: relative;
    display: block;
    fill: var(--extra-color-3);
}

.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-prev {
    margin-right: 5px;
}

.video-testimonials .swipper-naviagtion-on-top .video-testimonials-button-next {
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .video-testimonials .description-box {
        font-size: 20px;
        line-height: 28px;
    }

    .video-testimonials .info-video-testimonials-wrapper {
        padding-left: 0;
    }

}

/* --- CUSTOM VIDEO POPUP ---*/

.custom-video-popup {
    position: relative;
}

.custom-video-popup .image-holder {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-bottom-right-radius: 15vw;
}

.custom-video-popup .image-holder::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom-right-radius: 15vw;
    background: linear-gradient(360deg, rgba(17, 17, 17, 0.76) 0%, rgba(17, 17, 17, 0.52) 45.83%, rgba(17, 17, 17, 0) 100%);
}

.custom-video-popup .image-holder img:not(.animation) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.custom-video-popup .image-holder video {
    position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 15vw;
}

.custom-video-popup .animation {
    position: absolute;
    right: -50px;
    bottom: -40px;
    z-index: 9;
    height: auto;
}

.custom-video-popup .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.custom-video-popup .pause-btn {
    appearance: none;
    outline: none;
    background-color: transparent;
    border: none;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.custom-video-popup .pause-btn:hover {
    cursor: pointer;
    color: var(--extra-color-2);
}

@media screen and (max-width: 1000px) {
    .custom-video-popup .image-holder video,
    .custom-video-popup .image-holder::after,
    .custom-video-popup .image-holder {
        border-bottom-right-radius: 50vw;
    }
}

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

    .video-testimonials .swipper-naviagtion {
        margin-top: 0px;
    }
}

/* --- CUSTOM TESTIMONIAL CENTERED --- */

.custom-testimonial-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-testimonial-centered .img-holder {
    position: relative;
    width: 260px;
    height: 260px;
    border-top-right-radius: 205px;
    border-bottom-right-radius: 205px;
    border-bottom-left-radius: 205px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    margin-bottom: 30px;
}

.custom-testimonial-centered .img-holder svg {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.custom-testimonial-centered p {
    padding: 0 100px;
}

.custom-testimonial-centered p:not(.text) {
    text-align: center;
}

.custom-testimonial-centered .text {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 15px;
}

.custom-testimonial-centered .name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.custom-testimonial-centered .subtitle {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

@media screen and (max-width: 1000px) {
    .custom-testimonial-centered p {
        padding: 0 0px;
    }
}

@media screen and (max-width: 480px) {
    .custom-testimonial-centered p {
       text-align: center;
    }
}

/* --- HIGHTLIGHT BOX 1 ---*/

.hightlight-box-1 {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0px 0px 300px 0px;
}

.hightlight-box-1 .text-wrapper {
    padding: 100px 80px 100px 100px;
    width: 60%;
}

.hightlight-box-1 h2 {
    margin-bottom: 30px;
}

.hightlight-box-1 .text-content {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.hightlight-box-1 .image-holder {
    width: 40%;
    border-radius: 0px 0px 300px 0px;
    overflow: hidden;
    display: flex;
}

.hightlight-box-1 .image-holder img {
    margin-bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .hightlight-box-1 .text-wrapper {
        padding: 65px 30px 65px 60px;
    }
}

@media screen and (max-width: 1000px) {
    .hightlight-box-1 .text-wrapper,
    .hightlight-box-1 .image-holder {
        width: 100%;
    }

    .hightlight-box-1 .text-wrapper {
        margin-top: 0px !important;
    }

    .hightlight-box-1 .height-wrapper {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .hightlight-box-1 .text-wrapper {
        padding: 65px 30px 65px 30px;
    }
}

@media screen and (max-width: 480px) {
    .hightlight-box-1 .text-wrapper {
        padding: 45px 20px 45px 20px;
    }
}

/* --- HIGHTLIGHT BOX 2 ---*/

.hightlight-box-2 {
    display: flex;
    flex-wrap: wrap;
    border-radius: 16px 16px 16px 300px;
    -webkit-border-radius: 16px 16px 16px 300px;
    -moz-border-radius: 16px 16px 16px 300px;
    -ms-border-radius: 16px 16px 16px 300px;
    -o-border-radius: 16px 16px 16px 300px;
}

.hightlight-box-2 .text-wrapper {
    padding: 60px 105px 70px 105px;
    width: 60%;
}

.hightlight-box-2 .title {
    margin-bottom: 30px !important;
}

.hightlight-box-2 .text-wrapper.reverse_title .title {
    margin-bottom: 10px !important;
}

.hightlight-box-2 .text-wrapper.reverse_title .tisubtitletle {
    font-weight: 700;
}

.hightlight-box-2 .image-holder {
    width: 40%;
    border-radius: 0px 0px 0px 300px;
    overflow: hidden;
    display: flex;
    -webkit-border-radius: 0px 0px 0px 300px;
    -moz-border-radius: 0px 0px 0px 300px;
    -ms-border-radius: 0px 0px 0px 300px;
    -o-border-radius: 0px 0px 0px 300px;
}

.hightlight-box-2 .image-holder img {
   margin-bottom: 0;
   object-fit: cover;
   height: 100%;
   width: 100%;
}

@media screen and (max-width: 1200px) {
    .hightlight-box-2 .text-wrapper {
        padding: 65px 30px 65px 60px;
    }
}

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

    .hightlight-box-2 {
        flex-direction: column-reverse;
    }

    .hightlight-box-2 .text-wrapper,
    .hightlight-box-2 .image-holder {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hightlight-box-2 .text-wrapper {
        padding: 65px 30px 65px 30px;
    }
}

@media screen and (max-width: 480px) {
    .hightlight-box-2 .text-wrapper {
        padding: 45px 20px 45px 20px;
    }
}

/* --- HIGHTLIGHT BOX 3 ---*/

.hightlight-box-3 {
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.hightlight-box-3 .col {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hightlight-box-3 .img-holder {
    height: 380px;
    width: 100%;
    -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.2));
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.hightlight-box-3 .text-wrapper {
    background-color: var(--extra-color-3);
    padding: 270px 30px 35px 30px;
    margin-top: -270px;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 200px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hightlight-box-3 .text-wrapper .title {
    margin-top: 30px;
    margin-bottom: 0;
    color: #F7ECE2;
}

.hightlight-box-3 .gradient-line {
    height: 2px;
    margin: 21px 0;
    background: linear-gradient(90deg, #F2B705 0%, rgba(242, 183, 5, 0) 101.67%);
}

.hightlight-box-3 .desc-box {
    color: #ffffff;
    margin-bottom: 45px;
}

.hightlight-box-3 .desc-box p {
    font-size: 18px;
    line-height: 24px;
}

.hightlight-box-3 .btn-wrapper {
    margin-top: auto;
    padding-right: 60px;
    display: flex;
}

/* --- QUESTIONS-AND-ANSWERS-BOX ---*/

.questions-answers-box .what-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.questions-answers-box .text-wrapper .what-label {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #F2B705;
    padding-right: 12px;
    white-space: nowrap;
}

.questions-answers-box .text-wrapper .gradient-line {
    height: 2px;
    width: 100%;
    margin: 10px 0;
    background: linear-gradient(90deg, #F2B705 0%, rgba(242, 183, 5, 0) 101.67%);
}

.questions-answers-box .text-wrapper .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
}

.questions-answers-box .text-wrapper .desc-box {
    color: #fff;
    opacity: 0.8;
    margin-top: 15px;
}

.questions-answers-box .text-wrapper .desc-box p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

/* --- ACCORDION'S ---*/

.accordionjs {
    margin: 0 !important;
}

.accordionjs li {
    border: none !important;
    border-radius: 16px !important;
    margin-bottom: 20px;
}

.accordionjs li:last-child {
    margin-bottom: 0;
}

.accordionjs li .acc_head {
    background: #d6e0e2 !important;
    border: none !important;
    border-radius: 16px;
    padding: 20px 25px 20px 25px !important;
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.accordionjs li .acc_head .title-wrapper {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #013440;
    padding-right: 30px;
    width: 100%;
}

.accordionjs li .acc_head .svg-wrapper {
    height: 20px;
    width: 20px;
}

.accordionjs li .acc_head .svg-wrapper svg {
    fill: var(--accent-color);
    position: relative;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.accordionjs li.acc_active .acc_head .svg-wrapper svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordionjs li .acc_content {
    padding: 30px 25px !important;
    color: #013440;
}

.accordionjs li .acc_content p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.accordionjs li.acc_active {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .accordionjs li .acc_head .title-wrapper {
        font-size: 20px;
        line-height: 28px;
    }
}

/* --- BOX WITH IMAGE AND CONTENT ---*/

.image-with-box .description-outer {
    padding: 30px 50px 30px 30px;
    border-radius: 0px 0px 110.5px 0px;
}

.image-with-box .image-outer {
    border-radius: 120px 0px 0px 0px;
    overflow: hidden;
}

.image-with-box img {
    margin-bottom: 0 !important;
    display: flex;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* --- CUSTOM TITLE --- */

.custom-title {
    position: relative;
}

.custom-title .bg-color {
    background-color: var(--extra-color-1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
}

.custom-title .container .wrapper {
    margin-left: 0px;
    margin-right: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 65px;
    background-color: var(--extra-color-1);
    border-radius: 0px 330px 0px 0px;
    -webkit-border-radius: 0px 330px 0px 0px;
    -moz-border-radius: 0px 330px 0px 0px;
    -ms-border-radius: 0px 330px 0px 0px;
    -o-border-radius: 0px 330px 0px 0px;
}

.custom-title .container .wrapper > div[class*="vc_col-"] {
    padding-left: 25px;
    padding-right: 25px;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
}

.custom-title .container .wrapper h2 {
    margin-bottom: 25px;
}

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

    .custom-title .container .wrapper {
        border-radius: 0px 100px 0px 0px;
        -webkit-border-radius: 0px 100px 0px 0px;
        -moz-border-radius: 0px 100px 0px 0px;
        -ms-border-radius: 0px 100px 0px 0px;
        -o-border-radius: 0px 100px 0px 0px;
}

    .custom-title .container .image-holder {
        max-width: 200px;
    }

    .custom-title .container .wrapper > div[class*="vc_col-"] {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@media screen and (max-width: 768px) {
    .custom-title .container .wrapper h2 {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 38px;
    }
}

/* --- CUSTOM TIMELINE ---*/

.custom-timeline.style-1 {
    display: flex;
}

.custom-timeline.style-1 .sidebar-wrapper {
    min-width: 80px;
}

.custom-timeline.style-1 .sidebar-wrapper img {
    height: 100%;
    max-height: 580px;
    width: auto;
    object-fit: cover;
}

.custom-timeline.style-2 .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

.custom-timeline.style-2 .wrapper::before {
    content: "";
    position: absolute;
    width: 2px;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, #26AFC6 0%, rgba(38, 175, 198, 0) 100%);
}

@media screen and (max-width: 480px) {
    .custom-timeline .sidebar-wrapper {
      display: none;
    }
}

/* --- CUSTOM TIMELINE ITEM ---*/

.style-1 .custom-timeline-item {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.style-2 .custom-timeline-item {
    margin-bottom: 30px;
    padding-left: 20px;
}


.custom-timeline-item:last-child {
    margin-bottom: 0px;
}

.style-1 .custom-timeline-item h4 {
    min-width: 180px;
    padding: 20px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    flex: 1;
}

.style-1 .custom-timeline-item .text-wrapper {
    padding-left: 20px;
}

.style-2 .custom-timeline-item h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

@media screen and (max-width: 1000px) {
    .custom-timeline-item {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .custom-timeline-item .text-wrapper,
    .custom-timeline-item h4 {
        width: 100%;
        text-align: left;
        padding-left: 40px;
    }
}

@media only screen and (max-width: 690px) {
    .style-1 .custom-timeline-item {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .custom-timeline-item {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 480px) {
    
    .custom-timeline-item h4,
    .custom-timeline-item .text-wrapper {
        padding-left: 0px;
        text-align: left;
    }

}

/* --- CUSTOM HOVER CONTENT ---*/

.custom-hover-content {
    position: relative;
}

.custom-hover-content .image-holder {
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    min-height: 480px;
    width: 100%;
}

.custom-hover-content .image-holder img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.custom-hover-content .image-holder::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(360deg, #000000 0%, rgba(28, 28, 28, 0) 100%);
}

.custom-hover-content:hover .image-holder::after {
    background: transparent;
    opacity: 0.9;
}

.custom-hover-content .text-wrapper {
    padding: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: flex-end;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.custom-hover-content:hover .text-wrapper {
    background-color: #531F5A;
    opacity: 0.9;
}

.custom-hover-content .text-wrapper .text {
    position: absolute;
    top: 0;
    bottom: 40px;
    left: 40px;
    right: 40px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.custom-hover-content:hover .text-wrapper .text {
    transform:translateY(-40%);
    -webkit-transform:translateY(-40%);
    -moz-transform:translateY(-40%);
    -ms-transform:translateY(-40%);
    -o-transform:translateY(-40%);
}

.custom-hover-content .text-wrapper .text-hover em {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.custom-hover-content .text-wrapper .text-hover {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.custom-hover-content:hover .text-wrapper .text-hover {
    opacity: 1;
    visibility: visible;
}

.custom-hover-content .text-wrapper .text-hover a {
    margin-top: 45px;
}

@media screen and (max-width: 767px) {
    .custom-hover-content {
        margin-bottom: 2px !important;
    }

    .custom-hover-content .text-wrapper {
        background-color: #531F5A;
        opacity: 0.9;
        flex-direction: column;
        justify-content: flex-end;
    }

    .custom-hover-content .text-wrapper .text {
        transform: translateY(-53%);
        -webkit-transform: translateY(-53%);
        -moz-transform: translateY(-53%);
        -ms-transform: translateY(-53%);
        -o-transform: translateY(-53%);
        position: relative;
        left: inherit;
        right: inherit;
        bottom: inherit;
        top: inherit;
    }

    .custom-hover-content:hover  .text-wrapper .text {
        transform: translateY(-53%);
        -webkit-transform: translateY(-53%);
        -moz-transform: translateY(-53%);
        -ms-transform: translateY(-53%);
        -o-transform: translateY(-53%);
    }

    .custom-hover-content .text-wrapper .text-hover {
        opacity: 1;
        visibility: visible;
    }

    .custom-hover-content .image-holder::after {
        display: none;
    }
}

/* --- CUSTOM COUNTDOWN --- */

div[class*="custom-countdown-"] {
    display: flex;
    margin-bottom: 0;
}

.countdown {
    padding: 14px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 0 !important;
    margin-right: 0;
    float: none;
    width: fit-content;
}

.countdown h6 {
    margin-bottom: 0;
    width: fit-content;
}

/* --- CUSTOM ORDERED LIST --- */

.custom-ordered-list ol {
    margin-left: 18px;
}

.custom-ordered-list ol li {
    padding-left: 17px;
    margin-bottom: 30px;
}

.custom-ordered-list ol li:last-child {
    margin-bottom: 0px;
}

.custom-ordered-list li::marker {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

/* --- CUSTOM HIGHLIGHT BOX --- */

.custom-hightlight-box.left .bg-wrapper {
    position: relative;
}

.custom-hightlight-box.left .image-holder,
.custom-hightlight-box.left .bg-wrapper {
    border-radius: 16px 16px 16px 260px;
    -webkit-border-radius: 16px 16px 16px 260px;
    -moz-border-radius: 16px 16px 16px 260px;
    -ms-border-radius: 16px 16px 16px 260px;
    -o-border-radius: 16px 16px 16px 260px;
}

.custom-hightlight-box.right .image-holder,
.custom-hightlight-box.right .bg-wrapper {
    border-radius: 16px 16px 260px 16px;
    -webkit-border-radius: 16px 16px 260px 16px;
    -moz-border-radius: 16px 16px 260px 16px;
    -ms-border-radius: 16px 16px 260px 16px;
    -o-border-radius: 16px 16px 260px 16px;
}

.custom-hightlight-box .image-wrapper {
    position: absolute;
    bottom: 0;
    max-width: 45%;
    overflow: hidden;
}

.custom-hightlight-box.left .image-wrapper {
    left: 0;
}

.custom-hightlight-box.right .image-wrapper {
    right: 0;
}

.custom-hightlight-box .image-holder {
    position: relative;
    bottom: 0;
    overflow: hidden;
}

.custom-hightlight-box .image-holder img {
    margin-bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.custom-hightlight-box .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.custom-hightlight-box.right .wrapper {
    flex-direction: row-reverse;
}

.custom-hightlight-box .col-6 {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 500px;
}

.custom-hightlight-box.left .text-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 50px;
}

.custom-hightlight-box.right .text-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 50px;
}

.custom-hightlight-box .text-wrapper > h6 {
    font-weight: 700 !important;
}

.custom-hightlight-box .description {
    margin-top: 30px;
}

.custom-hightlight-box.left .description {
    padding-right: 50px;
}

.custom-hightlight-box.right .description {
    padding-left: 50px;
}

.custom-hightlight-box a[class*="btn-"] {
    margin-top: 50px;
}

@media screen and (max-width: 1000px) {
    .custom-hightlight-box.left .text-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 45px;
    }

    .custom-hightlight-box.right .text-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 45px;
    }
}

@media screen and (max-width: 900px) {
    .custom-hightlight-box .bg-wrapper {
        overflow: hidden;
    }

    .custom-hightlight-box .col-6 {
        width: 100%;
    }

    .custom-hightlight-box.left .text-wrapper {
        padding: 30px;
    }

    .custom-hightlight-box .wrapper {
        flex-direction: column-reverse;
    }

    .custom-hightlight-box.right .wrapper {
        flex-direction: column-reverse;
    }

    .custom-hightlight-box.left .image-wrapper,
    .custom-hightlight-box.right .image-wrapper {
        max-width: inherit;
        max-height: 560px;
    }

    .custom-hightlight-box.left .image-holder,
    .custom-hightlight-box.left .bg-wrapper {
        border-radius: 16px 16px 16px 200px;
        -webkit-border-radius: 16px 16px 16px 200px;
        -moz-border-radius: 16px 16px 16px 200px;
        -ms-border-radius: 16px 16px 16px 200px;
        -o-border-radius: 16px 16px 16px 200px;
    }
    
    .custom-hightlight-box.right .image-holder,
    .custom-hightlight-box.right .bg-wrapper {
        border-radius: 16px 16px 200px 16px;
        -webkit-border-radius: 16px 16px 200px 16px;
        -moz-border-radius: 16px 16px 200px 16px;
        -ms-border-radius: 16px 16px 200px 16px;
        -o-border-radius: 16px 16px 200px 16px;
    }

    .custom-hightlight-box.left .description {
        padding-right: 0px;
    }
}

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

    .custom-hightlight-box .col-6 {
        min-height: 430px;
    }

}

@media screen and (max-width: 480px) {
    .custom-hightlight-box.left .image-holder,
    .custom-hightlight-box.left .bg-wrapper {
        border-radius: 16px 16px 16px 150px;
        -webkit-border-radius: 16px 16px 16px 150px;
        -moz-border-radius: 16px 16px 16px 150px;
        -ms-border-radius: 16px 16px 16px 150px;
        -o-border-radius: 16px 16px 16px 150px;
    }
    
    .custom-hightlight-box.right .image-holder,
    .custom-hightlight-box.right .bg-wrapper {
        border-radius: 16px 16px 150px 16px;
        -webkit-border-radius: 16px 16px 150px 16px;
        -moz-border-radius: 16px 16px 150px 16px;
        -ms-border-radius: 16px 16px 150px 16px;
        -o-border-radius: 16px 16px 150px 16px;
    }
}

/* --- PHASE BOX--- */ 

.phase-box .intro-wrapper .label {
    font-size: 24px;
    line-height: 32px;
    color: var(--extra-color-2);
    font-style: normal;
    font-weight: 700;
    display: block; 
}

.phase-box .intro-wrapper .title {
    color: #fff;  
    margin-bottom: 0;
}

.phase-box .intro-wrapper .subtitle {
    font-style: italic;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.phase-box .intro-wrapper .desc-box {
    color: #fff;
    margin-top: 30px;
}

.phase-box .gradient-line {
    height: 2px;
    width: 100%;
    margin: 30px 0;
    background: linear-gradient(90deg, #F2B705 0%, rgba(242, 183, 5, 0) 101.67%);
}

.phase-box .lessons-wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
}

.phase-box .lessons-wrapper ul li {
    margin-bottom: 45px;
    list-style: none;
}

.phase-box .lessons-wrapper ul li:last-child {
    margin-bottom: 0;
}

.phase-box .lessons-wrapper ul li .lesson-header {
    margin-bottom: 15px;
}

.phase-box .lessons-wrapper ul li .lesson-header .lesson-name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    margin-bottom: 0;
}

.phase-box .lessons-wrapper ul li .lesson-header .lesson-number {
    color: var(--extra-color-1);
}

.phase-box .lessons-wrapper ul li .lesson-desc {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    opacity: 0.85;
}

/* --- LARGE PRICE BOX --- */ 

.large-price-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.large-price-box .highlight-message-wrapper {
    min-height: 206px;
    padding: 50px 40px 50px 40px;
    margin: 0 35px;
    background: #F7ECE2;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    text-align: center;
    margin-bottom: -95px;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: -4px 2px 24px rgba(0, 0, 0, 0.25);
    box-shadow: -4px 2px 24px rgba(0, 0, 0, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.large-price-box .highlight-message-wrapper .message {
    color: #531F5A;
    margin: 0;
    font-weight: 700 !important;
}

.large-price-box .main-body-wrapper {
    background: #531F5A;
    padding: 140px 35px 70px 35px;
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    flex: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.large-price-box .main-body-wrapper .desc-box {
    color: #fff;
    margin-bottom: 25px;
}

.large-price-box .main-body-wrapper .includes-wrapper .title {
    color: #F7ECE2;
    font-weight: 700;
    margin-bottom: 25px;
}

.large-price-box .main-body-wrapper .includes-wrapper .custom-checklist ul li {
    margin-bottom: 27px;
}

.large-price-box .main-body-wrapper .includes-wrapper .custom-checklist ul li:first-child {
    margin-top: 0;
}

.large-price-box .main-body-wrapper .includes-wrapper .custom-checklist ul li:last-child {
    margin-bottom: 0;
}

.large-price-box .main-body-wrapper .includes-wrapper .custom-checklist ul li svg {
    margin-right: 16px;
}

.large-price-box .main-body-wrapper .includes-wrapper .custom-checklist ul li > div p {
    color: #fff;
}

.large-price-box .gradient-line-center {
    height: 2px;
    width: 100%;
    margin: 32px 0;
    background: rgb(242,183,5);
    background: linear-gradient(90deg, rgba(242,183,5,0) 0%, rgba(242,183,5,1) 50%, rgba(242,183,5,0) 100%);
}

.large-price-box .package-value-wrapper {
    text-align: center; 
    padding: 0 30px;
    margin-bottom: 30px;
}

.large-price-box .package-value-wrapper .price-label {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #F2B705;
    padding: 0;
    margin: 0;
}

.large-price-box .package-value-wrapper .value {
    color: #F7ECE2;
    margin-bottom: 0; 
}

.large-price-box .package-value-wrapper .term {
    color: #F7ECE2;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 0;  
}

.large-price-box .package-value-wrapper .note {
    color: #F7ECE2;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0; 
}

.large-price-box .custom-button {
    text-align: center;
    margin-top: 45px;
    padding: 0 80px;
    display: flex;
    justify-content: center;
    margin-top: auto;
}

.large-price-box .custom-button a {
    min-width: 170px;
    text-align: center;
}

/* --- ITEM NUMBER BOX --- */ 

.item-number-box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.item-number-box .top-section-wrapper {
    margin-bottom: -50px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item-number-box .number-wrapper {
    padding: 0 50px;
}

.item-number-box .number-wrapper span {
    font-family: 'FreightText Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 132px;
    line-height: 122px;
    text-align: center;
    color: var(--extra-color-1);
    opacity: 0.5;
    margin-bottom: 60px;
    display: block;
}

.item-number-box .image-wrapper {
    height: 230px;
    width: 100%;
    border-top-left-radius: 140px;
    border-bottom-right-radius: 140px;
    overflow: hidden;
}

.item-number-box .image-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
}

.item-number-box .main-body {
    background: var(--accent-color);
    padding: 90px 35px 105px 35px;
    border-bottom-right-radius: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.item-number-box .main-body .title {
    color: var(--extra-color-1);
    margin-bottom: 30px;
}

.item-number-box .main-body .desc-box {
    color: #fff;
}

.item-number-box .main-body .list-box {
    margin-top: 45px;
}

.item-number-box .main-body .list-box .list-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.item-number-box .main-body .list-box .custom-checklist li:first-child {
    margin-top: 0;
}

.item-number-box .main-body .list-box .custom-checklist li:last-child {
    margin-bottom: 0;
}

.item-number-box .main-body .list-box .custom-checklist ul li svg {
    margin-right: 16px;
}

.item-number-box .main-body .list-box .custom-checklist .title-li {
    color: var(--extra-color-2);
    margin-bottom: 0;
    padding-bottom: 0;
}

.item-number-box .main-body .list-box .custom-checklist .desc-li {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .item-number-box .number-wrapper {
        padding: 0 30px;
    }

    .item-number-box .number-wrapper span {
        font-size: 85px;
        line-height: 95px;
    }

    .item-number-box .image-wrapper {
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }
}

/* --- ENUMERATION BOX --- */ 

.enumeration-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.enumeration-box .number {
    font-style: normal;
    font-weight: 600;
    font-size: 132px;
    line-height: 122px;
    text-align: center;
    color: var(--extra-color-1);
    opacity: 0.3;
    margin-bottom: -50px;
}

.enumeration-box .description h4 {
    color: #fff;
}

/* --- CUSTOM LOGOS --- */

.custom-logos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 1%;
    margin-left: -30px;
    margin-right: -30px;
}

.custom-logos .image-wrapper {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    width: 16.666%;
}

.custom-logos .image-wrapper img {
    margin-bottom: 0;
    max-height: 35px;
}

@media screen and (max-width: 1000px) {
    .custom-logos {
        justify-content: flex-start;
    }
    .custom-logos .image-wrapper {
        width: auto;
    }
}

/* --- HIGHLIGHT BOX 4 --- */
.highlight-box-4 {
    position: relative;
}

.highlight-box-4 .wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    margin: 0 -20px;
}

.highlight-box-4 .col-6 {
    width: 50%;
    padding: 0px 20px;
}

.highlight-box-4 .button-wrapper {
    margin-top: 50px;
}

.highlight-box-4 .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-position: 100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1200px) {
    .highlight-box-4 .image-wrapper {
        background-position: 0% 50%;
    } 
}

@media screen and (max-width: 1000px) {
    .highlight-box-4 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .highlight-box-4 .col-6 {
        width: 100%;
    }

    .highlight-box-4 .image-wrapper {
        width: 100%;
        min-height: 900px;
        position: relative;
        background-position: 0% 50%;
        top: 60px;
        display: none;
    }
}

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

    .highlight-box-4 .image-wrapper {
       display: none;
    }
}

/* --- PRICE BOX --- */

.price-box {
    padding: 57px;
    border: 2px solid var(--accent-color);
    border-radius: 16px;
    background-color: var(--extra-color-2);
    transition: all 0.2s ease-in-out;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.price-box h2 {
    margin-bottom: 8px;
}

.price-box h2 span {
    font-size: 32px;
    line-height: 40px;
}

.price-box p {
    padding-bottom: 40px;
}

.price-box h2,
.price-box h6,
.price-box p {
    color: var(--accent-color);
    transition: all 0.2s ease-in-out;
}

.price-box .btn-blue {
    padding: 12px 24px;
    border: 2px solid;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    margin-top: auto;
    max-width: fit-content;
}

.price-box .btn-blue {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: #fff;
}

.price-box:hover {
    background-color: var(--accent-color);
}

.price-box:hover h2,
.price-box:hover h6,
.price-box:hover p{
    color: #fff;
}

.price-box:hover h2.title {
    color: var(--extra-color-1);
}

.price-box:hover .btn-blue {
    border-color: var(--extra-color-2);
    background-color: var(--extra-color-2);
    color: var(--accent-color);
}

@media screen and (max-width: 690px) {
    .price-box {
        text-align: center;
    }

    .price-box .btn-blue {
        margin-right: auto;
        margin-left: auto;
    }
}

/* POPUP */

.mfp-bg {
    background-color: #081012 !important;
    opacity: 0.9 !important;
}

.lead-magnet-popup {
    position: relative;
    background: var(--extra-color-3);
    padding: 80px 10px;
    width: auto;
    max-width: 480px;
    margin: 20px auto;
    border-radius: 0px 0px 120px 0px;
}

.lead-magnet-popup .mfp-close {
    color: #F7ECE2 !important;
    height: 26px;
    width: 26px;
    right: 20px;
    line-height: 21px;
    border: 2px solid #F7ECE2;
    top: 20px;
    opacity: 0.5;
}

.lead-magnet-popup .mfp-close:active {
    top: 20px !important;

}

.lead-magnet-popup .image-wrapper {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.lead-magnet-popup .image-wrapper img {
    text-align: center;
    max-width: 210px;
    height: auto;
}

.lead-magnet-popup .title,
.lead-magnet-popup .title em {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    color: #F7ECE2;
    margin-bottom: 0;
}

.lead-magnet-popup .title {
    margin-bottom: 20px
}

.lead-magnet-popup .separator {
    background-color: #000;
    opacity: 0.1;
    height: 2px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.lead-magnet-popup .form {
    padding: 0 20px;
}

.lead-magnet-popup .form .form-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}

.lead-magnet-popup .formkit-form {
    color: #fff;
}

.formkit-form input {
    font-size: 18px;
    line-height: 28px;
}

.formkit-form input[type="text"],
.formkit-form input[type="email"] {
    background-color: #431149;
    margin-bottom: 15px;
    border: 1px solid transparent;
    color: var(--extra-color-2);
}

.formkit-form input::placeholder {
    color: #fff;
}

.formkit-form input[type="text"]:focus,
.formkit-form input[type="email"]:focus {
    background-color: transparent !important;
    border: 1px solid var(--extra-color-2);
    color: var(--extra-color-2);
}

.formkit-form input:focus::placeholder {
    color: var(--extra-color-2);
}

.formkit-form .formkit-checkboxes {
    display: flex;
}

.formkit-form .formkit-checkboxes label,
.formkit-form legend {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
}

.formkit-form .formkit-checkboxes label:hover {
    cursor: pointer;
}

.formkit-submit {
    appearance: none;
    background-color: transparent;
    border: none;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    align-items: center;
    justify-content: flex-end;
    margin-top: 25px;
}

.formkit-submit:hover {
    color: var(--extra-color-2);
    cursor: pointer;
}

.formkit-submit .formkit-line {
    flex: 1;
    height: 1px;
    background: rgb(242,183,5);
    background: linear-gradient(90deg, rgba(242,183,5,0) 0%, rgba(242,183,5,1) 100%);
}

.formkit-submit .formkit-action {
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.formkit-submit .formkit-action svg {
    margin-left: 10px;
}

.formkit-alert {
    color: var(--extra-color-2);
    margin-bottom: 0;
}

.formkit-alert li {
    list-style: none;
    margin-bottom: 20px;
    font-style: italic;
}

/* CUSTOM ACCORDION */

.custom-accordion {
    display: inline-block;
}