:root {
    --primary: #121212;
    --secondary: #555555;
    --border: rgba(18, 18, 18, 0.08);
    --theme: #121212;
    --black: #121212;
    --black-2: #555555;
    --white: #FFFFFF;
    --white-2: #999999;
    --action: #FFCD4D
}

:root .dark {
    --primary: #ffffff;
    --secondary: #999999;
    --border: rgba(255, 255, 255, 0.08)
}

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

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

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

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

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

@media only screen and (max-width: 767px) {
    .pb-30 {
        padding-bottom: 25px
    }
}

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

@media only screen and (max-width: 767px) {
    .pb-35 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pb-40 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pb-45 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pb-50 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-55 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pb-55 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-60 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pb-60 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-65 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pb-65 {
        padding-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-70 {
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pb-70 {
        padding-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-75 {
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pb-75 {
        padding-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-80 {
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pb-80 {
        padding-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-85 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pb-85 {
        padding-bottom: 35px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pb-90 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 991px) {
    .pb-90 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pb-90 {
        padding-bottom: 40px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pb-95 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 991px) {
    .pb-95 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pb-95 {
        padding-bottom: 40px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-100 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-100 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 991px) {
    .pb-105 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-105 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-110 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-110 {
        padding-bottom: 100px
    }
    
}

@media only screen and (max-width: 991px) {
    .pb-110 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-110 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-115 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-115 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-115 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-115 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-120 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-120 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-120 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-120 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-125 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-125 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-125 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-125 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-130 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-130 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-130 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-130 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-135 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-135 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-135 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-135 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-140 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-140 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-140 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-140 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-145 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-145 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-145 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-145 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-150 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-150 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-150 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-150 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-160 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-160 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-160 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-160 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-170 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-170 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-170 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-170 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pb-180 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pb-180 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pb-180 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pb-180 {
        padding-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pb-190 {
        padding-bottom: 150px
    }
}

@media only screen and (max-width: 991px) {
    .pb-190 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 767px) {
    .pb-190 {
        padding-bottom: 100px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pb-200 {
        padding-bottom: 150px
    }
}

@media only screen and (max-width: 991px) {
    .pb-200 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 767px) {
    .pb-200 {
        padding-bottom: 100px
    }
}

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

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

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

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

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

@media only screen and (max-width: 767px) {
    .pt-30 {
        padding-top: 25px
    }
}

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

@media only screen and (max-width: 767px) {
    .pt-35 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pt-40 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pt-45 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .pt-50 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-55 {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pt-55 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-60 {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pt-60 {
        padding-top: 30px
    }
}

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

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

@media only screen and (max-width: 991px) {
    .pt-65 {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .pt-65 {
        padding-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-70 {
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pt-70 {
        padding-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-75 {
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pt-75 {
        padding-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-80 {
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .pt-80 {
        padding-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-85 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pt-85 {
        padding-top: 35px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pt-90 {
        padding-top: 70px
    }
}

@media only screen and (max-width: 991px) {
    .pt-90 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pt-90 {
        padding-top: 40px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pt-95 {
        padding-top: 70px
    }
}

@media only screen and (max-width: 991px) {
    .pt-95 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .pt-95 {
        padding-top: 40px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-100 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-100 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 991px) {
    .pt-105 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-105 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-110 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-110 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-110 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-110 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-115 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-115 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-115 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-115 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-120 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-120 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-120 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-120 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-125 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-125 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-125 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-125 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-130 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-130 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-130 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-130 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-135 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-135 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-135 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-135 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-140 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-140 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-140 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-140 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-145 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-145 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-145 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-145 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-150 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-150 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-150 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-150 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-160 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-160 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-160 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-160 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-170 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-170 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-170 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-170 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1399px) {
    .pt-180 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-180 {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .pt-180 {
        padding-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .pt-180 {
        padding-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pt-190 {
        padding-top: 150px
    }
}

@media only screen and (max-width: 991px) {
    .pt-190 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 767px) {
    .pt-190 {
        padding-top: 100px
    }
}

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

@media only screen and (max-width: 1199px) {
    .pt-200 {
        padding-top: 150px
    }
}

@media only screen and (max-width: 991px) {
    .pt-200 {
        padding-top: 120px
    }
}

@media only screen and (max-width: 767px) {
    .pt-200 {
        padding-top: 100px
    }
}

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

@media only screen and (max-width: 1919px) {
    .pt-210 {
        padding-top: 170px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-210 {
        padding-top: 160px
    }
}

@media only screen and (max-width: 991px) {
    .pt-210 {
        padding-top: 150px
    }
}

@media only screen and (max-width: 767px) {
    .pt-210 {
        padding-top: 130px
    }
}

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

@media only screen and (max-width: 1919px) {
    .pt-230 {
        padding-top: 190px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-230 {
        padding-top: 180px
    }
}

@media only screen and (max-width: 991px) {
    .pt-230 {
        padding-top: 170px
    }
}

@media only screen and (max-width: 767px) {
    .pt-230 {
        padding-top: 150px
    }
}

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

@media only screen and (max-width: 1919px) {
    .pt-250 {
        padding-top: 200px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-250 {
        padding-top: 200px
    }
}

@media only screen and (max-width: 1199px) {
    .pt-250 {
        padding-top: 190px
    }
}

@media only screen and (max-width: 767px) {
    .pt-250 {
        padding-top: 160px
    }
}

.pl-5 {
    padding-inline-start: 5px
}

@media only screen and (max-width: 767px) {
    .pl-5 {
        padding-inline-start: 0
    }
}

.pl-10 {
    padding-inline-start: 10px
}

@media only screen and (max-width: 767px) {
    .pl-10 {
        padding-inline-start: 0
    }
}

.pl-15 {
    padding-inline-start: 15px
}

@media only screen and (max-width: 767px) {
    .pl-15 {
        padding-inline-start: 0
    }
}

.pl-20 {
    padding-inline-start: 20px
}

@media only screen and (max-width: 991px) {
    .pl-20 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-20 {
        padding-inline-start: 0
    }
}

.pl-25 {
    padding-inline-start: 25px
}

@media only screen and (max-width: 1199px) {
    .pl-25 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-25 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-25 {
        padding-inline-start: 0
    }
}

.pl-30 {
    padding-inline-start: 30px
}

@media only screen and (max-width: 1199px) {
    .pl-30 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-30 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-30 {
        padding-inline-start: 0
    }
}

.pl-35 {
    padding-inline-start: 35px
}

@media only screen and (max-width: 1399px) {
    .pl-35 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-35 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-35 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-35 {
        padding-inline-start: 0
    }
}

.pl-40 {
    padding-inline-start: 40px
}

@media only screen and (max-width: 1399px) {
    .pl-40 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-40 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-40 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-40 {
        padding-inline-start: 0
    }
}

.pl-45 {
    padding-inline-start: 45px
}

@media only screen and (max-width: 1919px) {
    .pl-45 {
        padding-inline-start: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-45 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-45 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-45 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-45 {
        padding-inline-start: 0
    }
}

.pl-50 {
    padding-inline-start: 50px
}

@media only screen and (max-width: 1919px) {
    .pl-50 {
        padding-inline-start: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-50 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-50 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-50 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-50 {
        padding-inline-start: 0
    }
}

.pl-55 {
    padding-inline-start: 55px
}

@media only screen and (max-width: 1919px) {
    .pl-55 {
        padding-inline-start: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-55 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-55 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-55 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-55 {
        padding-inline-start: 0
    }
}

.pl-60 {
    padding-inline-start: 60px
}

@media only screen and (max-width: 1919px) {
    .pl-60 {
        padding-inline-start: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-60 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-60 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-60 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-60 {
        padding-inline-start: 0
    }
}

.pl-65 {
    padding-inline-start: 65px
}

@media only screen and (max-width: 1919px) {
    .pl-65 {
        padding-inline-start: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-65 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-65 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-65 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-65 {
        padding-inline-start: 0
    }
}

.pl-70 {
    padding-inline-start: 70px
}

@media only screen and (max-width: 1919px) {
    .pl-70 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-70 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-70 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-70 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-70 {
        padding-inline-start: 0
    }
}

.pl-75 {
    padding-inline-start: 75px
}

@media only screen and (max-width: 1919px) {
    .pl-75 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-75 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-75 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-75 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-75 {
        padding-inline-start: 0
    }
}

.pl-80 {
    padding-inline-start: 80px
}

@media only screen and (max-width: 1919px) {
    .pl-80 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-80 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-80 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-80 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-80 {
        padding-inline-start: 0
    }
}

.pl-85 {
    padding-inline-start: 85px
}

@media only screen and (max-width: 1919px) {
    .pl-85 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-85 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-85 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-85 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-85 {
        padding-inline-start: 0
    }
}

.pl-90 {
    padding-inline-start: 90px
}

@media only screen and (max-width: 1919px) {
    .pl-90 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-90 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-90 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-90 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-90 {
        padding-inline-start: 0
    }
}

.pl-100 {
    padding-inline-start: 100px
}

@media only screen and (max-width: 1919px) {
    .pl-100 {
        padding-inline-start: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .pl-100 {
        padding-inline-start: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .pl-100 {
        padding-inline-start: 20px
    }
}

@media only screen and (max-width: 991px) {
    .pl-100 {
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .pl-100 {
        padding-inline-start: 0
    }
}

.plr-50 {
    padding-inline-start: 50px;
    padding-inline-end: 50px
}

@media only screen and (max-width: 991px) {
    .plr-50 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 767px) {
    .plr-50 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

.plr-100 {
    padding-inline-start: 100px;
    padding-inline-end: 100px
}

@media only screen and (min-width: 1600px) {
    .box-layout .plr-100 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 1919px) {
    .plr-100 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 767px) {
    .plr-100 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

.plr-150 {
    padding-inline-start: 150px;
    padding-inline-end: 150px
}

@media only screen and (min-width: 1600px) {
    .box-layout .plr-150 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 1919px) {
    .plr-150 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 767px) {
    .plr-150 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

.plr-200 {
    padding-inline-start: 200px;
    padding-inline-end: 200px
}

@media only screen and (min-width: 1600px) {
    .box-layout .plr-200 {
        padding-inline-start: 50px;
        padding-inline-end: 50px
    }
}

@media only screen and (max-width: 1919px) {
    .plr-200 {
        padding-inline-start: 50px;
        padding-inline-end: 50px
    }
}

@media only screen and (max-width: 1199px) {
    .plr-200 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 767px) {
    .plr-200 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

.plr-250 {
    padding-inline-start: 250px;
    padding-inline-end: 250px
}

@media only screen and (min-width: 1600px) {
    .box-layout .plr-250 {
        padding-inline-start: 50px;
        padding-inline-end: 50px
    }
}

@media only screen and (max-width: 1919px) {
    .plr-250 {
        padding-inline-start: 50px;
        padding-inline-end: 50px
    }
}

@media only screen and (max-width: 1199px) {
    .plr-250 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width: 767px) {
    .plr-250 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

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

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

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

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

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

@media only screen and (max-width: 767px) {
    .mt-30 {
        margin-top: 25px
    }
}

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

@media only screen and (max-width: 767px) {
    .mt-35 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mt-40 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mt-45 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mt-50 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-55 {
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mt-55 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-60 {
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mt-60 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-65 {
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mt-65 {
        margin-top: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-70 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mt-70 {
        margin-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-75 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mt-75 {
        margin-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-80 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mt-80 {
        margin-top: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-85 {
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mt-85 {
        margin-top: 35px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-90 {
        margin-top: 70px
    }
}

@media only screen and (max-width: 991px) {
    .mt-90 {
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mt-90 {
        margin-top: 40px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-95 {
        margin-top: 70px
    }
}

@media only screen and (max-width: 991px) {
    .mt-95 {
        margin-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mt-95 {
        margin-top: 40px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-100 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-100 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 991px) {
    .mt-105 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-105 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-110 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-110 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-110 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-115 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-115 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-115 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-120 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-120 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-120 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-125 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-125 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-125 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-130 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-130 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-130 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-135 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-135 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-135 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-140 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-140 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-140 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-145 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-145 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-145 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-150 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-150 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-150 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-160 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-160 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-160 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-170 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-170 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-170 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-180 {
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mt-180 {
        margin-top: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mt-180 {
        margin-top: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-190 {
        margin-top: 150px
    }
}

@media only screen and (max-width: 991px) {
    .mt-190 {
        margin-top: 120px
    }
}

@media only screen and (max-width: 767px) {
    .mt-190 {
        margin-top: 100px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mt-200 {
        margin-top: 150px
    }
}

@media only screen and (max-width: 991px) {
    .mt-200 {
        margin-top: 120px
    }
}

@media only screen and (max-width: 767px) {
    .mt-200 {
        margin-top: 100px
    }
}

.mlr-200 {
    margin-left: 200px !important;
    margin-right: 200px !important
}

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

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

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

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

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

@media only screen and (max-width: 767px) {
    .mb-30 {
        margin-bottom: 25px
    }
}

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

@media only screen and (max-width: 767px) {
    .mb-35 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mb-40 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mb-45 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 767px) {
    .mb-50 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-55 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mb-55 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-60 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mb-60 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-65 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mb-65 {
        margin-bottom: 30px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-70 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mb-70 {
        margin-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-75 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mb-75 {
        margin-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-80 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .mb-80 {
        margin-bottom: 35px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-85 {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mb-85 {
        margin-bottom: 35px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-90 {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 991px) {
    .mb-90 {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mb-90 {
        margin-bottom: 40px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-95 {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 991px) {
    .mb-95 {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .mb-95 {
        margin-bottom: 40px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-100 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-100 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 991px) {
    .mb-105 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-105 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-110 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-110 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-110 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-115 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-115 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-115 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-120 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-120 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-120 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-125 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-125 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-125 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-130 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-130 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-130 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-135 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-135 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-135 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-140 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-140 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-140 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-145 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-145 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-145 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-150 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-150 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-150 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-160 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-160 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-160 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-170 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-170 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-170 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-180 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .mb-180 {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .mb-180 {
        margin-bottom: 60px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-190 {
        margin-bottom: 150px
    }
}

@media only screen and (max-width: 991px) {
    .mb-190 {
        margin-bottom: 120px
    }
}

@media only screen and (max-width: 767px) {
    .mb-190 {
        margin-bottom: 100px
    }
}

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

@media only screen and (max-width: 1199px) {
    .mb-200 {
        margin-bottom: 150px
    }
}

@media only screen and (max-width: 991px) {
    .mb-200 {
        margin-bottom: 120px
    }
}

@media only screen and (max-width: 767px) {
    .mb-200 {
        margin-bottom: 100px
    }
}

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

@media only screen and (max-width: 767px) {
    .ml-5 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 767px) {
    .ml-10 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 767px) {
    .ml-15 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 991px) {
    .ml-20 {
        margin-left: 10px
    }
}

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

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

@media only screen and (max-width: 1199px) {
    .ml-25 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-25 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-25 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1199px) {
    .ml-30 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-30 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-30 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1399px) {
    .ml-35 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-35 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-35 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-35 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1399px) {
    .ml-40 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-40 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-40 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-40 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-45 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-45 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-45 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-45 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-45 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-50 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-50 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-50 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-50 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-50 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-55 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-55 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-55 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-55 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-55 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-60 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-60 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-60 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-60 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-60 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-65 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-65 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-65 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-65 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-65 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-70 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-70 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-70 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-70 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-70 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-75 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-75 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-75 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-75 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-75 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-80 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-80 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-80 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-80 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-80 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-85 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-85 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-85 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-85 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-85 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-90 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-90 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-90 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-90 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-90 {
        margin-left: 0
    }
}

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

@media only screen and (max-width: 1919px) {
    .ml-100 {
        margin-left: 50px
    }
}

@media only screen and (max-width: 1399px) {
    .ml-100 {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .ml-100 {
        margin-left: 20px
    }
}

@media only screen and (max-width: 991px) {
    .ml-100 {
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ml-100 {
        margin-left: 0
    }
}

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

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

@media only screen and (max-width: 767px) {
    .sm-pb-30 {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .sm-pb-40 {
        padding-bottom: 40px
    }
}

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

:root {
    --font_kanit: "Kanit", sans-serif;
    --font_awesome: "Font Awesome 6 Free"
}

* {
    margin: 0;
    padding: 0
}

body {
    font-family: var(--font_kanit);
    line-height: 1
}

html {
    scroll-behavior: smooth
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    color: var(--primary)
}

ul,
ol {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
    transition: all .3s;
    color: inherit
}

a:hover {
    color: var(--primary)
}

button {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

p {
    padding: 0;
    margin: 0;
    line-height: 1.41;
    font-weight: 400;
    font-size: 18px;
    color: var(--secondary)
}
@media (max-width: 591px){
    p {
        font-size: 16px;
    }   
}

strong {
    font-weight: 500
}

video,
iframe,
img {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

.medium {
    font-weight: 600
}

.bold {
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .g-0 {
        padding-right: 15px;
        padding-left: 15px
    }
    .row.g-0 {
        padding-right: 0;
        padding-left: 0
    }
    br {
        display: none
    }
}

main {
    display: inline-block;
    width: 100%
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 32px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 18px
}

@font-face {
    font-family: "recoleta";
    src: url("../fonts/recoleta/Latinotype - Recoleta Medium.otf");
    font-display: swap
}

@font-face {
    font-family: "beatricetrial";
    src: url("../fonts/Beatrice/BeatriceTRIAL-Regular-BF64829e8f591fb.ttf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "beatricetrial";
    src: url("../fonts/Beatrice/BeatriceTRIAL-Medium-BF64829e8f63463.ttf");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "getaway";
    src: url("../fonts/getaway/getaway.otf");
    font-display: swap
}

@font-face {
    font-family: "canelatrial";
    src: url("../fonts/Canela-Medium-Trial/Canela-Thin-Trial.otf");
    font-display: swap
}

@font-face {
    font-family: "bonvivant";
    src: url("../fonts/BonVivant/BonVivant-Regular.ttf");
    font-display: swap
}

:root {
    --font_recoleta: "recoleta";
    --font_teko: "Teko", sans-serif;
    --font_dmsans: "DM Sans", sans-serif;
    --font_plusjakartasans: "Plus Jakarta Sans", sans-serif;
    --font_beatricetrial: "beatricetrial";
    --font_khand: "Khand", sans-serif;
    --font_getaway: "getaway";
    --font_instrumentsans: "Instrument Sans", sans-serif;
    --font_spacegrotesk: "Space Grotesk", sans-serif;
    --font_canelatrial: "canelatrial";
    --font_bonvivant: "bonvivant"
}

.font-heading-recoleta-medium h1,
.font-heading-recoleta-medium h2,
.font-heading-recoleta-medium h3,
.font-heading-recoleta-medium h4,
.font-heading-recoleta-medium h5,
.font-heading-recoleta-medium h6 {
    font-family: var(--font_recoleta);
    font-weight: 500;
    line-height: 1.05
}

.font-heading-teko-bold h1,
.font-heading-teko-bold h2,
.font-heading-teko-bold h3,
.font-heading-teko-bold h4,
.font-heading-teko-bold h5,
.font-heading-teko-bold h6 {
    font-family: var(--font_teko);
    font-weight: 700;
    line-height: .94
}

.font-heading-dmsans-medium h1,
.font-heading-dmsans-medium h2,
.font-heading-dmsans-medium h3,
.font-heading-dmsans-medium h4,
.font-heading-dmsans-medium h5,
.font-heading-dmsans-medium h6 {
    font-family: var(--font_dmsans);
    font-weight: 500;
    line-height: 1
}

.font-heading-plusjakartasans-regular h1,
.font-heading-plusjakartasans-regular h2,
.font-heading-plusjakartasans-regular h3,
.font-heading-plusjakartasans-regular h4,
.font-heading-plusjakartasans-regular h5,
.font-heading-plusjakartasans-regular h6 {
    font-family: var(--font_plusjakartasans);
    font-weight: 400;
    line-height: 1
}

.font-heading-plusjakartasans-regular-2 h1,
.font-heading-plusjakartasans-regular-2 h2,
.font-heading-plusjakartasans-regular-2 h3,
.font-heading-plusjakartasans-regular-2 h4,
.font-heading-plusjakartasans-regular-2 h5,
.font-heading-plusjakartasans-regular-2 h6 {
    font-family: var(--font_plusjakartasans);
    font-weight: 400;
    line-height: 1.08
}

.font-heading-beatricetrial-regular h1,
.font-heading-beatricetrial-regular h2,
.font-heading-beatricetrial-regular h3,
.font-heading-beatricetrial-regular h4,
.font-heading-beatricetrial-regular h5,
.font-heading-beatricetrial-regular h6 {
    font-family: var(--font_beatricetrial);
    font-weight: 400;
    line-height: 1.07
}

.font-heading-beatricetrial-regular-2 h1,
.font-heading-beatricetrial-regular-2 h2,
.font-heading-beatricetrial-regular-2 h3,
.font-heading-beatricetrial-regular-2 h4,
.font-heading-beatricetrial-regular-2 h5,
.font-heading-beatricetrial-regular-2 h6 {
    font-family: var(--font_beatricetrial);
    font-weight: 400;
    line-height: 1.08
}

.font-heading-beatricetrial-medium h1,
.font-heading-beatricetrial-medium h2,
.font-heading-beatricetrial-medium h3,
.font-heading-beatricetrial-medium h4,
.font-heading-beatricetrial-medium h5,
.font-heading-beatricetrial-medium h6 {
    font-family: var(--font_beatricetrial);
    font-weight: 500;
    line-height: 1.08
}

.font-heading-khand-bold h1,
.font-heading-khand-bold h2,
.font-heading-khand-bold h3,
.font-heading-khand-bold h4,
.font-heading-khand-bold h5,
.font-heading-khand-bold h6 {
    font-family: var(--font_khand);
    font-weight: 700;
    line-height: .88
}

.font-heading-instumentsans-medium h1,
.font-heading-instumentsans-medium h2,
.font-heading-instumentsans-medium h3,
.font-heading-instumentsans-medium h4,
.font-heading-instumentsans-medium h5,
.font-heading-instumentsans-medium h6 {
    font-family: var(--font_instrumentsans);
    font-weight: 500;
    line-height: 1
}

.font-heading-instumentsans-semibold h1,
.font-heading-instumentsans-semibold h2,
.font-heading-instumentsans-semibold h3,
.font-heading-instumentsans-semibold h4,
.font-heading-instumentsans-semibold h5,
.font-heading-instumentsans-semibold h6 {
    font-family: var(--font_instrumentsans);
    font-weight: 600;
    line-height: 1
}

.font-heading-spacegrotesk-bold h1,
.font-heading-spacegrotesk-bold h2,
.font-heading-spacegrotesk-bold h3,
.font-heading-spacegrotesk-bold h4,
.font-heading-spacegrotesk-bold h5,
.font-heading-spacegrotesk-bold h6 {
    font-family: var(--font_spacegrotesk);
    font-weight: 500;
    line-height: 1.1;
}

.font-heading-canelatrial-thin h1,
.font-heading-canelatrial-thin h2,
.font-heading-canelatrial-thin h3,
.font-heading-canelatrial-thin h4,
.font-heading-canelatrial-thin h5,
.font-heading-canelatrial-thin h6 {
    font-family: var(--font_canelatrial);
    font-weight: 300;
    line-height: 1.2
}

.cf_parallax_image {
    overflow: hidden
}

@keyframes wcBubble {
    0% {
        scale: 1
    }
    50% {
        scale: 1.5
    }
    100% {
        scale: 1
    }
}

@keyframes wcZoom {
    0% {
        scale: 1
    }
    50% {
        scale: .5
    }
    100% {
        scale: 1
    }
}

@keyframes wcZoom_2 {
    0% {
        scale: 1
    }
    50% {
        scale: .9
    }
    100% {
        scale: 1
    }
}

@keyframes wcSlideBottom {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(50px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes reveal {
    to {
        opacity: 1;
        filter: blur(0px)
    }
}

@keyframes wcfadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes spinner {
    to {
        transform: rotateZ(360deg)
    }
}

@keyframes characters {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg)
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

@keyframes sheen {
    50% {
        transform: translateY(-20px);
        color: var(--primary)
    }
}

.body-overlay {
    position: fixed;
    z-index: 9;
    pointer-events: none;
    top: 0;
    opacity: 1;
    inset-inline-start: 0;
    width: 100vw;
    height: 100vh;
    background-repeat: repeat;
    background-position: top left;
    background-image: url(../../imgs/writer/body-bg.webp)
}

.container-xl {
    max-width: 1550px
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #d6d6d6
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.modal {
    z-index: 99999
}
.modal-content {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}


.btn-primary {
    background-color: rgba(0, 0, 0, 0);
    color: unset;
    border: unset;
    outline: unset
}
.btn-primary:hover {
    background-color: unset
}
.btn-primary:focus {
    outline: unset;
    background-color: unset;
    border: unset
}
.btn-close {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    opacity: 1;
    filter: brightness(100) contrast(0);
    border-radius: 50px;
    width: 2em;
    height: 2em;
    border: 1px solid var(--white);
    position: absolute;
    inset-inline-end: 20px;
    top: 20px;
    transition: unset
}
.modal {
    background-color: var(--primary)
}
@media screen and (min-width: 1550px) {
    .container-large {
        max-width: 1630px
    }
    .container-x-large {
        max-width: 1790px
    }
    .container-hd {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto
    }
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}

.fix {
    overflow: hidden
}

.bg-full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.bg-full img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list-check li {
    position: relative;
    padding-inline-start: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px
}

.list-check li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    background-image: url("../../imgs/electrician/check-mark.webp");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    top: 4px;
    transform: rotateY(0deg)
}

.dir-rtl .list-check li::before {
    transform: rotateY(180deg)
}

.list-check li:last-child {
    margin-bottom: 0
}

.list-plus li {
    position: relative;
    padding-inline-start: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    width: 100%
}

.list-plus li::before {
    content: "+";
    position: absolute;
    inset-inline-start: 0;
    top: -10px;
    font-size: 30px;
    font-weight: 300;
    line-height: 1
}

.list-plus li:not(:last-child) {
    margin-bottom: 10px
}

.pos-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

html {
    --container-max-widths: 1320px
}

@media only screen and (max-width: 1399px) {
    html {
        --container-max-widths: 1140px
    }
}

@media only screen and (max-width: 1199px) {
    html {
        --container-max-widths: 960px
    }
}

@media only screen and (max-width: 991px) {
    html {
        --container-max-widths: 720px
    }
}

@media only screen and (max-width: 767px) {
    html {
        --container-max-widths: 540px
    }
}

body {
    background-color: #ffffff;
    color: var(--secondary)
}

.dark body {
    background-color: #121212
}

.body-wrapper {
    background-color: var(--white);
    overflow: hidden
}

.dark .body-wrapper {
    background-color: var(--black)
}

.dark .wc-btn-border:hover {
    color: var(--black)
}

.wc-btn-primary {
    padding: 21px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: var(--white);
    background-color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 15px;
    text-transform: capitalize;
    transition: all .3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
    gap: 30px;
    white-space: nowrap
}

.dark .wc-btn-primary {
    color: var(--black)
}

@media only screen and (max-width: 991px) {
    .wc-btn-primary {
        padding: 16px 25px
    }
}
.wc-btn-primary:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary)
}

.wc-btn-primary.bordered {
    border-color: var(--primary);
    background-color: rgba(0, 0, 0, 0);
    color: var(--primary)
}

.wc-btn-primary.bordered:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white)
}

.dark .wc-btn-primary.bordered:hover {
    color: var(--black)
}

.dir-rtl .wc-btn-primary i {
    transform: rotateY(180deg)
}

.wc-btn-circle {
    text-align: center;
    width: 70px;
    height: 70px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--black);
    border-radius: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background-color: var(--white)
}

@media only screen and (max-width: 1199px) {
    .wc-btn-circle {
        width: 50px;
        height: 50px
    }
}

.wc-btn-circle:hover {
    background-color: var(--black);
    color: var(--white)
}

.wc-btn-oval {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    border: 1px solid #3f3a36;
    display: inline-block;
    padding: 32px 52px;
    text-align: center;
    transition: all .3s;
    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%
}

.dark .wc-btn-oval {
    color: var(--black)
}

.wc-btn-oval:hover {
    color: var(--primary)
}

.wc-btn-light {
    color: var(--white) !important;
    border-color: var(--white) !important
}

.wc-btn-light:hover {
    color: var(--black) !important
}

.wc-btn-light span {
    background-color: var(--white) !important
}

.wc-btn-ellipse {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    padding: 45px 45px;
    position: relative;
    display: inline-block;
    background-color: var(--white);
    border-radius: 100%;
    border-top-left-radius: 200%;
    border-bottom-right-radius: 200%;
    z-index: 1
}

.dark .wc-btn-ellipse {
    color: var(--black);
    background-color: var(--black)
}

.wc-btn-ellipse:before {
    position: absolute;
    content: "";
    width: calc(100% - 14px);
    height: calc(100% - 2px);
    background-color: var(--black);
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border-top-left-radius: 200%;
    border-bottom-right-radius: 200%
}

.dark .wc-btn-ellipse:before {
    background-color: #ededed
}

.wc-btn-appointment {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--blue-6);
    text-align: center;
    border: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 215px;
    width: 215px;
    padding: 20px
}

@media only screen and (max-width: 1199px) {
    .wc-btn-appointment {
        width: 200px;
        height: 200px
    }
}

@media only screen and (max-width: 991px) {
    .wc-btn-appointment {
        width: 170px;
        height: 170px;
        font-size: 18px
    }
}

.wc-btn-appointment i {
    font-size: 24px;
    margin-bottom: 10px
}

.wc-btn-appointment:hover {
    color: var(--blue-3)
}

.wc-btn-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    color: var(--white);
    display: inline-block;
    text-transform: uppercase;
    transition: all .3s;
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.dark .wc-btn-link {
    color: var(--black)
}

.wc-btn-link i {
    transform: rotate(-45deg);
    transition: all .3s
}

.wc-btn-link:hover {
    color: var(--primary)
}

.wc-btn-link:hover i {
    transform: rotate(0);
    color: var(--primary)
}

:root {
    --theme: #FEDA1F
}

:root .dark {
    --border: #252525
}

/* Section Title Start */
.section-title {
    font-size: 48px;
    margin-top: -5px;
}
@media only screen and (max-width: 1680px) {
    .section-title {
        font-size: 45px;
    }
}
@media only screen and (max-width: 1199px) {
    .section-title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .section-title {
        font-size: 36px;
        margin-top: 0
    }
}
@media(max-width: 575px) {
    .section-title {
        font-size: 30px;
    }
}
.section-title span {
    background-image: url(../../imgs/shape/img-s-53.webp);
    background-repeat: no-repeat;
    background-size: 100% 15px;
    background-position: bottom 5px left;
}
@media only screen and (max-width: 767px) {
    .section-title span {
        background-size: 100% 10px;
    }
}
/* Section Title End */


.section-spacing {
    padding-top: 150px;
    padding-bottom: 150px
}

@media only screen and (max-width: 1919px) {
    .section-spacing {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1399px) {
    .section-spacing {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 1199px) {
    .section-spacing {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section-spacing-top {
    padding-top: 150px
}

@media only screen and (max-width: 1919px) {
    .section-spacing-top {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1399px) {
    .section-spacing-top {
        padding-top: 100px
    }
}

@media only screen and (max-width: 1199px) {
    .section-spacing-top {
        padding-top: 60px
    }
}

.section-spacing-bottom {
    padding-bottom: 150px
}

@media only screen and (max-width: 1919px) {
    .section-spacing-bottom {
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 1399px) {
    .section-spacing-bottom {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 1199px) {
    .section-spacing-bottom {
        padding-bottom: 60px
    }
}

.wc-btn-primary {
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    padding: 21px 40px;
    background-color: var(--primary);
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}
@media only screen and (max-width: 591px) {
    .wc-btn-primary {
        gap: 20px;
        padding: 16px 24px;
        font-size: 15px;
    }
}
.wc-btn-primary:hover {
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--theme);
    color: var(--black)
}