@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);

:root {
    --rts-para: #4B5563;
    --rts-heading: #111827;
    --rts-black: #000000;
    --rts-white: #ffffff;
    --rts-neon: #f15934;
    --btn-color: #f15934;
    --heading-color: #111827;
    --heading-color-2: #f15934;
    --heading-color-3: #F9FAFB;
    --heading-color-4: #4B5563;
    --heading-color-5: #F3F4F6;
    --rts-border: rgba(17, 24, 39, 0.1);
    --transparent: transparent;
    --transition: all 0.3s;
    --color-success: #26cf4b;
    --color-danger: #ff0003;
    --color-warning: #ff8f3c;
    --color-info: #1ba2db;
    --color-facebook: #3b5997;
    --color-twitter: #1ba1f2;
    --color-youtube: #ed4141;
    --color-linkedin: #0077b5;
    --color-pinterest: #e60022;
    --color-instagram: #c231a1;
    --color-vimeo: #00adef;
    --color-twitch: #6441a3;
    --color-discord: #7289da;
    --h1: 80px;
    --h2: 64px;
    --h3: 48px;
    --h4: 40px;
    --h5: 24px;
    --h6: 20px;
    --20: 20px;
    --18: 18px;
    --p: 16px;
    --p-sm: 16px;
    --p-xs: 14px;
    --font-primary: "Instrument Sans", sans-serif;
    --font-secondary: "Plus Jakarta Sans", sans-serif;
    --font-inter: "Inter", sans-serif;
    --f-regular: 400;
    --f-medium: 500;
    --f-semi-bold: 600;
    --f-bold: 700;
    --f-extra-bold: 800
}

*,
*::before,
*::after {
    box-sizing: border-box
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none
}

html,
body {
    overflow-x: hidden
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,
picture,
video,
canvas,
svg {
    display: inline-block;
    max-width: 100%
}

input,
button,
textarea,
select {
    font: inherit;
    outline: none;
    border: none
}

input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word
}

#root,
#__next {
    isolation: isolate
}

a {
    color: inherit
}

body {
    font-size: var(--p);
    line-height: 24px;
    font-weight: var(--f-regular);
    font-family: var(--font-inter);
    color: var(--rts-para);
    overflow-x: hidden;
    margin: 0 auto;
    scroll-behavior: smooth
}

@media screen and (max-width:767px) {
    body {
        overflow-x: hidden !important
    }
}

a,
a:hover,
a:focus {
    text-decoration: none
}

.font-xs {
    font-size: var(--p-xs)
}

.font-sm {
    font-size: 18px
}

.rts__white {
    color: var(--rts-white)
}

h1,
.h1 {
    font-size: var(--h1);
    line-height: 90px
}

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

    h1,
    .h1 {
        font-size: 70px;
        line-height: 80px
    }
}

h2,
.h2 {
    font-size: var(--h2);
    line-height: 70px
}

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

    h2,
    .h2 {
        font-size: 50px;
        line-height: 60px
    }
}

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

    h2,
    .h2 {
        font-size: 48px;
        line-height: 58px
    }
}

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

    h2,
    .h2 {
        font-size: 40px;
        line-height: 50px
    }
}

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

    h2,
    .h2 {
        font-size: 35px;
        line-height: 45px
    }
}

h3,
.h3 {
    font-size: var(--h3);
    line-height: 54px
}

@media screen and (min-width:1200px) and (max-width:1399px) {

    h3,
    .h3 {
        font-size: 40px;
        line-height: 50px
    }
}

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

    h3,
    .h3 {
        font-size: 36px;
        line-height: 40px
    }
}

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

    h3,
    .h3 {
        font-size: 30px;
        line-height: 40px
    }
}

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

    h3,
    .h3 {
        font-size: 25px;
        line-height: 35px
    }
}

h4,
.h4 {
    font-size: var(--h4);
    line-height: 50px
}

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

    h4,
    .h4 {
        font-size: 30px;
        line-height: 40px
    }
}

h5,
.h5 {
    font-size: var(--h5);
    line-height: 28px
}

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

    h5,
    .h5 {
        font-size: 20px;
        line-height: 30px
    }
}

h6,
.h6 {
    font-size: var(--h6);
    line-height: 30px
}

@media screen and (min-width:1200px) and (max-width:1399px) {

    h6,
    .h6 {
        font-size: 20px
    }
}

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

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--rts-heading);
    font-weight: var(--f-semi-bold);
    font-family: var(--font-primary)
}

p {
    font-size: var(--p)
}

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

.font-20 {
    font-size: 20px
}

@media screen and (max-width:575px) {
    .font-20 {
        font-size: 18px
    }
}

.text-dark {
    color: var(--rts-heading) !important
}

.text-body {
    color: var(--rts-para) !important
}

.list-style-dot li {
    list-style: none;
    padding-left: 30px;
    margin-bottom: 15px;
    font-weight: 500;
    position: relative
}

.list-style-dot li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--rts-button-1);
    content: ""
}

.mt-1 {
    margin-top: 1px
}

.mt-2 {
    margin-top: 2px
}

.mt-3 {
    margin-top: 3px
}

.mt-4 {
    margin-top: 4px
}

.mt-5 {
    margin-top: 5px
}

.mt-6 {
    margin-top: 6px
}

.mt-7 {
    margin-top: 7px
}

.mt-8 {
    margin-top: 8px
}

.mt-9 {
    margin-top: 9px
}

.mt-10 {
    margin-top: 10px
}

.mt-11 {
    margin-top: 11px
}

.mt-12 {
    margin-top: 12px
}

.mt-13 {
    margin-top: 13px
}

.mt-14 {
    margin-top: 14px
}

.mt-15 {
    margin-top: 15px
}

.mt-16 {
    margin-top: 16px
}

.mt-17 {
    margin-top: 17px
}

.mt-18 {
    margin-top: 18px
}

.mt-19 {
    margin-top: 19px
}

.mt-20 {
    margin-top: 20px
}

.mt-21 {
    margin-top: 21px
}

.mt-22 {
    margin-top: 22px
}

.mt-23 {
    margin-top: 23px
}

.mt-24 {
    margin-top: 24px
}

.mt-25 {
    margin-top: 25px
}

.mt-26 {
    margin-top: 26px
}

.mt-27 {
    margin-top: 27px
}

.mt-28 {
    margin-top: 28px
}

.mt-29 {
    margin-top: 29px
}

.mt-30 {
    margin-top: 30px
}

.mt-31 {
    margin-top: 31px
}

.mt-32 {
    margin-top: 32px
}

.mt-33 {
    margin-top: 33px
}

.mt-34 {
    margin-top: 34px
}

.mt-35 {
    margin-top: 35px
}

.mt-36 {
    margin-top: 36px
}

.mt-37 {
    margin-top: 37px
}

.mt-38 {
    margin-top: 38px
}

.mt-39 {
    margin-top: 39px
}

.mt-40 {
    margin-top: 40px
}

.mt-41 {
    margin-top: 41px
}

.mt-42 {
    margin-top: 42px
}

.mt-43 {
    margin-top: 43px
}

.mt-44 {
    margin-top: 44px
}

.mt-45 {
    margin-top: 45px
}

.mt-46 {
    margin-top: 46px
}

.mt-47 {
    margin-top: 47px
}

.mt-48 {
    margin-top: 48px
}

.mt-49 {
    margin-top: 49px
}

.mt-50 {
    margin-top: 50px
}

.mt-51 {
    margin-top: 51px
}

.mt-52 {
    margin-top: 52px
}

.mt-53 {
    margin-top: 53px
}

.mt-54 {
    margin-top: 54px
}

.mt-55 {
    margin-top: 55px
}

.mt-56 {
    margin-top: 56px
}

.mt-57 {
    margin-top: 57px
}

.mt-58 {
    margin-top: 58px
}

.mt-59 {
    margin-top: 59px
}

.mt-60 {
    margin-top: 60px
}

.mt-61 {
    margin-top: 61px
}

.mt-62 {
    margin-top: 62px
}

.mt-63 {
    margin-top: 63px
}

.mt-64 {
    margin-top: 64px
}

.mt-65 {
    margin-top: 65px
}

.mt-66 {
    margin-top: 66px
}

.mt-67 {
    margin-top: 67px
}

.mt-68 {
    margin-top: 68px
}

.mt-69 {
    margin-top: 69px
}

.mt-70 {
    margin-top: 70px
}

.mt-71 {
    margin-top: 71px
}

.mt-72 {
    margin-top: 72px
}

.mt-73 {
    margin-top: 73px
}

.mt-74 {
    margin-top: 74px
}

.mt-75 {
    margin-top: 75px
}

.mt-76 {
    margin-top: 76px
}

.mt-77 {
    margin-top: 77px
}

.mt-78 {
    margin-top: 78px
}

.mt-79 {
    margin-top: 79px
}

.mt-80 {
    margin-top: 80px
}

.mt-81 {
    margin-top: 81px
}

.mt-82 {
    margin-top: 82px
}

.mt-83 {
    margin-top: 83px
}

.mt-84 {
    margin-top: 84px
}

.mt-85 {
    margin-top: 85px
}

.mt-86 {
    margin-top: 86px
}

.mt-87 {
    margin-top: 87px
}

.mt-88 {
    margin-top: 88px
}

.mt-89 {
    margin-top: 89px
}

.mt-90 {
    margin-top: 90px
}

.mt-91 {
    margin-top: 91px
}

.mt-92 {
    margin-top: 92px
}

.mt-93 {
    margin-top: 93px
}

.mt-94 {
    margin-top: 94px
}

.mt-95 {
    margin-top: 95px
}

.mt-96 {
    margin-top: 96px
}

.mt-97 {
    margin-top: 97px
}

.mt-98 {
    margin-top: 98px
}

.mt-99 {
    margin-top: 99px
}

.mt-100 {
    margin-top: 100px
}

.mt-101 {
    margin-top: 101px
}

.mt-102 {
    margin-top: 102px
}

.mt-103 {
    margin-top: 103px
}

.mt-104 {
    margin-top: 104px
}

.mt-105 {
    margin-top: 105px
}

.mt-106 {
    margin-top: 106px
}

.mt-107 {
    margin-top: 107px
}

.mt-108 {
    margin-top: 108px
}

.mt-109 {
    margin-top: 109px
}

.mt-110 {
    margin-top: 110px
}

.mt-111 {
    margin-top: 111px
}

.mt-112 {
    margin-top: 112px
}

.mt-113 {
    margin-top: 113px
}

.mt-114 {
    margin-top: 114px
}

.mt-115 {
    margin-top: 115px
}

.mt-116 {
    margin-top: 116px
}

.mt-117 {
    margin-top: 117px
}

.mt-118 {
    margin-top: 118px
}

.mt-119 {
    margin-top: 119px
}

.mt-120 {
    margin-top: 120px
}

.mt-121 {
    margin-top: 121px
}

.mt-122 {
    margin-top: 122px
}

.mt-123 {
    margin-top: 123px
}

.mt-124 {
    margin-top: 124px
}

.mt-125 {
    margin-top: 125px
}

.mt-126 {
    margin-top: 126px
}

.mt-127 {
    margin-top: 127px
}

.mt-128 {
    margin-top: 128px
}

.mt-129 {
    margin-top: 129px
}

.mt-130 {
    margin-top: 130px
}

.mt-131 {
    margin-top: 131px
}

.mt-132 {
    margin-top: 132px
}

.mt-133 {
    margin-top: 133px
}

.mt-134 {
    margin-top: 134px
}

.mt-135 {
    margin-top: 135px
}

.mt-136 {
    margin-top: 136px
}

.mt-137 {
    margin-top: 137px
}

.mt-138 {
    margin-top: 138px
}

.mt-139 {
    margin-top: 139px
}

.mt-140 {
    margin-top: 140px
}

.mb-1 {
    margin-bottom: 1px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-3 {
    margin-bottom: 3px
}

.mb-4 {
    margin-bottom: 4px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-6 {
    margin-bottom: 6px
}

.mb-7 {
    margin-bottom: 7px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-9 {
    margin-bottom: 9px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-11 {
    margin-bottom: 11px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-13 {
    margin-bottom: 13px
}

.mb-14 {
    margin-bottom: 14px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-17 {
    margin-bottom: 17px
}

.mb-18 {
    margin-bottom: 18px
}

.mb-19 {
    margin-bottom: 19px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-21 {
    margin-bottom: 21px
}

.mb-22 {
    margin-bottom: 22px
}

.mb-23 {
    margin-bottom: 23px
}

.mb-24 {
    margin-bottom: 24px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-26 {
    margin-bottom: 26px
}

.mb-27 {
    margin-bottom: 27px
}

.mb-28 {
    margin-bottom: 28px
}

.mb-29 {
    margin-bottom: 29px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-31 {
    margin-bottom: 31px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-34 {
    margin-bottom: 34px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-36 {
    margin-bottom: 36px
}

.mb-37 {
    margin-bottom: 37px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-39 {
    margin-bottom: 39px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-41 {
    margin-bottom: 41px
}

.mb-42 {
    margin-bottom: 42px
}

.mb-43 {
    margin-bottom: 43px
}

.mb-44 {
    margin-bottom: 44px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-46 {
    margin-bottom: 46px
}

.mb-47 {
    margin-bottom: 47px
}

.mb-48 {
    margin-bottom: 48px
}

.mb-49 {
    margin-bottom: 49px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-51 {
    margin-bottom: 51px
}

.mb-52 {
    margin-bottom: 52px
}

.mb-53 {
    margin-bottom: 53px
}

.mb-54 {
    margin-bottom: 54px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-56 {
    margin-bottom: 56px
}

.mb-57 {
    margin-bottom: 57px
}

.mb-58 {
    margin-bottom: 58px
}

.mb-59 {
    margin-bottom: 59px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-61 {
    margin-bottom: 61px
}

.mb-62 {
    margin-bottom: 62px
}

.mb-63 {
    margin-bottom: 63px
}

.mb-64 {
    margin-bottom: 64px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-66 {
    margin-bottom: 66px
}

.mb-67 {
    margin-bottom: 67px
}

.mb-68 {
    margin-bottom: 68px
}

.mb-69 {
    margin-bottom: 69px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-71 {
    margin-bottom: 71px
}

.mb-72 {
    margin-bottom: 72px
}

.mb-73 {
    margin-bottom: 73px
}

.mb-74 {
    margin-bottom: 74px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-76 {
    margin-bottom: 76px
}

.mb-77 {
    margin-bottom: 77px
}

.mb-78 {
    margin-bottom: 78px
}

.mb-79 {
    margin-bottom: 79px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-81 {
    margin-bottom: 81px
}

.mb-82 {
    margin-bottom: 82px
}

.mb-83 {
    margin-bottom: 83px
}

.mb-84 {
    margin-bottom: 84px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-86 {
    margin-bottom: 86px
}

.mb-87 {
    margin-bottom: 87px
}

.mb-88 {
    margin-bottom: 88px
}

.mb-89 {
    margin-bottom: 89px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-91 {
    margin-bottom: 91px
}

.mb-92 {
    margin-bottom: 92px
}

.mb-93 {
    margin-bottom: 93px
}

.mb-94 {
    margin-bottom: 94px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-96 {
    margin-bottom: 96px
}

.mb-97 {
    margin-bottom: 97px
}

.mb-98 {
    margin-bottom: 98px
}

.mb-99 {
    margin-bottom: 99px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-101 {
    margin-bottom: 101px
}

.mb-102 {
    margin-bottom: 102px
}

.mb-103 {
    margin-bottom: 103px
}

.mb-104 {
    margin-bottom: 104px
}

.mb-105 {
    margin-bottom: 105px
}

.mb-106 {
    margin-bottom: 106px
}

.mb-107 {
    margin-bottom: 107px
}

.mb-108 {
    margin-bottom: 108px
}

.mb-109 {
    margin-bottom: 109px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-111 {
    margin-bottom: 111px
}

.mb-112 {
    margin-bottom: 112px
}

.mb-113 {
    margin-bottom: 113px
}

.mb-114 {
    margin-bottom: 114px
}

.mb-115 {
    margin-bottom: 115px
}

.mb-116 {
    margin-bottom: 116px
}

.mb-117 {
    margin-bottom: 117px
}

.mb-118 {
    margin-bottom: 118px
}

.mb-119 {
    margin-bottom: 119px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-121 {
    margin-bottom: 121px
}

.mb-122 {
    margin-bottom: 122px
}

.mb-123 {
    margin-bottom: 123px
}

.mb-124 {
    margin-bottom: 124px
}

.mb-125 {
    margin-bottom: 125px
}

.mb-126 {
    margin-bottom: 126px
}

.mb-127 {
    margin-bottom: 127px
}

.mb-128 {
    margin-bottom: 128px
}

.mb-129 {
    margin-bottom: 129px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-131 {
    margin-bottom: 131px
}

.mb-132 {
    margin-bottom: 132px
}

.mb-133 {
    margin-bottom: 133px
}

.mb-134 {
    margin-bottom: 134px
}

.mb-135 {
    margin-bottom: 135px
}

.mb-136 {
    margin-bottom: 136px
}

.mb-137 {
    margin-bottom: 137px
}

.mb-138 {
    margin-bottom: 138px
}

.mb-139 {
    margin-bottom: 139px
}

.mb-140 {
    margin-bottom: 140px
}

.ml-1 {
    margin-left: 1px
}

.ml-2 {
    margin-left: 2px
}

.ml-3 {
    margin-left: 3px
}

.ml-4 {
    margin-left: 4px
}

.ml-5 {
    margin-left: 5px
}

.ml-6 {
    margin-left: 6px
}

.ml-7 {
    margin-left: 7px
}

.ml-8 {
    margin-left: 8px
}

.ml-9 {
    margin-left: 9px
}

.ml-10 {
    margin-left: 10px
}

.ml-11 {
    margin-left: 11px
}

.ml-12 {
    margin-left: 12px
}

.ml-13 {
    margin-left: 13px
}

.ml-14 {
    margin-left: 14px
}

.ml-15 {
    margin-left: 15px
}

.ml-16 {
    margin-left: 16px
}

.ml-17 {
    margin-left: 17px
}

.ml-18 {
    margin-left: 18px
}

.ml-19 {
    margin-left: 19px
}

.ml-20 {
    margin-left: 20px
}

.ml-21 {
    margin-left: 21px
}

.ml-22 {
    margin-left: 22px
}

.ml-23 {
    margin-left: 23px
}

.ml-24 {
    margin-left: 24px
}

.ml-25 {
    margin-left: 25px
}

.ml-26 {
    margin-left: 26px
}

.ml-27 {
    margin-left: 27px
}

.ml-28 {
    margin-left: 28px
}

.ml-29 {
    margin-left: 29px
}

.ml-30 {
    margin-left: 30px
}

.ml-31 {
    margin-left: 31px
}

.ml-32 {
    margin-left: 32px
}

.ml-33 {
    margin-left: 33px
}

.ml-34 {
    margin-left: 34px
}

.ml-35 {
    margin-left: 35px
}

.ml-36 {
    margin-left: 36px
}

.ml-37 {
    margin-left: 37px
}

.ml-38 {
    margin-left: 38px
}

.ml-39 {
    margin-left: 39px
}

.ml-40 {
    margin-left: 40px
}

.ml-41 {
    margin-left: 41px
}

.ml-42 {
    margin-left: 42px
}

.ml-43 {
    margin-left: 43px
}

.ml-44 {
    margin-left: 44px
}

.ml-45 {
    margin-left: 45px
}

.ml-46 {
    margin-left: 46px
}

.ml-47 {
    margin-left: 47px
}

.ml-48 {
    margin-left: 48px
}

.ml-49 {
    margin-left: 49px
}

.ml-50 {
    margin-left: 50px
}

.ml-51 {
    margin-left: 51px
}

.ml-52 {
    margin-left: 52px
}

.ml-53 {
    margin-left: 53px
}

.ml-54 {
    margin-left: 54px
}

.ml-55 {
    margin-left: 55px
}

.ml-56 {
    margin-left: 56px
}

.ml-57 {
    margin-left: 57px
}

.ml-58 {
    margin-left: 58px
}

.ml-59 {
    margin-left: 59px
}

.ml-60 {
    margin-left: 60px
}

.ml-61 {
    margin-left: 61px
}

.ml-62 {
    margin-left: 62px
}

.ml-63 {
    margin-left: 63px
}

.ml-64 {
    margin-left: 64px
}

.ml-65 {
    margin-left: 65px
}

.ml-66 {
    margin-left: 66px
}

.ml-67 {
    margin-left: 67px
}

.ml-68 {
    margin-left: 68px
}

.ml-69 {
    margin-left: 69px
}

.ml-70 {
    margin-left: 70px
}

.ml-71 {
    margin-left: 71px
}

.ml-72 {
    margin-left: 72px
}

.ml-73 {
    margin-left: 73px
}

.ml-74 {
    margin-left: 74px
}

.ml-75 {
    margin-left: 75px
}

.ml-76 {
    margin-left: 76px
}

.ml-77 {
    margin-left: 77px
}

.ml-78 {
    margin-left: 78px
}

.ml-79 {
    margin-left: 79px
}

.ml-80 {
    margin-left: 80px
}

.ml-81 {
    margin-left: 81px
}

.ml-82 {
    margin-left: 82px
}

.ml-83 {
    margin-left: 83px
}

.ml-84 {
    margin-left: 84px
}

.ml-85 {
    margin-left: 85px
}

.ml-86 {
    margin-left: 86px
}

.ml-87 {
    margin-left: 87px
}

.ml-88 {
    margin-left: 88px
}

.ml-89 {
    margin-left: 89px
}

.ml-90 {
    margin-left: 90px
}

.ml-91 {
    margin-left: 91px
}

.ml-92 {
    margin-left: 92px
}

.ml-93 {
    margin-left: 93px
}

.ml-94 {
    margin-left: 94px
}

.ml-95 {
    margin-left: 95px
}

.ml-96 {
    margin-left: 96px
}

.ml-97 {
    margin-left: 97px
}

.ml-98 {
    margin-left: 98px
}

.ml-99 {
    margin-left: 99px
}

.ml-100 {
    margin-left: 100px
}

.mr-1 {
    margin-right: 1px
}

.mr-2 {
    margin-right: 2px
}

.mr-3 {
    margin-right: 3px
}

.mr-4 {
    margin-right: 4px
}

.mr-5 {
    margin-right: 5px
}

.mr-6 {
    margin-right: 6px
}

.mr-7 {
    margin-right: 7px
}

.mr-8 {
    margin-right: 8px
}

.mr-9 {
    margin-right: 9px
}

.mr-10 {
    margin-right: 10px
}

.mr-11 {
    margin-right: 11px
}

.mr-12 {
    margin-right: 12px
}

.mr-13 {
    margin-right: 13px
}

.mr-14 {
    margin-right: 14px
}

.mr-15 {
    margin-right: 15px
}

.mr-16 {
    margin-right: 16px
}

.mr-17 {
    margin-right: 17px
}

.mr-18 {
    margin-right: 18px
}

.mr-19 {
    margin-right: 19px
}

.mr-20 {
    margin-right: 20px
}

.mr-21 {
    margin-right: 21px
}

.mr-22 {
    margin-right: 22px
}

.mr-23 {
    margin-right: 23px
}

.mr-24 {
    margin-right: 24px
}

.mr-25 {
    margin-right: 25px
}

.mr-26 {
    margin-right: 26px
}

.mr-27 {
    margin-right: 27px
}

.mr-28 {
    margin-right: 28px
}

.mr-29 {
    margin-right: 29px
}

.mr-30 {
    margin-right: 30px
}

.mr-31 {
    margin-right: 31px
}

.mr-32 {
    margin-right: 32px
}

.mr-33 {
    margin-right: 33px
}

.mr-34 {
    margin-right: 34px
}

.mr-35 {
    margin-right: 35px
}

.mr-36 {
    margin-right: 36px
}

.mr-37 {
    margin-right: 37px
}

.mr-38 {
    margin-right: 38px
}

.mr-39 {
    margin-right: 39px
}

.mr-40 {
    margin-right: 40px
}

.mr-41 {
    margin-right: 41px
}

.mr-42 {
    margin-right: 42px
}

.mr-43 {
    margin-right: 43px
}

.mr-44 {
    margin-right: 44px
}

.mr-45 {
    margin-right: 45px
}

.mr-46 {
    margin-right: 46px
}

.mr-47 {
    margin-right: 47px
}

.mr-48 {
    margin-right: 48px
}

.mr-49 {
    margin-right: 49px
}

.mr-50 {
    margin-right: 50px
}

.mr-51 {
    margin-right: 51px
}

.mr-52 {
    margin-right: 52px
}

.mr-53 {
    margin-right: 53px
}

.mr-54 {
    margin-right: 54px
}

.mr-55 {
    margin-right: 55px
}

.mr-56 {
    margin-right: 56px
}

.mr-57 {
    margin-right: 57px
}

.mr-58 {
    margin-right: 58px
}

.mr-59 {
    margin-right: 59px
}

.mr-60 {
    margin-right: 60px
}

.mr-61 {
    margin-right: 61px
}

.mr-62 {
    margin-right: 62px
}

.mr-63 {
    margin-right: 63px
}

.mr-64 {
    margin-right: 64px
}

.mr-65 {
    margin-right: 65px
}

.mr-66 {
    margin-right: 66px
}

.mr-67 {
    margin-right: 67px
}

.mr-68 {
    margin-right: 68px
}

.mr-69 {
    margin-right: 69px
}

.mr-70 {
    margin-right: 70px
}

.mr-71 {
    margin-right: 71px
}

.mr-72 {
    margin-right: 72px
}

.mr-73 {
    margin-right: 73px
}

.mr-74 {
    margin-right: 74px
}

.mr-75 {
    margin-right: 75px
}

.mr-76 {
    margin-right: 76px
}

.mr-77 {
    margin-right: 77px
}

.mr-78 {
    margin-right: 78px
}

.mr-79 {
    margin-right: 79px
}

.mr-80 {
    margin-right: 80px
}

.mr-81 {
    margin-right: 81px
}

.mr-82 {
    margin-right: 82px
}

.mr-83 {
    margin-right: 83px
}

.mr-84 {
    margin-right: 84px
}

.mr-85 {
    margin-right: 85px
}

.mr-86 {
    margin-right: 86px
}

.mr-87 {
    margin-right: 87px
}

.mr-88 {
    margin-right: 88px
}

.mr-89 {
    margin-right: 89px
}

.mr-90 {
    margin-right: 90px
}

.mr-91 {
    margin-right: 91px
}

.mr-92 {
    margin-right: 92px
}

.mr-93 {
    margin-right: 93px
}

.mr-94 {
    margin-right: 94px
}

.mr-95 {
    margin-right: 95px
}

.mr-96 {
    margin-right: 96px
}

.mr-97 {
    margin-right: 97px
}

.mr-98 {
    margin-right: 98px
}

.mr-99 {
    margin-right: 99px
}

.mr-100 {
    margin-right: 100px
}

.pt-1 {
    padding-top: 1px
}

.pt-2 {
    padding-top: 2px
}

.pt-3 {
    padding-top: 3px
}

.pt-4 {
    padding-top: 4px
}

.pt-5 {
    padding-top: 5px
}

.pt-6 {
    padding-top: 6px
}

.pt-7 {
    padding-top: 7px
}

.pt-8 {
    padding-top: 8px
}

.pt-9 {
    padding-top: 9px
}

.pt-10 {
    padding-top: 10px
}

.pt-11 {
    padding-top: 11px
}

.pt-12 {
    padding-top: 12px
}

.pt-13 {
    padding-top: 13px
}

.pt-14 {
    padding-top: 14px
}

.pt-15 {
    padding-top: 15px
}

.pt-16 {
    padding-top: 16px
}

.pt-17 {
    padding-top: 17px
}

.pt-18 {
    padding-top: 18px
}

.pt-19 {
    padding-top: 19px
}

.pt-20 {
    padding-top: 20px
}

.pt-21 {
    padding-top: 21px
}

.pt-22 {
    padding-top: 22px
}

.pt-23 {
    padding-top: 23px
}

.pt-24 {
    padding-top: 24px
}

.pt-25 {
    padding-top: 25px
}

.pt-26 {
    padding-top: 26px
}

.pt-27 {
    padding-top: 27px
}

.pt-28 {
    padding-top: 28px
}

.pt-29 {
    padding-top: 29px
}

.pt-30 {
    padding-top: 30px
}

.pt-31 {
    padding-top: 31px
}

.pt-32 {
    padding-top: 32px
}

.pt-33 {
    padding-top: 33px
}

.pt-34 {
    padding-top: 34px
}

.pt-35 {
    padding-top: 35px
}

.pt-36 {
    padding-top: 36px
}

.pt-37 {
    padding-top: 37px
}

.pt-38 {
    padding-top: 38px
}

.pt-39 {
    padding-top: 39px
}

.pt-40 {
    padding-top: 40px
}

.pt-41 {
    padding-top: 41px
}

.pt-42 {
    padding-top: 42px
}

.pt-43 {
    padding-top: 43px
}

.pt-44 {
    padding-top: 44px
}

.pt-45 {
    padding-top: 45px
}

.pt-46 {
    padding-top: 46px
}

.pt-47 {
    padding-top: 47px
}

.pt-48 {
    padding-top: 48px
}

.pt-49 {
    padding-top: 49px
}

.pt-50 {
    padding-top: 50px
}

.pt-51 {
    padding-top: 51px
}

.pt-52 {
    padding-top: 52px
}

.pt-53 {
    padding-top: 53px
}

.pt-54 {
    padding-top: 54px
}

.pt-55 {
    padding-top: 55px
}

.pt-56 {
    padding-top: 56px
}

.pt-57 {
    padding-top: 57px
}

.pt-58 {
    padding-top: 58px
}

.pt-59 {
    padding-top: 59px
}

.pt-60 {
    padding-top: 60px
}

.pt-61 {
    padding-top: 61px
}

.pt-62 {
    padding-top: 62px
}

.pt-63 {
    padding-top: 63px
}

.pt-64 {
    padding-top: 64px
}

.pt-65 {
    padding-top: 65px
}

.pt-66 {
    padding-top: 66px
}

.pt-67 {
    padding-top: 67px
}

.pt-68 {
    padding-top: 68px
}

.pt-69 {
    padding-top: 69px
}

.pt-70 {
    padding-top: 70px
}

.pt-71 {
    padding-top: 71px
}

.pt-72 {
    padding-top: 72px
}

.pt-73 {
    padding-top: 73px
}

.pt-74 {
    padding-top: 74px
}

.pt-75 {
    padding-top: 75px
}

.pt-76 {
    padding-top: 76px
}

.pt-77 {
    padding-top: 77px
}

.pt-78 {
    padding-top: 78px
}

.pt-79 {
    padding-top: 79px
}

.pt-80 {
    padding-top: 80px
}

.pt-81 {
    padding-top: 81px
}

.pt-82 {
    padding-top: 82px
}

.pt-83 {
    padding-top: 83px
}

.pt-84 {
    padding-top: 84px
}

.pt-85 {
    padding-top: 85px
}

.pt-86 {
    padding-top: 86px
}

.pt-87 {
    padding-top: 87px
}

.pt-88 {
    padding-top: 88px
}

.pt-89 {
    padding-top: 89px
}

.pt-90 {
    padding-top: 90px
}

.pt-91 {
    padding-top: 91px
}

.pt-92 {
    padding-top: 92px
}

.pt-93 {
    padding-top: 93px
}

.pt-94 {
    padding-top: 94px
}

.pt-95 {
    padding-top: 95px
}

.pt-96 {
    padding-top: 96px
}

.pt-97 {
    padding-top: 97px
}

.pt-98 {
    padding-top: 98px
}

.pt-99 {
    padding-top: 99px
}

.pt-100 {
    padding-top: 100px
}

.pt-101 {
    padding-top: 101px
}

.pt-102 {
    padding-top: 102px
}

.pt-103 {
    padding-top: 103px
}

.pt-104 {
    padding-top: 104px
}

.pt-105 {
    padding-top: 105px
}

.pt-106 {
    padding-top: 106px
}

.pt-107 {
    padding-top: 107px
}

.pt-108 {
    padding-top: 108px
}

.pt-109 {
    padding-top: 109px
}

.pt-110 {
    padding-top: 110px
}

.pt-111 {
    padding-top: 111px
}

.pt-112 {
    padding-top: 112px
}

.pt-113 {
    padding-top: 113px
}

.pt-114 {
    padding-top: 114px
}

.pt-115 {
    padding-top: 115px
}

.pt-116 {
    padding-top: 116px
}

.pt-117 {
    padding-top: 117px
}

.pt-118 {
    padding-top: 118px
}

.pt-119 {
    padding-top: 119px
}

.pt-120 {
    padding-top: 120px
}

.pt-121 {
    padding-top: 121px
}

.pt-122 {
    padding-top: 122px
}

.pt-123 {
    padding-top: 123px
}

.pt-124 {
    padding-top: 124px
}

.pt-125 {
    padding-top: 125px
}

.pt-126 {
    padding-top: 126px
}

.pt-127 {
    padding-top: 127px
}

.pt-128 {
    padding-top: 128px
}

.pt-129 {
    padding-top: 129px
}

.pt-130 {
    padding-top: 130px
}

.pt-131 {
    padding-top: 131px
}

.pt-132 {
    padding-top: 132px
}

.pt-133 {
    padding-top: 133px
}

.pt-134 {
    padding-top: 134px
}

.pt-135 {
    padding-top: 135px
}

.pt-136 {
    padding-top: 136px
}

.pt-137 {
    padding-top: 137px
}

.pt-138 {
    padding-top: 138px
}

.pt-139 {
    padding-top: 139px
}

.pt-140 {
    padding-top: 140px
}

.pt-141 {
    padding-top: 141px
}

.pt-142 {
    padding-top: 142px
}

.pt-143 {
    padding-top: 143px
}

.pt-144 {
    padding-top: 144px
}

.pt-145 {
    padding-top: 145px
}

.pt-146 {
    padding-top: 146px
}

.pt-147 {
    padding-top: 147px
}

.pt-148 {
    padding-top: 148px
}

.pt-149 {
    padding-top: 149px
}

.pt-150 {
    padding-top: 150px
}

.pb-1 {
    padding-bottom: 1px
}

.pb-2 {
    padding-bottom: 2px
}

.pb-3 {
    padding-bottom: 3px
}

.pb-4 {
    padding-bottom: 4px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-6 {
    padding-bottom: 6px
}

.pb-7 {
    padding-bottom: 7px
}

.pb-8 {
    padding-bottom: 8px
}

.pb-9 {
    padding-bottom: 9px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-11 {
    padding-bottom: 11px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-13 {
    padding-bottom: 13px
}

.pb-14 {
    padding-bottom: 14px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-16 {
    padding-bottom: 16px
}

.pb-17 {
    padding-bottom: 17px
}

.pb-18 {
    padding-bottom: 18px
}

.pb-19 {
    padding-bottom: 19px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-21 {
    padding-bottom: 21px
}

.pb-22 {
    padding-bottom: 22px
}

.pb-23 {
    padding-bottom: 23px
}

.pb-24 {
    padding-bottom: 24px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-26 {
    padding-bottom: 26px
}

.pb-27 {
    padding-bottom: 27px
}

.pb-28 {
    padding-bottom: 28px
}

.pb-29 {
    padding-bottom: 29px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-31 {
    padding-bottom: 31px
}

.pb-32 {
    padding-bottom: 32px
}

.pb-33 {
    padding-bottom: 33px
}

.pb-34 {
    padding-bottom: 34px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-36 {
    padding-bottom: 36px
}

.pb-37 {
    padding-bottom: 37px
}

.pb-38 {
    padding-bottom: 38px
}

.pb-39 {
    padding-bottom: 39px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-41 {
    padding-bottom: 41px
}

.pb-42 {
    padding-bottom: 42px
}

.pb-43 {
    padding-bottom: 43px
}

.pb-44 {
    padding-bottom: 44px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-46 {
    padding-bottom: 46px
}

.pb-47 {
    padding-bottom: 47px
}

.pb-48 {
    padding-bottom: 48px
}

.pb-49 {
    padding-bottom: 49px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-51 {
    padding-bottom: 51px
}

.pb-52 {
    padding-bottom: 52px
}

.pb-53 {
    padding-bottom: 53px
}

.pb-54 {
    padding-bottom: 54px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-56 {
    padding-bottom: 56px
}

.pb-57 {
    padding-bottom: 57px
}

.pb-58 {
    padding-bottom: 58px
}

.pb-59 {
    padding-bottom: 59px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-61 {
    padding-bottom: 61px
}

.pb-62 {
    padding-bottom: 62px
}

.pb-63 {
    padding-bottom: 63px
}

.pb-64 {
    padding-bottom: 64px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-66 {
    padding-bottom: 66px
}

.pb-67 {
    padding-bottom: 67px
}

.pb-68 {
    padding-bottom: 68px
}

.pb-69 {
    padding-bottom: 69px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-71 {
    padding-bottom: 71px
}

.pb-72 {
    padding-bottom: 72px
}

.pb-73 {
    padding-bottom: 73px
}

.pb-74 {
    padding-bottom: 74px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-76 {
    padding-bottom: 76px
}

.pb-77 {
    padding-bottom: 77px
}

.pb-78 {
    padding-bottom: 78px
}

.pb-79 {
    padding-bottom: 79px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-81 {
    padding-bottom: 81px
}

.pb-82 {
    padding-bottom: 82px
}

.pb-83 {
    padding-bottom: 83px
}

.pb-84 {
    padding-bottom: 84px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-86 {
    padding-bottom: 86px
}

.pb-87 {
    padding-bottom: 87px
}

.pb-88 {
    padding-bottom: 88px
}

.pb-89 {
    padding-bottom: 89px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-91 {
    padding-bottom: 91px
}

.pb-92 {
    padding-bottom: 92px
}

.pb-93 {
    padding-bottom: 93px
}

.pb-94 {
    padding-bottom: 94px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-96 {
    padding-bottom: 96px
}

.pb-97 {
    padding-bottom: 97px
}

.pb-98 {
    padding-bottom: 98px
}

.pb-99 {
    padding-bottom: 99px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-101 {
    padding-bottom: 101px
}

.pb-102 {
    padding-bottom: 102px
}

.pb-103 {
    padding-bottom: 103px
}

.pb-104 {
    padding-bottom: 104px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-106 {
    padding-bottom: 106px
}

.pb-107 {
    padding-bottom: 107px
}

.pb-108 {
    padding-bottom: 108px
}

.pb-109 {
    padding-bottom: 109px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-111 {
    padding-bottom: 111px
}

.pb-112 {
    padding-bottom: 112px
}

.pb-113 {
    padding-bottom: 113px
}

.pb-114 {
    padding-bottom: 114px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-116 {
    padding-bottom: 116px
}

.pb-117 {
    padding-bottom: 117px
}

.pb-118 {
    padding-bottom: 118px
}

.pb-119 {
    padding-bottom: 119px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-121 {
    padding-bottom: 121px
}

.pb-122 {
    padding-bottom: 122px
}

.pb-123 {
    padding-bottom: 123px
}

.pb-124 {
    padding-bottom: 124px
}

.pb-125 {
    padding-bottom: 125px
}

.pb-126 {
    padding-bottom: 126px
}

.pb-127 {
    padding-bottom: 127px
}

.pb-128 {
    padding-bottom: 128px
}

.pb-129 {
    padding-bottom: 129px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-131 {
    padding-bottom: 131px
}

.pb-132 {
    padding-bottom: 132px
}

.pb-133 {
    padding-bottom: 133px
}

.pb-134 {
    padding-bottom: 134px
}

.pb-135 {
    padding-bottom: 135px
}

.pb-136 {
    padding-bottom: 136px
}

.pb-137 {
    padding-bottom: 137px
}

.pb-138 {
    padding-bottom: 138px
}

.pb-139 {
    padding-bottom: 139px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-141 {
    padding-bottom: 141px
}

.pb-142 {
    padding-bottom: 142px
}

.pb-143 {
    padding-bottom: 143px
}

.pb-144 {
    padding-bottom: 144px
}

.pb-145 {
    padding-bottom: 145px
}

.pb-146 {
    padding-bottom: 146px
}

.pb-147 {
    padding-bottom: 147px
}

.pb-148 {
    padding-bottom: 148px
}

.pb-149 {
    padding-bottom: 149px
}

.pb-150 {
    padding-bottom: 150px
}

.pl-1 {
    padding-left: 1px
}

.pl-2 {
    padding-left: 2px
}

.pl-3 {
    padding-left: 3px
}

.pl-4 {
    padding-left: 4px
}

.pl-5 {
    padding-left: 5px
}

.pl-6 {
    padding-left: 6px
}

.pl-7 {
    padding-left: 7px
}

.pl-8 {
    padding-left: 8px
}

.pl-9 {
    padding-left: 9px
}

.pl-10 {
    padding-left: 10px
}

.pl-11 {
    padding-left: 11px
}

.pl-12 {
    padding-left: 12px
}

.pl-13 {
    padding-left: 13px
}

.pl-14 {
    padding-left: 14px
}

.pl-15 {
    padding-left: 15px
}

.pl-16 {
    padding-left: 16px
}

.pl-17 {
    padding-left: 17px
}

.pl-18 {
    padding-left: 18px
}

.pl-19 {
    padding-left: 19px
}

.pl-20 {
    padding-left: 20px
}

.pl-21 {
    padding-left: 21px
}

.pl-22 {
    padding-left: 22px
}

.pl-23 {
    padding-left: 23px
}

.pl-24 {
    padding-left: 24px
}

.pl-25 {
    padding-left: 25px
}

.pl-26 {
    padding-left: 26px
}

.pl-27 {
    padding-left: 27px
}

.pl-28 {
    padding-left: 28px
}

.pl-29 {
    padding-left: 29px
}

.pl-30 {
    padding-left: 30px
}

.pl-31 {
    padding-left: 31px
}

.pl-32 {
    padding-left: 32px
}

.pl-33 {
    padding-left: 33px
}

.pl-34 {
    padding-left: 34px
}

.pl-35 {
    padding-left: 35px
}

.pl-36 {
    padding-left: 36px
}

.pl-37 {
    padding-left: 37px
}

.pl-38 {
    padding-left: 38px
}

.pl-39 {
    padding-left: 39px
}

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

.pl-41 {
    padding-left: 41px
}

.pl-42 {
    padding-left: 42px
}

.pl-43 {
    padding-left: 43px
}

.pl-44 {
    padding-left: 44px
}

.pl-45 {
    padding-left: 45px
}

.pl-46 {
    padding-left: 46px
}

.pl-47 {
    padding-left: 47px
}

.pl-48 {
    padding-left: 48px
}

.pl-49 {
    padding-left: 49px
}

.pl-50 {
    padding-left: 50px
}

.pl-51 {
    padding-left: 51px
}

.pl-52 {
    padding-left: 52px
}

.pl-53 {
    padding-left: 53px
}

.pl-54 {
    padding-left: 54px
}

.pl-55 {
    padding-left: 55px
}

.pl-56 {
    padding-left: 56px
}

.pl-57 {
    padding-left: 57px
}

.pl-58 {
    padding-left: 58px
}

.pl-59 {
    padding-left: 59px
}

.pl-60 {
    padding-left: 60px
}

.pl-61 {
    padding-left: 61px
}

.pl-62 {
    padding-left: 62px
}

.pl-63 {
    padding-left: 63px
}

.pl-64 {
    padding-left: 64px
}

.pl-65 {
    padding-left: 65px
}

.pl-66 {
    padding-left: 66px
}

.pl-67 {
    padding-left: 67px
}

.pl-68 {
    padding-left: 68px
}

.pl-69 {
    padding-left: 69px
}

.pl-70 {
    padding-left: 70px
}

.pl-71 {
    padding-left: 71px
}

.pl-72 {
    padding-left: 72px
}

.pl-73 {
    padding-left: 73px
}

.pl-74 {
    padding-left: 74px
}

.pl-75 {
    padding-left: 75px
}

.pl-76 {
    padding-left: 76px
}

.pl-77 {
    padding-left: 77px
}

.pl-78 {
    padding-left: 78px
}

.pl-79 {
    padding-left: 79px
}

.pl-80 {
    padding-left: 80px
}

.pl-81 {
    padding-left: 81px
}

.pl-82 {
    padding-left: 82px
}

.pl-83 {
    padding-left: 83px
}

.pl-84 {
    padding-left: 84px
}

.pl-85 {
    padding-left: 85px
}

.pl-86 {
    padding-left: 86px
}

.pl-87 {
    padding-left: 87px
}

.pl-88 {
    padding-left: 88px
}

.pl-89 {
    padding-left: 89px
}

.pl-90 {
    padding-left: 90px
}

.pl-91 {
    padding-left: 91px
}

.pl-92 {
    padding-left: 92px
}

.pl-93 {
    padding-left: 93px
}

.pl-94 {
    padding-left: 94px
}

.pl-95 {
    padding-left: 95px
}

.pl-96 {
    padding-left: 96px
}

.pl-97 {
    padding-left: 97px
}

.pl-98 {
    padding-left: 98px
}

.pl-99 {
    padding-left: 99px
}

.pl-100 {
    padding-left: 100px
}

.pl-101 {
    padding-left: 101px
}

.pl-102 {
    padding-left: 102px
}

.pl-103 {
    padding-left: 103px
}

.pl-104 {
    padding-left: 104px
}

.pl-105 {
    padding-left: 105px
}

.pl-106 {
    padding-left: 106px
}

.pl-107 {
    padding-left: 107px
}

.pl-108 {
    padding-left: 108px
}

.pl-109 {
    padding-left: 109px
}

.pl-110 {
    padding-left: 110px
}

.pl-111 {
    padding-left: 111px
}

.pl-112 {
    padding-left: 112px
}

.pl-113 {
    padding-left: 113px
}

.pl-114 {
    padding-left: 114px
}

.pl-115 {
    padding-left: 115px
}

.pl-116 {
    padding-left: 116px
}

.pl-117 {
    padding-left: 117px
}

.pl-118 {
    padding-left: 118px
}

.pl-119 {
    padding-left: 119px
}

.pl-120 {
    padding-left: 120px
}

.pl-121 {
    padding-left: 121px
}

.pl-122 {
    padding-left: 122px
}

.pl-123 {
    padding-left: 123px
}

.pl-124 {
    padding-left: 124px
}

.pl-125 {
    padding-left: 125px
}

.pl-126 {
    padding-left: 126px
}

.pl-127 {
    padding-left: 127px
}

.pl-128 {
    padding-left: 128px
}

.pl-129 {
    padding-left: 129px
}

.pl-130 {
    padding-left: 130px
}

.pr-1 {
    padding-right: 1px
}

.pr-2 {
    padding-right: 2px
}

.pr-3 {
    padding-right: 3px
}

.pr-4 {
    padding-right: 4px
}

.pr-5 {
    padding-right: 5px
}

.pr-6 {
    padding-right: 6px
}

.pr-7 {
    padding-right: 7px
}

.pr-8 {
    padding-right: 8px
}

.pr-9 {
    padding-right: 9px
}

.pr-10 {
    padding-right: 10px
}

.pr-11 {
    padding-right: 11px
}

.pr-12 {
    padding-right: 12px
}

.pr-13 {
    padding-right: 13px
}

.pr-14 {
    padding-right: 14px
}

.pr-15 {
    padding-right: 15px
}

.pr-16 {
    padding-right: 16px
}

.pr-17 {
    padding-right: 17px
}

.pr-18 {
    padding-right: 18px
}

.pr-19 {
    padding-right: 19px
}

.pr-20 {
    padding-right: 20px
}

.pr-21 {
    padding-right: 21px
}

.pr-22 {
    padding-right: 22px
}

.pr-23 {
    padding-right: 23px
}

.pr-24 {
    padding-right: 24px
}

.pr-25 {
    padding-right: 25px
}

.pr-26 {
    padding-right: 26px
}

.pr-27 {
    padding-right: 27px
}

.pr-28 {
    padding-right: 28px
}

.pr-29 {
    padding-right: 29px
}

.pr-30 {
    padding-right: 30px
}

.pr-31 {
    padding-right: 31px
}

.pr-32 {
    padding-right: 32px
}

.pr-33 {
    padding-right: 33px
}

.pr-34 {
    padding-right: 34px
}

.pr-35 {
    padding-right: 35px
}

.pr-36 {
    padding-right: 36px
}

.pr-37 {
    padding-right: 37px
}

.pr-38 {
    padding-right: 38px
}

.pr-39 {
    padding-right: 39px
}

.pr-40 {
    padding-right: 40px
}

.pr-41 {
    padding-right: 41px
}

.pr-42 {
    padding-right: 42px
}

.pr-43 {
    padding-right: 43px
}

.pr-44 {
    padding-right: 44px
}

.pr-45 {
    padding-right: 45px
}

.pr-46 {
    padding-right: 46px
}

.pr-47 {
    padding-right: 47px
}

.pr-48 {
    padding-right: 48px
}

.pr-49 {
    padding-right: 49px
}

.pr-50 {
    padding-right: 50px
}

.pr-51 {
    padding-right: 51px
}

.pr-52 {
    padding-right: 52px
}

.pr-53 {
    padding-right: 53px
}

.pr-54 {
    padding-right: 54px
}

.pr-55 {
    padding-right: 55px
}

.pr-56 {
    padding-right: 56px
}

.pr-57 {
    padding-right: 57px
}

.pr-58 {
    padding-right: 58px
}

.pr-59 {
    padding-right: 59px
}

.pr-60 {
    padding-right: 60px
}

.pr-61 {
    padding-right: 61px
}

.pr-62 {
    padding-right: 62px
}

.pr-63 {
    padding-right: 63px
}

.pr-64 {
    padding-right: 64px
}

.pr-65 {
    padding-right: 65px
}

.pr-66 {
    padding-right: 66px
}

.pr-67 {
    padding-right: 67px
}

.pr-68 {
    padding-right: 68px
}

.pr-69 {
    padding-right: 69px
}

.pr-70 {
    padding-right: 70px
}

.pr-71 {
    padding-right: 71px
}

.pr-72 {
    padding-right: 72px
}

.pr-73 {
    padding-right: 73px
}

.pr-74 {
    padding-right: 74px
}

.pr-75 {
    padding-right: 75px
}

.pr-76 {
    padding-right: 76px
}

.pr-77 {
    padding-right: 77px
}

.pr-78 {
    padding-right: 78px
}

.pr-79 {
    padding-right: 79px
}

.pr-80 {
    padding-right: 80px
}

.pr-81 {
    padding-right: 81px
}

.pr-82 {
    padding-right: 82px
}

.pr-83 {
    padding-right: 83px
}

.pr-84 {
    padding-right: 84px
}

.pr-85 {
    padding-right: 85px
}

.pr-86 {
    padding-right: 86px
}

.pr-87 {
    padding-right: 87px
}

.pr-88 {
    padding-right: 88px
}

.pr-89 {
    padding-right: 89px
}

.pr-90 {
    padding-right: 90px
}

.pr-91 {
    padding-right: 91px
}

.pr-92 {
    padding-right: 92px
}

.pr-93 {
    padding-right: 93px
}

.pr-94 {
    padding-right: 94px
}

.pr-95 {
    padding-right: 95px
}

.pr-96 {
    padding-right: 96px
}

.pr-97 {
    padding-right: 97px
}

.pr-98 {
    padding-right: 98px
}

.pr-99 {
    padding-right: 99px
}

.pr-100 {
    padding-right: 100px
}

.px-1 {
    padding-left: 1px;
    padding-right: 1px
}

.px-2 {
    padding-left: 2px;
    padding-right: 2px
}

.px-3 {
    padding-left: 3px;
    padding-right: 3px
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px
}

.px-5 {
    padding-left: 5px;
    padding-right: 5px
}

.px-6 {
    padding-left: 6px;
    padding-right: 6px
}

.px-7 {
    padding-left: 7px;
    padding-right: 7px
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.px-9 {
    padding-left: 9px;
    padding-right: 9px
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px
}

.px-11 {
    padding-left: 11px;
    padding-right: 11px
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-13 {
    padding-left: 13px;
    padding-right: 13px
}

.px-14 {
    padding-left: 14px;
    padding-right: 14px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px
}

.px-17 {
    padding-left: 17px;
    padding-right: 17px
}

.px-18 {
    padding-left: 18px;
    padding-right: 18px
}

.px-19 {
    padding-left: 19px;
    padding-right: 19px
}

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

.px-21 {
    padding-left: 21px;
    padding-right: 21px
}

.px-22 {
    padding-left: 22px;
    padding-right: 22px
}

.px-23 {
    padding-left: 23px;
    padding-right: 23px
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px
}

.px-25 {
    padding-left: 25px;
    padding-right: 25px
}

.px-26 {
    padding-left: 26px;
    padding-right: 26px
}

.px-27 {
    padding-left: 27px;
    padding-right: 27px
}

.px-28 {
    padding-left: 28px;
    padding-right: 28px
}

.px-29 {
    padding-left: 29px;
    padding-right: 29px
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px
}

.px-31 {
    padding-left: 31px;
    padding-right: 31px
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px
}

.px-33 {
    padding-left: 33px;
    padding-right: 33px
}

.px-34 {
    padding-left: 34px;
    padding-right: 34px
}

.px-35 {
    padding-left: 35px;
    padding-right: 35px
}

.px-36 {
    padding-left: 36px;
    padding-right: 36px
}

.px-37 {
    padding-left: 37px;
    padding-right: 37px
}

.px-38 {
    padding-left: 38px;
    padding-right: 38px
}

.px-39 {
    padding-left: 39px;
    padding-right: 39px
}

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

.px-41 {
    padding-left: 41px;
    padding-right: 41px
}

.px-42 {
    padding-left: 42px;
    padding-right: 42px
}

.px-43 {
    padding-left: 43px;
    padding-right: 43px
}

.px-44 {
    padding-left: 44px;
    padding-right: 44px
}

.px-45 {
    padding-left: 45px;
    padding-right: 45px
}

.px-46 {
    padding-left: 46px;
    padding-right: 46px
}

.px-47 {
    padding-left: 47px;
    padding-right: 47px
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px
}

.px-49 {
    padding-left: 49px;
    padding-right: 49px
}

.px-50 {
    padding-left: 50px;
    padding-right: 50px
}

.px-51 {
    padding-left: 51px;
    padding-right: 51px
}

.px-52 {
    padding-left: 52px;
    padding-right: 52px
}

.px-53 {
    padding-left: 53px;
    padding-right: 53px
}

.px-54 {
    padding-left: 54px;
    padding-right: 54px
}

.px-55 {
    padding-left: 55px;
    padding-right: 55px
}

.px-56 {
    padding-left: 56px;
    padding-right: 56px
}

.px-57 {
    padding-left: 57px;
    padding-right: 57px
}

.px-58 {
    padding-left: 58px;
    padding-right: 58px
}

.px-59 {
    padding-left: 59px;
    padding-right: 59px
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px
}

.px-61 {
    padding-left: 61px;
    padding-right: 61px
}

.px-62 {
    padding-left: 62px;
    padding-right: 62px
}

.px-63 {
    padding-left: 63px;
    padding-right: 63px
}

.px-64 {
    padding-left: 64px;
    padding-right: 64px
}

.px-65 {
    padding-left: 65px;
    padding-right: 65px
}

.px-66 {
    padding-left: 66px;
    padding-right: 66px
}

.px-67 {
    padding-left: 67px;
    padding-right: 67px
}

.px-68 {
    padding-left: 68px;
    padding-right: 68px
}

.px-69 {
    padding-left: 69px;
    padding-right: 69px
}

.px-70 {
    padding-left: 70px;
    padding-right: 70px
}

.px-71 {
    padding-left: 71px;
    padding-right: 71px
}

.px-72 {
    padding-left: 72px;
    padding-right: 72px
}

.px-73 {
    padding-left: 73px;
    padding-right: 73px
}

.px-74 {
    padding-left: 74px;
    padding-right: 74px
}

.px-75 {
    padding-left: 75px;
    padding-right: 75px
}

.px-76 {
    padding-left: 76px;
    padding-right: 76px
}

.px-77 {
    padding-left: 77px;
    padding-right: 77px
}

.px-78 {
    padding-left: 78px;
    padding-right: 78px
}

.px-79 {
    padding-left: 79px;
    padding-right: 79px
}

.px-80 {
    padding-left: 80px;
    padding-right: 80px
}

.px-81 {
    padding-left: 81px;
    padding-right: 81px
}

.px-82 {
    padding-left: 82px;
    padding-right: 82px
}

.px-83 {
    padding-left: 83px;
    padding-right: 83px
}

.px-84 {
    padding-left: 84px;
    padding-right: 84px
}

.px-85 {
    padding-left: 85px;
    padding-right: 85px
}

.px-86 {
    padding-left: 86px;
    padding-right: 86px
}

.px-87 {
    padding-left: 87px;
    padding-right: 87px
}

.px-88 {
    padding-left: 88px;
    padding-right: 88px
}

.px-89 {
    padding-left: 89px;
    padding-right: 89px
}

.px-90 {
    padding-left: 90px;
    padding-right: 90px
}

.px-91 {
    padding-left: 91px;
    padding-right: 91px
}

.px-92 {
    padding-left: 92px;
    padding-right: 92px
}

.px-93 {
    padding-left: 93px;
    padding-right: 93px
}

.px-94 {
    padding-left: 94px;
    padding-right: 94px
}

.px-95 {
    padding-left: 95px;
    padding-right: 95px
}

.px-96 {
    padding-left: 96px;
    padding-right: 96px
}

.px-97 {
    padding-left: 97px;
    padding-right: 97px
}

.px-98 {
    padding-left: 98px;
    padding-right: 98px
}

.px-99 {
    padding-left: 99px;
    padding-right: 99px
}

.px-100 {
    padding-left: 100px;
    padding-right: 100px
}

.px-101 {
    padding-left: 101px;
    padding-right: 101px
}

.px-102 {
    padding-left: 102px;
    padding-right: 102px
}

.px-103 {
    padding-left: 103px;
    padding-right: 103px
}

.px-104 {
    padding-left: 104px;
    padding-right: 104px
}

.px-105 {
    padding-left: 105px;
    padding-right: 105px
}

.px-106 {
    padding-left: 106px;
    padding-right: 106px
}

.px-107 {
    padding-left: 107px;
    padding-right: 107px
}

.px-108 {
    padding-left: 108px;
    padding-right: 108px
}

.px-109 {
    padding-left: 109px;
    padding-right: 109px
}

.px-110 {
    padding-left: 110px;
    padding-right: 110px
}

.px-111 {
    padding-left: 111px;
    padding-right: 111px
}

.px-112 {
    padding-left: 112px;
    padding-right: 112px
}

.px-113 {
    padding-left: 113px;
    padding-right: 113px
}

.px-114 {
    padding-left: 114px;
    padding-right: 114px
}

.px-115 {
    padding-left: 115px;
    padding-right: 115px
}

.px-116 {
    padding-left: 116px;
    padding-right: 116px
}

.px-117 {
    padding-left: 117px;
    padding-right: 117px
}

.px-118 {
    padding-left: 118px;
    padding-right: 118px
}

.px-119 {
    padding-left: 119px;
    padding-right: 119px
}

.px-120 {
    padding-left: 120px;
    padding-right: 120px
}

.px-121 {
    padding-left: 121px;
    padding-right: 121px
}

.px-122 {
    padding-left: 122px;
    padding-right: 122px
}

.px-123 {
    padding-left: 123px;
    padding-right: 123px
}

.px-124 {
    padding-left: 124px;
    padding-right: 124px
}

.px-125 {
    padding-left: 125px;
    padding-right: 125px
}

.px-126 {
    padding-left: 126px;
    padding-right: 126px
}

.px-127 {
    padding-left: 127px;
    padding-right: 127px
}

.px-128 {
    padding-left: 128px;
    padding-right: 128px
}

.px-129 {
    padding-left: 129px;
    padding-right: 129px
}

.px-130 {
    padding-left: 130px;
    padding-right: 130px
}

.px-131 {
    padding-left: 131px;
    padding-right: 131px
}

.px-132 {
    padding-left: 132px;
    padding-right: 132px
}

.px-133 {
    padding-left: 133px;
    padding-right: 133px
}

.px-134 {
    padding-left: 134px;
    padding-right: 134px
}

.px-135 {
    padding-left: 135px;
    padding-right: 135px
}

.px-136 {
    padding-left: 136px;
    padding-right: 136px
}

.px-137 {
    padding-left: 137px;
    padding-right: 137px
}

.px-138 {
    padding-left: 138px;
    padding-right: 138px
}

.px-139 {
    padding-left: 139px;
    padding-right: 139px
}

.px-140 {
    padding-left: 140px;
    padding-right: 140px
}

.px-141 {
    padding-left: 141px;
    padding-right: 141px
}

.px-142 {
    padding-left: 142px;
    padding-right: 142px
}

.px-143 {
    padding-left: 143px;
    padding-right: 143px
}

.px-144 {
    padding-left: 144px;
    padding-right: 144px
}

.px-145 {
    padding-left: 145px;
    padding-right: 145px
}

.px-146 {
    padding-left: 146px;
    padding-right: 146px
}

.px-147 {
    padding-left: 147px;
    padding-right: 147px
}

.px-148 {
    padding-left: 148px;
    padding-right: 148px
}

.px-149 {
    padding-left: 149px;
    padding-right: 149px
}

.px-150 {
    padding-left: 150px;
    padding-right: 150px
}

.py-1 {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-7 {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-9 {
    padding-top: 9px;
    padding-bottom: 9px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-11 {
    padding-top: 11px;
    padding-bottom: 11px
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-13 {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-14 {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.py-18 {
    padding-top: 18px;
    padding-bottom: 18px
}

.py-19 {
    padding-top: 19px;
    padding-bottom: 19px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-21 {
    padding-top: 21px;
    padding-bottom: 21px
}

.py-22 {
    padding-top: 22px;
    padding-bottom: 22px
}

.py-23 {
    padding-top: 23px;
    padding-bottom: 23px
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-26 {
    padding-top: 26px;
    padding-bottom: 26px
}

.py-27 {
    padding-top: 27px;
    padding-bottom: 27px
}

.py-28 {
    padding-top: 28px;
    padding-bottom: 28px
}

.py-29 {
    padding-top: 29px;
    padding-bottom: 29px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-31 {
    padding-top: 31px;
    padding-bottom: 31px
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px
}

.py-33 {
    padding-top: 33px;
    padding-bottom: 33px
}

.py-34 {
    padding-top: 34px;
    padding-bottom: 34px
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.py-36 {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-37 {
    padding-top: 37px;
    padding-bottom: 37px
}

.py-38 {
    padding-top: 38px;
    padding-bottom: 38px
}

.py-39 {
    padding-top: 39px;
    padding-bottom: 39px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-41 {
    padding-top: 41px;
    padding-bottom: 41px
}

.py-42 {
    padding-top: 42px;
    padding-bottom: 42px
}

.py-43 {
    padding-top: 43px;
    padding-bottom: 43px
}

.py-44 {
    padding-top: 44px;
    padding-bottom: 44px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-46 {
    padding-top: 46px;
    padding-bottom: 46px
}

.py-47 {
    padding-top: 47px;
    padding-bottom: 47px
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-49 {
    padding-top: 49px;
    padding-bottom: 49px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.py-51 {
    padding-top: 51px;
    padding-bottom: 51px
}

.py-52 {
    padding-top: 52px;
    padding-bottom: 52px
}

.py-53 {
    padding-top: 53px;
    padding-bottom: 53px
}

.py-54 {
    padding-top: 54px;
    padding-bottom: 54px
}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

.py-56 {
    padding-top: 56px;
    padding-bottom: 56px
}

.py-57 {
    padding-top: 57px;
    padding-bottom: 57px
}

.py-58 {
    padding-top: 58px;
    padding-bottom: 58px
}

.py-59 {
    padding-top: 59px;
    padding-bottom: 59px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-61 {
    padding-top: 61px;
    padding-bottom: 61px
}

.py-62 {
    padding-top: 62px;
    padding-bottom: 62px
}

.py-63 {
    padding-top: 63px;
    padding-bottom: 63px
}

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px
}

.py-65 {
    padding-top: 65px;
    padding-bottom: 65px
}

.py-66 {
    padding-top: 66px;
    padding-bottom: 66px
}

.py-67 {
    padding-top: 67px;
    padding-bottom: 67px
}

.py-68 {
    padding-top: 68px;
    padding-bottom: 68px
}

.py-69 {
    padding-top: 69px;
    padding-bottom: 69px
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.py-71 {
    padding-top: 71px;
    padding-bottom: 71px
}

.py-72 {
    padding-top: 72px;
    padding-bottom: 72px
}

.py-73 {
    padding-top: 73px;
    padding-bottom: 73px
}

.py-74 {
    padding-top: 74px;
    padding-bottom: 74px
}

.py-75 {
    padding-top: 75px;
    padding-bottom: 75px
}

.py-76 {
    padding-top: 76px;
    padding-bottom: 76px
}

.py-77 {
    padding-top: 77px;
    padding-bottom: 77px
}

.py-78 {
    padding-top: 78px;
    padding-bottom: 78px
}

.py-79 {
    padding-top: 79px;
    padding-bottom: 79px
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-81 {
    padding-top: 81px;
    padding-bottom: 81px
}

.py-82 {
    padding-top: 82px;
    padding-bottom: 82px
}

.py-83 {
    padding-top: 83px;
    padding-bottom: 83px
}

.py-84 {
    padding-top: 84px;
    padding-bottom: 84px
}

.py-85 {
    padding-top: 85px;
    padding-bottom: 85px
}

.py-86 {
    padding-top: 86px;
    padding-bottom: 86px
}

.py-87 {
    padding-top: 87px;
    padding-bottom: 87px
}

.py-88 {
    padding-top: 88px;
    padding-bottom: 88px
}

.py-89 {
    padding-top: 89px;
    padding-bottom: 89px
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.py-91 {
    padding-top: 91px;
    padding-bottom: 91px
}

.py-92 {
    padding-top: 92px;
    padding-bottom: 92px
}

.py-93 {
    padding-top: 93px;
    padding-bottom: 93px
}

.py-94 {
    padding-top: 94px;
    padding-bottom: 94px
}

.py-95 {
    padding-top: 95px;
    padding-bottom: 95px
}

.py-96 {
    padding-top: 96px;
    padding-bottom: 96px
}

.py-97 {
    padding-top: 97px;
    padding-bottom: 97px
}

.py-98 {
    padding-top: 98px;
    padding-bottom: 98px
}

.py-99 {
    padding-top: 99px;
    padding-bottom: 99px
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.py-101 {
    padding-top: 101px;
    padding-bottom: 101px
}

.py-102 {
    padding-top: 102px;
    padding-bottom: 102px
}

.py-103 {
    padding-top: 103px;
    padding-bottom: 103px
}

.py-104 {
    padding-top: 104px;
    padding-bottom: 104px
}

.py-105 {
    padding-top: 105px;
    padding-bottom: 105px
}

.py-106 {
    padding-top: 106px;
    padding-bottom: 106px
}

.py-107 {
    padding-top: 107px;
    padding-bottom: 107px
}

.py-108 {
    padding-top: 108px;
    padding-bottom: 108px
}

.py-109 {
    padding-top: 109px;
    padding-bottom: 109px
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

.py-111 {
    padding-top: 111px;
    padding-bottom: 111px
}

.py-112 {
    padding-top: 112px;
    padding-bottom: 112px
}

.py-113 {
    padding-top: 113px;
    padding-bottom: 113px
}

.py-114 {
    padding-top: 114px;
    padding-bottom: 114px
}

.py-115 {
    padding-top: 115px;
    padding-bottom: 115px
}

.py-116 {
    padding-top: 116px;
    padding-bottom: 116px
}

.py-117 {
    padding-top: 117px;
    padding-bottom: 117px
}

.py-118 {
    padding-top: 118px;
    padding-bottom: 118px
}

.py-119 {
    padding-top: 119px;
    padding-bottom: 119px
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.py-121 {
    padding-top: 121px;
    padding-bottom: 121px
}

.py-122 {
    padding-top: 122px;
    padding-bottom: 122px
}

.py-123 {
    padding-top: 123px;
    padding-bottom: 123px
}

.py-124 {
    padding-top: 124px;
    padding-bottom: 124px
}

.py-125 {
    padding-top: 125px;
    padding-bottom: 125px
}

.py-126 {
    padding-top: 126px;
    padding-bottom: 126px
}

.py-127 {
    padding-top: 127px;
    padding-bottom: 127px
}

.py-128 {
    padding-top: 128px;
    padding-bottom: 128px
}

.py-129 {
    padding-top: 129px;
    padding-bottom: 129px
}

.py-130 {
    padding-top: 130px;
    padding-bottom: 130px
}

.py-131 {
    padding-top: 131px;
    padding-bottom: 131px
}

.py-132 {
    padding-top: 132px;
    padding-bottom: 132px
}

.py-133 {
    padding-top: 133px;
    padding-bottom: 133px
}

.py-134 {
    padding-top: 134px;
    padding-bottom: 134px
}

.py-135 {
    padding-top: 135px;
    padding-bottom: 135px
}

.py-136 {
    padding-top: 136px;
    padding-bottom: 136px
}

.py-137 {
    padding-top: 137px;
    padding-bottom: 137px
}

.py-138 {
    padding-top: 138px;
    padding-bottom: 138px
}

.py-139 {
    padding-top: 139px;
    padding-bottom: 139px
}

.py-140 {
    padding-top: 140px;
    padding-bottom: 140px
}

.py-141 {
    padding-top: 141px;
    padding-bottom: 141px
}

.py-142 {
    padding-top: 142px;
    padding-bottom: 142px
}

.py-143 {
    padding-top: 143px;
    padding-bottom: 143px
}

.py-144 {
    padding-top: 144px;
    padding-bottom: 144px
}

.py-145 {
    padding-top: 145px;
    padding-bottom: 145px
}

.py-146 {
    padding-top: 146px;
    padding-bottom: 146px
}

.py-147 {
    padding-top: 147px;
    padding-bottom: 147px
}

.py-148 {
    padding-top: 148px;
    padding-bottom: 148px
}

.py-149 {
    padding-top: 149px;
    padding-bottom: 149px
}

.py-150 {
    padding-top: 150px;
    padding-bottom: 150px
}

.mx-1 {
    margin-left: 1px;
    margin-right: 1px
}

.mx-2 {
    margin-left: 2px;
    margin-right: 2px
}

.mx-3 {
    margin-left: 3px;
    margin-right: 3px
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.mx-5 {
    margin-left: 5px;
    margin-right: 5px
}

.mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.mx-7 {
    margin-left: 7px;
    margin-right: 7px
}

.mx-8 {
    margin-left: 8px;
    margin-right: 8px
}

.mx-9 {
    margin-left: 9px;
    margin-right: 9px
}

.mx-10 {
    margin-left: 10px;
    margin-right: 10px
}

.mx-11 {
    margin-left: 11px;
    margin-right: 11px
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px
}

.mx-13 {
    margin-left: 13px;
    margin-right: 13px
}

.mx-14 {
    margin-left: 14px;
    margin-right: 14px
}

.mx-15 {
    margin-left: 15px;
    margin-right: 15px
}

.mx-16 {
    margin-left: 16px;
    margin-right: 16px
}

.mx-17 {
    margin-left: 17px;
    margin-right: 17px
}

.mx-18 {
    margin-left: 18px;
    margin-right: 18px
}

.mx-19 {
    margin-left: 19px;
    margin-right: 19px
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px
}

.mx-21 {
    margin-left: 21px;
    margin-right: 21px
}

.mx-22 {
    margin-left: 22px;
    margin-right: 22px
}

.mx-23 {
    margin-left: 23px;
    margin-right: 23px
}

.mx-24 {
    margin-left: 24px;
    margin-right: 24px
}

.mx-25 {
    margin-left: 25px;
    margin-right: 25px
}

.mx-26 {
    margin-left: 26px;
    margin-right: 26px
}

.mx-27 {
    margin-left: 27px;
    margin-right: 27px
}

.mx-28 {
    margin-left: 28px;
    margin-right: 28px
}

.mx-29 {
    margin-left: 29px;
    margin-right: 29px
}

.mx-30 {
    margin-left: 30px;
    margin-right: 30px
}

.mx-31 {
    margin-left: 31px;
    margin-right: 31px
}

.mx-32 {
    margin-left: 32px;
    margin-right: 32px
}

.mx-33 {
    margin-left: 33px;
    margin-right: 33px
}

.mx-34 {
    margin-left: 34px;
    margin-right: 34px
}

.mx-35 {
    margin-left: 35px;
    margin-right: 35px
}

.mx-36 {
    margin-left: 36px;
    margin-right: 36px
}

.mx-37 {
    margin-left: 37px;
    margin-right: 37px
}

.mx-38 {
    margin-left: 38px;
    margin-right: 38px
}

.mx-39 {
    margin-left: 39px;
    margin-right: 39px
}

.mx-40 {
    margin-left: 40px;
    margin-right: 40px
}

.mx-41 {
    margin-left: 41px;
    margin-right: 41px
}

.mx-42 {
    margin-left: 42px;
    margin-right: 42px
}

.mx-43 {
    margin-left: 43px;
    margin-right: 43px
}

.mx-44 {
    margin-left: 44px;
    margin-right: 44px
}

.mx-45 {
    margin-left: 45px;
    margin-right: 45px
}

.mx-46 {
    margin-left: 46px;
    margin-right: 46px
}

.mx-47 {
    margin-left: 47px;
    margin-right: 47px
}

.mx-48 {
    margin-left: 48px;
    margin-right: 48px
}

.mx-49 {
    margin-left: 49px;
    margin-right: 49px
}

.mx-50 {
    margin-left: 50px;
    margin-right: 50px
}

.mx-51 {
    margin-left: 51px;
    margin-right: 51px
}

.mx-52 {
    margin-left: 52px;
    margin-right: 52px
}

.mx-53 {
    margin-left: 53px;
    margin-right: 53px
}

.mx-54 {
    margin-left: 54px;
    margin-right: 54px
}

.mx-55 {
    margin-left: 55px;
    margin-right: 55px
}

.mx-56 {
    margin-left: 56px;
    margin-right: 56px
}

.mx-57 {
    margin-left: 57px;
    margin-right: 57px
}

.mx-58 {
    margin-left: 58px;
    margin-right: 58px
}

.mx-59 {
    margin-left: 59px;
    margin-right: 59px
}

.mx-60 {
    margin-left: 60px;
    margin-right: 60px
}

.mx-61 {
    margin-left: 61px;
    margin-right: 61px
}

.mx-62 {
    margin-left: 62px;
    margin-right: 62px
}

.mx-63 {
    margin-left: 63px;
    margin-right: 63px
}

.mx-64 {
    margin-left: 64px;
    margin-right: 64px
}

.mx-65 {
    margin-left: 65px;
    margin-right: 65px
}

.mx-66 {
    margin-left: 66px;
    margin-right: 66px
}

.mx-67 {
    margin-left: 67px;
    margin-right: 67px
}

.mx-68 {
    margin-left: 68px;
    margin-right: 68px
}

.mx-69 {
    margin-left: 69px;
    margin-right: 69px
}

.mx-70 {
    margin-left: 70px;
    margin-right: 70px
}

.mx-71 {
    margin-left: 71px;
    margin-right: 71px
}

.mx-72 {
    margin-left: 72px;
    margin-right: 72px
}

.mx-73 {
    margin-left: 73px;
    margin-right: 73px
}

.mx-74 {
    margin-left: 74px;
    margin-right: 74px
}

.mx-75 {
    margin-left: 75px;
    margin-right: 75px
}

.mx-76 {
    margin-left: 76px;
    margin-right: 76px
}

.mx-77 {
    margin-left: 77px;
    margin-right: 77px
}

.mx-78 {
    margin-left: 78px;
    margin-right: 78px
}

.mx-79 {
    margin-left: 79px;
    margin-right: 79px
}

.mx-80 {
    margin-left: 80px;
    margin-right: 80px
}

.mx-81 {
    margin-left: 81px;
    margin-right: 81px
}

.mx-82 {
    margin-left: 82px;
    margin-right: 82px
}

.mx-83 {
    margin-left: 83px;
    margin-right: 83px
}

.mx-84 {
    margin-left: 84px;
    margin-right: 84px
}

.mx-85 {
    margin-left: 85px;
    margin-right: 85px
}

.mx-86 {
    margin-left: 86px;
    margin-right: 86px
}

.mx-87 {
    margin-left: 87px;
    margin-right: 87px
}

.mx-88 {
    margin-left: 88px;
    margin-right: 88px
}

.mx-89 {
    margin-left: 89px;
    margin-right: 89px
}

.mx-90 {
    margin-left: 90px;
    margin-right: 90px
}

.mx-91 {
    margin-left: 91px;
    margin-right: 91px
}

.mx-92 {
    margin-left: 92px;
    margin-right: 92px
}

.mx-93 {
    margin-left: 93px;
    margin-right: 93px
}

.mx-94 {
    margin-left: 94px;
    margin-right: 94px
}

.mx-95 {
    margin-left: 95px;
    margin-right: 95px
}

.mx-96 {
    margin-left: 96px;
    margin-right: 96px
}

.mx-97 {
    margin-left: 97px;
    margin-right: 97px
}

.mx-98 {
    margin-left: 98px;
    margin-right: 98px
}

.mx-99 {
    margin-left: 99px;
    margin-right: 99px
}

.mx-100 {
    margin-left: 100px;
    margin-right: 100px
}

.mx-101 {
    margin-left: 101px;
    margin-right: 101px
}

.mx-102 {
    margin-left: 102px;
    margin-right: 102px
}

.mx-103 {
    margin-left: 103px;
    margin-right: 103px
}

.mx-104 {
    margin-left: 104px;
    margin-right: 104px
}

.mx-105 {
    margin-left: 105px;
    margin-right: 105px
}

.mx-106 {
    margin-left: 106px;
    margin-right: 106px
}

.mx-107 {
    margin-left: 107px;
    margin-right: 107px
}

.mx-108 {
    margin-left: 108px;
    margin-right: 108px
}

.mx-109 {
    margin-left: 109px;
    margin-right: 109px
}

.mx-110 {
    margin-left: 110px;
    margin-right: 110px
}

.mx-111 {
    margin-left: 111px;
    margin-right: 111px
}

.mx-112 {
    margin-left: 112px;
    margin-right: 112px
}

.mx-113 {
    margin-left: 113px;
    margin-right: 113px
}

.mx-114 {
    margin-left: 114px;
    margin-right: 114px
}

.mx-115 {
    margin-left: 115px;
    margin-right: 115px
}

.mx-116 {
    margin-left: 116px;
    margin-right: 116px
}

.mx-117 {
    margin-left: 117px;
    margin-right: 117px
}

.mx-118 {
    margin-left: 118px;
    margin-right: 118px
}

.mx-119 {
    margin-left: 119px;
    margin-right: 119px
}

.mx-120 {
    margin-left: 120px;
    margin-right: 120px
}

.mx-121 {
    margin-left: 121px;
    margin-right: 121px
}

.mx-122 {
    margin-left: 122px;
    margin-right: 122px
}

.mx-123 {
    margin-left: 123px;
    margin-right: 123px
}

.mx-124 {
    margin-left: 124px;
    margin-right: 124px
}

.mx-125 {
    margin-left: 125px;
    margin-right: 125px
}

.mx-126 {
    margin-left: 126px;
    margin-right: 126px
}

.mx-127 {
    margin-left: 127px;
    margin-right: 127px
}

.mx-128 {
    margin-left: 128px;
    margin-right: 128px
}

.mx-129 {
    margin-left: 129px;
    margin-right: 129px
}

.mx-130 {
    margin-left: 130px;
    margin-right: 130px
}

.mx-131 {
    margin-left: 131px;
    margin-right: 131px
}

.mx-132 {
    margin-left: 132px;
    margin-right: 132px
}

.mx-133 {
    margin-left: 133px;
    margin-right: 133px
}

.mx-134 {
    margin-left: 134px;
    margin-right: 134px
}

.mx-135 {
    margin-left: 135px;
    margin-right: 135px
}

.mx-136 {
    margin-left: 136px;
    margin-right: 136px
}

.mx-137 {
    margin-left: 137px;
    margin-right: 137px
}

.mx-138 {
    margin-left: 138px;
    margin-right: 138px
}

.mx-139 {
    margin-left: 139px;
    margin-right: 139px
}

.mx-140 {
    margin-left: 140px;
    margin-right: 140px
}

.mx-141 {
    margin-left: 141px;
    margin-right: 141px
}

.mx-142 {
    margin-left: 142px;
    margin-right: 142px
}

.mx-143 {
    margin-left: 143px;
    margin-right: 143px
}

.mx-144 {
    margin-left: 144px;
    margin-right: 144px
}

.mx-145 {
    margin-left: 145px;
    margin-right: 145px
}

.mx-146 {
    margin-left: 146px;
    margin-right: 146px
}

.mx-147 {
    margin-left: 147px;
    margin-right: 147px
}

.mx-148 {
    margin-left: 148px;
    margin-right: 148px
}

.mx-149 {
    margin-left: 149px;
    margin-right: 149px
}

.mx-150 {
    margin-left: 150px;
    margin-right: 150px
}

.my-1 {
    margin-top: 1px;
    margin-bottom: 1px
}

.my-2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.my-3 {
    margin-top: 3px;
    margin-bottom: 3px
}

.my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-6 {
    margin-top: 6px;
    margin-bottom: 6px
}

.my-7 {
    margin-top: 7px;
    margin-bottom: 7px
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.my-9 {
    margin-top: 9px;
    margin-bottom: 9px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-11 {
    margin-top: 11px;
    margin-bottom: 11px
}

.my-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-13 {
    margin-top: 13px;
    margin-bottom: 13px
}

.my-14 {
    margin-top: 14px;
    margin-bottom: 14px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-17 {
    margin-top: 17px;
    margin-bottom: 17px
}

.my-18 {
    margin-top: 18px;
    margin-bottom: 18px
}

.my-19 {
    margin-top: 19px;
    margin-bottom: 19px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-21 {
    margin-top: 21px;
    margin-bottom: 21px
}

.my-22 {
    margin-top: 22px;
    margin-bottom: 22px
}

.my-23 {
    margin-top: 23px;
    margin-bottom: 23px
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.my-26 {
    margin-top: 26px;
    margin-bottom: 26px
}

.my-27 {
    margin-top: 27px;
    margin-bottom: 27px
}

.my-28 {
    margin-top: 28px;
    margin-bottom: 28px
}

.my-29 {
    margin-top: 29px;
    margin-bottom: 29px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-31 {
    margin-top: 31px;
    margin-bottom: 31px
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.my-33 {
    margin-top: 33px;
    margin-bottom: 33px
}

.my-34 {
    margin-top: 34px;
    margin-bottom: 34px
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.my-36 {
    margin-top: 36px;
    margin-bottom: 36px
}

.my-37 {
    margin-top: 37px;
    margin-bottom: 37px
}

.my-38 {
    margin-top: 38px;
    margin-bottom: 38px
}

.my-39 {
    margin-top: 39px;
    margin-bottom: 39px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-41 {
    margin-top: 41px;
    margin-bottom: 41px
}

.my-42 {
    margin-top: 42px;
    margin-bottom: 42px
}

.my-43 {
    margin-top: 43px;
    margin-bottom: 43px
}

.my-44 {
    margin-top: 44px;
    margin-bottom: 44px
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.my-46 {
    margin-top: 46px;
    margin-bottom: 46px
}

.my-47 {
    margin-top: 47px;
    margin-bottom: 47px
}

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px
}

.my-49 {
    margin-top: 49px;
    margin-bottom: 49px
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.my-51 {
    margin-top: 51px;
    margin-bottom: 51px
}

.my-52 {
    margin-top: 52px;
    margin-bottom: 52px
}

.my-53 {
    margin-top: 53px;
    margin-bottom: 53px
}

.my-54 {
    margin-top: 54px;
    margin-bottom: 54px
}

.my-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

.my-56 {
    margin-top: 56px;
    margin-bottom: 56px
}

.my-57 {
    margin-top: 57px;
    margin-bottom: 57px
}

.my-58 {
    margin-top: 58px;
    margin-bottom: 58px
}

.my-59 {
    margin-top: 59px;
    margin-bottom: 59px
}

.my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.my-61 {
    margin-top: 61px;
    margin-bottom: 61px
}

.my-62 {
    margin-top: 62px;
    margin-bottom: 62px
}

.my-63 {
    margin-top: 63px;
    margin-bottom: 63px
}

.my-64 {
    margin-top: 64px;
    margin-bottom: 64px
}

.my-65 {
    margin-top: 65px;
    margin-bottom: 65px
}

.my-66 {
    margin-top: 66px;
    margin-bottom: 66px
}

.my-67 {
    margin-top: 67px;
    margin-bottom: 67px
}

.my-68 {
    margin-top: 68px;
    margin-bottom: 68px
}

.my-69 {
    margin-top: 69px;
    margin-bottom: 69px
}

.my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.my-71 {
    margin-top: 71px;
    margin-bottom: 71px
}

.my-72 {
    margin-top: 72px;
    margin-bottom: 72px
}

.my-73 {
    margin-top: 73px;
    margin-bottom: 73px
}

.my-74 {
    margin-top: 74px;
    margin-bottom: 74px
}

.my-75 {
    margin-top: 75px;
    margin-bottom: 75px
}

.my-76 {
    margin-top: 76px;
    margin-bottom: 76px
}

.my-77 {
    margin-top: 77px;
    margin-bottom: 77px
}

.my-78 {
    margin-top: 78px;
    margin-bottom: 78px
}

.my-79 {
    margin-top: 79px;
    margin-bottom: 79px
}

.my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.my-81 {
    margin-top: 81px;
    margin-bottom: 81px
}

.my-82 {
    margin-top: 82px;
    margin-bottom: 82px
}

.my-83 {
    margin-top: 83px;
    margin-bottom: 83px
}

.my-84 {
    margin-top: 84px;
    margin-bottom: 84px
}

.my-85 {
    margin-top: 85px;
    margin-bottom: 85px
}

.my-86 {
    margin-top: 86px;
    margin-bottom: 86px
}

.my-87 {
    margin-top: 87px;
    margin-bottom: 87px
}

.my-88 {
    margin-top: 88px;
    margin-bottom: 88px
}

.my-89 {
    margin-top: 89px;
    margin-bottom: 89px
}

.my-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.my-91 {
    margin-top: 91px;
    margin-bottom: 91px
}

.my-92 {
    margin-top: 92px;
    margin-bottom: 92px
}

.my-93 {
    margin-top: 93px;
    margin-bottom: 93px
}

.my-94 {
    margin-top: 94px;
    margin-bottom: 94px
}

.my-95 {
    margin-top: 95px;
    margin-bottom: 95px
}

.my-96 {
    margin-top: 96px;
    margin-bottom: 96px
}

.my-97 {
    margin-top: 97px;
    margin-bottom: 97px
}

.my-98 {
    margin-top: 98px;
    margin-bottom: 98px
}

.my-99 {
    margin-top: 99px;
    margin-bottom: 99px
}

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.my-101 {
    margin-top: 101px;
    margin-bottom: 101px
}

.my-102 {
    margin-top: 102px;
    margin-bottom: 102px
}

.my-103 {
    margin-top: 103px;
    margin-bottom: 103px
}

.my-104 {
    margin-top: 104px;
    margin-bottom: 104px
}

.my-105 {
    margin-top: 105px;
    margin-bottom: 105px
}

.my-106 {
    margin-top: 106px;
    margin-bottom: 106px
}

.my-107 {
    margin-top: 107px;
    margin-bottom: 107px
}

.my-108 {
    margin-top: 108px;
    margin-bottom: 108px
}

.my-109 {
    margin-top: 109px;
    margin-bottom: 109px
}

.my-110 {
    margin-top: 110px;
    margin-bottom: 110px
}

.my-111 {
    margin-top: 111px;
    margin-bottom: 111px
}

.my-112 {
    margin-top: 112px;
    margin-bottom: 112px
}

.my-113 {
    margin-top: 113px;
    margin-bottom: 113px
}

.my-114 {
    margin-top: 114px;
    margin-bottom: 114px
}

.my-115 {
    margin-top: 115px;
    margin-bottom: 115px
}

.my-116 {
    margin-top: 116px;
    margin-bottom: 116px
}

.my-117 {
    margin-top: 117px;
    margin-bottom: 117px
}

.my-118 {
    margin-top: 118px;
    margin-bottom: 118px
}

.my-119 {
    margin-top: 119px;
    margin-bottom: 119px
}

.my-120 {
    margin-top: 120px;
    margin-bottom: 120px
}

.my-121 {
    margin-top: 121px;
    margin-bottom: 121px
}

.my-122 {
    margin-top: 122px;
    margin-bottom: 122px
}

.my-123 {
    margin-top: 123px;
    margin-bottom: 123px
}

.my-124 {
    margin-top: 124px;
    margin-bottom: 124px
}

.my-125 {
    margin-top: 125px;
    margin-bottom: 125px
}

.my-126 {
    margin-top: 126px;
    margin-bottom: 126px
}

.my-127 {
    margin-top: 127px;
    margin-bottom: 127px
}

.my-128 {
    margin-top: 128px;
    margin-bottom: 128px
}

.my-129 {
    margin-top: 129px;
    margin-bottom: 129px
}

.my-130 {
    margin-top: 130px;
    margin-bottom: 130px
}

.my-131 {
    margin-top: 131px;
    margin-bottom: 131px
}

.my-132 {
    margin-top: 132px;
    margin-bottom: 132px
}

.my-133 {
    margin-top: 133px;
    margin-bottom: 133px
}

.my-134 {
    margin-top: 134px;
    margin-bottom: 134px
}

.my-135 {
    margin-top: 135px;
    margin-bottom: 135px
}

.my-136 {
    margin-top: 136px;
    margin-bottom: 136px
}

.my-137 {
    margin-top: 137px;
    margin-bottom: 137px
}

.my-138 {
    margin-top: 138px;
    margin-bottom: 138px
}

.my-139 {
    margin-top: 139px;
    margin-bottom: 139px
}

.my-140 {
    margin-top: 140px;
    margin-bottom: 140px
}

.my-141 {
    margin-top: 141px;
    margin-bottom: 141px
}

.my-142 {
    margin-top: 142px;
    margin-bottom: 142px
}

.my-143 {
    margin-top: 143px;
    margin-bottom: 143px
}

.my-144 {
    margin-top: 144px;
    margin-bottom: 144px
}

.my-145 {
    margin-top: 145px;
    margin-bottom: 145px
}

.my-146 {
    margin-top: 146px;
    margin-bottom: 146px
}

.my-147 {
    margin-top: 147px;
    margin-bottom: 147px
}

.my-148 {
    margin-top: 148px;
    margin-bottom: 148px
}

.my-149 {
    margin-top: 149px;
    margin-bottom: 149px
}

.my-150 {
    margin-top: 150px;
    margin-bottom: 150px
}

.rts-section-gap {
    padding: 140px 0
}

@media screen and (max-width:1199px) {
    .rts-section-gap {
        padding: 100px 0
    }
}

@media screen and (max-width:991px) {
    .rts-section-gap {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .rts-section-gap {
        padding: 60px 0
    }
}

.rts-section-gap2 {
    padding: 120px 0
}

@media screen and (max-width:991px) {
    .rts-section-gap2 {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .rts-section-gap2 {
        padding: 60px 0
    }
}

.rts-section-gapTop {
    padding-top: 140px
}

@media screen and (max-width:1199px) {
    .rts-section-gapTop {
        padding-top: 100px
    }
}

@media screen and (max-width:991px) {
    .rts-section-gapTop {
        padding-top: 80px
    }
}

@media screen and (max-width:767px) {
    .rts-section-gapTop {
        padding-top: 60px
    }
}

.rts-section-gapTop2 {
    padding-top: 120px
}

@media screen and (max-width:991px) {
    .rts-section-gapTop2 {
        padding-top: 80px
    }
}

@media screen and (max-width:767px) {
    .rts-section-gapTop2 {
        padding-top: 60px
    }
}

.rts-section-gapBottom {
    padding-bottom: 140px
}

@media screen and (max-width:1199px) {
    .rts-section-gapBottom {
        padding-bottom: 100px
    }
}

@media screen and (max-width:991px) {
    .rts-section-gapBottom {
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .rts-section-gapBottom {
        padding-bottom: 60px
    }
}

.rts-section-gapBottom2 {
    padding-bottom: 120px
}

@media screen and (max-width:991px) {
    .rts-section-gapBottom2 {
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .rts-section-gapBottom2 {
        padding-bottom: 60px
    }
}

.animated {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg);
        transform: translate3d(10%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg);
        transform: translate3d(10%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(10%, 0, 0) skewX(30deg);
        transform: translate3d(10%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(10%, 0, 0) skewX(30deg);
        transform: translate3d(10%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.bg-green {
    background: var(--heading-color)
}

.bg-neon {
    background: var(--heading-color-2)
}

.bg-light-lime {
    background: var(--heading-color-3)
}

.bg-light {
    background: #F9FAFB !important
}

.rts-dot-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgb(0 70 56 / .3);
    opacity: 1;
    border-radius: 8px;
    transition: all 0.3s ease
}

.rts-dot-pagination .swiper-pagination-bullet-active {
    width: 34px;
    height: 8px;
    background: var(--heading-color);
    border-radius: 8px
}

.rts-dot-pagination.style-2 .swiper-pagination-bullet {
    background: var(--heading-color-4)
}

.rts-dot-pagination.style-2 .swiper-pagination-bullet-active {
    background: var(--heading-color)
}

.container-fluid {
    padding: 0 100px
}

@media screen and (max-width:1199px) {
    .container-fluid {
        padding: 0 50px
    }
}

@media screen and (max-width:991px) {
    .container-fluid {
        padding: 0 30px
    }
}

@media screen and (max-width:767px) {
    .container-fluid {
        padding: 0 15px
    }
}

.container-fluid.style-2 {
    padding: 0 200px
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
    .container-fluid.style-2 {
        padding: 0 100px
    }
}

@media screen and (max-width:1199px) {
    .container-fluid.style-2 {
        padding: 0 50px
    }
}

@media screen and (max-width:991px) {
    .container-fluid.style-2 {
        padding: 0 30px
    }
}

@media screen and (max-width:767px) {
    .container-fluid.style-2 {
        padding: 0 15px
    }
}

.btn-close-white {
    color: var(--rts-white);
    opacity: 1
}

.ripple {
    position: relative
}

.ripple::before,
.ripple::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgb(255 255 255 / .5);
    animation: rippleOne 3s infinite
}

.ripple::before {
    animation-delay: 0.9s
}

.ripple::after {
    animation-delay: 0.6s
}

@keyframes rippleOne {
    0% {
        box-shadow: 0 0 0 0 rgb(255 255 255 / .5)
    }

    70% {
        box-shadow: 0 0 0 30px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

.rts-paginations {
    text-align: center
}

.rts-paginations ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0
}

.rts-paginations ul .page-number {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff0;
    color: var(--rts-heading);
    cursor: pointer;
    transition: var(--transition)
}

.rts-paginations ul .page-number:hover {
    background: var(--heading-color);
    color: var(--rts-white)
}

.rts-paginations ul .active .page-number {
    background: var(--heading-color);
    color: var(--rts-white)
}

.container,
.container-1520,
.container-1534,
.container-1428,
.container-1290,
.container-1487 {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media (min-width:576px) {

    .container,
    .container-1520,
    .container-1534,
    .container-1428,
    .container-1290,
    .container-1487 {
        max-width: 100%
    }
}

@media (min-width:768px) {

    .container,
    .container-1520,
    .container-1534,
    .container-1428,
    .container-1290,
    .container-1487 {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-1520,
    .container-1534,
    .container-1428,
    .container-1290,
    .container-1487 {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-1520,
    .container-1534,
    .container-1428,
    .container-1290,
    .container-1487 {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1720px;
        margin: 0 auto
    }
}

@media (min-width:1400px) {
    .container-1487 {
        max-width: 1487px
    }
}

@media (min-width:1400px) {
    .container-1534 {
        max-width: 1534px
    }
}

@media (min-width:1440px) {
    .container-1428 {
        max-width: 1428px
    }
}

@media (min-width:1440px) {
    .container-1520 {
        max-width: 1520px
    }
}

@media (min-width:1440px) {
    .container-1290 {
        max-width: 1290px
    }
}

.g-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px
}

.g-80 {
    --bs-gutter-x: 80px;
    --bs-gutter-y: 80px
}

@media screen and (max-width:1199px) {
    .g-80 {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px
    }
}

@media screen and (max-width:991px) {
    .or1 {
        order: 1 !important
    }
}

@media screen and (max-width:991px) {
    .or-1 {
        order: -1 !important
    }
}

.rts-page-nav {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media screen and (max-width:767px) {
    .rts-page-nav {
        flex-wrap: wrap
    }
}

.rts-page-nav .page-prev,
.rts-page-nav .page-next {
    width: 66px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    font-size: 16px;
    font-weight: var(--f-medium);
    color: #333
}

.rts-page-nav .page-prev {
    color: #CCC
}

.rts-page-nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.rts-page-nav ul li a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    font-size: 16px;
    font-weight: var(--f-semi-bold);
    color: #333;
    transition: var(--transition)
}

.rts-page-nav ul li a.active {
    background: #004638;
    color: var(--rts-white)
}

.rts-page-nav ul li a:hover {
    background: #004638;
    color: var(--rts-white)
}

.reveal {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden
}

.reveal img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left
}

.wow {
    visibility: hidden
}

@media screen and (max-width:767px) {
    .overflow-x-visible {
        overflow-x: hidden !important
    }
}

.animated {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg);
        transform: translate3d(10%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg);
        transform: translate3d(10%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(10%, 0, 0) skewX(30deg);
        transform: translate3d(10%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(10%, 0, 0) skewX(30deg);
        transform: translate3d(10%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

select {
    appearance: none;
    outline: none;
    border: none;
    background-color: #fff0
}

.nice-select {
    width: 100%;
    height: auto;
    font-size: inherit;
    position: relative
}

.nice-select.open::before {
    content: "\f077";
    font-family: var(--fontawesome-pro);
    transition: var(--transition)
}

.nice-select ul.list {
    width: 100%
}

.nice-select ul.list li.selected {
    font-weight: 500
}

.nice-select:focus {
    border-color: #fff0
}

.nice-select::before {
    position: absolute;
    content: "\f078";
    font-family: var(--fontawesome-pro);
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: var(--rts-heading);
    font-size: 12px;
    transition: var(--transition)
}

.nice-select::after {
    border-bottom: 0;
    border-right: 0
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--rts-button-1);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

input:checked+.slider {
    background-color: var(--rts-button-1)
}

input:checked+.slider:before {
    transform: translateX(30px)
}

.newsletter {
    position: relative;
    max-width: 310px
}

@media screen and (max-width:575px) {
    .newsletter {
        max-width: 100%
    }
}

.newsletter input {
    position: relative;
    padding: 20px 18px;
    padding-right: 120px;
    border-radius: 10px;
    border: 0;
    width: 100%
}

.newsletter button {
    position: absolute;
    right: 15px;
    padding: 10px;
    border-radius: 6px;
    font-size: 16px
}

.single__input {
    position: relative
}

.checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkbox label {
    position: relative;
    cursor: pointer;
    font-size: 16px
}

.checkbox label::before {
    content: "";
    -webkit-appearance: none;
    background-color: #fff0;
    border: 1px solid var(--heading-color);
    box-shadow: 0 1px 2px rgb(0 0 0 / .05), inset 0 -15px 10px -12px rgb(0 0 0 / .05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 6px;
    margin-right: 20px;
    top: -2px;
    height: 20px;
    width: 20px
}

.checkbox input:checked+label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid var(--heading-color);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.checkbox input:checked+label::before {
    background-color: var(--rts-button-1);
    border-radius: 6px
}

textarea::placeholder,
input::placeholder {
    color: var(--rts-para) !important
}

input:focus {
    outline: none
}

[data-theme=dark] select {
    color: #999999 !important
}

[data-theme=dark] textarea::placeholder,
[data-theme=dark] input::placeholder {
    color: #999999 !important
}

input {
    transition: border-color 0.3s ease
}

textarea:focus,
input:focus {
    outline: 1px solid var(--heading-color)
}

textarea:focus-visible,
input:focus-visible {
    outline: 1px solid var(--heading-color)
}

@media screen and (max-width:991px) {
    .rts__main__menu {
        display: none
    }
}

.rts__main__menu nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rts__main__menu nav ul li {
    position: relative;
    display: inline-block;
    margin-right: 25px;
    transition: var(--transition)
}

.rts__main__menu nav ul li>a {
    color: var(--rts-black);
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: var(--f-regular);
    text-transform: capitalize;
    padding: 25px 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: var(--transition)
}

.rts__main__menu nav ul li>.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: var(--rts-white);
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0 12px 25px rgb(0 0 0 / .08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: var(--transition);
    z-index: 99
}

.rts__main__menu nav ul li>.sub-menu li {
    display: block;
    margin: 0
}

.rts__main__menu nav ul li>.sub-menu li a {
    display: block;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--rts-black);
    transition: var(--transition);
    border-radius: 6px
}

.rts__main__menu nav ul li>.sub-menu li a:hover {
    background: #f5f5f5;
    color: var(--rts-black);
    padding-left: 25px
}

.rts__main__menu nav ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rts__main__menu nav ul li:last-child {
    margin-right: 0
}

.rts__main__menu nav ul:hover>li>a {
    color: #747474
}

.rts__main__menu nav ul>li:hover>a {
    color: var(--rts-black);
    font-weight: var(--f-semi-bold)
}

.rts-btn {
    min-width: max-content;
    max-width: max-content;
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: var(--f-semi-bold)
}

.rts-btn.btn-primary {
    background: var(--btn-color);
    color: #212121;
    padding: 16px 32px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s
}

.rts-btn.btn-primary::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--rts-black);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1
}

.rts-btn.btn-primary:hover {
    color: var(--rts-white)
}

.rts-btn.btn-primary:hover::before {
    top: -40%
}

.rts__circle {
    max-width: max-content;
    border-radius: 50%
}

.rts__circle-2 {
    position: absolute;
    left: 0;
    bottom: 0
}

.rts__circle svg {
    height: 150px;
    width: 150px;
    position: relative;
    padding: 1px;
    animation: rotate 9s linear infinite
}

@media screen and (max-width:767px) {
    .rts__circle svg {
        height: 100px;
        width: 100px
    }
}

.rts__circle svg text textPath {
    font-size: 10px;
    fill: var(--rts-heading);
    font-family: var(--font-primary);
    font-weight: 400
}

.rts__circle svg text textPath.style-2 {
    fill: var(--rts-white)
}

.rts__circle--icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rts__circle--icon.style-2 {
    width: 75px;
    height: 75px;
    background: var(--heading-color-2);
    border-radius: 50%;
    line-height: 75px;
    text-align: center;
    color: var(--rts-heading)
}

.rts__circle--icon.style-2 i {
    font-size: 20px;
    transform: rotate(-45deg)
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

.rts__back__top {
    background: var(--btn-color);
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    border-radius: 25px;
    display: none;
    text-align: center;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    transition: var(--transition);
    border: 0
}

.rts__back__top.show {
    display: block;
    bottom: 30px;
    opacity: 1
}

.slider-button-next,
.slider-button-prev {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.slider-button-prev,
.slider-rtl .slider-button-next {
    left: 10px;
    right: auto
}

.slider-button-prev svg path,
.slider-rtl .slider-button-next svg path {
    transition: var(--transition)
}

.slider-button-prev:hover svg path,
.slider-rtl .slider-button-next:hover svg path {
    fill: var(--rts-heading)
}

.slider-button-next,
.slider-rtl .slider-button-prev {
    right: 10px;
    left: auto
}

.slider-button-next svg path,
.slider-rtl .slider-button-prev svg path {
    transition: var(--transition)
}

.slider-button-next:hover svg path,
.slider-rtl .slider-button-prev:hover svg path {
    fill: var(--rts-heading)
}

.is__room__slider .slider-button-next svg path,
.is__room__slider .slider-button-prev svg path {
    transition: var(--transition)
}

.is__room__slider .slider-button-next:hover svg path,
.is__room__slider .slider-button-prev:hover svg path {
    fill: var(--rts-white)
}

@media screen and (max-width:991px) {
    .full__width__nav {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.slider__navigation {
    display: flex;
    gap: 10px;
    align-items: center;
    max-width: max-content;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9
}

@media screen and (max-width:767px) {
    .slider__navigation {
        display: none
    }
}

.slider__navigation .nav__btn {
    border: 1px solid var(--rts-border);
    max-width: max-content;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1;
    transition: var(--transition)
}

.slider__navigation .nav__btn:hover {
    background-color: var(--heading-color) !important
}

.slider__navigation .nav__btn:hover img {
    filter: invert(100)
}

.slider__navigation .nav__btn img {
    transition: var(--transition)
}

.testimonial__slider__style__two {
    position: relative
}

.testimonial__slider__style__two .slider__navigation {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.testimonial__slider__style__three {
    position: relative
}

.testimonial__slider__style__three .slider__navigation {
    position: absolute;
    left: -45px;
    bottom: 50%;
    z-index: 1;
    transform: translate(0, 50%)
}

@media screen and (max-width:991px) {
    .testimonial__slider__style__three .slider__navigation {
        display: none
    }
}

.testimonial__slider__style__three .slider__navigation .nav__btn {
    background-color: var(--rts-white)
}

.rts__pagination {
    padding-top: 40px;
    max-width: max-content;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .rts__pagination {
        padding-top: 80px
    }
}

.rts-pagination {
    display: flex;
    gap: 6px
}

.rts-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    transition: var(--transition)
}

.rts-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--heading-color)
}

[data-theme=dark] .rts-pagination .swiper-pagination-bullet {
    background: #fff
}

.section-title .sub-title {
    height: max-content;
    width: max-content;
    display: inline-block;
    color: var(--heading-color);
    padding: 9px 18px;
    font-size: 14px;
    font-family: var(--font-primary);
    font-weight: 500;
    border: 1px solid var(--rts-border);
    border-radius: 100px;
    line-height: 1;
    margin-bottom: 20px
}

.section-title .sub-title-two {
    height: max-content;
    width: max-content;
    display: inline-block;
    color: #004638;
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    margin-bottom: 12px
}

.section-title .sub-title-two .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: var(--rts-neon);
    border-radius: 100%;
    margin-right: 12px
}

.section-title .heading-title {
    color: var(--rts-heading);
    font-size: 56px;
    font-family: var(--font-primary);
    font-weight: var(--f-semi-bold);
    line-height: 1.2
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .section-title .heading-title {
        font-size: 50px
    }
}

@media screen and (max-width:991px) {
    .section-title .heading-title {
        font-size: 40px
    }

    .section-title .heading-title br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .section-title .heading-title {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .section-title .heading-title {
        font-size: 25px
    }
}

.section-title .heading-title-two {
    color: var(--rts-heading);
    font-size: 48px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    line-height: 1.2
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .section-title .heading-title-two {
        font-size: 40px
    }
}

@media screen and (max-width:991px) {
    .section-title .heading-title-two {
        font-size: 35px
    }

    .section-title .heading-title-two br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .section-title .heading-title-two {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .section-title .heading-title-two {
        font-size: 25px
    }
}

.section-title .heading-title-three {
    color: var(--rts-heading);
    font-size: 56px;
    font-family: var(--font-primary);
    font-weight: var(--f-semi-bold);
    line-height: 1.3
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .section-title .heading-title-three {
        font-size: 50px
    }
}

@media screen and (max-width:1199px) {
    .section-title .heading-title-three {
        font-size: 35px
    }
}

@media screen and (max-width:991px) {
    .section-title .heading-title-three br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .section-title .heading-title-three {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .section-title .heading-title-three {
        font-size: 25px
    }
}

.rts__breadcrumb__content {
    margin-top: 15px;
    height: 390px;
    border-radius: 40px;
    text-align: center;
    place-content: center
}

@media screen and (max-width:1199px) {
    .rts__breadcrumb__content {
        height: 300px
    }
}

@media screen and (max-width:991px) {
    .rts__breadcrumb__content {
        height: 250px
    }
}

@media screen and (max-width:575px) {
    .rts__breadcrumb__content {
        height: 200px
    }
}

.rts__breadcrumb__content.bg-two {
    height: 600px
}

@media screen and (max-width:1199px) {
    .rts__breadcrumb__content.bg-two {
        height: 500px
    }
}

@media screen and (max-width:991px) {
    .rts__breadcrumb__content.bg-two {
        height: 400px
    }
}

@media screen and (max-width:575px) {
    .rts__breadcrumb__content.bg-two {
        height: 300px
    }
}

.rts__breadcrumb__content .list {
    padding: 8px 18px;
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    line-height: 1
}

.rts__breadcrumb__content .list li,
.rts__breadcrumb__content .list a {
    font-size: 14px;
    color: var(--rts-white)
}

.rts__breadcrumb__content .title {
    color: var(--rts-white);
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 64px;
    font-weight: var(--f-medium);
    line-height: 70px;
    letter-spacing: -.04em
}

@media screen and (max-width:1199px) {
    .rts__breadcrumb__content .title {
        font-size: 48px;
        line-height: 1
    }
}

@media screen and (max-width:991px) {
    .rts__breadcrumb__content .title {
        font-size: 40px
    }
}

@media screen and (max-width:575px) {
    .rts__breadcrumb__content .title {
        font-size: 35px
    }
}

.rts__breadcrumb__content.inner__one {
    height: auto;
    text-align: start
}

.rts__breadcrumb__content.inner__one .list {
    border-color: rgb(0 0 0 / .1)
}

.rts__breadcrumb__content.inner__one .list li,
.rts__breadcrumb__content.inner__one .list a {
    color: var(--rts-black)
}

.rts__breadcrumb__content.inner__one .title {
    color: var(--rts-black);
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .rts__breadcrumb__content.inner__one .title br {
        display: none
    }
}

.rts__breadcrumb__content.inner__one .title.two {
    max-width: 850px
}

@media screen and (max-width:575px) {
    .rts__breadcrumb__content.inner__one .title.two {
        font-size: 30px;
        line-height: 1.3
    }
}

.rts__breadcrumb__content.inner__one .desc {
    max-width: 850px;
    color: #666;
    line-height: 1.5
}

@media screen and (max-width:575px) {
    .rts__breadcrumb__content.inner__one .desc {
        line-height: 1.2
    }
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000
}

.loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    background: var(--rts-white);
    width: 50%;
    height: 100%;
    z-index: 5000
}

.loader-wrapper .loader-section.section-left {
    left: 0
}

.loader-wrapper .loader-section.section-right {
    right: 0
}

.loader-wrapper .loader {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    z-index: 5001;
    transform: translate(-50%, -50%)
}

.loader-wrapper .loader::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border: 4px solid #fff0;
    border-top-color: var(--rts-neon);
    border-right-color: var(--rts-neon);
    border-bottom-color: var(--rts-neon);
    border-radius: 100%;
    animation: spin 1.5s linear infinite
}

.loaded .loader-wrapper .loader-section.section-left,
.loaded .loader-wrapper .loader-section.section-right {
    transition: all 0.5s 0.1s cubic-bezier(.645, .045, .355, 1);
    opacity: 0
}

.loaded .loader-wrapper .loader {
    opacity: 0;
    transition: all 0.3s ease-out
}

.loaded .loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 0.5s ease-out
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.header__top {
    padding: 8px 100px;
    background: var(--heading-color);
    display: flex;
    justify-content: space-between;
    position: relative
}

@media screen and (max-width:1199px) {
    .header__top {
        padding: 8px 50px
    }
}

@media screen and (max-width:991px) {
    .header__top {
        display: none
    }
}

.header__top.header__three {
    padding: 8px 200px;
    background: #fff0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
    .header__top.header__three {
        padding: 8px 100px
    }
}

@media screen and (max-width:1199px) {
    .header__top.header__three {
        padding: 8px 50px
    }
}

@media screen and (max-width:991px) {
    .header__top.header__three {
        display: none
    }
}

.header__top .top__left {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 40px
}

.header__top .top__left li,
.header__top .top__left a {
    color: var(--rts-white);
    font-family: var(--font-primary);
    font-weight: 500;
    transition: var(--transition)
}

.header__top .top__left li:hover,
.header__top .top__left a:hover {
    color: var(--rts-neon)
}

.header__top .top__left li i {
    margin-right: 6px
}

.header__top .top__right {
    display: flex;
    align-items: center;
    gap: 40px
}

.header__top .top__right .ofc {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--rts-white)
}

.header__top .top__right .social__icons {
    display: flex;
    align-items: center;
    gap: 20px
}

.header__top .top__right .social__icons a {
    color: var(--rts-white);
    transition: var(--transition)
}

.header__top .top__right .social__icons a:hover {
    color: var(--rts-neon)
}

.rts__main__header {
    background: var(--rts-white);
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition)
}

@media screen and (max-width:1199px) {
    .rts__main__header {
        padding: 15px 50px
    }
}

@media screen and (max-width:991px) {
    .rts__main__header {
        padding: 15px 40px
    }
}

@media screen and (max-width:575px) {
    .rts__main__header {
        padding: 15px 30px
    }
}

.rts__main__header.is__sticky {
    position: fixed;
    animation: stickyanimations 0.8s cubic-bezier(.25, .46, .45, .94) both;
    transition: padding 1s;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / .06);
    background: var(--rts-white);
    z-index: 999;
    width: 100%;
    top: 0
}

@media screen and (max-width:991px) {
    .rts__main__header.is__sticky {
        padding: 15px 40px
    }
}

@media screen and (max-width:575px) {
    .rts__main__header.is__sticky {
        padding: 15px 30px
    }
}

.rts__main__header.is__sticky.header-two {
    background: var(--heading-color)
}

.rts__main__header.is__sticky.header__three {
    background: #fff0;
    box-shadow: none
}

.rts__main__header.is__sticky.header__three .header__inner {
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / .09);
    padding: 10px 30px
}

@media screen and (max-width:991px) {
    .rts__main__header.is__sticky.header__three {
        padding: 0
    }
}

.rts__main__header .header__inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--rts-white);
    padding: 0 30px;
    border-radius: 10px
}

.rts__main__header .main__left {
    display: flex;
    align-items: center;
    gap: 60px
}

@media screen and (max-width:1199px) {
    .rts__main__header .main__left {
        gap: 30px
    }
}

.rts__main__header .main__right {
    display: flex;
    align-items: center;
    gap: 20px
}

.rts__main__header .main__right__btn .rts-btn.btn-primary {
    padding: 10px 32px
}

@media screen and (max-width:575px) {
    .rts__main__header .main__right__btn {
        display: none
    }
}

.rts__main__header .main__menu__btn {
    display: flex;
    align-items: center;
    gap: 60px
}

@media screen and (max-width:1199px) {
    .rts__main__header .main__menu__btn {
        gap: 35px
    }
}

@keyframes stickyanimations {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}

.rts__offcanvas__overlay {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    opacity: 0;
    visibility: hidden;
    z-index: 9998;
    transition: all 0.5s ease
}

.rts__offcanvas__overlay.active {
    opacity: 1;
    visibility: visible
}

.rts__offcanvas__wrapper {
    position: fixed;
    top: 0;
    right: -140%;
    width: 400px;
    height: 100%;
    background: var(--rts-white);
    z-index: 9999;
    padding: 60px 20px;
    box-shadow: -5px 0 20px rgb(0 0 0 / .1);
    overflow-y: auto;
    transition: right 0.5s ease
}

.active .rts__offcanvas__wrapper {
    right: 0
}

@media screen and (max-width:575px) {
    .active .rts__offcanvas__wrapper {
        width: 100%
    }
}

.rts__offcanvas__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rts__offcanvas__toggle__close i {
    font-size: 30px;
    color: var(--rts-heading);
    cursor: pointer;
    transition: var(--transition)
}

.rts__offcanvas__mobile__menu {
    margin-top: 60px
}

.rts__offcanvas__mobile__menu nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.rts__offcanvas__mobile__menu nav ul li {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.rts__offcanvas__mobile__menu nav ul li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--rts-heading);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--rts-border);
    text-decoration: none;
    text-transform: capitalize;
    transition: var(--transition)
}

.rts__offcanvas__mobile__menu nav ul li>a:hover {
    color: var(--rts-neon)
}

.rts__offcanvas__mobile__menu nav ul li>a span.chevron {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: var(--heading-color);
    margin-left: 10px
}

.rts__offcanvas__mobile__menu nav ul li>a span.chevron i {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    transition: transform 0.3s ease
}

.rts__offcanvas__mobile__menu nav ul li.active>a span.chevron i {
    transform: rotate(90deg)
}

.rts__offcanvas__mobile__menu nav ul li .sub-menu {
    display: none;
    padding-left: 15px;
    margin-top: 0;
    position: relative
}

.rts__offcanvas__mobile__menu nav ul li .sub-menu li {
    margin: 10px 0;
    border-bottom: 1px solid var(--rts-border)
}

.rts__offcanvas__mobile__menu nav ul li .sub-menu li a {
    font-size: 16px;
    font-weight: 500;
    color: var(--rts-heading);
    border: none
}

.rts__offcanvas__mobile__menu nav ul li .sub-menu li a:hover {
    color: var(--rts-neon)
}

.rts__offcanvas__mobile__menu nav ul li.active .sub-menu {
    display: block
}

.rts__offcanvas__footer {
    margin-top: 60px
}

.rts__offcanvas__footer .social {
    display: flex;
    gap: 10px
}

.rts__offcanvas__footer .social a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: var(--rts-heading);
    color: var(--rts-white);
    transition: 0.3s
}

.rts__offcanvas__footer .social a i:hover {
    background: var(--btn-color);
    color: var(--heading-color)
}

.rts-banner-wrapper {
    position: relative;
    z-index: 1;
    padding: 100px 110px 300px;
    border-radius: 40px
}

@media screen and (max-width:1199px) {
    .rts-banner-wrapper {
        padding: 100px 30px 300px
    }
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper {
        padding: 70px 15px
    }
}

.rts-banner-wrapper .banner-content {
    max-width: 950px
}

.rts-banner-wrapper .banner-content .banner-title {
    color: var(--rts-white);
    font-size: 68px;
    line-height: 1.3;
    margin-bottom: 10px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .rts-banner-wrapper .banner-content .banner-title {
        font-size: 65px
    }
}

@media screen and (max-width:1199px) {
    .rts-banner-wrapper .banner-content .banner-title {
        font-size: 65px
    }
}

@media screen and (max-width:991px) {
    .rts-banner-wrapper .banner-content .banner-title {
        font-size: 40px
    }
}

@media screen and (max-width:350px) {
    .rts-banner-wrapper .banner-content .banner-title {
        font-size: 30px
    }
}

.rts-banner-wrapper .banner-content .desc {
    color: var(--rts-white);
    font-size: 20px;
    font-weight: var(--f-regular);
    line-height: 1.6;
    margin-bottom: 50px
}

.rts-banner-wrapper .banner-card-wrapper {
    position: absolute;
    right: 0;
    bottom: 0
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper .banner-card-wrapper {
        display: none
    }
}

.rts-banner-wrapper .banner-card-wrapper .inner-card {
    background: var(--rts-white);
    padding: 20px;
    border-top-left-radius: 27px;
    display: flex;
    align-items: center;
    gap: 24px
}

.rts-banner-wrapper .banner-card-wrapper .inner-card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0;
    width: 60px;
    height: 60px;
    background: #fff0;
    border-bottom-right-radius: 27px;
    box-shadow: 30px 0 0 0 var(--rts-white);
    z-index: -1
}

.rts-banner-wrapper .banner-card-wrapper .inner-card::after {
    content: "";
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #fff0;
    border-bottom-right-radius: 27px;
    box-shadow: 30px 0 0 0 var(--rts-white);
    z-index: -1
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-thumb img {
    border-radius: 20px
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .count-title {
    font-size: 48px;
    font-family: "Poppins", sans-serif;
    font-weight: var(--f-medium);
    line-height: 1
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .banner-review {
    display: flex;
    align-items: center;
    gap: 10px
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .banner-review .client-rating span {
    color: var(--rts-heading);
    font-family: "Roboto", sans-serif;
    font-weight: var(--f-medium)
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .banner-review .client-rating .stars {
    display: flex;
    align-items: center;
    gap: 5px
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .banner-review .client-rating .stars .rate {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: var(--f-semi-bold)
}

.rts-banner-wrapper .banner-card-wrapper .inner-card .card-content .banner-review .client-rating .stars i:not(:last-child) {
    color: var(--rts-heading)
}

.rts-banner-wrapper-two {
    padding: 300px 0 120px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

@media (max-width:1400px) {
    .rts-banner-wrapper-two {
        padding: 120px 0;
        flex-wrap: wrap;
        gap: 50px
    }
}

@media screen and (max-width:991px) {
    .rts-banner-wrapper-two {
        padding: 120px 0
    }
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper-two {
        padding: 80px 0
    }
}

.rts-banner-wrapper-two .banner-content .icon {
    display: inline-block;
    margin-bottom: 10px
}

.rts-banner-wrapper-two .banner-content .banner-title {
    color: var(--rts-white);
    font-size: 80px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    letter-spacing: -.04em
}

@media screen and (max-width:1199px) {
    .rts-banner-wrapper-two .banner-content .banner-title {
        font-size: 60px
    }
}

@media screen and (max-width:991px) {
    .rts-banner-wrapper-two .banner-content .banner-title br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper-two .banner-content .banner-title {
        font-size: 45px
    }
}

@media screen and (max-width:575px) {
    .rts-banner-wrapper-two .banner-content .banner-title {
        font-size: 35px
    }
}

@media screen and (max-width:400px) {
    .rts-banner-wrapper-two .banner-content .banner-title {
        font-size: 30px
    }
}

.rts-banner-wrapper-two .banner-content .desc {
    max-width: 640px;
    color: #CCD3D3;
    font-size: 18px;
    font-weight: var(--f-regular);
    line-height: 1.6;
    margin-bottom: 60px
}

.rts-banner-wrapper-two .banner-reivew {
    margin-top: -160px
}

@media (max-width:1400px) {
    .rts-banner-wrapper-two .banner-reivew {
        margin-top: 50px
    }
}

.rts-banner-wrapper-two .banner-reivew .banner-play-icon {
    width: 245px;
    height: 245px;
    background: rgb(255 255 255 / .2);
    border-radius: 30px 30px 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 98px
}

.rts-banner-wrapper-two .banner-reivew .banner-icon {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #2D343E;
    display: flex;
    align-items: center;
    justify-content: center
}

.rts-banner-wrapper-two .banner-reivew .banner-icon::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 12px solid var(--rts-neon)
}

.rts-banner-wrapper-two .banner-reivew .banner-icon::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid var(--rts-white);
    z-index: 1
}

.rts-banner-wrapper-two .banner-reivew .banner-icon i {
    color: #F9FAFB;
    font-size: 30px;
    position: relative;
    z-index: 2
}

.rts-banner-wrapper-two .banner-reivew .banner-client-count {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px
}

.rts-banner-wrapper-two .banner-reivew .banner-client-count .client-count .count-title {
    color: var(--rts-white);
    font-size: 40px;
    font-family: var(--font-inter);
    font-weight: var(--f-medium);
    line-height: 1;
    margin-bottom: 0
}

.rts-banner-wrapper-two .banner-reivew .banner-client-count .client-count .desc {
    color: var(--rts-white);
    font-family: var(--font-inter);
    font-weight: var(--f-medium)
}

.rts-banner-wrapper-three {
    padding: 150px 0
}

@media screen and (max-width:991px) {
    .rts-banner-wrapper-three {
        padding: 100px 0
    }
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper-three {
        padding: 80px 0
    }
}

@media screen and (max-width:575px) {
    .rts-banner-wrapper-three {
        padding: 60px 0
    }
}

.rts-banner-wrapper-three .banner-content {
    text-align: center
}

.rts-banner-wrapper-three .banner-content .banner-icon {
    width: 80px;
    height: 80px;
    background: rgb(255 255 255 / .2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px
}

.rts-banner-wrapper-three .banner-content .banner-icon i {
    color: #D7F448
}

.rts-banner-wrapper-three .banner-content .banner-title {
    color: var(--rts-white);
    font-size: 100px;
    font-weight: var(--f-medium);
    line-height: 1.1;
    letter-spacing: -.02em;
    margin-bottom: 30px
}

@media screen and (max-width:1199px) {
    .rts-banner-wrapper-three .banner-content .banner-title {
        font-size: 80px
    }
}

@media screen and (max-width:991px) {
    .rts-banner-wrapper-three .banner-content .banner-title {
        font-size: 60px
    }

    .rts-banner-wrapper-three .banner-content .banner-title br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper-three .banner-content .banner-title {
        font-size: 45px
    }
}

@media screen and (max-width:575px) {
    .rts-banner-wrapper-three .banner-content .banner-title {
        font-size: 35px
    }
}

.rts-banner-wrapper-three .banner-content .desc {
    color: var(--rts-white);
    line-height: 1.8;
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .rts-banner-wrapper-three .banner-content .desc {
        line-height: 1.3
    }

    .rts-banner-wrapper-three .banner-content .desc br {
        display: none
    }
}

.rts-banner-wrapper-three .banner-content .rts-btn.btn-primary {
    margin: 0 auto
}

.rts__about__area .about__info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px
}

.rts__about__area .about__img {
    position: relative
}

.rts__about__area .about__img.style-1 {
    height: 585px
}

@media (max-width:1600px) {
    .rts__about__area .about__img.style-1 {
        height: 540px
    }
}

@media (max-width:1400px) {
    .rts__about__area .about__img.style-1 {
        height: 504px
    }
}

@media (max-width:1200px) {
    .rts__about__area .about__img.style-1 {
        height: 480px
    }
}

.rts__about__area .about__img.style-1 img {
    border-radius: 30px 30px 0 30px
}

.rts__about__area .about__img.style-2 {
    height: 560px
}

@media screen and (max-width:1199px) {
    .rts__about__area .about__img.style-2 {
        height: 480px
    }
}

@media screen and (max-width:767px) {
    .rts__about__area .about__img {
        height: 450px
    }
}

.rts__about__area .about__img .about__circle {
    position: absolute;
    top: -50px;
    right: -50px
}

.rts__about__area .about__img .about__circle.style-2 {
    position: absolute;
    left: 0;
    bottom: 0
}

@media screen and (max-width:991px) {
    .rts__about__area .about__img .about__circle {
        display: none
    }
}

.rts__about__area .about__img img {
    height: 100%;
    border-radius: 30px;
    object-fit: cover
}

.rts__about__area .about__content {
    margin-left: 80px
}

.rts__about__area .about__content.style-2 {
    margin-left: 0
}

.rts__about__area .about__content.style-2 .section-title {
    margin-bottom: 35px
}

.rts__about__area .about__content.style-2 .section-title .heading-title-two {
    margin-bottom: 150px
}

@media screen and (max-width:1199px) {
    .rts__about__area .about__content.style-2 .section-title .heading-title-two {
        font-size: 32px
    }
}

@media screen and (max-width:991px) {
    .rts__about__area .about__content.style-2 .section-title .heading-title-two {
        margin-bottom: 15px
    }
}

.rts__about__area .about__content.style-2 .section-title .desc {
    color: var(--rts-para);
    line-height: 1.6
}

@media screen and (max-width:1199px) {
    .rts__about__area .about__content.style-3 {
        margin-left: 30px
    }
}

@media (max-width:1599px) {
    .rts__about__area .about__content.style-3 .section-title .heading-title {
        font-size: 45px
    }
}

@media (max-width:1399px) {
    .rts__about__area .about__content.style-3 .section-title .heading-title {
        font-size: 32px
    }
}

@media screen and (max-width:1199px) {
    .rts__about__area .about__content {
        margin-left: 60px
    }
}

@media screen and (max-width:991px) {
    .rts__about__area .about__content {
        margin-left: 5px
    }
}

.rts__about__area .about__content .about__stats {
    margin-top: 35px;
    display: flex;
    align-items: center;
    gap: 90px
}

.rts__about__area .about__content .about__stats.style-2 {
    gap: 70px
}

@media screen and (max-width:575px) {
    .rts__about__area .about__content .about__stats.style-2 {
        gap: 20px;
        flex-wrap: wrap
    }
}

@media screen and (max-width:1199px) {
    .rts__about__area .about__content .about__stats {
        gap: 70px
    }
}

@media screen and (max-width:767px) {
    .rts__about__area .about__content .about__stats {
        gap: 40px
    }
}

.rts__about__area .about__content .about__stats .about-author {
    display: flex;
    align-items: center;
    gap: 10px
}

.rts__about__area .about__content .about__stats .about-stats__item .about-stats__number,
.rts__about__area .about__content .about__stats .about-stats__item span {
    margin: 0;
    font-family: var(--font-primary);
    font-weight: 500
}

.rts__about__area .about__content .about__stats .about-stats__item .about-stats__label {
    color: var(--rts-heading);
    font-weight: 500;
    margin-top: 5px
}

.rts__about__area .about__content .about__btn {
    display: flex;
    align-items: center
}

.rts__about__area .about__content .about__btn button {
    outline: none;
    border: none
}

.rts__about__area .rts-tabs {
    margin-top: 25px
}

.rts__about__area .rts-tabs .nav-tabs {
    display: flex;
    align-items: center;
    gap: 40px
}

.rts__about__area .rts-tabs .nav-tabs .nav-link {
    background: #fff0;
    border: none;
    margin-bottom: 3px;
    font-size: var(--p);
    font-family: var(--font-primary);
    font-weight: 500
}

.rts__about__area .rts-tabs .nav-tabs .nav-link.active {
    color: var(--rts-heading)
}

.rts__about__area .rts-tabs .tab-content .desc p {
    line-height: 24px
}

.rts__about__area .rts-tabs .tab-content .desc p:nth-child(1) {
    margin-top: 20px
}

.rts__about__items .item {
    background: var(--heading-color);
    padding: 30px 0 30px 30px;
    border-radius: 20px 20px 20px 0
}

.rts__about__items .item .number {
    color: var(--rts-white);
    font-size: 48px;
    font-weight: var(--f-medium);
    line-height: 1.3;
    letter-spacing: -.01em
}

.rts__about__items .item p {
    color: rgb(255 255 255 / .8);
    letter-spacing: -.02em
}

.rts__about__items .item:not(:last-child) {
    margin-bottom: 30px
}

.rts__about__items .item:nth-child(2) {
    padding: 0;
    border-radius: 20px
}

.rts__about__items .item:nth-child(2) img {
    border-radius: 20px
}

.rts__about__items .item:nth-child(3) {
    background: var(--heading-color-2);
    border-radius: 0 20px 20px 20px
}

.rts__about__items .item:nth-child(3) .number {
    color: var(--rts-black)
}

.rts__about__items .item:nth-child(3) .desc {
    color: rgb(13 13 13 / .8)
}

.odometer-formatting-mark {
    display: none
}

.rts__about__wrapper .images__area {
    display: flex;
    align-items: end;
    gap: 10px;
    height: 100%
}

.rts__about__wrapper .images__area .left {
    overflow: hidden;
    border-radius: 10px
}

.rts__about__wrapper .images__area .left img {
    transform: scale(1);
    transition: var(--transition)
}

.rts__about__wrapper .images__area .left img:hover {
    transform: scale(1.3)
}

.rts__about__wrapper .images__area .right {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.rts__about__wrapper .images__area .right img {
    border-radius: 10px
}

.rts__about__wrapper .images__area .bottom__content {
    background: var(--heading-color);
    padding: 28px;
    border-radius: 10px
}

@media screen and (max-width:575px) {
    .rts__about__wrapper .images__area .bottom__content {
        padding: 15px
    }
}

.rts__about__wrapper .images__area .bottom__content .about-stats__item {
    margin-top: 20px
}

.rts__about__wrapper .images__area .bottom__content .about-stats__item h3,
.rts__about__wrapper .images__area .bottom__content .about-stats__item p {
    color: var(--rts-white)
}

.rts__about__wrapper .images__area .bottom__content .about-stats__item p {
    margin-top: -16px
}

@media screen and (max-width:575px) {
    .rts__about__wrapper .images__area .bottom__content .about-stats__item p {
        font-size: 10px
    }
}

.rts__about__wrapper .content {
    margin-left: 50px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .rts__about__wrapper .content {
        margin-left: 30px
    }
}

@media screen and (max-width:1199px) {
    .rts__about__wrapper .content {
        margin-left: 20px
    }
}

@media screen and (max-width:575px) {
    .rts__about__wrapper .content {
        margin-left: 0
    }
}

.rts__about__wrapper .content .desc p:last-child {
    margin-top: -8px
}

.rts__about__wrapper .content .about__list {
    margin-top: 30px;
    padding: 0;
    border-top: 6px solid var(--heading-color-4);
    background: #EBFFF1;
    padding: 40px 20px
}

.rts__about__wrapper .content .about__list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0
}

.rts__about__wrapper .content .about__list li {
    width: 48%
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .rts__about__wrapper .content .about__list li:last-child {
        flex-basis: 100%
    }
}

@media screen and (max-width:575px) {
    .rts__about__wrapper .content .about__list li {
        width: 100%
    }
}

.rts__about__wrapper .content .about__list li i {
    margin-right: 3px;
    color: var(--heading-color-4)
}

.rts__about__wrapper .content .rts__btn {
    margin-top: 36px
}

.about__lists {
    margin-top: 30px;
    padding: 0;
    border-top: 6px solid var(--heading-color-4);
    border-radius: 5px 5px 0 0;
    background: #EBFFF1;
    padding: 40px 20px
}

.about__lists ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0
}

.about__lists li {
    width: 48%
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .about__lists li:last-child {
        flex-basis: 100%
    }
}

@media screen and (max-width:1199px) {
    .about__lists li {
        font-size: 15px
    }
}

@media screen and (max-width:575px) {
    .about__lists li {
        width: 100%
    }
}

.about__lists li i {
    margin-right: 3px;
    color: var(--heading-color-4)
}

.rts-about-wrapper {
    padding: 80px 80px 70px 80px;
    border-radius: 70px;
    background: #0D0D0D
}

@media screen and (max-width:991px) {
    .rts-about-wrapper {
        padding: 50px 30px;
        border-radius: 30px
    }
}

.rts-about-wrapper .section-title-area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 50px
}

.rts-about-wrapper .section-title-area .title {
    color: var(--rts-white);
    font-size: 28px;
    font-weight: var(--f-bold);
    line-height: 1.2
}

@media screen and (max-width:991px) {
    .rts-about-wrapper .section-title-area .title {
        font-size: 20px
    }
}

.rts-about-wrapper .section-title-area .desc {
    color: rgb(255 255 255 / .5);
    font-size: 40px;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1.5;
    max-width: 1090px
}

@media screen and (max-width:1199px) {
    .rts-about-wrapper .section-title-area .desc {
        font-size: 30px
    }
}

@media screen and (max-width:991px) {
    .rts-about-wrapper .section-title-area .desc {
        font-size: 22px
    }
}

@media screen and (max-width:575px) {
    .rts-about-wrapper .section-title-area .desc {
        font-size: 18px
    }
}

.rts-about-wrapper .about-bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:1400px) {
    .rts-about-wrapper .about-bottom-wrapper {
        flex-wrap: wrap-reverse;
        gap: 50px
    }
}

.rts-about-wrapper .about-bottom-wrapper .about-counter {
    display: flex;
    align-items: center;
    gap: 60px
}

@media screen and (max-width:1199px) {
    .rts-about-wrapper .about-bottom-wrapper .about-counter {
        flex-wrap: wrap;
        gap: 30px
    }
}

@media screen and (max-width:991px) {
    .rts-about-wrapper .about-bottom-wrapper .about-counter {
        justify-content: center
    }
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    place-items: center;
    place-content: center;
    text-align: center
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(1) {
    background: #D7F448
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(2) {
    background: #D2E9C4
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(3) {
    background: #004638
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(3) .count-title {
    color: #D7F448
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(3) .desc {
    color: #D7F448
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item:nth-child(4) {
    background: #C7DDDB
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item .count-title {
    font-size: 48px;
    font-family: var(--font-primary);
    font-weight: var(--f-bold);
    margin-bottom: 0
}

.rts-about-wrapper .about-bottom-wrapper .about-counter .counter-item .desc {
    color: var(--heading-color);
    font-size: 15px;
    font-weight: var(--f-regular);
    text-transform: capitalize
}

.rts-about-wrapper .about-bottom-wrapper .rts-btn.btn-primary::before {
    background: var(--rts-white)
}

.rts-about-wrapper .about-bottom-wrapper .rts-btn.btn-primary:hover {
    color: var(--rts-black)
}

.rts__about__wrapper__three .about-left-image {
    padding-right: 30px
}

@media screen and (max-width:991px) {
    .rts__about__wrapper__three .about-left-image {
        padding-right: 0
    }
}

.rts__about__wrapper__three .about-left-image .about-thumb img {
    border-radius: 24px
}

.rts__about__wrapper__three .about-right-content .section-title {
    margin-bottom: 50px
}

.rts__about__wrapper__three .about-right-content .section-title .heading-title-three {
    margin-bottom: 20px
}

.rts__about__wrapper__three .about-right-content .section-title .desc {
    color: #6B7280;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1.8;
    max-width: 650px
}

.rts__about__wrapper__three .about-right-content .about__list {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 28px
}

@media screen and (max-width:575px) {
    .rts__about__wrapper__three .about-right-content .about__list {
        gap: 15px
    }
}

.rts__about__wrapper__three .about-right-content .about__list li {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #F1F2FA;
    padding: 20px 24px 20px 16px;
    border-radius: 15px;
    color: var(--rts-black);
    font-size: 20px;
    font-weight: var(--f-medium);
    line-height: 1.1
}

@media screen and (max-width:1199px) {
    .rts__about__wrapper__three .about-right-content .about__list li {
        font-size: 14px;
        padding: 15px
    }
}

.about-dot-pagination {
    position: relative;
    text-align: center;
    z-index: 3;
    bottom: 50px !important
}

.about-dot-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(255 255 255 / .3);
    opacity: 1
}

.about-dot-pagination .swiper-pagination-bullet-active {
    background: #D7F448
}

.rts__cta__area.style-3 {
    background: var(--heading-color-4)
}

.cta__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.cta__wrapper .cta__content h2 {
    color: var(--rts-white);
    letter-spacing: -2.56px;
    margin-bottom: 25px
}

@media screen and (max-width:575px) {
    .cta__wrapper .cta__content h2 {
        letter-spacing: -.56px
    }

    .cta__wrapper .cta__content h2 br {
        display: none
    }
}

.cta__wrapper .cta__content p {
    color: var(--rts-white);
    line-height: 24px;
    margin-bottom: 48px
}

@media screen and (max-width:575px) {
    .cta__wrapper .cta__content p br {
        display: none
    }
}

.cta__wrapper .cta__content .cta__btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.cta__wrapper .cta__content .cta__btn bottom {
    outline: none
}

.cta__items__wrapper {
    padding: 35px 0;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .cta__items__wrapper {
        flex-wrap: wrap;
        gap: 20px
    }
}

.cta__items__wrapper .cta__items {
    display: flex;
    gap: 26px
}

@media screen and (max-width:1199px) {
    .cta__items__wrapper .cta__items {
        gap: 15px
    }
}

@media screen and (max-width:1199px) {
    .cta__items__wrapper .cta__items {
        flex-basis: 35%
    }
}

@media screen and (max-width:575px) {
    .cta__items__wrapper .cta__items {
        flex-basis: 100%;
        flex-direction: column
    }
}

@media screen and (max-width:1199px) {
    .cta__items__wrapper .cta__items .icon {
        width: 35px
    }
}

.cta__items__wrapper .cta__items .text h6 {
    color: var(--rts-white);
    margin-bottom: 0
}

.cta__items__wrapper .cta__items .text p {
    color: var(--rts-white);
    text-transform: capitalize
}

.rts-cta-area.area-one {
    background: #0D0D0D
}

.rts-cta-area .cta-left-content .section-title {
    margin-bottom: 50px
}

.rts-cta-area .cta-left-content .section-title .heading-title {
    color: var(--rts-white)
}

@media screen and (max-width:1199px) {
    .rts-cta-area .cta-left-content .section-title .heading-title {
        font-size: 40px
    }
}

@media screen and (max-width:575px) {
    .rts-cta-area .cta-left-content .section-title .heading-title {
        font-size: 30px
    }
}

.rts-cta-area .cta-left-content .rts-btn.btn-primary::before {
    background: var(--rts-white)
}

.rts-cta-area .cta-left-content .rts-btn.btn-primary:hover {
    color: var(--rts-black)
}

.rts-cta-area .cta-right-list {
    padding-left: 0
}

.rts-cta-area .cta-right-list li {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #F7F6F2;
    font-size: 30px;
    font-weight: var(--f-regular);
    line-height: 1.3;
    letter-spacing: -.03em
}

@media screen and (max-width:575px) {
    .rts-cta-area .cta-right-list li {
        font-size: 20px
    }
}

.rts-cta-area .cta-right-list li:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #3b3b3a
}

.rts-cta-area .cta-right-list li span {
    min-width: 40px;
    height: 40px;
    background: #B4E33D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D0D0D;
    font-size: 16px;
    font-weight: var(--f-semi-bold)
}

.rts-error-area {
    position: relative;
    overflow-x: hidden
}

.rts-error-area .rts-error-wrapper {
    text-align: center
}

.rts-error-area .rts-error-wrapper .error-image {
    margin-bottom: 60px
}

.rts-error-area .rts-error-wrapper .content .error-title {
    font-size: 48px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 35px
}

@media screen and (max-width:575px) {
    .rts-error-area .rts-error-wrapper .content .error-title {
        font-size: 30px
    }
}

.rts-error-area .rts-error-wrapper .content .error-desc {
    color: var(--rts-heading);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 12px
}

@media screen and (max-width:575px) {
    .rts-error-area .rts-error-wrapper .content .error-desc {
        font-size: 20px
    }
}

.rts-error-area .rts-error-wrapper .content .desc {
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    margin-bottom: 60px
}

.rts-error-area .rts-error-wrapper .content .rts-btn.btn-primary {
    margin: auto
}

.shape-wrapper .shape-one {
    position: absolute;
    top: 25%;
    left: -75px;
    width: 146px;
    height: 311px;
    background: #7EEA57;
    filter: blur(152px)
}

.shape-wrapper .shape-two {
    position: absolute;
    top: 25%;
    right: -75px;
    width: 146px;
    height: 311px;
    background: #D6EA57;
    filter: blur(152px)
}

.rts-cooming-soon-area {
    position: relative;
    overflow-x: hidden
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper {
    text-align: center
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .cooming-soon-image {
    margin-bottom: 50px
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-soon-title {
    font-size: 48px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2
}

@media screen and (max-width:575px) {
    .rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-soon-title {
        font-size: 30px
    }
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .desc {
    margin-bottom: 55px
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber .title {
    font-size: 18px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 30px
}

@media screen and (max-width:575px) {
    .rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber .title {
        font-size: 16px
    }
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media screen and (max-width:575px) {
    .rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form {
        flex-wrap: wrap;
        justify-content: end
    }
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form input {
    border: 1px solid rgb(0 37 36 / .1);
    border-radius: 10px;
    max-width: 420px;
    width: 100%;
    font-size: 14px;
    font-weight: var(--f-medium);
    line-height: 1;
    padding: 15px;
    color: #525252
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form input:focus {
    outline: none
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form input::placeholder {
    color: #525252
}

.rts-cooming-soon-area .rts-cooming-soon-wrapper .content .cooming-subscriber form .rts-btn.btn-primary {
    padding: 13px 32px;
    border-radius: 10px
}

.rts__team__area.area-one .section__title__area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .rts__team__area.area-one .section__title__area {
        flex-wrap: wrap;
        gap: 30px
    }
}

.rts__team__area.area-one .section__title__area .section-title .heading-title-two {
    color: var(--rts-heading)
}

.team__items__wrapper {
    margin-top: 40px
}

.team__items__wrapper .team__items_card {
    background: var(--heading-color);
    border-radius: 20px
}

.team__items__wrapper .team__items_card .team_thumb_social {
    position: relative;
    z-index: 1
}

.team__items__wrapper .team__items_card .team_thumb_social .team_thumb {
    overflow: hidden;
    border-radius: 20px
}

.team__items__wrapper .team__items_card .team_thumb_social .team_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.team__items__wrapper .team__items_card .team_thumb_social .team_social_icon {
    padding-left: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.4s
}

.team__items__wrapper .team__items_card .team_thumb_social .team_social_icon li {
    width: 34px;
    height: 34px;
    background: var(--rts-white);
    color: var(--heading-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition)
}

.team__items__wrapper .team__items_card .team_thumb_social .team_social_icon li:not(:last-child) {
    margin-bottom: 12px
}

.team__items__wrapper .team__items_card .team_thumb_social .team_social_icon li:hover {
    background: var(--heading-color-2)
}

.team__items__wrapper .team__items_card .team_content {
    padding: 30px 0;
    text-align: center
}

.team__items__wrapper .team__items_card .team_content .title {
    color: var(--heading-color-2);
    font-size: 28px;
    font-weight: var(--f-medium);
    line-height: 1
}

.team__items__wrapper .team__items_card .team_content .designation {
    color: var(--rts-white)
}

.team__items__wrapper .team__items_card:hover .team_thumb_social .team_thumb img {
    transform: scale(1.06)
}

.team__items__wrapper .team__items_card:hover .team_thumb_social .team_social_icon {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

@media (max-width:1600px) {
    .rts__team__wrapper__three .section-title .heading-title-three {
        font-size: 45px
    }
}

@media (max-width:1400px) {
    .rts__team__wrapper__three .section-title .heading-title-three {
        font-size: 35px
    }
}

@media (max-width:1200px) {
    .rts__team__wrapper__three .section-title .heading-title-three {
        font-size: 30px
    }
}

.rts__team__wrapper__three .rts__team__item__wrappers {
    position: relative
}

.rts__team__wrapper__three .rts__team__item__wrappers .team__item__slide .swiper-slide {
    transition: transform 1.2s cubic-bezier(.25, .46, .45, .94)
}

.rts__team__wrapper__three .rts__team__item__wrappers .team-nav-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 1;
    width: 100%
}

.rts__team__wrapper__three .rts__team__item__wrappers .team-nav-area .btn-nav {
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    background: #34A853;
    color: var(--rts-white);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:575px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .team-nav-area .btn-nav {
        display: none
    }
}

.rts__team__wrapper__three .rts__team__item__wrappers .team-nav-area .rts-btn-prev {
    position: absolute;
    left: -25px
}

.rts__team__wrapper__three .rts__team__item__wrappers .team-nav-area .rts-btn-next {
    position: absolute;
    right: -25px
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__thumb {
    overflow: hidden;
    border-radius: 10px
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body {
    padding: 30px;
    text-align: center
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .title {
    color: var(--rts-heading);
    font-size: 24px;
    font-weight: var(--f-medium);
    line-height: 1;
    transition: var(--transition)
}

@media (max-width:1800px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .title {
        font-size: 20px
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .title {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .title {
        font-size: 16px;
        margin-bottom: 0
    }
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .title:hover {
    color: var(--heading-color-4)
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .designation {
    color: #6B7280
}

@media (min-width:992px) and (max-width:1400px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .designation {
        font-size: 14px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .rts__team__wrapper__three .rts__team__item__wrappers .single__item .team__body .designation {
        font-size: 12px
    }
}

.rts__team__wrapper__three .rts__team__item__wrappers .single__item:hover .team__thumb img {
    transform: scale(1.06)
}

.rts__team__details__wrapper {
    margin-bottom: 50px
}

@media screen and (max-width:991px) {
    .rts__team__details__wrapper .team__details__left_thumb {
        max-width: 100%
    }
}

.rts__team__details__wrapper .team__details__left_thumb img {
    border-radius: 30px
}

@media screen and (max-width:991px) {
    .rts__team__details__wrapper .team__details__left_thumb img {
        width: 100%
    }
}

.rts__team__details__wrapper .team__details__right__content .name {
    font-size: 48px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 20px
}

@media screen and (max-width:575px) {
    .rts__team__details__wrapper .team__details__right__content .name {
        font-size: 34px
    }
}

.rts__team__details__wrapper .team__details__right__content .role {
    display: inline-block;
    color: var(--heading-color);
    margin-bottom: 15px
}

.rts__team__details__wrapper .team__details__right__content .desc {
    line-height: 1.7;
    margin-bottom: 50px
}

.rts__team__details__wrapper .team__details__right__content .team__info__social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width:575px) {
    .rts__team__details__wrapper .team__details__right__content .team__info__social {
        margin-bottom: 25px
    }
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__info {
    margin-bottom: 40px
}

@media screen and (max-width:575px) {
    .rts__team__details__wrapper .team__details__right__content .team__info__social .team__info {
        margin-bottom: 25px
    }
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__info .email {
    margin-bottom: 5px
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__info a {
    font-size: 24px;
    color: var(--heading-color);
    line-height: 1.2
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__social {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__social p {
    margin: 0
}

.rts__team__details__wrapper .team__details__right__content .team__info__social .team__social li a {
    width: 30px;
    height: 30px;
    background: var(--heading-color);
    color: var(--rts-white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.rts__team__details__wrapper .team__details__right__content .counter__wrapper {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .rts__team__details__wrapper .team__details__right__content .counter__wrapper {
        flex-wrap: wrap
    }
}

@media screen and (max-width:1199px) {
    .rts__team__details__wrapper .team__details__right__content .counter__wrapper {
        gap: 6px;
        flex-wrap: wrap
    }
}

@media screen and (max-width:991px) {
    .rts__team__details__wrapper .team__details__right__content .counter__wrapper {
        gap: 20px
    }
}

@media screen and (max-width:575px) {
    .rts__team__details__wrapper .team__details__right__content .counter__wrapper {
        gap: 10px
    }
}

.rts__team__details__wrapper .team__details__right__content .counter__wrapper .item {
    border: 1px solid #e7edef;
    border-radius: 10px;
    padding: 20px;
    max-width: 204px;
    width: 100%
}

@media screen and (max-width:575px) {
    .rts__team__details__wrapper .team__details__right__content .counter__wrapper .item {
        max-width: 100%
    }
}

.rts__team__details__wrapper .team__details__right__content .counter__wrapper .item h4 {
    font-size: 40px;
    font-weight: 600
}

.rts__team__details__wrapper .team__details__right__content .counter__wrapper .item h4 span {
    font-size: 40px;
    font-weight: 600
}

.rts__team__item__details__wrapper .rts__team__item__details {
    border: 1px solid var(--rts-border);
    border-radius: 28px;
    height: 100%
}

.rts__team__item__details__wrapper .rts__team__item__details .title {
    font-size: 32px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    padding: 18px 24px;
    border-bottom: 1px solid var(--rts-border)
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 24px
}

@media screen and (max-width:767px) {
    .rts__team__item__details__wrapper .rts__team__item__details .single__item {
        flex-wrap: wrap
    }
}

@media screen and (max-width:767px) {
    .rts__team__item__details__wrapper .rts__team__item__details .single__item .left {
        max-width: 100%
    }
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .left img {
    border-radius: 30px
}

@media screen and (max-width:767px) {
    .rts__team__item__details__wrapper .rts__team__item__details .single__item .left img {
        width: 100%
    }
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right h4 {
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 25px
}

@media (min-width:992px) and (max-width:1199px) {
    .rts__team__item__details__wrapper .rts__team__item__details .single__item .right h4 {
        font-size: 16px
    }
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .list {
    padding: 0;
    margin-bottom: 45px
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .list li {
    font-size: 14px
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .list li:not(:last-child) {
    margin-bottom: 5px
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .list li span {
    color: var(--rts-heading);
    font-weight: var(--f-semi-bold)
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .rts-btn.btn-primary {
    padding: 9px 32px;
    background: #fff0;
    border: 1px solid var(--rts-heading)
}

.rts__team__item__details__wrapper .rts__team__item__details .single__item .right .rts-btn.btn-primary:hover {
    border-color: #fff0;
    color: var(--btn-color)
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details {
    padding: 24px
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .desc {
    line-height: 1.7;
    margin-bottom: 40px
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress:not(:last-child) {
    margin-bottom: 20px
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress .top .name {
    font-size: 14px;
    font-weight: 500;
    color: var(--rts-heading)
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress .top .percent {
    font-size: 14px;
    font-weight: 600;
    color: var(--rts-heading)
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress .progress {
    height: 12px;
    border-radius: 50px;
    background: #E8F4E4
}

.rts__team__item__details__wrapper .rts__team__item__details .progess__details .progress-wrapper .single__progress .progress .progress-bar {
    height: 100%;
    border-radius: 50px;
    background: #34A853;
    transition: width 0.6s ease
}

.rts__blog__area .section-title .heading-title-two {
    line-height: 1.4
}

.blog__items__wrapper {
    margin-top: 50px
}

.blog__items__wrapper .single-blog-item .thumb {
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 24px
}

.blog__items__wrapper .single-blog-item .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.blog__items__wrapper .single-blog-item .content .top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.blog__items__wrapper .single-blog-item .content .top .link-btn {
    display: inline-block;
    font-size: 12px;
    font-weight: var(--f-medium);
    line-height: 1;
    padding: 5px 8px;
    border-radius: 16px;
    background: #004638;
    color: var(--rts-white)
}

.blog__items__wrapper .single-blog-item .content .top .read {
    font-size: 12px;
    font-weight: var(--f-medium);
    line-height: 1;
    color: var(--rts-black)
}

.blog__items__wrapper .single-blog-item .content .title {
    color: var(--rts-heading);
    font-size: 23px;
    font-family: var(--font-secondary);
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    transition: var(--transition);
    margin-bottom: 30px
}

@media (max-width:1400px) {
    .blog__items__wrapper .single-blog-item .content .title {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .blog__items__wrapper .single-blog-item .content .title {
        font-size: 16px
    }
}

@media screen and (max-width:575px) {
    .blog__items__wrapper .single-blog-item .content .title {
        font-size: 17px
    }
}

.blog__items__wrapper .single-blog-item .content .title:hover {
    color: var(--rts-heading)
}

.blog__items__wrapper .single-blog-item .content .info .name {
    color: var(--heading-color);
    font-size: 16px;
    font-weight: var(--f-medium);
    line-height: 1
}

.blog__items__wrapper .single-blog-item .content .info .date {
    font-size: 14px;
    color: #6B7280
}

.blog__items__wrapper .single-blog-item:hover .thumb img {
    transform: scale(1.06)
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb {
    margin-bottom: 60px
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__details__thumb {
    overflow: hidden;
    border-radius: 28px;
    margin-bottom: 28px
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__details__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition)
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__details__thumb:hover img {
    transform: scale(1.06)
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__tag {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 16px
}

@media screen and (max-width:575px) {
    .rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__tag {
        flex-wrap: wrap;
        gap: 10px
    }
}

.rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__tag li a {
    color: var(--rts-black);
    display: inline-block;
    font-size: 16px;
    font-weight: var(--f-regular);
    background: #E8F4E4;
    padding: 6px 12px;
    border-radius: 4px
}

@media screen and (max-width:575px) {
    .rts__blog__details__area .rts__blog__details__wrapper .rts__blog__details__thumb .blog__tag li a {
        font-size: 14px
    }
}

.rts__blog__details__area .rts__blog__details__wrapper .title {
    color: var(--rts-black);
    font-size: 32px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 20px
}

@media screen and (max-width:575px) {
    .rts__blog__details__area .rts__blog__details__wrapper .title {
        font-size: 20px
    }
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__list {
    padding: 0;
    margin-bottom: 50px
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__list li {
    display: flex;
    align-items: center;
    gap: 12px
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__list li .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--rts-para)
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__list li:not(:last-child) {
    margin-bottom: 12px
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__sm__thumb {
    overflow: hidden;
    border-radius: 28px;
    margin-bottom: 40px
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__sm__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition)
}

.rts__blog__details__area .rts__blog__details__wrapper .blog__details__sm__thumb:hover img {
    transform: scale(1.06)
}

.rts__blog__details__area .rts__blog__details__wrapper .desc {
    color: var(--heading-color);
    font-size: 18px;
    font-weight: var(--f-semi-bold);
    line-height: 24px;
    background: var(--rts-white);
    padding: 16px 24px;
    border-radius: 20px;
    margin-bottom: 40px
}

.rts__blog__details__area .rts__blog__details__wrapper .descs {
    margin-bottom: 50px
}

.rts__blog__details__area .rts__blog__details__wrapper .title__two {
    color: var(--rts-black);
    font-size: 18px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px
}

.rts__blog__details__area .rts__blog__details__wrapper .title__two .line {
    display: inline-block;
    width: 2px;
    height: 22px;
    background: var(--rts-neon)
}

@media screen and (max-width:575px) {
    .rts__blog__details__area .rts__blog__details__wrapper .title__two .line {
        height: 16px
    }
}

@media screen and (max-width:575px) {
    .rts__blog__details__area .rts__blog__details__wrapper .title__two {
        font-size: 16px
    }
}

.rts__choose__area.area-one .section-title {
    margin-bottom: 60px
}

.rts__choose__area.area-one .section-title .sub-title {
    color: #004638
}

.rts__choose__area.area-two {
    background: #F9FAFB
}

.rts__choose__area.area-two .section-title .heading-title-two {
    margin-bottom: 30px
}

.rts__choose__area.area-two .choose-items-wrapper-two {
    margin-top: 60px
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items {
    padding: 40px;
    border-radius: 20px;
    background: var(--rts-neon)
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items:nth-child(2) {
    background: #004638
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items:nth-child(2) .content .title,
.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items:nth-child(2) .content .desc {
    color: var(--rts-white)
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items:nth-child(3) {
    background: #D2E9C4
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items:not(:last-child) {
    margin-bottom: 30px
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items .icon {
    margin-bottom: 30px
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items .content .title {
    font-size: 30px;
    font-family: var(--font-inter);
    font-weight: var(--f-medium);
    line-height: 1;
    letter-spacing: -.02em
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose__item__wrapper .choose__single__items .content .desc {
    color: #6B7280
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose-images {
    position: relative
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose-images img {
    border-radius: 30px
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose-images .round-shape li {
    position: absolute;
    right: 43%;
    top: 61%
}

.rts__choose__area.area-two .choose-items-wrapper-two .choose-images .round-shape li i {
    width: 35px;
    height: 35px;
    background: var(--rts-white);
    color: var(--heading-color);
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.choose__items__wrapper .choose__items__main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    height: 100%
}

@media (max-width:991px) {
    .choose__items__wrapper .choose__items__main {
        grid-template-columns: 1fr
    }
}

.choose__items__wrapper .choose__single__item {
    border-radius: 30px;
    width: 100%
}

.choose__items__wrapper .choose__single__item.bg-green {
    background: #0d3d2c
}

.choose__items__wrapper .choose__single__item .content {
    padding: 40px 30px
}

@media (max-width:768px) {
    .choose__items__wrapper .choose__single__item .content {
        padding: 20px
    }
}

.choose__items__wrapper .choose__single__item .content .title {
    margin-top: 90px;
    color: #fff;
    font-size: 24px;
    line-height: 30px
}

.choose__items__wrapper .choose__single__item .content .desc {
    color: rgb(255 255 255 / .8)
}

.choose__items__wrapper .choose__single__item .choose__img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    height: 100%
}

@media screen and (max-width:575px) {
    .choose__items__wrapper .choose__single__item .choose__img {
        height: 350px
    }
}

.choose__items__wrapper .choose__single__item .choose__img .images {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s
}

.choose__items__wrapper .choose__single__item .choose__img .title {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    font-weight: var(--f-medium);
    line-height: 32px;
    padding: 40px 30px
}

@media (max-width:1600px) {
    .choose__items__wrapper .choose__single__item .choose__img .title {
        font-size: 20px
    }
}

.choose__items__wrapper .choose__single__item:hover .images {
    transform: scale(1.05)
}

.choose__items__wrapper .item-lg {
    grid-column: span 2
}

@media (max-width:991px) {
    .choose__items__wrapper .item-lg {
        grid-column: span 1
    }
}

@media (max-width:991px) {
    .choose__items__wrapper .or1 {
        order: -1
    }
}

.choose__items__wrapper .choose__img__item {
    height: 100%
}

.choose__items__wrapper .choose__img__item .choose__img {
    position: relative;
    height: 100%;
    border-radius: 30px;
    overflow: hidden
}

.choose__items__wrapper .choose__img__item .choose__img .images {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s
}

.choose__items__wrapper .choose__img__item .choose__img .img__content {
    position: absolute;
    inset: 0;
    text-align: center
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .title {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 40px;
    letter-spacing: -.04em
}

@media screen and (max-width:991px) {
    .choose__items__wrapper .choose__img__item .choose__img .img__content .title {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .choose__items__wrapper .choose__img__item .choose__img .img__content .title {
        font-size: 25px
    }
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%)
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .phone {
    margin-bottom: 20px
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .phone i {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 50%;
    margin-right: 8px
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .phone a {
    color: #fff
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .rts-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    background: #fff0
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .rts-btn i {
    margin-left: 5px
}

.choose__items__wrapper .choose__img__item .choose__img .img__content .bottom .rts-btn:hover {
    border-color: #000
}

.choose__items__wrapper .choose__img__item .choose__img:hover .images {
    transform: scale(1.05)
}

.section__title__area .desc {
    margin-bottom: 22px
}

.rts__choose__wrapper__three {
    background: #004638;
    padding: 100px 90px;
    border-radius: 40px
}

@media screen and (max-width:1199px) {
    .rts__choose__wrapper__three {
        padding: 80px 40px
    }
}

@media screen and (max-width:991px) {
    .rts__choose__wrapper__three {
        padding: 60px 30px
    }
}

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

@media screen and (max-width:575px) {
    .rts__choose__wrapper__three {
        padding: 30px 15px
    }
}

.rts__choose__wrapper__three .section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

@media screen and (max-width:1199px) {
    .rts__choose__wrapper__three .section-title-area {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 10px
    }
}

.rts__choose__wrapper__three .section-title-area .section-title .sub-title-two {
    color: var(--rts-white);
    margin-bottom: 20px
}

.rts__choose__wrapper__three .section-title-area .section-title .heading-title-three {
    color: var(--rts-white);
    line-height: 1.1
}

.rts__choose__wrapper__three .section-title-area .desc {
    max-width: 535px;
    color: #CCD3D3;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1.6
}

.rts__choose__wrapper__three .rts__choose__item__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

@media screen and (max-width:1199px) {
    .rts__choose__wrapper__three .rts__choose__item__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }
}

@media screen and (max-width:991px) {
    .rts__choose__wrapper__three .rts__choose__item__wrapper {
        gap: 20px
    }
}

@media screen and (max-width:767px) {
    .rts__choose__wrapper__three .rts__choose__item__wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
}

.rts__choose__wrapper__three .rts__choose__item__wrapper .single__item {
    background: rgb(255 255 255 / .1);
    padding: 30px;
    border-radius: 20px
}

.rts__choose__wrapper__three .rts__choose__item__wrapper .single__item .icon {
    margin-bottom: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #D7F448;
    color: var(--heading-color)
}

.rts__choose__wrapper__three .rts__choose__item__wrapper .single__item .icon i {
    font-size: 21px
}

.rts__choose__wrapper__three .rts__choose__item__wrapper .single__item .content .title {
    color: var(--rts-white);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 15px
}

@media screen and (max-width:991px) {
    .rts__choose__wrapper__three .rts__choose__item__wrapper .single__item .content .title {
        font-size: 20px
    }
}

.rts__choose__wrapper__three .rts__choose__item__wrapper .single__item .content .desc {
    color: rgb(255 255 255 / .7);
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1.6
}

.tooltipx .tooltip-inner {
    background-color: #7EEA57 !important;
    color: var(--heading-color) !important;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium)
}

.tooltip .tooltip-arrow {
    display: none !important
}

.rts__service_area.style-3 {
    background: var(--heading-color-5)
}

.rts__service_area .rts-paginations {
    margin-top: 80px
}

.rts-service-area.bg-one {
    background: #F9FAFB
}

.rts-service-area.bg-one .section-title {
    margin-bottom: 50px
}

.rts-service-area.bg-one .section-title .heading-title {
    margin-bottom: 30px
}

.rts-service-area.bg-one .section-title .desc {
    color: rgb(0 0 0 / .8)
}

@media screen and (max-width:991px) {
    .rts-service-area.bg-one .section-title .desc br {
        display: none
    }
}

.rts-service-area.service-three .section-title .heading-title-three {
    margin-bottom: 20px
}

.rts-service-wrapper .single-service {
    background: var(--rts-white);
    padding: 24px;
    border: 1px solid rgb(0 0 0 / .1);
    border-radius: 20px;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.rts-service-wrapper .single-service::before {
    position: absolute;
    content: "";
    inset: 0;
    background: #004638;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.5s ease
}

.rts-service-wrapper .single-service .icon {
    margin-bottom: 20px
}

.rts-service-wrapper .single-service .icon svg path {
    transition: var(--transition)
}

.rts-service-wrapper .single-service .content .title {
    color: var(--rts-black);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 20px;
    transition: var(--transition)
}

@media (max-width:1600px) {
    .rts-service-wrapper .single-service .content .title {
        font-size: 20px
    }
}

@media (max-width:1200px) {
    .rts-service-wrapper .single-service .content .title {
        font-size: 18px
    }
}

.rts-service-wrapper .single-service .content .desc {
    color: #6B7280;
    font-size: 15px;
    font-weight: var(--f-regular);
    line-height: 24px;
    transition: var(--transition)
}

.rts-service-wrapper .single-service:hover::before {
    transform: scaleY(1)
}

.rts-service-wrapper .single-service:hover .icon svg path {
    fill: var(--rts-white)
}

.rts-service-wrapper .single-service:hover .content .title {
    color: var(--rts-white)
}

.rts-service-wrapper .single-service:hover .content .desc {
    color: var(--rts-white)
}

.rts-service-area-two .section-title .heading-title-two {
    margin-bottom: 20px
}

.rts-service-area-two .section-title .desc {
    max-width: 650px;
    color: var(--rts-para);
    margin: 0 auto
}

.rts-service-wrapper-two {
    margin-top: 55px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:767px) {
    .rts-service-wrapper-two {
        grid-template-columns: repeat(1, 1fr)
    }
}

.rts-service-wrapper-two .single-service-item {
    padding: 40px;
    position: relative;
    z-index: 1;
    border-color: rgb(13 13 13 / .2);
    overflow: hidden
}

@media screen and (max-width:767px) {
    .rts-service-wrapper-two .single-service-item {
        padding: 30px;
        border-color: #fff0
    }
}

.rts-service-wrapper-two .single-service-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #004638;
    z-index: -1;
    border-radius: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.5s ease
}

.rts-service-wrapper-two .single-service-item:nth-child(1) {
    border-width: 0 1px 1px 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(1)::before {
    border-radius: 30px 30px 0 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(2) {
    border-width: 0 0 1px 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(2)::before {
    border-radius: 30px 30px 30px 0
}

.rts-service-wrapper-two .single-service-item:nth-child(3) {
    border-width: 0 1px 0 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(3)::before {
    border-radius: 30px 0 30px 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(4) {
    border-width: 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(4)::before {
    border-radius: 0 30px 30px 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(5) {
    border-width: 1px 1px 1px 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(5)::before {
    border-radius: 30px 0 30px 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(6) {
    border-width: 1px 0 1px 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(6)::before {
    border-radius: 0 30px 30px 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(7) {
    border-width: 0 1px 0 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(7)::before {
    border-radius: 30px 0 30px 30px
}

.rts-service-wrapper-two .single-service-item:nth-child(8) {
    border-width: 0;
    border-style: solid
}

.rts-service-wrapper-two .single-service-item:nth-child(8)::before {
    border-radius: 0 30px 30px 30px
}

.rts-service-wrapper-two .single-service-item:hover {
    border-color: #fff0
}

.rts-service-wrapper-two .single-service-item:hover::before {
    transform: scaleY(1)
}

.rts-service-wrapper-two .single-service-item:hover .icon svg path {
    fill: #B4E33D;
    transition: var(--transition)
}

.rts-service-wrapper-two .single-service-item:hover .content .title {
    color: #F7F6F2;
    transition: var(--transition)
}

.rts-service-wrapper-two .single-service-item:hover .content .desc {
    color: rgb(247 246 242 / .8);
    transition: var(--transition)
}

.rts-service-wrapper-two .single-service-item .icon {
    margin-bottom: 50px
}

.rts-service-wrapper-two .single-service-item .content .title {
    color: var(--rts-black);
    font-size: 40px;
    font-weight: var(--f-regular);
    letter-spacing: -.03em;
    transition: var(--transition)
}

@media screen and (max-width:1199px) {
    .rts-service-wrapper-two .single-service-item .content .title {
        font-size: 35px
    }
}

@media screen and (max-width:991px) {
    .rts-service-wrapper-two .single-service-item .content .title {
        font-size: 25px
    }
}

@media screen and (max-width:400px) {
    .rts-service-wrapper-two .single-service-item .content .title {
        font-size: 20px
    }
}

.rts-service-wrapper-two .single-service-item .content .desc {
    color: rgb(13 13 13 / .8);
    font-weight: var(--f-regular);
    transition: var(--transition)
}

.service__wrapper {
    border-radius: 10px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .section__title .title {
        font-size: 48px
    }
}

@media screen and (max-width:1199px) {
    .service__wrapper {
        padding: 30px
    }
}

@media screen and (max-width:1199px) {
    .service__wrapper.style-2 {
        padding: 0
    }
}

.service__wrapper .service__img {
    height: 810px;
    overflow: hidden;
    border-radius: 10px 0 0 10px
}

@media screen and (max-width:1199px) {
    .service__wrapper .service__img {
        border-radius: 10px
    }
}

@media screen and (max-width:991px) {
    .service__wrapper .service__img {
        height: 500px
    }
}

@media screen and (max-width:767px) {
    .service__wrapper .service__img {
        margin-bottom: 30px
    }
}

.service__wrapper .service__content__wrapper {
    max-width: 700px;
    margin-left: 30px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .service__content__wrapper {
        margin-right: 30px
    }
}

@media screen and (max-width:1199px) {
    .service__wrapper .service__content__wrapper {
        margin-left: 0
    }
}

@media screen and (max-width:991px) {
    .service__wrapper .service__content__wrapper {
        margin-top: 30px;
        margin-left: 0
    }
}

.service__wrapper .service__content__wrapper .service__item__main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    transition: var(--transition)
}

@media screen and (max-width:767px) {
    .service__wrapper .service__content__wrapper .service__item__main {
        grid-template-columns: repeat(1, 1fr)
    }
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item {
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    gap: 12px;
    transition: var(--transition)
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .service__content__wrapper .service__item__main .service__single__item {
        flex-wrap: wrap
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .service__wrapper .service__content__wrapper .service__item__main .service__single__item {
        padding: 10px;
        flex-wrap: wrap
    }
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item .icon svg path {
    transition: var(--transition)
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item .content .title {
    transition: var(--transition);
    line-height: 28px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .service__content__wrapper .service__item__main .service__single__item .content .title {
        font-size: 16px
    }
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item .content .desc {
    line-height: 24px;
    transition: var(--transition)
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item:hover {
    background-color: var(--heading-color)
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item:hover .icon svg path {
    fill: var(--rts-neon)
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item:hover .content .title {
    color: var(--rts-white)
}

.service__wrapper .service__content__wrapper .service__item__main .service__single__item:hover .content .desc {
    color: #B5B5B5
}

.service__wrapper .service__single__item {
    background: var(--heading-color-3);
    border-radius: 10px
}

.service__wrapper .service__single__item-2 {
    background: var(--heading-color-3);
    border-radius: 10px;
    display: flex;
    align-items: center
}

.service__wrapper .service__single__item-2.style-2 {
    background: var(--heading-color-2)
}

.service__wrapper .service__single__item-2.style-3 {
    background: var(--heading-color)
}

.service__wrapper .service__single__item-2.style-4 {
    flex-direction: column
}

@media screen and (max-width:575px) {
    .service__wrapper .service__single__item-2 {
        flex-direction: column-reverse;
        align-items: start;
        gap: 20px
    }
}

.service__wrapper .service__single__item-2 .content {
    padding-left: 20px;
    height: 100%;
    border-radius: 10px 0 0 10px;
    flex-basis: 50%
}

.service__wrapper .service__single__item-2 .content.style-2 {
    border-radius: 0 10px 10px 0
}

.service__wrapper .service__single__item-2 .content.style-3 {
    border-radius: 0 10px 10px 0
}

@media screen and (max-width:575px) {
    .service__wrapper .service__single__item-2 .content {
        padding: 20px
    }
}

.service__wrapper .service__single__item-2 .content .title {
    margin-top: 48px
}

.service__wrapper .service__single__item-2 .content .title.style-2 {
    color: var(--rts-white)
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .service__single__item-2 .content .title {
        margin-top: 25px
    }
}

.service__wrapper .service__single__item-2 .content .list-item {
    margin-top: 25px;
    padding: 0
}

.service__wrapper .service__single__item-2 .content .list-item.style-2 li {
    color: var(--rts-white)
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .service__wrapper .service__single__item-2 .content .list-item li {
        font-size: 14px
    }
}

.service__wrapper .service__single__item-2 .img {
    flex-basis: 50%;
    overflow: hidden;
    border-radius: 0 10px 10px 0
}

.service__wrapper .service__single__item-2 .img img {
    transform: scale(1);
    transition: var(--transition)
}

@media screen and (max-width:575px) {
    .service__wrapper .service__single__item-2 .img img {
        border-radius: 10px 10px 0 0
    }
}

.service__wrapper .service__single__item-2 .img-2 {
    flex-basis: 50%;
    overflow: hidden;
    border-radius: 10px 0 0 10px
}

.service__wrapper .service__single__item-2 .img-2 img {
    transform: scale(1);
    transition: var(--transition)
}

@media screen and (max-width:575px) {
    .service__wrapper .service__single__item-2 .img-2 {
        order: 1
    }

    .service__wrapper .service__single__item-2 .img-2 img {
        border-radius: 10px 10px 0 0
    }
}

.service__wrapper .service__single__item-2:hover .img img {
    transform: scale(1.3)
}

.service__wrapper .service__single__item-2:hover .img-2 img {
    transform: scale(1.3)
}

.about .service__wrapper-3 .single__item {
    padding: 10px;
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    position: relative
}

.about .service__wrapper-3 .single__item .thumb {
    overflow: hidden;
    border-radius: 10px
}

.about .service__wrapper-3 .single__item .thumb img {
    transform: scale(1.1);
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.about .service__wrapper-3 .single__item .content {
    margin-top: 60px;
    text-align: center;
    padding: 0 20px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .about .service__wrapper-3 .single__item .content {
        padding: 0 5px
    }
}

@media screen and (max-width:1199px) {
    .about .service__wrapper-3 .single__item .content {
        padding: 0
    }
}

.about .service__wrapper-3 .single__item .content .icon {
    width: 80px;
    height: 80px;
    background: var(--heading-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition)
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .about .service__wrapper-3 .single__item .content .icon {
        top: 27%
    }
}

@media screen and (max-width:1199px) {
    .about .service__wrapper-3 .single__item .content .icon {
        top: 30%
    }
}

@media screen and (max-width:991px) {
    .about .service__wrapper-3 .single__item .content .icon {
        top: 34%
    }
}

@media screen and (max-width:575px) {
    .about .service__wrapper-3 .single__item .content .icon {
        top: 42%
    }
}

@media only screen and (max-width:380px) {
    .about .service__wrapper-3 .single__item .content .icon {
        top: 35%
    }
}

.about .service__wrapper-3 .single__item .content h5 {
    transition: var(--transition)
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .about .service__wrapper-3 .single__item .content h5 {
        font-size: 19px
    }
}

.about .service__wrapper-3 .single__item .content h5:hover {
    color: var(--heading-color-4)
}

.about .service__wrapper-3 .single__item .content p {
    margin: 14px 0 20px
}

.about .service__wrapper-3 .single__item .content .rts__btn {
    margin-bottom: 13px
}

.about .service__wrapper-3 .single__item:hover .thumb img {
    transform: scale(1.5)
}

.about .service__wrapper-3 .single__item:hover .content .icon {
    background: var(--heading-color-4)
}

.about .service__wrapper-3 .link {
    margin-top: 40px;
    color: var(--rts-heading);
    display: block;
    text-align: center;
    text-decoration: underline
}

.rts__video__area {
    position: relative;
    width: 100%;
    height: 740px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

@media screen and (max-width:1199px) {
    .rts__video__area {
        height: 600px
    }
}

@media screen and (max-width:991px) {
    .rts__video__area {
        height: 500px
    }
}

@media screen and (max-width:575px) {
    .rts__video__area {
        height: 450px
    }
}

.rts__video__area video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2
}

.rts__video__area video.show {
    opacity: 1
}

.rts__video__area .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    color: #fff;
    height: 100%;
    width: 100%
}

.rts__video__area .content .icon {
    width: 100%;
    height: 100%;
    color: var(--rts-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.rts__video__area .content .icon i {
    font-size: 20px
}

.rts__video__area .content span {
    display: block;
    margin-top: 1rem;
    font-size: 1.2rem;
    letter-spacing: 1px
}

.rts__video__area.video-active video {
    display: block !important
}

.rts__video__area.video-active .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.rts__service__details_image {
    margin-bottom: 70px
}

@media screen and (max-width:991px) {
    .rts__service__details_image {
        margin-bottom: 50px
    }
}

.rts__service__details_image img {
    border-radius: 40px
}

.rts__service__details__sidebar .service__widget {
    margin-left: 50px
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .rts__service__details__sidebar .service__widget {
        margin-left: 10px
    }
}

@media screen and (max-width:991px) {
    .rts__service__details__sidebar .service__widget {
        margin-left: 0
    }
}

.rts__service__details__sidebar .service__widget:not(:last-child) {
    margin-bottom: 45px
}

.rts__service__details__sidebar .service__widget__title {
    border-bottom: 1px solid var(--rts-border);
    padding-bottom: 5px
}

.rts__service__details__sidebar .service__widget__title h3 {
    color: var(--heading-color);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1
}

.rts__service__details__sidebar .service__widget__title span {
    display: inline-block;
    color: var(--rts-heading);
    margin-bottom: 10px
}

.rts__service__details__sidebar .service__widget__categories {
    padding: 0;
    margin-top: 38px
}

.rts__service__details__sidebar .service__widget__categories li:not(:last-child) {
    margin-bottom: 10px
}

.rts__service__details__sidebar .service__widget__categories li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: #E8F4E4;
    color: var(--heading-color);
    font-size: 18px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    border-radius: 10px;
    position: relative;
    transition: var(--transition)
}

.rts__service__details__sidebar .service__widget__categories li a::after {
    position: absolute;
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    right: 20px;
    color: var(--heading-color);
    transition: var(--transition)
}

.rts__service__details__sidebar .service__widget__categories li a:hover {
    background: var(--heading-color);
    color: var(--rts-white)
}

.rts__service__details__sidebar .service__widget__categories li a:hover::after {
    color: var(--rts-white)
}

.rts__service__details__sidebar .service__widget__form {
    margin-top: 38px
}

.rts__service__details__sidebar .service__widget__form form input {
    width: 100%;
    padding: 20px;
    background: var(--heading-color-3);
    color: var(--rts-heading);
    border-radius: 10px;
    border: none;
    outline: none;
    margin-bottom: 15px
}

.rts__service__details__sidebar .service__widget__form form input::placeholder {
    color: var(--rts-heading) !important
}

.rts__service__details__sidebar .service__widget__form form textarea {
    width: 100%;
    padding: 20px;
    border: none;
    outline: none;
    background: var(--heading-color-3);
    height: 130px;
    border-radius: 10px;
    resize: none
}

.rts__service__details__sidebar .service__widget__form form textarea::placeholder {
    color: var(--rts-heading) !important
}

.rts__service__details__sidebar .service__widget__form form button {
    margin-top: 13px;
    width: 100%;
    padding: 11px 0;
    border-radius: 10px;
    background: var(--heading-color);
    color: var(--rts-white);
    border: none
}

.rts__service__details__sidebar .service__widget__download .download__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rts__service__details__sidebar .service__widget__download .download__item:not(:last-child) {
    margin-bottom: 10px
}

.rts__service__details__sidebar .service__widget__download .download__item .left {
    display: flex;
    align-items: center;
    gap: 25px
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .rts__service__details__sidebar .service__widget__download .download__item .left {
        gap: 15px
    }
}

.rts__service__details__sidebar .service__widget__download .download__item .left .icon {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    background: #E8F4E4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rts__service__details__sidebar .service__widget__download .download__item .left .text h4 {
    font-size: 18px;
    margin-bottom: 0
}

.rts__service__details__content {
    position: sticky;
    top: 120px
}

.rts__service__details__content .single__item .title {
    color: var(--rts-heading);
    font-size: 32px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2;
    margin-bottom: 24px
}

@media screen and (max-width:575px) {
    .rts__service__details__content .single__item .title {
        font-size: 24px
    }
}

.rts__service__details__content .single__item .tt {
    color: #666;
    text-transform: capitalize;
    line-height: 1.5;
    margin-bottom: 30px
}

.rts__service__details__content .single__item .list {
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.rts__service__details__content .single__item .list li {
    width: 50%;
    color: var(--heading-color);
    font-size: 18px;
    font-family: var(--font-primary);
    font-weight: var(--f-semi-bold)
}

@media screen and (max-width:575px) {
    .rts__service__details__content .single__item .list li {
        width: 100%;
        font-size: 16px
    }
}

.rts__service__details__content .single__item .list li:not(:last-child) {
    margin-bottom: 12px
}

.rts__service__details__content .single__item .list li i {
    margin-right: 10px
}

.rts__service__details__content .single__item .choose__single__item {
    background: var(--heading-color-4);
    padding: 30px;
    border-radius: 10px
}

.rts__service__details__content .single__item .choose__single__item.style-2 {
    background-color: var(--heading-color)
}

.rts__service__details__content .single__item .choose__single__item .content .top {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.rts__service__details__content .single__item .choose__single__item .content .icon {
    padding: 10px 15px;
    border-radius: 6px;
    background: var(--rts-white);
    margin-bottom: 40px
}

.rts__service__details__content .single__item .choose__single__item .content .number {
    color: rgb(255 255 255 / .2);
    font-weight: 600;
    margin: 0
}

.rts__service__details__content .single__item .choose__single__item .content .title {
    color: var(--rts-white);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 15px
}

@media screen and (max-width:575px) {
    .rts__service__details__content .single__item .choose__single__item .content .title {
        font-size: 20px
    }
}

.rts__service__details__content .single__item .choose__single__item .content p {
    margin-top: 10px;
    color: var(--rts-white);
    margin-bottom: 40px
}

.rts__service__details__content .single__item .choose__single__item .content .rts-btn.btn-primary {
    background: #fff0;
    color: var(--rts-white);
    border: 1px solid var(--rts-white)
}

.rts__service__details__content .single__item .choose__single__item .content .rts-btn.btn-primary:hover {
    border-color: var(--rts-black)
}

.rts__service__details__content .single__item:not(:last-child) {
    margin-bottom: 50px
}

.rts-service-inner-area {
    background: #F9FAFB
}

.rts-service-inner-wrapper .single-service-inner {
    background: var(--rts-white);
    padding: 24px;
    border: 1px solid rgb(0 0 0 / .1);
    border-radius: 20px;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.rts-service-inner-wrapper .single-service-inner::before {
    position: absolute;
    content: "";
    inset: 0;
    background: #004638;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all 0.4s
}

.rts-service-inner-wrapper .single-service-inner .icon {
    margin-bottom: 40px
}

.rts-service-inner-wrapper .single-service-inner .content .title {
    color: var(--rts-black);
    font-size: 24px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 20px;
    transition: var(--transition)
}

@media (max-width:1600px) {
    .rts-service-inner-wrapper .single-service-inner .content .title {
        font-size: 20px
    }
}

.rts-service-inner-wrapper .single-service-inner .content .desc {
    color: rgb(0 0 0 / .9);
    font-weight: var(--f-regular);
    line-height: 24px;
    transition: var(--transition)
}

.rts-service-inner-wrapper .single-service-inner:hover::before {
    transform: scaleY(1)
}

.rts-service-inner-wrapper .single-service-inner:hover .icon svg path {
    fill: #B4E33D
}

.rts-service-inner-wrapper .single-service-inner:hover .content .title,
.rts-service-inner-wrapper .single-service-inner:hover .content .desc {
    color: var(--rts-white)
}

.rts__price__area {
    background-color: #F9FAFB
}

.rts__price__area .price__item__wrapper {
    margin-top: 60px
}

.rts__price__area .price__item__wrapper .price__single__item.mid .tag {
    background: #004638;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: var(--f-medium);
    line-height: 1;
    color: var(--rts-white);
    padding: 9px 0;
    border-radius: 16px 16px 0 0
}

.rts__price__area .price__item__wrapper .price__single__item.mid .price__content {
    background: #E8F4E4;
    border-radius: 0 0 16px 16px
}

.rts__price__area .price__item__wrapper .price__single__item.mid .price__content .price-btn-desc .rts-btn.btn-primary {
    background: var(--btn-color);
    border-color: var(--btn-color)
}

.rts__price__area .price__item__wrapper .price__single__item .price__content {
    padding: 80px 40px;
    background-color: var(--rts-white);
    border-radius: 16px;
    transition: var(--transition)
}

@media screen and (max-width:991px) {
    .rts__price__area .price__item__wrapper .price__single__item .price__content {
        padding: 60px 30px
    }
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .title {
    color: #121212;
    font-size: 32px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    letter-spacing: -.06em;
    margin-bottom: 40px
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price {
    color: var(--rts-black);
    font-size: 80px;
    font-family: var(--font-inter);
    font-weight: var(--f-regular);
    letter-spacing: -.02em;
    margin-bottom: 40px
}

@media screen and (max-width:1199px) {
    .rts__price__area .price__item__wrapper .price__single__item .price__content .price {
        font-size: 60px
    }
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price .dollar {
    font-size: 28px;
    vertical-align: middle;
    margin-right: -5px
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price .per-mnt {
    display: inline-block;
    font-size: 18px;
    font-family: var(--font-inter);
    color: rgb(18 18 18 / .5)
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price-btn-desc {
    text-align: center;
    margin-bottom: 40px
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price-btn-desc .rts-btn.btn-primary {
    max-width: 100%;
    justify-content: center;
    background: #fff0;
    border: 1px solid rgb(0 0 0 / .15);
    margin-bottom: 10px
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price-btn-desc .rts-btn.btn-primary::before {
    background: var(--btn-color)
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price-btn-desc .rts-btn.btn-primary:hover {
    color: var(--rts-black);
    border: 1px solid var(--btn-color)
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price-btn-desc .desc {
    color: rgb(18 18 18 / .5)
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price__list {
    padding-left: 0
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price__list li {
    color: rgb(18 18 18 / .75);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1;
    letter-spacing: .01em
}

@media screen and (max-width:991px) {
    .rts__price__area .price__item__wrapper .price__single__item .price__content .price__list li {
        font-size: 14px
    }
}

.rts__price__area .price__item__wrapper .price__single__item .price__content .price__list li:not(:last-child) {
    margin-bottom: 16px
}

.rts__testimonial__area {
    position: relative
}

.rts__testimonial__area .section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .rts__testimonial__area .section-title-area {
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-start
    }
}

.rts__testimonial__area::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 75%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--rts-border)
}

.rts__testimonial__area.dbt::before {
    top: 0;
    background: var(--rts-border)
}

.rts__testimonial__area.style-3 {
    background: #EBFFF1
}

.testimonial__slide__item__wrapper .testimonial__slide__item {
    padding: 28px 18px 33px 25px;
    border: 1px solid var(--rts-border);
    border-radius: 10px
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-2 {
    border-color: #fff0
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-3 {
    background: var(--heading-color-4)
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-3 .icon img {
    filter: brightness(0) invert(1)
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-3 .desc {
    color: var(--rts-white)
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-3 .title {
    color: var(--rts-white)
}

.testimonial__slide__item__wrapper .testimonial__slide__item.style-3 .designation {
    color: var(--rts-white)
}

.testimonial__slide__item__wrapper .testimonial__slide__item .desc {
    color: var(--rts-heading);
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    line-height: 1.6
}

.testimonial__slide__item__wrapper .testimonial__slide__item .info .content .title {
    font-size: 17px;
    line-height: 1;
    letter-spacing: -.04em;
    margin-bottom: 2px
}

.testi__right {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 18px
}

.testi__right .testi__reviews {
    display: flex;
    align-items: center;
    gap: 8px
}

.testi__right .testi__reviews .rattings span {
    color: var(--rts-heading);
    font-weight: 500
}

.testi__right .testi__reviews .rattings .ratting span {
    color: var(--rts-heading);
    font-weight: 600
}

.testi__right .testi__reviews .rattings .ratting {
    display: flex;
    align-items: center;
    gap: 10px
}

.testi__right .testi__reviews .rattings .ratting .star {
    color: #fc0
}

.testi__right .test__btn {
    display: flex;
    gap: 8px
}

.testi__right .test__btn button {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid var(--rts-border);
    border-radius: 6px;
    background: #fff0;
    transition: var(--transition)
}

.testi__right .test__btn button i {
    color: var(--rts-heading);
    transition: var(--transition)
}

.testi__right .test__btn button:hover {
    background: var(--heading-color)
}

.testi__right .test__btn button:hover i {
    color: var(--rts-white)
}

.testi__right .test__btn.style-2 button:hover i {
    color: var(--heading-color-4)
}

.rts__testimonial__area-two {
    background: #0D0D0D
}

.rts__testimonial__area-two .section-title-area {
    display: flex;
    align-items: end;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .rts__testimonial__area-two .section-title-area {
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-start
    }
}

.rts__testimonial__area-two .section-title-area .section-title .sub-title {
    color: var(--rts-white);
    border-color: rgb(255 255 255 / .2)
}

.rts__testimonial__area-two .section-title-area .section-title .heading-title-two {
    color: var(--rts-white)
}

.rts__testimonial__area-two .section-title-area .testi-review img {
    display: inline-block;
    margin-bottom: 16px
}

.rts__testimonial__area-two .section-title-area .testi-review p {
    color: #809291;
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    line-height: 1
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two {
    margin-top: 60px;
    position: relative
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .tesi-nav-area {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px
}

@media screen and (max-width:575px) {
    .rts__testimonial__area-two .rts__testimonials__wrapper__two .tesi-nav-area {
        position: unset;
        margin-top: 20px
    }
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .tesi-nav-area .tesi-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #D7F448;
    color: var(--heading-color);
    transition: var(--transition)
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .tesi-nav-area .tesi-btn:hover {
    background: var(--heading-color);
    color: #D7F448
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .tesi-nav-area .tesi-btn i {
    font-size: 20px
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .testi-thumb img {
    border-radius: 10px
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content {
    padding-left: 50px
}

@media screen and (max-width:991px) {
    .rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content {
        padding-left: 0
    }
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .star-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .star-rating .stars {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .star-rating .stars li i {
    font-size: 28px;
    color: #FFBE4C
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .star-rating .rating-val {
    color: var(--rts-white);
    font-size: 32px;
    font-weight: var(--f-medium);
    line-height: 1.3
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .desc {
    color: #CCD3D3;
    font-size: 32px;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 40px
}

@media screen and (max-width:991px) {
    .rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .desc {
        font-size: 25px
    }
}

@media screen and (max-width:575px) {
    .rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .desc {
        font-size: 20px
    }
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .author .name {
    color: var(--rts-white);
    font-size: 36px;
    font-weight: var(--f-medium);
    line-height: 1.1
}

.rts__testimonial__area-two .rts__testimonials__wrapper__two .test-slide-content .testi-content .author .role {
    color: rgb(255 255 255 / .5);
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    line-height: 1;
    letter-spacing: -.02em
}

.rts__testimonial__area-three {
    background: #F9FAFB
}

.testimonials__slide__item_three {
    margin: 45px 0
}

.testimonials__slide__item_three .testimonials__single__item {
    background: var(--rts-white);
    padding: 40px 60px;
    border-radius: 20px;
    text-align: center
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .testimonials__slide__item_three .testimonials__single__item {
        padding: 40px
    }
}

@media screen and (max-width:1199px) {
    .testimonials__slide__item_three .testimonials__single__item {
        padding: 40px 30px
    }
}

.testimonials__slide__item_three .testimonials__single__item .stars {
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.testimonials__slide__item_three .testimonials__single__item .stars li i {
    font-size: 28px;
    color: #FFBE4C
}

.testimonials__slide__item_three .testimonials__single__item .desc {
    font-size: 20px;
    font-weight: var(--f-regular);
    line-height: 1.4;
    letter-spacing: -.01em;
    margin-bottom: 50px
}

@media screen and (max-width:1199px) {
    .testimonials__slide__item_three .testimonials__single__item .desc {
        font-size: 18px
    }
}

.testimonials__slide__item_three .testimonials__single__item .author__info .author__thumb {
    margin-bottom: 25px
}

.testimonials__slide__item_three .testimonials__single__item .author__info .author__thumb img {
    border-radius: 30px
}

.testimonials__slide__item_three .testimonials__single__item .author__info .author__body .name {
    color: #121212;
    font-size: 20px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    letter-spacing: -.01em
}

.testimonials__slide__item_three .testimonials__single__item .author__info .author__body .designation {
    color: rgb(18 18 18 / .75);
    font-weight: var(--f-regular);
    line-height: 1;
    letter-spacing: -.01em
}

.testimonials__review__pagination {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .testimonials__review__pagination {
        flex-wrap: wrap;
        gap: 30px
    }
}

.testimonials__review__pagination .testimonials__review__nav {
    display: flex;
    align-items: center;
    gap: 30px
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__review {
    display: flex;
    align-items: center;
    gap: 10px
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__review .body .title {
    color: #004638;
    font-size: 16px;
    font-weight: var(--f-medium);
    line-height: 1
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__review .body .rat-stars {
    display: flex;
    align-items: center;
    gap: 10px
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__review .body .rat-stars .rat {
    font-size: 16px;
    font-weight: var(--f-semi-bold)
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__review .body .rat-stars .stars i {
    color: #fc0
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__nav {
    display: flex;
    align-items: center;
    gap: 8px
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__nav .testi__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--rts-white);
    color: #34A853;
    border: 1px solid rgb(52 168 83 / .07);
    border-radius: 10px;
    transition: var(--transition)
}

.testimonials__review__pagination .testimonials__review__nav .testimonials__nav .testi__btn:hover {
    background: #34A853;
    color: var(--rts-white)
}

.testimonials__review__pagination .testimonials__pagination .rts-dot-pagination .swiper-pagination-bullet {
    background: rgb(52 168 83 / .3)
}

.testimonials__review__pagination .testimonials__pagination .rts-dot-pagination .swiper-pagination-bullet-active {
    background: #34A853
}

.rts__map__area.bg-one {
    background: #004638
}

.rts__map__area.bg-one .section-title .sub-title {
    border-color: rgb(215 244 72 / .1);
    margin-bottom: 25px
}

.rts__map__area.area-two .section-title .sub-title {
    color: var(--rts-white);
    border-color: rgb(223 255 3 / .1)
}

.rts__map__area.area-two .section-title .heading-title-two {
    color: var(--rts-white)
}

.map__main__wrapper {
    margin-top: 80px;
    position: relative;
    display: inline-block
}

.map__main__wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

.map__main__wrapper .round-shape {
    list-style: none;
    margin: 0;
    padding: 0
}

.map__main__wrapper .round-shape li {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #D7F448;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease
}

.map__main__wrapper .round-shape li i {
    color: #002524;
    font-size: 14px;
    font-weight: 700
}

.map__main__wrapper .round-shape .one {
    top: 15%;
    left: 70%
}

.map__main__wrapper .round-shape .two {
    top: 25%;
    left: 20%
}

.map__main__wrapper .round-shape .three {
    bottom: 28%;
    left: 28%
}

.map__main__wrapper .round-shape .four {
    top: 50%;
    left: 55%
}

.map__main__wrapper .round-shape .five {
    bottom: 15%;
    right: 5%
}

.map-tooltip .tooltip-inner {
    background: #7EEA57 !important;
    color: #000000 !important;
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.04em;
    padding: 14px;
    border-radius: 6px;
    margin-bottom: 10px;
    min-width: 180px;
    max-width: 260px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    white-space: normal
}

.map-tooltip .tooltip-inner .tt-name,
.map-tooltip .tooltip-inner .tt-size {
    display: inline-block
}

.map-tooltip .tooltip-inner .tt-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: -25px
}

.map-tooltip .tooltip-inner .tt-size {
    font-size: 14px;
    font-weight: 600;
    color: rgb(0 37 36 / .9)
}

.map-tooltip-two .tooltip-inner {
    background: #DFFF03 !important;
    color: var(--heading-color) !important;
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.04em;
    padding: 14px;
    border-radius: 6px;
    margin-bottom: 10px;
    min-width: 180px;
    max-width: 260px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    white-space: normal
}

.map-tooltip-two .tooltip-inner .tt-name,
.map-tooltip-two .tooltip-inner .tt-size {
    display: inline-block
}

.map-tooltip-two .tooltip-inner .tt-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: -25px
}

.map-tooltip-two .tooltip-inner .tt-size {
    font-size: 14px;
    font-weight: 600;
    color: #666
}

.map-tooltip .tooltip-arrow {
    display: none
}

.rts-project-area .section-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 60px
}

@media screen and (max-width:991px) {
    .rts-project-area .section-title {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        text-align: center
    }
}

.rts-project-area .section-title .desc {
    max-width: 555px
}

@media screen and (max-width:1199px) {
    .rts-project-area .section-title .desc {
        max-width: 500px
    }
}

.rts-project-wrapper .single-project-wrapper {
    background: var(--rts-white);
    position: sticky;
    top: 120px;
    padding: 20px
}

.rts-project-wrapper .single-project-wrapper:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width:991px) {
    .rts-project-wrapper .single-project-wrapper:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .rts-project-wrapper .single-project-wrapper {
        position: static;
        padding: 0
    }
}

.rts-project-wrapper .single-project-wrapper .single-project-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px
}

@media screen and (max-width:991px) {
    .rts-project-wrapper .single-project-wrapper .single-project-item {
        flex-wrap: wrap;
        gap: 50px
    }
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .pre {
    display: inline-block;
    color: #011E19;
    font-size: 24px;
    font-family: "Archivo", sans-serif;
    font-weight: var(--f-medium);
    line-height: 1;
    position: relative;
    padding-left: 20px;
    margin-bottom: 17px
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .pre::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #004638
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .title {
    color: #004638;
    font-size: 48px;
    font-weight: var(--f-medium);
    line-height: 1.3;
    letter-spacing: -.03em;
    margin-bottom: 40px
}

@media (max-width:1600px) {
    .rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .title {
        font-size: 44px
    }
}

@media screen and (max-width:1199px) {
    .rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .title {
        font-size: 35px
    }
}

@media screen and (max-width:991px) {
    .rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .title {
        font-size: 30px
    }

    .rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .title br {
        display: none
    }
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .project-feature-list {
    padding: 0;
    margin-bottom: 50px
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .project-feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111827;
    font-weight: var(--f-medium)
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-left-content .project-feature-list li:not(:last-child) {
    margin-bottom: 20px
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-right-image {
    flex-basis: 45%
}

@media screen and (max-width:991px) {
    .rts-project-wrapper .single-project-wrapper .single-project-item .project-right-image {
        flex-basis: 100%;
        order: -1
    }
}

.rts-project-wrapper .single-project-wrapper .single-project-item .project-right-image img {
    border-radius: 40px
}

.project__main__wrapper {
    margin-top: 86px
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .project__main__wrapper {
        margin-top: 80px
    }
}

@media screen and (max-width:1199px) {
    .project__main__wrapper {
        margin-top: 47px
    }
}

@media screen and (max-width:991px) {
    .project__main__wrapper {
        margin-top: 50px
    }
}

@media screen and (max-width:767px) {
    .project__main__wrapper {
        margin-top: 55px
    }
}

.project__main__wrapper .project__wrapper {
    position: sticky;
    top: 120px
}

.project__main__wrapper .project__wrapper:nth-child(2) {
    top: 220px
}

.project__main__wrapper .project__wrapper:nth-child(3) {
    top: 320px
}

@media screen and (max-width:1199px) {
    .project__main__wrapper .project__wrapper {
        position: static
    }
}

.project__main__wrapper .project__wrapper .project__item__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    border: 1px solid #E7EDBE;
    border-radius: 10px;
    position: relative;
    background: var(--rts-white)
}

@media screen and (max-width:991px) {
    .project__main__wrapper .project__wrapper .project__item__card {
        flex-direction: column-reverse
    }
}

.project__main__wrapper .project__wrapper .project__item__content {
    border-radius: 6px;
    background: #F1FF94;
    padding: 54px 70px 54px 40px;
    flex-basis: 65%
}

@media screen and (max-width:1199px) {
    .project__main__wrapper .project__wrapper .project__item__content {
        padding: 54px 20px 54px 40px;
        flex-basis: 85%
    }
}

@media screen and (max-width:767px) {
    .project__main__wrapper .project__wrapper .project__item__content {
        padding: 20px
    }
}

.project__main__wrapper .project__wrapper .project__item__content.style-2 {
    background: var(--heading-color)
}

.project__main__wrapper .project__wrapper .project__item__content .sub-title {
    display: inline-block;
    padding: 2px 18px;
    color: var(--rts-heading);
    font-size: 14px;
    font-family: var(--font-primary);
    font-weight: 500;
    border: 1px solid var(--rts-border);
    border-radius: 100px
}

.project__main__wrapper .project__wrapper .project__item__content .project__list {
    padding: 0
}

.project__main__wrapper .project__wrapper .project__item__content .project__list li {
    margin-bottom: 4px;
    color: var(--rts-heading)
}

.project__main__wrapper .project__wrapper .project__item__content .project__list li i {
    margin-right: 5px
}

.project__main__wrapper .project__wrapper .project__item__content .project__list.style-2 li {
    color: var(--rts-neon)
}

.project__main__wrapper .project__wrapper .project__item__img {
    flex-basis: 65%;
    overflow: hidden;
    border-radius: 6px
}

.project__main__wrapper .project__wrapper .project__item__img img {
    transform: scale(1.1);
    transition: var(--transition)
}

.project__main__wrapper .project__wrapper:hover .project__item__img img {
    transform: scale(1.5)
}

.rts__project__area.area-two .rts-section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .rts__project__area.area-two .rts-section-title-area {
        flex-wrap: wrap;
        gap: 30px
    }
}

.rts__project__area.area-two .project__wrapper__two {
    margin-top: 50px
}

.rts__project__area.area-two .project__wrapper__two .project__single__item .thumb {
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 30px
}

.rts__project__area.area-two .project__wrapper__two .project__single__item .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.rts__project__area.area-two .project__wrapper__two .project__single__item .content .title {
    color: var(--rts-black);
    font-size: 24px;
    line-height: 1;
    transition: var(--transition)
}

.rts__project__area.area-two .project__wrapper__two .project__single__item .content .title:hover {
    color: var(--rts-heading)
}

.rts__project__area.area-two .project__wrapper__two .project__single__item .content .desc {
    color: #747474
}

.rts__project__area.area-two .project__wrapper__two .project__single__item:hover .thumb img {
    transform: scale(1.06)
}

.rts__project__area.area-three .section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:1199px) {
    .rts__project__area.area-three .section-title-area {
        flex-wrap: wrap
    }
}

@media screen and (max-width:991px) {
    .rts__project__area.area-three .section-title-area {
        gap: 30px
    }
}

.rts__project__area.area-three .section-title-area .section-title {
    display: flex;
    align-items: flex-start;
    gap: 100px
}

@media screen and (max-width:1199px) {
    .rts__project__area.area-three .section-title-area .section-title {
        flex-direction: column;
        gap: 30px
    }
}

@media screen and (max-width:991px) {
    .rts__project__area.area-three .section-title-area .section-title {
        gap: 5px
    }
}

.rts__project__area.area-three .section-title-area .section-title .heading-title-three {
    max-width: 550px
}

.project__wrapper__2 {
    margin-top: 45px
}

@media screen and (max-width:575px) {
    .project__wrapper__2 {
        padding: 0 15px
    }
}

.project__wrapper__2 .swiper {
    border-radius: 10px
}

.project__wrapper__2 .project__slide__item {
    overflow: hidden
}

.project__wrapper__2 .project__slide__item .img {
    position: relative
}

.project__wrapper__2 .project__slide__item .img img {
    border-radius: 10px
}

.project__wrapper__2 .project__slide__item .img .info {
    background: var(--heading-color-2);
    border-radius: 8px 0;
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: -45%;
    transition: all 0.5s
}

.project__wrapper__2 .project__slide__item .img .info.style-2 {
    background: var(--rts-white);
    border-radius: 20px;
    left: -100%;
    bottom: 30px;
    max-width: 490px;
    transition: all 0.5s
}

@media screen and (max-width:991px) {
    .project__wrapper__2 .project__slide__item .img .info.style-2 {
        margin-top: 10px;
        position: unset;
        max-width: 100%;
        opacity: 0
    }
}

@media screen and (max-width:575px) {
    .project__wrapper__2 .project__slide__item .img .info.style-2 {
        opacity: 1
    }
}

.project__wrapper__2 .project__slide__item .img .info p {
    color: var(--rts-heading)
}

.project__wrapper__2 .project__slide__item .img .info p span {
    font-weight: 400
}

.project__wrapper__2 .project__slide__item .img .info .top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--rts-border);
    padding-bottom: 16px;
    margin-bottom: 16px
}

.project__wrapper__2 .project__slide__item .img .info .top .title {
    font-size: 34px;
    color: var(--rts-heading);
    font-family: var(--font-inter);
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -.04em
}

@media screen and (max-width:575px) {
    .project__wrapper__2 .project__slide__item .img .info .top .title {
        font-size: 24px;
        line-height: 1.2
    }

    .project__wrapper__2 .project__slide__item .img .info .top .title br {
        display: none
    }
}

.project__wrapper__2 .project__slide__item .img .info .top .rts__btn__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 50px;
    border: 1px solid var(--heading-color);
    border-radius: 50%
}

.project__wrapper__2 .project__slide__item .img .info .top .rts__btn__arrow i {
    transform: rotate(-45deg)
}

.project__wrapper__2 .project__slide__item .img .info .bottom p {
    color: var(--rts-para);
    font-family: var(--font-inter);
    font-weight: var(--f-medium);
    margin-bottom: 7px
}

.project__wrapper__2 .project__slide__item .img .info .bottom p span {
    color: var(--rts-heading);
    font-family: var(--font-inter);
    font-weight: var(--f-semi-bold)
}

.project__wrapper__2 .project__slide__item .content {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.5s
}

.project__wrapper__2 .project__slide__item .content .left .title {
    margin: 0
}

.project__wrapper__2 .project__slide__item .content .left span {
    font-family: var(--font-onest)
}

.project__wrapper__2 .swiper-slide.swiper-slide-active .project__slide__item .img .info {
    right: 0
}

.project__wrapper__2 .swiper-slide.swiper-slide-active .project__slide__item .img .info.style-2 {
    left: 30px;
    right: 30px
}

@media screen and (max-width:991px) {
    .project__wrapper__2 .swiper-slide.swiper-slide-active .project__slide__item .img .info.style-2 {
        opacity: 1
    }
}

.project__wrapper__2 .swiper-slide.swiper-slide-active .project__slide__item .content {
    opacity: 1
}

.title__area {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1199px) {
    .title__area {
        flex-direction: column;
        gap: 20px
    }
}

.title__area .subtitles {
    display: inline-block;
    padding: 9px 18px;
    color: var(--rts-white);
    font-size: 14px;
    font-family: var(--font-primary);
    font-weight: 500;
    border: 1px solid var(--rts-white);
    border-radius: 100px;
    line-height: 1;
    height: max-content;
    width: max-content
}

.title__area .txt h3 {
    color: var(--rts-white)
}

.title__area .txt p {
    color: var(--rts-white)
}

.title__area .rts__btn {
    display: flex;
    align-items: end
}

.rts__project__area .rts-paginations {
    margin-top: 100px
}

.rts__project__details__area .rts__project__details__thumb img {
    border-radius: 10px
}

.rts__project__details__area .rts__project__details__content .single__details .heading {
    color: var(--rts-black);
    font-size: 48px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2
}

@media screen and (max-width:575px) {
    .rts__project__details__area .rts__project__details__content .single__details .heading {
        font-size: 30px
    }
}

.rts__project__details__area .rts__project__details__content .single__details .title {
    color: var(--rts-heading);
    font-size: 32px;
    font-weight: var(--f-semi-bold);
    line-height: 1.2
}

@media screen and (max-width:575px) {
    .rts__project__details__area .rts__project__details__content .single__details .title {
        font-size: 24px
    }
}

.rts__project__details__area .rts__project__details__content .single__details .mm {
    margin-top: -4px
}

.rts__project__details__area .rts__project__details__content .single__details .details__list {
    padding: 0
}

.rts__project__details__area .rts__project__details__content .single__details .details__list.style-2 {
    margin-top: 50px;
    padding: 20px;
    background: #E8F4E4;
    border-radius: 16px
}

.rts__project__details__area .rts__project__details__content .single__details .details__list li {
    color: var(--heading-color);
    border-radius: 100px;
    position: relative;
    margin-left: 16px;
    font-size: 16px;
    font-weight: var(--f-semi-bold)
}

.rts__project__details__area .rts__project__details__content .single__details .details__list li:not(:last-child) {
    margin-bottom: 8px
}

.rts__project__details__area .rts__project__details__content .single__details .details__list li::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--heading-color);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -14px
}

@media screen and (max-width:575px) {
    .rts__project__details__area .rts__project__details__content .single__details .details__list li::before {
        top: 13px
    }
}

.rts__project__details__area .rts__project__details__content .single__details:not(:last-child) {
    margin-bottom: 47px
}

.rts__project__details__area .rts__project__details__info {
    margin-left: 50px;
    position: sticky;
    top: 120px;
    padding: 24px;
    background: var(--rts-white);
    border-radius: 20px
}

@media screen and (max-width:1199px) {
    .rts__project__details__area .rts__project__details__info {
        margin-left: 20px
    }
}

@media screen and (max-width:991px) {
    .rts__project__details__area .rts__project__details__info {
        margin-left: 0
    }
}

.rts__project__details__area .rts__project__details__info p span {
    color: var(--heading-color)
}

.rts__project__details__area .rts__project__details__info p {
    border-bottom: 1px solid var(--rts-border);
    padding-bottom: 8px;
    margin-bottom: 8px
}

.rts__brand__area {
    padding: 100px 0
}

@media screen and (max-width:1199px) {
    .rts__brand__area {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .rts__brand__area {
        padding: 60px 0
    }
}

.rts__brand__area .brand-title {
    color: var(--rts-black);
    text-align: center;
    font-size: 28px;
    font-weight: var(--f-semi-bold);
    margin-bottom: 20px
}

@media screen and (max-width:991px) {
    .rts__brand__area .brand-title {
        font-size: 20px;
        line-height: 1.4
    }
}

.rts__brand__area .brand__slide__wrapper {
    position: relative;
    z-index: 1
}

.rts__brand__area .brand__slide__wrapper::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    background: rgb(255 255 255 / .1);
    backdrop-filter: blur(1px)
}

@media screen and (max-width:991px) {
    .rts__brand__area .brand__slide__wrapper::before {
        width: 150px
    }
}

@media screen and (max-width:575px) {
    .rts__brand__area .brand__slide__wrapper::before {
        display: none
    }
}

.rts__brand__area .brand__slide__wrapper::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 250px;
    height: 100%;
    background: rgb(255 255 255 / .1);
    backdrop-filter: blur(1px)
}

@media screen and (max-width:991px) {
    .rts__brand__area .brand__slide__wrapper::after {
        width: 150px
    }
}

@media screen and (max-width:575px) {
    .rts__brand__area .brand__slide__wrapper::after {
        display: none
    }
}

.process__item__wrapper {
    position: relative
}

.process__item__wrapper::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -120px;
    background: var(--rts-border)
}

.process__item__wrapper.style-2::before {
    display: none
}

.process__item__single {
    background: var(--heading-color);
    padding: 16px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    transition: var(--transition)
}

.process__item__single .number {
    color: var(--rts-neon)
}

.process__item__single .title {
    color: var(--rts-white);
    line-height: 28px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .process__item__single .title {
        font-size: 19px
    }
}

.process__item__single .desc {
    margin-top: 130px;
    color: var(--rts-white)
}

.process__item__single .shape {
    position: absolute;
    top: 30px;
    right: 16px;
    z-index: -1
}

.process__item__single::before,
.process__item__single::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid var(--rts-neon);
    transition: var(--transition)
}

.process__item__single::before {
    top: 10px;
    left: 10px;
    border-right: none;
    border-bottom: none;
    border-radius: 4px 0 0 0
}

.process__item__single::after {
    bottom: 8px;
    right: 8px;
    border-left: none;
    border-top: none;
    border-radius: 0 0 4px 0
}

.process__item__single .corner-top-right,
.process__item__single .corner-bottom-left {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid var(--rts-neon);
    border-radius: 0 4px;
    transition: var(--transition)
}

.process__item__single .corner-top-right {
    top: 8px;
    right: 8px;
    border-left: none;
    border-bottom: none
}

.process__item__single .corner-bottom-left {
    bottom: 8px;
    left: 8px;
    border-right: none;
    border-top: none
}

.process__item__single:hover::before {
    top: 5px;
    left: 5px
}

.process__item__single:hover::after {
    bottom: 5px;
    right: 5px
}

.process__item__single:hover .corner-top-right {
    top: 5px;
    right: 5px
}

.process__item__single:hover .corner-bottom-left {
    bottom: 5px;
    left: 5px
}

.rts__process__area .rts__btn {
    margin-bottom: 23px
}

.rts__shop__wrapper {
    background: #F9FAFB;
    border-radius: 20px;
    overflow: hidden
}

.rts__shop__wrapper .shop__left {
    padding: 150px 60px;
    background: #004638
}

@media screen and (max-width:991px) {
    .rts__shop__wrapper .shop__left {
        padding: 90px 30px
    }
}

@media screen and (max-width:767px) {
    .rts__shop__wrapper .shop__left {
        padding: 50px 15px
    }
}

.rts__shop__wrapper .shop__left .title {
    color: var(--rts-white);
    font-size: 60px;
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    line-height: 1.1;
    letter-spacing: -.03em;
    margin-bottom: 25px
}

@media screen and (max-width:1199px) {
    .rts__shop__wrapper .shop__left .title {
        font-size: 40px
    }
}

@media screen and (max-width:991px) {
    .rts__shop__wrapper .shop__left .title {
        font-size: 35px
    }
}

@media screen and (max-width:575px) {
    .rts__shop__wrapper .shop__left .title {
        font-size: 28px
    }
}

.rts__shop__wrapper .shop__left .disclaimer {
    display: inline-block;
    color: var(--rts-white);
    font-family: var(--font-inter);
    font-weight: var(--f-regular);
    line-height: 1.5;
    letter-spacing: -.02em;
    margin-bottom: 20px
}

.rts__shop__wrapper .shop__left .desc {
    color: var(--rts-white);
    font-family: var(--font-inter);
    font-weight: var(--f-regular);
    line-height: 1.5;
    letter-spacing: -.02em;
    margin-bottom: 100px
}

.rts__shop__wrapper .shop__left .shop__pagination {
    display: flex;
    align-items: flex-start;
    gap: 16px
}

.rts__shop__wrapper .shop__left .shop__pagination .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #fff0;
    color: var(--rts-white);
    border: 1px solid rgb(255 255 221 / .2);
    border-radius: 50%;
    font-size: 16px;
    font-weight: var(--f-semi-bold);
    cursor: pointer;
    opacity: 1 !important;
    transition: var(--transition)
}

.rts__shop__wrapper .shop__left .shop__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #7EEA57;
    border-color: #fff0
}

.rts__shop__wrapper .shot__right .shop__item_wrapper {
    padding: 90px 60px
}

@media screen and (max-width:991px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper {
        padding: 50px 30px
    }
}

@media screen and (max-width:767px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper {
        padding: 30px 15px
    }
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__thumb {
    margin-bottom: 100px
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .title {
    color: var(--rts-black);
    font-size: 48px;
    font-weight: var(--f-medium);
    line-height: 1;
    transition: var(--transition);
    margin-bottom: 30px
}

@media screen and (max-width:1199px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .title {
        font-size: 35px
    }
}

@media screen and (max-width:575px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .title {
        font-size: 30px
    }
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .title:hover {
    color: var(--heading-color-4)
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .price {
    font-size: 32px;
    font-weight: var(--f-medium);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 50px
}

@media screen and (max-width:1199px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .price {
        font-size: 25px
    }
}

@media screen and (max-width:575px) {
    .rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .price {
        font-size: 20px
    }
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .price .new {
    color: var(--rts-black)
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .price .old {
    color: rgb(0 0 0 / .5);
    text-decoration: line-through
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .rts-btn {
    font-weight: var(--f-medium)
}

.rts__shop__wrapper .shot__right .shop__item_wrapper .shop__body .rts-btn.btn-primary {
    padding: 12px 32px
}

.rts__faq__area {
    background: #F9FAFB
}

.rts__faq__area.inner-bg {
    background: var(--rts-white)
}

.rts__faq__area.inner-bg .faq__accordion__wrapper .accordion-item {
    background: #F9FAFB
}

.rts__faq__area .section-title {
    align-self: start;
    position: sticky;
    top: 100px
}

.rts__faq__area .section-title.inner-style {
    position: static
}

.faq__accordion__wrapper .accordion-item {
    border-color: #fff0;
    border-radius: 10px;
    background: var(--rts-white);
    overflow: hidden;
    padding: 10px
}

.faq__accordion__wrapper .accordion-item.style-2 {
    background: var(--heading-color-3)
}

.faq__accordion__wrapper .accordion-item:not(:last-child) {
    margin-bottom: 16px
}

.faq__accordion__wrapper .accordion-button {
    background: #fff0;
    align-items: start;
    gap: 30px
}

@media screen and (max-width:575px) {
    .faq__accordion__wrapper .accordion-button {
        gap: 0
    }
}

.faq__accordion__wrapper .accordion-button .text {
    display: flex;
    gap: 30px
}

@media screen and (max-width:575px) {
    .faq__accordion__wrapper .accordion-button .text {
        flex-wrap: wrap
    }
}

.faq__accordion__wrapper .accordion-button:focus {
    box-shadow: none;
    outline: none
}

.faq__accordion__wrapper .accordion-button .number {
    color: var(--rts-heading);
    font-size: 24px;
    line-height: 1.4
}

.faq__accordion__wrapper .accordion-button .title {
    color: var(--rts-heading);
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    line-height: 1.4;
    letter-spacing: -.04em;
    margin-bottom: 0
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .faq__accordion__wrapper .accordion-button .title br {
        display: none
    }
}

@media screen and (max-width:1199px) {
    .faq__accordion__wrapper .accordion-button .title br {
        display: none
    }
}

.faq__accordion__wrapper .accordion-button::after {
    display: none
}

.faq__accordion__wrapper .accordion-button .icon {
    margin-left: auto;
    color: var(--rts-heading);
    transition: var(--transition)
}

.faq__accordion__wrapper .accordion-button.collapsed .icon {
    transform: rotate(0deg)
}

.faq__accordion__wrapper .accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg)
}

.faq__accordion__wrapper .accordion-button:not(.collapsed) {
    box-shadow: none
}

.faq__accordion__wrapper .accordion-body {
    padding: 10px 45px 20px 85px;
    color: var(--rts-para)
}

@media screen and (max-width:575px) {
    .faq__accordion__wrapper .accordion-body {
        padding: 10px
    }
}

.rts__contact__form .contact__form-wrapper {
    margin-top: 50px
}

.rts__contact__form .contact__form-wrapper #form-messages {
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500
}

.rts__contact__form .contact__form-wrapper #form-messages.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb
}

.rts__contact__form .contact__form-wrapper #form-messages.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb
}

.rts__contact__form .form__input {
    margin-bottom: 20px
}

.rts__contact__form .form__input label {
    color: var(--rts-heading);
    font-size: 16px;
    margin-bottom: 11px;
    cursor: pointer
}

.rts__contact__form .form__input input[type=text],
.rts__contact__form .form__input input[type=email],
.rts__contact__form .form__input input[type=password] {
    width: 100%;
    padding: 20px;
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    outline: none
}

.rts__contact__form .form__input input[type=text]:focus,
.rts__contact__form .form__input input[type=email]:focus,
.rts__contact__form .form__input input[type=password]:focus {
    border-color: var(--rts-heading)
}

.rts__contact__form .form__input textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    resize: none;
    height: 120px
}

.rts__contact__form .form__input textarea:focus {
    border-color: var(--rts-heading)
}

.rts__contact__form .form__input input[type=checkbox] {
    outline: none;
    margin: 0;
    cursor: pointer;
    accent-color: var(--rts-heading)
}

.rts__contact__form .form__input .terms {
    margin-left: 5px;
    color: var(--rts-para)
}

.rts__contact__form .form__input .terms a {
    text-decoration: underline;
    color: var(--rts-para)
}

.rts__contact__form .rts-btn.btn-primary {
    max-width: 100%;
    justify-content: center
}

.rts__contact__info__social {
    display: flex;
    align-items: center;
    gap: 20px
}

@media screen and (max-width:575px) {
    .rts__contact__info__social {
        flex-wrap: wrap
    }
}

.rts__contact__info__social p {
    margin: 0;
    color: var(--rts-heading);
    font-weight: 600
}

.rts__contact__info__social .social__list a {
    margin-right: 15px;
    width: 36px;
    height: 36px;
    border: 1px solid var(--rts-border);
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--rts-heading);
    color: var(--rts-white);
    transition: var(--transition)
}

.rts__contact__info__social .social__list a:hover {
    color: var(--btn-color)
}

.rts__contact__info__map {
    margin-top: 40px
}

.rts__contact__info__map iframe {
    width: 100%;
    height: 400px;
    border-radius: 10px
}

.rts__contact__info__details__item {
    margin-top: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--rts-border);
    border-radius: 10px;
    padding: 15px
}

.rts__contact__info__details__item .icon {
    width: 40px;
    height: 40px;
    border: 1px solid var(--rts-border);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.rts__contact__info__details__item .text p {
    margin: 0;
    color: var(--rts-heading)
}

.rts__contact__info__details__item .text a,
.rts__contact__info__details__item .text span {
    font-size: 14px;
    color: var(--rts-para)
}

.rts-contact-info-wrapper .single-contact-info {
    background: var(--rts-white);
    padding: 24px 24px 34px 24px;
    border: 1px solid #fff0;
    border-radius: 20px;
    transition: var(--transition)
}

.rts-contact-info-wrapper .single-contact-info .icon {
    background: rgb(0 37 36 / .1);
    min-width: 68px;
    max-width: 68px;
    height: 68px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
    transition: var(--transition)
}

.rts-contact-info-wrapper .single-contact-info .content .title {
    display: block;
    font-size: 20px;
    line-height: 1;
    color: rgb(0 0 0 / .6);
    margin-bottom: 20px
}

@media screen and (max-width:1199px) {
    .rts-contact-info-wrapper .single-contact-info .content .title {
        font-size: 18px
    }
}

@media screen and (max-width:575px) {
    .rts-contact-info-wrapper .single-contact-info .content .title {
        font-size: 16px
    }
}

.rts-contact-info-wrapper .single-contact-info .content a {
    color: var(--rts-heading);
    font-size: 24px;
    font-family: var(--font-primary);
    font-weight: var(--f-medium)
}

@media screen and (max-width:1199px) {
    .rts-contact-info-wrapper .single-contact-info .content a {
        font-size: 20px
    }
}

.rts-contact-info-wrapper .single-contact-info:hover {
    border-color: #0D9300
}

.rts-contact-info-wrapper .single-contact-info:hover .icon {
    background: var(--rts-heading)
}

.rts-contact-info-wrapper .single-contact-info:hover .icon svg path {
    stroke: #7EEA57
}

.rts__footer__area .footer__top {
    padding: 100px 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:991px) {
    .rts__footer__area .footer__top {
        flex-wrap: wrap;
        gap: 30px
    }
}

.rts__footer__area .footer__top .title {
    color: var(--rts-white)
}

@media screen and (max-width:991px) {
    .rts__footer__area .footer__top .title br {
        display: none
    }
}

.rts__footer__area .footer__top .title span {
    color: var(--rts-neon)
}

.rts__footer__area .footer__top .subs {
    display: flex;
    flex-direction: column;
    max-width: 410px;
    width: 100%
}

.rts__footer__area .footer__top .subs input {
    width: 100%;
    background: #fff0;
    border: none;
    border-bottom: 1px solid rgb(126 234 87 / .1);
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--rts-white);
    outline: none
}

.rts__footer__area .footer__top .subs input::placeholder {
    color: var(--rts-white) !important
}

.rts__footer__area .footer__top .subs .rts-btn.btn-primary {
    margin-top: 20px;
    padding: 16px 60px;
    border: none;
    outline: none;
    cursor: pointer
}

.rts__footer__area .footer__widget__wrapper {
    padding-top: 50px;
    border-top: 1px solid rgb(126 234 87 / .1);
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .rts__footer__area .footer__widget__wrapper {
        flex-wrap: wrap;
        gap: 30px
    }
}

.rts__footer__area .footer__widget__wrapper .footer__social a i {
    margin-right: 12px;
    color: #516669;
    transition: var(--transition)
}

.rts__footer__area .footer__widget__wrapper .footer__social a i:hover {
    color: var(--rts-neon)
}

.rts__footer__area .footer__widget__logo {
    flex-basis: 15%
}

@media screen and (max-width:991px) {
    .rts__footer__area .footer__widget__logo {
        flex-basis: 100%
    }
}

.rts__footer__area .footer__widget__logo p {
    margin-top: 30px
}

.rts__footer__area .footer__widget__item:nth-child(4) {
    flex-basis: 21%
}

@media screen and (max-width:767px) {
    .rts__footer__area .footer__widget__item:nth-child(4) {
        flex-basis: 50%
    }
}

@media screen and (max-width:575px) {
    .rts__footer__area .footer__widget__item:nth-child(4) {
        flex-basis: 100%
    }
}

.rts__footer__area .footer__widget__item .single__item .head {
    color: var(--rts-neon);
    display: inline-block;
    margin-bottom: 22px
}

.rts__footer__area .footer__widget__item .single__item p,
.rts__footer__area .footer__widget__item .single__item a {
    color: var(--rts-white)
}

.rts__footer__area .footer__widget__item .single__item .link__list {
    padding: 0
}

.rts__footer__area .footer__widget__item .single__item .link__list li {
    color: var(--rts-white);
    margin-bottom: 7px
}

.rts__footer__area .footer__widget__item .single__item .link__list li a {
    transition: var(--transition)
}

.rts__footer__area .footer__widget__item .single__item .link__list li:hover a {
    color: var(--rts-neon)
}

.rts__footer__area .footer__widget__item .single__item .gallery__item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.rts__footer__area .footer__widget__item .single__item .gallery__item .thumb {
    overflow: hidden;
    border-radius: 6px
}

.rts__footer__area .footer__widget__item .single__item .gallery__item .thumb img {
    width: 100%;
    transform: scale(1);
    transition: var(--transition);
    cursor: pointer
}

.rts__footer__area .footer__widget__item .single__item .gallery__item .thumb img:hover {
    transform: scale(1.3)
}

.rts__footer__area .footer__copyright {
    margin-top: 70px;
    border-top: 1px solid rgb(126 234 87 / .1);
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:575px) {
    .rts__footer__area .footer__copyright {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px
    }
}

.rts__footer__area .footer__copyright .copyright p {
    color: var(--rts-white)
}

.rts__footer__area .footer__copyright .copyright p span {
    color: var(--rts-neon)
}

.rts__footer__area .footer__copyright .terms {
    display: flex;
    gap: 70px;
    margin: 0
}

@media screen and (max-width:575px) {
    .rts__footer__area .footer__copyright .terms {
        padding: 0;
        flex-wrap: wrap;
        gap: 40px
    }
}

.rts__footer__area .footer__copyright .terms li a {
    color: var(--rts-white)
}

.rts__footer__area .footer__copyright .payment__area img {
    margin-right: 10px
}

.rts__footer__area__two .footer-contact-info {
    margin-bottom: 100px
}

.rts__footer__area__two .footer-contact-info .subtitle {
    display: inline-block;
    color: #B4E33D;
    font-weight: var(--f-semi-bold);
    margin-bottom: 10px;
    text-transform: uppercase
}

.rts__footer__area__two .footer-contact-info .title {
    color: var(--rts-white);
    font-size: 60px;
    font-weight: var(--f-regular);
    line-height: 1.2;
    margin-bottom: 50px
}

@media screen and (max-width:1199px) {
    .rts__footer__area__two .footer-contact-info .title {
        font-size: 50px
    }
}

@media screen and (max-width:991px) {
    .rts__footer__area__two .footer-contact-info .title {
        font-size: 40px
    }

    .rts__footer__area__two .footer-contact-info .title br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .rts__footer__area__two .footer-contact-info .title {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .rts__footer__area__two .footer-contact-info .title {
        font-size: 25px
    }
}

.rts__footer__area__two .footer-contact-info .rts-btn.btn-primary {
    margin: 0 auto;
    padding: 15px 68px
}

.rts__footer__area__two .footer-brand-widget {
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1199px) {
    .rts__footer__area__two .footer-brand-widget {
        gap: 6px
    }
}

@media screen and (max-width:991px) {
    .rts__footer__area__two .footer-brand-widget {
        flex-wrap: wrap;
        gap: 40px
    }
}

.rts__footer__area__two .footer-brand-widget .footer-brand .logo {
    display: inline-block;
    margin-bottom: 20px
}

.rts__footer__area__two .footer-brand-widget .footer-brand .desc {
    color: rgb(253 255 231 / .7);
    font-size: 16px;
    font-weight: var(--f-regular);
    line-height: 1.4;
    margin-bottom: 30px
}

.rts__footer__area__two .footer-brand-widget .footer-brand .footer-social {
    display: flex;
    align-items: center;
    gap: 12px
}

.rts__footer__area__two .footer-brand-widget .footer-brand .footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #00624E;
    color: #FDFFE7;
    transition: var(--transition)
}

.rts__footer__area__two .footer-brand-widget .footer-brand .footer-social a:hover {
    background: var(--btn-color);
    color: var(--heading-color)
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper {
    display: flex;
    gap: 140px
}

@media (max-width:1400px) {
    .rts__footer__area__two .footer-brand-widget .footer-widget-wrapper {
        gap: 60px
    }
}

@media screen and (max-width:1199px) {
    .rts__footer__area__two .footer-brand-widget .footer-widget-wrapper {
        gap: 40px
    }
}

@media screen and (max-width:991px) {
    .rts__footer__area__two .footer-brand-widget .footer-widget-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:767px) {
    .rts__footer__area__two .footer-brand-widget .footer-widget-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-title {
    color: #FDFFE7;
    font-size: 20px;
    font-family: var(--font-inter);
    font-weight: var(--f-medium);
    line-height: 1.5;
    margin-bottom: 24px
}

@media screen and (max-width:1199px) {
    .rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-title {
        font-size: 18px
    }
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-list {
    padding: 0;
    margin: 0
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-list li:not(:last-child) {
    margin-bottom: 12px
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-list li a {
    color: #CCD3D3;
    font-size: 16px;
    font-weight: var(--f-regular);
    transition: var(--transition)
}

.rts__footer__area__two .footer-brand-widget .footer-widget-wrapper .single-widget .widget-list li a:hover {
    color: var(--btn-color)
}

.rts__footer__area__two .footer__copyright__wrapper {
    border-top: 1px solid rgb(255 255 255 / .05)
}

.rts__footer__area__two .footer__copyright__wrapper .footer__copyright {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:575px) {
    .rts__footer__area__two .footer__copyright__wrapper .footer__copyright {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px
    }
}

.rts__footer__area__two .footer__copyright__wrapper .footer__copyright .copyright p {
    color: var(--rts-white)
}

.rts__footer__area__two .footer__copyright__wrapper .footer__copyright .copyright p span {
    color: var(--rts-neon)
}

.rts__footer__area__two .footer__copyright__wrapper .footer__copyright .terms {
    display: flex;
    gap: 70px;
    margin: 0;
    padding: 0
}

@media screen and (max-width:575px) {
    .rts__footer__area__two .footer__copyright__wrapper .footer__copyright .terms {
        padding: 0;
        flex-wrap: wrap;
        gap: 40px
    }
}

.rts__footer__area__two .footer__copyright__wrapper .footer__copyright .terms li a {
    color: var(--rts-white)
}

section[id],
div[id] {
    scroll-margin-top: 110px
}

#navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff0;
    border-bottom: 1px solid rgb(255 255 255 / .05);
    transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)
}

#navbar.scrolled {
    background-color: rgb(37 55 69 / .96);
    backdrop-filter: blur(12px);
    border-bottom-color: rgb(255 255 255 / .08);
    box-shadow: 0 4px 30px rgb(0 0 0 / .3)
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    transition: height var(--transition-fast)
}

#navbar.scrolled .nav-inner {
    height: 80px
}

.logo-container {
    display: flex;
    align-items: center;
    gap: 12px
}

.logo-img {
    height: 72px;
    width: auto;
    transition: height var(--transition-fast)
}

#navbar.scrolled .logo-img {
    height: 72px
}

.logo-text {
    display: none
}

.nav-item {
    color: rgb(255 255 255 / .7);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 8px 12px;
    border-radius: 2px;
    white-space: nowrap;
    transition: color var(--transition-fast), background-color var(--transition-fast);
    position: relative
}

.nav-item:hover {
    color: var(--white);
    background-color: rgb(255 255 255 / .03)
}

.nav-item.active {
    color: var(--accent-orange)
}

.nav-item.active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: var(--accent-orange)
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 1;
    overflow: hidden
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0
}

.nav-actions .btn {
    padding: 10px 22px;
    font-size: 16px;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-family: 'forum', serif
}

.hamburger-btn {
    display: none;
    background: none;
    border: none;
    color: var(--white);
    font-size: 22px;
    cursor: pointer;
    padding: 8px
}

@media (max-width:1100px) {
    .nav-menu {
        display: none
    }

    .nav-actions .btn {
        display: none
    }

    .hamburger-btn {
        display: block
    }
}

.mobile-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: #1a2a36;
    z-index: 1100;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    transition: right var(--transition-smooth);
    border-left: none;
    box-shadow: none
}

.mobile-drawer.open {
    right: 0
}

.drawer-close {
    position: absolute;
    top: 40px;
    right: 40px;
    background: none;
    border: none;
    color: var(--white);
    font-size: 26px;
    cursor: pointer;
    padding: 8px;
    z-index: 10
}

.drawer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    width: 100%
}

.drawer-link {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-white-muted);
    padding: 12px 32px;
    border-bottom: none;
    background-color: rgb(255 255 255 / .05);
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 8px;
    display: inline-block;
    width: 260px;
    text-align: center;
    transition: all var(--transition-fast)
}

.drawer-link:hover {
    color: var(--white);
    background-color: var(--accent-orange);
    border-color: var(--accent-orange);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgb(0 0 0 / .15)
}

.drawer-link.active {
    color: var(--white);
    background-color: var(--accent-orange);
    border-color: var(--accent-orange)
}

.drawer-footer {
    margin-top: auto;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.drawer-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    color: var(--text-white-muted)
}

.drawer-info span i {
    color: var(--accent-orange);
    margin-right: 8px;
    width: 16px
}

.heading-large {
    font-family: 'Forum', serif;
    font-size: clamp(38px, 5.5vw, 64px);
    line-height: 1.1;
    text-transform: none;
    letter-spacing: normal
}

.heading-section {
    font-family: 'Forum', serif;
    font-size: clamp(30px, 3.3vw, 34px);
    line-height: 1.16;
    text-transform: none;
    letter-spacing: normal;
    color: var(--text-main)
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent-orange);
    margin-bottom: 20px
}

.eyebrow::before {
    content: '';
    width: 24px;
    height: 2px;
    background-color: var(--accent-orange);
    flex-shrink: 0
}

.contact-hero {
    position: relative;
    padding: 160px 0 60px;
    text-align: center;
    overflow: hidden
}

.contact-hero .eyebrow {
    color: var(--accent-orange)
}

.contact-hero-desc {
    font-size: 18px;
    color: var(--text-white-muted);
    max-width: 600px;
    margin: 16px auto 0;
    line-height: 1.6
}

.contact-section {
    padding: 20px 0 100px
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 80px;
    align-items: flex-start
}

.contact-cta-info {
    max-width: 520px
}

.contact-intro-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 44px;
    color: var(--text-main);
    line-height: 1.15;
    margin-bottom: 20px
}

.contact-intro-title span {
    color: var(--accent-orange)
}

.contact-intro-p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 44px;
    text-align: justify
}

.boardroom-channels {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.channel-item {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 24px 28px;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .02);
    transition: all var(--transition-fast);
    cursor: default
}

.channel-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgb(0 0 0 / .06);
    border-color: rgb(235 90 50 / .3)
}

.channel-icon-box {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgb(235 90 50 / .1), rgb(235 90 50 / .02));
    border: 1px solid rgb(235 90 50 / .15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--esg-green);
    font-size: 20px;
    flex-shrink: 0;
    transition: all var(--transition-fast)
}

.channel-item:hover .channel-icon-box {
    transform: scale(1.05);
    background: var(--esg-green);
    color: var(--white);
    box-shadow: 0 6px 16px rgb(235 90 50 / .2)
}

.channel-lbl {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--text-muted);
    margin-bottom: 6px
}

.channel-val {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-main);
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.channel-val a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition-fast);
    display: inline-block;
    width: max-content
}

.channel-val a:hover {
    color: var(--esg-green)
}

.form-panel-card {
    background-color: rgb(255 255 255 / .96);
    border: 1px solid rgb(17 56 40 / .1);
    padding: 40px;
    box-shadow: 0 30px 60px rgb(17 56 40 / .12);
    border-radius: 8px;
    position: relative
}

.form-panel-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-main);
    margin-bottom: 24px
}

.form-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.field-group {
    margin-bottom: 20px
}

.field-group label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    margin-bottom: 8px;
    letter-spacing: .12em;
    text-transform: uppercase
}

.field-group input,
.field-group select,
.field-group textarea {
    width: 100%;
    background-color: rgb(17 56 40 / .02);
    border: 1px solid rgb(17 56 40 / .12);
    border-radius: 6px;
    padding: 13px 16px;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    color: var(--text-main);
    outline: none;
    transition: border-color var(--transition-fast), background-color var(--transition-fast);
    -webkit-appearance: none
}

.field-group textarea {
    resize: vertical;
    min-height: 90px
}

.field-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(22,52,41,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px
}

.field-group input::placeholder,
.field-group textarea::placeholder {
    color: rgb(22 52 41 / .4)
}

.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
    border-color: var(--accent-orange);
    background-color: #fff
}

.field-group select option {
    background-color: #fff;
    color: var(--text-main)
}

.field-invalid-marker {
    border-color: #EF4444 !important;
    background-color: rgb(239 68 68 / .04) !important
}

.input-error-msg {
    font-size: 11px;
    color: #EF4444;
    margin-top: 6px;
    font-weight: 500
}

.form-btn-submit {
    width: max-content;
    min-width: 180px;
    background-color: var(--accent-orange);
    color: var(--white);
    border: 1px solid var(--accent-orange);
    border-radius: 6px;
    padding: 15px 44px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    transition: all var(--transition-fast);
    font-family: 'Forum', serif
}

.form-btn-submit:hover:not(:disabled) {
    background-color: var(--accent-orange-dk);
    border-color: var(--accent-orange-dk)
}

.form-btn-submit:disabled {
    opacity: .7;
    cursor: not-allowed
}

.consultation-success-block {
    text-align: center;
    padding: 40px 10px
}

.success-checkmark-ico {
    font-size: 52px;
    color: var(--esg-green);
    margin-bottom: 24px
}

.success-panel-title {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-main);
    margin-bottom: 12px
}

.success-panel-p {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto
}

@media (max-width:950px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 60px
    }

    .contact-intro-title {
        font-size: 40px
    }

    .form-two-cols {
        grid-template-columns: 1fr;
        gap: 0
    }
}

@media (max-width:640px) {
    .form-panel-card {
        padding: 24px
    }
}

.modal-overlay {
    position: fixed;
    inset: 0;
    background-color: rgb(37 55 69 / .6);
    backdrop-filter: blur(8px);
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px
}

.modal-overlay.active {
    display: flex
}

.modal-content {
    background-color: var(--white);
    border: 1px solid rgb(37 55 69 / .1);
    border-radius: 8px;
    width: min(720px, 100%);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 24px 60px rgb(37 55 69 / .2)
}

.modal-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    background: rgb(37 55 69 / .05);
    border: none;
    color: var(--text-main);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    transition: background-color var(--transition-fast), color var(--transition-fast);
    z-index: 10
}

.modal-close-btn:hover {
    background-color: var(--accent-orange);
    color: var(--white)
}

.modal-body-scroll {
    padding: 48px;
    overflow-y: auto
}

.modal-title {
    font-family: 'Forum', serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 8px;
    color: var(--text-main);
    line-height: 1.2
}

.modal-date {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 24px
}

.modal-text-content {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.6
}

.modal-text-content h4 {
    font-family: 'Forum', serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-main);
    margin-top: 24px;
    margin-bottom: 8px
}

.modal-text-content p {
    margin-bottom: 16px
}

.modal-text-content ul {
    margin-bottom: 16px;
    padding-left: 20px;
    list-style-type: disc
}

.modal-text-content li {
    margin-bottom: 8px
}

.modal-text-content a {
    color: var(--esg-green);
    font-weight: 500;
    text-decoration: underline
}

.modal-text-content a:hover {
    color: var(--esg-green-dk)
}

@media (max-width:576px) {
    .modal-body-scroll {
        padding: 32px 24px
    }

    .modal-close-btn {
        top: 16px;
        right: 16px
    }
}

#back-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    background-color: var(--accent-orange);
    color: var(--white);
    border: none;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.25s, transform 0.25s, background-color var(--transition-fast);
    z-index: 900;
    pointer-events: none
}

#back-to-top-btn.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

#back-to-top-btn:hover {
    background-color: var(--accent-orange-dk)
}

.footer {
    background-color: var(--slate-dark);
    padding: 80px 0 40px;
    border-top: 1px solid rgb(255 255 255 / .04);
    position: relative
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
    gap: 64px;
    margin-bottom: 60px
}

.footer-logo-row {
    margin-bottom: 20px
}

.footer-desc-p {
    font-size: 13px;
    line-height: 1.7;
    color: rgb(255 255 255 / .45);
    margin-bottom: 28px;
    max-width: 280px
}

.footer-social-row {
    display: flex;
    gap: 12px
}

.footer-social-btn {
    width: 38px;
    height: 38px;
    background-color: rgb(255 255 255 / .03);
    border: 1px solid rgb(255 255 255 / .06);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255 255 255 / .5);
    font-size: 16px;
    transition: all var(--transition-fast)
}

.footer-social-btn:hover {
    background-color: rgb(230 95 43 / .1);
    color: var(--accent-orange);
    border-color: rgb(230 95 43 / .2)
}

.footer-column-block h4 {
    font-family: 'Forum', serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgb(255 255 255 / .55);
    margin-bottom: 20px;
    line-height: 1.7
}

.footer-nav-links {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.footer-nav-links a {
    font-size: 13px;
    color: rgb(255 255 255 / .55);
    transition: color var(--transition-fast)
}

.footer-nav-links a:hover {
    color: var(--accent-orange)
}

.iso-badge-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgb(255 255 255 / .6);
    margin-bottom: 14px
}

.iso-badge-row i {
    color: #fff;
    font-size: 16px
}

.footer-bottom-bar {
    border-top: 1px solid rgb(255 255 255 / .04);
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.footer-copyright {
    font-size: 12px;
    color: rgb(255 255 255 / .35)
}

.footer-legal-links {
    display: flex;
    gap: 28px
}

.footer-legal-links a {
    font-size: 12px;
    color: rgb(255 255 255 / .35);
    transition: color var(--transition-fast)
}

.footer-legal-links a:hover {
    color: var(--accent-orange)
}

@media (max-width:1024px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 48px
    }
}

@media (max-width:640px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .footer-bottom-bar {
        flex-direction: column;
        text-align: center
    }

    .footer-legal-links {
        justify-content: center;
        flex-wrap: wrap
    }
}

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

:root {
    --ink-black: #1a2a36;
    --slate-dark: #19252F;
    --steel-navy: #31485A;
    --grid-border: #425F75;
    --border-accent: rgba(255, 255, 255, 0.08);
    --border-light: rgba(37, 55, 69, 0.10);
    --white: #FFFFFF;
    --off-white: #F6F8FA;
    --slate-gray: #EEF2F7;
    --text-main: #08111E;
    --text-muted: #4A5D73;
    --text-white: #FFFFFF;
    --text-white-muted: #8FA3BC;
    --accent-orange: #D9581A;
    --accent-orange-dk: #B54514;
    --esg-green: #eb5a32;
    --esg-green-dk: #d44a24;
    --accent-blue: #2F6FE0;
    --transition-fast: 0.22s ease;
    --transition-smooth: 0.38s cubic-bezier(0.25, 1, 0.5, 1);
    --section-padding: 60px 0
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--white);
    color: var(--text-main);
    font-weight: 400;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

html,
body {
    scrollbar-width: none;
    -ms-overflow-style: none
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: inherit
}

ul {
    list-style: none
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 40px
}

@media (max-width:768px) {
    .container {
        padding: 0 24px
    }
}

.heading-large {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: clamp(48px, 6.5vw, 72px);
    line-height: 1.05;
    letter-spacing: -.015em;
    text-transform: uppercase
}

.heading-section {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: clamp(32px, 4.5vw, 34px);
    line-height: 1.08;
    letter-spacing: -.015em;
    text-transform: uppercase;
    color: var(--text-main)
}

.heading-section.on-dark {
    color: var(--white)
}

.heading-card {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.2;
    letter-spacing: -.01em;
    text-transform: uppercase
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--accent-orange);
    margin-bottom: 20px
}

.eyebrow::before {
    content: '';
    width: 24px;
    height: 2px;
    background-color: var(--accent-orange);
    flex-shrink: 0
}

.eyebrow.green {
    color: var(--esg-green)
}

.eyebrow.green::before {
    background-color: var(--esg-green)
}

.section-header-block {
    max-width: 680px;
    margin-bottom: 64px
}

.section-header-block.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.section-header-block.center .eyebrow {
    justify-content: center
}

.section-header-block.center .eyebrow::before {
    display: none
}

.section-desc {
    font-size: 16px;
    color: var(--text-muted);
    margin-top: 16px;
    max-width: 580px
}

.section-desc.center {
    margin-left: auto;
    margin-right: auto
}

.section-desc.on-dark {
    color: var(--text-white-muted)
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-family: 'Forum', serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 15px 32px;
    border-radius: 2px;
    cursor: pointer;
    transition: all var(--transition-fast);
    border: 1px solid #fff0;
    white-space: nowrap
}

.btn-orange {
    background-color: var(--accent-orange);
    color: var(--white);
    border-color: var(--accent-orange)
}

.btn-orange:hover {
    background-color: var(--accent-orange-dk);
    border-color: var(--accent-orange-dk)
}

.btn-outline-white {
    background-color: #fff0;
    color: var(--white);
    border-color: rgb(255 255 255 / .25)
}

.btn-outline-white:hover {
    border-color: var(--white);
    background-color: rgb(255 255 255 / .06)
}

.btn-outline-dark {
    background-color: #fff0;
    color: var(--text-main);
    border-color: rgb(37 55 69 / .2)
}

.btn-outline-dark:hover {
    border-color: var(--text-main);
    background-color: rgb(37 55 69 / .04)
}

.btn-green {
    background-color: var(--esg-green);
    color: var(--white);
    border-color: var(--esg-green)
}

.btn-green:hover {
    background-color: var(--esg-green-dk);
    border-color: var(--esg-green-dk)
}

.hero-section {
    position: relative;
    background-color: var(--ink-black);
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: 140px;
    padding-bottom: 80px
}

.hero-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgb(255 255 255 / .04) 1px, transparent 1px);
    background-size: 48px 48px;
    z-index: 2;
    pointer-events: none
}

.hero-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 4px;
    background-color: var(--accent-orange);
    z-index: 3
}

.hero-bg-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden
}

.hero-bg-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    opacity: .55;
    transform: scale(1.02)
}

.hero-bg-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgb(14 38 25 / .97) 0%, rgb(14 48 33 / .88) 35%, rgb(235 90 50 / .4) 65%, rgb(235 90 50 / .15) 100%)
}

.hero-grid {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 80px;
    align-items: center
}

.hero-content {
    max-width: 640px
}

.hero-badge-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.hero-badge-bar {
    width: 4px;
    height: 40px;
    background-color: var(--accent-orange);
    flex-shrink: 0
}

.hero-badge-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgb(255 255 255 / .5)
}

.hero-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: clamp(44px, 7.5vw, 88px);
    line-height: 1.02;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 28px;
    text-shadow: 0 2px 40px rgb(0 0 0 / .5)
}

.hero-title span {
    color: var(--accent-orange)
}

.hero-desc {
    font-size: 18px;
    line-height: 1.8;
    color: #000;
    border-left: 2px solid rgb(255 255 255 / .15);
    padding-left: 24px;
    margin-bottom: 44px;
    max-width: 540px
}

.hero-btns {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap
}

.calculator-card {
    background-color: #162a22;
    border: 1px solid rgb(235 90 50 / .35);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 20px 60px rgb(235 90 50 / .2);
    position: relative;
    background-image: radial-gradient(circle at top right, rgb(235 90 50 / .25), transparent 60%), url(../images/new_industrial/green_leaf_pattern.png);
    background-size: auto, 150px;
    background-blend-mode: soft-light
}

.calculator-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px
}

.calculator-card h3 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: var(--white);
    letter-spacing: 0;
    text-transform: none
}

.calculator-sub {
    font-size: 16px;
    color: rgb(255 255 255 / .5);
    margin-bottom: 0
}

.slider-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.slider-lbl {
    font-size: 12px;
    font-weight: 500;
    color: rgb(255 255 255 / .5);
    text-transform: uppercase;
    letter-spacing: .05em
}

.slider-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--white)
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background-color: #eb5a32;
    outline: none;
    margin-bottom: 30px;
    cursor: pointer;
    border-radius: 2px
}

input[type=range]::-webkit-slider-runnable-track {
    height: 4px;
    background-color: rgb(255 255 255 / .2);
    border-radius: 2px
}

input[type=range]::-moz-range-track {
    height: 4px;
    background-color: rgb(255 255 255 / .2);
    border-radius: 2px;
    border: none
}

.calculator-card {
    position: relative;
    top: -30px
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e2633;
    cursor: pointer;
    border: 3px solid var(--esg-green);
    margin-top: -8px;
    transition: box-shadow var(--transition-fast)
}

input[type=range]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e2633;
    cursor: pointer;
    border: 3px solid var(--esg-green);
    transition: box-shadow var(--transition-fast)
}

input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 4px rgb(235 90 50 / .2)
}

.calc-metrics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px
}

.metric-cost-box {
    padding: 20px 16px;
    border-radius: 8px
}

.metric-cost-box.diesel {
    background-color: rgb(235 90 50 / .06);
    border: 1px solid rgb(235 90 50 / .2)
}

.metric-cost-box.gas {
    background-color: #1f3532;
    border: 1px solid rgb(235 90 50 / .2)
}

.m-lbl {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.m-lbl.diesel {
    color: #000
}

.m-lbl.diesel i {
    color: #EF4444
}

.m-lbl.gas {
    color: #000
}

.m-lbl.gas i {
    color: var(--esg-green)
}

.m-val {
    font-family: 'Forum', serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.m-val.diesel {
    color: #EF4444
}

.m-val.gas {
    color: var(--esg-green)
}

.savings-panel {
    background-color: #1d3336;
    border: 1px solid rgb(235 90 50 / .2);
    border-radius: 8px;
    padding: 24px
}

.savings-title-row {
    font-size: 12px;
    font-weight: 500;
    color: var(--esg-green);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.savings-huge {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 36px;
    color: var(--white);
    line-height: 1;
    display: flex;
    align-items: baseline
}

.savings-huge span {
    font-size: 24px;
    font-weight: 600;
    margin-left: 6px
}

.savings-percent-text {
    font-size: 16px;
    color: var(--esg-green);
    margin-top: 8px;
    font-weight: 500
}

@media (max-width:1150px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 64px;
        text-align: left
    }

    .hero-desc {
        max-width: 100%
    }
}

@media (max-width:640px) {
    .calculator-card {
        padding: 24px
    }

    .calc-metrics-grid {
        grid-template-columns: 1fr
    }
}

.trust-strip {
    background-color: var(--slate-dark);
    background-size: auto, 250px;
    background-blend-mode: overlay;
    border-top: 1px solid var(--grid-border);
    border-bottom: 1px solid var(--grid-border);
    position: relative;
    z-index: 10
}

.stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.stat-column {
    padding: 44px 32px;
    border-right: 1px solid var(--grid-border);
    text-align: center
}

.stat-column:last-child {
    border-right: none
}

.stat-value {
    font-family: 'Forum', serif;
    font-size: 48px;
    font-weight: 800;
    color: var(--accent-orange);
    line-height: 1;
    letter-spacing: .01em;
    margin-bottom: 8px
}

.stat-value.green {
    color: var(--esg-green)
}

.stat-value.white {
    color: var(--white)
}

.stat-label {
    font-size: 12px;
    color: var(--text-white-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em
}

.brand-ribbon-block {
    border-top: 1px solid rgb(255 255 255 / .05);
    padding: 36px 0
}

.ribbon-title {
    text-align: center;
    font-size: 11px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 24px
}

.logos-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 10px 0;
    display: flex;
    align-items: center;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent)
}

.logos-track {
    display: flex;
    align-items: center;
    gap: 80px;
    width: max-content;
    animation: logoScroll 30s linear infinite
}

.logos-track:hover {
    animation-play-state: paused
}

@keyframes logoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.brand-logo-img {
    height: 72px;
    width: auto;
    max-width: 200px;
    flex-shrink: 0;
    opacity: .9;
    filter: none !important;
    transition: transform var(--transition-fast), opacity var(--transition-fast)
}

.brand-logo-img:hover {
    transform: scale(1.05);
    opacity: 1
}

@media (max-width:768px) {
    .stats-row {
        grid-template-columns: 1fr
    }

    .stat-column {
        border-right: none;
        border-bottom: 1px solid var(--grid-border);
        padding: 32px 16px
    }

    .stat-column:last-child {
        border-bottom: none
    }

    .logos-container {
        padding: 6px 0
    }

    .logos-track {
        gap: 40px;
        animation-duration: 20s
    }

    .brand-logo-img {
        height: 48px
    }
}

.telemetry-section {
    background-color: var(--ink-black);
    background-image: linear-gradient(rgb(24 160 91 / 63%), #253315), url(../images/new_industrial/green_leaf_pattern.png);
    background-size: auto, 300px;
    background-blend-mode: overlay;
    padding: var(--section-padding);
    position: relative
}

.operational-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    background-color: rgb(255 255 255 / .03);
    border: 1px solid var(--grid-border);
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 24px
}

.live-indicator-dot {
    width: 8px;
    height: 8px;
    background-color: var(--esg-green);
    border-radius: 50%;
    position: relative
}

.live-indicator-dot::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: var(--esg-green);
    animation: pulseTelemetry 1.6s ease-in-out infinite
}

@keyframes pulseTelemetry {
    0% {
        transform: scale(1);
        opacity: .9
    }

    100% {
        transform: scale(3);
        opacity: 0
    }
}

.telemetry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    background-color: var(--grid-border);
    border: 2px solid var(--grid-border);
    max-width: 900px;
    margin: 0 auto
}

.telemetry-card {
    background: linear-gradient(180deg, rgb(37 55 69 / .85) 0%, var(--slate-dark) 100%);
    padding: 56px 40px;
    position: relative;
    overflow: hidden;
    border-top: 4px solid #fff0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.telemetry-card:nth-child(1) {
    border-top-color: var(--accent-orange);
    box-shadow: inset 0 20px 50px -20px rgb(217 88 26 / .12)
}

.telemetry-card:nth-child(2) {
    border-top-color: var(--esg-green);
    box-shadow: inset 0 20px 50px -20px rgb(235 90 50 / .12)
}

.telemetry-card:nth-child(3) {
    border-top-color: var(--accent-blue);
    box-shadow: inset 0 20px 50px -20px rgb(47 111 224 / .12)
}

.telemetry-cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-white-muted);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px
}

.telemetry-cat i {
    font-size: 16px
}

.telemetry-card:nth-child(1) .telemetry-cat i {
    color: var(--accent-orange)
}

.telemetry-card:nth-child(2) .telemetry-cat i {
    color: var(--esg-green)
}

.telemetry-card:nth-child(3) .telemetry-cat i {
    color: #eb5a32
}

.telemetry-number {
    font-size: clamp(38px, 4.5vw, 36px);
    font-weight: 600;
    color: var(--white);
    line-height: 1.1;
    margin-bottom: 12px;
    white-space: nowrap
}

.telemetry-unit {
    font-size: .65em;
    color: rgb(255 255 255 / .75);
    margin-left: 4px
}

.telemetry-label {
    font-size: 13px;
    color: var(--text-white-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em
}

.telemetry-subtext {
    text-align: center;
    font-size: 13px;
    font-style: italic;
    color: rgb(255 255 255 / .2);
    margin-top: 40px
}

@media (max-width:950px) {
    .telemetry-grid {
        grid-template-columns: 1fr
    }

    .telemetry-card {
        padding: 44px 32px
    }

    .telemetry-number {
        font-size: 52px
    }
}

.solutions-section {
    background-color: var(--white);
    background-image: linear-gradient(rgb(255 255 255 / .96), rgb(255 255 255 / .96)), url(../images/new_industrial/green_leaf_pattern.png);
    background-size: auto, 250px;
    background-repeat: repeat;
    position: relative
}

.sol-photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(650px, auto);
    gap: 0
}

.sol-photo-card {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.sol-photo-card.sol-large {
    grid-column: span 2
}

.sol-photo-img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.sol-photo-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.65s cubic-bezier(.25, 1, .5, 1);
    filter: brightness(.65)
}

.sol-photo-card:hover .sol-photo-img img {
    transform: scale(1.07);
    filter: brightness(.75)
}

.sol-photo-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(37 55 69 / .98) 0%, rgb(37 55 69 / .75) 45%, rgb(37 55 69 / .1) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    transition: background var(--transition-fast)
}

.sol-photo-card:hover .sol-photo-overlay {
    background: linear-gradient(to top, rgb(37 55 69 / .99) 0%, rgb(37 55 69 / .82) 55%, rgb(37 55 69 / .2) 100%)
}

.sol-photo-card::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: var(--accent-orange);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.35s cubic-bezier(.25, 1, .5, 1);
    z-index: 10
}

.sol-photo-card:hover::before {
    transform: scaleY(1)
}

.sol-photo-tag {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--accent-orange);
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center
}

.sol-photo-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--white);
    line-height: 1.15;
    margin-bottom: 14px
}

.sol-large .sol-photo-title {
    font-size: 42px
}

.sol-photo-desc {
    font-size: 16px;
    color: rgb(255 255 255 / .75);
    line-height: 1.65;
    margin-bottom: 20px;
    max-width: 340px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.3s ease, transform 0.3s ease
}

.sol-photo-card:hover .sol-photo-desc {
    opacity: 1;
    transform: translateY(0)
}

.sol-large .sol-photo-desc {
    opacity: 1;
    transform: none;
    max-width: 440px
}

.sol-photo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--accent-orange);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.3s ease 0.05s, transform 0.3s ease 0.05s
}

.sol-photo-card:hover .sol-photo-link {
    opacity: 1;
    transform: translateY(0)
}

.sol-large .sol-photo-link {
    opacity: 1;
    transform: none
}

@media (max-width:1200px) {
    .sol-photo-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 420px 420px
    }

    .sol-photo-card.sol-large {
        grid-column: span 2
    }
}

@media (max-width:768px) {
    .sol-photo-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .sol-photo-card,
    .sol-photo-card.sol-large {
        grid-column: span 1;
        height: 380px
    }

    .sol-photo-desc,
    .sol-photo-link {
        opacity: 1 !important;
        transform: none !important
    }
}

.cinematic-strip {
    position: relative;
    height: 480px;
    overflow: hidden
}

.cinematic-strip>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    filter: brightness(.4)
}

.cinematic-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(37 55 69 / .85) 0%, rgb(37 55 69 / .55) 100%);
    display: flex;
    align-items: center
}

.cinematic-content {
    max-width: 720px
}

.cinematic-rule {
    width: 60px;
    height: 3px;
    background-color: var(--accent-orange);
    margin-bottom: 28px
}

.cinematic-quote {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    color: var(--white);
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 28px;
    border: none;
    padding: 0
}

.cinematic-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgb(255 255 255 / .55)
}

.cinematic-divider {
    color: rgb(255 255 255 / .25)
}

@media (max-width:768px) {
    .cinematic-strip {
        height: 400px
    }

    .cinematic-quote {
        font-size: 28px
    }

    .cinematic-meta {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start
    }

    .cinematic-divider {
        display: none
    }
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    background-color: rgb(37 55 69 / .08);
    border: 2px solid rgb(37 55 69 / .08)
}

.solution-card {
    background-color: var(--white);
    padding: 60px 48px;
    position: relative;
    border-left: 4px solid #fff0;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)
}

.solution-card:hover {
    z-index: 5;
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgb(10 17 31 / .08);
    border-left-color: var(--accent-orange)
}

.solution-card.featured {
    background-color: var(--slate-dark);
    border-left-color: var(--accent-orange)
}

.solution-card.featured:hover {
    background-color: var(--steel-navy)
}

.solution-flag {
    position: absolute;
    top: 24px;
    right: 24px;
    background-color: var(--accent-orange);
    color: var(--white);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 6px 14px;
    border-radius: 1px;
    display: flex;
    align-items: center;
    gap: 6px
}

.solution-icon {
    width: 56px;
    height: 56px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 28px
}

.solution-icon.orange {
    background-color: rgb(230 95 43 / .08);
    color: var(--accent-orange)
}

.solution-icon.purple {
    background-color: rgb(139 92 246 / .08);
    color: #8B5CF6
}

.solution-icon.blue {
    background-color: rgb(59 130 246 / .08);
    color: #3B82F6
}

.solution-icon.green {
    background-color: rgb(16 185 129 / .08);
    color: var(--esg-green)
}

.solution-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--text-main);
    margin-bottom: 16px
}

.solution-card.featured h3 {
    color: var(--white)
}

.solution-desc {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.7
}

.solution-card.featured .solution-desc {
    color: var(--text-white-muted)
}

@media (max-width:850px) {
    .solutions-grid {
        grid-template-columns: 1fr
    }

    .solution-card {
        padding: 44px 32px
    }
}

.industries-section {
    background-color: var(--slate-dark);
    padding: var(--section-padding);
    position: relative
}

.ind-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background-color: var(--grid-border);
    border: 2px solid var(--grid-border)
}

.industry-card {
    background-color: var(--steel-navy);
    padding: 44px 32px;
    text-align: center;
    transition: background-color var(--transition-fast), border-bottom-color var(--transition-fast);
    position: relative;
    border-bottom: 4px solid #fff0
}

.industry-card:hover {
    background-color: var(--grid-border);
    border-bottom-color: var(--accent-orange)
}

.industry-card-icon {
    font-size: 32px;
    color: var(--accent-orange);
    margin-bottom: 24px;
    display: inline-block
}

.industry-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 12px
}

.industry-card p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-white-muted)
}

@media (max-width:1024px) {
    .ind-cards-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:580px) {
    .ind-cards-grid {
        grid-template-columns: 1fr
    }

    .industry-card {
        padding: 36px 24px
    }
}

.map-section {
    background-color: var(--ink-black);
    padding: var(--section-padding);
    border-top: 1px solid var(--grid-border);
    position: relative;
    overflow: hidden
}

.map-inner-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 80px;
    align-items: center
}

.map-stats-column {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.map-stat-block {
    border-left: 3px solid var(--accent-orange);
    padding-left: 24px
}

.map-stat-block:nth-child(2) {
    border-left-color: var(--esg-green)
}

.map-stat-block:nth-child(3) {
    border-left-color: var(--accent-blue)
}

.map-stat-num {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 52px;
    color: var(--white);
    line-height: 1;
    letter-spacing: .01em
}

.map-stat-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-white-muted);
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-top: 6px
}

.map-visual-panel {
    position: relative;
    border: 1px solid var(--grid-border);
    overflow: hidden
}

.map-visual-panel img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .9
}

.map-visual-panel::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 40px;
    border-top: 3px solid var(--accent-orange);
    border-left: 3px solid var(--accent-orange);
    z-index: 10
}

.map-visual-panel::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 40px;
    height: 40px;
    border-bottom: 3px solid var(--accent-orange);
    border-right: 3px solid var(--accent-orange);
    z-index: 10
}

@media (max-width:1024px) {
    .map-inner-grid {
        grid-template-columns: 1fr;
        gap: 56px
    }

    .map-stats-column {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px
    }

    .map-stat-block {
        flex: 1;
        min-width: 140px
    }

    .map-stat-num {
        font-size: 40px
    }
}

@media (max-width:580px) {
    .map-stats-column {
        flex-direction: column
    }
}

.capabilities-section {
    background-color: var(--slate-gray);
    padding: var(--section-padding)
}

.cap-asymmetric-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.cap-visuals-panel {
    position: relative;
    height: 520px;
    border-left: 6px solid var(--accent-orange)
}

.cap-visuals-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.85)
}

.cap-visuals-panel::after {
    content: '';
    position: absolute;
    bottom: -16px;
    right: -16px;
    width: 120px;
    height: 120px;
    border-bottom: 3px solid var(--accent-orange);
    border-right: 3px solid var(--accent-orange);
    pointer-events: none;
    z-index: 10
}

.cap-details-flow {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.cap-step-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    border-bottom: 1px solid rgb(10 17 31 / .08);
    padding-bottom: 14px
}

.cap-step-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.cap-step-num {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 32px;
    color: var(--accent-orange);
    line-height: 1;
    width: 40px;
    margin-top: 10px
}

.cap-step-body h4 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-main);
    margin-bottom: 8px
}

.cap-step-body p {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.6
}

@media (max-width:1024px) {
    .cap-asymmetric-grid {
        grid-template-columns: 1fr;
        gap: 60px
    }

    .cap-visuals-panel {
        height: 380px
    }
}

.esg-section {
    background-color: var(--white);
    padding: 60px 0;
    border-top: 1px solid var(--slate-gray)
}

.esg-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    background-color: #fff0;
    border: none;
    align-items: stretch
}

.esg-card {
    background-color: var(--off-white);
    padding: 0;
    border-left: 4px solid var(--esg-green);
    transition: transform var(--transition-fast), background-color var(--transition-fast);
    display: flex;
    flex-direction: column;
    height: 100%
}

.esg-card:hover {
    background-color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgb(10 17 31 / .05)
}

.esg-card-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex: 1;
    background: #fff0;
    border: none;
    padding: 25px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background-color var(--transition-fast)
}

.esg-card-toggle:hover {
    background-color: rgb(10 17 31 / .02)
}

.esg-card-toggle .esg-card-icon {
    margin-bottom: 0;
    margin-right: 18px
}

.esg-card-toggle h3 {
    margin-bottom: 0;
    flex: 1;
    line-height: 30px
}

.esg-bullets-wrap {
    padding: 0 25px 25px 25px
}

.esg-card-icon {
    width: 48px;
    height: 48px;
    background-color: rgb(16 185 129 / .08);
    color: var(--esg-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 2px;
    margin-bottom: 28px
}

.esg-card-icon.blue {
    background-color: rgb(59 130 246 / .08);
    color: var(--accent-blue)
}

.esg-card-icon.purple {
    background-color: rgb(139 92 246 / .08);
    color: #8B5CF6
}

.esg-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-main);
    margin-bottom: 20px
}

.esg-bullets {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.esg-bullet {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.5;
    padding-left: 18px;
    position: relative
}

.esg-bullet::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--esg-green)
}

@media (max-width:1200px) {
    .esg-grid {
        grid-template-columns: 1fr;
        max-width: 550px;
        margin: 0 auto
    }
}

.esg-badge-container {
    position: relative;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    padding: 8px;
    box-shadow: 0 8px 30px rgb(0 0 0 / .05)
}

.esg-badge-outline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px dashed var(--esg-green, #eb5a32);
    pointer-events: none;
    animation: rotate-outline 25s linear infinite;
    box-sizing: border-box
}

@keyframes rotate-outline {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.esg-badge-container img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    border-radius: 50%;
    z-index: 1
}

.esg-vision-banner {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    background: linear-gradient(135deg, rgb(235 90 50 / .06) 0%, rgb(47 111 224 / .04) 100%);
    border: 1px solid rgb(235 90 50 / .18);
    border-left: 4px solid var(--esg-green);
    border-radius: 4px;
    padding: 32px 36px;
    margin-bottom: 45px
}

.esg-vision-icon {
    font-size: 36px;
    color: var(--esg-green);
    flex-shrink: 0;
    margin-top: 4px
}

.esg-vision-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--esg-green);
    margin-bottom: 10px
}

.esg-vision-body p {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.75;
    margin: 0
}

.esg-decarb-panel {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 72px;
    align-items: center;
    margin-top: 72px;
    padding-top: 72px;
    border-top: 1px solid var(--slate-gray)
}

.esg-decarb-left {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.esg-decarb-right {
    display: flex;
    align-items: stretch
}

.esg-decarb-title {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: clamp(22px, 2.5vw, 30px);
    letter-spacing: -.01em;
    color: var(--text-main);
    margin-bottom: 16px
}

.esg-decarb-desc {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.75;
    margin-bottom: 28px
}

.esg-decarb-commitments {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.esg-decarb-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.55
}

.esg-decarb-item i {
    color: var(--esg-green);
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px
}

.esg-kpi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background-color: rgb(10 17 31 / .08);
    border: 1px solid rgb(10 17 31 / .08);
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 10px 30px rgb(10 17 31 / .05)
}

.esg-kpi-box {
    background-color: var(--white);
    padding: 40px 24px;
    text-align: center;
    transition: background-color var(--transition-fast);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 4px solid #fff0
}

.esg-kpi-box:nth-child(1) {
    border-top-color: #10b981
}

.esg-kpi-box:nth-child(2) {
    border-top-color: #10b981
}

.esg-kpi-box:nth-child(3) {
    border-top-color: #2f6fe0
}

.esg-kpi-box:nth-child(4) {
    border-top-color: #8b5cf6
}

.esg-kpi-box:hover {
    background-color: #f9fafb
}

.esg-kpi-icon {
    font-size: 24px;
    color: var(--rts-neon, #f15934);
    margin-bottom: 16px
}

.esg-kpi-icon.green,
.esg-kpi-icon.blue,
.esg-kpi-icon.purple {
    color: var(--rts-neon, #f15934)
}

.esg-kpi-val {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 38px;
    color: var(--text-main);
    line-height: 1;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

.esg-kpi-lbl {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-muted);
    line-height: 1.4
}

.esg-framework-strip {
    margin-top: 64px;
    padding: 36px 40px;
    background-color: var(--slate-dark);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.esg-framework-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--text-white-muted)
}

.esg-framework-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.esg-fw-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background-color: rgb(255 255 255 / .06);
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-white-muted);
    transition: border-color var(--transition-fast), color var(--transition-fast)
}

.esg-fw-badge:hover {
    border-color: rgb(255 255 255 / .25);
    color: var(--white)
}

.esg-fw-badge.green {
    border-color: rgb(235 90 50 / .25);
    color: var(--esg-green)
}

.esg-fw-badge.green:hover {
    border-color: var(--esg-green)
}

.esg-roadmap {
    margin-top: 72px;
    padding-top: 64px;
    border-top: 1px solid var(--slate-gray)
}

.esg-roadmap-header {
    margin-bottom: 40px
}

.esg-roadmap-title {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 30px);
    text-transform: uppercase;
    letter-spacing: -.01em;
    color: var(--text-main);
    margin-top: 8px
}

.esg-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background-color: rgb(10 17 31 / .08);
    border: 1px solid rgb(10 17 31 / .08);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgb(10 17 31 / .05)
}

.esg-roadmap-card {
    background-color: var(--white);
    padding: 40px 32px;
    transition: background-color var(--transition-fast)
}

.esg-roadmap-card:hover {
    background-color: #f9fafb
}

.esg-roadmap-year {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 36px;
    color: var(--esg-green);
    letter-spacing: -.02em;
    margin-bottom: 20px;
    line-height: 1
}

.esg-roadmap-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.esg-roadmap-list li {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.5;
    padding-left: 18px;
    position: relative
}

.esg-roadmap-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--esg-green)
}

.esg-contact-row {
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    padding: 36px 40px;
    background: linear-gradient(135deg, rgb(235 90 50 / .06) 0%, rgb(235 90 50 / .02) 100%);
    border: 1px solid rgb(235 90 50 / .18);
    border-radius: 4px
}

.esg-contact-row p {
    font-size: 16px;
    color: var(--text-muted);
    margin: 0
}

@media (max-width:1060px) {
    .esg-decarb-panel {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .esg-decarb-right {
        width: 100%
    }

    .esg-kpi-grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .esg-roadmap-grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:768px) {
    .esg-vision-banner {
        flex-direction: column;
        gap: 16px;
        padding: 24px
    }

    .esg-framework-strip {
        padding: 24px
    }

    .esg-contact-row {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px
    }

    .esg-kpi-grid {
        grid-template-columns: 1fr
    }
}

.cases-section {
    background-color: var(--slate-dark);
    padding: var(--section-padding);
    border-top: 1px solid var(--grid-border)
}

.filter-menu-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 48px;
    border-bottom: 1px solid var(--grid-border);
    padding-bottom: 20px
}

.filter-tab-btn {
    background: #fff0;
    border: 1px solid rgb(255 255 255 / .12);
    border-radius: 2px;
    color: var(--text-white-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 10px 22px;
    cursor: pointer;
    transition: all var(--transition-fast)
}

.filter-tab-btn:hover {
    border-color: var(--white);
    color: var(--white)
}

.filter-tab-btn.active {
    background-color: var(--accent-orange);
    border-color: var(--accent-orange);
    color: var(--white)
}

.cases-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background-color: var(--grid-border);
    border: 2px solid var(--grid-border);
    align-content: start;
    min-height: 300px
}

.project-card {
    background-color: var(--steel-navy);
    display: flex;
    flex-direction: column;
    border-left: 4px solid #fff0;
    transition: border-color var(--transition-fast);
    overflow: hidden
}

.project-card:hover {
    border-left-color: var(--accent-orange)
}

.project-img-box {
    height: 250px;
    position: relative;
    overflow: hidden
}

.project-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    filter: brightness(.8)
}

.project-card:hover .project-img-box img {
    transform: scale(1.04);
    filter: brightness(.9)
}

.project-tag {
    position: absolute;
    bottom: 16px;
    left: 20px;
    background-color: var(--accent-orange);
    color: var(--white);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 1px
}

.project-card-body {
    padding: 36px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.project-card-body h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--white);
    line-height: 1.3;
    margin-bottom: 24px
}

.project-metrics-row {
    display: flex;
    gap: 40px;
    border-top: 1px solid var(--grid-border);
    padding-top: 20px;
    margin-top: auto
}

.p-metric-val {
    font-family: 'Forum', serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--accent-orange);
    line-height: 1
}

.p-metric-lbl {
    font-size: 11px;
    color: var(--text-white-muted);
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: .06em
}

.fade-group-enter-active,
.fade-group-leave-active {
    transition: all 0.35s ease
}

.fade-group-enter-from,
.fade-group-leave-to {
    opacity: 0;
    transform: scale(.98) translateY(12px)
}

@media (max-width:900px) {
    .cases-cards-grid {
        grid-template-columns: 1fr
    }

    .project-card-body {
        padding: 28px
    }
}

.insights-section {
    background-color: var(--off-white);
    padding: var(--section-padding)
}

.insights-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background-color: rgb(10 17 31 / .08);
    border: 2px solid rgb(10 17 31 / .08)
}

.insight-card {
    background-color: var(--white);
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    border-left: 3px solid #fff0;
    transition: border-color var(--transition-fast), transform var(--transition-fast);
    cursor: pointer
}

.insight-card:hover {
    border-left-color: var(--accent-orange);
    transform: translateY(-2px)
}

.ins-category {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--accent-orange);
    margin-bottom: 6px
}

.ins-date {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 20px
}

.insight-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-main);
    line-height: 1.35;
    flex: 1;
    margin-bottom: 24px
}

.ins-read-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted);
    transition: color var(--transition-fast)
}

.insight-card:hover .ins-read-link {
    color: var(--accent-orange)
}

@media (max-width:950px) {
    .insights-grid {
        grid-template-columns: 1fr
    }
}

.contact-section {
    background-color: var(--ink-black);
    padding: var(--section-padding);
    border-top: 1px solid var(--grid-border)
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 80px;
    align-items: flex-start
}

.contact-cta-info {
    max-width: 520px
}

.contact-intro-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 56px;
    color: var(--white);
    line-height: 1.1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 20px
}

.contact-intro-title span {
    color: var(--accent-orange)
}

.contact-intro-p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-white-muted);
    margin-bottom: 44px
}

.form-panel-card {
    background-color: var(--steel-navy);
    border: 1px solid var(--grid-border);
    border-top: 4px solid var(--accent-orange);
    padding: 20px 40px 40px 40px;
    box-shadow: 0 20px 50px rgb(0 0 0 / .35);
    border-radius: 2px
}

.form-panel-card h3 {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 15px
}

.form-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.field-group {
    margin-bottom: 20px
}

.field-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: rgb(255 255 255 / .5);
    margin-bottom: 8px;
    letter-spacing: .06em;
    text-transform: uppercase
}

.field-group input,
.field-group select,
.field-group textarea {
    width: 100%;
    background-color: rgb(255 255 255 / .03);
    border: 1px solid rgb(255 255 255 / .12);
    border-radius: 2px;
    padding: 13px 16px;
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    color: var(--white);
    outline: none;
    transition: border-color var(--transition-fast), background-color var(--transition-fast);
    -webkit-appearance: none
}

.field-group textarea {
    resize: vertical;
    min-height: 90px
}

.field-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px
}

.field-group input::placeholder,
.field-group textarea::placeholder {
    color: rgb(255 255 255 / .2)
}

.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
    border-color: var(--accent-orange);
    background-color: rgb(255 255 255 / .05)
}

.field-group select option {
    background-color: var(--ink-black);
    color: var(--white)
}

.field-invalid-marker {
    border-color: #EF4444 !important;
    background-color: rgb(239 68 68 / .04) !important
}

.input-error-msg {
    font-size: 11px;
    color: #EF4444;
    margin-top: 6px;
    font-weight: 500
}

.form-btn-submit {
    width: max-content;
    min-width: 150px;
    background-color: var(--accent-orange);
    color: var(--white);
    border: 1px solid var(--accent-orange);
    border-radius: 2px;
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    transition: all var(--transition-fast)
}

.form-btn-submit:hover:not(:disabled) {
    background-color: var(--accent-orange-dk);
    border-color: var(--accent-orange-dk)
}

.form-btn-submit:disabled {
    opacity: .7;
    cursor: not-allowed
}

.consultation-success-block {
    text-align: center;
    padding: 40px 10px
}

.success-checkmark-ico {
    font-size: 52px;
    color: var(--esg-green);
    margin-bottom: 24px
}

.success-panel-title {
    font-family: 'Forum', serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--white);
    margin-bottom: 12px
}

.success-panel-p {
    font-size: 16px;
    color: var(--text-white-muted);
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto
}

@media (max-width:950px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 60px
    }

    .contact-intro-title {
        font-size: 40px
    }

    .form-two-cols {
        grid-template-columns: 1fr;
        gap: 0
    }
}

@media (max-width:640px) {
    .form-panel-card {
        padding: 24px
    }
}

#back-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    background-color: var(--accent-orange);
    color: var(--white);
    border: none;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.25s, transform 0.25s, background-color var(--transition-fast);
    z-index: 900;
    pointer-events: none
}

#back-to-top-btn.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

#back-to-top-btn:hover {
    background-color: var(--accent-orange-dk)
}

.profile-section {
    background-color: var(--white);
    padding: var(--section-padding);
    border-bottom: 1px solid var(--slate-gray)
}

.profile-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 80px;
    align-items: start
}

.profile-narrative h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--ink-black);
    line-height: 1.35;
    margin-bottom: 24px;
    font-family: 'Forum', serif;
    text-transform: uppercase;
    letter-spacing: -.01em;
    border-left: 3px solid var(--accent-orange);
    padding-left: 16px
}

.profile-narrative p {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify
}

.profile-narrative p:last-child {
    margin-bottom: 0
}

.profile-partners-panel {
    background: var(--slate-dark);
    padding: 20px;
    border: 1px solid var(--grid-border);
    border-radius: 4px;
    box-shadow: 0 10px 40px rgb(0 0 0 / .15)
}

.profile-partners-panel h3 {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 26px;
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 32px;
    letter-spacing: -.01em;
    border-bottom: 2px solid var(--accent-orange);
    padding-bottom: 12px
}

.partner-item {
    margin-bottom: 32px;
    border-bottom: 1px solid rgb(255 255 255 / .06);
    padding-bottom: 24px
}

.partner-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.partner-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 16px;
    flex-wrap: wrap
}

.partner-name {
    font-weight: 700;
    color: var(--white);
    font-size: 16px
}

.partner-tag {
    font-size: 10px;
    font-weight: 700;
    background: rgb(217 88 26 / .15);
    color: var(--accent-orange);
    padding: 4px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .05em
}

.partner-desc {
    font-size: 16px;
    color: var(--text-white-muted);
    line-height: 1.6
}

@media (max-width:992px) {
    .profile-grid {
        grid-template-columns: 1fr;
        gap: 56px
    }

    .profile-partners-panel {
        padding: 32px
    }
}

.iso-section {
    background-color: var(--white);
    padding: 60px 0;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
    position: relative;
    overflow: hidden
}

.iso-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--accent-orange), var(--esg-green), #d13104)
}

.iso-top-bar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 64px
}

.iso-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgb(235 90 50 / .08), rgb(235 90 50 / .04));
    border: 1px solid rgb(235 90 50 / .2);
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--esg-green);
    white-space: nowrap;
    flex-shrink: 0
}

.iso-trust-badge i {
    font-size: 16px
}

.iso-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px
}

.iso-cert-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    overflow: hidden;
    transition: transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);
    position: relative;
    box-shadow: 0 4px 20px rgb(0 0 0 / .04)
}

.iso-cert-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgb(0 0 0 / .1);
    border-color: rgb(235 90 50 / .25)
}

.iso-cert-card:hover .iso-cert-img-wrap img {
    transform: scale(1.03)
}

.iso-cert-img-wrap {
    position: relative;
    background: #fff0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    overflow: hidden
}

.iso-cert-img-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(235 90 50 / .2), transparent)
}

.iso-cert-img-wrap img {
    width: 100%;
    max-width: 150px;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    transition: transform var(--transition-smooth)
}

.iso-cert-info {
    padding: 28px 32px
}

.iso-cert-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--esg-green);
    background: rgb(235 90 50 / .08);
    border-radius: 8px;
    padding: 5px 12px;
    margin-bottom: 14px
}

.iso-cert-tag i {
    font-size: 10px
}

.iso-cert-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.2;
    color: var(--text-main);
    margin-bottom: 10px
}

.iso-cert-subtitle {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 20px
}

.iso-cert-divider {
    height: 1px;
    background: var(--border-light);
    margin-bottom: 20px
}

.iso-cert-scope {
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.6
}

.iso-cert-scope i {
    color: var(--esg-green);
    margin-top: 2px;
    flex-shrink: 0
}

.iso-bottom-bar {
    margin-top: 56px;
    background: linear-gradient(135deg, var(--off-white), var(--slate-gray));
    border: 1px solid var(--border-light);
    border-radius: 16px;
    padding: 36px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px
}

.iso-bottom-bar-left {
    display: flex;
    align-items: center;
    gap: 20px
}

.iso-shield-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--esg-green), var(--esg-green-dk));
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 22px;
    flex-shrink: 0;
    box-shadow: 0 8px 24px rgb(235 90 50 / .25)
}

.iso-bottom-bar-text strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-main);
    margin-bottom: 4px
}

.iso-bottom-bar-text span {
    font-size: 16px;
    color: var(--text-muted)
}

.iso-bottom-bar-stats {
    display: flex;
    align-items: center;
    gap: 40px
}

.iso-stat {
    text-align: center
}

.iso-stat-val {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: 28px;
    letter-spacing: -.03em;
    color: var(--text-main)
}

.iso-stat-lbl {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-top: 3px
}

.iso-stat-divider {
    width: 1px;
    height: 40px;
    background: var(--border-light)
}

@media (max-width:992px) {
    .iso-cards-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto
    }

    .iso-top-bar {
        flex-direction: column;
        align-items: flex-start
    }

    .iso-bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 32px
    }

    .iso-bottom-bar-stats {
        width: 100%;
        justify-content: space-between
    }
}

@media (min-width:768px) and (max-width:992px) {
    .iso-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%
    }
}

:root {
    --ink-black: #163429;
    --slate-dark: #ffffff;
    --steel-navy: #f4f8f5;
    --grid-border: #d5e2da;
    --border-accent: rgba(17, 56, 40, 0.08);
    --border-light: rgba(17, 56, 40, 0.10);
    --off-white: #f7faf8;
    --slate-gray: #eef4f0;
    --text-main: #163429;
    --text-muted: #5d7369;
    --text-white-muted: #5f7269;
    --accent-orange: #eb5a32;
    --accent-orange-dk: #d44a24;
    --esg-green: #eb5a32;
    --esg-green-dk: #d44a24;
    --accent-blue: #2f6fe0
}

body {
    background: radial-gradient(circle at top left, rgb(235 90 50 / .1), transparent 28%), linear-gradient(180deg, #fbfdfc 0%, #f4f8f5 100%);
    color: var(--text-main)
}

.heading-large,
.heading-section,
.heading-card,
.hero-title,
.contact-intro-title,
.cinematic-quote,
.sol-photo-title,
.project-card-body h3,
.cap-step-body h4,
.esg-card h3,
.industry-card h3,
.insight-card h3,
.profile-narrative h3,
.form-panel-card h3 {
    font-family: 'Forum', serif;
    text-transform: none;
    letter-spacing: normal
}

.heading-section {
    font-size: clamp(30px, 3.3vw, 34px);
    line-height: 1.16
}

.eyebrow,
.hero-badge-text,
.stat-label,
.telemetry-cat,
.map-stat-label,
.channel-lbl,
.filter-tab-btn,
.ins-category,
.footer-column-block h4 {
    letter-spacing: .12em
}

.btn,
.btn-orange,
.btn-green,
.btn-outline-white,
.btn-outline-dark,
.form-btn-submit {
    border-radius: 5px;
    font-weight: 700
}

.btn-orange,
.btn-green,
.form-btn-submit {
    box-shadow: 0 14px 30px rgb(235 90 50 / .16)
}

#navbar {
    background-color: rgb(255 255 255 / .86);
    border-bottom: 1px solid rgb(17 56 40 / .08);
    backdrop-filter: blur(14px)
}

#navbar.scrolled {
    background-color: rgb(255 255 255 / .94);
    border-bottom-color: rgb(17 56 40 / .1);
    box-shadow: 0 4px 12px rgb(0 0 0 / .05)
}

.nav-inner {
    height: 92px
}

#navbar.scrolled .nav-inner {
    height: 92px
}

.logo-img {
    height: 72px
}

#navbar.scrolled .logo-img {
    height: 72px
}

.nav-menu {
    overflow: visible !important
}

.nav-item {
    color: #000;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 0;
    background-color: transparent !important;
    position: relative;
    transition: color var(--transition-fast);
    display: inline-block
}

.nav-item::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 12px;
    right: 12px;
    height: 3px;
    background-color: var(--accent-orange);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform var(--transition-fast) ease;
    display: block !important
}

.nav-item:hover {
    color: var(--accent-orange) !important;
    background-color: transparent !important
}

.nav-item:hover::after {
    transform: scaleX(1);
    transform-origin: left
}

.nav-item.active {
    color: var(--accent-orange) !important;
    background-color: transparent !important
}

.nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 12px;
    right: 12px;
    height: 3px;
    background-color: var(--accent-orange);
    transform: scaleX(1);
    display: block !important
}

.contact-hero {
    background-image: linear-gradient(rgb(26 42 54 / 38%), rgb(26 42 54 / 9%)), url(../images/contact_ce_power_header_bg.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgb(235 90 50 / .15);
    color: #ffffff !important
}

.contact-hero .heading-large {
    color: #ffffff !important
}

.contact-hero .eyebrow {
    color: var(--accent-orange) !important
}

.contact-hero-desc {
    color: rgb(255 255 255 / .75) !important
}

.hamburger-btn {
    color: var(--text-main)
}

.mobile-drawer {
    background-color: #fff;
    border-left: none;
    box-shadow: none
}

.drawer-close,
.drawer-link,
.drawer-info {
    color: var(--text-main)
}

.drawer-link {
    font-family: 'Forum', serif;
    font-size: 20px;
    text-transform: none;
    border-bottom: none;
    background-color: rgb(235 90 50 / .04);
    border: 1px solid rgb(235 90 50 / .08);
    border-radius: 8px;
    display: inline-block;
    width: 260px;
    text-align: center;
    padding: 12px 32px;
    transition: all var(--transition-fast)
}

.drawer-link:hover,
.drawer-link.active {
    color: var(--white) !important;
    background-color: var(--accent-orange) !important;
    border-color: var(--accent-orange) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgb(235 90 50 / .15)
}

.drawer-info span i {
    color: var(--accent-orange)
}

.hero-section {
    background: linear-gradient(135deg, rgb(245 250 247 / .98) 0%, rgb(233 244 237 / .96) 48%, rgb(222 237 228 / .94) 100%);
    min-height: auto;
    padding-top: 160px;
    padding-bottom: 96px
}

.hero-section::before {
    background-image: linear-gradient(rgb(235 90 50 / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(235 90 50 / .06) 1px, transparent 1px);
    background-size: 64px 64px;
    opacity: .35
}

.hero-section::after {
    width: 38%;
    height: 3px;
    background-color: var(--accent-orange)
}

.hero-bg-overlay img {
    opacity: .95;
    object-position: center center;
    filter: saturate(.92) contrast(.95)
}

.hero-bg-overlay::after {
    background: linear-gradient(90deg, rgb(246 250 247 / .98) 0%, rgb(246 250 247 / .9) 34%, rgb(246 250 247 / .46) 62%, rgb(246 250 247 / .12) 100%)
}

.hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
    gap: 56px;
    align-items: stretch
}

.hero-badge-bar {
    background-color: var(--accent-orange);
    border-radius: 8px
}

.hero-badge-text {
    color: rgb(22 52 41 / .68)
}

.hero-title {
    color: var(--text-main);
    font-size: clamp(36px, 4.6vw, 56px);
    line-height: 1.08;
    text-shadow: none;
    margin-bottom: 24px
}

.hero-title span {
    color: var(--accent-orange)
}

.hero-desc {
    font-size: 16px;
    color: #000;
    border-left: 3px solid rgb(235 90 50 / .18);
    margin-bottom: 40px;
    max-width: 580px
}

.stat-value {
    font-size: 40px
}

.telemetry-number {
    font-size: clamp(32px, 3.8vw, 36px)
}

.btn-outline-white {
    color: var(--text-main);
    border-color: rgb(17 56 40 / .18);
    background-color: rgb(255 255 255 / .72)
}

.btn-outline-white:hover {
    color: var(--text-main);
    border-color: rgb(17 56 40 / .28);
    background-color: rgb(255 255 255 / .95)
}

.calculator-card,
.form-panel-card,
.profile-partners-panel,
.map-visual-panel,
.project-card,
.telemetry-card,
.industry-card,
.insight-card,
.esg-card {
    border-radius: 8px
}

.calculator-card {
    background: rgb(255 255 255 / .94);
    border: 1px solid rgb(17 56 40 / .1);
    border-top: none;
    box-shadow: 0 30px 60px rgb(17 56 40 / .12)
}

.calculator-card::before,
.form-panel-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 4px;
    border-radius: 8px;
    background: linear-gradient(90deg, var(--accent-orange), #e03f12)
}

.calculator-icon-box,
.channel-icon-box {
    background-color: rgb(235 90 50 / .1);
    border-color: rgb(235 90 50 / .16);
    color: var(--accent-orange)
}

.calculator-card h3,
.calculator-sub,
.slider-lbl,
.m-lbl,
.savings-percent-text {
    color: var(--text-main)
}

.slider-val,
.savings-title-row {
    color: var(--accent-orange)
}

input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-moz-range-track {
    background-color: #eb5a32
}

input[type=range]::-webkit-slider-thumb {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgb(235 90 50 / .22)
}

.metric-cost-box {
    background-color: #f8fbf9;
    border-radius: 8px;
    border-left-width: 4px
}

.metric-cost-box.gas {
    background-color: rgb(235 90 50 / .06)
}

.savings-panel {
    background: linear-gradient(135deg, rgb(235 90 50 / .08), rgb(235 90 50 / 8%));
    border: 1px solid rgb(235 90 50 / .12);
    border-left: none;
    border-radius: 8px
}

.savings-huge {
    color: var(--text-main)
}

.trust-strip,
.telemetry-section,
.industries-section,
.map-section,
.cases-section,
.contact-section {
    background-color: #fff0;
    border-top: none
}

.trust-strip {
    margin-top: -24px;
    position: relative;
    z-index: 20;
    padding-bottom: 16px
}

.stats-row,
.telemetry-grid,
.ind-cards-grid,
.cases-cards-grid,
.insights-grid,
.esg-grid {
    gap: 20px;
    background: #fff0;
    border: none
}

.stat-column,
.telemetry-card,
.industry-card,
.project-card,
.insight-card,
.esg-card {
    background-color: rgb(255 255 255 / .92);
    border: 1px solid rgb(17 56 40 / .08);
    box-shadow: 0 18px 40px rgb(17 56 40 / .06)
}

.stat-column {
    border-right: none;
    border-radius: 8px;
    text-align: left;
    padding: 32px 28px
}

.stat-value.white,
.telemetry-number,
.map-stat-num,
.industry-card h3,
.project-card-body h3,
.contact-intro-title,
.success-panel-title {
    color: var(--text-main)
}

.telemetry-card:nth-child(1),
.telemetry-card:nth-child(2),
.telemetry-card:nth-child(3) {
    box-shadow: 0 20px 44px rgb(17 56 40 / .07)
}

.telemetry-card {
    padding: 42px 34px;
    border-top: none;
    background: rgb(255 255 255 / .92)
}

.telemetry-card:nth-child(1)::before,
.telemetry-card:nth-child(2)::before,
.telemetry-card:nth-child(3)::before,
.industry-card::before,
.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 4px;
    border-radius: 8px
}

.telemetry-card:nth-child(1)::before,
.industry-card:nth-child(1)::before,
.project-card:nth-child(1)::before {
    background: linear-gradient(90deg, var(--accent-orange), #FF5722)
}

.telemetry-card:nth-child(2)::before,
.industry-card:nth-child(2)::before,
.project-card:nth-child(2)::before {
    background: linear-gradient(90deg, var(--esg-green), #FF5722)
}

.telemetry-card:nth-child(3)::before,
.industry-card:nth-child(3)::before,
.project-card:nth-child(3)::before,
.industry-card:nth-child(4)::before,
.project-card:nth-child(4)::before {
    background: linear-gradient(90deg, var(--esg-green), #FF5722)
}

.telemetry-subtext,
.industry-card p,
.project-metrics-row,
.p-metric-lbl,
.channel-lbl,
.contact-intro-p,
.success-panel-p,
.footer-desc-p,
.footer-nav-links a,
.footer-copyright,
.footer-legal-links a,
.map-stat-label,
.telemetry-label,
.telemetry-cat,
.section-desc.on-dark {
    color: var(--text-muted)
}

.channel-lbl {
    color: var(--text-main)
}

.operational-live-badge {
    background-color: rgb(255 255 255 / .88);
    border-color: rgb(235 90 50 / .12);
    color: var(--text-main);
    border-radius: 8px
}

.live-indicator-dot,
.live-indicator-dot::after {
    background-color: var(--accent-orange)
}

.section-desc.on-dark,
.heading-section.on-dark {
    color: var(--text-main)
}

.profile-section {
    background: #fff0;
    border-bottom: none
}

.profile-narrative h3 {
    color: var(--text-main);
    border-left-color: var(--accent-orange)
}

.profile-partners-panel {
    background: rgb(255 255 255 / .92);
    border: 1px solid rgb(17 56 40 / .08);
    box-shadow: 0 22px 48px rgb(17 56 40 / .08)
}

.profile-partners-panel h3,
.partner-name {
    color: var(--text-main)
}

.profile-partners-panel h3 {
    font-family: 'Forum', serif;
    text-transform: none;
    letter-spacing: -.02em;
    border-bottom-color: rgb(235 90 50 / .18)
}

.partner-item {
    border-bottom-color: rgb(17 56 40 / .08)
}

.partner-tag {
    background: rgb(235 90 50 / .1);
    color: var(--accent-orange);
    border-radius: 8px;
    text-transform: none
}

.partner-desc {
    color: var(--text-muted)
}

.solutions-section {
    background: transparent !important
}

.sol-photo-grid {
    max-width: 1240px;
    margin: 0 auto;
    gap: 20px;
    padding: 0 40px 24px;
    box-sizing: border-box
}

.sol-photo-card {
    border-radius: 8px;
    box-shadow: 0 24px 50px rgb(17 56 40 / .1)
}

.sol-photo-img img {
    filter: brightness(.82)
}

.sol-photo-overlay {
    background: linear-gradient(to top, rgb(15 44 34 / .84) 0%, rgb(15 44 34 / .42) 45%, rgb(15 44 34 / .08) 100%);
    padding: 34px
}

.sol-photo-card::before {
    width: auto;
    height: 4px;
    top: auto;
    right: 26px;
    bottom: 24px;
    left: 26px;
    transform: scaleX(0);
    transform-origin: left;
    border-radius: 8px
}

.sol-photo-card:hover::before {
    transform: scaleX(1)
}

.sol-photo-title {
    font-size: 24px
}

.sol-large .sol-photo-title {
    font-size: 30px
}

.cinematic-strip {
    max-width: 1240px;
    width: calc(100% - 80px);
    border-radius: 8px;
    margin: 60px auto 0;
    box-shadow: 0 24px 60px rgb(17 56 40 / .14)
}

.cinematic-strip>img {
    filter: brightness(.62) saturate(.9)
}

.cinematic-overlay {
    background: linear-gradient(90deg, rgb(255 87 34 / 34%) 0%, rgb(255 87 34 / 21%) 100%)
}

.cinematic-rule {
    background-color: #7fd39e
}

.cinematic-meta {
    text-transform: none;
    letter-spacing: .03em;
    color: rgb(255 255 255 / .82)
}

.cinematic-quote {
    font-size: 36px;
    line-height: 1.18
}

.industry-card {
    padding: 38px 28px;
    text-align: left;
    background-color: rgb(255 255 255 / .95)
}

.industry-card:hover {
    background-color: #fff;
    border-bottom-color: #fff0;
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgb(17 56 40 / .1)
}

.industry-card-icon,
.p-metric-val,
.ins-category,
.footer-social-btn:hover,
.footer-nav-links a:hover,
.footer-legal-links a:hover {
    color: var(--accent-orange)
}

.map-section {
    padding-top: 104px
}

.map-inner-grid {
    background: rgb(255 255 255 / .88);
    border: 1px solid rgb(17 56 40 / .08);
    border-radius: 32px;
    box-shadow: 0 24px 56px rgb(17 56 40 / .08);
    padding: 44px
}

.map-stat-block {
    border-left-width: 4px
}

.map-stat-num {
    font-size: 44px
}

.map-visual-panel {
    background-color: #f8fbf9;
    border: 1px solid rgb(17 56 40 / .08);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .7)
}

.map-visual-panel::before,
.map-visual-panel::after,
.cap-visuals-panel::after {
    display: none
}

.capabilities-section {
    background: #fff0
}

.cap-visuals-panel {
    border-left: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 24px 50px rgb(17 56 40 / .1)
}

.cap-step-item {
    padding: 0 0 24px;
    border-bottom-color: rgb(17 56 40 / .08)
}

.cap-step-num {
    color: var(--accent-orange)
}

.cap-step-body h4 {
    font-size: 20px
}

.esg-card {
    border-left: none
}

.esg-card-icon,
.footer-social-btn {
    border-radius: 14px
}

.filter-menu-bar {
    border-bottom-color: rgb(17 56 40 / .08);
    gap: 12px
}

.filter-tab-btn {
    border-color: rgb(17 56 40 / .1);
    color: var(--text-muted);
    background-color: rgb(255 255 255 / .88);
    white-space: nowrap;
    flex-shrink: 0
}

.filter-tab-btn:hover {
    border-color: rgb(235 90 50 / .18);
    color: var(--text-main);
    background-color: #fff
}

.filter-tab-btn.active {
    background-color: rgb(235 90 50 / .1);
    border-color: rgb(235 90 50 / .14);
    color: var(--accent-orange)
}

@media screen and (max-width:768px) {
    .filter-menu-bar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        border-bottom: none;
        padding-bottom: 0
    }

    .filter-tab-btn {
        white-space: normal;
        text-align: center;
        padding: 10px 8px;
        font-size: 10px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px
    }
}

.project-card {
    position: relative;
    background-color: rgb(255 255 255 / .95);
    border-left: none;
    overflow: hidden
}

.project-card:hover {
    border-left-color: #fff0;
    transform: translateY(-4px);
    box-shadow: 0 22px 52px rgb(17 56 40 / .11)
}

.project-tag {
    background-color: rgb(17 56 40 / .88);
    border-radius: 8px;
    text-transform: none
}

.project-metrics-row {
    border-top-color: rgb(17 56 40 / .08)
}

.project-card-body h3 {
    font-size: 20px;
    line-height: 1.28
}

.p-metric-val {
    font-size: 24px
}

.insight-card:hover {
    border-left-color: #fff0;
    box-shadow: 0 20px 44px rgb(17 56 40 / .1)
}

.contact-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(180deg, rgb(238 244 240 / .85) 0%, rgb(246 250 247 / .95) 100%)
}

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

.contact-grid {
    background: rgb(255 255 255 / .88);
    border: 1px solid rgb(17 56 40 / .08);
    border-radius: 10px;
    box-shadow: 0 24px 56px rgb(17 56 40 / .08);
    padding: 44px
}

.contact-intro-title {
    font-size: clamp(30px, 3.6vw, 42px);
    line-height: 1.12
}

.contact-intro-title span {
    color: var(--accent-orange)
}

.channel-val,
.form-panel-card h3 {
    color: var(--text-muted)
}

.form-panel-card {
    position: relative;
    background-color: #fff;
    border: 1px solid rgb(17 56 40 / .08);
    border-top: none;
    box-shadow: 0 26px 56px rgb(17 56 40 / .1)
}

.field-group label {
    color: rgb(22 52 41 / .62);
    text-transform: none;
    letter-spacing: .02em
}

.field-group input,
.field-group select,
.field-group textarea {
    background-color: #f8fbf9;
    border-color: rgb(17 56 40 / .1);
    border-radius: 5px;
    color: var(--text-main)
}

.field-group input::placeholder,
.field-group textarea::placeholder {
    color: rgb(22 52 41 / .38)
}

.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
    background-color: #fff;
    border-color: rgb(235 90 50 / .4);
    box-shadow: 0 0 0 4px rgb(235 90 50 / .1)
}

.field-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(22,52,41,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")
}

.field-group select option {
    background-color: #fff;
    color: var(--text-main)
}

.footer {
    background: linear-gradient(180deg, #3d140a 0%, #1c0804 100%);
    border-top: none
}

.footer-social-btn {
    background-color: rgb(255 255 255 / .06);
    border-color: rgb(255 255 255 / .1);
    color: rgb(255 255 255 / .76)
}

#back-to-top-btn {
    border-radius: 8px;
    box-shadow: 0 18px 36px rgb(235 90 50 / .22)
}

@media (max-width:1200px) {
    .cinematic-strip {
        width: calc(100% - 48px)
    }
}

@media (max-width:1024px) {

    .hero-grid,
    .contact-grid {
        grid-template-columns: 1fr
    }

    .map-inner-grid {
        padding: 32px
    }
}

@media (max-width:768px) {
    .sol-photo-grid {
        padding: 0 24px 24px
    }

    .heading-section {
        font-size: 28px
    }

    .hero-title {
        font-size: 27px
    }

    .telemetry-number,
    .stat-value,
    .map-stat-num {
        font-size: 34px
    }

    .cinematic-quote {
        font-size: 24px
    }

    .cinematic-strip {
        width: calc(100% - 48px);
        margin-left: auto;
        margin-right: auto;
        border-radius: 24px
    }

    .contact-grid,
    .map-inner-grid {
        padding: 24px
    }
}

.p-metric-val {
    font-size: 18px
}

.footer {
    background: linear-gradient(180deg, #1a2a36 0%, #152029 100%);
    border-top: none
}

.footer-desc-p,
.footer-nav-links a,
.footer-copyright,
.footer-legal-links a {
    color: rgb(247 247 247 / 75%)
}

h2.heading-section.on-dark.whitefont {
    color: #f3f3f3
}

section#telemetry p.section-desc.center.on-dark {
    color: #f3f3f3
}

.esg-grid {
    align-items: start
}

.esg-card {
    padding: 0 !important
}

.esg-card-toggle {
    width: 100%;
    background: none;
    border: none;
    padding: 32px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    text-align: left;
    transition: background-color var(--transition-fast)
}

.esg-card-toggle:hover {
    background-color: rgb(17 56 40 / .02)
}

.esg-card-toggle h3 {
    margin-bottom: 0;
    flex: 1
}

.esg-card-toggle .esg-card-icon {
    margin-bottom: 0;
    flex-shrink: 0
}

.esg-chevron {
    font-size: 16px;
    color: var(--text-muted);
    transition: transform var(--transition-fast);
    flex-shrink: 0
}

.esg-card:hover .esg-chevron {
    color: var(--esg-green);
    transform: scale(1.15)
}

.esg-bullets-wrap {
    display: none
}

.esg-bullets {
    padding: 0 32px 32px 32px
}

.esg-bullet {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-left: 0
}

.esg-bullet::before {
    content: none
}

.esg-bullet i {
    color: var(--esg-green);
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;
    width: 18px;
    text-align: center
}

@media (max-width:950px) {
    .esg-card-toggle {
        padding: 24px
    }

    .esg-bullets {
        padding: 0 24px 24px 24px
    }
}

.modal-overlay {
    position: fixed;
    inset: 0;
    background-color: rgb(37 55 69 / .6);
    backdrop-filter: blur(8px);
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px
}

.modal-overlay.active {
    display: flex
}

.modal-content {
    background-color: var(--white);
    border: 1px solid rgb(37 55 69 / .1);
    border-radius: 8px;
    width: min(720px, 100%);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 24px 60px rgb(37 55 69 / .2)
}

.modal-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    background: rgb(37 55 69 / .05);
    border: none;
    color: var(--text-main);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    transition: background-color var(--transition-fast), color var(--transition-fast);
    z-index: 10
}

.modal-close-btn:hover {
    background-color: var(--accent-orange);
    color: var(--white)
}

.modal-body-scroll {
    padding: 48px;
    overflow-y: auto
}

.modal-title {
    font-family: 'Forum', serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 8px;
    color: var(--text-main);
    line-height: 1.2
}

.modal-date {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 24px
}

.modal-text-content {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.6
}

#esg-modal-body p,
#esg-modal-body .esg-bullet {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: var(--text-muted) !important;
    text-align: justify;
    margin-bottom: 20px
}

#esg-modal-body .esg-bullet {
    display: flex;
    align-items: flex-start;
    gap: 12px
}

#esg-modal-body .esg-bullet i {
    color: var(--esg-green);
    font-size: 16px;
    margin-top: 8px;
    flex-shrink: 0;
    width: 18px;
    text-align: center
}

.modal-text-content h4 {
    font-family: 'Forum', serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-main);
    margin-top: 24px;
    margin-bottom: 8px
}

.modal-text-content p {
    margin-bottom: 16px
}

.modal-text-content ul {
    margin-bottom: 16px;
    padding-left: 20px;
    list-style-type: disc
}

.modal-text-content li {
    margin-bottom: 8px
}

.modal-text-content a {
    color: var(--esg-green);
    font-weight: 500;
    text-decoration: underline
}

.modal-text-content a:hover {
    color: var(--esg-green-dk)
}

@media (max-width:576px) {
    .modal-body-scroll {
        padding: 32px 24px
    }

    .modal-close-btn {
        top: 16px;
        right: 16px
    }
}

.contact-map-section {
    padding: 0 0 70px
}

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

.map-header h2 {
    font-family: 'Forum', serif;
    font-size: clamp(32px, 3.5vw, 44px);
    font-weight: 800;
    color: var(--accent-orange);
    line-height: 1.2;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .03em
}

.map-header p {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6
}

.map-wrapper {
    width: 100%;
    height: 480px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgb(17 56 40 / .08);
    border: 1px solid rgb(17 56 40 / .1);
    background: var(--white);
    position: relative
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:768px) {
    .contact-map-section {
        padding: 0 0 60px
    }

    .map-wrapper {
        height: 350px
    }
}

.footer-grid {
    align-items: start !important
}

.footer-logo-row {
    margin-bottom: 24px !important
}

.footer-desc-p {
    font-size: 16px !important;
    max-width: 320px !important;
    line-height: 1.7 !important;
    color: rgb(247 247 247 / 75%) !important
}

.footer-column-block h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 24px !important;
    color: #ffffff !important
}

.footer-nav-links {
    gap: 16px !important
}

.footer-nav-links a {
    font-size: 16px !important;
    color: rgb(247 247 247 / 75%) !important
}

.iso-badge-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
    color: rgb(247 247 247 / 75%) !important
}

.iso-badge-row i {
    margin-top: 7px !important;
    color: #ffffff !important;
    font-size: 18px !important
}

.iso-badge-row small {
    font-size: 13px !important;
    color: rgb(255 255 255 / .45) !important
}

.footer-copyright,
.footer-legal-links a {
    font-size: 14px !important;
    color: rgb(247 247 247 / 65%) !important
}

.footer-contact-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 28px !important
}

.footer-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: rgb(247 247 247 / 75%) !important
}

.footer-contact-item i {
    color: #ffffff !important;
    width: 16px !important;
    text-align: center !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important
}

.footer-contact-item a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color var(--transition-fast) !important
}

.footer-contact-item a:hover {
    color: var(--accent-orange) !important
}

.careers-hero {
    background-image: linear-gradient(rgb(26 42 54 / 38%), rgb(26 42 54 / 9%)), url(../images/carrer_ce_power_header_bg.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgb(235 90 50 / .15);
    color: #ffffff !important;
    position: relative;
    text-align: center;
    overflow: hidden
}

.careers-hero .heading-large {
    color: #ffffff !important
}

.careers-hero .eyebrow {
    color: var(--accent-orange) !important
}

.careers-hero-desc {
    font-size: 18px;
    color: rgb(255 255 255 / .75) !important;
    max-width: 600px;
    margin: 16px auto 0;
    line-height: 1.6
}

.jobs-section {
    padding: 60px 0 60px;
    background: linear-gradient(180deg, rgb(238 244 240 / .85) 0%, rgb(246 250 247 / .95) 100%)
}

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

    .jobs-grid {
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .jobs-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.jobs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 40px;
    align-items: stretch !important
}

.job-card {
    background: rgb(255 255 255 / .88);
    border: 1px solid rgb(17 56 40 / .08);
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 10px 30px rgb(17 56 40 / .04);
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important
}

.job-card>div:first-child {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important
}

.job-card:hover {
    box-shadow: 0 16px 36px rgb(17 56 40 / .08);
    border-color: rgb(235 90 50 / .15)
}

.job-header {
    margin-bottom: 20px
}

.job-tag-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap
}

.job-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 4px 10px;
    border-radius: 4px
}

.job-tag.dept {
    background-color: rgb(235 90 50 / .08);
    color: var(--accent-orange)
}

.job-tag.type {
    background-color: rgb(47 111 224 / .08);
    color: var(--accent-blue)
}

.job-title {
    font-family: 'Forum', serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--text-main);
    line-height: 1.25
}

.job-meta-list {
    display: flex;
    gap: 16px;
    font-size: 16px;
    color: var(--text-muted);
    margin-top: 8px
}

.job-meta-item i {
    margin-right: 4px;
    color: var(--accent-orange)
}

.job-requirements {
    margin-bottom: 24px;
    flex-grow: 1
}

.job-requirements h5 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-main);
    margin-bottom: 12px;
    letter-spacing: .05em
}

.job-req-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.job-req-list li {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.job-req-list li i {
    color: var(--accent-orange);
    margin-top: 7px !important;
    font-size: 16px
}

.job-footer {
    margin-top: 24px;
    display: flex;
    justify-content: flex-start
}

.job-footer .btn {
    width: auto !important;
    padding-left: 28px;
    padding-right: 28px
}

.resume-upload-box {
    border: 2px dashed rgb(17 56 40 / .15) !important;
    border-radius: 8px !important;
    background-color: rgb(255 255 255 / .5) !important;
    padding: 32px 24px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all var(--transition-fast) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important
}

.resume-upload-box:hover,
.resume-upload-box.drag-over {
    border-color: var(--accent-orange) !important;
    background-color: rgb(235 90 50 / .03) !important
}

.resume-upload-box i {
    font-size: 32px !important;
    color: var(--accent-orange) !important
}

.resume-upload-box span {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-main) !important
}

.resume-upload-box p {
    font-size: 12px !important;
    color: var(--text-muted) !important
}

.resume-file-info {
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(235 90 50 / .08);
    border: 1px solid rgb(235 90 50 / .15);
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--text-main);
    width: 100%;
    box-sizing: border-box
}

.resume-file-info span {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px
}

.resume-file-remove-btn {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
    transition: color var(--transition-fast)
}

.resume-file-remove-btn:hover {
    color: #c0392b
}

.gallery-hero {
    background-color: var(--ink-black) !important;
    background-image: linear-gradient(rgb(26 42 54 / .45), rgb(26 42 54 / .5)), url(../images/ce_power_bg.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgb(235 90 50 / .15);
    color: #ffffff !important;
    position: relative;
    text-align: center;
    overflow: hidden
}

.gallery-hero .heading-large {
    color: #ffffff !important
}

.gallery-hero .eyebrow {
    color: var(--accent-orange) !important
}

.gallery-hero-desc {
    font-size: 18px;
    color: rgb(255 255 255 / .75) !important;
    max-width: 640px;
    margin: 16px auto 0;
    line-height: 1.6
}

.gallery-page-section {
    background-color: var(--slate-dark) !important;
    padding-top: 80px !important;
    padding-bottom: 100px !important;
    border-top: none !important
}

.gallery-page-section .section-header-block {
    margin-bottom: 40px
}

.gallery-page-section .filter-menu-bar {
    margin-top: 0;
    margin-bottom: 48px
}

@media screen and (max-width:767px) {
    .gallery-hero {
        padding: 140px 0 60px !important
    }

    .gallery-hero-desc {
        font-size: 16px
    }

    .gallery-page-section {
        padding-top: 48px !important;
        padding-bottom: 64px !important
    }
}

.nav-menu {
    height: 100%
}

.nav-menu>li {
    height: 100%;
    display: flex;
    align-items: center
}

.nav-menu li.has-dropdown {
    position: relative
}

.nav-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    background-color: #fff;
    border: 1px solid rgb(235 90 50 / .1);
    box-shadow: 0 10px 30px rgb(0 0 0 / .08);
    padding: 10px 0;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(.16, 1, .3, 1);
    z-index: 1000;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column
}

.nav-menu .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #fff0
}

.nav-menu li.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.nav-menu .dropdown-item {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-main, #163429);
    transition: all 0.25s ease;
    white-space: nowrap;
    text-align: left
}

.nav-menu .dropdown-item:hover {
    background-color: rgb(235 90 50 / .06);
    color: var(--accent-orange, #d9581a) !important;
    padding-left: 24px
}

.nav-menu .dropdown-item.active {
    color: var(--accent-orange, #d9581a) !important;
    background-color: rgb(235 90 50 / .03)
}

.nav-menu li.has-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg)
}

.dropdown-arrow {
    transition: transform 0.3s ease;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle
}

.nav-menu li.has-dropdown:hover>.nav-item {
    color: var(--accent-orange) !important
}

.nav-menu li.has-dropdown:hover>.nav-item::after {
    transform: scaleX(1);
    transform-origin: left
}

.mobile-drawer .drawer-sub-link {
    font-size: 15px !important;
    padding: 8px 24px !important;
    width: 220px !important;
    margin-top: -5px !important;
    opacity: .85;
    background-color: rgb(235 90 50 / .02) !important;
    border-color: rgb(235 90 50 / .04) !important;
    font-weight: 600 !important
}

.mobile-drawer .drawer-sub-link:hover,
.mobile-drawer .drawer-sub-link.active {
    background-color: var(--accent-orange) !important;
    border-color: var(--accent-orange) !important;
    opacity: 1 !important;
    color: #ffffff !important
}

.values-hero {
    background-color: var(--ink-black) !important;
    background-image: radial-gradient(circle at 20% 30%, rgb(235 90 50 / .22), transparent 55%), radial-gradient(circle at 85% 70%, rgb(217 88 26 / .12), transparent 45%) !important;
    background-size: 100% 100% !important;
    border-bottom: 1px solid rgb(235 90 50 / .15);
    color: #ffffff !important;
    padding: 180px 0 90px !important;
    position: relative;
    text-align: center;
    overflow: hidden
}

.values-hero .heading-large {
    color: #ffffff !important
}

.values-hero .eyebrow {
    color: var(--accent-orange) !important
}

.values-hero-desc {
    font-size: 18px;
    color: rgb(255 255 255 / .75) !important;
    max-width: 620px;
    margin: 16px auto 0;
    line-height: 1.6
}

.values-section {
    padding: 80px 0;
    background-color: #fff
}

.values-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 24px
}

.value-card {
    background: #fff;
    border: 1px solid rgb(235 90 50 / .08);
    border-radius: 12px;
    padding: 40px 30px;
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-width: 280px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .02);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgb(235 90 50 / .08);
    border-color: rgb(235 90 50 / .15)
}

.value-icon-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgb(235 90 50 / .06);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: var(--accent-orange, #d9581a);
    font-size: 28px;
    transition: background-color 0.3s ease, color 0.3s ease
}

.value-card:hover .value-icon-box {
    background-color: var(--accent-orange, #d9581a);
    color: #fff
}

.value-title {
    font-family: 'Forum', serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--text-main, #163429);
    margin-bottom: 16px;
    letter-spacing: .05em
}

.value-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-main, #163429);
    opacity: .85;
    margin: 0
}

@media (max-width:991px) {
    .value-card {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }
}

@media (max-width:650px) {
    .value-card {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.about-hero,
.careers-hero,
.contact-hero,
.gallery-hero,
.team-hero,
.values-hero,
.solutions-hero,
.sust-hero {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 420px !important;
    padding-top: 100px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important
}

.about-hero .container,
.careers-hero .container,
.contact-hero .container,
.gallery-hero .container,
.team-hero .container,
.values-hero .container,
.solutions-hero .container,
.sust-hero .container {
    width: 100% !important;
    text-align: center !important
}

@media (max-width:1100px) {

    .about-hero,
    .careers-hero,
    .contact-hero,
    .gallery-hero,
    .team-hero,
    .values-hero,
    .solutions-hero,
    .sust-hero {
        height: 300px !important;
        padding-top: 80px !important
    }
}

.sol-modern-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    width: 100%
}

.sol-modern-card {
    background: var(--white);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 12px 36px rgb(0 0 0 / .08);
    border: 1px solid var(--grid-border);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease
}

.sol-modern-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 48px rgb(0 0 0 / .12)
}

.sol-modern-img {
    height: 300px;
    width: 100%;
    overflow: hidden
}

.sol-modern-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease
}

.sol-modern-card:hover .sol-modern-img img {
    transform: scale(1.05)
}

.sol-modern-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.sol-modern-title {
    font-family: 'Forum', serif;
    font-size: 32px;
    color: var(--ink-black);
    margin-bottom: 20px;
    border-bottom: 2px solid var(--accent-orange);
    padding-bottom: 12px;
    display: inline-block;
    align-self: flex-start
}

.sol-modern-desc {
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.7;
    margin-bottom: 28px
}

.sol-modern-lists {
    margin-bottom: 32px;
    flex: 1
}

.sol-modern-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0
}

.sol-modern-list li {
    font-size: 15px;
    color: var(--text-main);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    line-height: 1.5
}

.sol-modern-list li i {
    color: var(--esg-green);
    margin-right: 12px;
    font-size: 14px;
    margin-top: 4px
}

.sol-modern-list-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ink-black);
    margin-bottom: 12px
}

.sol-modern-list-sub {
    list-style: none;
    padding: 0;
    margin: 0
}

.sol-modern-list-sub li {
    font-size: 14.5px;
    color: var(--text-muted);
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
    line-height: 1.5
}

.sol-modern-list-sub li::before {
    content: "•";
    color: var(--accent-orange);
    position: absolute;
    left: 4px;
    top: 0;
    font-size: 18px
}

@media (max-width:992px) {
    .sol-modern-grid {
        grid-template-columns: 1fr
    }
}

.btn-read-more {
    padding: 12px 24px;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid var(--grid-border);
    background: var(--white);
    cursor: pointer;
    border-radius: 4px;
    color: var(--ink-black);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center
}

.btn-read-more:hover {
    background: #f8f9fa;
    border-color: var(--text-muted)
}

.hwo-section {
    background: radial-gradient(ellipse at center, rgb(255 94 43 / .05) 0%, transparent 70%), #d13104;
    padding: 60px 0;
    position: relative;
    overflow: visible
}

.hwo-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    text-align: center
}

.hwo-header {
    text-align: center;
    margin-bottom: 56px
}

.hwo-title {
    font-family: 'Forum', serif;
    font-weight: 800;
    font-size: clamp(30px, 3.3vw, 34px);
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
    margin: 12px 0 20px;
    line-height: 1.16
}

.hwo-subtitle {
    font-size: 17px;
    color: rgb(255 255 255 / .8);
    max-width: 720px;
    margin: 0 auto 12px;
    line-height: 1.6
}

.hwo-subline {
    font-size: 14px;
    color: rgb(255 255 255 / .5);
    margin: 0;
    letter-spacing: .04em
}

.hwo-tabs {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 64px
}

.hwo-tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-radius: 50px;
    border: 2.5px solid #fff0;
    background: #fff;
    color: #062e20;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.165, .84, .44, 1);
    box-shadow: 0 4px 15px rgb(0 0 0 / .15)
}

.hwo-tab i {
    font-size: 12px;
    transition: transform 0.25s ease
}

.hwo-tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgb(0 0 0 / .25);
    border-color: rgb(255 94 43 / .4)
}

.hwo-tab:hover i {
    transform: translateX(4px)
}

.hwo-tab.active {
    border-color: #ff5e2b;
    box-shadow: 0 0 20px rgb(255 94 43 / .5), 0 4px 15px rgb(0 0 0 / .15)
}

.hwo-diagram-wrap {
    position: relative;
    width: 100%;
    max-width: 600px;
    aspect-ratio: 1;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.hwo-circle-svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 0 35px rgb(255 94 43 / .12))
}

.hwo-seg {
    cursor: pointer;
    transition: opacity 0.35s cubic-bezier(.165, .84, .44, 1)
}

.hwo-seg path {
    transition: filter 0.35s ease, fill 0.35s ease
}

.hwo-seg text {
    fill: #fff;
    pointer-events: none;
    transition: fill 0.35s ease
}

.hwo-seg:hover {
    opacity: .8
}

.hwo-seg.active {
    opacity: 1
}

.hwo-seg[data-pillar="generate"] path {
    fill: #ff5e2b
}

.hwo-seg[data-pillar="decarbonize"] path {
    fill: #0d4848
}

.hwo-seg[data-pillar="sustain"] path {
    fill: #159aa4
}

.hwo-seg[data-pillar="thrive"] path {
    fill: #d13105
}

.hwo-seg[data-pillar="generate"] text {
    fill: #fff
}

.hwo-seg[data-pillar="sustain"] text {
    fill: #fff
}

.hwo-seg[data-pillar="decarbonize"].active path {
    filter: brightness(1.15) drop-shadow(0 0 18px rgb(13 72 72 / .85))
}

.hwo-seg[data-pillar="sustain"].active path {
    filter: brightness(1.05) drop-shadow(0 0 18px rgb(204 235 206 / .85))
}

.hwo-seg[data-pillar="thrive"].active path {
    filter: brightness(1.15) drop-shadow(0 0 18px rgb(27 122 130 / .85))
}

.hwo-panels {
    max-width: 960px;
    margin: 0 auto;
    border-top: 1px solid rgb(255 255 255 / .08);
    padding-top: 48px;
    text-align: left
}

.hwo-panel {
    display: none;
    animation: hwoPanelIn 0.4s ease forwards
}

.hwo-panel.active {
    display: block
}

@keyframes hwoPanelIn {
    from {
        opacity: 0;
        transform: translateY(14px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.hwo-panel-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgb(255 255 255 / .45);
    margin-bottom: 16px
}

.hwo-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0
}

.hwo-dot.green {
    background: var(--esg-green, #eb5a32)
}

.hwo-dot.orange {
    background: var(--accent-orange, #d9581a)
}

.hwo-panel-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start
}

.hwo-panel-title {
    font-family: 'Forum', serif;
    font-size: clamp(26px, 3vw, 36px);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 0 0 16px;
    line-height: 1.1
}

.hwo-panel-desc {
    font-size: 15px;
    color: rgb(255 255 255 / .6);
    line-height: 1.8;
    margin-bottom: 28px
}

.hwo-panel-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.hwo-panel-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: rgb(255 255 255 / .75);
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid rgb(255 255 255 / .06)
}

.hwo-panel-list li:last-child {
    border-bottom: none
}

.hwo-panel-list li i {
    color: var(--esg-green, #eb5a32);
    font-size: 13px;
    flex-shrink: 0;
    width: 16px;
    text-align: center
}

#hwo-panel-thrive .hwo-panel-list li i {
    color: var(--accent-orange, #d9581a)
}

.hwo-panel-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--esg-green, #eb5a32);
    text-decoration: none;
    border-bottom: 1px solid rgb(235 90 50 / .3);
    padding-bottom: 3px;
    transition: color 0.2s, border-color 0.2s, gap 0.2s
}

.hwo-panel-link:hover {
    color: #fff;
    border-color: rgb(255 255 255 / .3);
    gap: 12px
}

#hwo-panel-thrive .hwo-panel-link {
    color: var(--accent-orange, #d9581a);
    border-color: rgb(217 88 26 / .3)
}

#hwo-panel-thrive .hwo-panel-link:hover {
    color: #fff
}

@media (max-width:1024px) {
    .hwo-panel-inner {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .hwo-diagram-wrap {
        max-width: 480px
    }
}

@media (max-width:768px) {
    .hwo-section {
        padding: 70px 0
    }

    .hwo-inner {
        padding: 0 24px
    }

    .hwo-tabs {
        gap: 10px;
        margin-bottom: 44px
    }

    .hwo-tab {
        padding: 10px 18px;
        font-size: 13px
    }

    .hwo-diagram-wrap {
        max-width: 300px
    }
}

.mobile-drawer {
    background: linear-gradient(180deg, #1a2a36 0%, #152029 100%);
    backdrop-filter: blur(12px) !important;
    border-left: 1px solid rgb(255 255 255 / .05) !important
}

.mobile-drawer .logo-container .logo-img {
    filter: brightness(0) invert(1) !important
}

.mobile-drawer .logo-text {
    color: #ffffff !important
}

.mobile-drawer .logo-text span {
    color: var(--accent-orange) !important
}

.drawer-links img {
    filter: brightness(0) invert(1)
}

.drawer-close {
    color: #ffffff !important;
    background: rgb(255 255 255 / .05) !important;
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--transition-fast), transform var(--transition-fast) !important
}

.drawer-close:hover {
    background-color: var(--accent-orange) !important;
    transform: rotate(90deg) !important
}

.drawer-links {
    gap: 12px !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin-top: 60px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important
}

.mobile-drawer .logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    width: 100% !important
}

.drawer-link {
    width: 100% !important;
    max-width: 320px !important;
    background: rgb(255 255 255 / .05) !important;
    border: 1px solid rgb(255 255 255 / .08) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: rgb(255 255 255 / .85) !important;
    text-align: center !important;
    font-family: 'Forum', serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 12px 20px !important;
    box-shadow: 0 4px 15px rgb(0 0 0 / .05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important
}

.drawer-link:hover {
    background: rgb(255 255 255 / .09) !important;
    border-color: rgb(255 255 255 / .15) !important;
    color: #ffffff !important
}

.drawer-link.active {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--accent-orange) !important;
    box-shadow: 0 8px 24px 0 rgb(0 0 0 / .15) !important
}

.mobile-drawer .drawer-sub-link {
    font-size: 18px !important;
    font-family: 'Forum', serif !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: 1px solid rgb(255 255 255 / .05) !important;
    border-radius: 8px !important;
    background: rgb(255 255 255 / .02) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    opacity: 0.85 !important;
    color: rgb(255 255 255 / .8) !important;
    padding: 8px 0 !important;
    margin-top: 4px !important;
    width: 100% !important;
    max-width: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    transition: all 0.25s ease !important
}

.mobile-drawer .drawer-sub-link:hover {
    background: rgb(255 255 255 / .06) !important;
    border-color: rgb(255 255 255 / .1) !important;
    color: #ffffff !important;
    opacity: 1 !important
}

.mobile-drawer .drawer-sub-link.active {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--accent-orange) !important;
    opacity: 1 !important
}

/* CSS Snap Scrolling Carousel */
.carousel-container {
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.carousel-container::-webkit-scrollbar {
    display: none;
}

.carousel-track {
    display: flex;
    gap: 20px;
}

.carousel-track .industry-card {
    scroll-snap-align: start;
    flex: 0 0 calc(33.333% - 13.33px);
    height: auto;
}

@media (max-width: 992px) {
    .carousel-track .industry-card {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 580px) {
    .carousel-track .industry-card {
        flex: 0 0 100%;
    }
}

/* Carousel Dot Navigation */
.carousel-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
}

.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(11, 31, 58, 0.2);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.carousel-dot:hover {
    background-color: rgba(11, 31, 58, 0.4);
}

.carousel-dot.active {
    background-color: var(--accent-green);
    transform: scale(1.3);
}

.industry-card:nth-child(5)::before,
.project-card:nth-child(5)::before {
    background: linear-gradient(90deg, var(--esg-green), #FF5722)
}

section#capabilities {
    padding-top: 0px;
}

.partner-item {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
}

.partner-header {
    margin-bottom: 6px !important;
}
@media screen and (max-width: 480px) {
.calculator-card h3 {
    font-size: 19px;
}
.sol-modern-content {
    padding: 20px;

}
}
span.terms {
    font-size: 20px;
    display: block;
    padding-top: 10px;
}