/*--------------------*/
/* - CUSTOM PRELOADER */
/*--------------------*/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap);
#loader-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--clr-white);-webkit-animation: loader 2s linear;animation: loader 2s linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; opacity: 0;}
@-webkit-keyframes loader {0% {opacity: 1;}80% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}
@keyframes loader {0% {opacity: 1;}80% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}

/*--------------------*/
/* - RESET            */
/*--------------------*/
html {overflow-y: scroll;}
*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {margin: 0;padding: 0;border: 0;font-size: 100%;line-height: 0;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}
.clear {clear: both;overflow: hidden;height: 0;font-size: 0;display: block;}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar {width: 6px;height: 6px;}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track {background: var(--clr-grey-300);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,
html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--clr-dark-blue); border-radius: 100px;}
:focus,:hover,:active,:visited {outline: none;}
button {background: none;}
body ::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
body ::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition);transition: var(--transition);}
a:hover {text-decoration: none;}
ul,ol {list-style: none;}
picture {font-size: 0;}
img {max-width: 100%;height: auto;}
svg path {-webkit-transition: var(--transition);transition: var(--transition);}


/*--------------------*/
/* - GLOBAL SETTINGS  */
/*--------------------*/
:root {--ff-1: "Inter",sans-serif;--h-1: clamp(26px, 4vw - 0.5rem, 53px);--h-2: clamp(26px, 4vw - 0.75rem, 36px);--h-3: clamp(19px, 2.5vw - 0.25rem, 24px);--h-4: clamp(17px, 2vw, 20px);--h-5: 17px;--h-6: 16px;--clr-dark-blue: #202020;--clr-dark-blue-2: rgba(32, 32, 32, .7); --clr-light-blue: #64A471;--clr-grey-900: #242635;--clr-grey-700: #707178;--clr-grey-500: #D7D8DD;--clr-grey-300: #E6E8EF;--clr-grey-100: #F6F6F9;--clr-white: #FFF;--clr-black: #000;--clr-error: #D80027;--transition: 0.3s;--transition-1: 0.45s;--transition-2: 0.6s; --header-top: 24px; --header-bottom: 80px; --logo-width: 160px;}
html {height: auto;-webkit-font-smoothing: antialiased;}
html.keyboard-focus:focus {outline: auto;}
body {height: auto;background-color: var(--clr-white);}
#content-block {overflow: hidden;position: relative;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
footer {margin-top: auto;}
.overflow-hidden,html.overflow-hidden body {overflow: hidden;}
html.overflow-menu,html.overflow-menu body {overflow: hidden;}
html.overflow-visible #content-block {overflow: visible;}
.section {position: relative;}
[class*=spacer] {clear: both;width: 100% !important;}
.spacer-xl {height: 180px;}
.spacer-lg {height: 140px;}
.spacer-md {height: 100px;}
.spacer-sm {height: 60px;}
.spacer-xs {height: 30px;}
.swiper-slide:not(:first-child) {display: block;}
.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.row {--bs-gutter-x: 30px;}
.container {--bs-gutter-x: 30px;max-width: 100%;width: 100%;}

@media (min-width: 1921px) {
.container {max-width: 85%;}
}
@media (min-width: 2000px) {
  .container {max-width: 2200px; width: 86%;}
}
@media (max-width: 1199px) {
:root {--header-top: 0px; --header-bottom: 82px; --logo-width: 130px;}
}

@media (max-width: 767px) {
.spacer-xl {height: 70px;}
.spacer-lg,.spacer-md {height: 50px;}
.spacer-sm {height: 40px;}
}


/*--------------------*/
/* - BANNER           */
/*--------------------*/
.banner-entry {position: relative;background-size: cover;background-position: center center;overflow: hidden;}
.banner-entry-shadow {display: none;}
.opacity::before {content: ""; position: absolute; z-index: 3; top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}
.banner-entry-bg {position: absolute; z-index: 1; left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;}
.banner-entry-bg.mobile {display: none;}
video {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);min-width: 100%;min-height: 100%;width: auto;height: auto;}
.video-wrapper {position: absolute; z-index: 2; left: -7px;top: -7px;right: -7px;bottom: -7px;background-size: cover;background-position: center center;}
.banner-entry-content {position: relative;}
.banner-entry-align {position: relative;overflow: hidden;z-index: 10;display: table-cell;vertical-align: middle;width: 10000px;height: 640px;padding: 30px 0;}
.banner-entry-info {max-width: 70%;}
.banner-entry-info > *:not(:last-child) {margin-bottom: 20px;}
.banner-entry-info .title > b {display: inline;}

@media (min-width: 1441px) {
.banner-entry-info {padding-left: 100px;}
}

@media (max-width: 1199px) {
.banner-entry-align {height: 405px;}
.banner-entry-info {max-width: 60%;}
}

@media (max-width: 767px) {
.opacity::before {content: none;}
.banner-entry-media {position: relative; padding-bottom: 64.5%;}
.banner-entry-bg {display: none;}
.banner-entry-bg.mobile { display: block; }
.video-wrapper { top: 0; left: 0; right: 0; bottom: 0; }
video { width: 100%; object-fit: cover;}
.banner-entry-align {height: auto;padding: 25px 0 85px 0;}
.banner-entry-info {max-width: 100%;}
.banner-entry-info > *:not(:last-child) {margin-bottom: 15px;}
.banner-entry-info .title br {display: none;}
}

/*svg shapes*/
/* .svg-shape {display: none;height: 212px;position: relative;}
.svg-shape.position-1 {position: absolute;left: 0;bottom: 0;width: 100%;}
.svg-shape.position-2 {margin-bottom: -212px;margin-top: -211px;}
.svg-shape.position-3 {margin-top: -212px;}
.svg-shape.position-4 {position: absolute;left: 0;top: 0;width: 100%;}
.svg-shape.position-5 {position: absolute;top: -211px;left: 0;width: 100%;}
.svg-shape.position-6 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.svg-shape.position-7 {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -210px;}
.scroll-to-next-wrapper-banner-animation {position: absolute;left: 0;top: 0;width: 100%;text-align: center;display: none; }
.scroll-to-next-wrapper-banner-animation .scroll-to-next {z-index: 2;} */


/*--------------------*/
/* - TYPOGRAPHY       */
/*--------------------*/
body {font-family: var(--ff-1);font-size: 16px;font-weight: 400;letter-spacing: 0.01em;color: var(--clr-grey-900);}
strong {font-weight: 700;line-height: inherit;}
h1,.h1,h2,.h2,
h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-weight: 400;color: var(--clr-grey-900);}
h1,.h1 {font-size: var(--h-1);line-height: 1.19em;letter-spacing: -0.01em;}
h2,.h2 {font-size: var(--h-2);line-height: 1.25em;letter-spacing: 0.0025em;}
h3,.h3 {font-size: var(--h-3);line-height: 1.23em;letter-spacing: 0.0015em;}
h4,.h4 {font-size: var(--h-4);line-height: 1.28em;}
h5,.h5 {font-size: var(--h-5);line-height: 1.28em;}
h6,.h6 {font-size: var(--h-6);line-height: 1.19em;letter-spacing: 0.01em;}
.subtitle {font-size: 14px;line-height: 1.21em;font-weight: 500;letter-spacing: 0.01em;}
.caption {font-size: 13px;line-height: 1.23em;font-weight: 400;letter-spacing: 0.01em;}

@media (max-width: 1199px) {
h1,.h1 {line-height: 1.36em;letter-spacing: 0.0025em;}
h2,.h2 {line-height: 1.33em;}
h3,.h3 {line-height: 1.48em;}
}


/*--------------------*/
/* - TEXT STYLES      */
/*--------------------*/
.text {font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.01em;color: var(--clr-grey-900);}
.text.text-xl {font-size: clamp(16px, 3vw - 1rem, 17px);line-height: 1.34em;}
.text > * + * {margin-top: 20px;}
.text > h1 + p, .text > h2 + p, .text > h3 + p, .text > h4 + p,.text > h5 + p, .text > h6 + p { margin-top: 10px; }
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6 {font-weight: 400;}
.text b,.text strong {font-weight: 700;}
.text em {font-style: italic;}
.text a:not(.btn, .btn-link), .caption a:not(.btn, .btn-link) {display: inline;font-weight: 400;text-decoration: underline;-webkit-text-decoration-color: transparent;text-decoration-color: transparent; color: currentColor;}
.text ul li,.text ol li {position: relative;font-size: inherit;color: inherit;padding-left: 25px;margin-top: 10px;}
.text ul li::before {content: "";position: absolute;left: 0;top: 0.55em;width: 10px;height: 2px;border-radius: 100%;background-color: currentColor;}
.text ol {counter-reset: number;padding-left: 0;}
.text ol li {padding-left: 25px;}
.text ol li::before {position: absolute;top: 1px;left: 0;display: inline-block;counter-increment: number;content: counter(number, decimal-leading-zero) ".";font-size: 80%;line-height: inherit;font-weight: 500;color: currentColor;}
.text picture img {display: block;width: 100%;}
.text figure {width: 100% !important;line-height: 0;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;margin-bottom: 0;}
.text figure figcaption {font-size: 13px;line-height: 1.6em;font-weight: 500;color: var(--clr-black);}
.text iframe {display: block;width: 100%;max-width: 100%;height: 600px;max-height: calc(56.3vw - 20px);border: 0;}
.text blockquote {position: relative;max-width: 630px;font-size: clamp(16px, 3vw - 0.75rem, 18px);line-height: 1.39em;font-weight: 400;font-style: italic;color: var(--clr-dark-blue);text-align: left;padding: 0 0 0 25px;margin-left: auto;}
.text blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 2px;height: calc(80% - 20px);background-color: var(--clr-light-blue);}
.text blockquote span {display: block; font-size: clamp(14px, 3vw - 0.75rem, 16px);line-height: 1.28em;font-weight: 400;font-style: normal;letter-spacing: 0.01em;text-align: right;}
.text img,.text table,.text iframe,.text figure,.text .swiper-entry {margin: 40px 0;}
.text .slide-img img {margin: 0 !important;}
.text table {border-collapse: collapse;width: 100%;}
.text table tbody {min-width: 690px;}
.text table tr:nth-child(2n-1) {background-color: var(--clr-grey-100);}
.text table thead th,
.text table thead td {vertical-align: middle;height: 60px;font-size: inherit;line-height: 1.125em;font-weight: 700;color: var(--clr-grey-900);text-align: left;padding: 20px;}
.text table thead th:first-child,
.text table thead td:first-child {padding-left: 25px;}
.text table thead th:last-child,
.text table thead td:last-child {text-align: right;padding-right: 25px;}
.text table td,.text table th {vertical-align: middle;height: 60px;font-size: inherit;line-height: 1.125em;font-weight: 400;color: var(--clr-grey-900);text-align: left;padding: 20px;}
.text table td:first-child {font-weight: 700;padding-left: 25px;}
.text table td:last-child {text-align: right;padding-right: 25px;}
.text *:first-child {margin-top: 0;}
.text *:first-child img {margin-top: 0;}
.text > *:last-child {margin-bottom: 0;}
.text > *:last-child img {margin-bottom: 0;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-cap {text-transform: capitalize;}
.text-upper {text-transform: uppercase;}

.text-truncate {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.text-cut-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-6 {display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*COLORS*/
.dark-blue {color: var(--clr-dark-blue);}
.dark-blue2 {color: var(--clr-dark-blue-2);}
.light-blue {color: var(--clr-light-blue);}
.white {color: var(--clr-white);}
.grey-100 {color: var(--clr-grey-100);}
.grey-300 {color: var(--clr-grey-300);}
.grey-500 {color: var(--clr-grey-500);}
.grey-700 {color: var(--clr-grey-700);}
.grey-900 {color: var(--clr-grey-900);}
.grey-900-light { color: rgba(36, 38, 53, 0.7); }

/*FONT WEIGHTS*/
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}

@media (min-width: 1200px) {
.text a:not(.btn, .btn-link):hover, .caption a:not(.btn, .btn-link):hover {text-decoration-color: currentColor;}
}
@media (max-width: 991px) {
.text table thead th,.text table thead td {padding: 20px 15px;}
.text table thead th:first-child,.text table thead td:first-child {padding-left: 15px;}
.text table thead th:last-child,.text table thead td:last-child {padding-right: 15px;}
.text table td,.text table th {padding: 20px 15px;}
.text table td:first-child {padding-left: 15px;}
.text table td:last-child {padding-right: 15px;}
}
@media (max-width: 767px) {
.text > * + * {margin-top: 15px;}
.text ul li,.text ol li {margin-top: 5px;}
.text img,.text table,.text iframe,.text figure,.text .swiper-entry {margin: 25px 0;}
}

.single-post-content .text h1,
.single-post-content .text h2,
.single-post-content .text h3,
.single-post-content .text h4,
.single-post-content .text h5,
.single-post-content .text h6 { color: var(--clr-dark-blue); }

/*--------------------*/
/* - BUTTONS          */
/*--------------------*/
.btn {position: relative;cursor: pointer;overflow: hidden;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: 2px solid;-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1em;font-weight: 500;letter-spacing: 0.01em;text-align:center;padding: 11px 20px;}
.btn b {font-weight: inherit;}
.btn-2 {padding: 15px 30px;}
.btn-primary {color: var(--clr-dark-blue);border-color: var(--clr-dark-blue);background-color: transparent;}
.btn-secondary {color: var(--clr-white);border-color: var(--clr-white);background-color: transparent;}
.btn-thirdy {color: var(--clr-dark-blue);border-color: var(--clr-white);background-color: var(--clr-white);}
.btn-fourth {color: var(--clr-white);border-color: var(--clr-dark-blue);background-color: var(--clr-dark-blue);}
.btn-fifth {color: var(--clr-dark-blue);border-color: var(--clr-light-blue);background-color: var(--clr-light-blue);}
.btn-disabled {pointer-events: none;color: var(--clr-grey-700);border-color: var(--clr-grey-500);background-color: var(--clr-grey-500);}
.btn-link {position: relative;cursor: pointer;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.01em;text-decoration: underline;}
.btn-link-primary {color: var(--clr-grey-900);}
.btn-link-secondary {color: var(--clr-white);}
.btn-link-thirdy {color: var(--clr-dark-blue);}
.btn-link.with-icon { font-weight: 500; text-decoration-color: transparent; }
.btn-link.with-icon .icon { width: 56px; height: 56px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }
.btn-close {position: relative;cursor: pointer;display: inline-block;width: 50px;height: 50px;-webkit-transition: var(--transition-1);transition: var(--transition-1);border: 2px solid var(--clr-dark-blue);background-color: var(--clr-dark-blue);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-white);}
.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.btn-close.type-2 {border-color: var(--clr-grey-300);background-color: var(--clr-grey-300);}
.btn-close.type-2::before,
.btn-close.type-2::after {background-color: var(--clr-dark-blue);}
.btn-close.type-3 {width: 24px;height: 24px;border-color: var(--clr-white);background-color: var(--clr-white);}
.btn-close.type-3::before,
.btn-close.type-3::after {background-color: var(--clr-dark-blue);}

@media (min-width: 1200px) {
.btn-primary:hover {color: var(--clr-white);background-color: var(--clr-dark-blue);}
.btn-secondary:hover {color: var(--clr-dark-blue);background-color: var(--clr-white);}
.btn-thirdy:hover {color: var(--clr-white);background-color: transparent;}
.btn-fourth:hover {color: var(--clr-dark-blue);background-color: transparent;}
.btn-fifth:hover {color: var(--clr-light-blue);background-color: transparent;}
.btn-link-primary:hover,
.btn-link-secondary:hover,
.btn-link-thirdy:hover {color: var(--clr-light-blue);text-decoration: underline;}
.btn-close:hover {background-color: transparent;}
.btn-close:hover::before,
.btn-close:hover::after {background-color: var(--clr-dark-blue);}
.btn-close:hover.type-3 {background-color: transparent;}
.btn-close:hover.type-3::before,
.btn-close:hover.type-3::after {background-color: var(--clr-light-blue);}
}

@media (max-width: 767px) {
.btn-link.with-icon .icon {width: 50px;height: 50px;}
}

/*spinner*/
.spinner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 2px solid var(--clr-light-blue);border-right: 2px solid var(--clr-grey-300);text-align: center;-webkit-animation-name: spinner;animation-name: spinner;-webkit-animation-duration: 900ms;animation-duration: 900ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);}
@-webkit-keyframes spinner {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes spinner {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}

/*scroll down*/
.scroll-down {position: relative;cursor: pointer;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: 2px solid var(--clr-light-blue);background-color: var(--clr-light-blue);-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1em;font-weight: 500;letter-spacing: 0.01em;color: var(--clr-dark-blue);padding: 15px 50px 15px 20px;}
.scroll-down i {position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 24px;-webkit-transition: var(--transition);transition: var(--transition);}
.scroll-down i::before {content: "";position: absolute;z-index: 1;top: calc(50% + 2px);left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: var(--transition);transition: var(--transition);width: 10px;height: 10px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);}
.scroll-down i::after {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: var(--transition);transition: var(--transition);width: 2px;height: 20px;background-color: var(--clr-dark-blue);}
@-webkit-keyframes scrollDown {0%,100% {margin-top: 0;}50% {margin-top: 5px;}}
@keyframes scrollDown {0%,100% {margin-top: 0;}50% {margin-top: 5px;}}

@media (min-width: 1200px) {
.scroll-down:hover i {-webkit-animation: scrollDown 1.2s infinite linear;animation: scrollDown 1.2s infinite linear;}
}
@media (max-width: 767px) {
.scroll-down {padding: 15px 50px 15px 15px;}
}

/*btn icon*/
.btn-icon {position: relative;cursor: pointer;overflow: hidden;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;width: 50px;height: 50px;outline: none;border: 2px solid var(--clr-dark-blue);background-color: transparent;-webkit-transition: var(--transition);transition: var(--transition);padding: 10px;}
.btn-icon i,
.btn-icon svg {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 24px;height: 24px;-ms-flex-negative: 0;flex-shrink: 0;}
.btn-icon i::before {content: "";position: absolute;z-index: 1;top: 8px;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);-webkit-transition: var(--transition);transition: var(--transition);width: 10px;height: 10px;border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);}
.btn-icon i::after {content: "";position: absolute;z-index: 1;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition);transition: var(--transition);width: 2px;height: 20px;background-color: var(--clr-white);}
.btn-icon.scroll-top {border-color: var(--clr-light-blue);background-color: var(--clr-light-blue);}
.btn-icon.btn-back {border: none;padding: 0;width: auto; height: auto; overflow: visible; display: inline-flex;align-items: center;}
.btn-icon.btn-back i {position: relative;left: 0;top: 0;  transform: translate(0%, 0%); width: 50px;height: 50px; background-color: var(--clr-grey-300);border: 2px solid var(--clr-grey-300);-webkit-transition: var(--transition);transition: var(--transition);}
.btn-icon.btn-back b {display: inline-block;margin-left: 15px; font-weight: 500;font-size: 16px;line-height: 1em;letter-spacing: 0.01em;color: var(--clr-white);}
.btn-icon.btn-back i::before {top: 50%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);width: 11px;height: 11px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);}
.btn-icon.btn-back i::after {width: 16px;height: 2px;background-color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 i {background-color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 b {color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 i::before {border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);}
.btn-icon.btn-back.type-2 i::after {background-color: var(--clr-white);}
.btn-icon.btn-search {background-color: var(--clr-dark-blue);}
@-webkit-keyframes scrollTop {0%,100% {margin-top: 0;}50% {margin-top: -5px;}}
@keyframes scrollTop {0%,100% {margin-top: 0;}50% {margin-top: -5px;}}
@-webkit-keyframes moveLeft {0%,100% {margin-left: 0;}50% {margin-left: -5px;}}
@keyframes moveLeft {0%,100% {margin-left: 0;}50% {margin-left: -5px;}}

@media (min-width: 1200px) {
.btn-icon:hover {background-color: var(--clr-dark-blue);}
.btn-icon:hover svg path {fill: var(--clr-white);}
.btn-icon.scroll-top:hover {background-color: var(--clr-light-blue);}
.btn-icon.scroll-top:hover i {-webkit-animation: scrollTop 1.2s infinite linear;animation: scrollTop 1.2s infinite linear;}
.btn-icon.btn-back:hover {background-color: transparent;}
.btn-icon.btn-back:hover i {background-color: transparent;}
.btn-icon.btn-back:hover b {text-decoration: underline;}
.btn-icon.btn-search:hover {background-color: transparent;}
.btn-icon.btn-search:hover svg path {fill: var(--clr-dark-blue);}
}