/* Default Css */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,400;1,700&display=swap");

@font-face {
    font-family: "Avenir";
    src: url("../fonts/Avenir/Avenir-Book/Avenir-Book.ttf") format("truetype")
}

@font-face {
    font-family: "Ubunto";
    src: url("../fonts/ubuntu-kurdish-081-met-regular/Ubuntu-Kurdish-Kurdfont\ \(2\).ttf") format('truetype')
}


:root {
    --color-primary: #50b984;
    --color-dark: #263238;
    --color-blue: #57b7d8;
    --color-red: #e8345e;
    --color-yellow: #ffd618;
    --color-light: #eef3ef;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #c1c1c1;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: #222;
    outline: none;
}

html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
    background: var(--color-primary);
}

.bg-light {
    background-color: var(--color-light);
}

body {
    color: #505050;
    font-size: 18px;
    line-height: 30px;
    font-family: "Avenir";
    font-weight: 500;
}

.main-page-wrapper {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

a:active,
a:hover {
    text-decoration: none;
}

button,
.btn {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

button:active,
button:hover,
button:focus,
.btn:active,
.btn:hover,
.btn:focus {
    outline: 0;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.form-control:focus {
    color: var(--color-dark);
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.btn:hover,
.btn:focus {
    outline: 0;
    box-shadow: none;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Avenir", sans-serif;
    color: var(--color-dark);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

hr {
    margin: 20px 0;
    border-color: #352323;
}

ol {
    list-style: decimal;
}

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

/* Form */
label {
    color: #ddd;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
}

*::-moz-selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none;
}

/* Placeholder */
*::-moz-placeholder {
    color: #505050;
    font-size: 18px;
    opacity: 1;
}

*::placeholder {
    color: #505050;
    font-size: 18px;
    opacity: 1;
}

/* Button */
.btn-theme {
    color: #fff;
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.btn-theme:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.btn-rounded {
    border-radius: 100% !important;
}

.btn-square {
    border-radius: 0 !important;
}

/* Bg Color */
.bg-gray {
    background: #ddd;
}

.bg-white {
    background: #fff;
}

.bg-black {
    background: #000;
}

.bg-theme {
    background: var(--color-primary);
}

.bg-dark {
    background-color: #101a23 !important;
}

.bg-off-white {
    background-color: #f7f7f7;
}

.bg-off-white-2 {
    background-color: #f1f8ff;
}

.bg-blue {
    background-color: #4c87ff !important;
}

.bg-yellow {
    background-color: #fea116 !important;
}

.bg-pink {
    background-color: #fc4557 !important;
}

.bg-egg-blue {
    background-color: #1cb5a3 !important;
}

.bg-purple {
    background-color: #5851a7 !important;
}

/* Text Color */
.gray-color {
    background: #ddd;
}

.white-color {
    color: #fff;
}

.black-color {
    color: #000;
}

.theme-color {
    color: var(--color-primary);
}

/* Others Common Css Here :) */
.table-row {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.f-left {
    float: right;
}

.f-right {
    float: left;
}

.fix {
    overflow: hidden;
}

.separator {
    border-top: 1px solid #f2f2f2;
}

@media (min-width: 1200px) {
    .c-row-40 {
        --bs-gutter-x: 40px !important;
    }
}

.ctn-preloader {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ctn-preloader .icon {
    animation: rotated 8s infinite linear;
}

.ctn-preloader .txt-loading {
    user-select: none;
    margin-top: 30px;
}

.ctn-preloader .txt-loading .letters-loading {
    font-family: "Avenir", sans-serif;
    font-weight: 500;
    letter-spacing: 8px;
    display: inline-block;
    color: rgba(36, 93, 81, 0.12);
    position: relative;
    font-size: 40px;
    line-height: 30px;
}

.ctn-preloader .txt-loading .letters-loading::before {
    animation: letters-loading 4s infinite;
    color: var(--color-dark);
    content: attr(data-text-preloader);
    right: 0;
    opacity: 0;
    top: 0;
    line-height: 30px;
    position: absolute;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.ctn-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

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

@keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

#scrollToTopBtn {
    font-size: 20px;
    display: inline-block;
    background: var(--color-primary);
    position: fixed;
    width: 40px;
    height: 40px;
    left: 40px;
    bottom: 50px;
    border-radius: 6px;
    line-height: 40px;
    text-align: center;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#scrollToTopBtn i {
    color: #fff;
}

@media only screen and (max-width: 767.98px) {
    #scrollToTopBtn {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 20px;
        bottom: 40px;
    }
}

#scrollToTopBtn:hover {
    cursor: pointer;
    background-color: #333;
}

#scrollToTopBtn.show {
    opacity: 1;
    visibility: visible;
}

[data-overlay] {
    position: relative;
    z-index: 1;
}

[data-overlay]::before {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}

[data-overlay=light]::before {
    background-color: #fff;
}

[data-overlay=dark]::before {
    background-color: #000a2d;
}

[data-overlay=theme]::before {
    background-color: var(--color-primary);
}

[data-opacity="1"]::before {
    opacity: 0.1;
}

[data-opacity="2"]::before {
    opacity: 0.2;
}

[data-opacity="3"]::before {
    opacity: 0.3;
}

[data-opacity="4"]::before {
    opacity: 0.4;
}

[data-opacity="5"]::before {
    opacity: 0.5;
}

[data-opacity="6"]::before {
    opacity: 0.6;
}

[data-opacity="7"]::before {
    opacity: 0.7;
}

[data-opacity="8"]::before {
    opacity: 0.8;
}

[data-opacity="9"]::before {
    opacity: 0.9;
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1350px;
    }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 30px;
}

.row {
    --bs-gutter-x: 30px;
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@-webkit-keyframes rotatedHalf {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes rotatedHalf {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes rotatedHalfTwo {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@keyframes rotatedHalfTwo {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@-webkit-keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@-webkit-keyframes scale-right {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@keyframes scale-right {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes hvr-ripple-out {
    0% {
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        opacity: 1;
    }

    100% {
        top: -6px;
        left: -6px;
        bottom: -6px;
        right: -6px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 1;
    }

    100% {
        top: -12px;
        left: -12px;
        bottom: -12px;
        right: -12px;
        opacity: 0;
    }
}

@-webkit-keyframes scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scale-up-one-1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-one-1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        transform: translate(-73px, -1px) rotate(-36deg);
    }

    40% {
        transform: translate(-141px, 72px) rotate(-72deg);
    }

    60% {
        transform: translate(-83px, 122px) rotate(-108deg);
    }

    80% {
        transform: translate(40px, 72px) rotate(-144deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(-73px, -1px) rotate(-36deg);
    }

    40% {
        -webkit-transform: translate(-141px, 72px) rotate(-72deg);
    }

    60% {
        -webkit-transform: translate(-83px, 122px) rotate(-108deg);
    }

    80% {
        -webkit-transform: translate(40px, 72px) rotate(-144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

/* Move frame*/
@keyframes moveRound {
    0% {
        background-color: #eee3ff;
        right: -24px;
        top: 0px;
    }

    25% {
        background-color: #feddfc;
        right: 100px;
        top: 0px;
    }

    50% {
        background-color: #efe4ff;
        right: 100px;
        top: 100px;
    }

    75% {
        background-color: #e2fcf4;
        right: -24px;
        top: 200px;
    }

    100% {
        background-color: #eee3ff;
        right: -24px;
        top: 0px;
    }
}

@-webkit-keyframes moveRound {
    0% {
        background-color: #eee3ff;
        right: -24px;
        top: 0px;
    }

    25% {
        background-color: #feddfc;
        right: 100px;
        top: 0px;
    }

    50% {
        background-color: #efe4ff;
        right: 100px;
        top: 200px;
    }

    75% {
        background-color: #e2fcf4;
        right: -24px;
        top: 100px;
    }

    100% {
        background-color: #eee3ff;
        right: -24px;
        top: 0px;
    }
}

@keyframes moveShap {
    0% {
        right: 0px;
        top: 0px;
    }

    25% {
        right: 100px;
        top: 0px;
    }

    50% {
        right: 100px;
        top: 100px;
    }

    75% {
        right: 0px;
        top: 200px;
    }

    100% {
        right: 0px;
        top: 0px;
    }
}

@keyframes moveShap2 {
    0% {
        left: 0px;
        top: 0px;
    }

    25% {
        left: 100px;
        top: 0px;
    }

    50% {
        left: 100px;
        top: 100px;
    }

    75% {
        left: 0px;
        top: 200px;
    }

    100% {
        left: 0px;
        top: 0px;
    }
}

/* Heartbeat frame*/
@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes heartbeat {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

/* Rotation frame*/
@keyframes rotation {
    to {
        transform: rotate(-360deg);
    }
}

/* pulseBig */
@keyframes pulseBig {
    0% {
        box-shadow: 0 0 0 0 rgba(55, 140, 255, 0.2);
    }

    50% {
        box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    }
}

.scaleUp1 {
    -webkit-animation-name: scaleUp1;
    animation-name: scaleUp1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes scaleUp1 {
    0% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }

    20% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    40% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }

    80% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

@keyframes scaleUp1 {
    0% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }

    20% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    40% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }

    80% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(1);
        transform: translateY(1);
    }
}

@keyframes runs {
    0% {
        transform: translateY(0) rotate(-90deg);
    }

    50% {
        transform: translateY(300px) rotate(-90deg);
    }

    100% {
        transform: translateY(-300px) rotate(-180deg);
    }
}

@-webkit-keyframes runs {
    0% {
        transform: translateY(0) rotate(-90deg);
    }

    50% {
        transform: translateY(300px) rotate(-90deg);
    }

    100% {
        transform: translateY(-300px) rotate(-180deg);
    }
}

@-moz-keyframes runs {
    0% {
        transform: translateY(0) rotate(-90deg);
    }

    50% {
        transform: translateY(300px) rotate(-90deg);
    }

    100% {
        transform: translateY(-300px) rotate(-180deg);
    }
}

@-o-keyframes runs {
    0% {
        transform: translateY(0) rotate(-90deg);
    }

    50% {
        transform: translateY(300px) rotate(-90deg);
    }

    100% {
        transform: translateY(-300px) rotate(-180deg);
    }
}

@keyframes zoomIncolor {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
        background: var(--color-dark);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        background: var(--color-primary);
        opacity: 1;
    }
}

@-webkit-keyframes zoomIncolor {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
        background: var(--color-dark);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        background: var(--color-primary);
        opacity: 1;
    }
}

@-moz-keyframes zoomIncolor {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
        background: var(--color-dark);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        background: var(--color-primary);
        opacity: 1;
    }
}

@keyframes squareMove {
    0% {
        transform: translateX(0px) rotate(0deg);
    }

    33% {
        transform: translateY(-100px) rotate(-180deg);
    }

    66% {
        transform: translateX(-200px) rotate(90deg);
    }

    100% {
        transform: translateX(0px) rotate(0deg);
    }
}

@-webkit-keyframes squareMove {
    0% {
        transform: translateX(0px);
    }

    33% {
        transform: translateY(-100px);
    }

    66% {
        transform: translateX(-200px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-moz-keyframes squareMove {
    0% {
        transform: translateX(0px);
    }

    33% {
        transform: translateY(-100px);
    }

    66% {
        transform: translateX(-200px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes float-bob {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    50% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes float-bob-y {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@-moz-keyframes float-bob-y {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@-webkit-keyframes float-bob-y {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes cus-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes cus-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-moz-keyframes cus-fadeinup {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.theme-btn a,
.theme-btn button {
    border: none;
    display: inline-block;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: var(--color-primary);
    border-radius: 6px;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.1);
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.theme-btn a::before,
.theme-btn button::before {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--color-dark);
}

.theme-btn a:hover,
.theme-btn button:hover {
    color: #ffffff;
}

.theme-btn a:hover::before,
.theme-btn button:hover::before {
    top: -40%;
}


.theme-btn-2 a,
.theme-btn-2 button {
    display: inline-block;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: var(--color-red);
    border-radius: 6px;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.1);
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.theme-btn-2 a::before,
.theme-btn-2 button::before {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--color-dark);
}

.theme-btn-2 a:hover,
.theme-btn-2 button:hover {
    color: #ffffff;
}

.theme-btn-2 a:hover::before,
.theme-btn-2 button:hover::before {
    top: -40%;
}


.section-btns .theme-btn a,
.section-btns .theme-btn-2 a {
    font-size: 18px;
}

@media (max-width: 500px) {

    .section-btns .theme-btn a,
    .section-btns .theme-btn-2 a {
        font-size: 14px;
    }
}


.header-area {
    position: relative;
    z-index: 999;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-area {
        padding-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-area {
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .header-area {
        padding-top: 15px;
    }
}

.header-area.header-style-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu ul li {
    display: inline-block;
    margin-left: 50px;
    position: relative;
    z-index: 1;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-menu ul li {
        margin-left: 25px;
    }
}

.main-menu ul li:last-child {
    margin-left: 0;
}

.main-menu ul li:hover>a,
.main-menu ul li.active>a {
    color: var(--color-primary);
}

.main-menu ul li a {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    padding: 50px 0;
}

.main-menu ul li.has-dropdown>a:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    margin-right: 7px;
    font-size: 16px;
}

.main-menu ul li ul.sub-menu {
    position: absolute;
    right: 0;
    top: 120%;
    width: 240px;
    padding: 20px 0;
    border-top: 5px solid var(--color-primary);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.main-menu ul li ul.sub-menu li {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
}

.main-menu ul li ul.sub-menu li.has-dropdown>a:after {
    right: auto;
    left: 10%;
    position: absolute;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.main-menu ul li ul.sub-menu li>ul.sub-menu {
    right: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

.main-menu ul li ul.sub-menu li:last-child {
    margin-bottom: 0;
}

.main-menu ul li ul.sub-menu li:hover a::after {
    transform: rotate(-180deg);
}

.main-menu ul li ul.sub-menu li:hover>ul.sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.main-menu ul li ul.sub-menu li a {
    display: block;
    font-size: 18px;
    padding: 10px 25px;
}

.main-menu ul li:hover>ul.sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.sticky-header {
    position: fixed;
    width: 100%;
    background: var(--color-dark);
    top: 0;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
    padding-top: 0;
    padding-bottom: 0;
}

.header-btn {
    margin-right: 40px;
}

.header-dropdown .nice-select {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    height: auto;
    padding: 15px 30px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

.header-dropdown .nice-select:after {
    display: none;
}

.header-dropdown .nice-select .current:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    margin-right: 7px;
}

.header-dropdown .nice-select .list li {
    color: #505050;
}

.header-dropdown .nice-select .option:hover,
.header-dropdown .nice-select .option.focus,
.header-dropdown .nice-select .option.selected.focus {
    background-color: rgba(255, 78, 89, 0.2);
}

.header-dropdown .nice-select .option.selected {
    color: var(--color-primary);
    font-weight: bold;
}

.header-style-1 .sticky-header {
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-style-1 .sticky-header .main-menu ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-border {
    background: rgba(80, 80, 80, 0.1);
    width: 100%;
    max-width: 1620px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
}

.header-contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-contact-info {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .header-contact-info {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

.header-contact-info .info-wrap span {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
    margin-left: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-contact-info .info-wrap span {
        font-size: 16px;
        margin-left: 3px;
    }
}

@media (max-width: 767px) {
    .header-contact-info .info-wrap span {
        font-size: 16px;
        margin-left: 3px;
    }
}

.header-contact-info .info-wrap a {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.header-contact-info .info-wrap a:hover {
    color: var(--color-primary);
}

.header-contact-info .info-separator {
    width: 1px;
    height: 30px;
    background: #505050;
}

.header-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-buttons {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .header-buttons {
        justify-content: center;
    }
}

.header-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: rgba(36, 93, 81, 0.1);
    color: var(--color-dark);
    font-size: 18px;
    border-radius: 50%;
}

.header-buttons a .badge {
    top: 0;
    left: 0;
}

.header-buttons a:hover {
    background: var(--color-primary);
}

.header-buttons a:hover img {
    filter: brightness(0) invert(1);
}

.header-style-2 {
    position: relative;
    z-index: 999;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-2 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-style-2 {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .header-style-2 {
        padding: 0;
    }
}

.header-style-2 .header-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-2 .header-top {
        padding: 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-style-2 .header-top {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    .header-style-2 .header-top {
        padding: 15px 0;
    }
}

.header-style-2 .header-bottom {
    background: var(--color-dark);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-2 .header-bottom {
        padding: 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-style-2 .header-bottom {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    .header-style-2 .header-bottom {
        padding: 15px 0;
    }
}

.header-style-2 .header-bottom .logo {
    display: inline-block;
    position: relative;
    z-index: 99;
    transform: translateY(-46px);
}

@media only screen and (max-width: 1200px) {
    .header-style-2 .header-bottom .logo {
        transform: translateY(0);
    }
}

.header-style-2 .header-bottom .logo .shape {
    position: absolute;
    height: auto;
    z-index: -1;
    clip-path: polygon(81% 0, 100% 100%, 0 100%, 0 0);
    background: #ffffff;
    width: auto;
    top: -66px;
    bottom: -66px;
    left: -160px;
    right: -800px;
}

@media only screen and (max-width: 1600px) {
    .header-style-2 .header-bottom .logo .shape {
        clip-path: polygon(92% 0, 100% 100%, 0 100%, 0 0);
        left: -75px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-style-2 .header-bottom .logo .shape {
        display: none;
    }
}

.header-style-2 .header-bottom .logo .shape img {
    display: none;
    height: 100%;
    filter: drop-shadow(-5px -15px 45px rgba(0, 0, 0, 0.07));
}

.header-style-2 .header-bottom .logo .logo-dark {
    display: inline-block;
}

@media only screen and (max-width: 1200px) {
    .header-style-2 .header-bottom .logo .logo-dark {
        display: none;
    }
}

.header-style-2 .header-bottom .logo .logo-white {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .header-style-2 .header-bottom .logo .logo-white {
        display: block;
    }
}

.header-style-2 .header-bottom .main-menu>ul>li>a {
    color: #ffffff;
    padding: 34px 0;
}

.header-style-2 .category-menu-wrap {
    display: none;
}

@media only screen and (max-width: 767.98px) {
    .header-style-2 .cat-menu-hide {
        display: none;
    }
}

.header-style-2 .cart-sidebar {
    display: none;
}

.header-style-2 .cart-sidebar .shopping-cart {
    margin-left: 0;
    margin-right: 30px;
}

.header-style-2 .cart-sidebar a:hover {
    background: transparent;
}

.header-style-2 .sticky-header .logo {
    transform: translateY(0px);
}

.header-style-2 .sticky-header .logo .shape {
    bottom: -20px;
}

.header-style-2 .sticky-header .logo-hide {
    display: none;
}

.header-style-2 .sticky-header .category-menu-wrap {
    display: inline-block;
}

.header-style-2 .sticky-header .cat-menu-hide {
    display: none;
}

.header-style-2 .sticky-header .cart-sidebar {
    display: inline-block;
}

.open-menu-bar {
    width: 44px;
    height: 41px;
    background: var(--color-dark);
    display: inline-block;
    border-radius: 5px;
    margin-right: 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.open-menu-bar .bar-1 {
    width: 25px;
    height: 1.5px;
    background: #ffffff;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    margin-top: -8px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.open-menu-bar .bar-2 {
    width: 25px;
    height: 1.5px;
    background: #ffffff;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.open-menu-bar .bar-3 {
    width: 25px;
    height: 1.5px;
    background: #ffffff;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    margin-top: 8px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.open-menu-bar.active {
    background: var(--color-primary);
}

.open-menu-bar.active .bar-2 {
    visibility: hidden;
    opacity: 0;
}

.open-menu-bar.active .bar-1 {
    transform: translate(50%, -50%) rotate(-45deg);
    margin: 0;
}

.open-menu-bar.active .bar-3 {
    transform: translate(50%, -50%) rotate(45deg);
    margin: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-3 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-style-3 {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .header-style-3 {
        padding: 0;
    }
}

.header-style-3 .header-top {
    background: var(--color-dark);
}

.header-style-3 .header-top .header-contact-info .info-wrap span {
    color: #ffffff;
}

.header-style-3 .header-top .header-contact-info .info-wrap a {
    color: #ffffff;
}

.header-style-3 .header-top .header-contact-info .info-wrap a:hover {
    color: var(--color-primary);
}

.header-style-3 .header-top .header-contact-info .info-separator {
    background: rgba(255, 255, 255, 0.2);
}

.header-style-3 .header-top .header-right-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-style-3 .header-top .header-right-top .len-dropdown {
    display: block !important;
    position: relative;
    z-index: 99;
    margin-left: 30px;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li {
    position: relative;
    z-index: 1;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li a {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    padding: 24px 0;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown>a:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    margin-right: 7px;
    font-size: 16px;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown:hover>.sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown .sub-menu {
    position: absolute;
    left: 0;
    top: 120%;
    width: 120px;
    padding: 5px 0;
    border-top: 5px solid var(--color-primary);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear 0s;
    z-index: 99;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown .sub-menu li {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown .sub-menu li a {
    display: block;
    font-size: 16px;
    padding: 5px 15px;
    color: #505050;
}

.header-style-3 .header-top .header-right-top .len-dropdown ul li.has-dropdown .sub-menu li a:hover {
    color: var(--color-primary);
}

.header-style-3 .header-top .header-right-top .header-social-icon {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.header-style-3 .header-top .header-right-top .header-social-icon a {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.header-style-3 .header-top .header-right-top .header-social-icon a:hover {
    color: var(--color-primary);
}

.header-style-3 .header-top .header-right-top .header-social-icon a i {
    font-weight: 400;
}

.header-style-3 .main-menu ul li a {
    padding: 44px 0;
}

.header-style-3 .header-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .header-style-3 .header-logo-wrap .logo img {
        max-width: 100%;
    }
}

.header-style-3 .header-logo-wrap .search-form {
    flex: 1;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap {
    position: relative;
    z-index: 1;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input {
    background: #f7f7f7;
    border: none;
    padding: 15px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
    width: 100%;
    border-radius: 50px;
    padding-right: 50px;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input::-webkit-input-placeholder {
    color: #505050;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:-moz-placeholder {
    color: #505050;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input::-moz-placeholder {
    color: #505050;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:-ms-input-placeholder {
    color: #505050;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:focus::-webkit-input-placeholder {
    color: transparent;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:focus:-moz-placeholder {
    color: transparent;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:focus::-moz-placeholder {
    color: transparent;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap input:focus:-ms-input-placeholder {
    color: transparent;
}

.header-style-3 .header-logo-wrap .search-form .input-wrap button {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    border: none;
    color: var(--color-primary);
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.header-style-3 .sticky-header {
    background: #ffffff;
    padding: 10px 0;
}

.header-style-3 .sticky-header .main-menu ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.off-canvas-section {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
}

.off-canvas-section.active {
    visibility: visible;
    opacity: 1;
}

.off-canvas-section .off-canvas-overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.off-canvas-wrap {
    overflow-y: scroll;
    width: 100%;
    max-width: 480px;
    height: 100%;
    padding: 50px;
    background: #fff;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: -99999;
}

@media (max-width: 767px) {
    .off-canvas-wrap {
        max-width: 100%;
        padding: 30px 15px;
    }
}

.off-canvas-wrap::-webkit-scrollbar {
    width: 0.3em;
}

.off-canvas-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.off-canvas-wrap::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.off-canvas-wrap .off-canvas-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.off-canvas-wrap .off-canvas-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--color-primary);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.off-canvas-wrap .off-canvas-close i {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.off-canvas-wrap .off-canvas-close:hover {
    transform: scale(1.1);
}

.off-canvas-wrap .off-canvas-close:hover i {
    transform: rotate(-180deg);
}

.off-canvas-wrap.active {
    left: 0;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-duration: 0.6s;
}

.off-canvas-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.off-canvas-menu ul li {
    display: block;
}

.off-canvas-menu ul li:hover>a,
.off-canvas-menu ul li.active>a {
    color: var(--color-primary);
}

.off-canvas-menu ul li a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #505050;
    padding: 10px 0 10px 30px;
}

.off-canvas-menu ul .has-dropdown {
    position: relative;
    z-index: 1;
}

.off-canvas-menu ul .has-dropdown .toggle-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    z-index: 10;
    cursor: pointer;
}

.off-canvas-menu ul .has-dropdown .toggle-btn .icon {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-canvas-menu ul .has-dropdown .toggle-btn .icon:before {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    font-size: 16px;
}

.off-canvas-menu ul .has-dropdown.active>a,
.off-canvas-menu ul .has-dropdown:hover>a {
    color: var(--color-primary);
}

.off-canvas-menu ul .has-dropdown.active>.toggle-btn .icon:before,
.off-canvas-menu ul .has-dropdown:hover>.toggle-btn .icon:before {
    color: var(--color-primary);
}

.off-canvas-menu ul .has-dropdown>a {
    position: relative;
    z-index: 1;
}

.off-canvas-menu ul .has-dropdown>a .toggle-btn {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(80, 80, 80, 0.1);
    background: none;
    box-shadow: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.off-canvas-menu ul .has-dropdown>a .toggle-btn i {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.off-canvas-menu ul .has-dropdown ul.sub-menu {
    display: none;
}

.off-canvas-menu ul .has-dropdown ul.sub-menu li {
    margin-right: 15px;
}


/*carousel*/
.carousel {

    position: relative;
    overflow-x: clip;
}

.slider {
    display: flex;
    width: 200%;
    transition: all 0.3s;
}

.slider section {
    flex-basis: 100%;
}

/* Hero Swiper  */

.swiper {
    width: 100%;
    height: 100%;
    overflow: visible;
    overflow-x: clip;
}

.swiper-slide {
    transition: all 0.3s;
}


.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -50px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    transition: all 0.3s;
}

.swiper-pagination-bullet-active {
    background-color: var(--color-dark);
    height: 15px;
    width: 15px;
}

.hero-section {
    position: relative;
    -webkit-background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 190px;
}

.controls .arrow {
    cursor: pointer;
    position: absolute;
    /* bottom: 0; */
    transform: translateY(-50%);
    font-size: 18px;
    padding: 8px 15px;
    background: var(--color-primary);
    border-radius: 50%;
    color: white;
}

.left {
    left: 10%;
}

.right {
    left: 5%;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section {
        padding-top: 160px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section {
        padding-top: 160px;
    }
}

@media (max-width: 767px) {
    .hero-section {
        padding-top: 140px;
    }
}

.hero-section .hero-animate-2 {
    animation: float-bob-y infinite alternate 5s;
}

.hero-section .hero-animate-3 {
    animation: float-bob-y infinite linear 6s;
}

.hero-section .thumb-shape-1 {
    position: absolute;
    top: 260px;
    right: 260px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section .thumb-shape-1 {
        top: 165px;
        right: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-1 {
        top: 300px;
        right: 40px;
        width: 20px;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-1 {
        top: 300px;
        right: 40px;
        width: 20px;
    }
}

.hero-section .thumb-shape-2 {
    position: absolute;
    top: 450px;
    right: 200px;
    animation: cus-fadeinup 2s ease 0s 1 normal forwards;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section .thumb-shape-2 {
        top: 460px;
        right: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-2 {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-2 {
        display: none;
    }
}

.hero-section .thumb-shape-3 {
    position: absolute;
    top: 420px;
    left: 180px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section .thumb-shape-3 {
        top: 460px;
        left: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-3 {
        top: 470px;
        left: 60px;
        width: 120px;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-3 {
        top: 500px;
        left: 20px;
        width: 80px;
    }
}

.hero-section .thumb-shape-4 {
    position: absolute;
    bottom: 495px;
    left: 132px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-4 {
        top: 100px;
        left: 40px;
        width: 20px;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-4 {
        top: 100px;
        left: 40px;
        width: 20px;
    }
}

.hero-section .thumb-shape-5 {
    position: absolute;
    bottom: 150px;
    left: 132px;
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .hero-section .thumb-shape-5 {
        left: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .hero-section .thumb-shape-5 {
        left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section .thumb-shape-5 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-5 {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-5 {
        display: none;
    }
}

.hero-section .thumb-shape-6 {
    position: absolute;
    bottom: 75px;
    right: 45px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-section .thumb-shape-6 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section .thumb-shape-6 {
        bottom: 450px;
        right: 60px;
        width: 120px;
    }
}

@media (max-width: 767px) {
    .hero-section .thumb-shape-6 {
        bottom: 250px;
        right: 20px;
        width: 80px;
    }
}

.hero-content {
    text-align: center;
    position: relative;
}

.hero-content .sub-title {
    margin-bottom: 15px;
    animation: cus-fadeinup 0.5s ease 0s 1 normal forwards;
}

.hero-content .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media (max-width: 767px) {
    .hero-content .sub-title p {
        font-size: 18px;
    }
}

.hero-content .title {
    margin-bottom: 30px;
    max-width: 777px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    animation: cus-fadeinup 0.8s ease 0s 1 normal forwards;
}

.hero-content .title h1 {
    font-weight: 700;
    font-size: 72px;
    line-height: 1.27;
    color: var(--color-dark);
}

@media only screen and (max-width: 1200px) {
    .hero-content .title h1 {
        font-size: 58px;
    }
}

@media only screen and (max-width: 991.98px) {
    .hero-content .title h1 {
        font-size: 40px;
    }
}

.hero-content .title .shape-1 {
    position: absolute;
    top: -20px;
    left: -50px;
    z-index: -1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-content .title .shape-1 {
        top: -30px;
        left: -14px;
    }
}

@media (max-width: 767px) {
    .hero-content .title .shape-1 {
        top: -10px;
        left: 0;
        width: 30px;
    }
}

.hero-content .title .shape-2 {
    position: absolute;
    bottom: -14px;
    left: 80px;
    z-index: -1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-content .title .shape-2 {
        max-width: 270px;
    }
}

@media (max-width: 767px) {
    .hero-content .title .shape-2 {
        max-width: 180px;
    }
}

.hero-content .description {
    margin-bottom: 20px;
    max-width: 645px;
    margin-left: auto;
    margin-right: auto;
    animation: cus-fadeinup 1.1s ease 0s 1 normal forwards;
}

.hero-content .description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (max-width: 767px) {
    .hero-content .description p {
        font-size: 16px;
    }
}

.hero-content .hero-btn {
    margin-top: 20px;
    animation: cus-fadeinup 1.5s ease 0s 1 normal forwards;
}

.hero-content .hero-btn a {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 30px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 6px;
}

.hero-section-2 {
    background: #ebfdf8;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 767px) {
    .hero-section-2 {
        padding-top: 60px;
    }
}

.hero-section-2 .hero-bubble-1b {
    width: 20px;
    height: 20px;
    background: var(--color-dark);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: -1;
    animation: zoomIncolor infinite alternate 8s;
}

@media (max-width: 767px) {
    .hero-section-2 .hero-bubble-1b {
        right: 20px;
    }
}

.hero-section-2 .hero-bubble-2b {
    width: 15px;
    height: 15px;
    background: #a671f8;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 180px;
    bottom: 50%;
    z-index: -1;
}

@media (max-width: 767px) {
    .hero-section-2 .hero-bubble-2b {
        left: 20px;
    }
}

.hero-section-2 .shape-4b {
    position: absolute;
    bottom: 60px;
    right: 100px;
    z-index: -1;
}

@media (max-width: 767px) {
    .hero-section-2 .shape-4b {
        display: none;
    }
}

.hero-section-2 .hero-bubble-3b {
    width: 20px;
    height: 20px;
    background: #ffa534;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 160px;
    right: 55%;
    z-index: -1;
}

@media only screen and (max-width: 1200px) {
    .hero-section-2 .hero-bubble-3b {
        top: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content-2 {
        text-align: center;
    }
}

@media only screen and (max-width: 991.98px) {
    .hero-content-2 {
        text-align: center;
    }
}

.hero-content-2 .sub-title {
    margin-bottom: 20px;
}

.hero-content-2 .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

.hero-content-2 .title {
    margin-bottom: 20px;
}

.hero-content-2 .title h1 {
    font-weight: 700;
    font-size: 72px;
    line-height: 1.27;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
    .hero-content-2 .title h1 {
        font-size: 55px;
    }
}

@media only screen and (max-width: 991.98px) {
    .hero-content-2 .title h1 {
        font-size: 40px;
    }
}

.hero-content-2 .description {
    margin-bottom: 50px;
    max-width: 646px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content-2 .description {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-content-2 .description {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .hero-content-2 .description {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }
}

.hero-content-2 .description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (max-width: 767px) {
    .hero-content-2 .description p {
        font-size: 16px;
    }
}

.hero-content-2 .subscribe-form {
    max-width: 550px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content-2 .subscribe-form {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-content-2 .subscribe-form {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .hero-content-2 .subscribe-form {
        margin-right: auto;
        margin-left: auto;
    }
}

.hero-img-wrapper {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
}

.hero-img-wrapper .main-img-2 {
    display: inline-block;
}

.hero-img-wrapper .hero-thumb-2 {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    z-index: -2;
    width: 550px;
}

@media (max-width: 767px) {
    .hero-img-wrapper .hero-thumb-2 {
        width: 420px;
    }
}

.hero-img-wrapper .hero-thumb-3 {
    position: absolute;
    top: 33%;
    right: -20%;
    z-index: 2;
}

@media only screen and (max-width: 767.98px) {
    .hero-img-wrapper .hero-thumb-3 {
        display: none;
    }
}

.hero-img-wrapper .hero-thumb-4 {
    position: absolute;
    top: 24px;
    left: 110px;
}

@media (max-width: 767px) {
    .hero-img-wrapper .hero-thumb-4 {
        top: 10px;
        left: 80px;
        width: 50px;
    }
}

.hero-img-wrapper .happy-student-count-box {
    display: flex;
    align-items: center;
    position: absolute;
    right: -36%;
    bottom: 112px;
    z-index: 2;
}

@media only screen and (max-width: 1200px) {
    .hero-img-wrapper .happy-student-count-box {
        right: -20%;
    }
}

@media only screen and (max-width: 767.98px) {
    .hero-img-wrapper .happy-student-count-box {
        display: none;
    }
}

.hero-img-wrapper .hero-thumb-6 {
    position: absolute;
    left: -135px;
    bottom: 62px;
    z-index: 2;
    animation: float-bob-y infinite linear 4s;
}

@media only screen and (max-width: 1200px) {
    .hero-img-wrapper .hero-thumb-6 {
        left: -30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .hero-img-wrapper .hero-thumb-6 {
        display: none;
    }
}

.hero-img-wrapper .hero-thumb-7 {
    position: absolute;
    bottom: 107%;
    right: -100px;
}

.hero-section-3 {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-section-3 .s-shape-1 {
    position: absolute;
    z-index: 1;
    left: 6.1%;
    top: 22%;
}

.hero-section-3 .s-shape-2 {
    position: absolute;
    bottom: 13%;
    right: 5.5%;
    z-index: -1;
}

.hero-content-3 {
    max-width: 639px;
}

@media only screen and (max-width: 1200px) {
    .hero-content-3 {
        max-width: 100%;
        width: 100%;
    }
}

.hero-content-3 .sub-title {
    margin-bottom: 20px;
}

.hero-content-3 .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

.hero-content-3 .title {
    margin-bottom: 20px;
}

.hero-content-3 .title h1 {
    font-weight: 700;
    font-size: 70px;
    line-height: 1.27;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .hero-content-3 .title h1 {
        font-size: 55px;
    }
}

@media only screen and (max-width: 991.98px) {
    .hero-content-3 .title h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767.98px) {
    .hero-content-3 .title h1 {
        font-size: 30px;
    }
}

.hero-content-3 .description {
    max-width: 568px;
    margin-bottom: 50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content-3 .description {
        max-width: 100%;
    }
}

.hero-content-3 .description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.hero-thumb-3 {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.hero-thumb-3 .thumb {
    text-align: center;
    max-width: 604px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.hero-thumb-3 .thumb .bubble-bg-1 {
    display: inline-block;
    width: 502px;
    height: 503px;
    border-radius: 490px;
    background: -moz-linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);
    background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -ms-linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -o-linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -webkit-linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);

    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    bottom: 10%;
}

/*
@media only screen and (max-width: 1200px) {
  .hero-thumb-3 .thumb .bubble-bg-1 {
    display: none;
  }
}
*/
@media only screen and (max-width: 1199px) {
    .hero-thumb-3 .thumb .bubble-bg-1 {
        height: 350px;
        width: 350px;
    }

}

@media only screen and (max-width: 991px) {
    .hero-thumb-3 .thumb .bubble-bg-1 {
        height: 70%;
        width: 70%;
    }

}

.hero-thumb-3 .thumb .bubble-bg-2 {
    display: inline-block;
    width: 535.686px;
    height: 535.686px;
    border-radius: 522.686px;
    opacity: 1;
    background: var(--color-red);
    position: absolute;
    z-index: -2;
    right: -3.5%;
    left: 0;
    bottom: 10%;
}


@media only screen and (max-width: 991px) {
    .hero-thumb-3 .thumb .bubble-bg-2 {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .hero-thumb-3 .thumb .bubble-bg-2 {
        height: 380px;
        width: 380px;
        background-color: var(--color-dark);
    }

}

.hero-thumb-3 .thumb .bubble-bg-3 {
    display: inline-block;
    width: 585.286px;
    height: 585.286px;
    border-radius: 572.286px;
    opacity: 1;
    background: var(--color-dark);
    position: absolute;
    z-index: -3;
    right: -8.5%;
    left: 0;
    bottom: 10%;
}


@media only screen and (max-width: 1199px) {
    .hero-thumb-3 .thumb .bubble-bg-3 {
        display: none;
    }
}

/*
@media only screen and (max-width: 1200px) {
  .hero-thumb-3 .thumb .bubble-bg-3 {
    height: 430px;
    width: 430px;
  }

}
*/
.hero-thumb-3 .shape-1 {
    position: absolute;
    right: -25%;
    top: 45px;
    z-index: 2;
}

.hero-thumb-3 .shape-1 img {
    border-radius: 50%;
    border: 10px solid #ffffff;
}

@media only screen and (max-width: 1200px) {
    .hero-thumb-3 .shape-1 {
        display: none;
    }
}

.hero-thumb-3 .join-btn {
    position: absolute;
    z-index: 1;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    width: 118px;
    height: 118px;
    display: inline-block;
    border-radius: 50%;
    background: var(--color-dark);
    text-align: center;
    line-height: 32px;
    border: 8px solid #ffffff;
    padding-top: 20px;
    left: -11%;
    top: 30%;
}

@media only screen and (max-width: 991px) {
    .hero-thumb-3 .join-btn {
        background-color: var(--color-red);
    }
}

@media only screen and (max-width: 767.98px) {
    .hero-thumb-3 .join-btn {
        left: 0;
    }
}

.hero-thumb-3 .student-thumbs {
    position: absolute;
    right: -30%;
    bottom: 65px;
    z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .hero-thumb-3 .student-thumbs {
        right: -70px;
    }
}

@media only screen and (max-width: 1200px) {
    .hero-thumb-3 .student-thumbs {
        display: none;
    }
}

.hero-thumb-3 .shape-4 {
    position: absolute;
    left: -18%;
    bottom: 14%;
    z-index: -1;
}

@media (max-width: 767px) {
    .hero-thumb-3 .shape-4 {
        left: 0;
    }
}

.section-title .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media only screen and (max-width: 1200px) {
    .section-title .sub-title p {
        font-size: 18px;
    }
}

.section-title .title {
    position: relative;
    z-index: 1;
}

.section-title .title h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.4;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .section-title .title h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-title .title h2 {
        font-size: 28px;
    }
}

.feature-wrap {
    padding: 30px 30px;
    border: 2px solid rgba(22, 27, 45, 0.05);
    background: white;
    border-radius: 6px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-color: transparent;
    box-shadow: -5px 15px 45px rgba(80, 80, 80, 0.1);
    border-radius: 6px;
}

.feature-wrap-4 {
    box-shadow: none;
    border-color: var(--color-light);
}

.feature-wrap-4:hover {
    border-color: transparent;
    box-shadow: -5px 15px 45px rgba(80, 80, 80, 0.08);
    border-radius: 6px;
}

/*
.feature-wrap::before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
  background: var(--color-dark);
}

.feature-wrap:hover {
  color: #ffffff;
}

.feature-wrap:hover::before {
  top: -40%;
}

*/

.feature-wrap .title-section {
    border-bottom: 2px solid rgba(22, 27, 45, 0.05);
    margin-bottom: 40px;
    padding: 0px 0 30px;
    display: inherit;
}

.feature-wrap .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: rgba(36, 93, 81, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.feature-wrap .title {
    margin-bottom: 20px;
}

.feature-wrap .title h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

.feature-wrap .desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .feature-wrap .desc p {
        font-size: 16px;
    }
}

.feature-wrap .price {
    font-size: 38px;
    line-height: 60px;
    margin-bottom: 15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}

.feature-wrap .price span {
    position: relative;
    top: -15px;
    padding-left: 3px;
    font-size: 30px;
}

.feature-wrap .price sub {
    position: relative;
    top: -3px;
    font-family: var(--title-font);
    font-size: 16px;
    padding-right: 12px;
    color: #505050;
    letter-spacing: 1px;
}

.feature-wrap .text {
    position: relative;
    color: var(--color-primary);
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 12px;
    z-index: 3;
}

.feature-wrap .features-list {
    padding: 0;
    position: relative;
    margin-bottom: 47px;
    z-index: 3;
}

.feature-wrap .features-list li {
    position: relative;
    color: #505050;
    padding-right: 30px;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    list-style-type: none;
}

.feature-wrap .features-list li i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #b1b1b1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    z-index: 3;
}

.feature-wrap .theme-btn a {
    width: 100%;
    text-align: center;
}

.feature-wrap.icon-color-2 .feature-icon {
    background-color: rgba(255, 78, 89, 0.1);
}

.feature-wrap.icon-color-3 .feature-icon {
    background-color: rgba(255, 165, 52, 0.1);
}

.feature-wrap.icon-color-4 .feature-icon {
    background-color: rgba(166, 113, 248, 0.1);
}

@media only screen and (max-width: 991.98px) {
    .feature-wrap {
        padding: 25px 15px 20px 15px;
    }
}

.feature-layout {
    --bs-gutter-x: 0;
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(1) .feature-wrap-3 {
        border-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-layout .col-xl-3:nth-child(2) .feature-wrap-3 {
        border-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .feature-layout .col-xl-3:nth-child(2) .feature-wrap-3 {
        border-left: 0;
    }
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(2) .feature-wrap-3 {
        border-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-layout .col-xl-3:nth-child(3) .feature-wrap-3 {
        border-left: 1px solid rgba(80, 80, 80, 0.2);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .feature-layout .col-xl-3:nth-child(3) .feature-wrap-3 {
        border-left: 1px solid rgba(80, 80, 80, 0.2);
    }
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(3) .feature-wrap-3 {
        border-left: 0;
    }
}

.feature-layout .col-xl-3:nth-child(4) .feature-wrap-3 {
    border-left: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-layout .col-xl-3:nth-child(4) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .feature-layout .col-xl-3:nth-child(4) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
    }
}

.feature-layout .col-xl-3:nth-child(5) .feature-wrap-3 {
    border-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-layout .col-xl-3:nth-child(5) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 1px solid rgba(80, 80, 80, 0.2);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .feature-layout .col-xl-3:nth-child(5) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 1px solid rgba(80, 80, 80, 0.2);
    }
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(5) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 0;
    }
}

.feature-layout .col-xl-3:nth-child(6) .feature-wrap-3 {
    border-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-layout .col-xl-3:nth-child(6) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .feature-layout .col-xl-3:nth-child(6) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 0;
    }
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(6) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 0;
    }
}

.feature-layout .col-xl-3:nth-child(7) .feature-wrap-3 {
    border-bottom: 0;
}

@media (max-width: 767px) {
    .feature-layout .col-xl-3:nth-child(7) .feature-wrap-3 {
        border-bottom: 1px solid rgba(80, 80, 80, 0.2);
        border-left: 0;
    }
}

.feature-layout .col-xl-3:nth-child(8) .feature-wrap-3 {
    border-bottom: 0;
    border-left: 0;
}

.feature-layout .feature-wrap-3 {
    border-left: 1px solid rgba(80, 80, 80, 0.2);
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
}

.feature-wrap-3 {
    padding: 20px;
    transition: all 0.3s linear 0s;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-wrap-3 {
        min-height: 250px;
    }
}

.feature-wrap-3:hover {
    border-color: transparent;
    box-shadow: -5px 15px 40px 0px rgba(0, 0, 0, 0.05);
}

.feature-wrap-3 .icon {
    margin-bottom: 30px;
}

.feature-wrap-3 .title {
    margin-bottom: 15px;
}

.feature-wrap-3 .title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.feature-wrap-3 .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.about-content {
    padding-right: 85px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .about-content {
        padding-right: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-content {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 991.98px) {
    .about-content {
        padding-right: 0;
    }
}

.about-content .about-content .title .title-shape {
    position: absolute;
    top: 37%;
    right: 0;
}

.about-content .description {
    margin-bottom: 25px;
    max-width: 501px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content .description {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .about-content .description {
        max-width: 100%;
    }
}

.about-content .description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content .description p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .about-content .description p {
        font-size: 16px;
    }
}

.about-content .check-list {
    margin-bottom: 50px;
    list-style: none;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content .check-list {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .about-content .check-list {
        margin-bottom: 30px;
    }
}

.about-content .check-list li {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .about-content .check-list li {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .about-content .check-list li {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.about-content .check-list li i {
    color: var(--color-primary);
    margin-left: 10px;
}

.about-content-2 {
    padding-right: 85px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .about-content-2 {
        padding-right: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-content-2 {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content-2 {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .about-content-2 {
        padding-right: 0;
    }
}

.about-content-2 .sub-title {
    margin-bottom: 15px;
}

.about-content-2 .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content-2 .sub-title p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .about-content-2 .sub-title p {
        font-size: 16px;
    }
}

.about-content-2 .title {
    margin-bottom: 20px;
}

.about-content-2 .title .title-shape {
    position: absolute;
    top: 44px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content-2 .title .title-shape {
        top: 34px;
    }
}

@media (max-width: 767px) {
    .about-content-2 .title .title-shape {
        top: 22px;
        width: 105px;
    }
}

.about-content-2 .description {
    margin-bottom: 25px;
}

.about-content-2 .description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-content-2 .description p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .about-content-2 .description p {
        font-size: 16px;
    }
}

.about-box-wrap {
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 767.98px) {
    .about-box-wrap {
        flex-wrap: wrap;
        gap: 15px;
    }
}

.about-box-wrap .about-box {
    background: rgba(36, 93, 81, 0.1);
    border-radius: 6px;
    padding: 20px;
}

.about-box-wrap .about-box .icon a i {
    color: var(--color-primary);
    margin-bottom: 20px;
}

.about-box-wrap .about-box .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.about-box-wrap .about-box .text {
    margin-top: 10px;
}

.about-box-wrap .about-box .text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #505050;
    max-width: 177px;
}

@media only screen and (max-width: 767.98px) {
    .about-box-wrap .about-box {
        width: 100%;
    }
}

.about-img-wrapper-2 {
    position: relative;
    display: inline-block;
}

.about-img-wrapper-2 .thumb {
    display: inline-block;
}

.about-img-wrapper-2 .about-main-img {
    position: relative;
    z-index: 1;
}

.about-img-wrapper-2 .about-main-img img {
    border-radius: 0 0 100px 100px;
}

.about-img-wrapper-2 .about-main-img .main-bg-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.about-img-wrapper-2 .about-img-2 {
    position: absolute;
    bottom: 22px;
    left: -113px;
    z-index: 2;
}

.about-img-wrapper-2 .about-img-2 img {
    border: 8px solid #fff;
    border-radius: 50%;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .about-img-wrapper-2 .about-img-2 {
        width: 250px;
        left: -40px;
    }
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .about-img-2 {
        display: none;
    }
}

.about-img-wrapper-2 .experience-box {
    background: #ffffff;
    width: 205px;
    position: absolute;
    bottom: 278px;
    right: -82px;
    border-radius: 6px;
    z-index: 2;
    padding: 30px 30px 10px 30px;
    box-shadow: -5px 15px 45px rgba(1, 83, 159, 0.1);
    animation: float-bob-y infinite linear 4s;
}

.about-img-wrapper-2 .experience-box .text-content {
    display: flex;
    align-items: center;
}

.about-img-wrapper-2 .experience-box .text-content h4 {
    color: var(--color-dark);
    font-size: 27px;
    margin-bottom: 0;
    margin-right: 6px;
}

.about-img-wrapper-2 .experience-box .text-content h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
    .about-img-wrapper-2 .experience-box {
        right: 0;
    }
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .experience-box {
        bottom: 20px;
        right: 0;
        width: 173px;
    }
}

.about-img-wrapper-2 .happy-student-count-box {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 114px;
    right: -52px;
}

@media only screen and (max-width: 1600px) {
    .about-img-wrapper-2 .happy-student-count-box {
        right: 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .about-img-wrapper-2 .happy-student-count-box {
        display: none;
    }
}

.about-img-wrapper-2 .shape-4 {
    position: absolute;
    top: 120px;
    left: -40px;
    z-index: 2;
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .shape-4 {
        top: 75px;
        left: -10px;
        width: 70px;
    }
}

.about-img-wrapper-2 .shape-5 {
    position: absolute;
    top: -22px;
    right: 120px;
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .shape-5 {
        top: 0;
        right: 50px;
        width: 40px;
    }
}

.about-img-wrapper-2 .bubble-1 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background: var(--color-dark);
    position: absolute;
    top: 214px;
    right: -60px;
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .bubble-1 {
        display: none;
    }
}

.about-img-wrapper-2 .bubble-2 {
    width: 20px;
    height: 20px;
    background: #ffa534;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -40px;
}

@media (max-width: 767px) {
    .about-img-wrapper-2 .bubble-2 {
        display: none;
    }
}

.happy-student-count-box {
    background: #ffffff;
    border-radius: 6px;
    z-index: 2;
    box-shadow: -5px 15px 45px rgba(1, 83, 159, 0.1);
    padding: 20px 20px;
}

.happy-student-count-box .inner-content {
    padding-right: 10px;
    padding-left: 20px;
}

.happy-student-count-box .inner-content h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.happy-student-count-box .inner-content p {
    color: var(--color-dark);
    font-size: 14px;
    font-weight: 500;
}

.happy-student-count-box .counter-wrapper {
    display: flex;
    align-self: center;
    background: rgba(36, 93, 81, 0.1);
    padding: 5px 10px;
    border-radius: 6px;
}

.happy-student-count-box .counter-wrapper .bubble-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    background: var(--color-dark);
    margin-left: 5px;
    margin-top: 8px;
}

.happy-student-count-box .counter-wrapper .number h6 {
    font-weight: 500;
    margin-bottom: 0;
    display: inline-block;
}

.happy-student-count-box .counter-wrapper .count-mark {
    color: var(--color-dark);
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .happy-student-count-box {
        right: -30px;
    }
}

@media (max-width: 767px) {
    .happy-student-count-box {
        display: none;
    }
}

.about-section-3 {
    background: white;
    position: relative;
    z-index: 1;
}

.about-section-3 .shape-1 {
    position: absolute;
    z-index: 1;
    right: 6.82%;
    bottom: 27%;
}

.about-section-3 .shape-2 {
    position: absolute;
    z-index: 1;
    left: 9%;
    top: 10%;
}

.about-thumb-3 {
    position: relative;
    z-index: 1;
}

.about-thumb-3 .thumb {
    display: inline-block;
}

.about-thumb-3 .round-thumb {
    position: absolute;
    top: 160px;
    right: -64px;
}

.about-thumb-3 .round-thumb img {
    border-radius: 50%;
    border: 10px solid #ffffff;
}

@media only screen and (max-width: 1200px) {
    .about-thumb-3 .round-thumb {
        display: none;
    }
}

.round-bg-shape {
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .about-thumb-3 .round-bg-shape {
        /*display: none;*/
    }
}

.about-thumb-3 .history-box {
    border-radius: 5px;
    background: #ffffff;
    padding: 15px 15px 10px 15px;
    position: absolute;
    bottom: 67px;
    right: -41px;
}

.about-thumb-3 .history-box .icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    background: var(--color-dark);
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    margin-bottom: 15px;
}

.about-thumb-3 .history-box .exp-title {
    color: var(--color-dark);
    font-size: 18px;
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .about-thumb-3 .history-box {
        display: none;
    }
}

.about-thumb-3 .course-count-section {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--color-red);
    border: 9px solid #ffffff;
    top: 55%;
    left: -4.2%;
}

.about-thumb-3 .course-count-section .number {
    display: inline-block;
}

.about-thumb-3 .course-count-section .number h6 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
}

.about-thumb-3 .course-count-section .count-mark {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
}

.about-thumb-3 .course-count-section p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
}

.about-content-3 .sub-title {
    margin-bottom: 20px;
}

.about-content-3 .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

.about-content-3 .title {
    max-width: 554px;
    margin-bottom: 20px;
}

.about-content-3 .description {
    max-width: 508px;
    margin-bottom: 30px;
}

.about-content-3 .description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--color-dark);
}

@media (max-width: 767px) {
    .about-content-3 .description p {
        font-size: 16px;
    }
}

.about-content-3 .list {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .about-content-3 .list {
        margin-bottom: 30px;
    }
}

.about-content-3 .list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media only screen and (max-width: 1200px) {
    .about-content-3 .list ul {
        grid-template-columns: 1fr;
    }
}

.about-content-3 .list ul li {
    display: flex;
    align-items: center;
}

.about-content-3 .list ul li i {
    color: var(--color-primary);
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    .about-content-3 .list ul li i {
        margin-top: -2px;
    }
}

.about-content-3 .list ul li span {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .about-content-3 .list ul li span {
        font-size: 18px;
    }
}

.about-us-partner-section {
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
}

.about-us-choose-content {
    max-width: 497px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-us-choose-content {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .about-us-choose-content {
        max-width: 100%;
    }
}

.about-us-choose-content .sub-title {
    margin-bottom: 20px;
}

.about-us-choose-content .sub-title p {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media (max-width: 767px) {
    .about-us-choose-content .sub-title p {
        font-size: 16px;
    }
}

.about-us-choose-content .title {
    margin-bottom: 20px;
}

.about-us-choose-content .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (max-width: 767px) {
    .about-us-choose-content .text p {
        font-size: 16px;
    }
}

.about-us-choose-content .list {
    margin-top: 20px;
}

.about-us-choose-content .list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-us-choose-content .list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .about-us-choose-content .list ul li {
        margin-bottom: 10px;
    }
}

.about-us-choose-content .list ul li:last-child {
    margin-bottom: 0;
}

.about-us-choose-content .list ul li i {
    color: var(--color-primary);
    margin-left: 10px;
}

.about-us-choose-content .list ul li span {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    color: var(--color-dark);
}

@media only screen and (max-width: 767.98px) {
    .about-us-choose-content .list ul li span {
        font-size: 18px;
    }
}

.about-us-choose-content .choose-btn-2 {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-us-choose-content .choose-btn-2 .theme-btn-2 a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
}

.brand-layout {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    gap: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .brand-layout {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .brand-layout {
        grid-template-columns: repeat(2, 1fr);
    }
}

.brand-layout-2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    gap: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .brand-layout-2 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .brand-layout-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.counter-section {
    background: var(--color-dark);
}

.counter-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
}

.counter-wrap:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 82px;
    background: var(--color-dark);
}

.counter-wrap .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: rgba(36, 93, 81, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .counter-wrap .icon {
        height: 70px;
        width: 70px;
    }
}

.counter-wrap .content .number h3 {
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    color: #ffffff;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1600px) {
    .counter-wrap .content .number h3 {
        font-size: 32px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .counter-wrap .content .number h3 {
        font-size: 26px;
        line-height: 30px;
    }
}

.counter-wrap .content .text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
}

.counter-wrap.border-color-2:before {
    background: var(--color-primary);
}

.counter-wrap.border-color-3:before {
    background: #ffa534;
}

.counter-wrap.border-color-4:before {
    background: var(--color-primary);
}

@media only screen and (max-width: 1200px) {
    .counter-wrap {
        display: block;
        text-align: center;
        padding-right: 0;
    }

    .counter-wrap .icon {
        display: flex;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

.counter-section-2 {
    background: var(--color-dark);
}

.counter-wrap-2 {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
}

.counter-wrap-2 .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: rgba(36, 93, 81, 0.2);
    line-height: 76px;
    text-align: center;
}

.counter-wrap-2 .counter-info .number h3 {
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    color: #ffffff;
    margin-bottom: 0;
}



@media only screen and (max-width: 1600px) {
    .counter-wrap-2 .counter-info .number h3 {
        font-size: 32px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .counter-wrap-2 .counter-info .number h3 {
        font-size: 26px;
        line-height: 30px;
    }
}

.counter-wrap-2 .counter-info .counter-info-divider {
    width: 50px;
    height: 2px;
    background: var(--color-dark);
    display: inline-block;
}

.counter-wrap-2 .counter-info .text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
}

@media only screen and (max-width: 1200px) {
    .counter-wrap-2 {
        display: block;
        text-align: center;
        padding-right: 0;
    }

    .counter-wrap-2 .icon {
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

.counter-section-3 {
    background-color: var(--color-light);
}

.counter-wrap-3 .icon {
    margin-bottom: 30px;
    width: 50px;
    margin-right: auto;
    margin-left: auto;
}

.counter-wrap-3 .counter-info .counter-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-wrap-3 .counter-info .counter-inner .number {
    display: inline-block;
}

.counter-wrap-3 .counter-info .counter-inner .counter-quantity {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.4;
    color: var(--color-dark);
    margin-bottom: 15px;
}

@media only screen and (max-width: 1600px) {
    .counter-wrap-3 .counter-info .counter-inner .counter-quantity {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767.98px) {
    .counter-wrap-3 .counter-info .counter-inner .counter-quantity {
        font-size: 26px;
    }
}

.counter-wrap-3 .counter-info .number {
    margin-bottom: 15px;
}

.counter-wrap-3 .counter-info .number h3 {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.4;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
    .counter-wrap-3 .counter-info .number h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767.98px) {
    .counter-wrap-3 .counter-info .number h3 {
        font-size: 26px;
    }
}

.counter-wrap-3 .counter-info .counter-separator {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    border: 1px solid var(--color-dark);
    margin-bottom: 15px;
}

.counter-wrap-3 .counter-info .text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.categories-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border: 1px solid rgba(22, 27, 45, 0.1);
    border-radius: 6px;
    padding: 20px 30px;
    align-items: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.categories-wrap:hover {
    border-color: transparent;
    box-shadow: -5px 15px 45px rgba(0, 0, 0, 0.05);
}

.categories-wrap:hover .icon {
    background: var(--color-dark);
}

.categories-wrap:hover .icon img {
    filter: brightness(0) invert(1);
}

.categories-wrap .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: rgba(36, 93, 81, 0.1);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.categories-wrap .icon a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.categories-wrap .icon img {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.categories-wrap .content {
    flex: 1;
}

.categories-wrap .content h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

.categories-wrap .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media only screen and (max-width: 1200px) {
    .categories-wrap {
        padding: 20px 15px;
    }
}

.course-section {
    background: rgba(36, 93, 81, 0.03);
}

.course-wrap {
    padding: 20px;
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.03);
    border-radius: 6px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    .course-wrap {
        padding: 15px;
    }
}

.course-wrap:hover {
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.1);
}

.course-wrap .course-img {
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
}

.course-wrap .course-img img {
    width: 100%;
    border-radius: 6px;
}

.course-wrap .category {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.course-wrap .category a {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    background: rgba(36, 93, 81, 0.1);
}

.course-wrap .category a:nth-child(2) {
    color: var(--color-primary);
    background: rgba(255, 78, 89, 0.1);
}

.course-wrap .course-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 15px;
}

@media only screen and (max-width: 1200px) {
    .course-wrap .course-title h3 {
        font-size: 20px;
    }
}

.course-wrap .course-title h3 a {
    color: var(--color-dark);
}

.course-wrap .course-title h3 a:hover {
    color: var(--color-dark);
}

@media only screen and (max-width: 1200px) {
    .course-wrap .course-title {
        font-size: 20px;
    }
}

.course-wrap .meta {
    display: flex;
    align-items: center;
    gap: 30px;
}

.course-wrap .meta span {
    font-weight: 400;
    font-size: 18px;
    color: #505050;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .course-wrap .meta span {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .course-wrap .meta span {
        font-size: 16px;
    }
}

.course-wrap .meta span img {
    width: 18px;
}

.course-wrap .info-bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(80, 80, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-wrap .info-bottom .ratting-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}

.course-wrap .info-bottom .ratting-wrap span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #777c90;
}

.course-wrap .info-bottom .ratting-wrap .rating i {
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.4;
}

.course-wrap .info-bottom .ratting-wrap .rating i.active {
    opacity: 1;
}

.course-wrap .info-bottom .price p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

@media (min-width: 768px) and (max-width: 991px) {
    .course-wrap .info-bottom .price p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .course-wrap .info-bottom .price p {
        font-size: 16px;
    }
}

.course-wrap-2 {
    padding: 20px;
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.03);
    border-radius: 6px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 40px;
}

.course-wrap-2:hover {
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.1);
}

.course-wrap-2 .course-img {
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
}

.course-wrap-2 .course-img img {
    width: 100%;
}

.course-wrap-2 .category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.course-wrap-2 .category a {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-primary);
    line-height: 19px;
    background: rgba(255, 78, 89, 0.1);
    border-radius: 6px;
}

.course-wrap-2 .category .price p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

@media (min-width: 768px) and (max-width: 991px) {
    .course-wrap-2 .category .price p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .course-wrap-2 .category .price p {
        font-size: 18px;
    }
}

.course-wrap-2 .course-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 15px;
}

@media only screen and (max-width: 1200px) {
    .course-wrap-2 .course-title h3 {
        font-size: 20px;
    }
}

.course-wrap-2 .course-title h3 a {
    color: var(--color-dark);
}

.course-wrap-2 .course-title h3 a:hover {
    color: var(--color-primary);
}

.course-wrap-2 .meta {
    display: flex;
    align-items: center;
    gap: 30px;
}

.course-wrap-2 .meta span {
    font-weight: 400;
    font-size: 18px;
    color: #505050;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 767px) {
    .course-wrap-2 .meta span {
        font-size: 16px;
    }
}

.course-wrap-2 .meta span img {
    width: 18px;
}

.course-wrap-2 .info-bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(80, 80, 80, 0.2);
}

.course-wrap-2 .info-bottom .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-wrap-2 .info-bottom .info .thumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.course-wrap-2 .info-bottom .info .thumb .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .course-wrap-2 .info-bottom .info .thumb .name {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .course-wrap-2 .info-bottom .info .thumb .name {
        font-size: 16px;
    }
}

.course-wrap-2 .info-bottom .info .text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
}

@media (min-width: 768px) and (max-width: 991px) {
    .course-wrap-2 .info-bottom .info .text p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .course-wrap-2 .info-bottom .info .text p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .course-wrap-2 {
        padding: 20px 15px;
    }
}

.course-list-section-3 {
    background: #f5f5f5;
}

.course-3-list-content {
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 30px;
}

.course-3-list-content .course-img {
    max-width: 222px;
    width: 100%;
}

.course-3-list-content .course-content-list .course-meta {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 15px;
}

.course-3-list-content .course-content-list .course-meta .category {
    display: flex;
}

.course-3-list-content .course-content-list .course-meta .category .cat-1 {
    margin-left: 20px;
}

.course-3-list-content .course-content-list .course-meta .category .cat-1 a {
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    background: rgba(36, 93, 81, 0.1);
}

.course-3-list-content .course-content-list .course-meta .category .cat-2 a {
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-primary);
    background: rgba(255, 78, 89, 0.1);
}

.course-3-list-content .course-content-list .course-meta .price {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
}

.course-3-list-content .course-content-list .course-list-title {
    max-width: 375px;
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
    padding-bottom: 15px;
}

.course-3-list-content .course-content-list .course-list-title a {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.course-3-list-content .course-content-list .course-meta-bottom {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.course-3-list-content .course-content-list .course-meta-bottom span {
    font-weight: 400;
    font-size: 18px;
    color: #505050;
}

.course-section-3 {
    background: #ffffff;
}

.filter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.03);
    border-radius: 6px;
    padding: 30px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767.98px) {
    .filter-wrap {
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }
}

.filter-wrap .filter-title h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #777c90;
    margin-bottom: 0;
}

.filter-wrap .filter-title h4 span {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #111d3b;
}

.filter-wrap .filter-dropdown-wrap {
    display: flex;
    align-items: center;
}

.filter-wrap .filter-dropdown-wrap .filter-text {
    margin-left: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #050d36;
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    height: auto;
    padding: 15px 30px;
    border: 1px solid rgba(255, 78, 89, 0.05);
    background: rgba(255, 78, 89, 0.05);
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select:after {
    display: none;
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .current:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    margin-right: 7px;
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .list li {
    color: #505050;
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .option:hover,
.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .option.focus,
.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .option.selected.focus {
    background-color: rgba(255, 78, 89, 0.2);
}

.filter-wrap .filter-dropdown-wrap .filter-dropdown .nice-select .option.selected {
    color: var(--color-primary);
    font-weight: bold;
}

@media only screen and (max-width: 767.98px) {
    .filter-wrap .filter-dropdown-wrap {
        flex-direction: column;
        gap: 20px;
    }
}

.course-list-content {
    position: relative;
    z-index: 1;
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.05);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 222px;
}

@media only screen and (max-width: 1200px) {
    .course-list-content {
        padding-right: 0;
        display: block;
    }
}

.course-list-content .course-img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 222px;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

@media only screen and (max-width: 1200px) {
    .course-list-content .course-img {
        position: static;
        max-width: 100%;
    }
}

.course-list-content .course-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.course-list-content .course-content-list {
    flex: 1;
    padding: 20px 40px;
    overflow: hidden;
}

@media only screen and (max-width: 1600px) {
    .course-list-content .course-content-list {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 767.98px) {
    .course-list-content .course-content-list {
        flex: auto;
    }
}

.course-list-content .course-content-list .course-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .course-list-content .course-content-list .course-meta {
        flex-direction: column;
        gap: 15px 5px;
    }
}

.course-list-content .course-content-list .course-meta .category {
    display: flex;
    gap: 20px;
}

@media only screen and (max-width: 1200px) {
    .course-list-content .course-content-list .course-meta .category {
        order: 2;
        gap: 10px 5px;
    }
}

.course-list-content .course-content-list .course-meta .category .cat-1 a {
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    background: rgba(36, 93, 81, 0.1);
}

.course-list-content .course-content-list .course-meta .category .cat-2 a {
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-primary);
    background: rgba(255, 78, 89, 0.1);
}

.course-list-content .course-content-list .course-meta .price {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
}

@media only screen and (max-width: 1600px) {
    .course-list-content .course-content-list .course-meta .price {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .course-list-content .course-content-list .course-meta .price {
        font-size: 18px;
        order: 1;
    }
}

.course-list-content .course-content-list .course-list-title {
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
    padding-bottom: 15px;
}

.course-list-content .course-content-list .course-list-title a {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

@media only screen and (max-width: 1600px) {
    .course-list-content .course-content-list .course-list-title a {
        font-size: 20px;
    }
}

.course-list-content .course-content-list .course-list-title a:hover {
    color: var(--color-dark);
}

.course-list-content .course-content-list .course-meta-bottom {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.course-list-content .course-content-list .course-meta-bottom span {
    font-weight: 400;
    font-size: 18px;
    color: #505050;
    display: inline-block;
}

.course-list-content .course-content-list .course-meta-bottom span img {
    margin-left: 5px;
    margin-top: -3px;
}

.choose-content {
    max-width: 570px;
}

.choose-content .sub-title {
    margin-bottom: 15px;
}

.choose-content .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media (min-width: 768px) and (max-width: 991px) {
    .choose-content .sub-title p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .choose-content .sub-title p {
        font-size: 16px;
    }
}

.choose-content .title {
    margin-bottom: 30px;
    position: relative;
}

.choose-content .title .title-shape {
    position: absolute;
    top: 29%;
    left: 3.5%;
}

@media only screen and (max-width: 1200px) {
    .choose-content .title .title-shape {
        max-width: 200px;
        left: 10%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .choose-content .title .title-shape {
        left: 36px;
    }
}

@media (max-width: 767px) {
    .choose-content .title .title-shape {
        left: 36px;
        top: 20px;
        max-width: 135px;
    }
}

.choose-section-2 {
    position: relative;
    overflow: hidden;
}

.choose-section-2 .chose-bubble-1 {
    background: var(--color-dark);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 7.86%;
    top: 22%;
}

@media only screen and (max-width: 1200px) {
    .choose-section-2 .chose-bubble-1 {
        display: none;
    }
}

.choose-content-2 {
    max-width: 458px;
}

@media only screen and (max-width: 1200px) {
    .choose-content-2 {
        max-width: 100%;
    }
}

.choose-content-2 .sub-title {
    margin-bottom: 20px;
}

.choose-content-2 .sub-title p {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

@media only screen and (max-width: 767.98px) {
    .choose-content-2 .sub-title p {
        font-size: 16px;
    }
}

.choose-content-2 .title {
    margin-bottom: 20px;
}

.choose-content-2 .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.choose-content-2 .list {
    margin-top: 20px;
}

.choose-content-2 .list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.choose-content-2 .list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.choose-content-2 .list ul li:last-child {
    margin-bottom: 0;
}

.choose-content-2 .list ul li i {
    color: var(--color-dark);
    margin-left: 10px;
}

.choose-content-2 .list ul li span {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
}

@media only screen and (max-width: 991.98px) {
    .choose-content-2 .list ul li span {
        font-size: 18px;
    }
}

.choose-content-2 .choose-btn-2 {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 767.98px) {
    .choose-content-2 .choose-btn-2 {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

.play-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-dark);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

@media only screen and (max-width: 1199px) {
    .play-btn a {
        justify-content: center;
    }

    .play-btn a span {
        display: none;
    }
}

.play-btn a .icon {
    position: relative;
    z-index: 1;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
}

.play-btn a .icon:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: rgba(36, 93, 81, 0.1);
    border-radius: 50%;
    animation: play-zoom 1.5s ease-in-out 0s infinite;
}

.play-btn a .icon:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 7px;
    left: 7px;
    bottom: 7px;
    z-index: -1;
    background: var(--color-primary);
    border-radius: 50%;
}

.play-btn a:hover {
    color: var(--color-primary);
}

@keyframes play-zoom {
    0% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

.choose-thumb-2 {
    position: relative;
    z-index: 1;
}

.choose-thumb-2 .thumb {
    display: inline-block;
}

.choose-thumb-2 .thumb-2 {
    position: absolute;
    top: 39px;
    right: -7%;
}

.choose-thumb-2 .thumb-2 img {
    border-radius: 50%;
    border: 8px solid #ffffff;
}

@media (max-width: 767px) {
    .choose-thumb-2 .thumb-2 {
        display: none;
    }
}

.choose-thumb-2 .thumb-3 {
    position: absolute;
    z-index: 1;
    top: -25px;
    left: 40%;
}

@media only screen and (max-width: 1600px) {
    .choose-thumb-2 .thumb-3 {
        display: none;
    }
}

.choose-thumb-2 .chose-bubble-2 {
    width: 15px;
    background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-primary) 100%);
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 67%;
    right: -24%;
}

.choose-thumb-2 .chose-bubble-3 {
    background: #ffa534;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 21%;
    right: -12%;
}

.choose-thumb-2 .chose-bubble-4 {
    width: 15px;
    background: #a671f8;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.choose-thumb-2 .chose-bubble-bg {
    position: absolute;
    background: var(--color-primary);
    height: 605px;
    width: 551px;
    z-index: -1;
    display: inline-block;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 44% 44% 0 0;
}

@media only screen and (max-width: 1200px) {
    .choose-thumb-2 .chose-bubble-bg {
        max-width: 100%;
        max-height: 100%;
    }
}

@media only screen and (max-width: 767.98px) {
    .choose-thumb-2 .chose-bubble-bg {
        display: none;
    }
}

.choose-thumb-2 .student-thumbs {
    position: absolute;
    z-index: 1;
    right: -11%;
    bottom: 40px;
    animation: float-bob-y infinite linear 4s;
}

@media only screen and (max-width: 991.98px) {
    .choose-thumb-2 .student-thumbs {
        right: 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .choose-thumb-2 .student-thumbs {
        display: none;
    }
}

.choose-thumb-2 .course-count-section {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--color-dark);
    border: 9px solid #ffffff;
    bottom: 30px;
    left: -4.2%;
}

.choose-thumb-2 .course-count-section .number {
    display: inline-block;
}

.choose-thumb-2 .course-count-section .number h6 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 0;
}

.choose-thumb-2 .course-count-section .count-mark {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
}

.choose-thumb-2 .course-count-section p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
}

@media only screen and (max-width: 991.98px) {
    .choose-thumb-2 .course-count-section {
        left: 0;
    }
}

.student-thumbs {
    border-radius: 5px;
    background: #ffffff;
    box-shadow: -5px 15px 45px 0px rgba(22, 27, 45, 0.07);
    width: 200px;
    text-align: start;
    padding: 20px;
}

.student-thumbs .student-thumbs-box {
    margin-right: -8px;
}

.student-thumbs .student-thumbs-box span {
    position: relative;
    display: inline;
}

.student-thumbs .student-thumbs-box span img {
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.student-thumbs .student-thumbs-box span:first-child {
    position: relative;
    z-index: 1;
}

.student-thumbs .student-thumbs-box span:nth-child(2) {
    position: relative;
    z-index: 2;
    margin-right: -13px;
}

.student-thumbs .student-thumbs-box span:nth-child(3) {
    position: relative;
    z-index: 3;
    margin-right: -13px;
}

.student-thumbs .student-thumbs-box span:nth-child(4) {
    position: relative;
    z-index: 4;
    margin-right: -13px;
}

.student-thumbs .student-thumbs-box span:nth-child(5) {
    position: relative;
    z-index: 4;
    margin-right: -23px;
    margin-left: -26px;
    margin-top: 0px;
}

.student-thumbs .student-thumbs-box .add-more {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    background: var(--color-dark);
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.curriculum-wrap {
    display: flex;
    margin-bottom: 30px;
    gap: 12px;
}

.curriculum-wrap .icon {
    width: 18px;
    color: var(--color-dark);
}

.curriculum-wrap .content {
    flex: 1;
}

.curriculum-wrap .content h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin-bottom: 10px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .curriculum-wrap .content h4 {
        font-size: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .curriculum-wrap .content h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .curriculum-wrap .content h4 {
        font-size: 16px;
    }
}

.curriculum-wrap .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .curriculum-wrap .content p {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .curriculum-wrap .content p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .curriculum-wrap .content p {
        font-size: 16px;
    }
}

.choose-section-3 {
    background: rgba(36, 93, 81, 0.03);
}

.choose-3-thumb {
    position: relative;
    z-index: 1;
}

.choose-3-thumb .thumb {
    display: inline-block;
}

.choose-3-thumb .thumb img {
    border-radius: 50%;
}

.choose-3-thumb .thumb-2 {
    position: absolute;
    top: 10%;
    right: -5%;
}

.choose-3-thumb .thumb-2 img {
    border-radius: 50%;
    border: 8px solid #ffffff;
}

@media (max-width: 767px) {
    .choose-3-thumb .thumb-2 {
        width: 100px;
    }
}

.choose-3-thumb .student-report {
    position: absolute;
    bottom: 60px;
    left: -8%;
    animation: float-bob-y infinite alternate 4s;
}

@media only screen and (max-width: 991.98px) {
    .choose-3-thumb .student-report {
        width: 150px;
        left: 0;
    }
}

.version-section {
    position: relative;
    z-index: 1;
    background: rgba(36, 93, 81, 0.03);
}

.version-section .shape-1 {
    position: absolute;
    bottom: 60px;
    right: 44px;
    z-index: -1;
}

.version-content .sub-title {
    margin-bottom: 15px;
}

.version-content .sub-title p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
}

.version-content .title h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.version-wrap {
    display: flex;
    align-items: center;
    padding: 40px 20px;
    background: #ffffff;
    border-radius: 6px;
    gap: 52px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
    .version-wrap {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px;
    }
}

@media only screen and (max-width: 991.98px) {
    .version-wrap {
        padding: 30px 15px 20px 15px;
    }
}

.version-wrap .thumb {
    max-width: 254px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .version-wrap .thumb {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .version-wrap .thumb {
        margin-right: auto;
        margin-left: auto;
    }
}

.version-wrap .thumb img {
    max-width: 100%;
}

.version-wrap .content p {
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 18px;
    color: #505050;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .version-wrap .content p {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .version-wrap .content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.version-wrap .content h4 {
    max-width: 316px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-dark);
    margin-bottom: 30px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .version-wrap .content h4 {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .version-wrap .content h4 {
        max-width: 100%;
        font-size: 20px;
    }
}

.version-wrap .content h4 a {
    color: var(--color-dark);
}

.version-wrap .content .read-more {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.version-wrap .content .read-more::before {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--color-dark);
}

.version-wrap .content .read-more:hover {
    color: #ffffff;
}

.version-wrap .content .read-more:hover::before {
    top: -40%;
}

.version-section-2 {
    background: rgba(36, 93, 81, 0.03);
    position: relative;
}

.version-section-2 .version-shape {
    position: absolute;
    bottom: 60px;
    right: 44px;
}

.version-section-2 .version-shape-2 {
    position: absolute;
    left: 0;
    top: 60px;
}

.version-section-2 .version-shape-2 img {
    opacity: 0.05;
}

.version-section-3 {
    background: #f8fafa;
}

.about-wrap {
    margin-bottom: 30px;
}

.about-wrap .thumb {
    padding: 20px;
    margin-bottom: -174px;
    position: relative;
    z-index: 2;
}

.about-wrap .thumb img {
    width: 100%;
    border-radius: 6px;
}

.about-wrap .content {
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.07);
    border-radius: 6px;
    padding: 170px 30px 20px;
    text-align: center;
}

.about-wrap .content .name h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .about-wrap .content .name h3 {
        font-size: 20px;
    }
}

.about-wrap .content .info {
    margin-bottom: 15px;
}

.about-wrap .content .info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media (max-width: 767px) {
    .about-wrap .content .info p {
        font-size: 16px;
    }
}

.about-wrap .content .social-icon {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.about-wrap .content .social-icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(36, 93, 81, 0.1);
}

.about-wrap .content .social-icon a i {
    color: var(--color-dark);
}

.about-wrap .content .social-icon a:hover {
    background: rgba(36, 93, 81, 0.1);
}

@media only screen and (max-width: 1200px) {
    .about-wrap .content .social-icon {
        gap: 10px;
    }
}

@media only screen and (max-width: 1200px) {
    .about-wrap .content {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.about-wrap-2 {
    text-align: center;
    background: #ffffff;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.05);
    border-radius: 6px;
    margin-bottom: 30px;
}

.about-wrap-2:hover .thumb .social-icons {
    bottom: 0;
    visibility: visible;
    opacity: 1;
}

.about-wrap-2 .thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.about-wrap-2 .thumb img {
    width: 100%;
    border-radius: 6px;
}

.about-wrap-2 .thumb .social-icons {
    position: absolute;
    right: 50%;
    bottom: -45px;
    display: flex;
    justify-content: center;
    gap: 5px;
    z-index: 10;
    transform: translateX(50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.about-wrap-2 .thumb .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--color-primary);
    color: #fff;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.about-wrap-2 .thumb .social-icons a:hover {
    border-radius: 5px;
    background: var(--color-dark);
}

.about-wrap-2 .content {
    padding: 20px;
}

.about-wrap-2 .content .sub-title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #505050;
}

.about-wrap-2 .content .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .about-wrap-2 .content .title {
        font-size: 20px;
    }
}

.about-wrap-2 .content .meta-separator {
    width: 100%;
    max-width: 100px;
    height: 2px;
    background: rgba(36, 93, 81, 0.2);
    margin: 15px auto;
}

.about-wrap-2 .content .meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 34px;
}

.about-wrap-2 .content .meta .meta-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.about-wrap-2 .content .meta .meta-item i {
    color: var(--color-dark);
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    .about-wrap-2 .content .meta .meta-item i {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 1200px) {
    .about-wrap-2 .content .meta {
        gap: 10px 15px;
    }

    .about-wrap-2 .content .meta i {
        margin-left: 5px;
    }
}

.video-section {
    position: relative;
    z-index: 2;
    margin-bottom: -245px;
}

.video-wrapper .thumb {
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.05);
    border-radius: 6px;
    overflow: hidden;
}

.video-wrapper .thumb img {
    width: 100%;
}

.testimonial-section {
    background: rgba(7, 95, 51, 0.03);
    padding-top: 335px;
    position: relative;
}

@media (max-width: 767px) {
    .testimonial-section {
        padding-top: 300px;
    }
}

.testimonial-section .shape-1 {
    position: absolute;
    top: 130px;
    right: 115px;
    opacity: 0.5;
}

.testimonial-section .shape-2 {
    position: absolute;
    bottom: 200px;
    left: 50px;
    animation: cus-fadeinup 2s ease 0s 1 normal forwards;
}

.testimonial-section .shape-2 .shape-animate {
    animation: float-bob infinite linear 8s;
}

.testimonial-wrap {
    background: #ffffff;
    border-radius: 5px;
    padding: 30px 30px;
    position: relative;
    margin-top: 68px;
}

.testimonial-wrap .author-img {
    margin-top: -100px;
}

.testimonial-wrap .author-img img {
    width: 130px;
    height: 130px;
    padding: 5px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.07);
}

.testimonial-wrap .quote-img {
    position: absolute;
    left: 35px;
    top: 25px;
}

@media (max-width: 767px) {
    .testimonial-wrap .quote-img {
        width: 30px;
    }
}

.testimonial-wrap .text {
    margin-top: 20px;
}

.testimonial-wrap .text p {
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.testimonial-wrap .author-wrap {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-wrap .author-wrap .content .name h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .testimonial-wrap .author-wrap .content .name h3 {
        font-size: 18px;
    }
}

.testimonial-wrap .author-wrap .content .info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media (max-width: 767px) {
    .testimonial-wrap .author-wrap .content .info p {
        font-size: 16px;
    }
}

.testimonial-wrap .author-wrap .star-icon i {
    background: linear-gradient(0deg, #feca0a, #feca0a), #d9d9d9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.4;
    border-radius: 1px;
}

.testimonial-wrap .author-wrap .star-icon i.active {
    opacity: 1;
}

@media only screen and (max-width: 767.98px) {
    .testimonial-wrap {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.testimonial-arrow-1 {
    position: relative;
    z-index: 1;
}

.testimonial-arrow-1 .testimonial-button-prev {
    width: 50px;
    height: 50px;
    background: rgba(80, 80, 80, 0.1);
    border-radius: 50%;
    color: rgba(22, 27, 45, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    cursor: pointer;
}

.testimonial-arrow-1 .testimonial-button-prev:hover {
    background: var(--color-primary);
    color: #ffffff;
}

.testimonial-arrow-1 .testimonial-button-next {
    width: 50px;
    height: 50px;
    background: rgba(80, 80, 80, 0.1);
    border-radius: 50%;
    color: rgba(22, 27, 45, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    cursor: pointer;
}

.testimonial-arrow-1 .testimonial-button-next:hover {
    background: var(--color-primary);
    color: #ffffff;
}

.testimonial-section-2 {
    background: rgba(255, 78, 89, 0.03);
}

.testimonial-slider-active-2 {
    position: relative;
    z-index: 1;
}

.testimonial-slider-active-2 .swiper-pagination-2 {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-slider-active-2 .swiper-pagination-2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #b8cbc7;
    opacity: 1;
    border-radius: 50%;
}

.testimonial-slider-active-2 .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: var(--color-dark);
}

.testimonial-wrap-2 {
    position: relative;
}

.testimonial-wrap-2 .t-top {
    background: #ffffff;
    border-radius: 5px;
    padding: 45px 30px 80px;
    position: relative;
}

.testimonial-wrap-2 .t-top .star-icon {
    margin-bottom: 35px;
}

.testimonial-wrap-2 .t-top .star-icon i {
    color: #feca0a;
    opacity: 0.4;
}

.testimonial-wrap-2 .t-top .star-icon i.active {
    opacity: 1;
}

.testimonial-wrap-2 .t-top .quote-img {
    position: absolute;
    left: 30px;
    top: 30px;
}

.testimonial-wrap-2 .t-top .text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    max-width: 360px;
}

@media only screen and (max-width: 767.98px) {
    .testimonial-wrap-2 .t-top {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.testimonial-wrap-2 .t-bottom {
    padding-right: 30px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

.testimonial-wrap-2 .t-bottom .thumb img {
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.07);
}

.testimonial-wrap-2 .t-bottom .name {
    margin-top: 10px;
}

.testimonial-wrap-2 .t-bottom .name h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 5px;
}

.testimonial-wrap-2 .t-bottom .info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.testimonial-slider-active-3 {
    position: relative;
    z-index: 1;
}

.testimonial-slider-active-3 .swiper-pagination-3 {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.testimonial-slider-active-3 .swiper-pagination-3 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #b8cbc7;
    opacity: 1;
    border-radius: 50%;
}

.testimonial-slider-active-3 .swiper-pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: var(--color-dark);
}

.testimonial-thumb-3 {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.testimonial-thumb-3 .thumb {
    display: inline-block;
}

.testimonial-thumb-3 .shape-1 {
    position: absolute;
    bottom: 10px;
    right: -55px;
    z-index: 2;
    animation: float-bob-y infinite alternate 4s;
}

@media (max-width: 767px) {
    .testimonial-thumb-3 .shape-1 {
        display: none;
    }
}

.testimonial-thumb-3 .shape-2 {
    position: absolute;
    bottom: 16px;
    left: 25px;
    z-index: -1;
}

.testimonial-content-3 .icon {
    margin-bottom: 30px;
}

.testimonial-content-3 .text {
    margin-bottom: 30px;
}

.testimonial-content-3 .text p {
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: var(--color-dark);
}

@media (max-width: 767px) {
    .testimonial-content-3 .text p {
        font-size: 16px;
        line-height: 30px;
    }
}

.testimonial-content-3 .name {
    margin-bottom: 10px;
}

.testimonial-content-3 .name h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .testimonial-content-3 .name h3 {
        font-size: 22px;
        line-height: 30px;
    }
}

.testimonial-content-3 .info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media (max-width: 767px) {
    .testimonial-content-3 .info p {
        font-size: 16px;
        line-height: 30px;
    }
}

.faq-wrapper {
    padding: 40px;
    background: var(--color-light);
    border-radius: 6px;
}

@media (max-width: 767px) {
    .faq-wrapper {
        padding: 0;
        border-radius: 0;
        background: none;
    }
}

.faq-wrapper .contract-phone {
    padding: 40px 30px;
    background: #ffffff;
    border-radius: 6px;
}

.faq-wrapper .contract-phone .title h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    color: var(--color-dark);
    margin-bottom: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .faq-wrapper .contract-phone .title h2 {
        font-size: 36px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .faq-wrapper .contract-phone .title h2 {
        font-size: 28px;
        line-height: 40px;
    }
}

.faq-wrapper .contract-phone .input-wrap {
    margin-bottom: 20px;
}

.faq-wrapper .contract-phone .input-wrap input {
    padding: 14px 20px;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    background: #f7f7f7;
    border-radius: 6px;
    border: none;
}

.faq-wrapper .contract-phone .input-wrap textarea {
    padding: 14px 20px;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    background: #f7f7f7;
    border-radius: 6px;
    border: none;
    height: 182px;
}

.faq-wrapper .contract-phone .submit-btn {
    margin-top: 10px;
}

.faq-wrapper .contract-phone .submit-btn button {
    width: 100%;
    display: block;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: var(--color-dark);
    border-radius: 6px;
    border: 0;
}

@media only screen and (max-width: 767.98px) {
    .faq-wrapper .contract-phone {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.faq-content-wrap {
    background: #fff;
    padding: 40px;
    height: 100%;
}

@media only screen and (max-width: 1200px) {
    .faq-content-wrap {
        padding: 24px 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .faq-content-wrap {
        padding: 24px 0px;
    }
}

.faq-accordion .accordion-item {
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
}

.faq-accordion .accordion-item:last-child {
    border-bottom: 0;
}

.faq-accordion .accordion-item .accordion-header .accordion-button {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    padding: 20px 0;
    position: relative;
    padding-left: 48px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .faq-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .faq-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
    }
}

.faq-accordion .accordion-item .accordion-header .accordion-button:before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    box-shadow: -5px 15px 45px rgba(7, 95, 51, 0.1);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.faq-accordion .accordion-item .accordion-header .accordion-button:after {
    display: none;
}

.faq-accordion .accordion-item .accordion-header .accordion-button.collapsed:before {
    content: "+";
    background: var(--color-dark);
}

.faq-accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 0 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media only screen and (max-width: 1200px) {
    .faq-accordion .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
    }
}

.faq-content-wrap-2 .ext-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #505050;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(80, 80, 80, 0.2);
}

.faq-section-2 {
    background: rgba(36, 93, 81, 0.03);
}

.faq-wrapper-2 .faq-thumb {
    position: relative;
    display: inline-block;
}

.faq-wrapper-2 .faq-thumb .faq-thumb-1 {
    display: inline-block;
}

.faq-wrapper-2 .faq-thumb .faq-thumb-1 img {
    border-radius: 6px;
}

.faq-wrapper-2 .faq-thumb .faq-thumb-2 {
    position: absolute;
    z-index: 1;
    top: 1px;
    right: -56px;
    transform: rotate(-92deg);
}

.faq-wrapper-2 .faq-thumb .student-thumbs {
    position: absolute;
    bottom: 30px;
    right: -130px;
    z-index: 1;
    animation: float-bob-y infinite alternate-reverse 4s;
}

@media only screen and (max-width: 1600px) {
    .faq-wrapper-2 .faq-thumb .student-thumbs {
        right: -30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .faq-wrapper-2 .faq-thumb .student-thumbs {
        right: 30px;
    }
}

.faq-accordion-2 .accordion-item:last-child {
    border-bottom: 0;
}

.faq-accordion-2 .accordion-item .accordion-header .accordion-button {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--color-dark);
    position: relative;
    padding: 30px 40px;
    padding-left: 85px;
    border-radius: 6px 6px 0 0;
    background: #f8fafa;
    border: 1px solid rgba(22, 27, 45, 0.2);
    border-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .faq-accordion-2 .accordion-item .accordion-header .accordion-button {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .faq-accordion-2 .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
        padding: 30px 15px;
        padding-left: 65px;
    }
}

.faq-accordion-2 .accordion-item .accordion-header .accordion-button:before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    position: absolute;
    left: 40px;
    width: 40px;
    height: 40px;
    background: var(--color-dark);
    box-shadow: -5px 15px 45px rgba(7, 95, 51, 0.1);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

@media (max-width: 767px) {
    .faq-accordion-2 .accordion-item .accordion-header .accordion-button:before {
        left: 20px;
    }
}

.faq-accordion-2 .accordion-item .accordion-header .accordion-button:after {
    display: none;
}

.faq-accordion-2 .accordion-item .accordion-header .accordion-button.collapsed {
    border-radius: 6px;
    border-bottom: 1px solid rgba(22, 27, 45, 0.2);
}

.faq-accordion-2 .accordion-item .accordion-header .accordion-button.collapsed:before {
    content: "+";
    color: var(--color-dark);
    background: #fff;
    border: 1px solid rgba(22, 27, 45, 0.2);
}

.faq-accordion-2 .accordion-item .accordion-collapse .accordion-body {
    padding: 0 40px 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    background: #f8fafa;
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(22, 27, 45, 0.2);
    border-top: 0;
}

@media only screen and (max-width: 767.98px) {
    .faq-accordion-2 .accordion-item .accordion-collapse .accordion-body {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.blog-section {
    position: relative;
    z-index: 1;
    background: rgba(36, 93, 81, 0.03);
}

.blog-section .shape-1 {
    position: absolute;
    top: 65px;
    left: 350px;
    z-index: -1;
}

.blog-section .shape-2 {
    position: absolute;
    top: 360px;
    right: 184px;
    z-index: -1;
}

.blog-section .shape-3 {
    position: absolute;
    bottom: 87px;
    left: 135px;
    z-index: -1;
    opacity: 0.5;
}

.blog-wrap {
    padding: 20px;
    background: #ffffff;
    border-radius: 6px;
    margin-bottom: 30px;
}

.blog-wrap .blog-img {
    text-align: center;
    margin-bottom: 21px;
    background: rgba(36, 93, 81, 0.03);
    border-radius: 6px;
    min-height: 223px;
}

.blog-wrap .blog-img img {
    display: inline-block;
}

.blog-wrap .date {
    margin-bottom: 15px;
}

.blog-wrap .date a {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    background: rgba(36, 93, 81, 0.1);
    border-radius: 6px;
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    .blog-wrap .date a {
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 5px;
    }
}

.blog-wrap .blog-title {
    margin-bottom: 15px;
}

.blog-wrap .blog-title a {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-dark);
    max-width: 317px;
}

@media only screen and (max-width: 1200px) {
    .blog-wrap .blog-title a {
        font-size: 20px;
    }
}

.blog-wrap .text a {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media only screen and (max-width: 1200px) {
    .blog-wrap .text a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .blog-wrap {
        padding: 10px 10px 20px 10px;
    }
}

.blog-classic {
    margin-bottom: 50px;
}

.blog-classic .thumb {
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
}

.blog-classic .thumb img {
    width: 100%;
}

.blog-classic .content .meta-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 20px;
}

.blog-classic .content .meta-wrapper .meta-author a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
}

.blog-classic .content .meta-wrapper .meta-author a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .blog-classic .content .meta-wrapper .meta-comment {
        display: none;
    }
}

.blog-classic .content .meta-wrapper .meta-comment a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.blog-classic .content .meta-wrapper .meta-comment a i {
    color: var(--color-primary);
}

.blog-classic .content .meta-wrapper .meta-date a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.blog-classic .content .meta-wrapper .meta-date a i {
    color: var(--color-primary);
}

.blog-classic .content .title h3 {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.4;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1600px) {
    .blog-classic .content .title h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 991.98px) {
    .blog-classic .content .title h3 {
        font-size: 24px;
    }
}

.blog-classic .content .title h3 a {
    color: var(--color-dark);
}

.blog-classic .content .title h3 a:hover {
    color: var(--color-primary);
}

.blog-classic .content .text {
    margin-bottom: 30px;
}

.blog-classic .content .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media (max-width: 767px) {
    .blog-classic .content .text p {
        font-size: 16px;
    }
}

.blog-grid-wrap {
    background: #ffffff;
    box-shadow: -5px 15px 40px rgba(80, 80, 80, 0.05);
    border-radius: 6px;
    padding: 20px 20px 20px;
    margin-bottom: 30px;
}

.blog-grid-wrap .blog-img {
    margin-bottom: 20px;
}

.blog-grid-wrap .blog-img img {
    width: 100%;
    border-radius: 6px;
}

.blog-grid-wrap .meta a {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    margin-bottom: 15px;
    margin-left: 30px;
}

.blog-grid-wrap .meta a img {
    margin-left: 10px;
}

.blog-grid-wrap .meta a:last-child {
    margin-left: 0;
}

@media only screen and (max-width: 1200px) {
    .blog-grid-wrap .meta a {
        margin-left: 5px;
    }

    .blog-grid-wrap .meta a img {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 991.98px) {
    .blog-grid-wrap .meta a {
        margin-left: 10px;
        margin-bottom: 10px;
    }
}

.blog-grid-wrap .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 15px;
    text-underline-offset: 5px;
}

@media only screen and (max-width: 1200px) {
    .blog-grid-wrap .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.blog-grid-wrap .title a {
    color: var(--color-dark);
}

.blog-grid-wrap .title a:hover {
    text-decoration: underline;
}

.blog-grid-wrap .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

@media only screen and (max-width: 991.98px) {
    .blog-grid-wrap .text p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991.98px) {
    .blog-grid-wrap {
        padding: 15px 15px 20px 15px;
    }
}

.page-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.page-pagination a {
    width: 40px;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    background: #ffedee;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
}

.page-pagination a.active,
.page-pagination a:hover {
    background: var(--color-primary);
    color: #ffffff;
}

.blog-detail-content {
    margin-bottom: 40px;
}

.blog-detail-content .meta-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 20px;
}

.blog-detail-content .meta-wrapper .meta-author a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
}

.blog-detail-content .meta-wrapper .meta-author a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .blog-detail-content .meta-wrapper .meta-comment {
        display: none;
    }
}

.blog-detail-content .meta-wrapper .meta-comment a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.blog-detail-content .meta-wrapper .meta-comment a i {
    color: var(--color-primary);
}

.blog-detail-content .meta-wrapper .meta-date a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.blog-detail-content .meta-wrapper .meta-date a i {
    color: var(--color-primary);
}

.blog-detail-content .title {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    color: var(--color-dark);
}

@media only screen and (max-width: 1200px) {
    .blog-detail-content .title {
        font-size: 26px;
        line-height: 36px;
    }
}

.blog-detail-content .thumb {
    margin-bottom: 40px;
}

.blog-detail-content .thumb img {
    width: 100%;
    border-radius: 6px;
}

.blog-detail-content .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .blog-detail-content .text {
        font-size: 16px;
    }
}

.blog-detail-content .quote-wrap {
    background: rgba(36, 93, 81, 0.03);
    border-radius: 6px;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.blog-detail-content .quote-wrap .icon {
    margin-bottom: 30px;
}

.blog-detail-content .quote-wrap .message {
    margin-bottom: 20px;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: var(--color-dark);
}

@media (max-width: 767px) {
    .blog-detail-content .quote-wrap .message {
        font-size: 18px;
    }
}

.blog-detail-content .quote-wrap .author h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: var(--color-dark);
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .blog-detail-content .quote-wrap .author h4 {
        font-size: 18px;
    }
}

.blog-detail-content .quote-wrap .author p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media (max-width: 767px) {
    .blog-detail-content .quote-wrap .author p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767.98px) {
    .blog-detail-content .quote-wrap {
        padding: 20px 15px;
    }
}

.blog-detail-features {
    margin-bottom: 40px;
}

.blog-detail-features .features-content {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.blog-detail-features .features-content .features-content-thumb {
    max-width: 360px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-detail-features .features-content .features-content-thumb {
        max-width: 290px;
    }
}

.blog-detail-features .features-content .features-group {
    flex: 1;
}

.blog-detail-features .features-content .features-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-detail-features .features-content .features-group ul li {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

@media only screen and (max-width: 1200px) {
    .blog-detail-features .features-content .features-group ul li {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

.blog-detail-features .features-content .features-group ul li:last-child {
    margin-bottom: 0;
}

.blog-detail-features .features-content .features-group ul li i {
    color: #075f33;
    margin-left: 2px;
}

.author-details {
    text-align: center;
}

.author-details .thumb {
    margin-bottom: -65px;
}

.author-details .thumb img {
    display: inline-block;
    border-radius: 6px;
    width: 130px;
    margin-right: auto;
    margin-left: auto;
}

.author-details .content {
    background: rgba(36, 93, 81, 0.03);
    border-radius: 6px;
    padding: 95px 62px 30px;
}

@media (max-width: 767px) {
    .author-details .content {
        padding: 95px 20px 30px;
    }
}

.author-details .content h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: var(--color-dark);
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .author-details .content h3 {
        font-size: 24px;
    }
}

.author-details .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #505050;
    margin-bottom: 30px;
    max-width: 646px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 767.98px) {
    .author-details .content p {
        font-size: 16px;
    }
}

.author-details .content .social-info h4 {
    color: var(--color-dark);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
    .author-details .content .social-info h4 {
        font-size: 20px;
    }
}

.author-details .content .social-info .social-links a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(36, 93, 81, 0.1);
    margin: 0 10px 10px;
}

@media (max-width: 767px) {
    .author-details .content .social-info .social-links a {
        margin: 0 2px 10px;
    }
}

.author-details .content .social-info .social-links a i {
    color: var(--color-dark);
}

.author-details .content .social-info .social-links a:hover {
    background: rgba(36, 93, 81, 0.1);
}

.comments-wrapper {
    margin-top: 70px;
}

.comments-wrapper .comments-box {
    display: flex;
    gap: 25px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .comments-wrapper .comments-box {
        flex-wrap: wrap;
    }
}

.comments-wrapper .comments-box .comments-avatar {
    max-width: 130px;
    width: 100%;
}

.comments-wrapper .comments-box .comments-avatar img {
    border-radius: 6px;
}

.comments-wrapper .comments-box .comments-text .avatar-name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.comments-wrapper .comments-box .comments-text .post-meta {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    display: inline-block;
    margin-bottom: 10px;
}

.comments-wrapper .comments-box .comments-text .review-ratting {
    margin-bottom: 20px;
}

.comments-wrapper .comments-box .comments-text .review-ratting i {
    color: #f2c94c;
    opacity: 0.4;
}

.comments-wrapper .comments-box .comments-text .review-ratting i.active {
    opacity: 1;
}

.comments-wrapper .comments-box .comments-text .review-text {
    margin-bottom: 50px;
}

.comments-wrapper .comments-box .comments-text .review-text:last-child {
    margin-bottom: 0;
}

.comments-wrapper .comments-box .comments-text .review-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.comments-wrapper .comments-box .comments-replay {
    color: #ffffff;
    font-size: 14px;
    border: 1px solid rgb(243, 243, 243);
    font-family: "Avenir";
    font-weight: 400;
    padding: 10px 18px;
    line-height: 1;
    position: absolute;
    background: var(--color-primary);
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.comment-title,
.comment-replay-title {
    font-size: 32px;
}

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

    .comment-title,
    .comment-replay-title {
        font-size: 24px;
    }
}

.blog-grid-section-3 {
    background: rgba(36, 93, 81, 0.03);
}

.blog-wrap-3 {
    transition: all 0.3s linear 0s;
}

.blog-wrap-3:hover {
    box-shadow: -5px 15px 45px 0px rgba(22, 27, 45, 0.1);
}

.blog-wrap-3 .blog-img img {
    width: 100%;
    border-radius: 6px;
}

.blog-wrap-3 .content {
    background: #ffffff;
    border-radius: 6px;
    padding: 20px;
}

.blog-wrap-3 .content .meta {
    margin-bottom: 15px;
}

.blog-wrap-3 .content .meta a {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
}

.blog-wrap-3 .content .meta a img {
    margin-left: 10px;
}

.blog-wrap-3 .content .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1200px) {
    .blog-wrap-3 .content .title {
        font-size: 20px;
    }
}

.blog-wrap-3 .content .title a {
    color: var(--color-dark);
}

.blog-wrap-3 .content .title a:hover {
    color: var(--color-primary);
}

.blog-wrap-3 .content .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-wrap-3 .content .info .thumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-wrap-3 .content .info .thumb .name h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark);
}

@media only screen and (max-width: 767.98px) {
    .blog-wrap-3 .content .info .thumb .name h4 {
        font-size: 16px;
    }
}

.blog-wrap-3 .content .info a {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
}

.blog-wrap-3 .content .info a img {
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    .blog-wrap-3 .content {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.footer-section {
    background: var(--color-dark);
}

.footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-logo {
        text-align: center;
    }
}

.footer-logo img {
    max-width: 180px;
    width: 100%;
}

.footer-widget-layout-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-layout-top {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .footer-widget-layout-top {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 0;
    }
}

.footer-widget-top {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.footer-widget-top:before {
    content: "";
    position: absolute;
    right: -120px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-widget-top:before {
        right: -65px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-top:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .footer-widget-top:before {
        display: none;
    }
}

.footer-widget-top:first-child:before {
    display: none;
}

.footer-widget-top .title {
    margin-bottom: 10px;
}

.footer-widget-top .title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-top .title p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .footer-widget-top .title p {
        font-size: 16px;
    }
}

.footer-widget-top .content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.footer-widget-top .content .phone-icon {
    margin-left: 10px;
    color: #ffffff;
}

.footer-widget-top .content .number a {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-top .content .number a {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .footer-widget-top .content .number a {
        font-size: 18px;
    }
}

.footer-widget-top .content .number a:hover {
    color: var(--color-primary);
}

.footer-middle {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

@media (max-width: 767px) {
    .footer-widget {
        text-align: center;
        margin-bottom: 40px;
    }
}

.footer-widget .title {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .footer-widget .title {
        margin-bottom: 15px;
    }
}

.footer-widget .title h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    margin-bottom: 0;
}

.footer-widget .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
}

.footer-widget .footer-btn {
    margin-top: 30px;
}

.footer-widget .footer-btn a {
    display: inline-block;
    padding: 15px 45px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 6px;
}

.footer-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget ul li {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .footer-widget ul li {
        margin-bottom: 10px;
    }
}

.footer-widget ul li a {
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

.footer-widget ul li a:hover {
    color: var(--color-primary);
}

.footer-widget .social-icon {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .footer-widget .social-icon {
        justify-content: center;
    }
}

.footer-widget .social-icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget .social-icon a {
        height: 45px;
        width: 45px;
    }
}

.footer-widget .social-icon a:hover {
    color: var(--color-primary);
    background: #fff;
}

.copyright-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .copyright-text p {
        font-size: 16px;
        line-height: 28px;
    }
}

.copyright-text a {
    color: var(--color-primary);
    font-weight: 600;
}

.copyright-text a:hover {
    color: #fff;
}

.footer-section-2 {
    background: #f8fafa;
}

.footer-top-2 {
    border-bottom: 1px solid rgba(36, 93, 81, 0.1);
}

.footer-widget-2 {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .footer-widget-2 {
        text-align: center;
    }
}

.footer-widget-2 .title {
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
}

.footer-widget-2 .title:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 82px;
    height: 2px;
    background: var(--color-dark);
}

@media (max-width: 767px) {
    .footer-widget-2 .title:after {
        right: 50%;
        transform: translateX(50%);
    }
}

.footer-widget-2 .title h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.footer-widget-2 .contract {
    margin-top: 20px;
}

.footer-widget-2 .contract ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget-2 .contract ul li {
    margin-bottom: 20px;
}

.footer-widget-2 .contract ul li:last-child {
    margin-bottom: 0;
}

.footer-widget-2 .contract ul li a {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .footer-widget-2 .contract ul li a {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-2 .contract ul li a {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .footer-widget-2 .contract ul li a {
        font-size: 18px;
    }
}

.footer-widget-2 .contract ul li a i {
    margin-left: 5px;
    color: var(--color-dark);
}

.footer-widget-2 .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.footer-widget-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget-2 ul li {
    margin-bottom: 25px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-widget-2 ul li {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-widget-2 ul li {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .footer-widget-2 ul li {
        margin-bottom: 15px;
    }
}

.footer-widget-2 ul li a {
    color: #505050;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

.footer-widget-2 ul li a:hover {
    color: var(--color-primary);
}

.footer-widget-2 .footer-2-thumb ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.footer-widget-2 .footer-2-thumb ul li {
    margin-bottom: 0;
}

.footer-widget-2 .footer-2-thumb ul li a {
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    overflow: hidden;
}

.footer-widget-2 .footer-2-thumb ul li a img {
    width: 100%;
    height: 100%;
}

.footer-widget-2 .footer-2-thumb ul li a i {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%) scale(0.5);
    z-index: 2;
    font-size: 24px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.footer-widget-2 .footer-2-thumb ul li a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.footer-widget-2 .footer-2-thumb ul li a:hover i {
    visibility: visible;
    opacity: 1;
    transform: translate(50%, -50%) scale(1);
}

.footer-widget-2 .footer-2-thumb ul li a:hover:before {
    visibility: visible;
    opacity: 0.7;
    transform: scale(1);
}

.copyright-text-2 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

@media (max-width: 767px) {
    .copyright-text-2 p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.footer-social-2 {
    display: inline-flex;
    gap: 20px;
}

.footer-social-2 a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(36, 93, 81, 0.1);
}

.footer-social-2 a i {
    color: var(--color-dark);
}

.footer-social-2 a:hover {
    background: var(--color-dark);
}

.footer-social-2 a:hover i {
    color: #fff;
}

@media (max-width: 767px) {
    .footer-subscribe-form {
        text-align: center;
    }
}

.breadcrumb-section {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.page-title-content .title {
    font-weight: 700;
    font-size: 56px;
    line-height: 67px;
    margin-bottom: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-title-content .title {
        font-size: 36px;
        line-height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-title-content .title {
        font-size: 28px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .page-title-content .title {
        font-size: 24px;
        line-height: 40px;
    }
}

.page-title-content .breadcrumb-menu {
    background: var(--color-dark);
    border-radius: 6px;
    padding: 14px 30px;
    display: inline-block;
}

.page-title-content .breadcrumb-menu ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.page-title-content .breadcrumb-menu ul li {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

.page-title-content .breadcrumb-menu ul li:after {
    content: "/";
    margin-right: 5px;
    margin-left: 5px;
}

.page-title-content .breadcrumb-menu ul li:last-child {
    font-weight: 700;
}

.page-title-content .breadcrumb-menu ul li:last-child:after {
    display: none;
}

.page-title-content .breadcrumb-menu ul li a {
    color: #ffffff;
}

.page-title-content .breadcrumb-menu ul li a:hover {
    color: var(--color-primary);
}

.course-category-wrap {
    padding: 40px 16px;
    background: #f8fafa;
    box-shadow: -5px 15px 45px 0px rgba(22, 27, 45, 0.05);
    border-radius: 6px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 30px;
}

.course-category-wrap:hover {
    background: var(--color-dark);
}

.course-category-wrap:hover .icon img {
    filter: brightness(0) invert(1);
}

.course-category-wrap:hover .content h4 {
    color: #fff;
}

.course-category-wrap:hover .content h4 a {
    color: #fff;
}

.course-category-wrap:hover .content p {
    color: #fff;
}

.course-category-wrap .icon {
    margin-bottom: 30px;
}

.course-category-wrap .content h4 {
    margin-bottom: 19px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.course-category-wrap .content h4 a {
    color: var(--color-dark);
}

.course-category-wrap .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sidebar-wrap {
    padding-top: 40px;
    background: #ffffff;
    box-shadow: -5px 15px 30px 10px rgba(22, 27, 45, 0.03);
}

.sidebar-wrap.sidebar-wrap-right {
    margin-right: auto;
}

.widget-wrapper .search-form .input-wrap {
    position: relative;
    z-index: 1;
}

.widget-wrapper .search-form .input-wrap input {
    background: #f7f7f7;
    border: none;
    padding: 15px 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
    width: 100%;
    border-radius: 50px;
}

.widget-wrapper .search-form .input-wrap input::-webkit-input-placeholder {
    color: #505050;
}

.widget-wrapper .search-form .input-wrap input:-moz-placeholder {
    color: #505050;
}

.widget-wrapper .search-form .input-wrap input::-moz-placeholder {
    color: #505050;
}

.widget-wrapper .search-form .input-wrap input:-ms-input-placeholder {
    color: #505050;
}

.widget-wrapper .search-form .input-wrap input:focus::-webkit-input-placeholder {
    color: transparent;
}

.widget-wrapper .search-form .input-wrap input:focus:-moz-placeholder {
    color: transparent;
}

.widget-wrapper .search-form .input-wrap input:focus::-moz-placeholder {
    color: transparent;
}

.widget-wrapper .search-form .input-wrap input:focus:-ms-input-placeholder {
    color: transparent;
}

.widget-wrapper .search-form .input-wrap button {
    position: absolute;
    left: 5px;
    top: 50%;
    width: 40px;
    height: 40px;
    border: none;
    color: #ffffff;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.widget-wrapper .sidebar-widget-wrap {
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 1200px) {
    .widget-wrapper .sidebar-widget-wrap {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.widget-wrapper .sidebar-widget-wrap .widget-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .widget-wrapper .sidebar-widget-wrap .widget-title {
        font-size: 20px;
    }
}

.widget-wrapper .widget-social-icon {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    padding-bottom: 40px;
}

.widget-wrapper .widget-social-icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(36, 93, 81, 0.1);
}

.widget-wrapper .widget-social-icon a i {
    color: var(--color-dark);
}

.widget-wrapper .widget-social-icon a:hover {
    background: rgba(36, 93, 81, 0.1);
}

.widget-wrapper .widget-content .widget-content-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    max-width: 390px;
    margin-bottom: 33px;
}

.widget-wrapper .widget-content .category-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-wrapper .widget-content .category-list ul li {
    margin-bottom: 20px;
}

.widget-wrapper .widget-content .category-list ul li:last-child {
    margin-bottom: 0;
}

.widget-wrapper .widget-content .category-list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.widget-wrapper .widget-content .category-list ul li a i {
    font-size: 18px;
    margin-left: 15px;
    color: var(--color-primary);
}

.widget-wrapper .widget-content .category-list ul li a b {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-primary);
    background: rgba(255, 78, 89, 0.1);
    border-radius: 4px;
    padding: 3px 6px;
}

.widget-wrapper .widget-content .contact-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-wrapper .widget-content .contact-list ul li {
    margin-bottom: 25px;
}

.widget-wrapper .widget-content .contact-list ul li:last-child {
    margin-bottom: 0;
}

.widget-wrapper .widget-content .contact-list ul li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
    display: flex;
    align-items: center;
}

.widget-wrapper .widget-content .contact-list ul li a i {
    font-size: 18px;
    margin-left: 15px;
    color: var(--color-primary);
}

.widget-wrapper .widget-content .contact-list ul li a span {
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-primary);
    background: rgba(255, 78, 89, 0.1);
    border-radius: 4px;
    padding: 3px 6px;
}

.widget-wrapper .recent-post-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-img {
    width: 100px;
    height: 100px;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-img img {
    width: 100%;
    border-radius: 6px;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content {
    flex: 1;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content h4 {
    margin-bottom: 0;
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content h4 a {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--color-dark);
}

@media only screen and (max-width: 1200px) {
    .widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content h4 a {
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content h4 a {
        font-size: 16px;
        line-height: 20px;
    }
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content h4 a:hover {
    color: var(--color-primary);
}

.widget-wrapper .recent-post-wrapper .recent-post-wrap .recent-post-content span {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.widget-wrapper .tags a {
    display: inline-block;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #505050;
    background: rgba(36, 93, 81, 0.05);
    border-radius: 6px;
    margin-bottom: 20px;
    margin-left: 20px;
}

@media only screen and (max-width: 1600px) {
    .widget-wrapper .tags a {
        margin-left: 15px;
        margin-bottom: 15px;
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .widget-wrapper .tags a {
        margin-left: 2px;
        padding: 15px 10px;
    }
}

.widget-wrapper .tags a:hover {
    color: #ffffff;
    background: var(--color-dark);
}

.blog-sidebar-wrap .sidebar-widget-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 6px;
    background: #ffffff;
    margin-bottom: 50px;
    box-shadow: -5px 15px 30px 10px rgba(22, 27, 45, 0.03);
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .blog-sidebar-wrap .sidebar-widget-wrap {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .blog-sidebar-wrap .sidebar-widget-wrap {
        padding: 30px 20px;
        margin-bottom: 40px;
        box-shadow: -5px 15px 30px 10px rgba(22, 27, 45, 0.1);
    }
}

.blog-sidebar-wrap .sidebar-widget-wrap:last-child {
    margin-bottom: 0;
}

.course-details-section {
    background: #f5f5f5;
}

.main-content-wrap .course-header .course-header-title {
    margin-bottom: 20px;
}

.main-content-wrap .course-header .course-header-title h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.4;
    color: var(--color-dark);
    margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
    .main-content-wrap .course-header .course-header-title h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 991.98px) {
    .main-content-wrap .course-header .course-header-title h2 {
        font-size: 28px;
    }
}

.main-content-wrap .course-header .ratting-wrap {
    display: flex;
    margin-bottom: 25px;
    gap: 15px 30px;
}

@media (max-width: 767px) {
    .main-content-wrap .course-header .ratting-wrap {
        flex-direction: column;
    }
}

.main-content-wrap .course-header .ratting-wrap .ratting span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #f2c94c;
}

.main-content-wrap .course-header .ratting-wrap .ratting i {
    background: #f2c94c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.4;
}

.main-content-wrap .course-header .ratting-wrap .ratting i.active {
    opacity: 1;
}

.main-content-wrap .course-header .ratting-wrap .ratting span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.main-content-wrap .course-header .ratting-wrap .enroll a {
    color: var(--color-dark);
}

.main-content-wrap .course-header .ratting-wrap .enroll a i {
    margin-left: 7px;
}

.main-content-wrap .course-header .ratting-wrap .enroll span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.main-content-wrap .course-header .ratting-wrap .class a {
    color: var(--color-dark);
}

.main-content-wrap .course-header .ratting-wrap .class a i {
    margin-left: 7px;
}

.main-content-wrap .course-header .ratting-wrap .class span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.main-content-wrap .course-header .course-header-text {
    margin-bottom: 20px;
}

.main-content-wrap .course-header .course-header-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.main-content-wrap .course-header .course-header-img {
    margin-bottom: 20px;
}

.main-content-wrap .course-header .course-header-img img {
    width: 100%;
    border-radius: 6px;
}

.main-content-wrap .course-decription-wrap {
    margin-top: 50px;
}

.main-content-wrap .course-decription-wrap .course-decription-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
    padding-bottom: 10px;
}

.main-content-wrap .course-decription-wrap .course-decription-title .bar {
    width: 100%;
    max-width: 137px;
    height: 2px;
    background: var(--color-primary);
}

.main-content-wrap .course-decription-wrap .course-decription-text {
    padding-top: 20px;
}

.main-content-wrap .course-decription-wrap .course-decription-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    max-width: 770px;
}

.main-content-wrap .overviews-wrap {
    margin-top: 50px;
}

.main-content-wrap .overviews-wrap .overviews-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
    padding-bottom: 10px;
}

.main-content-wrap .overviews-wrap .overviews-title .overview-bar {
    width: 100%;
    max-width: 171px;
    height: 2px;
    background: var(--color-primary);
}

.main-content-wrap .overviews-wrap .overview-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 50px;
}

@media only screen and (max-width: 1200px) {
    .main-content-wrap .overviews-wrap .overview-layout {
        grid-template-columns: 1fr;
    }
}

.main-content-wrap .overviews-wrap .overview-layout .overview-list {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.main-content-wrap .overviews-wrap .overview-layout .overview-list i {
    margin-left: 10px;
    color: var(--color-primary);
}

.main-content-wrap .overviews-wrap .overview-layout .overview-list p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
}

@media (max-width: 767px) {
    .main-content-wrap .overviews-wrap .overview-layout .overview-list p {
        font-size: 16px;
    }
}

.main-content-wrap .course-reviews-wrap {
    margin-top: 50px;
}

.main-content-wrap .course-reviews-wrap .reviews-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
    padding-bottom: 10px;
}

.main-content-wrap .course-reviews-wrap .reviews-title .overview-bar {
    width: 100%;
    max-width: 171px;
    height: 2px;
    background: var(--color-primary);
}

.main-content-wrap .course-reviews-wrap .review {
    margin-top: 30px;
    display: flex;
    gap: 25px;
}

@media (max-width: 767px) {
    .main-content-wrap .course-reviews-wrap .review {
        flex-direction: column;
    }
}

.main-content-wrap .course-reviews-wrap .review .review-img {
    max-width: 130px;
    width: 100%;
}

.main-content-wrap .course-reviews-wrap .review .review-info {
    flex: 1;
}

.main-content-wrap .course-reviews-wrap .review .review-info .name {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.main-content-wrap .course-reviews-wrap .review .review-info .name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.main-content-wrap .course-reviews-wrap .review .review-info .name span {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #505050;
}

.main-content-wrap .course-reviews-wrap .review .review-info .review-ratting {
    margin-bottom: 20px;
}

.main-content-wrap .course-reviews-wrap .review .review-info .review-ratting i {
    background: #f2c94c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.4;
}

.main-content-wrap .course-reviews-wrap .review .review-info .review-ratting i.active {
    opacity: 1;
}

.main-content-wrap .course-reviews-wrap .review .review-info .review-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
}

.main-content-wrap .course-reviews-btn-wrap {
    margin-top: 50px;
}

.main-content-wrap .course-reviews-btn-wrap a {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 30px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 6px;
}

.about-details-thumb-wrap .about-details-thumb {
    margin-bottom: 30px;
}

.about-details-thumb-wrap .about-details-thumb img {
    border-radius: 6px;
}

.about-details-thumb-wrap .thumb-name {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: var(--color-dark);
}

.about-details-thumb-wrap span {
    margin-top: 15px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
}

.course-decription-wrap .bar {
    width: 112px;
    height: 2px;
    display: inline-block;
    background: var(--color-primary);
}

.skill-wrapper .skill-title,
.skill-wrapper h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.skill-wrapper .skill-title span,
.skill-wrapper h5 span {
    color: #505050;
    font-size: 16px;
    font-weight: 400;
}

.skill-wrapper .progress {
    background: rgba(80, 80, 80, 0.2);
    height: 4px;
    border-radius: 0;
}

.skill-wrapper .progress-bar {
    width: 80%;
    background-color: var(--color-primary);
}

.skill-wrapper .progress-bar-2 {
    width: 90%;
    background-color: var(--color-primary);
}

.skill-wrapper .progress-bar-3 {
    width: 85%;
    background-color: var(--color-primary);
}

.skill-wrapper .progress-bar-4 {
    width: 85%;
    background-color: var(--color-primary);
}

.counter-style-two .count-inner {
    display: flex;
    align-items: center;
}

.counter-style-two .count-inner span,
.counter-style-two .count-inner h3 {
    color: var(--color-dark);
    font-size: 36px;
    font-weight: 700;
    display: inline;
    margin-bottom: 0;
}

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

    .counter-style-two .count-inner span,
    .counter-style-two .count-inner h3 {
        font-size: 28px;
    }
}

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

    .counter-style-two .count-inner span,
    .counter-style-two .count-inner h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    .counter-style-two .count-inner span,
    .counter-style-two .count-inner h3 {
        font-size: 24px;
    }
}

.counter-style-two .divider {
    width: 50px;
    border: 3px dashed var(--color-primary);
    border-radius: 3px;
    margin: 12px 0 15px 0;
    display: inline-block;
}

.counter-style-two .text p {
    font-weight: 600;
}

.experiences-skills-wrap {
    margin-top: 30px;
}

.experiences-skills-wrap .experiences-skills-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.experiences-skills-wrap .experiences-skills-text {
    margin-top: 15px;
}

.experiences-skills-wrap .experiences-skills-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    max-width: 384px;
}

.meta-info-wrap {
    margin-top: 20px;
}

.meta-info-wrap .meta-info {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.meta-info-wrap .meta-info .meta-info-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin-bottom: 0;
}

.meta-info-wrap .meta-info .meta-info-desc a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #505050;
}

.meta-info-wrap .meta-info .meta-info-desc a i {
    color: var(--color-primary);
    margin-left: 10px;
}

.widget-social-icon {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    padding-bottom: 40px;
}

.widget-social-icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(36, 93, 81, 0.1);
}

.widget-social-icon a i {
    color: var(--color-dark);
}

.widget-social-icon a:hover {
    background: rgba(36, 93, 81, 0.1);
}

.about-details-content .course-description-wrap .course-description-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 0;
    padding-bottom: 10px;
}

.about-details-content .course-description-wrap .course-description-title .bar {
    width: 100%;
    max-width: 112px;
    height: 2px;
    background: var(--color-primary);
}

.about-details-content .course-description-wrap .course-description-text {
    padding-top: 20px;
}

.about-details-content .course-description-wrap .course-description-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #505050;
    max-width: 806px;
}

.faq-btn {
    margin-top: 50px;
}

.faq-btn a {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    padding: 15px 35px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 6px;
}

.map-section iframe {
    width: 100%;
    height: 650px;
}

@media only screen and (max-width: 1200px) {
    .map-section iframe {
        height: 500px;
    }
}

@media only screen and (max-width: 991.98px) {
    .map-section iframe {
        height: 400px;
    }
}

.video-section-2 {
    background: #f5f5f5;
}

.video-wrapper .thumb {
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.05);
    border-radius: 12px;
    overflow: hidden;
}

.video-wrapper .thumb img {
    width: 100%;
}

.partner-section-3 {
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
}

.subscribe-section {
    background: rgba(36, 93, 81, 0.03);
}

.subscribe-wrapper {
    padding: 70px;
    background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #d9d9d9;
    border-radius: 12px;
    margin-bottom: -103px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1200px) {
    .subscribe-wrapper {
        padding: 50px 30px;
    }
}

@media only screen and (max-width: 991.98px) {
    .subscribe-wrapper {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .subscribe-wrapper {
        padding: 40px 15px;
        margin-bottom: 0;
    }
}

.subscribe-title h3 {
    font-weight: 800;
    font-size: 44px;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .subscribe-title h3 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 991.98px) {
    .subscribe-title h3 {
        font-size: 28px;
    }
}

.subscribe-form form .input-wrap {
    position: relative;
    z-index: 1;
}

.subscribe-form form .input-wrap input {
    width: 100%;
    height: 60px;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    border-radius: 6px;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.05);
}

.subscribe-form form .input-wrap input::-webkit-input-placeholder {
    color: #505050;
}

.subscribe-form form .input-wrap input:-moz-placeholder {
    color: #505050;
}

.subscribe-form form .input-wrap input::-moz-placeholder {
    color: #505050;
}

.subscribe-form form .input-wrap input:-ms-input-placeholder {
    color: #505050;
}

.subscribe-form form .input-wrap button {
    position: absolute;
    top: 50%;
    left: 5px;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: var(--color-dark);
    border-radius: 6px;
    border: none;
    height: 50px;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .subscribe-form form .input-wrap button {
        position: static;
        transform: translateY(0);
        margin-top: 20px;
    }
}

.subscribe-form form .input-wrap button:hover {
    background: var(--color-primary);
}

@media (max-width: 767px) {
    .subscribe-form form .input-wrap button:hover {
        background: var(--color-dark);
    }
}

.error-thumb {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.error-thumb img {
    width: 100%;
}

.error-content .error-title h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: var(--color-dark);
}

@media (max-width: 767px) {
    .error-content .error-title h2 {
        font-size: 28px;
        line-height: 36px;
    }
}

.error-content .error-text p {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #505050;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .error-content .error-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.shopping-cart {
    color: #ffffff;
    display: inline-block;
    position: relative;
    font-size: 20px;
    margin-left: 30px;
}

.shopping-cart span {
    position: absolute;
    background: #ef6f31;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    padding: 0;
    line-height: 17px;
    top: -12px;
    left: -18px;
    right: auto;
}

.shopping-cart:hover {
    color: #ffffff;
}

.widget-title h4 {
    color: var(--color-dark);
    font-size: 24px;
    line-height: 1;
    text-transform: capitalize;
}

@media only screen and (max-width: 1200px) {
    .widget-title h4 {
        font-size: 22px;
    }
}

.categories-accordion {
    background: #f8fafa;
}

.categories-accordion .accordion-item {
    background-color: transparent;
    border: 0;
}

.categories-accordion .accordion-item:first-of-type .accordion-button {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.categories-accordion .accordion-button {
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: var(--color-dark);
    font-weight: 500;
    border: 0;
    background-color: rgba(255, 255, 255, 0.03);
    padding: 5px 8px;
    border-radius: 6px;
}

.categories-accordion .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.categories-accordion .accordion-button::after {
    content: "\f078";
    font-size: 16px;
    font-family: "Font Awesome 5 Pro";
    background: none;
    transition: transform 0.2s ease-in-out;
    height: unset;
    width: unset;
}

.categories-accordion .accordion-button:not(.collapsed)::after {
    content: "\f078";
    font-size: 16px;
    font-family: "Font Awesome 5 Pro";
    background: none;
    transform: rotate(-180deg);
    height: unset;
    width: unset;
}

.categories-accordion .accordion-button:not(.collapsed) {
    color: var(--color-dark);
    box-shadow: none;
}

.categories-accordion .accordion-item .accordion-collapse {
    list-style: none;
    border: 0;
    border-width: 0;
    background-color: rgba(255, 255, 255, 0.03);
    padding-right: 0;
    border-bottom: 1px solid rgba(22, 27, 45, 0.05);
}

.categories-accordion .accordion-item .accordion-collapse li {
    padding: 13px 22px 0 0;
}

.categories-accordion .accordion-item .accordion-collapse li:last-child {
    padding-bottom: 20px;
}

.categories-accordion .accordion-item .accordion-collapse li a {
    color: var(--color-dark);
    font-size: 15px;
    line-height: 1;
}

.highlight_content li:first-child {
    margin-bottom: 8px;
}

.highlight_content li a {
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 400;
}

.price_range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.price_range .filter {
    border: 0;
    background: var(--color-primary);
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
    display: inline-block;
    padding: 10px 13px;
}

.price_range label {
    color: var(--color-dark);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.price_range #amount {
    background: 100%;
    color: var(--color-dark) !important;
    display: inline-block;
}

.ui-widget.ui-widget-content {
    position: relative;
    border: 0;
}

.ui-widget-content {
    border: 1px solid #ffffff;
    background: var(--color-primary);
    color: #ffffff;
    border: 0;
    border-radius: 4px;
}

.ui-slider-horizontal {
    height: 6px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    border-radius: 50%;
    border: 3px solid var(--color-dark);
    top: -4px;
    background: #ffffff;
}

.ui-widget-header {
    border: 0;
    background: #e6e6e6;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    height: 100%;
}

.ui-state-active,
.ui-state-hover:hover,
.ui-state-active:focus {
    border-color: red;
    background-color: #ffffff;
}

.widget_review .form-check .form-check-input {
    background: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    width: 20px;
    height: 20px;
    background: #ffffff;
    margin-left: 8px;
}

.widget_review .form-check .form-check-input:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.widget_review .form-check input[type=checkbox] {
    color: #fbb807;
}

.widget_review .form-check input {
    color: #fbb807;
}

.widget_review .products_rating a {
    color: #fbb807;
}

.widget_review .products_rating span {
    color: #ffffff;
}

.color_picker a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 13px;
    margin-bottom: 10px;
}

.product__wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 12px;
    background: #f8fafa;
}

.product__wrapper:hover .action-btn {
    left: 16px;
}

.action-btn {
    position: absolute;
    top: 20px;
    left: -50px;
    z-index: 1;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.action-btn a {
    color: var(--color-dark);
    font-size: 15px;
    display: block;
    line-height: 35px;
    background: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    text-align: center;
    margin-bottom: 5px;
}

.action-btn a:nth-child(2) {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.action-btn a:nth-child(3) {
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.action-btn a:nth-child(4) {
    -webkit-transition: all 0.7s linear 0s;
    -moz-transition: all 0.7s linear 0s;
    -o-transition: all 0.7s linear 0s;
    transition: all 0.7s linear 0s;
}

.action-btn a:hover {
    color: #ffffff;
    background: var(--color-primary);
}

.figure-caption {
    padding: 3px 20px 15px 20px;
}

.figure-caption .product-tag {
    color: var(--color-primary);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    font-family: "Avenir";
    border-bottom: 1px solid var(--color-dark);
    display: inline-block;
    margin-bottom: 13px;
}

.figure-caption .product__title {
    color: var(--color-dark);
    margin-bottom: 4px;
    display: inline-block;
}

.figure-caption .product__title:hover {
    color: var(--color-primary);
}

.figure-caption .price {
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 500;
    font-family: "Avenir";
    margin-bottom: 15px;
}

.figure-caption .price .old-price {
    margin-left: 12px;
}

.figure-caption .price .new-price {
    color: rgba(22, 27, 45, 0.5);
}

@media (max-width: 991.98px) {
    .figure-caption .semi-title {
        font-size: 20px;
    }
}

.cart-btn {
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    background: var(--color-primary);
    width: 100%;
    display: block;
    text-align: center;
    padding: 18px 0;
    border-radius: 6px;
    position: relative;
    z-index: 1;
}

.cart-btn::before {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--color-dark);
}

.cart-btn:hover {
    color: #ffffff;
}

.cart-btn:hover::before {
    top: -40%;
}

.sort-item {
    color: #ffffff;
    font-size: 16px;
    font-family: "Avenir";
}

.sort-item .sort-btn {
    line-height: 20px;
    background: #f8fafa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 0;
    padding: 16px 25px;
    margin-right: 25px;
}

.sort-item .sort-btn i {
    margin-right: 16px;
}

.sort-item .sort-btn::after {
    display: none;
}

.sort-item .sort-btn:hover {
    background: var(--color-primary);
}

.product__item__slider .product-item img {
    display: block;
    padding: 10px;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    .product__item__slider .product-item img {
        width: 100%;
        padding: 0;
    }
}

.product__thumb__slider .product-item img {
    display: inline-block;
    padding: 10px;
    padding-right: 0;
    width: 100%;
}

.cart-plus-minus {
    position: relative;
    display: inline-block;
}

.cart-plus-minus input {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    border: 0;
    height: 50px;
    width: 130px;
    font-size: 25px;
    line-height: 1;
    text-align: center;
    margin-top: 1px;
    border-radius: 12px;
}

.cart-plus-minus .qtybutton {
    background: #ffffff;
    width: 35px;
    height: 35px;
    line-height: 30px;
    position: absolute;
    border-radius: 50%;
    font-size: 25px;
    color: #111d5e;
    right: 7px;
    top: 18%;
    z-index: 1;
    cursor: pointer;
}

.cart-plus-minus .inc {
    right: auto;
    left: 7px;
    line-height: 35px;
}

.product__details .product-title {
    color: var(--color-dark);
    font-size: 40px;
}

@media only screen and (max-width: 1200px) {
    .product__details .product-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 991.98px) {
    .product__details .product-title {
        font-size: 24px;
    }
}

.product__details .price-list .old-price {
    font-size: 20px;
    color: #505050;
    margin-left: 10px;
}

.product__details .price-list .new-price {
    font-size: 22px;
    color: var(--color-dark);
    font-family: "Avenir";
}

.product__details .stock-text {
    color: var(--color-dark);
}

.product__details .cart-plus-minus input {
    background: #505050;
}

.product__details .add-to-cart {
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    font-family: "Avenir";
    font-weight: 500;
    background: var(--color-dark);
    padding: 14px 40px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.product__details .add-to-cart::before {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--color-primary);
}

.product__details .add-to-cart:hover {
    color: #ffffff;
}

.product__details .add-to-cart:hover::before {
    top: -40%;
}

@media only screen and (max-width: 767.98px) {
    .product__details .add-to-cart {
        text-align: center;
        width: 100%;
        padding: 16px 23px;
    }
}

.product__details .cart-btn {
    width: unset;
    padding: 16px 133px;
    line-height: 20px;
    display: inline-block;
}

@media only screen and (max-width: 767.98px) {
    .product__details .cart-btn {
        width: 100%;
        padding: 16px 23px;
    }
}

.product__details .social-icon a {
    color: var(--color-dark);
    font-size: 18px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.product__details .social-icon a:hover {
    color: var(--color-primary);
}

.product-rating a {
    color: #f7c600;
    font-size: 24px;
    margin-left: 5px;
}

.product-rating a:last-child {
    color: #ffffff;
}

.color-mode {
    display: flex;
    align-items: center;
}

.color-mode p {
    color: var(--color-dark);
    margin-bottom: 0;
}

.color-mode .color-cus {
    background: #ffffff;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
}

.product-tab {
    border: 0;
    background: 100%;
    border-radius: 0;
    justify-content: center;
    background: #f9f9f9;
    padding: 2px 0;
}

.product-tab .nav-link {
    border: 0;
    border-radius: 0;
    color: #505050;
    font-size: 17px;
    font-family: "Avenir";
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    padding: 15px 0;
    margin: 0 30px;
}

.product-tab .nav-link.active,
.product-tab .nav-link:hover {
    color: var(--color-primary);
    background-color: transparent;
    border-bottom: 2px solid var(--color-primary);
}

.cart-menu-right {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.cart-menu-right.cart-info {
    left: 0;
    opacity: 1;
    visibility: visible;
    display: block;
    transition: all 0.5s ease-in-out;
}

.cart-menu-right .close-icon a {
    color: #222222;
    padding-right: 10px;
    position: absolute;
    top: 36px;
    border: 1px solid red;
    padding-right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    right: 30px;
}

.cart-menu-right .close-icon a:hover {
    color: var(--color-primary);
}

.cart-style-1 {
    padding: 100px 20px 30px 30px;
    position: fixed;
    z-index: 1200;
    width: 450px;
    height: 100%;
    right: auto;
    left: -450px;
    top: 0;
    background: #ffffff;
    box-shadow: 0 1px 21px 0 rgba(43, 43, 43, 0.08);
    transition: all 0.5s ease-in-out;
}

.cart-style-1 .dropdown-cart-products {
    overflow-y: auto;
}

.cart-style-1 .product {
    display: flex;
    align-items: flex-start;
    padding: 10px 10px 25px 20px;
    position: relative;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.cart-style-1 .product__cart-details {
    margin-bottom: 0;
}

.cart-style-1 .product__cart-details .product-title {
    font-weight: 400;
    margin-bottom: 10px;
}

.cart-style-1 .product__cart-details .product-title a:hover {
    color: var(--color-primary);
}

.cart-style-1 .product .cart-product-info {
    color: var(--color-dark);
}

.cart-style-1 .product figure {
    margin-bottom: 0;
}

.cart-style-1 .product .product-img {
    display: block;
    width: 132px;
    height: auto;
}

@media only screen and (max-width: 767.98px) {
    .cart-style-1 .product .product-img {
        max-width: 80px;
    }
}

.cart-style-1 .product .remove-btn {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    display: flex;
    align-items: center;
    transform: translateY(-100%);
}

.cart-style-1 .product .remove-btn i {
    color: var(--color-dark);
    font-size: 14px;
    line-height: 1;
}

.cart-style-1 .cart-total {
    display: flex;
    align-items: flex-end;
    color: var(--color-dark);
    text-transform: uppercase;
}

.cart-style-1 .cart-total .cart-total-price {
    margin-right: auto;
}

.cart-style-1 .cart-action .btn {
    background: var(--color-primary);
    border-radius: 0;
    padding: 6px 20px;
    border: 0;
}

.cart-style-1 .cart-action .btn-outline-primary-2 {
    background: transparent;
    border: 1px solid var(--color-primary);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    padding: 6px 20px 6px 30px;
    margin-right: 10px;
}

.cart-style-1 .cart-action .btn-outline-primary-2 i {
    transform: translateX(-10px);
    line-height: 1;
}

.cart-style-1 .cart-action .btn-outline-primary-2:hover {
    color: #ffffff;
    background: var(--color-primary);
}

@media only screen and (max-width: 767.98px) {
    .cart-style-1 {
        width: 320px;
    }
}

.social-style-two a {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.social-style-two a:hover {
    color: var(--color-primary);
    transform: scale(1.1);
}

.product-review-section .description-content p {
    margin-bottom: 30px;
}

.cart-list-form {
    border: 1px solid rgba(119, 124, 144, 0.2);
}

.cart-list-form .table th {
    font-weight: 400;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid rgba(119, 124, 144, 0.2);
    padding: 15px 30px;
    text-align: start;
    color: #505050;
}

.cart-list-form .table .product-thumbnails {
    padding-right: 20px;
    width: 100px;
}

.cart-list-form .table .product-thumbnails img {
    max-height: 100%;
    max-width: none;
}

.cart-list-form .table .product-img {
    display: block;
    max-width: 100px;
    max-height: 100px;
    overflow: hidden;
}

.cart-list-form .table tbody td {
    border: none;
    vertical-align: middle;
    text-align: center;
    padding: 30px 0;
}

.cart-list-form .table-responsive {
    margin-bottom: 30px;
}

.cart-list-form .table-responsive::-webkit-scrollbar {
    width: 0.3em;
    height: 10px;
}

.cart-list-form .table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.cart-list-form .table-responsive::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
}

.cart-list-form .table .product-info {
    padding-right: 30px;
    text-align: right;
}

.cart-list-form .table .product-info ul.style-none {
    padding: 0;
    margin: 0;
}

.cart-list-form .table .product-info ul.style-none li {
    font-weight: 500;
    display: inline-block;
    font-size: 15px;
    color: #505050;
    padding-left: 15px;
}

.cart-list-form .table .product-info .product-name {
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 20px;
    color: #505050;
}

@media only screen and (max-width: 991.98px) {
    .cart-list-form .table .product-info .product-name {
        font-size: 18px;
    }
}

.cart-list-form .table .product-info .serial {
    font-size: 15px;
    color: #505050;
    padding-bottom: 6px;
}

.cart-list-form .table .quantity .product-value {
    font-weight: 500;
    font-size: 18px;
    color: #505050;
    max-width: 55px;
    background: 100% 0;
    border: none;
    text-align: center;
    padding-right: 12px;
}

@media only screen and (max-width: 991.98px) {
    .cart-list-form .table .quantity .product-value {
        max-width: 14px;
    }
}

.cart-list-form .table .quantity .order-box {
    padding: 0;
    margin: 0;
}

.cart-list-form .table .quantity li {
    display: inline-block;
    line-height: 40px;
    max-height: 40px;
}

.cart-list-form .table .quantity li .btn {
    font-size: 24px;
    padding: 0;
    border: none;
    vertical-align: inherit;
    color: var(--color-dark);
    background: #ddd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

@media only screen and (max-width: 991.98px) {
    .cart-list-form .table .quantity li .btn {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

.cart-list-form .table .remove-product {
    color: var(--color-primary);
    font-size: 22px;
}

.cart-list-form .table tbody tr {
    padding: 10px 0;
    border-bottom: 1px solid rgba(119, 124, 144, 0.2);
}

.cart-list-form .table .price,
.cat__section .cart-footer .cart-total-table tr td {
    font-size: 18px;
    color: #505050;
    font-weight: 500;
}

.cart-footer .coupon-form {
    position: relative;
    z-index: 1;
}

.cart-footer .coupon-form input {
    width: 275px;
    border: none;
    background: #ddd;
    font-size: 16px;
    color: var(--color-dark);
    padding-right: 14px;
    height: 40px;
}

.cart-footer .coupon-form input::placeholder {
    font-size: 16px;
    color: var(--color-dark);
}

.cart-footer .coupon-form input::-moz-placeholder {
    font-size: 16px;
    color: var(--color-dark);
}

.cart-footer .coupon-form input::-o-placeholder {
    font-size: 16px;
    color: var(--color-dark);
}

.cart-footer .coupon-form input::-webkit-placeholder {
    font-size: 16px;
    color: var(--color-dark);
}

.cart-footer .coupon-form input::-ms-placeholder {
    font-size: 16px;
    color: var(--color-dark);
}

.cart-footer .coupon-form .coupon_btn {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    height: 40px;
    padding: 0;
    width: 130px;
    text-transform: capitalize;
}

.cart-footer .coupon-form .coupon_btn:hover {
    color: #505050;
}

.cart-footer .coupon-form .coupon_btn:hover::before {
    background: var(--color-primary);
}

.cart-footer .update-section p {
    color: #505050;
    margin-bottom: 10px;
    cursor: pointer;
}

.cart-footer .update-cart-button {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    background: var(--color-dark);
    width: max-content;
    height: 40px;
    display: inline-block;
    margin-top: -3px;
}

.cart-total-section {
    padding: 40px 30px;
    border-radius: 6px;
    background: #f8fafa;
}

.cart-total-section .checkout-process {
    width: 100%;
    text-align: center;
    background: var(--color-dark);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 10px 25px;
}

@media only screen and (max-width: 767.98px) {
    .cart-total-section {
        padding: 40px 15px;
    }
}

.cart-total-table tbody tr {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(119, 124, 144, 0.2);
    margin-bottom: 25px;
}

.cart-total-table tbody tr:last-child {
    border-bottom: 0;
}

.cart-total-table tbody th,
.cart-total-table tbody td {
    color: #505050;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0px;
}

.checkout-form label {
    color: var(--color-dark);
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

.checkout-form .single-input-wrapper,
.checkout-form textarea {
    width: 100%;
    background: #f8fafa;
    border: 0;
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 13px 20px;
    margin-bottom: 25px;
}

.checkout-form .single-input-wrapper::placeholder,
.checkout-form textarea::placeholder {
    color: var(--color-dark);
}

.checkout-form .single-input-wrapper::-ms-placeholder,
.checkout-form textarea::-ms-placeholder {
    color: var(--color-dark);
}

.checkout-form .single-input-wrapper::-o-placeholder,
.checkout-form textarea::-o-placeholder {
    color: var(--color-dark);
}

.checkout-form .single-input-wrapper::-moz-placeholder,
.checkout-form textarea::-moz-placeholder {
    color: var(--color-dark);
}

.checkout-form .single-input-wrapper::-webkit-placeholder,
.checkout-form textarea::-webkit-placeholder {
    color: var(--color-dark);
}

.checkout-form .ht-select-menu {
    color: var(--color-dark);
    width: 100%;
    border-radius: 6px;
    background: #f8fafa;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    padding: 13px 20px;
    position: relative;
    z-index: 10;
}

.checkout-form .nice-select {
    position: relative;
    z-index: 10;
}

.checkout-form .nice-select .option {
    color: var(--color-dark);
}

.checkout-form textarea {
    padding-top: 20px;
    height: 200px;
}

.checkout-form .checkbox-list {
    list-style: none;
    padding: 0;
}

.payment-list {
    padding: 0;
    list-style: none;
}

.payment-list p {
    color: #505050;
}

.payment-list .credit-card-form h6 {
    font-size: 16px;
}

.payment-list .credit-card-form input {
    width: 100%;
    border: 1px solid rgba(119, 124, 144, 0.15);
    padding-right: 10px;
    display: block;
    margin-bottom: 15px;
}

.checkout__section {
    overflow: hidden;
}

.shopping-cart {
    color: #505050;
    display: inline-block;
    position: relative;
    font-size: 24px;
    margin-left: 30px;
}

.shopping-cart span {
    position: absolute;
    background: var(--color-primary);
    border-radius: 50%;
    width: 17px;
    height: 17px;
    padding: 0;
    line-height: 17px;
    top: -11px;
    left: -13px;
    right: auto;
    font-size: 14px;
}

.shopping-cart:hover {
    color: #505050;
}

@media only screen and (max-width: 1200px) {
    .shopping-cart {
        margin-left: 0;
    }
}

.cart-title {
    font-size: 32px;
}

@media only screen and (max-width: 1200px) {
    .cart-title {
        font-size: 26px;
    }
}

.contact-area {
    background: #f8fafa;
}

.contact-wrapper {
    padding: 40px 30px;
    background: #ffffff;
    box-shadow: -5px 15px 45px 0px rgba(22, 27, 45, 0.05);
}

@media only screen and (max-width: 991.98px) {
    .contact-wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.main-contact-form .input-wrap,
.signup-form .input-wrap {
    margin-bottom: 30px;
}

.main-contact-form .input-wrap label,
.signup-form .input-wrap label {
    color: #505050;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

.main-contact-form .input-wrap input,
.signup-form .input-wrap input {
    width: 100%;
    border-radius: 6px;
    background: #f8fafa;
    border: 0;
    padding: 13px 20px;
    color: #505050;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-contact-form .input-wrap input:focus::-webkit-input-placeholder,
.signup-form .input-wrap input:focus::-webkit-input-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap input:focus:-moz-placeholder,
.signup-form .input-wrap input:focus:-moz-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap input:focus::-moz-placeholder,
.signup-form .input-wrap input:focus::-moz-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap input:focus:-ms-input-placeholder,
.signup-form .input-wrap input:focus:-ms-input-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap textarea,
.signup-form .input-wrap textarea {
    width: 100%;
    height: 169px;
    border-radius: 6px;
    background: #f8fafa;
    border: 0;
    padding: 20px 20px;
    color: #505050;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.main-contact-form .input-wrap textarea:focus::-webkit-input-placeholder,
.signup-form .input-wrap textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap textarea:focus:-moz-placeholder,
.signup-form .input-wrap textarea:focus:-moz-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap textarea:focus::-moz-placeholder,
.signup-form .input-wrap textarea:focus::-moz-placeholder {
    color: transparent;
}

.main-contact-form .input-wrap textarea:focus:-ms-input-placeholder,
.signup-form .input-wrap textarea:focus:-ms-input-placeholder {
    color: transparent;
}

.main-contact-form .submit-btn input[type=submit],
.signup-form .submit-btn input[type=submit] {
    display: inline-block;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background: var(--color-primary);
    border-radius: 6px;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.1);
    border: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.main-contact-form .submit-btn input[type=submit]:hover,
.signup-form .submit-btn input[type=submit]:hover {
    background: var(--color-dark);
}

.contact-info-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.contact-info-layout .info-item {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 415px;
}

.contact-info-layout .info-item .icon {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    background: var(--color-dark);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

@media (max-width: 767px) {
    .contact-info-layout .info-item .icon {
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}

.contact-info-layout .info-item .text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.contact-info-layout .info-item .text p {
    color: var(--color-dark);
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .contact-info-layout .info-item .text p {
        font-size: 16px;
        width: 100%;
        line-height: 1.2;
    }
}

.contact-info-layout .info-item .text a {
    color: var(--color-dark);
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .contact-info-layout .info-item .text a {
        font-size: 16px;
        width: 100%;
        line-height: 1.2;
    }
}

.contact-info-layout .info-item .text a:hover {
    color: var(--color-primary);
}

.signup-form .input-wrap {
    position: relative;
    z-index: 1;
}

.signup-form .input-wrap span {
    position: absolute;
    z-index: 1;
    right: 2%;
    top: 13%;
}

.signup-form .input-wrap span img {
    filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(165deg) brightness(106%) contrast(100%);
}

.signup-form .input-wrap input {
    padding-right: 60px;
}

.signup-form .submit-btn .signup-btn {
    display: inline-block;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-dark);
    background: #ffffff;
    border-radius: 6px;
    box-shadow: -5px 15px 45px rgba(22, 27, 45, 0.07);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border: 0;
    width: 100%;
}

.signup-form .submit-btn .btn-1 {
    color: #ffffff;
    background: var(--color-dark);
}

.signup-form .submit-btn .btn-1:hover {
    background: var(--color-primary);
}

.signup-form .submit-btn .divider {
    color: var(--color-dark);
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 10px 0;
    position: relative;
    z-index: 1;
    font-size: 18px;
}

/*------------------------------------------------------------------------------
	Template Name: Starter Project Template.
-------------------------------------------------------------------------------*/