*,*::after,*::before {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0)
}

html {
    overflow-x: hidden
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-family: Montserrat, sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    font-size: 16px;
    position: relative;
    max-width: 2000px;
    margin: 0 auto !important
}

body.overley #button {
    z-index: 99
}

body.no-scroll-y {
    overflow: hidden;
    height: 100%
}

::-webkit-scrollbar,::-webkit-scrollbar-width {
    width: 5px
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-color {
    background: #48b6a2
}

::-webkit-scrollbar-track {
    background: #fff
}

html {
    scroll-behavior: smooth;
    height: 100%
}

section {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

::-webkit-input-placeholder {
    font-family: "Generalsans";
    font-size: 14px
}

::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,::placeholder {
    font-family: "Generalsans";
    font-size: 14px
}

.overley {
    position: relative;
    overflow: hidden
}

.overley::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: .4
}

a {
    cursor: pointer
}

button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

html,body,div,span,applet,object,iframe,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

button {
    background: rgba(0,0,0,0);
    border: 0;
    outline: none;
    cursor: pointer
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    color: #48b6a2
}

p {
    color: #2d2d2d;
    margin: 0 0 30px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    font-family: "Montserrat", sans-serif;
}

p:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1399px) {
    p {
        margin-bottom:20px
    }
}

@media screen and (max-width: 991px) {
    p {
        margin-bottom:15px
    }
}

@media screen and (max-width: 767px) {
    p {
        font-size:15px
    }
}

@media screen and (max-width: 575px) {
    p {
        font-size:14px;
        line-height: 22px
    }
}

.default-padding {
    padding: 120px 0 0
}

@media screen and (max-width: 1399px) {
    .default-padding {
        padding:100px 0 0
    }
}

@media screen and (max-width: 1199px) {
    .default-padding {
        padding:80px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .default-padding {
        padding:60px 0 0
    }
}

@media screen and (max-width: 767px) {
    .default-padding {
        padding:40px 0 0
    }
}

.lh-0 {
    line-height: 0
}

.title {
    position: relative;
    z-index: 1
}

.title.center {
    text-align: center
}

.title img {
    opacity: .15;
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1399px) {
    .title img {
        width:40px;
        height: 40px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 991px) {
    .title img {
        width:30px;
        height: 30px;
        margin-bottom: 5px
    }
}

.title h2 {
    font-family: "Tsushima";
    font-style: normal;
    font-weight: 400;
    font-size: 62px;
    line-height: 67px;
    text-transform: uppercase;
    color: #2d2d2d;
    margin-bottom: 24px
}

.title h2 span {
    color: #48b6a2
}

.title h2:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1399px) {
    .title h2 {
        font-size:52px;
        line-height: 66px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1199px) {
    .title h2 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 991px) {
    .title h2 {
        font-size:28px;
        line-height: 34px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .title h2 {
        font-size:24px;
        line-height: 28px
    }
}

.title.small h2 {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 20px
}

@media screen and (max-width: 1399px) {
    .title.small h2 {
        font-size:38px;
        line-height: 42px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1199px) {
    .title.small h2 {
        font-size:28px;
        line-height: 34px
    }
}

@media screen and (max-width: 991px) {
    .title.small h2 {
        font-size:26px;
        line-height: 30px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 575px) {
    .title.small h2 {
        font-size:20px;
        line-height: 22px
    }
}

.title.extra-small h2 {
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 20px
}

@media screen and (max-width: 1399px) {
    .title.extra-small h2 {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1199px) {
    .title.extra-small h2 {
        font-size:28px;
        line-height: 36px
    }
}

@media screen and (max-width: 991px) {
    .title.extra-small h2 {
        font-size:26px;
        line-height: 34px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 575px) {
    .title.extra-small h2 {
        font-size:18px;
        line-height: 24px
    }
}

.btn_wrapper {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 312px;
    background: #48b6a2;
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 75%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 75%, 0 0);
    -webkit-transition: background .5s ease,color .5s ease;
    transition: background .5s ease,color .5s ease
}

.btn_wrapper:hover {
    background: #2d2d2d
}

@media screen and (max-width: 575px) {
    .btn_wrapper {
        font-size:15px;
        line-height: 14px;
        padding: 15px;
        max-width: 200px;
        min-width: auto;
        width: 100%
    }
}

.btn_wrapper.light {
    background: #fff;
    color: #48b6a2
}

.btn_wrapper.light:hover {
    background: #48b6a2;
    color: #fff
}

.btn_wrapper.revert {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 95% 100%, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 95% 100%, 0 100%, 0% 100%)
}

.fill-up-form form .form-group {
    margin-bottom: 20px;
    position: relative
}

.fill-up-form form .form-group:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #48b6a2;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 0, 100% 85%, 98% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 85%, 98% 100%, 0 100%, 0 0)
}

.fill-up-form form .form-group:after {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    left: 1px;
    top: 1px;
    -webkit-clip-path: polygon(100% 0, 100% 85%, 98% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 85%, 98% 100%, 0 100%, 0 0)
}

.fill-up-form form .form-group .user-input {
    width: 100%;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1.2;
    padding: 15px 24px;
    position: relative;
    z-index: 1;
    outline: none
}

.fill-up-form form .form-group .user-input::-webkit-input-placeholder {
    color: rgba(45,45,45,.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2
}

.fill-up-form form .form-group .user-input::-moz-placeholder {
    color: rgba(45,45,45,.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2
}

.fill-up-form form .form-group .user-input:-ms-input-placeholder {
    color: rgba(45,45,45,.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2
}

.fill-up-form form .form-group .user-input::-ms-input-placeholder {
    color: rgba(45,45,45,.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2
}

.fill-up-form form .form-group .user-input::placeholder {
    color: rgba(45,45,45,.4);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2
}

textarea {
    resize: none
}

.swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-color {
    background: #48b6a2
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar,::-webkit-scrollbar-width {
    width: 5px
}

.page_loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    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
}

.page_loader img {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.topbar {
    background: #48b6a2;
    text-align: center
}

.topbar .topbar_content {
    padding: 7px 0
}

.topbar .topbar_content p {
    font-size: 12px;
    color: #fff;
    font-family: "Satoshi Bold";
    text-transform: uppercase;
    line-height: 16px
}

@media screen and (max-width: 575px) {
    .topbar .topbar_content p {
        font-size:10px
    }
}

.topbar .topbar_content p span {
    color: #000;
    font-family: "Satoshi Bold";
    font-weight: 700
}

header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

header:not(.blank_header_wrapper) .MobileView {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
    padding-top: 19px;
    padding-bottom: 20px
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .MobileView {
        display:-webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

header:not(.blank_header_wrapper) .MobileView a {
    display: inline-block;
    line-height: 0;
    font-size: 0
}

header:not(.blank_header_wrapper) .MobileView a img {
    display: block
}

header:not(.blank_header_wrapper) .MobileView a span {
    width: 30px;
    height: 3px;
    border-radius: 4px;
    background: #48b6a2;
    display: block;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: 0
}

header:not(.blank_header_wrapper) .MobileView a span:first-child {
    width: 15px
}

header:not(.blank_header_wrapper) .MobileView a span:nth-child(2) {
    width: 25px
}

header:not(.blank_header_wrapper) .MobileView a span:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block {
        position:fixed;
        right: -120%;
        top: 0;
        background: #fff;
        z-index: 999;
        width: 300px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: right .5s ease;
        transition: right .5s ease;
        padding: 62px 20px 20px
    }

    header:not(.blank_header_wrapper) .header_block::after {
        content: "";
        width: 39px;
        height: calc(100% + 10px);
        position: absolute;
        left: -35px;
        top: -10px;
        background: url(../images/mockup/cutted-border-2.webp)
    }

    header:not(.blank_header_wrapper) .header_block .MobileView {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 18px 20px
    }

    header:not(.blank_header_wrapper) .header_block .MobileView .closeBtn {
        position: relative;
        width: 25px;
        height: 25px;
        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
    }

    header:not(.blank_header_wrapper) .header_block .MobileView .closeBtn span {
        position: absolute;
        width: 100%;
        margin: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header:not(.blank_header_wrapper) .header_block .MobileView .closeBtn span:last-child {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media screen and (max-width: 575px) {
    header:not(.blank_header_wrapper) .header_block {
        width:270px
    }
}

header:not(.blank_header_wrapper) .header_block ul {
    position: relative;
    padding: 18px 0
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul {
        padding:0
    }
}

header:not(.blank_header_wrapper) .header_block ul.left_block::after,header:not(.blank_header_wrapper) .header_block ul.right_block::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/header-line.svg) no-repeat;
    right: 0px;
    top: 0;
    background-position: bottom right
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul.left_block::after,header:not(.blank_header_wrapper) .header_block ul.right_block::after {
        display:none !important;
        content: none !important
    }
}

header:not(.blank_header_wrapper) .header_block ul.right_block::after {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

header:not(.blank_header_wrapper) .header_block ul li {
    margin-right: 60px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1399px) {
    header:not(.blank_header_wrapper) .header_block ul li {
        margin-right:40px
    }
}

@media screen and (max-width: 1199px) {
    header:not(.blank_header_wrapper) .header_block ul li {
        margin-right:25px
    }
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul li {
        margin-right:0;
        margin-bottom: 15px
    }
}

header:not(.blank_header_wrapper) .header_block ul li a,header:not(.blank_header_wrapper) .header_block ul li span {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2d2d2d;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul li a,header:not(.blank_header_wrapper) .header_block ul li span {
        font-size:16px;
        line-height: 24px;
        font-weight: 500;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

header:not(.blank_header_wrapper) .header_block ul li a img,header:not(.blank_header_wrapper) .header_block ul li span img {
    margin-left: 5px;
    width: 12px;
    height: 6px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

header:not(.blank_header_wrapper) .header_block ul li a::after,header:not(.blank_header_wrapper) .header_block ul li span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    margin: auto;
    width: 0px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    height: 2px;
    background: #48b6a2
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul li a::after,header:not(.blank_header_wrapper) .header_block ul li span::after {
        content:none
    }
}

header:not(.blank_header_wrapper) .header_block ul li a.active,header:not(.blank_header_wrapper) .header_block ul li a:hover,header:not(.blank_header_wrapper) .header_block ul li span.active,header:not(.blank_header_wrapper) .header_block ul li span:hover {
    color: #48b6a2
}

header:not(.blank_header_wrapper) .header_block ul li a.active::after,header:not(.blank_header_wrapper) .header_block ul li a:hover::after,header:not(.blank_header_wrapper) .header_block ul li span.active::after,header:not(.blank_header_wrapper) .header_block ul li span:hover::after {
    width: 22px
}

header:not(.blank_header_wrapper) .header_block ul li a.active img,header:not(.blank_header_wrapper) .header_block ul li a:hover img,header:not(.blank_header_wrapper) .header_block ul li span.active img,header:not(.blank_header_wrapper) .header_block ul li span:hover img {
    -webkit-filter: invert(26%) sepia(88%) saturate(1514%) hue-rotate(337deg) brightness(117%) contrast(86%);
    filter: invert(26%) sepia(88%) saturate(1514%) hue-rotate(337deg) brightness(117%) contrast(86%)
}

header:not(.blank_header_wrapper) .header_block ul li:last-child {
    margin-right: 0
}

header:not(.blank_header_wrapper) .header_block ul li ul {
    display: none;
    position: absolute;
    left: -30px;
    right: 0;
    top: 34px;
    min-width: 140px;
    padding: 15px 10px;
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0,0,0,.0901960784);
    box-shadow: 0px 2px 4px 1px rgba(0,0,0,.0901960784);
    background: #fff;
    z-index: 3;
    border-top: 2px solid #48b6a2
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block ul li ul {
        position:relative;
        left: 0;
        top: 0;
        margin-top: 15px
    }
}

header:not(.blank_header_wrapper) .header_block ul li ul.active {
    display: block
}

header:not(.blank_header_wrapper) .header_block ul li ul::after {
    display: none;
    content: none
}

header:not(.blank_header_wrapper) .header_block ul li ul::before {
    content: "";
    position: absolute;
    top: -20px;
    height: 20px;
    width: 100%;
    left: 0
}

header:not(.blank_header_wrapper) .header_block ul li ul li {
    margin-right: 0;
    margin-bottom: 8px
}

header:not(.blank_header_wrapper) .header_block ul li ul li:last-child {
    margin-bottom: 0
}

header:not(.blank_header_wrapper) .header_block ul li ul li a {
    display: inline-block
}

header:not(.blank_header_wrapper) .header_block ul li ul li a::after {
    content: none;
    display: none
}

header:not(.blank_header_wrapper) .header_block ul li ul.active {
    display: block
}

header:not(.blank_header_wrapper) .header_block .logo_block {
    padding-top: 19px;
    padding-bottom: 20px
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper) .header_block .logo_block {
        display:none !important
    }
}

header:not(.blank_header_wrapper) .header_block .logo_block a {
    display: inline-block
}

header:not(.blank_header_wrapper) .header_block .logo_block a img {
    display: block
}

@media screen and (max-height: 540px) {
    header:not(.blank_header_wrapper) .header_block {
        width:calc(100% - 50px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    header:not(.blank_header_wrapper) .header_block .row {
        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
    }

    header:not(.blank_header_wrapper) .header_block .row>div {
        width: 50%
    }

    header:not(.blank_header_wrapper) .header_block ul li {
        margin-bottom: 8px
    }

    header:not(.blank_header_wrapper) .header_block ul li a,header:not(.blank_header_wrapper) .header_block ul li span {
        font-size: 14px
    }

    header:not(.blank_header_wrapper) .header_block ul li ul {
        padding: 8px;
        margin-top: 6px
    }

    header:not(.blank_header_wrapper) .header_block ul li ul li {
        margin: 2px
    }
}

@media screen and (max-width: 991px) {
    header:not(.blank_header_wrapper)::after {
        content:"";
        position: fixed;
        right: -120%;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2392156863);
        -webkit-transition: right .6s ease;
        transition: right .6s ease
    }

    header:not(.blank_header_wrapper).active::after {
        right: 0
    }

    header:not(.blank_header_wrapper).active .header_block {
        right: 0
    }
}

header.blank_header_wrapper .header_block ul {
    position: relative;
    padding: 18px 0
}

@media screen and (max-width: 991px) {
    header.blank_header_wrapper .header_block ul {
        padding:0
    }
}

header.blank_header_wrapper .header_block ul.left_block::after,header.blank_header_wrapper .header_block ul.right_block::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/header-line.svg) no-repeat;
    right: 0px;
    top: 0;
    background-position: bottom right;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

header.blank_header_wrapper .header_block ul.right_block::after {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg)
}

header.blank_header_wrapper .header_block .logo_block {
    padding-top: 34px;
    padding-bottom: 35px
}

@media screen and (max-width: 991px) {
    header.blank_header_wrapper .header_block .logo_block {
        padding-top:19px;
        padding-bottom: 20px
    }
}

header.blank_header_wrapper .header_block .logo_block a {
    display: inline-block
}

header.blank_header_wrapper .header_block .logo_block a img {
    display: block
}

header .stickyMenu.fixed-menu {
    position: fixed;
    top: -200px;
    width: 100%;
    z-index: 9999;
    -webkit-transition: .3s all;
    transition: .3s all;
    z-index: 9999;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 4px 10px rgba(96,96,96,.16);
    box-shadow: 0px 4px 10px rgba(96,96,96,.16);
    padding: 0
}

header .stickyMenu.active {
    top: 0px
}

.banner_wrapper {
    min-height: 100vh;
    position: relative;
    /* padding-top: 188px; */
}

@media screen and (max-width: 1399px) {
    .banner_wrapper {
        padding-top:140px;
        padding-bottom: 30px;
        min-height: auto
    }

    .banner_wrapper .mockUp_text_left {
        top: -30px
    }

    .banner_wrapper .mockUp_text_right {
        bottom: 0px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper {
        padding-top:120px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper {
        padding-top:100px
    }

    .banner_wrapper .mockUp_text_left,.banner_wrapper .mockUp_text_right {
        display: none
    }
}

.banner_wrapper::after,.banner_wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner_wrapper::after {
    background: url(../images/background/header-bg-1.webp) no-repeat;
    background-size: cover;
    background-position: bottom left;
    z-index: 2
}

.banner_wrapper::before {
    background: url(../images/background/header-bg-2.webp);
    background-size: cover;
    background-position: top left;
    z-index: 1;
    -webkit-animation: animLeft 35s infinite linear;
    animation: animLeft 35s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner_wrapper .banner_block {
    position: relative;
    z-index: 5;
    padding-top: 164px;
    padding-bottom: 100px
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block {
        padding-top:110px;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block {
        padding-top:80px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block {
        padding:0
    }
}

.banner_wrapper .banner_block .titleHead {
    position: relative
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .titleHead {
        text-align:center
    }
}

.banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 156px;
    line-height: 170px;
    text-transform: uppercase;
    color: #2d2d2d;
    text-shadow: 0px 0px 80px rgba(237,71,71,.15);
    margin: 0 0 10px -6px;
    z-index: 3;
    position: relative
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
        font-size:134px;
        line-height: 148px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
        font-size:113px;
        line-height: 116px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
        font-size:84px;
        line-height: 86px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
        font-size:46px;
        line-height: 48px
    }
}

@media screen and (max-width: 575px) {
    .banner_wrapper .banner_block .titleHead h1,.banner_wrapper .banner_block .titleHead h2 {
        font-size:34px;
        line-height: 38px;
        left: 3px
    }
}

.banner_wrapper .banner_block .titleHead h1.stroke,.banner_wrapper .banner_block .titleHead h2.stroke {
    color: rgba(0,0,0,0);
    -webkit-text-stroke: 2px #2d2d2d;
    text-stroke: 2px #2d2d2d;
    z-index: 5;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .titleHead h1.stroke,.banner_wrapper .banner_block .titleHead h2.stroke {
        display:none
    }
}

.banner_wrapper .banner_block label {
    font-style: normal;
    font-weight: 400;
    font-size: 85px;
    line-height: 30px;
    letter-spacing: .005em;
    text-transform: uppercase;
    color: #2d2d2d;
    position: relative;
    z-index: 6;
    cursor: text;
    font-family: "Montserrat", sans-serif;
}

.banner_wrapper .banner_block label span {
    color: #48b6a2
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block label {
        font-size:22px;
        line-height: 26px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block label {
        font-size:18px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block label {
        font-size:13px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block label {
        margin:auto;
        display: block;
        text-align: center;
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .imgBlock {
        position:relative;
        margin-bottom: 30px
    }
}

.banner_wrapper .banner_block .imgBlock .scaleIn_bkg {
    position: absolute;
    width: 550px;
    height: 550px;
    left: 0px;
    top: 85px;
    right: 0;
    margin: auto;
    background: #9ea7ef;
    border-radius: 100%;
    z-index: 1;
    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
}

.banner_wrapper .banner_block .imgBlock .scaleIn_bkg::after {
    content: "";
    border-radius: 50%;
    background-color: #9ea7ef;
    width: 80%;
    height: 80%;
    position: absolute;
    -webkit-animation: scaleIn 4s infinite linear;
    animation: scaleIn 4s infinite linear
}

.banner_wrapper .banner_block .imgBlock .scaleIn_bkg::before {
    content: "";
    border-radius: 50%;
    background-color: #9ea7ef;
    width: 80%;
    height: 80%;
    position: absolute;
    -webkit-animation: scaleIn 4s infinite linear;
    animation: scaleIn 4s infinite linear;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .imgBlock .scaleIn_bkg {
        width:450px;
        height: 450px;
        left: 0px;
        top: 40px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block .imgBlock .scaleIn_bkg {
        width:400px;
        height: 400px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .imgBlock .scaleIn_bkg {
        width:300px;
        height: 300px
    }
}

.banner_wrapper .banner_block .imgBlock img {
    margin: auto;
    display: block;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .imgBlock img {
        width:380px;
        height: 524px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block .imgBlock img {
        width:340px;
        height: 470px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .imgBlock img {
        width:260px;
        height: 360px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .imgBlock img {
        position:relative;
        z-index: 5
    }
}

.banner_wrapper .banner_block .textBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 6
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .textBlock {
        margin-bottom:15px
    }
}

@media screen and (max-width: 575px) {
    .banner_wrapper .banner_block .textBlock {
        display:block;
        text-align: center
    }
}

.banner_wrapper .banner_block .textBlock p {
    max-width: 348px;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .textBlock p {
        max-width:328px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block .textBlock p {
        max-width:260px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .textBlock p {
        max-width:210px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .textBlock p {
        max-width:100%;
        padding-right: 20px
    }
}

@media screen and (max-width: 575px) {
    .banner_wrapper .banner_block .textBlock p {
        padding-right:0;
        margin-bottom: 10px
    }
}

.banner_wrapper .banner_block .textBlock h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 73px;
    text-align: right;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .textBlock h2 {
        font-size:40px;
        line-height: 52px
    }
}

@media screen and (max-width: 1199px) {
    .banner_wrapper .banner_block .textBlock h2 {
        font-size:32px;
        line-height: 36px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .textBlock h2 {
        font-size:24px;
        line-height: 32px
    }
}

@media screen and (max-width: 575px) {
    .banner_wrapper .banner_block .textBlock h2 {
        text-align:center
    }
}

.banner_wrapper .banner_block .anchorBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 478px;
    position: relative;
    z-index: 6
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .anchorBlock {
        width:420px
    }
}

@media screen and (max-width: 991px) {
    .banner_wrapper .banner_block .anchorBlock {
        width:300px
    }
}

@media screen and (max-width: 767px) {
    .banner_wrapper .banner_block .anchorBlock {
        width:100%;
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.banner_wrapper .banner_block .anchorBlock a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    position: relative;
    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;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    color: #48b6a2;
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .anchorBlock a {
        font-size:13px;
        line-height: 13px;
        width: 110px;
        height: 110px
    }
}

.banner_wrapper .banner_block .anchorBlock a span {
    position: absolute;
    font-family: "Montserrat", sans-serif;
}

.banner_wrapper .banner_block .anchorBlock a img {
    -webkit-animation: rotating 6s linear infinite;
    animation: rotating 6s linear infinite
}

@media screen and (max-width: 1399px) {
    .banner_wrapper .banner_block .anchorBlock a img {
        width:110px;
        height: 110px
    }
}

.cloud {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0
}

.cloud img {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .7;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9)
}

@media screen and (max-width: 991px) {
    .cloud img {
        height:100%
    }
}

@media screen and (max-width: 767px) {
    .cloud img {
        -webkit-filter:brightness(0.95);
        filter: brightness(0.95)
    }
}

.cloud .cloud1 {
    -webkit-animation: animCloud 40s infinite linear;
    animation: animCloud 40s infinite linear
}

.cloud .cloud2 {
    -webkit-animation: animCloud 60s infinite linear;
    animation: animCloud 60s infinite linear
}

.cloud .cloud3 {
    -webkit-animation: animCloud 80s infinite linear;
    animation: animCloud 80s infinite linear
}

.cloud .cloud4 {
    -webkit-animation: animCloud 100s infinite linear;
    animation: animCloud 100s infinite linear
}

.mockUp_text_left,.mockUp_text_right {
    font-family: "Hakusyukaisyo";
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 44px;
    width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    text-wrap: wrap;
    position: absolute;
    z-index: 6
}

@media screen and (max-width: 1199px) {
    .mockUp_text_left,.mockUp_text_right {
        font-size:32px;
        line-height: 38px;
        width: 34px
    }
}

@media screen and (max-width: 991px) {
    .mockUp_text_left,.mockUp_text_right {
        font-size:24px;
        line-height: 30px;
        width: 26px
    }
}

.mockUp_text_left {
    color: #2d2d2d;
    top: -70px;
    left: 0
}

.mockUp_text_left.top-0 {
    top: 0
}

.mockUp_text_left.top-30 {
    top: 30px
}

@media screen and (max-width: 991px) {
    .mockUp_text_left.top-30 {
        top:0
    }
}

.mockUp_text_left.light {
    color: #48b6a2
}

.mockUp_text_left.right-0 {
    right: 0;
    left: auto
}

.mockUp_text_right {
    color: #48b6a2;
    bottom: -70px;
    right: 0;
    font-size: 56px;
    line-height: 56px;
    width: 56px
}

@media screen and (max-width: 1399px) {
    .mockUp_text_right {
        font-size:44px;
        line-height: 44px;
        width: 44px
    }
}

@media screen and (max-width: 1199px) {
    .mockUp_text_right {
        font-size:32px;
        line-height: 38px;
        width: 34px
    }
}

.mockUp_text_right.dark {
    color: #2d2d2d
}

.mockUp_text_right.top-0 {
    top: 0;
    bottom: auto
}

.mockUp_text_right.top-30 {
    top: 30px;
    bottom: auto
}

.mockUp_text_right.small {
    font-size: 44px;
    line-height: 44px;
    width: 44px
}

@media screen and (max-width: 1199px) {
    .mockUp_text_right.small {
        font-size:32px;
        line-height: 38px;
        width: 34px
    }
}

@media screen and (max-width: 991px) {
    .mockUp_text_right.small {
        font-size:24px;
        line-height: 30px;
        width: 26px
    }
}

@-webkit-keyframes animCloud {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes animCloud {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes animLeft {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

@keyframes animLeft {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1920px 0
    }
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

@keyframes scaleIn {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotating2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotating2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.who_weAre_wrapper {
    padding-top: 100px;
    margin: auto;
    overflow: hidden
}

@media screen and (max-width: 1399px) {
    .who_weAre_wrapper {
        padding-top:80px
    }
}

@media screen and (max-width: 1199px) {
    .who_weAre_wrapper {
        padding-top:10px
    }
}

.who_weAre_wrapper .container {
    position: relative
}

.who_weAre_wrapper .mockUp_text_left {
    color: #48b6a2;
    top: 20px;
    left: 0
}

@media screen and (max-width: 991px) {
    .who_weAre_wrapper .mockUp_text_left {
        top:10px
    }
}

@media screen and (max-width: 767px) {
    .who_weAre_wrapper .mockUp_text_left {
        display:none
    }
}

.who_weAre_wrapper .mockUp_text_right {
    color: #2d2d2d;
    bottom: 226px;
    right: 0;
    font-size: 56px;
    line-height: 56px
}

@media screen and (max-width: 1399px) {
    .who_weAre_wrapper .mockUp_text_right {
        font-size:32px;
        line-height: 38px
    }
}

@media screen and (max-width: 991px) {
    .who_weAre_wrapper .mockUp_text_right {
        font-size:24px;
        line-height: 30px;
        width: 24px
    }
}

@media screen and (max-width: 767px) {
    .who_weAre_wrapper .mockUp_text_right {
        bottom:140px
    }
}

.who_weAre_wrapper .title {
    margin-bottom: 14px
}

@media screen and (max-width: 767px) {
    .who_weAre_wrapper .title p {
        text-align:justify
    }
}

.who_weAre_wrapper .backgroundMockup .star_left {
    top: 200px !important
}

@media screen and (max-width: 991px) {
    .who_weAre_wrapper .backgroundMockup .star_left {
        top:100px !important
    }
}

@media screen and (max-width: 575px) {
    .who_weAre_wrapper .backgroundMockup .star_left {
        top:20px !important
    }
}

.who_weAre_wrapper .backgroundMockup .star_right {
    top: 0 !important
}

.backgroundMockup {
    text-align: center;
    margin-top: -100px;
    background: url(../images/background/who-we-are.webp) no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    z-index: 2;
    overflow: hidden
}

@media screen and (max-width: 1399px) {
    .backgroundMockup {
        margin-top:-50px
    }
}

@media screen and (max-width: 991px) {
    .backgroundMockup {
        margin-top:0px
    }
}

.backgroundMockup .mockup {
    position: relative;
    z-index: 2
}

.backgroundMockup .star_left {
    width: 178px;
    height: 178px;
    position: absolute;
    left: -65px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite;
    top: 80px
}

@media screen and (max-width: 1199px) {
    .backgroundMockup .star_left {
        width:140px;
        height: 140px;
        left: -70px
    }
}

@media screen and (max-width: 991px) {
    .backgroundMockup .star_left {
        width:100px;
        height: 100px;
        left: -50px;
        top: 50px
    }
}

@media screen and (max-width: 767px) {
    .backgroundMockup .star_left {
        width:70px;
        height: 70px;
        left: -35px
    }
}

@media screen and (max-width: 575px) {
    .backgroundMockup .star_left {
        width:50px;
        height: 50px;
        left: -25px;
        top: 10px
    }
}

.backgroundMockup .star_right {
    width: 178px;
    height: 178px;
    position: absolute;
    right: -65px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite;
    top: 80px
}

@media screen and (max-width: 1199px) {
    .backgroundMockup .star_right {
        width:140px;
        height: 140px;
        right: -70px
    }
}

@media screen and (max-width: 991px) {
    .backgroundMockup .star_right {
        width:100px;
        height: 100px;
        right: -50px;
        top: 50px
    }
}

@media screen and (max-width: 767px) {
    .backgroundMockup .star_right {
        width:70px;
        height: 70px;
        right: -35px
    }
}

@media screen and (max-width: 575px) {
    .backgroundMockup .star_right {
        width:50px;
        height: 50px;
        right: -25px;
        top: 10px
    }
}

.backgroundMockup img {
    width: 100%
}

.backgroundMockup .border {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 0 !important
}

@media screen and (max-width: 575px) {
    .backgroundMockup .border {
        bottom:-1px;
        height: 14px
    }
}

.backgroundMockup .images_wrapper {
    width: 100%;
    max-width: 475px;
    height: 475px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 60px auto 0
}

@media screen and (max-width: 1199px) {
    .backgroundMockup .images_wrapper {
        max-width:400px;
        height: 400px
    }
}

@media screen and (max-width: 991px) {
    .backgroundMockup .images_wrapper {
        max-width:300px;
        height: 300px
    }
}

@media screen and (max-width: 767px) {
    .backgroundMockup .images_wrapper {
        max-width:240px;
        height: 240px
    }
}

@media screen and (max-width: 575px) {
    .backgroundMockup .images_wrapper {
        max-width:180px;
        height: 180px
    }
}

.backgroundMockup .images_wrapper span {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.backgroundMockup .images_wrapper span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #48b6a2
}

.backgroundMockup .images_wrapper:after,.backgroundMockup .images_wrapper:before {
    content: "";
    border-radius: 50%;
    background-color: #48b6a2;
    width: 380px;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: scaleIn 4s infinite linear;
    animation: scaleIn 4s infinite linear
}

@media screen and (max-width: 1199px) {
    .backgroundMockup .images_wrapper:after,.backgroundMockup .images_wrapper:before {
        width:320px;
        height: 320px
    }
}

@media screen and (max-width: 991px) {
    .backgroundMockup .images_wrapper:after,.backgroundMockup .images_wrapper:before {
        max-width:260px;
        height: 260px
    }
}

@media screen and (max-width: 767px) {
    .backgroundMockup .images_wrapper:after,.backgroundMockup .images_wrapper:before {
        max-width:210px;
        height: 210px
    }
}

@media screen and (max-width: 575px) {
    .backgroundMockup .images_wrapper:after,.backgroundMockup .images_wrapper:before {
        max-width:150px;
        height: 150px
    }
}

.backgroundMockup .images_wrapper::before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.normal_wrapper {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .normal_wrapper {
        text-align:center
    }

    .normal_wrapper .title h2 br {
        display: none
    }

    .normal_wrapper .title p {
        text-align: justify
    }
}

.normal_wrapper::before,.normal_wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.normal_wrapper::before {
    background: url(../images/background/transformation-1.webp) no-repeat top;
    top: 360px
}

@media screen and (max-width: 1199px) {
    .normal_wrapper::before {
        background-size:contain
    }
}

.normal_wrapper::after {
    background: url(../images/background/transformation-2.webp) no-repeat bottom;
    bottom: 160px
}

@media screen and (max-width: 1199px) {
    .normal_wrapper::after {
        background-size:contain
    }
}

.normal_wrapper>div {
    position: relative;
    z-index: 2
}

.normal_wrapper .left_block {
    position: relative
}

.normal_wrapper .left_block .star_left {
    position: absolute;
    right: -64px;
    top: 0;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .left_block .star_left {
        width:140px;
        height: 140px
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .left_block .star_left {
        width:100px;
        height: 100px;
        right: -50px;
        top: -50px
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper .left_block .star_left {
        width:70px;
        height: 70px;
        right: -35px
    }
}

@media screen and (max-width: 575px) {
    .normal_wrapper .left_block .star_left {
        width:50px;
        height: 50px;
        right: -25px
    }
}

.normal_wrapper .right_block {
    position: relative
}

.normal_wrapper .right_block .star_right {
    position: absolute;
    left: -64px;
    top: 40px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .right_block .star_right {
        display:none
    }
}

.normal_wrapper .pt-50 {
    padding-top: 50px
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .pt-50 {
        padding-top:30px
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper .pt-50 {
        padding-top:20px
    }
}

.normal_wrapper .Transformation-text {
    padding-top: 68px
}

@media screen and (max-width: 1399px) {
    .normal_wrapper .Transformation-text {
        padding-top:50px
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .Transformation-text {
        padding-top:30px
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper .Transformation-text {
        text-align:center;
        padding-top: 20px
    }
}

.normal_wrapper .Transformation-text h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 106px;
    line-height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 4px 76px rgba(189,189,189,.25),0px 0px 70px rgba(239,30,30,.14);
    margin: 0
}

@media screen and (max-width: 1399px) {
    .normal_wrapper .Transformation-text h2 {
        font-size:78px;
        line-height: 110px
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .Transformation-text h2 {
        font-size:66px;
        line-height: 90px
    }
}

@media screen and (max-width: 991px) {
    .normal_wrapper .Transformation-text h2 {
        font-size:50px;
        line-height: 80px;
        text-shadow: 0px 0px 3px rgba(0,0,0,.3490196078)
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper .Transformation-text h2 {
        font-size:34px;
        line-height: 46px
    }
}

@media screen and (max-width: 575px) {
    .normal_wrapper .Transformation-text h2 {
        font-size:20px;
        line-height: 24px
    }
}

.normal_wrapper .Transformation-text h2 img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 5px;
    width: 106px;
    height: 106px;
    -webkit-animation: rotating 8s linear infinite;
    animation: rotating 8s linear infinite
}

@media screen and (max-width: 1399px) {
    .normal_wrapper .Transformation-text h2 img {
        width:80px;
        height: 80px
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper .Transformation-text h2 img {
        width:70px;
        height: 70px
    }
}

@media screen and (max-width: 991px) {
    .normal_wrapper .Transformation-text h2 img {
        width:60px;
        height: 60px;
        margin-left: 7px
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper .Transformation-text h2 img {
        width:50px;
        height: 50px;
        margin-left: 4px
    }
}

@media screen and (max-width: 575px) {
    .normal_wrapper .Transformation-text h2 img {
        width:20px;
        height: 20px
    }
}

.offers_wrapper .title {
    margin-bottom: 34px
}

@media screen and (max-width: 1199px) {
    .offers_wrapper .title {
        margin-bottom:15px
    }
}

@media screen and (max-width: 767px) {
    .offers_wrapper .title {
        margin-bottom:0
    }
}

.offers_wrapper .title h2 {
    margin-bottom: 0
}

.offers_wrapper .offers_block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .offers_wrapper .offers_block ul {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.offers_wrapper .offers_block ul li {
    text-align: center;
    width: 20%;
    padding: 0 15px;
    position: relative
}

.offers_wrapper .offers_block ul li::after {
    content: "";
    width: 1px;
    height: 80px;
    background: #2d2d2d;
    opacity: .15;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width: 767px) {
    .offers_wrapper .offers_block ul li::after {
        height:90%
    }
}

.offers_wrapper .offers_block ul li img {
    display: block;
    margin: 0 auto 14px
}

@media screen and (max-width: 1399px) {
    .offers_wrapper .offers_block ul li img {
        width:90px;
        height: 90px;
        margin: 0 auto 8px;
        aspect-ratio: auto 90/90
    }
}

@media screen and (max-width: 991px) {
    .offers_wrapper .offers_block ul li img {
        width:75px;
        height: 75px;
        margin: 0 auto 8px;
        aspect-ratio: auto 75/75
    }
}

.offers_wrapper .offers_block ul li h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #2d2d2d;
    margin-bottom: 0
}

@media screen and (max-width: 1399px) {
    .offers_wrapper .offers_block ul li h2 {
        font-size:16px;
        line-height: 22px
    }
}

.offers_wrapper .offers_block ul li:first-child,.offers_wrapper .offers_block ul li:last-child {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .offers_wrapper .offers_block ul li:first-child,.offers_wrapper .offers_block ul li:last-child {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .offers_wrapper .offers_block ul li:first-child,.offers_wrapper .offers_block ul li:last-child {
        margin-top:0
    }
}

.offers_wrapper .offers_block ul li:nth-child(2),.offers_wrapper .offers_block ul li:nth-child(4) {
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .offers_wrapper .offers_block ul li:nth-child(2),.offers_wrapper .offers_block ul li:nth-child(4) {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .offers_wrapper .offers_block ul li:nth-child(2),.offers_wrapper .offers_block ul li:nth-child(4) {
        margin-top:0
    }
}

.offers_wrapper .offers_block ul li:last-child::after {
    content: none
}

@media screen and (max-width: 767px) {
    .offers_wrapper .offers_block ul li {
        width:50%;
        margin-top: 15px !important
    }

    .offers_wrapper .offers_block ul li:nth-child(even)::after {
        content: none
    }
}

.offers_wrapper .backgroundMockup {
    background: url(../images/background/offers.webp) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: 0
}

@media screen and (max-width: 1199px) {
    .offers_wrapper .backgroundMockup {
        margin-top:20px
    }
}

.pricing_wrapper {
    position: relative
}

@media screen and (max-width: 767px) {
    .pricing_wrapper .mockUp_text_left,.pricing_wrapper .mockUp_text_right {
        display:none
    }
}

.pricing_wrapper .title p {
    max-width: 650px;
    margin: 0 auto 24px
}

.pricing_wrapper .pricing_block {
    background: #f7f5f5;
    padding: 30px;
    margin-bottom: 24px;
    display: block;
    width: 100%;
    border: 1px solid #f7f5f5
}

@media screen and (max-width: 1399px) {
    .pricing_wrapper .pricing_block {
        padding:20px 30px
    }
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block {
        padding:15px
    }
}

.pricing_wrapper .pricing_block.active {
    border: 1px solid #48b6a2;
    -webkit-box-shadow: 0px 12px 44px -9px rgba(0,0,0,.25);
    box-shadow: 0px 12px 44px -9px rgba(0,0,0,.25)
}

.pricing_wrapper .pricing_block.Amateur {
    height: 100%
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block.Amateur {
        height:auto
    }
}

.pricing_wrapper .pricing_block .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing_wrapper .pricing_block .price h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    text-transform: uppercase;
    color: #48b6a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

@media screen and (max-width: 1399px) {
    .pricing_wrapper .pricing_block .price h2 {
        font-size:22px;
        line-height: 26px
    }
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block .price h2 {
        font-size:17px;
        line-height: 24px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .pricing_block .price h2 {
        font-size:15px;
        line-height: 18px
    }
}

.pricing_wrapper .pricing_block .price h2 span {
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    display: block;
    text-transform: capitalize;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block .price h2 span {
        font-size:14px;
        line-height: 16px;
        margin-left: 0px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .pricing_block .price h2 span {
        font-size:12px;
        line-height: 14px
    }
}

.pricing_wrapper .pricing_block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing_wrapper .pricing_block ul li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #2d2d2d;
    margin-top: 18px;
    width: 50%;
    padding-right: 10px
}

.pricing_wrapper .pricing_block ul li::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/icon/star.svg) no-repeat center;
    background-size: cover
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .pricing_block ul li {
        font-size:14px;
        line-height: 22px;
        margin-top: 8px;
        width: 100%
    }
}

.pricing_wrapper .pricing_block .pricingBorder {
    margin: 0 -30px;
    background: #48b6a2 url(../images/mockup/pricing-border.webp);
    background-blend-mode: multiply;
    padding: 15px;
    margin-top: 22px;
    position: relative;
    margin-bottom: 14px
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block .pricingBorder {
        margin:0 -15px;
        margin-top: 15px;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .pricing_block .pricingBorder {
        padding:12px
    }
}

.pricing_wrapper .pricing_block .pricingBorder::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(209, 39, 39, 0.6)), color-stop(4.49%, rgba(237, 71, 71, 0.6)), color-stop(52.6%, rgba(237, 71, 71, 0.6)), color-stop(95.22%, rgba(237, 71, 71, 0.6)), to(rgba(209, 39, 39, 0.6)));
    background: linear-gradient(270deg, rgba(209, 39, 39, 0.6) 0%, rgba(237, 71, 71, 0.6) 4.49%, rgba(237, 71, 71, 0.6) 52.6%, rgba(237, 71, 71, 0.6) 95.22%, rgba(209, 39, 39, 0.6) 100%);
    -webkit-filter: blur(17px);
    filter: blur(17px)
}

.pricing_wrapper .pricing_block .pricingBorder h2 {
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 1199px) {
    .pricing_wrapper .pricing_block .pricingBorder h2 {
        font-size:14px;
        line-height: 14px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .pricing_block .pricingBorder h2 {
        font-size:12px;
        line-height: 16px
    }
}

.pricing_wrapper .pricing_block.PRO {
    height: 100%
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block.PRO {
        height:auto;
        margin-bottom: 0
    }
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .pricing_block.Amateur ul li,.pricing_wrapper .pricing_block.Beginner ul li {
        width:100%
    }
}

.pricing_wrapper .btn-group {
    margin-top: 34px
}

.pricing_wrapper .mockUp_text_right {
    bottom: -68px
}

.pricing_wrapper .star_right,.pricing_wrapper .star_left {
    position: absolute
}

@media screen and (max-width: 1199px) {
    .pricing_wrapper .star_right,.pricing_wrapper .star_left {
        width:140px;
        height: 140px
    }
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .star_right,.pricing_wrapper .star_left {
        width:100px;
        height: 100px
    }
}

@media screen and (max-width: 767px) {
    .pricing_wrapper .star_right,.pricing_wrapper .star_left {
        width:70px;
        height: 70px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .star_right,.pricing_wrapper .star_left {
        width:50px;
        height: 50px
    }
}

.pricing_wrapper .star_left {
    left: -68px;
    bottom: 0;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .star_left {
        left:-50px
    }
}

@media screen and (max-width: 767px) {
    .pricing_wrapper .star_left {
        left:-35px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .star_left {
        left:-25px
    }
}

.pricing_wrapper .star_right {
    right: -68px;
    top: 80px;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

@media screen and (max-width: 991px) {
    .pricing_wrapper .star_right {
        right:-50px
    }
}

@media screen and (max-width: 767px) {
    .pricing_wrapper .star_right {
        right:-35px
    }
}

@media screen and (max-width: 575px) {
    .pricing_wrapper .star_right {
        right:-25px;
        top: 10px
    }
}

.programs_wrapper,.programsBlock_wrapper {
    padding-bottom: 100px;
    position: relative
}

@media screen and (max-width: 1399px) {
    .programs_wrapper,.programsBlock_wrapper {
        padding-bottom:80px
    }
}

@media screen and (max-width: 1199px) {
    .programs_wrapper,.programsBlock_wrapper {
        padding-bottom:30px
    }
}

@media screen and (max-width: 767px) {
    .programs_wrapper,.programsBlock_wrapper {
        padding-bottom:0px
    }
}

.programs_wrapper .title,.programsBlock_wrapper .title {
    margin-bottom: 34px
}

@media screen and (max-width: 767px) {
    .programs_wrapper .title,.programsBlock_wrapper .title {
        margin-bottom:20px
    }
}

.programs_wrapper .title h2,.programsBlock_wrapper .title h2 {
    margin-bottom: 0
}

.programs_wrapper .programs_slider a,.programsBlock_wrapper .programs_slider a {
    display: block
}

.programs_wrapper .programs_slider a .Programs_block,.programsBlock_wrapper .programs_slider a .Programs_block {
    background: #f7f5f5;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    overflow: hidden
}

.programs_wrapper .programs_slider a .Programs_block img,.programsBlock_wrapper .programs_slider a .Programs_block img {
    width: 100%;
    display: block
}

.programs_wrapper .programs_slider a .Programs_block .programs_description,.programsBlock_wrapper .programs_slider a .Programs_block .programs_description {
    padding: 18px
}

.programs_wrapper .programs_slider a .Programs_block .programs_description h2,.programsBlock_wrapper .programs_slider a .Programs_block .programs_description h2 {
    margin-bottom: 16px
}

.programs_wrapper .programs_slider a .Programs_block .programs_description h2,.programs_wrapper .programs_slider a .Programs_block .programs_description span,.programsBlock_wrapper .programs_slider a .Programs_block .programs_description h2,.programsBlock_wrapper .programs_slider a .Programs_block .programs_description span {
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000
}

.programs_wrapper .programs_slider a .Programs_block .btn_wrapper,.programsBlock_wrapper .programs_slider a .Programs_block .btn_wrapper {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    min-width: 100%
}

.programs_wrapper .programs_slider a .Programs_block:hover,.programsBlock_wrapper .programs_slider a .Programs_block:hover {
    background: #fff;
    border-color: #48b6a2;
    -webkit-clip-path: polygon(101% 0, 100% 100%, 6% 100%, 0 95%, 0 0);
    clip-path: polygon(101% 0, 100% 100%, 6% 100%, 0 95%, 0 0)
}

.programs_wrapper .programs_slider a .Programs_block:hover .btn_wrapper,.programsBlock_wrapper .programs_slider a .Programs_block:hover .btn_wrapper {
    bottom: 0
}

.programs_wrapper .programsBlock,.programsBlock_wrapper .programsBlock {
    position: relative
}

.programs_wrapper .programsBlock .swiperBtn,.programsBlock_wrapper .programsBlock .swiperBtn {
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%
}

@media screen and (max-width: 1399px) {
    .programs_wrapper .programsBlock .swiperBtn,.programsBlock_wrapper .programsBlock .swiperBtn {
        top:48px
    }
}

@media screen and (max-width: 1199px) {
    .programs_wrapper .programsBlock .swiperBtn,.programsBlock_wrapper .programsBlock .swiperBtn {
        top:45px
    }
}

@media screen and (max-width: 991px) {
    .programs_wrapper .programsBlock .swiperBtn,.programsBlock_wrapper .programsBlock .swiperBtn {
        top:30px
    }
}

@media screen and (max-width: 767px) {
    .programs_wrapper .programsBlock .swiperBtn,.programsBlock_wrapper .programsBlock .swiperBtn {
        position:relative;
        top: 0;
        margin-top: 20px
    }
}

.swiperBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .swiperBtn {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px
    }
}

.swiperBtn a {
    width: 42px;
    height: 42px;
    background-color: rgba(0,0,0,.15);
    background-image: url(../images/icon/arrow.svg);
    border-radius: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    z-index: 3
}

.swiperBtn a:hover {
    background-color: #48b6a2
}

.swiperBtn a.prev {
    background-position: left 13px top 14px
}

.swiperBtn a.prev:hover {
    background-position: left -18px top 14px
}

.swiperBtn a.next {
    background-position: right 13px top 14px
}

.swiperBtn a.next:hover {
    background-position: right -18px top 14px
}

.testimonial_wrapper {
    background: url(../images/testimonial.webp) no-repeat;
    background-size: cover;
    padding: 66px 0
}

@media screen and (max-width: 767px) {
    .testimonial_wrapper {
        padding:40px 0
    }
}

.testimonial_wrapper .title {
    margin-bottom: 54px
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .title {
        margin-bottom:25px
    }
}

.testimonial_wrapper .title h2 {
    margin-bottom: 0
}

.testimonial_wrapper .slider_Section .single_slide .text_block {
    max-width: 872px;
    margin: auto
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .slider_Section .single_slide .text_block {
        max-width:780px
    }
}

@media screen and (max-width: 991px) {
    .testimonial_wrapper .slider_Section .single_slide .text_block {
        max-width:580px
    }
}

.testimonial_wrapper .slider_Section .single_slide .text_block p {
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color: #2d2d2d
}

@media screen and (max-width: 991px) {
    .testimonial_wrapper .slider_Section .single_slide .text_block p {
        font-size:16px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .testimonial_wrapper .slider_Section .single_slide .text_block p {
        text-align:justify
    }
}

.testimonial_wrapper .multiple_slider {
    margin-top: 84px
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .multiple_slider {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .testimonial_wrapper .multiple_slider {
        margin-top:30px
    }
}

@media screen and (max-width: 575px) {
    .testimonial_wrapper .multiple_slider {
        margin-top:20px
    }
}

.testimonial_wrapper .testimonial_userBlock {
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f5f5;
    -webkit-clip-path: polygon(0 0, 94% 0%, 100% 16%, 100% 100%, 6% 100%, 0 86%);
    clip-path: polygon(0 0, 94% 0%, 100% 16%, 100% 100%, 6% 100%, 0 86%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .testimonial_userBlock {
        padding:20px
    }
}

@media screen and (max-width: 991px) {
    .testimonial_wrapper .testimonial_userBlock {
        padding:12px
    }
}

@media screen and (max-width: 767px) {
    .testimonial_wrapper .testimonial_userBlock {
        max-width:220px;
        margin: auto
    }
}

@media screen and (max-width: 575px) {
    .testimonial_wrapper .testimonial_userBlock {
        max-width:200px;
        margin: auto;
        padding: 12px 8px
    }
}

.testimonial_wrapper .testimonial_userBlock>img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 100%;
    margin-right: 12px
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .testimonial_userBlock>img {
        width:60px;
        height: 60px
    }
}

@media screen and (max-width: 991px) {
    .testimonial_wrapper .testimonial_userBlock>img {
        width:50px;
        height: 50px;
        margin-right: 8px
    }
}

.testimonial_wrapper .testimonial_userBlock .text_wrapper h3 {
    font-family: #48b6a2;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #2d2d2d;
    margin-bottom: 7px
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .testimonial_userBlock .text_wrapper h3 {
        font-size:18px;
        line-height: 24px;
        margin-bottom: 4px
    }
}

@media screen and (max-width: 991px) {
    .testimonial_wrapper .testimonial_userBlock .text_wrapper h3 {
        font-size:16px;
        line-height: 22px
    }
}

.testimonial_wrapper .swiper-slide-thumb-active .testimonial_userBlock {
    background: #48b6a2
}

.testimonial_wrapper .swiper-slide-thumb-active .testimonial_userBlock .text_wrapper h3 {
    color: #fff
}

.testimonial_wrapper .swiper-slide-thumb-active .testimonial_userBlock .text_wrapper img {
    -webkit-filter: invert(1900%) sepia(1100%) saturate(0%) hue-rotate(330deg) brightness(220%) contrast(103%);
    filter: invert(1900%) sepia(1100%) saturate(0%) hue-rotate(330deg) brightness(220%) contrast(103%)
}

.testimonial_wrapper .slider_Section {
    position: relative
}

.testimonial_wrapper .slider_Section .swiperBtn {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 24%;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

@media screen and (max-width: 1199px) {
    .testimonial_wrapper .slider_Section .swiperBtn {
        top:35%
    }
}

@media screen and (max-width: 767px) {
    .testimonial_wrapper .slider_Section .swiperBtn {
        top:auto;
        bottom: -27px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.articles_wrapper {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 1399px) {
    .articles_wrapper {
        padding:80px 0
    }
}

@media screen and (max-width: 1199px) {
    .articles_wrapper {
        padding:60px 0
    }
}

@media screen and (max-width: 767px) {
    .articles_wrapper {
        padding:10px 0 40px
    }
}

.articles_wrapper .star_left {
    position: absolute;
    width: 178px;
    height: 178px;
    left: -68px;
    bottom: -36px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .articles_wrapper .star_left {
        width:140px;
        height: 140px
    }
}

@media screen and (max-width: 991px) {
    .articles_wrapper .star_left {
        width:100px;
        height: 100px;
        left: -50px
    }
}

@media screen and (max-width: 767px) {
    .articles_wrapper .star_left {
        width:70px;
        height: 70px;
        left: -35px
    }
}

.articles_wrapper .title {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .articles_wrapper .title {
        text-align:center
    }
}

@media screen and (max-width: 575px) {
    .articles_wrapper .title {
        margin-bottom:20px
    }
}

.articles_wrapper .title h2 {
    margin-bottom: 0
}

.articles_wrapper .swiperBtn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.articles_wrapper .swiperBtn a:first-child {
    margin-right: 24px
}

@media screen and (max-width: 767px) {
    .articles_wrapper .swiperBtn a:first-child {
        margin-right:0
    }
}

.articles_wrapper .swiperBtn.mobile {
    display: none;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .articles_wrapper .swiperBtn.mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.articles_wrapper .swiperBtn.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .articles_wrapper .swiperBtn.desktop {
        display:none
    }
}

.articles_wrapper .articles_slider a,.articles_wrapper .Blog_slider a {
    display: block;
    position: relative;
    width: 100%
}

.articles_wrapper .articles_slider a::after,.articles_wrapper .Blog_slider a::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: rgba(45,45,45,.15);
    right: -12px;
    top: 0
}

.articles_wrapper .articles_slider a .images_wrapper,.articles_wrapper .Blog_slider a .images_wrapper {
    display: block;
    line-height: 0;
    font-size: 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 575px) {
    .articles_wrapper .articles_slider a .images_wrapper,.articles_wrapper .Blog_slider a .images_wrapper {
        text-align:center
    }
}

.articles_wrapper .articles_slider a .images_wrapper::after,.articles_wrapper .Blog_slider a .images_wrapper::after {
    content: "";
    background: url(../images/mockup/mask.svg) no-repeat;
    background-position: top left 0;
    background-size: 100% 100%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    left: -2px;
    top: -2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.articles_wrapper .articles_slider a .text_wrapper,.articles_wrapper .Blog_slider a .text_wrapper {
    padding: 20px 24px
}

@media screen and (max-width: 1199px) {
    .articles_wrapper .articles_slider a .text_wrapper,.articles_wrapper .Blog_slider a .text_wrapper {
        padding:12px
    }
}

.articles_wrapper .articles_slider a .text_wrapper h2,.articles_wrapper .Blog_slider a .text_wrapper h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width: 1199px) {
    .articles_wrapper .articles_slider a .text_wrapper h2,.articles_wrapper .Blog_slider a .text_wrapper h2 {
        font-size:16px;
        line-height: 22px;
        margin-bottom: 12px
    }
}

.articles_wrapper .articles_slider a .text_wrapper a,.articles_wrapper .Blog_slider a .text_wrapper a {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #48b6a2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width: 1199px) {
    .articles_wrapper .articles_slider a .text_wrapper a,.articles_wrapper .Blog_slider a .text_wrapper a {
        font-size:14px;
        line-height: 20px
    }
}

.articles_wrapper .articles_slider a .text_wrapper .label,.articles_wrapper .Blog_slider a .text_wrapper .label {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    opacity: .4
}

@media screen and (max-width: 1199px) {
    .articles_wrapper .articles_slider a .text_wrapper .label,.articles_wrapper .Blog_slider a .text_wrapper .label {
        font-size:14px;
        line-height: 20px
    }
}

.articles_wrapper .articles_slider a:hover .images_wrapper::after,.articles_wrapper .Blog_slider a:hover .images_wrapper::after {
    opacity: 0
}

.articles_wrapper .articles_slider a:hover .text_wrapper h2,.articles_wrapper .Blog_slider a:hover .text_wrapper h2 {
    color: #48b6a2
}

.articles_wrapper .articles_slider a:hover .text_wrapper span,.articles_wrapper .Blog_slider a:hover .text_wrapper span {
    color: #2d2d2d
}

.insta_wrapper {
    padding-bottom: 24px
}

.insta_wrapper .title {
    margin-bottom: 24px
}

.insta_wrapper .title h2 {
    margin-bottom: 0
}

.insta_wrapper .title h2 span {
    font-family: "Generalsans";
    font-weight: 500;
    position: relative;
    top: -5px
}

.insta_wrapper .title h4 {
    color: rgba(45,45,45,.4);
    text-align: center;
    font-family: "Generalsans";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 10px
}

.insta_wrapper .title h4 span {
    color: #48b6a2
}

@media screen and (max-width: 575px) {
    .insta_wrapper .title h4 {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .insta_wrapper .insta_slider {
        padding:0 20px
    }
}

.insta_wrapper .insta_slider a {
    display: block;
    width: 100%;
    position: relative;
    line-height: 0;
    font-size: 0
}

.insta_wrapper .insta_slider a::after {
    content: "";
    background: url(../images/mockup/mask-2.svg) no-repeat;
    background-position: top left 0;
    background-size: cover;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    left: -1px;
    top: -1px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 3
}

.insta_wrapper .insta_slider a img {
    width: 100%
}

.insta_wrapper .insta_slider a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #48b6a2 url(../images/icon/insta.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.insta_wrapper .insta_slider a:hover::before {
    opacity: .75
}

.breadcrumbs_wrapper {
    background: url(../images/background/breadcrumbs.webp) no-repeat;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 60px;
    position: relative
}

@media screen and (max-width: 1399px) {
    .breadcrumbs_wrapper {
        padding-top:120px;
        padding-bottom: 30px;
        min-height: auto
    }
}

@media screen and (max-width: 991px) {
    .breadcrumbs_wrapper {
        padding-top:100px
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumbs_wrapper .title img {
        width:30px;
        height: 30px;
        margin-bottom: 3px
    }
}

.breadcrumbs_wrapper .title h1 {
    font-family: "Tsushima";
    font-style: normal;
    font-weight: 400;
    font-size: 58px;
    line-height: normal;
    text-transform: uppercase;
    color: #2d2d2d;
    margin-bottom: 16px
}

.breadcrumbs_wrapper .title h1 span {
    color: #48b6a2
}

@media screen and (max-width: 1399px) {
    .breadcrumbs_wrapper .title h1 {
        font-size:52px;
        line-height: 56px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumbs_wrapper .title h1 {
        font-size:36px;
        line-height: 38px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 991px) {
    .breadcrumbs_wrapper .title h1 {
        font-size:28px;
        line-height: 34px
    }
}

@media screen and (max-width: 575px) {
    .breadcrumbs_wrapper .title h1 {
        font-size:24px;
        line-height: 28px
    }
}

.breadcrumbs_wrapper .title ul {
    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
}

.breadcrumbs_wrapper .title ul li,.breadcrumbs_wrapper .title ul a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    color: #48b6a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .breadcrumbs_wrapper .title ul li,.breadcrumbs_wrapper .title ul a {
        font-size:16px
    }
}

.breadcrumbs_wrapper .title ul a {
    opacity: .5;
    color: #000;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.breadcrumbs_wrapper .title ul a:hover {
    opacity: 1
}

.breadcrumbs_wrapper .title ul li::before {
    content: "";
    width: 1px;
    height: 20px;
    margin: 0 10px;
    opacity: .26;
    background: #48b6a2
}

.breadcrumbs_wrapper .title ul li:first-child::before {
    content: none
}

.breadcrumbs_wrapper .star_left {
    position: absolute;
    left: -68px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .breadcrumbs_wrapper .star_left {
        width:140px;
        height: 140px;
        left: -70px
    }
}

@media screen and (max-width: 991px) {
    .breadcrumbs_wrapper .star_left {
        width:100px;
        height: 100px;
        left: -50px
    }
}

@media screen and (max-width: 767px) {
    .breadcrumbs_wrapper .star_left {
        width:70px;
        height: 70px;
        left: -35px
    }
}

@media screen and (max-width: 575px) {
    .breadcrumbs_wrapper .star_left {
        width:50px;
        height: 50px;
        left: -25px
    }
}

.breadcrumbs_wrapper .star_right {
    position: absolute;
    right: -2%;
    top: 30%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .breadcrumbs_wrapper .star_right {
        width:60px;
        height: 60px
    }
}

@media screen and (max-width: 991px) {
    .breadcrumbs_wrapper .star_right {
        width:40px;
        height: 40px
    }
}

.normal_wrapper.about_wrapper {
    padding-top: 96px;
    padding-bottom: 213px
}

@media screen and (max-width: 1399px) {
    .normal_wrapper.about_wrapper {
        padding:80px 0
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper.about_wrapper {
        padding:60px 0
    }
}

@media screen and (max-width: 1024px) {
    .normal_wrapper.about_wrapper {
        padding:50px 0
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper.about_wrapper {
        padding:40px 0
    }
}

.normal_wrapper.about_wrapper::after {
    content: none
}

.normal_wrapper.about_wrapper::before {
    top: 50px;
    background-position: bottom
}

@media screen and (max-width: 1399px) {
    .normal_wrapper.about_wrapper::before {
        background-size:contain
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper.about_wrapper::before {
        top:0
    }
}

@media screen and (max-width: 1399px) {
    .normal_wrapper.about_second_wrapper {
        padding:80px 0 0
    }
}

@media screen and (max-width: 1199px) {
    .normal_wrapper.about_second_wrapper {
        padding:60px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .normal_wrapper.about_second_wrapper {
        padding:50px 0 0
    }
}

@media screen and (max-width: 767px) {
    .normal_wrapper.about_second_wrapper {
        padding:40px 0 0
    }
}

.normal_wrapper.about_second_wrapper::after {
    bottom: 0px;
    background-position: top
}

.normal_wrapper.about_second_wrapper::before {
    content: none
}

.about_who_weAre_wrapper {
    padding-bottom: 84px;
    position: relative
}

@media screen and (max-width: 1399px) {
    .about_who_weAre_wrapper {
        padding-bottom:25px
    }
}

.about_who_weAre_wrapper::after {
    content: "";
    position: absolute;
    background: radial-gradient(54.59% 54.59% at 50% 45.41%, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.about_who_weAre_wrapper::before {
    content: "";
    position: absolute;
    background: url(../images/background/about-bg-1.webp) no-repeat;
    background-position: center bottom;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 110px;
    left: 0;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .about_who_weAre_wrapper::before {
        top:30px
    }
}

.about_who_weAre_wrapper .container {
    position: relative;
    z-index: 3
}

.about_who_weAre_wrapper .star_left {
    position: absolute;
    left: -68px;
    bottom: 180px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .about_who_weAre_wrapper .star_left {
        width:140px;
        height: 140px;
        left: -70px
    }
}

@media screen and (max-width: 991px) {
    .about_who_weAre_wrapper .star_left {
        width:100px;
        height: 100px;
        left: -50px
    }
}

@media screen and (max-width: 767px) {
    .about_who_weAre_wrapper .star_left {
        width:70px;
        height: 70px;
        left: -35px
    }
}

@media screen and (max-width: 575px) {
    .about_who_weAre_wrapper .star_left {
        width:50px;
        height: 50px;
        left: -25px
    }
}

.about_who_weAre_wrapper .star_right {
    position: absolute;
    right: -68px;
    top: 180px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .about_who_weAre_wrapper .star_right {
        width:140px;
        height: 140px;
        right: -70px
    }
}

@media screen and (max-width: 991px) {
    .about_who_weAre_wrapper .star_right {
        width:100px;
        height: 100px;
        right: -50px
    }
}

@media screen and (max-width: 767px) {
    .about_who_weAre_wrapper .star_right {
        width:70px;
        height: 70px;
        right: -35px
    }
}

@media screen and (max-width: 575px) {
    .about_who_weAre_wrapper .star_right {
        width:50px;
        height: 50px;
        right: -25px
    }
}

.counter_wrapper {
    padding: 120px 0
}

@media screen and (max-width: 1399px) {
    .counter_wrapper.spaceManage {
        padding:80px 0 0
    }
}

@media screen and (max-width: 1199px) {
    .counter_wrapper.spaceManage {
        padding:60px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .counter_wrapper.spaceManage {
        padding:50px 0 0
    }
}

@media screen and (max-width: 767px) {
    .counter_wrapper.spaceManage {
        padding:40px 0 0
    }
}

.counter_wrapper .counter {
    position: relative;
    overflow: hidden;
    background: #48b6a2;
    padding: 85px 50px
}

@media screen and (max-width: 991px) {
    .counter_wrapper .counter {
        padding:60px 24px
    }
}

@media screen and (max-width: 767px) {
    .counter_wrapper .counter {
        padding:30px 24px 40px
    }
}

.counter_wrapper .counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 767px) {
    .counter_wrapper .counter ul {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.counter_wrapper .counter ul li {
    text-align: center;
    min-width: 132px
}

@media screen and (max-width: 767px) {
    .counter_wrapper .counter ul li {
        margin-top:10px
    }
}

.counter_wrapper .counter ul li h2 {
    font-family: "Tsushima";
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: .1em;
    color: #fff;
    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;
    margin-bottom: 0;
    min-width: 152px
}

@media screen and (max-width: 1199px) {
    .counter_wrapper .counter ul li h2 {
        font-size:36px;
        line-height: 42px;
        min-width: 114px
    }
}

@media screen and (max-width: 991px) {
    .counter_wrapper .counter ul li h2 {
        font-size:26px;
        line-height: 32px;
        min-width: auto
    }
}

.counter_wrapper .counter ul li h2 span {
    position: relative;
    top: 5px
}

@media screen and (max-width: 991px) {
    .counter_wrapper .counter ul li h2 span {
        top:3px
    }
}

.counter_wrapper .counter ul li label {
    font-family: "Generalsans";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #fff
}

@media screen and (max-width: 991px) {
    .counter_wrapper .counter ul li label {
        font-size:14px;
        line-height: 22px
    }
}

.BorderBox::after,.BorderBox::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 33px;
    background: url(../images/mockup/cutted-border-large.webp);
    bottom: -1px
}

.BorderBox::before {
    bottom: auto;
    top: -1px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.BorderBox span::after,.BorderBox span::before {
    content: "";
    position: absolute;
    top: 0;
    width: 33px;
    height: 100%;
    background: url(../images/mockup/cutted-border-small.webp)
}

.BorderBox span::after {
    left: auto;
    right: -1px
}

.BorderBox span::before {
    left: -1px;
    right: auto;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.programPage_wrapper {
    padding: 120px 0 60px
}

@media screen and (max-width: 1399px) {
    .programPage_wrapper {
        padding:90px 0 50px
    }
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper {
        padding:80px 0 40px
    }
}

@media screen and (max-width: 991px) {
    .programPage_wrapper {
        padding:60px 0 40px
    }
}

@media screen and (max-width: 767px) {
    .programPage_wrapper {
        padding:50px 0 40px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper {
        padding:40px 0
    }
}

.programPage_wrapper .title h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 44px
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper .title h2 {
        font-size:28px
    }
}

@media screen and (max-width: 991px) {
    .programPage_wrapper .title h2 {
        font-size:26px
    }
}

@media screen and (max-width: 767px) {
    .programPage_wrapper .title h2 {
        text-align:center;
        line-height: 30px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper .title h2 {
        font-size:20px;
        line-height: 22px
    }
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper .programsBlock_wrapper {
        padding-bottom:50px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper .programsBlock_wrapper {
        padding-bottom:40px
    }
}

.programPage_wrapper .programsBlock_wrapper:last-child {
    padding-bottom: 0 !important
}

.programPage_wrapper .programsBlock_wrapper .swiperBtn {
    position: absolute;
    top: 0;
    right: 12px;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px
}

@media screen and (max-width: 767px) {
    .programPage_wrapper .programsBlock_wrapper .swiperBtn {
        position:relative;
        gap: 15px;
        right: 0;
        margin-top: 20px
    }
}

.programPage_wrapper.programDetails {
    padding: 50px 0
}

@media screen and (max-width: 991px) {
    .programPage_wrapper.programDetails {
        padding:40px 0
    }
}

.programPage_wrapper.programDetails .boxBlock {
    max-width: 1600px;
    margin: 0 auto -100px
}

@media screen and (max-width: 767px) {
    .programPage_wrapper.programDetails .boxBlock {
        margin:0 auto 20px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper.programDetails .boxBlock {
        margin:0 auto 10px
    }
}

.programPage_wrapper.programDetails .boxBlock .BorderBox {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .programPage_wrapper.programDetails .boxBlock .BorderBox span {
        display:none
    }

    .programPage_wrapper.programDetails .boxBlock .BorderBox::before {
        top: -20px
    }

    .programPage_wrapper.programDetails .boxBlock .BorderBox::after {
        bottom: -10px
    }
}

.programPage_wrapper.programDetails .boxBlock .img_wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 71, 71, 0)), to(rgba(237, 71, 71, 0.62))),#d3d3d3 0px -40.549px/100% 172.441% no-repeat;
    background: linear-gradient(180deg, rgba(237, 71, 71, 0) 0%, rgba(237, 71, 71, 0.62) 100%),#d3d3d3 0px -40.549px/100% 172.441% no-repeat;
    opacity: .6;
    mix-blend-mode: multiply
}

.programPage_wrapper.programDetails .details_wrapper {
    background-color: #f7f5f5;
    padding: 30px
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper {
        padding:20px 30px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper.programDetails .details_wrapper {
        padding:20px
    }
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper.secondChild {
        padding-top:0
    }
}

.programPage_wrapper.programDetails .details_wrapper h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 65px;
    color: #2d2d2d;
    margin-bottom: 32px
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper h2 {
        font-size:28px;
        line-height: 34px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 991px) {
    .programPage_wrapper.programDetails .details_wrapper h2 {
        font-size:26px;
        line-height: 30px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 575px) {
    .programPage_wrapper.programDetails .details_wrapper h2 {
        font-size:20px;
        line-height: 22px
    }
}

.programPage_wrapper.programDetails .details_wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper ul li {
        margin-bottom:10px
    }
}

.programPage_wrapper.programDetails .details_wrapper ul li:last-child {
    margin-bottom: 0
}

.programPage_wrapper.programDetails .details_wrapper ul li span {
    min-width: 107px;
    font-weight: 600;
    color: #48b6a2;
    font-size: 16px
}

@media screen and (max-width: 575px) {
    .programPage_wrapper.programDetails .details_wrapper ul li span {
        min-width:80px
    }
}

.programPage_wrapper.programDetails .details_wrapper ul li h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #2d2d2d
}

.programPage_wrapper.programDetails .details_wrapper p {
    margin-bottom: 47px
}

@media screen and (max-width: 1399px) {
    .programPage_wrapper.programDetails .details_wrapper p {
        margin-bottom:26px
    }
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper p {
        margin-bottom:16px
    }
}

.programPage_wrapper.programDetails .details_wrapper .btn_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px
}

.programPage_wrapper.programDetails .details_wrapper .btn_block a {
    min-width: 100%;
    width: 100%
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block a {
        min-width:312px;
        width: auto
    }
}

@media screen and (max-width: 991px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block a {
        min-width:calc(50% - 7px);
        width: calc(50% - 7px)
    }
}

@media screen and (max-width: 420px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block a {
        min-width:100%;
        width: 100%
    }
}

.programPage_wrapper.programDetails .details_wrapper .btn_block .border-1 {
    width: 100%;
    padding: 1px;
    background-color: #48b6a2;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 95% 100%, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 95% 100%, 0 100%, 0% 100%)
}

@media screen and (max-width: 1199px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block .border-1 {
        width:auto
    }
}

@media screen and (max-width: 991px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block .border-1 {
        min-width:auto;
        width: calc(50% - 7px)
    }

    .programPage_wrapper.programDetails .details_wrapper .btn_block .border-1 a {
        width: 100%;
        min-width: 100%
    }
}

@media screen and (max-width: 420px) {
    .programPage_wrapper.programDetails .details_wrapper .btn_block .border-1 {
        min-width:100%;
        width: 100%
    }
}

.box-section {
    position: relative
}

.box-section .star_left,.box-section .star_right {
    width: 178px;
    height: 178px;
    position: absolute
}

@media screen and (max-width: 1199px) {
    .box-section .star_left,.box-section .star_right {
        width:140px;
        height: 140px
    }
}

@media screen and (max-width: 991px) {
    .box-section .star_left,.box-section .star_right {
        width:100px;
        height: 100px
    }
}

@media screen and (max-width: 767px) {
    .box-section .star_left,.box-section .star_right {
        width:70px;
        height: 70px
    }
}

@media screen and (max-width: 575px) {
    .box-section .star_left,.box-section .star_right {
        width:50px;
        height: 50px
    }
}

.box-section .star_left {
    bottom: 0;
    left: -89px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .box-section .star_left {
        left:-70px
    }
}

@media screen and (max-width: 991px) {
    .box-section .star_left {
        left:-50px
    }
}

@media screen and (max-width: 767px) {
    .box-section .star_left {
        left:-35px
    }
}

@media screen and (max-width: 575px) {
    .box-section .star_left {
        left:-25px
    }
}

.box-section .star_right {
    top: 0;
    right: -89px;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .box-section .star_right {
        right:-70px
    }
}

@media screen and (max-width: 991px) {
    .box-section .star_right {
        right:-50px
    }
}

@media screen and (max-width: 767px) {
    .box-section .star_right {
        right:-35px
    }
}

@media screen and (max-width: 575px) {
    .box-section .star_right {
        right:-25px
    }
}

.box-section .boxWrapper {
    padding: 162px 0;
    margin-bottom: 24px
}

@media screen and (max-width: 1399px) {
    .box-section .boxWrapper {
        padding:120px 0
    }
}

@media screen and (max-width: 1199px) {
    .box-section .boxWrapper {
        padding:100px 0
    }
}

@media screen and (max-width: 991px) {
    .box-section .boxWrapper {
        padding:80px 0
    }
}

@media screen and (max-width: 767px) {
    .box-section .boxWrapper {
        padding:60px 0
    }
}

@media screen and (max-width: 575px) {
    .box-section .boxWrapper {
        padding:40px 0
    }
}

.box-section .boxWrapper .boxBlock {
    padding: 72px 30px;
    background: #48b6a2
}

.box-section .boxWrapper .boxBlock .title h2 {
    font-family: "Montserrat", sans-serif;
    color: #fff
}

.box-section .boxWrapper .boxBlock .btn_wrapper:hover {
    background: #2d2d2d !important;
    color: #fff !important
}

.faq_wrapper {
    padding: 20px 0 70px
}

@media screen and (max-width: 1399px) {
    .faq_wrapper {
        padding:0px 0 50px
    }
}

@media screen and (max-width: 1199px) {
    .faq_wrapper {
        padding:0px 0 40px
    }
}

.faq_wrapper .accordian_wrapper h2 button {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #2d2d2d;
    padding: 14px 0;
    background: rgba(0,0,0,0);
    gap: 10px
}

@media screen and (max-width: 1199px) {
    .faq_wrapper .accordian_wrapper h2 button {
        font-size:18px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .faq_wrapper .accordian_wrapper h2 button {
        font-size:17px;
        line-height: 22px
    }
}

.faq_wrapper .accordian_wrapper h2 button::after {
    background-image: url('data:image/svg+xml,<svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.15" d="M0 0L55 0V55H9.16667L0 45.8333V0Z" fill="%23ED4747"/><path d="M30.4302 34.0701L37.0002 27.9998L30.4302 21.9301" stroke="%23ED4747" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M19.5 28H36.33" stroke="%23ED4747" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="bevel"/></svg>');
    width: 55px;
    height: 55px;
    background-size: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width: 1199px) {
    .faq_wrapper .accordian_wrapper h2 button::after {
        width:40px;
        height: 40px
    }
}

@media screen and (max-width: 767px) {
    .faq_wrapper .accordian_wrapper h2 button::after {
        width:30px;
        height: 30px
    }
}

.faq_wrapper .accordian_wrapper h2 button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.faq_wrapper .accordian_wrapper h2 button:not(.collapsed)::after {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: inherit;
    transform: inherit;
    background-image: url('data:image/svg+xml,<svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L55 0V55H9.16667L0 45.8333V0Z" fill="%23ED4747"/><path d="M34.0698 30.4299L27.9995 36.9999L21.9298 30.4299" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M28 19.5L28 36.33" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="bevel"/></svg>')
}

.faq_wrapper .accordian_wrapper .accordion-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #2d2d2d;
    opacity: .6;
    padding: 8px 0 28px
}

@media screen and (max-width: 767px) {
    .faq_wrapper .accordian_wrapper .accordion-body {
        font-size:15px;
        line-height: 22px;
        padding: 5px 0 18px
    }
}

.gallery_wrapper {
    position: relative;
    margin-bottom: 100px
}

@media(max-width: 1199px) {
    .gallery_wrapper {
        margin-bottom:80px
    }
}

@media(max-width: 991px) {
    .gallery_wrapper {
        margin-bottom:60px
    }
}

@media(max-width: 575px) {
    .gallery_wrapper {
        margin-bottom:50px
    }
}

.gallery_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(52.06%, rgba(255, 255, 255, 0.8)), to(#FFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 52.06%, #FFF 100%);
    left: 0;
    bottom: 0;
    z-index: 1;
    max-height: 400px
}

@media(max-width: 575px) {
    .gallery_wrapper .col-lg-12 .gallery {
        max-width:100%
    }
}

.gallery_wrapper .gallery {
    margin-bottom: 25px;
    position: relative;
    z-index: 1
}

@media(max-width: 575px) {
    .gallery_wrapper .gallery {
        max-width:380px;
        margin: 0 auto 25px auto
    }
}

.gallery_wrapper .gallery:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: url(../images/mockup/mask-3-1.webp) no-repeat;
    left: -1px;
    top: -1px;
    background-size: cover;
    opacity: 1;
    -webkit-transition: .3s all;
    transition: .3s all
}

.gallery_wrapper .gallery img {
    width: 100%
}

.gallery_wrapper .gallery:hover:after {
    opacity: 0
}

.gallery_wrapper .load-btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 3;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    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;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff
}

.gallery_wrapper .load-btn img {
    -webkit-animation: rotating 6s linear infinite;
    animation: rotating 6s linear infinite
}

@media(max-width: 1399px) {
    .gallery_wrapper .load-btn img {
        width:110px;
        height: 110px
    }
}

.gallery_wrapper .load-btn span {
    position: absolute
}

.blank_wrapper {
    padding-top: 90px;
    min-height: calc(100vh - 50px);
    background: url(../images/background/transformation-2.webp) no-repeat center;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .blank_wrapper {
        padding-top:100px
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper {
        min-height:calc(100vh - 74px)
    }
}

@media screen and (max-width: 575px) {
    .blank_wrapper {
        min-height:calc(100vh - 63px)
    }
}

.blank_wrapper .title {
    margin-bottom: 16px;
    margin-top: -50px
}

@media screen and (max-width: 767px) {
    .blank_wrapper .title {
        margin-top:-74px
    }
}

@media screen and (max-width: 575px) {
    .blank_wrapper .title {
        margin-top:-63px
    }
}

.blank_wrapper .title img {
    width: 24px;
    height: 24px;
    margin-bottom: 10px
}

.blank_wrapper .title h2 {
    margin-bottom: 6px
}

.blank_wrapper .title p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #2d2d2d
}

.blank_wrapper .title p span {
    color: #48b6a2
}

@media screen and (max-width: 767px) {
    .blank_wrapper .title p {
        font-size:16px;
        line-height: 22px
    }
}

@media screen and (max-width: 480px) {
    .blank_wrapper .title p {
        max-width:220px;
        margin: auto
    }
}

.blank_wrapper .images_wrapper {
    position: relative;
    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
}

.blank_wrapper .images_wrapper .circleBlock {
    position: absolute;
    width: 304px;
    height: 304px;
    left: 0px;
    top: 40px;
    right: 0;
    margin: auto;
    background: #48b6a2;
    border-radius: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1399px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:220px;
        height: 220px;
        left: 0px;
        top: 20px
    }
}

@media screen and (max-width: 991px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:180px;
        height: 180px
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:140px;
        height: 140px
    }
}

@media screen and (max-width: 575px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:100px;
        height: 100px;
        top: 12px
    }
}

@media screen and (max-width: 420px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:95px;
        height: 95px
    }
}

@media screen and (max-width: 340px) {
    .blank_wrapper .images_wrapper .circleBlock {
        width:80px;
        height: 80px
    }
}

.blank_wrapper .images_wrapper .circleBlock::before,.blank_wrapper .images_wrapper .circleBlock::after {
    content: "";
    border-radius: 50%;
    background-color: #48b6a2;
    width: 85%;
    height: 85%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: scaleIn 4s infinite linear;
    animation: scaleIn 4s infinite linear
}

.blank_wrapper .images_wrapper .circleBlock::before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.blank_wrapper .images_wrapper img {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1399px) {
    .blank_wrapper .images_wrapper img {
        max-width:780px;
        width: 100%
    }
}

.blank_wrapper .images_wrapper .mockUp_text_left {
    left: 22%;
    top: 15%
}

@media screen and (max-width: 1399px) {
    .blank_wrapper .images_wrapper .mockUp_text_left {
        left:25%
    }
}

@media screen and (max-width: 991px) {
    .blank_wrapper .images_wrapper .mockUp_text_left {
        left:20%
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper .images_wrapper .mockUp_text_left {
        left:17%
    }
}

@media screen and (max-width: 480px) {
    .blank_wrapper .images_wrapper .mockUp_text_left {
        display:none
    }
}

.blank_wrapper .images_wrapper .mockUp_text_right {
    right: 22%;
    bottom: auto;
    top: 40%
}

@media screen and (max-width: 1399px) {
    .blank_wrapper .images_wrapper .mockUp_text_right {
        right:25%
    }
}

@media screen and (max-width: 991px) {
    .blank_wrapper .images_wrapper .mockUp_text_right {
        right:20%
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper .images_wrapper .mockUp_text_right {
        right:17%
    }
}

@media screen and (max-width: 480px) {
    .blank_wrapper .images_wrapper .mockUp_text_right {
        display:none
    }
}

.blank_wrapper .star_right,.blank_wrapper .star_left {
    position: absolute;
    z-index: 4
}

.blank_wrapper .star_left {
    position: absolute;
    left: -68px;
    bottom: 50px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .blank_wrapper .star_left {
        width:140px;
        height: 140px;
        left: -70px
    }
}

@media screen and (max-width: 991px) {
    .blank_wrapper .star_left {
        width:100px;
        height: 100px;
        left: -50px
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper .star_left {
        width:70px;
        height: 70px;
        left: -35px
    }
}

@media screen and (max-width: 575px) {
    .blank_wrapper .star_left {
        width:50px;
        height: 50px;
        left: -25px
    }
}

.blank_wrapper .star_right {
    position: absolute;
    right: -68px;
    top: 50px;
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@media screen and (max-width: 1199px) {
    .blank_wrapper .star_right {
        width:140px;
        height: 140px;
        right: -70px
    }
}

@media screen and (max-width: 991px) {
    .blank_wrapper .star_right {
        width:100px;
        height: 100px;
        right: -50px
    }
}

@media screen and (max-width: 767px) {
    .blank_wrapper .star_right {
        width:70px;
        height: 70px;
        right: -35px
    }
}

@media screen and (max-width: 575px) {
    .blank_wrapper .star_right {
        width:50px;
        height: 50px;
        right: -25px
    }
}

@media(min-width: 1200px) {
    .blank_wrapper .comming_content h2 {
        font-size:44px
    }
}

.blank_wrapper .comming_content p {
    max-width: 100%;
    margin-bottom: 50px
}

@media(max-width: 1399px) {
    .blank_wrapper .comming_content p {
        margin-bottom:40px
    }
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_content p {
        margin-bottom:30px
    }
}

@media(max-width: 575px) {
    .blank_wrapper .comming_content p {
        margin-bottom:20px
    }
}

.blank_wrapper .comming_content img {
    opacity: .3
}

.blank_wrapper .comming_content .comming_form .union img {
    width: 38px;
    height: 38px
}

.blank_wrapper .comming_content .comming_form h5 {
    color: #2d2d2d;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 14px
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_content .comming_form h5 {
        font-size:20px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_content .comming_form h5 {
        font-size:18px
    }
}

.blank_wrapper .comming_content .comming_form h5 span {
    color: #48b6a2
}

.blank_wrapper .comming_content .comming_form .fill-up-form .form {
    position: relative
}

.blank_wrapper .comming_content .comming_form .fill-up-form .form .form-group {
    margin-bottom: 0
}

.blank_wrapper .comming_content .comming_form .fill-up-form .form .form-group .user-input {
    padding: 20px 190px 20px 24px
}

@media(max-width: 575px) {
    .blank_wrapper .comming_content .comming_form .fill-up-form .form .form-group .user-input {
        padding:20px 100px 20px 24px
    }
}

.blank_wrapper .comming_content .comming_form .fill-up-form .form .btn_wrapper {
    -webkit-clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0% 0);
    clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0% 0);
    padding: 14px;
    min-width: 180px;
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9
}

@media(max-width: 767px) {
    .blank_wrapper .comming_content .comming_form .fill-up-form .form .btn_wrapper {
        min-width:100px;
        -webkit-clip-path: polygon(100% 0, 100% 85%, 92% 100%, 0 100%, 0% 0);
        clip-path: polygon(100% 0, 100% 85%, 92% 100%, 0 100%, 0% 0)
    }
}

@media(max-width: 575px) {
    .blank_wrapper .comming_content .comming_form .fill-up-form .form .btn_wrapper {
        min-width:unset;
        max-width: 90px;
        -webkit-clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0% 0);
        clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0% 0)
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_content .comming_form .fill-up-form .form .btn_wrapper {
        -webkit-clip-path:polygon(100% 0, 100% 85%, 94% 100%, 0 100%, 0% 0);
        clip-path: polygon(100% 0, 100% 85%, 94% 100%, 0 100%, 0% 0)
    }
}

.blank_wrapper .comming_content .comming_form .fill-up-form .form .btn_wrapper img {
    margin: 0;
    opacity: 1
}

.blank_wrapper .comming_content .comming_wrapper {
    line-height: 0
}

.blank_wrapper .comming_content .comming_wrapper img {
    -webkit-box-shadow: 18px 16px 40px 0px rgba(2,0,0,.06),-18px -12px 40px 0px #fff,6px 6px 31px 0px rgba(237,71,71,.21) inset,-14px -14px 35px 0px #fff inset;
    box-shadow: 18px 16px 40px 0px rgba(2,0,0,.06),-18px -12px 40px 0px #fff,6px 6px 31px 0px rgba(237,71,71,.21) inset,-14px -14px 35px 0px #fff inset;
    border-radius: 600px
}

.blank_wrapper .comming_wrapper {
    width: 620px;
    height: 620px;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 18px 16px 40px 0px rgba(2,0,0,.06),-18px -12px 40px 0px #fff,6px 6px 31px 0px rgba(237,71,71,.21) inset,-14px -14px 35px 0px #fff inset;
    box-shadow: 18px 16px 40px 0px rgba(2,0,0,.06),-18px -12px 40px 0px #fff,6px 6px 31px 0px rgba(237,71,71,.21) inset,-14px -14px 35px 0px #fff inset;
    position: relative;
    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;
    z-index: 1
}

@media(max-width: 1399px) {
    .blank_wrapper .comming_wrapper {
        width:550px;
        height: 550px
    }
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_wrapper {
        width:470px;
        height: 470px
    }
}

@media(max-width: 991px) {
    .blank_wrapper .comming_wrapper {
        margin:0 auto 70px auto;
        width: 450px;
        height: 450px
    }
}

@media(max-width: 767px) {
    .blank_wrapper .comming_wrapper {
        width:400px;
        height: 400px
    }
}

@media(max-width: 575px) {
    .blank_wrapper .comming_wrapper {
        width:350px;
        height: 350px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper {
        width:300px;
        height: 300px
    }
}

.blank_wrapper .comming_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/progress.svg) no-repeat;
    top: 0;
    left: 0;
    background-position: center;
    background-size: 600px;
    z-index: -1
}

@media(max-width: 1399px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:530px
    }
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:460px
    }
}

@media(max-width: 991px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:440px
    }
}

@media(max-width: 767px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:390px
    }
}

@media(max-width: 575px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:350px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper:after {
        background-size:300px
    }
}

.blank_wrapper .comming_wrapper ul {
    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
}

.blank_wrapper .comming_wrapper ul li {
    text-align: center;
    padding: 0 22px;
    position: relative
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_wrapper ul li {
        padding:0 15px
    }
}

@media(max-width: 991px) {
    .blank_wrapper .comming_wrapper ul li {
        padding:0 12px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper ul li {
        padding:0 8px
    }
}

.blank_wrapper .comming_wrapper ul li:before {
    content: "";
    width: 10px;
    height: 30px;
    position: absolute;
    background: url(../images/icon/counting-dots.svg) no-repeat;
    right: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_wrapper ul li:before {
        background-size:8px
    }
}

@media(max-width: 991px) {
    .blank_wrapper .comming_wrapper ul li:before {
        right:-6px;
        background-size: 7px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper ul li:before {
        background-size:5px;
        height: 20px;
        right: -10px
    }
}

.blank_wrapper .comming_wrapper ul li:last-child:before {
    display: none
}

.blank_wrapper .comming_wrapper ul li span {
    color: #2d2d2d;
    font-family: "Tsushima";
    font-size: 60px;
    font-weight: 400;
    line-height: 1.3
}

@media(max-width: 1399px) {
    .blank_wrapper .comming_wrapper ul li span {
        font-size:50px
    }
}

@media(max-width: 1199px) {
    .blank_wrapper .comming_wrapper ul li span {
        font-size:42px
    }
}

@media(max-width: 991px) {
    .blank_wrapper .comming_wrapper ul li span {
        font-size:32px
    }
}

@media(max-width: 767px) {
    .blank_wrapper .comming_wrapper ul li span {
        font-size:26px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper ul li span {
        font-size:18px
    }
}

.blank_wrapper .comming_wrapper ul li p {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    opacity: .4
}

@media(max-width: 767px) {
    .blank_wrapper .comming_wrapper ul li p {
        font-size:12px
    }
}

@media(max-width: 375px) {
    .blank_wrapper .comming_wrapper ul li p {
        font-size:10px
    }
}

.boxBlock .BorderBox::after {
    bottom: -10px;
    z-index: 2
}

.boxBlock .BorderBox::before {
    top: -15px;
    z-index: 2
}

.boxBlock .img_wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 71, 71, 0)), color-stop(10.84%, rgba(237, 71, 71, 0.09)), to(rgba(237, 71, 71, 0.8)));
    background: linear-gradient(180deg, rgba(237, 71, 71, 0) 0%, rgba(237, 71, 71, 0.09) 10.84%, rgba(237, 71, 71, 0.8) 100%);
    opacity: .5;
    mix-blend-mode: multiply;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

.boxBlock .img_wrapper.active-map:after {
    display: none;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

.boxBlock .img_wrapper .map_wrapper {
    height: 600px
}

@media(max-width: 1199px) {
    .boxBlock .img_wrapper .map_wrapper {
        height:500px
    }
}

@media(max-width: 991px) {
    .boxBlock .img_wrapper .map_wrapper {
        height:400px
    }
}

@media(max-width: 767px) {
    .boxBlock .img_wrapper .map_wrapper {
        height:300px
    }
}

@media(max-width: 575px) {
    .boxBlock .img_wrapper .map_wrapper {
        height:250px
    }
}

@media(max-width: 375px) {
    .boxBlock .img_wrapper .map_wrapper {
        height:200px
    }
}

.contactBlock {
    position: relative;
    z-index: 5;
    margin-bottom: 100px
}

@media(max-width: 1199px) {
    .contactBlock {
        margin-bottom:80px
    }
}

@media(max-width: 767px) {
    .contactBlock {
        margin-bottom:60px
    }
}

@media(max-width: 575px) {
    .contactBlock {
        margin-bottom:50px
    }
}

.contactBlock .star_right {
    position: absolute;
    right: -64px;
    top: 0;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

.contactBlock .star_left {
    position: absolute;
    left: -64px;
    top: 0;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

.contactBlock:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(../images/background/transformation-1.webp) no-repeat top;
    top: -30px;
    z-index: -1
}

.contactBlock .write-us {
    background: #48b6a2;
    -webkit-clip-path: polygon(0 0, 97% 0%, 100% 2%, 100% 100%, 3% 100%, 0 98%);
    clip-path: polygon(0 0, 97% 0%, 100% 2%, 100% 100%, 3% 100%, 0 98%);
    padding: 35px;
    text-align: center;
    margin-bottom: 80px;
    margin-top: -70px
}

@media(max-width: 991px) {
    .contactBlock .write-us {
        padding:30px
    }
}

@media(max-width: 575px) {
    .contactBlock .write-us {
        padding:30px 20px;
        margin-top: -30px
    }
}

@media(max-width: 375px) {
    .contactBlock .write-us {
        padding:30px 15px
    }
}

.contactBlock .write-us .union {
    margin-bottom: 14px
}

.contactBlock .write-us .union img {
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

.contactBlock .write-us h4 {
    color: #fff;
    font-family: "Tsushima";
    font-size: 34px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media(max-width: 991px) {
    .contactBlock .write-us h4 {
        font-size:30px
    }
}

@media(max-width: 575px) {
    .contactBlock .write-us h4 {
        font-size:26px
    }
}

@media(max-width: 375px) {
    .contactBlock .write-us h4 {
        font-size:22px
    }
}

.contactBlock .write-us .fill-up-form form .form-group:before {
    background: #fff
}

.contactBlock .write-us .fill-up-form form .form-group:after {
    background: #48b6a2
}

.contactBlock .write-us .fill-up-form form .form-group .user-input {
    color: #fff
}

.contactBlock .write-us .fill-up-form form .form-group .user-input::-webkit-input-placeholder {
    color: rgba(255,255,255,.4)
}

.contactBlock .write-us .fill-up-form form .form-group .user-input::-moz-placeholder {
    color: rgba(255,255,255,.4)
}

.contactBlock .write-us .fill-up-form form .form-group .user-input:-ms-input-placeholder {
    color: rgba(255,255,255,.4)
}

.contactBlock .write-us .fill-up-form form .form-group .user-input::-ms-input-placeholder {
    color: rgba(255,255,255,.4)
}

.contactBlock .write-us .fill-up-form form .form-group .user-input::placeholder {
    color: rgba(255,255,255,.4)
}

.contactBlock .write-us .fill-up-form form .btn_wrapper {
    background: #fff;
    color: #48b6a2;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 85%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 85%, 0 0)
}

.contactBlock .write-us .fill-up-form form .btn_wrapper:hover {
    background-color: #2d2d2d;
    color: #fff
}

.contactBlock .contact-dtls {
    background: #2d2d2d;
    padding: 40px;
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .contactBlock .contact-dtls {
        margin-bottom:20px
    }
}

.contactBlock .contact-dtls:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/contact-us-mask.webp) no-repeat;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    z-index: -1
}

.contactBlock .contact-dtls:after {
    content: "";
    position: absolute;
    width: 145px;
    height: 145px;
    background: url(../images/mockup/union-two.svg) no-repeat;
    right: -25px;
    bottom: -25px;
    background-position: center;
    background-size: contain;
    -webkit-animation: rotating2 15s linear infinite;
    animation: rotating2 15s linear infinite
}

.contactBlock .contact-dtls .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.contactBlock .contact-dtls .icon .img_wrapper {
    width: 52px;
    height: 52px;
    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;
    position: relative
}

.contactBlock .contact-dtls .icon .img_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/union.svg) no-repeat;
    left: 0;
    top: 0;
    -webkit-animation: rotating2 10s linear infinite;
    animation: rotating2 10s linear infinite
}

.contactBlock .contact-dtls .icon h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    margin-left: 22px
}

@media(max-width: 991px) {
    .contactBlock .contact-dtls .icon h5 {
        font-size:22px;
        margin-left: 20px
    }
}

@media(max-width: 575px) {
    .contactBlock .contact-dtls .icon h5 {
        font-size:20px;
        margin-left: 15px
    }
}

.contactBlock .contact-dtls .dtls li {
    margin-bottom: 14px
}

.contactBlock .contact-dtls .dtls li:last-child {
    margin-bottom: 0
}

.contactBlock .contact-dtls .dtls li h6 {
    color: #48b6a2;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 4px
}

@media(max-width: 375px) {
    .contactBlock .contact-dtls .dtls li h6 {
        font-size:15px
    }
}

.contactBlock .contact-dtls .dtls li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

@media(max-width: 375px) {
    .contactBlock .contact-dtls .dtls li a {
        font-size:15px
    }
}

.contactBlock .contact-dtls .dtls li a:hover {
    color: rgba(255,255,255,.7)
}

.contactBlock .contact-dtls .dtls li span {
    color: rgba(255,255,255,.4);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 10px
}

.blog_wrapper .latest_blog {
    position: relative
}

@media(max-width: 767px) {
    .blog_wrapper .latest_blog .Blog_slider .swiper-slide a .text_wrapper h2 {
        font-size:15px
    }
}

@media(max-width: 575px) {
    .blog_wrapper .latest_blog .Blog_slider .swiper-slide a .text_wrapper h2 {
        font-size:14px
    }
}

@media(max-width: 1199px) {
    .blog_wrapper .latest_blog .swiperBtn.desktop {
        display:none
    }
}

.blog_wrapper .latest_blog .swiperBtn.desktop .prev {
    position: absolute;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

@media(max-width: 1500px) {
    .blog_wrapper .latest_blog .swiperBtn.desktop .prev {
        left:-50px
    }
}

@media(max-width: 1399px) {
    .blog_wrapper .latest_blog .swiperBtn.desktop .prev {
        left:-40px
    }
}

.blog_wrapper .latest_blog .swiperBtn.desktop .next {
    position: absolute;
    right: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

@media(max-width: 1500px) {
    .blog_wrapper .latest_blog .swiperBtn.desktop .next {
        right:-50px
    }
}

@media(max-width: 1399px) {
    .blog_wrapper .latest_blog .swiperBtn.desktop .next {
        right:-40px
    }
}

@media(max-width: 1199px) {
    .blog_wrapper .latest_blog .swiperBtn.mobile {
        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
    }
}

.news_wrapper {
    position: relative
}

@media(min-width: 992px) {
    .news_wrapper .newsletter_img {
        margin-right:-80px
    }
}

.news_wrapper .news_bg {
    position: absolute;
    width: auto;
    height: auto;
    right: -280px;
    top: -150px;
    z-index: -1
}

.news_wrapper .form .subscribe_form {
    background: #fff;
    padding: 50px 30px;
    position: relative;
    z-index: 1;
    text-align: center
}

@media(max-width: 767px) {
    .news_wrapper .form .subscribe_form {
        padding:40px 20px
    }
}

.news_wrapper .form .subscribe_form .union {
    margin-bottom: 15px
}

.news_wrapper .form .subscribe_form h4 {
    color: #2d2d2d;
    font-family: "Tsushima";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .news_wrapper .form .subscribe_form h4 {
        font-size:26px
    }
}

@media(max-width: 575px) {
    .news_wrapper .form .subscribe_form h4 {
        font-size:22px
    }
}

@media(max-width: 480px) {
    .news_wrapper .form .subscribe_form h4 {
        font-size:20px
    }
}

@media(max-width: 375px) {
    .news_wrapper .form .subscribe_form h4 {
        font-size:18px
    }
}

.news_wrapper .form .subscribe_form .fill-up-form form .btn_wrapper {
    width: 100%
}

.blogdetails_wrapper {
    padding: 100px 0;
    position: relative
}

@media(max-width: 1199px) {
    .blogdetails_wrapper {
        padding:80px 0
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper {
        padding:70px 0
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper {
        padding:60px 0
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper {
        padding:50px 0
    }
}

.blogdetails_wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/blog-bg.webp) no-repeat;
    background-position: bottom;
    bottom: 20px;
    right: 0;
    max-width: 980px;
    max-height: 600px
}

.blogdetails_wrapper .blogdtls_img {
    position: relative;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blogdtls_img {
        margin-bottom:20px
    }
}

.blogdetails_wrapper .blogdtls_img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/blog-img-frame.webp) no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover
}

.blogdetails_wrapper .blogdtls_img .img_block {
    position: relative
}

.blogdetails_wrapper .blogdtls_img .img_block:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 45, 45, 0)), color-stop(69.27%, rgba(45, 45, 45, 0)), to(#2D2D2D));
    background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, rgba(45, 45, 45, 0) 69.27%, #2D2D2D 100%);
    left: 0;
    top: 0
}

.blogdetails_wrapper .blogdtls_img p {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 11
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:26px
    }
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:22px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:20px;
        left: 30px;
        bottom: 30px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:18px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:16px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .blogdtls_img p {
        font-size:14px;
        left: 20px;
        bottom: 20px
    }
}

.blogdetails_wrapper .content {
    margin-bottom: 24px
}

@media(max-width: 991px) {
    .blogdetails_wrapper .content {
        margin-bottom:20px
    }
}

.blogdetails_wrapper .content h3 {
    color: #2d2d2d;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 24px
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .content h3 {
        font-size:42px
    }
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .content h3 {
        font-size:36px;
        margin-bottom: 20px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .content h3 {
        font-size:32px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .content h3 {
        font-size:26px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .content h3 {
        font-size:22px;
        margin-bottom: 15px
    }
}

@media(max-width: 420px) {
    .blogdetails_wrapper .content h3 {
        font-size:20px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .content h3 {
        font-size:18px
    }
}

.blogdetails_wrapper .content p {
    margin-bottom: 0
}

.blogdetails_wrapper .blog_des {
    margin-bottom: 45px
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blog_des {
        margin-bottom:40px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .blog_des {
        margin-bottom:30px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blog_des {
        margin-bottom:20px
    }
}

.blogdetails_wrapper .blog_des .blog_img {
    position: relative
}

@media(max-width: 991px) {
    .blogdetails_wrapper .blog_des .blog_img {
        margin-bottom:30px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blog_des .blog_img {
        max-width:400px;
        margin: 0 auto 25px auto
    }
}

.blogdetails_wrapper .blog_des .blog_img:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: url(../images/mockup/mask.svg) no-repeat;
    top: -1px;
    left: -1px;
    background-position: center;
    background-size: cover
}

.blogdetails_wrapper .blog_des .blog_content h4 {
    color: #2d2d2d;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .blog_des .blog_content h4 {
        font-size:28px
    }
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blog_des .blog_content h4 {
        font-size:26px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .blog_des .blog_content h4 {
        font-size:22px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blog_des .blog_content h4 {
        font-size:20px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .blog_des .blog_content h4 {
        font-size:18px
    }
}

.blogdetails_wrapper .blog_des .blog_content p {
    margin-bottom: 16px
}

.blogdetails_wrapper .blog_des .blog_content p:last-child {
    margin: 0
}

.blogdetails_wrapper .blog_des .blog_content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 22px
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blog_des .blog_content ul li {
        margin-bottom:18px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blog_des .blog_content ul li {
        margin-bottom:15px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .blog_des .blog_content ul li {
        margin-bottom:10px
    }
}

.blogdetails_wrapper .blog_des .blog_content ul li:last-child {
    margin-bottom: 0
}

.blogdetails_wrapper .blog_des .blog_content ul li img {
    padding-top: 2px
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blog_des .blog_content ul li img {
        width:20px;
        padding-top: 5px
    }
}

.blogdetails_wrapper .blog_des .blog_content ul li p {
    padding-left: 15px;
    margin: 0
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blog_des .blog_content ul li p {
        padding-left:10px
    }
}

.blogdetails_wrapper .box-section .boxWrapper {
    padding: 35px 0 55px 0;
    position: relative;
    margin: 0
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper {
        padding:30px 0 50px 0
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper {
        padding:20px 0 40px 0
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper {
        padding:10px 0 20px 0
    }
}

.blogdetails_wrapper .box-section .boxWrapper .boxBlock {
    padding: 50px 160px;
    text-align: center;
    position: relative
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock {
        padding:50px 150px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock {
        padding:50px 120px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock {
        padding:50px 80px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock {
        font-size:16px;
        padding: 40px 50px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock {
        padding:40px
    }
}

.blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 40px;
    background: url(../images/icon/quote.svg) no-repeat;
    left: 80px;
    top: 50px
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
        left:70px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
        background-size:40px;
        width: 40px;
        height: 30px;
        left: 50px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
        background-size:32px;
        top: 40px;
        left: 40px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
        background-size:26px;
        top: 38px;
        left: 28px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:before {
        background-size:16px;
        top: 30px
    }
}

.blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 40px;
    background: url(../images/icon/quote.svg) no-repeat;
    right: 80px;
    bottom: 50px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
        right:70px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
        background-size:40px;
        width: 40px;
        height: 30px;
        right: 50px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
        background-size:32px;
        right: 40px;
        bottom: 40px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
        background-size:26px;
        bottom: 55px;
        right: 32px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock:after {
        background-size:16px;
        bottom: 40px;
        right: 30px
    }
}

.blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
    margin-bottom: 35px;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:26px;
        margin-bottom: 30px
    }
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:22px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:20px;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:18px;
        margin-bottom: 15px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:16px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock p {
        font-size:14px;
        margin-bottom: 10px
    }
}

.blogdetails_wrapper .box-section .boxWrapper .boxBlock span {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2
}

@media(max-width: 991px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock span {
        font-size:18px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock span {
        font-size:16px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock span {
        font-size:15px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .box-section .boxWrapper .boxBlock span {
        font-size:14px
    }
}

.blogdetails_wrapper .blogcmtSwiper {
    margin-bottom: 45px
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blogcmtSwiper {
        margin-bottom:35px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blogcmtSwiper {
        margin-bottom:30px
    }
}

.blogdetails_wrapper .blogcmtSwiper .swiper-slide h5 {
    color: #2d2d2d;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .blogcmtSwiper .swiper-slide h5 {
        font-size:28px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .blogcmtSwiper .swiper-slide h5 {
        font-size:24px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blogcmtSwiper .swiper-slide h5 {
        font-size:22px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .blogcmtSwiper .swiper-slide h5 {
        font-size:20px
    }
}

.blogdetails_wrapper .blog_line {
    border-top: 1px solid rgba(237,71,71,.2);
    border-bottom: 1px solid rgba(237,71,71,.2);
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45px
}

@media(max-width: 767px) {
    .blogdetails_wrapper .blog_line {
        margin-bottom:35px
    }
}

.blogdetails_wrapper .blog_line .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blogdetails_wrapper .blog_line .social a {
    line-height: 0;
    margin: 0 13px;
    -webkit-transition: .3s all;
    transition: .3s all
}

.blogdetails_wrapper .blog_line .social a img {
    scale: 1;
    -webkit-transition: .3s all;
    transition: .3s all
}

.blogdetails_wrapper .blog_line .social a:first-child {
    margin-left: 0
}

.blogdetails_wrapper .blog_line .social a:last-child {
    margin-right: 0
}

.blogdetails_wrapper .blog_line .social a:hover img {
    scale: 1.3
}

.blogdetails_wrapper .blog_line .swiperBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blogdetails_wrapper .blog_line .swiperBtn a {
    margin: 0 9px
}

.blogdetails_wrapper .blog_line .swiperBtn a:first-child {
    margin-left: 0
}

.blogdetails_wrapper .blog_line .swiperBtn a:last-child {
    margin-right: 0
}

.blogdetails_wrapper .comment_box {
    margin-bottom: 45px
}

.blogdetails_wrapper .comment_box .comment {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(45,45,45,.15)
}

.blogdetails_wrapper .comment_box .comment:last-child {
    margin-bottom: 0
}

.blogdetails_wrapper .comment_box .comment .person-dtls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px
}

.blogdetails_wrapper .comment_box .comment .person-dtls .icon {
    line-height: 0
}

@media(max-width: 767px) {
    .blogdetails_wrapper .comment_box .comment .person-dtls .icon img {
        max-width:60px
    }
}

.blogdetails_wrapper .comment_box .comment .person-dtls .dtls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 12px
}

.blogdetails_wrapper .comment_box .comment .person-dtls .dtls .name h6 {
    color: #2d2d2d;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .comment_box .comment .person-dtls .dtls .name h6 {
        font-size:20px;
        margin-bottom: 6px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .comment_box .comment .person-dtls .dtls .name h6 {
        font-size:18px
    }
}

.blogdetails_wrapper .comment_box .comment .person-dtls .dtls .name p {
    margin: 0
}

.blogdetails_wrapper .comment_box .comment .person-dtls .dtls .flag {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    background: #48b6a2;
    line-height: 0;
    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
}

.blogdetails_wrapper .comment_box .comment p {
    margin-bottom: 14px
}

.blogdetails_wrapper .comment_box .comment a {
    color: #48b6a2;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 4px;
    text-transform: uppercase;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

.blogdetails_wrapper .comment_box .comment a:hover {
    color: #2d2d2d;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

@media(max-width: 991px) {
    .blogdetails_wrapper .drop_cmts {
        margin-bottom:50px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .drop_cmts {
        margin-bottom:40px
    }
}

.blogdetails_wrapper .drop_cmts h5 {
    color: #2d2d2d;
    font-family: "Tsushima";
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 42px
}

@media(max-width: 991px) {
    .blogdetails_wrapper .drop_cmts h5 {
        font-size:26px;
        margin-bottom: 35px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .drop_cmts h5 {
        margin-bottom:30px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .drop_cmts h5 {
        font-size:22px;
        margin-bottom: 20px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .drop_cmts h5 {
        font-size:20px
    }
}

.blogdetails_wrapper .drop_cmts h5 span {
    color: #48b6a2
}

.blogdetails_wrapper .drop_cmts .fill-up-form form .form-group textarea {
    height: 140px
}

.blogdetails_wrapper .related_blog .blogs {
    background: #48b6a2;
    padding: 18px;
    position: relative;
    z-index: 1
}

@media(max-width: 575px) {
    .blogdetails_wrapper .related_blog .blogs {
        padding:18px 15px
    }
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .blog_img {
    line-height: 0;
    position: relative;
    width: 105px;
    height: 105px;
    min-width: 105px;
    min-height: 105px
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .blog_img {
        width:95px;
        height: 95px;
        min-width: 95px;
        min-height: 95px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .blog_img {
        width:90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .blog_img {
        width:80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px
    }
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .blog_img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/mockup/blog-mask.webp) no-repeat;
    left: 0;
    top: 0
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls {
    padding-left: 16px
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 20px
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls h6 {
        font-size:16px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls h6 {
        font-size:15px
    }
}

@media(max-width: 360px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls h6 {
        font-size:14px
    }
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    text-transform: capitalize;
    -webkit-transition: .4s all ease;
    transition: .4s all ease
}

@media(max-width: 375px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update a {
        font-size:15px
    }
}

@media(max-width: 360px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update a {
        font-size:14px
    }
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update a:hover {
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: .7
}

.blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    opacity: .4
}

@media(max-width: 575px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update span {
        font-size:15px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .related_blog .blogs .blog_dtls .dtls .blog_update span {
        font-size:12px
    }
}

.blogdetails_wrapper .title {
    color: #2d2d2d;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.2;
    font-family: "Tsushima";
    text-transform: uppercase;
    margin-bottom: 45px
}

@media(max-width: 1399px) {
    .blogdetails_wrapper .title {
        font-size:40px
    }
}

@media(max-width: 1199px) {
    .blogdetails_wrapper .title {
        font-size:32px;
        margin-bottom: 40px
    }
}

@media(max-width: 991px) {
    .blogdetails_wrapper .title {
        font-size:28px;
        margin-bottom: 35px
    }
}

@media(max-width: 767px) {
    .blogdetails_wrapper .title {
        font-size:26px;
        margin-bottom: 30px
    }
}

@media(max-width: 575px) {
    .blogdetails_wrapper .title {
        font-size:24px
    }
}

@media(max-width: 375px) {
    .blogdetails_wrapper .title {
        font-size:22px;
        margin-bottom: 20px
    }
}

footer:not(.blank_footer_wrapper) {
    /* padding-top: 111px; */
    position: relative;
    background: #48b6a2
}

@media screen and (max-width: 991px) {
    footer:not(.blank_footer_wrapper) {
        padding-top:80px
    }
}

footer:not(.blank_footer_wrapper)::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 39px;
    background: url(../images/mockup/cutted-border.webp);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper .logo_block {
        text-align:center;
        margin-bottom: 15px
    }
}

footer .footer_wrapper .logo_block a {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 22px;
    padding: 5px 0px
}

@media screen and (max-width: 991px) {
    footer .footer_wrapper .logo_block a {
        margin-bottom:5px;
        padding: 0
    }

    footer .footer_wrapper .logo_block a img {
        width: 140px;
        height: 24px;
        aspect-ratio: auto 140/24
    }
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper .logo_block a {
        margin:0 auto;
        margin-bottom: 8px
    }
}

footer .footer_wrapper .logo_block p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #fff
}

footer .footer_wrapper form {
    max-width: 648px;
    position: relative;
    margin-left: auto;
    margin-bottom: 20px
}

@media screen and (max-width: 1199px) {
    footer .footer_wrapper form {
        max-width:540px
    }
}

@media screen and (max-width: 991px) {
    footer .footer_wrapper form {
        max-width:420px
    }
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper form {
        margin:0 auto;
        margin-bottom: 15px
    }
}

footer .footer_wrapper form input {
    border: 1px solid #fff;
    width: 100%;
    background: rgba(0,0,0,0);
    padding: 15px 30px;
    outline: none;
    color: #fff;
    padding-right: 212px
}

@media screen and (max-width: 991px) {
    footer .footer_wrapper form input {
        padding:13px 15px;
        padding-right: 158px
    }
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper form input {
        padding:13px 15px;
        padding-right: 60px
    }
}

footer .footer_wrapper form input::-ms-input-placeholder {
    color: #fff
}

footer .footer_wrapper form input::-webkit-input-placeholder {
    color: #fff;
    font-family: #48b6a2;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase
}

footer .footer_wrapper form input::-moz-placeholder {
    color: #fff;
    font-family: #48b6a2;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase
}

footer .footer_wrapper form input:-ms-input-placeholder {
    color: #fff;
    font-family: #48b6a2;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase
}

footer .footer_wrapper form input::placeholder {
    color: #fff;
    font-family: #48b6a2;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase
}

footer .footer_wrapper form button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 30px 15px;
    background: #2d2d2d;
    min-width: 180px;
    top: 4px;
    right: 4px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all
}

@media screen and (max-width: 991px) {
    footer .footer_wrapper form button {
        padding:16px 20px 13px;
        min-width: 140px
    }
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper form button {
        width:42px;
        height: 42px;
        min-width: auto;
        background-image: url(../images/icon/arrow.svg);
        background-repeat: no-repeat;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 3;
        background-position: right -40px top 9px;
        background-size: 170px;
        border-radius: 4px;
        top: 5px
    }
}

footer .footer_wrapper form button span {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper form button span {
        display:none
    }
}

footer .footer_wrapper form button::after {
    content: "";
    background: url(../images/icon/star-white.svg) no-repeat center;
    width: 44px;
    height: 44px;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: .05
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper form button::after {
        width:34px;
        height: 34px
    }
}

footer .footer_wrapper form button:hover {
    background: #fff;
    color: #48b6a2
}

footer .footer_wrapper form button:hover span {
    color: #48b6a2
}

footer .footer_wrapper ul {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

footer .footer_wrapper ul li {
    margin-right: 44px
}

@media screen and (max-width: 1199px) {
    footer .footer_wrapper ul li {
        margin-right:22px
    }
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper ul li {
        margin-right:10px
    }
}

footer .footer_wrapper ul li:last-child {
    margin-right: 0
}

footer .footer_wrapper ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #fff
}

@media screen and (max-width: 1199px) {
    footer .footer_wrapper ul li a {
        font-size:14px
    }
}

@media screen and (max-width: 575px) {
    footer .footer_wrapper ul li a {
        font-size:13px
    }
}

footer .footer_wrapper ul.social {
    margin-left: 0;
    margin-right: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper ul.social {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px
    }
}

footer .footer_wrapper ul.social li {
    margin-right: 20px
}

footer .footer_wrapper ul.social li a {
    display: block;
    width: 28px;
    height: 28px;
    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;
    line-height: 0;
    -webkit-transition: .3s all;
    transition: .3s all
}

footer .footer_wrapper ul.social li a img {
    scale: 1;
    -webkit-transition: .3s all;
    transition: .3s all
}

footer .footer_wrapper ul.social li a:hover img {
    scale: 1.3
}

footer .footer_wrapper .bottom {
    margin-top: 16px;
    padding-bottom: 38px
}

footer .footer_wrapper .bottom .cards {
    margin-left: auto;
    display: block;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(176, 176, 176, 0.15));
    filter: drop-shadow(0px 4px 10px rgba(176, 176, 176, 0.15))
}

@media screen and (max-width: 767px) {
    footer .footer_wrapper .bottom .cards {
        margin-right:auto
    }
}

footer .copyright {
    padding: 13px 0;
    background: #2d2d2d
}

@media screen and (max-width: 767px) {
    footer .copyright {
        text-align:center
    }
}

footer .copyright a,footer .copyright p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    opacity: .5;
    -webkit-transition: color .5s ease,opacity .5s ease;
    transition: color .5s ease,opacity .5s ease
}

@media screen and (max-width: 1199px) {
    footer .copyright a,footer .copyright p {
        font-size:14px
    }
}

@media screen and (max-width: 575px) {
    footer .copyright a,footer .copyright p {
        font-size:11px
    }
}

footer .copyright a:hover {
    opacity: 1
}

footer .copyright ul {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    footer .copyright ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 6px
    }
}

footer .copyright ul li {
    margin-right: 44px
}

@media screen and (max-width: 1199px) {
    footer .copyright ul li {
        margin-right:22px
    }
}

@media screen and (max-width: 991px) {
    footer .copyright ul li {
        margin-right:10px
    }
}

@media screen and (max-width: 575px) {
    footer .copyright ul li {
        margin-right:6px;
        line-height: 12px
    }
}

footer .copyright ul li:last-child {
    margin-right: 0
}
