@import url('https://fonts.googleapis.com/css2?family=Preahvihear&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

@font-face {
    font-family: 'Product Sans Light';
    src: url('../fonts/product-sans/ProductSans-Light.eot');
    src: url('../fonts/product-sans/ProductSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/product-sans/ProductSans-Light.woff2') format('woff2'),
        url('../fonts/product-sans/ProductSans-Light.woff') format('woff'),
        url('../fonts/product-sans/ProductSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans Regular';
    src: url('../fonts/product-sans/ProductSans-Regular.eot');
    src: url('../fonts/product-sans/ProductSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/product-sans/ProductSans-Regular.woff2') format('woff2'),
        url('../fonts/product-sans/ProductSans-Regular.woff') format('woff'),
        url('../fonts/product-sans/ProductSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans Medium';
    src: url('../fonts/product-sans/ProductSans-Medium.eot');
    src: url('../fonts/product-sans/ProductSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/product-sans/ProductSans-Medium.woff2') format('woff2'),
        url('../fonts/product-sans/ProductSans-Medium.woff') format('woff'),
        url('../fonts/product-sans/ProductSans-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans Bold';
    src: url('../fonts/product-sans/ProductSans-Bold.eot');
    src: url('../fonts/product-sans/ProductSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/product-sans/ProductSans-Bold.woff2') format('woff2'),
        url('../fonts/product-sans/ProductSans-Bold.woff') format('woff'),
        url('../fonts/product-sans/ProductSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Product Sans Black';
    src: url('../fonts/product-sans/ProductSans-Black.eot');
    src: url('../fonts/product-sans/ProductSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/product-sans/ProductSans-Black.woff2') format('woff2'),
        url('../fonts/product-sans/ProductSans-Black.woff') format('woff'),
        url('../fonts/product-sans/ProductSans-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Emona';
    src: url('../fonts/emona.eot');
    src: url('../fonts/emona.svg') format('embedded-opentype'),
        url('../fonts/emona.woff2') format('woff2'),
        url('../fonts/emona.woff') format('woff'),
        url('../fonts/emona.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'SeoulHangang CBL';
    src: url('../fonts/SeH-CBL.eot');
    src: url('../fonts/SeH-CBL.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SeH-CBL.woff2') format('woff2'),
        url('../fonts/SeH-CBL.woff') format('woff'),
        url('../fonts/SeH-CBL.ttf') format('truetype'),
        url('../fonts/SeH-CBL.svg#SeH-CBL') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
    --font-light: 'Product Sans Light';
    --font-regular: 'Product Sans Regular';
    --font-medium: 'Product Sans Medium';
    --font-bold: 'Product Sans Bold';
    --font-black: 'Product Sans Black';
    --base: #efe058;
    --base-rgb: 239, 224, 88;
    --black: #0f0f11;
    --green-color-1: #4eb9d3;
    --green-color-2: #4eb9d3;
    --dark-green-1: #172269;
    --light-green: #D2F9FB;
    --orange-color: #172269;
    --light-orange-1: #FFE9E0;
    --red-color: #FF0000;
    --black-rgb: 1, 2, 18;
    --primary: #4eb9d3;
    --primary-rgb: 55, 152, 149;
    --banner-height: 600px;
}


body {
    font-family: var(--font-regular);
    color: #696969;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.4px;
    word-spacing: 1px;
    scroll-behavior: smooth;
}
body.locked {
    overflow: hidden;
}

a {
    color: var(--black);
    transition: .4s;
    -webkit-transition: all .4s ease-in-out;
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}
:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}
::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}
::placeholder {
    color: inherit;
    opacity: 1;
}

img{
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--black);
    margin: 0;
    letter-spacing: normal;
}

p {
    margin: 0;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    padding: 0;
}

a:hover{
    color: var(--orange-color);
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}
:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}
::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}
::placeholder {
    color: inherit;
    opacity: 1;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.container {
    padding-left: 12px;
    padding-right: 12px;
}

.border-top, .border-end, .border-bottom, .border-start{
    border-color: #969696!important;
}
.border-top-light, .border-end-light, .border-bottom-light, .border-start-light{
    border-color: #fff!important;
}
.border-dashed-top{
    border-top-style: dashed!important;
}
.border-dashed-right{
    border-right-style: dashed!important;
}
.border-dashed-left{
    border-left-style: dashed!important;
}
.border-dashed-bottom{
    border-bottom-style: dashed!important;
}

.opacity-5{
    opacity: 0.5;
}

hr{
    opacity: 0.4;
}

hr.dotted-line{
    background-color: transparent;
    border-bottom: 1px dashed #6A6A6A;
}
hr.dotted-line.green-color{
    background-color: transparent;
    opacity: 1;
    border-bottom: 1px dashed var(--green-color-1);
}
hr.dotted-line.light-color{
    border-bottom: 1px dashed #fff;
}

/* @media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
} */

button{
    background-color: transparent;
    border: 0;
}

figure{
    margin: 0;
}

/*  */
.theme-btn:focus,
button:focus,
.navbar-toggler:focus,
.btn-close:focus{
    outline: none;
    box-shadow: none;
}

.fs-normal{
    font-size: 16px!important;
}
.lh-2 {
    line-height: 1.2 !important;
}

.font-light{
    font-family: var(--font-light);
}
.fw-normal{
    font-family: var(--font-regular);
}
.fw-medium{
    font-family: var(--font-medium);
}
.fw-bold{
    font-family: var(--font-bold);
}

.rounded-4{
    border-radius: 35px;
}
.rounded-5{
    border-radius: 50px;
}

.theme-btn{
    cursor: pointer;
    width: auto;
    position: relative;
    display: inline-flex;
    color: #fff;
    background-color: var(--orange-color);
    padding: 12px 23px;
    line-height: normal;
    border-radius: 0;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
}
.theme-btn::after {
    content: "";
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    position: absolute;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    background: var(--black);
}
.theme-btn:hover::after {
    top: -40%;
}
.theme-btn:hover {
    color: #fff;
}

.theme-btn.green-color{
    background-color: var(--green-color-1);
}
.theme-btn.white-color{
    color: var(--orange-color);
    background-color: #fff;
}
.theme-btn.white-color::after{
    background-color: var(--dark-green-1);
}
.theme-btn.white-color:hover{
    color: #fff;
}

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

.theme-btn.btn-lg{
    font-family: 'Product Sans Light';
    padding: 12px 38px;
}

.theme-btn.with-icon{
    display: inline-flex;
    align-items: center;
}
.theme-btn.with-icon img{
    width: 24px!important;
    margin-left: 8px;
}

.section-space{
    padding-top: 80px;
    padding-bottom: 80px;
}

.link-txt{
    color: var(--orange-color);
    text-decoration: underline;
}
.link-txt-grey{
    color: #767575;
}

.grey-color{
    color: #424242!important;
}
.orange-color{
    color: var(--orange-color)!important;
}
.green-color-txt{
    color: var(--green-color-1)!important;
}
.green-color-txt-2{
    color: var(--green-color-2)!important;
}
.red-color-txt{
    color: var(--red-color);
}
.bg-green{
    background-color: var(--green-color-1)!important;
}
.bg-orange{
    background-color: var(--orange-color)!important;
}
.bg-light-orange-1{
    background-color: var(--light-orange-1);
}

.title-red{
    color: #E41C3E;
}

/* object-fit */
.object-fit{
    -o-object-fit: cover;
    object-fit: cover;
}

/* -- heading-style-1 */
.heading-style-1 .title{
    color: var(--green-color-1);
    font-size: 46px;
    font-family: "Questrial", sans-serif;
}
.heading-style-1 .sub-title{
    color: #242424;
    font-size: 30px;
    font-family: "Preahvihear", sans-serif;
    margin-bottom: 10px;
}
.heading-style-1 .green-color{
    color: #1D989E;
}

/* title-style */
.title-style{
    color: var(--dark-green-1);
    font-size: 30px;
    font-family: var(--font-bold);
    margin-bottom: 25px;
    font-weight: 600;
}

/* title-style-1 */
.title-style-1{
    color: var(--dark-green-1);
    font-size: 38px;
    margin-bottom: 25px;
    font-weight: 800;
}
.title-style-1.green-color{
    color: var(--green-color-1);
    font-weight: 600;
}
.title-style-1 span{
    color: var(--orange-color);
    font-family: var(--font-bold);
}
/* with-icon */
.title-style-1.with-icon{
    font-size: 35px;
}
.title-style-1.with-icon img{
    width: 45px;
    margin: -8px 8px 0 0;
}

/* heading-line-style */
.heading-line-style{
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 35px;
}
.heading-line-style .title{
    color: var(--green-color-1);
    font-size: 36px;
}
.heading-line-style::after{
    content: "";
    background: linear-gradient(-100deg, rgba(255, 255, 255, 0) 6%, rgba(254, 87, 15, 0.5) 39%, #125D5F 100%);
    width: 180px;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}
/*  */
/* .title-lines{
    overflow: hidden;
}
.title-lines .title{
    display: inline-block;
    font-size: 25px;
    width: auto;
    position: relative;
}
.title-lines .title::before,
.title-lines .title::after{
    content: '';
    background: #fff;
    height: 6px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--green-color-1);
    border-bottom: 1px solid var(--green-color-1);
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.title-lines .title::before{left:-85%;}
.title-lines .title::after{right:-85%;} */

/* title-block */
.title-block{
    text-align: center;
    margin: 0 auto 30px;
}
.title-block .title{
    color: var(--dark-green-1);
    display: inline-block;
    background-color: #F3F3F3;
    padding: 16px 46px;
}
.title-block .title span{
    color: var(--orange-color);
    font-family: var(--font-bold);
}
/* title-block-1 */
.title-block-1{
    text-align: center;
    margin: 0 auto 20px;
}
.title-block-1 .title{
    color: #fff;
    display: inline-block;
    background-color: #E31836;
    padding: 8px 34px;
}
/* title-block-2 */
.title-block-2{
    max-width: 100%;
    display: inline-block;
    position: relative;
}
.title-block-2 .title{
    color: #fff;
    font-size: 1.3rem;
    text-align: left;
    display: inline-block;
    background-color: var(--orange-color);
    padding: 10px 28px 10px 65px;
    border-radius: 50px;
}
.title-block-2 .title.green-color{
    background-color: var(--green-color-1);
}
.title-block-2 .icon-block{
    width: 52px;
    height: 52px;
    line-height: 52px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-color: var(--green-color-1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
}
.title-block-2 .icon-block.orange-color{
    background-color: var(--orange-color);
}
.title-block-2 .icon-block img{
    width: 20px;
}
/* title-block-3 */
.title-block-3{
    display: inline-block;
    color: #fff;
    background-color: #E41C3E;
    padding: 10px 35px 10px 35px;
    border-radius: 50px;
    border-left: 7px solid #066668;
    border-right: 7px solid #066668;
}

/* title-block-4 */
.title-block-4{
    position: relative;
}
.title-block-4 .title{
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    background-color: var(--orange-color);
    padding: 6px 25px;
    margin: 0 auto;
}
.title-block-4 .title::before,
.title-block-4 .title::after{
    content: "";
    width: 20px;
    height: 100%;
    background-color: var(--green-color-1);
    position: absolute;
    top: 6px;
    left: -8px;
}
.title-block-4 .title::after{
    left: auto;
    right: -8px;
}
/* title-block-5 */
.title-block-5{
    position: relative;
    background-color: #FF6F31;
    padding: 10px 15px 10px 45px;
    border-radius: 0 50px 50px 0;
}
.title-block-5.green-color{
    background-color: #06686C;
}
.title-block-5 > img{
    position: absolute;
    top: 5px;
    left: 6px;
    width: 34px;
}
.title-block-5 .title{
    font-size: 22px;
    font-family: var(--font-bold);
}
/* title-block-6 */
.title-block-6{
    max-width: 100%;
    display: inline-block;
    position: relative;
}
.title-block-6 .title{
    font-size: 1.3rem;
    text-align: left;
    display: inline-block;
    padding: 10px 28px 10px 65px;
    border-radius: 50px 0 0 50px;
}
.title-block-6 .title.green-color{
    background-color: var(--green-color-1);
}
.title-block-6 .icon-block{
    width: 52px;
    height: 52px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-color: var(--green-color-1);
}
.title-block-6 .icon-block img{
    max-width: 60%;
}

/* title-row-1 */
.title-row-1{
    position: relative;
    background-color: var(--orange-color);
    padding: 0 0;
    margin-bottom: 25px;
}
.title-row-1 .title-block-2 .icon-block{
    width: 60px;
    height: 60px;
    line-height: 58px;
}
.title-row-1 .title-block-2 .icon-block img{
    width: 29px;
}
.title-row-1 .title-block-2 .title{
    font-size: 1.6rem;
    padding-left: 72px;
}

/* icon-block-wrapper */
.icon-block-wrapper{
    border: 1px solid var(--orange-color);
}
.icon-block-wrapper ul li{
    font-size: 19px;
}
.icon-block-wrapper .border-end{
    border-right-color: var(--orange-color)!important;
}
.icon-block-wrapper .icon-block{
    width: 31px;
    height: 31px;
}


/*  */
.heading-block{
    position: relative;
    text-align: center;
}
.heading-block .title{
    color: #fff;
    font-size: 28px;
    position: relative;
    display: inline-block;
    padding: 12px 30px 12px;
    background-color: var(--orange-color);
    border-radius: 30px 30px 0 0;
}
.heading-block .title::before,
.heading-block .title::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    border: 10px solid #03474A;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.heading-block .title::after{
    border-left-color: #03474A;
    border-right-color: transparent;
    left: auto;
    right: -20px;
}

/*  */
.title-row{
    color: var(--green-color-1);
    background-color: #F6F6F6;
    padding: 15px 0;
}
.title-row .title{
    font-size: 33px;
    color: var(--green-color-1);
}
.title-row.green-color{
    background-color: var(--green-color-1);
}
.title-row.orange-color{
    background-color: var(--orange-color);
}
.title-row.green-color *,
.title-row.orange-color *{
    color: #fff;
}
.title-row.light-grey-color{
    background-color: #E4FEFF;
}

/* list-style */
.list-style li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-weight: 600;
}
.list-style li::before{
    content:"\f00c";
    font-family:"Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 1px;
    left: 0;
    color: #E02735;
}
/* list-style-1 */
.list-style-1 li{
    padding-left: 25px;
    margin-bottom: 20px;
}
.list-style-1 li::before{
    content:"\f101";
    font-size: 15px;
    color: var(--dark-green-1);
}
.list-style-1 li span{
    color: var(--dark-green-1);
    font-family: var(--font-bold);
}
/* simple-list */
.simple-list li{
    padding-left: 15px;
    margin-bottom: 5px;
}
.simple-list li::before{
    content:"\f111";
    color: var(--black);
    font-size: 5px;
}
.simple-list.light li::before {
    color: #fff;
}
/* simple-list */
.simple-list.alternate-color li::before{
    color: var(--green-color-1);
}
.simple-list.alternate-color li:nth-child(even)::before{
    content:"\f111";
    color: var(--orange-color);
    font-size: 5px;
}
.simple-list.lh-base li::before{
    top: 9px;
}

/* simple-icon-list */
.simple-icon-list li{
    font-size: 19px;
    font-family: var(--font-light);
    position: relative;
    padding-left: 31px;
    margin-bottom: 10px;
}
.simple-icon-list li img{
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
}

/* list-style-circle */
.list-style-circle li{
    padding-left: 19px;
    margin-bottom: 10px;
}
.list-style-circle li::before{
    content:"\f111";
    font-size: 8px;
    color: var(--green-color-1);
}
/* list-style-2 */
.list-style-2 li{
    line-height: 28px;
    padding-left: 24px;
    margin-bottom: 10px;
}
.list-style-2 li::before{
    content:"";
    top: 8px;
    left: 0;
    background: url(../img/check-circle-green.svg) no-repeat center / contain;
    width: 15px;
    height: 15px;
    line-height: normal;
}
.list-style-2 li:last-child{
    margin-bottom: 0;
}
/* list-style-2-light */
.list-style-2-light li::before{
    background: url(../img/check-circle-light-icon.svg) no-repeat center / contain;
    height: 15px;
}
/* list-style-2-orange */
.list-style-2-orange li::before{
    background: url(../img/check-circle-orange.svg) no-repeat center / contain;
    width: 16px;
    height: 16px;
}
/* list-style-arrow-right */
.list-style-arrow-right li{
    padding-left: 25px;
    margin-bottom: 20px;
}
.list-style-arrow-right li::before{
    content:"\f100";
    font-size: 15px;
}
.list-style-arrow-right.light li::before{
    color: #fff;
}
.list-style-arrow-right.orange li::before{
    color: var(--orange-color);
}

/* list-style-checkbox */
.list-style-checkbox li{
    padding-left: 24px;
    margin-bottom: 15px;
}
.list-style-checkbox li:last-child{
    margin-bottom: 0;
}
.list-style-checkbox li::before{
    content:"";
    top: 7px;
    left: 0;
    background: url(../img/checkbox-light-icon.svg) no-repeat center / contain;
    width: 15px;
    height: 15px;
    line-height: normal;
}
.list-style-checkbox li span{
    color: var(--green-color-1);
    font-family: var(--font-bold);
}
/*  */
.list-style-checkbox-dark li{
    padding-left: 24px;
    margin-bottom: 15px;
}
.list-style-checkbox-dark li::before{
    content:"";
    top: 7px;
    left: 0;
    background: url(../img/checkbox-green-color-icon.svg) no-repeat center / contain;
    width: 15px;
    height: 15px;
    line-height: normal;
}
.list-style-checkbox-dark li span{
    color: var(--green-color-1);
    font-family: var(--font-bold);
}
/*  */
.list-style-checkbox-orange li{
    padding-left: 24px;
    margin-bottom: 15px;
}
.list-style-checkbox-orange li::before{
    content:"";
    top: 4px;
    left: 0;
    background: url(../img/checkbox-orange-color-icon.svg) no-repeat center / contain;
    width: 18px;
    height: 18px;
    line-height: normal;
}
.list-style-checkbox-orange li span{
    color: var(--green-color-1);
    font-family: var(--font-bold);
}
/* number-list-style */
.number-list-style{
    list-style-type: decimal;
    padding-left: 18px;
}
.number-list-style li{
    line-height: 26px;
    margin-bottom: 8px;
}

/*  */
.decor-line{
    position: relative;
    text-align: center;
}
.decor-line::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}
.decor-line img{
    background-color: #fff;
    width: 100px;
    position: relative;
    padding: 0 25px;
    margin: -28px 0 0;
}

.icon-block{
    display: inline-block;
    text-align: center;
    border-radius: 100%;
}
.icon-block.square-box{
    width: 80px;
    height: 80px;
    line-height: 80px;
}

/* numeric-list */
.numeric-list{
    counter-reset: num1;
}
.numeric-list li{
    margin-bottom: 20px;
}
.numeric-list li .col{
    padding: 10px 25px 10px 34px;
    position: relative;
    height: 100%;
    border: 1px solid var(--green-color-1);
    border-right-width: 5px;
    margin-left: 20px;
}
.numeric-list li .col::before{
    counter-increment: num1;
    content: counter(num1);
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -18px;
    width: 40px;
    height: 38px;
    background: url(../img/right-arrow-shape.svg) no-repeat center / contain;
}
.numeric-list li span{
    font-family: var(--font-medium);
    margin-right: 4px;
}

/* card */
.card{
    border-radius: 0;
    display: flex;
    height: 100%;
}
.card .card-header{
    background-color: var(--orange-color);
    padding: 0.5rem 2rem;
    border-radius: 0;
}
.card .card-header .card-title{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: normal;
}
.card .card-body{
    padding: 1rem 1.5rem;
    height: 100%;
}
/* card-design-1 */
.card.card-design-1{
    background-color: #FAFAFA;
    border: 0;
    padding: 0 40px 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.card.card-design-1 .card-header{
    position: relative;
    background-color: transparent;
    padding: 0;
    border: 0;
    margin-top: -16px;
}
.card.card-design-1 .card-header .card-title{
    font-size: 22px;
    font-family: var(--font-light);
    position: relative;
    display: block;
    background-color: var(--orange-color);
    padding: 0.8rem 2rem 1.4rem;
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
}
.card.card-design-1 .card-header::before,
.card.card-design-1 .card-header::after{
    content: "";
    border: 8px solid #DD4909;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 0;
    left: -16px;
}
.card.card-design-1 .card-header::after{
    border-top-color: transparent;
    border-left-color: #DD4909;
    border-right-color: transparent;
    left: auto;
    right: -16px;
}
.card.card-design-1 .card-body{
    color: #242424;
    font-size: 20px;
}
/* card-design-2 */
.card.card-design-2{
    position: relative;
    padding: 20px 20px;
    border: 0;
}
.card.card-design-2::before{
    content: "";
    background-color: var(--orange-color);
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 30px 30px;
}
.card.card-design-2 .card-body{
    position: relative;
    color: var(--black);
    line-height: 25px;
    background-color: #F9F9F9;
    padding: 50px 50px 30px;
    border-radius: 30px;
}
.card.card-design-2 .card-body .icon-block{
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 80px;
    height: 80px;
    line-height: 74px;
    border: 2px solid var(--orange-color);
}
.card.card-design-2 .card-body .icon-block img{
    width: 50%;
}
.card.card-design-2 .card-title{
    font-size: 23px;
}
.card.card-design-2.card-reverse-design::before{
    background-color: var(--green-color-2);
    left: 0;
    top: 0;
    bottom: auto;
    border-radius: 30px 30px 0 0;
}
.card.card-design-2.card-reverse-design .card-body{
    padding: 30px 50px 50px;
}
.card.card-design-2.card-reverse-design .card-body .icon-block{
    border-color: var(--green-color-2);
    top: auto;
    bottom: -40px;
}
/* .card.card-design-3 */
.card.card-design-3{
    border: 0;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}
.card.card-design-3 .card-header{
    background-color: var(--green-color-1);
    padding: 20px 20px;
}
.card.card-design-3 .card-title{
    font-size: 18px;
}
.card.card-design-3 .card-body{
    line-height: 25px;
    border: 1px solid var(--orange-color);
    border-top: 0;
}
/* card-design-4 */
.card.card-design-4{
    border: 0;
    padding: 0 15px 15px;
}
.card.card-design-4 .card-header{
    position: relative;
    background-color: var(--green-color-1);
    padding: 12px 20px;
}
.card.card-design-4 .card-header::before,
.card.card-design-4 .card-header::after{
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    border: 12px solid #03474A;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.card.card-design-4 .card-header::after{
    border-left-color: #03474A;
    border-right-color: transparent;
    left: auto;
    right: 0;
}
.card.card-design-4 .card-body{
    background-color: #f8f8f8;
    line-height: 25px;
    margin: 0 24px;
}
/* card-design-5 */
.card.card-design-5{
    border: 0;
}
.card.card-design-5 .card-header{
    border: 0;
    background-color: #F26321;
    padding: 0.8rem 2rem;
}
.card.card-design-5 .card-title{
    font-family: var(--font-light);
    font-size: 24px;
}
.card.card-design-5 .card-body{
    color: #fff;
    background-color: #FC7131;
    padding: 1.5rem 1.8rem;
}
/* card-design-6 */
.card.card-design-6{
    padding: 20px 20px 20px;
    border: 0;
    box-shadow: -5px -5px 0 var(--green-color-1);
}
.card.card-design-6 .title{
    font-size: 23px;
}

/* column-design-1 */
.column-design-1{
    position: relative;
    background-color: #038080;
    text-align: center;
    padding: 50px 30px 25px;
    border-radius: 25px;
    margin: 35px 10px 25px;
}
.column-design-1 .icon-block{
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #038080;
    width: 70px;
    height: 70px;
    line-height: 65px;
    border: 5px solid #fff;
}
.column-design-1 .icon-block img{
    width: 50%;
}
.column-design-1 .title{
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
}
.column-design-1 p{
    line-height: 22px;
}
.column-design-1::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -13px;
    border-left: 15px solid transparent;
    border-top: 14px solid #038080;
    border-right: 15px solid transparent;
}
.column-design-1.bg-orange .icon-block{
    background-color: var(--orange-color);
}
.column-design-1.bg-orange::after{
    border-top-color: var(--orange-color);
}
/* column-design-2 */
.column-design-2{
    position: relative;
    height: 100%;
    line-height: 25px;
    background-color: #FAFAFA;
    padding: 25px 40px 20px;
    border-radius: 0 36px 0 36px;
    margin: 8px 8px;
}
.column-design-2::before,
.column-design-2::after{
    content: "";
    background-color: var(--green-color-1);
    position: absolute;
    top: -7px;
    left: -7px;
    width: 35%;
    height: 28%;
    border-radius: 0 36px 0 36px;
    z-index: -1;
}
.column-design-2::after{
    top: auto;
    bottom: -7px;
    left: auto;
    right: -7px;
}
.column-design-2 .title{
    position: relative;
    color: var(--green-color-1);
    font-family: var(--font-medium);
    font-size: 19px;
    margin-bottom: 10px;
}
.column-design-2 .title::before{
    content: "";
    background: url(../img/arrow-right-circle-icon.svg) no-repeat center / contain;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    left: -25px;
}

/* column-design-3 */
.column-design-3{
    height: 100%;
    text-align: center;
    background-color: #F5F5F5;
    padding: 25px 35px 25px;
}
.column-design-3 img{
    margin-bottom: 20px;
}
.column-design-3 .title{
    font-size: 20px;
    margin-bottom: 10px;
}
.column-design-3 p{
    font-size: 15px;
    line-height: normal;
}

/* column-design-list */
.column-design-list{
    counter-reset: num2;
    display: inline-flex;
    margin-inline: -10px;
}
.column-design-list li{
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 22px;
    flex: 0 0 calc(100% / 7 - 20px);
    background-color: var(--green-color-1);
    padding: 30px 35px 20px;
    margin: 30px 10px 0;
    border-radius: 0 30px 0 30px;
}
.column-design-list li .number{
    position: absolute;
    top: -12px;
    left: -10px;
    width: 70px;
    height: 70px;
    line-height: 60px;
    background: url(../images/side-shape-icon-1.svg) no-repeat center / contain;
    padding-right: 20px;
    padding-bottom: 20px;
}
.column-design-list li .number::before{
    counter-increment: num2;
    content: '0' counter(num2);
    font-family: var(--font-medium);
}


/*  */
.block-design-1{
    text-align: center;
    background-color: #fff;
    padding: 35px 35px;
    border-radius: 30px 0 30px 0;
    height: 100%;
}
.block-design-1 .icon-block{
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #CEFCFE;
    margin-bottom: 15px;
}
.block-design-1 .icon-block img{
    width: 40px;
}
.block-design-1 .title{
    font-size: 24px;
    margin-bottom: 15px;
}
/* block-design-2 */
.block-design-2{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 1;
}
.block-design-2 .block-content{
    display: flex;
    color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    background-color: var(--green-color-1);
    padding: 50px 20px;
    border-radius: 140px 0 140px 0;
    height: 100%;
    z-index: 1;
}
.block-design-2::after{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid var(--orange-color);
    border-radius: 140px 0 140px 0;
    position: absolute;
    top: -12px;
    left: -14px;
    z-index: -1;
}
.block-design-2 .block-content .tag{
    display: inline-block;
    color: #fff;
    line-height: normal;
    background-color: var(--orange-color);
    padding: 3px 10px;
    border-radius: 40px;
    margin-bottom: 20px;
}
.block-design-2 .block-content h4{
    color: #fff;
    font-size: 28px;
    font-family: var(--font-light);
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 5px;
}
/* block-design-3 */
.block-design-3{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 30px;
    border: 1px solid #fff;
    border-radius: 25px 25px 0px 25px;
}
.block-design-3 hr{
    width: 100%;
}
.block-design-3 .icon-block{
    background-color: #135B5F;
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 20px;
}
.block-design-3.design-reverse{
    border-radius: 25px 25px 25px 0px;
}
.block-design-3.dark{
    border-color: var(--black);
}
/* block-design-4 */
.block-design-4{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #F5F5F5;
    padding: 35px 40px;
    border-radius: 0 30px 0 30px;
    border-left: 10px solid var(--orange-color);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.block-design-4 .price{
    color: var(--orange-color);
    font-family: var(--font-bold);
    font-size: 52px;
}
.block-design-4 .price i,
.block-design-4 .price svg{
    font-size: 42px;
    margin-right: 2px;
}
.block-design-4 p{
    font-size: 22px;
}
.block-design-4:hover{
    background-color: var(--green-color-1);
}
.block-design-4:hover > *{
    color: #fff!important;
}
/* block-design-5 */
.block-design-5{
    background-color: var(--light-orange-1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.block-design-5 .icon-block img{
    width: 50px;
}
/* block-design-6 */
.block-design-6{
    background-color: #F9F9F9;
    border: 1px solid #2B2B2B;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.block-design-6 .title{
    color: var(--orange-color);
}
.block-design-6 .simple-list li span{
    color: var(--green-color-1);
}
.block-design-6:hover{
    color: #fff!important;
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}
.block-design-6:hover,
.block-design-6:hover .title,
.block-design-6:hover .simple-list li span{
    color: #fff!important;
}
.block-design-6:hover .simple-list li::before{
    color: #fff;
}
/* block-design-7 */
.block-design-7{
    position: relative;
    border-radius: 20px;
    padding: 45px 25px 30px;
}
.block-design-7 .title{
    color: #fff;
    text-align: center;
    position: absolute;
    top: -16px;
    left: 50%;
    width: 70%;
    transform: translateX(-50%);
    display: inline-block;
    background-color: var(--orange-color);
    padding: 5px 8px;
}
/* block-design-8 */
.block-design-8{
    border: 1px solid var(--green-color-1);
    border-radius: 18px;
}
.block-design-8 hr{
    width: 125px;
    margin: 15px auto 15px;
}
.block-design-8 .price-txt{
    color: #fff;
    font-size: 15px;
    background-color: var(--orange-color);
}
/* number-block-design-1 */
.number-block-design-1{
    position: relative;
    z-index: 1;
}
.number-block-design-1 .icon-block{
    background-color: var(--orange-color);
    /* margin-bottom: -50px; */
}
.number-block-design-1 .icon-block::after{
    content: "";
    position: absolute;
    width: 108px;
    height: 108px;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: -webkit-linear-gradient(0deg, #FE570F 50%, #FF9A1E 100%);
    background: linear-gradient(0deg, #FE570F 50%, #FF9A1E 100%);
    border-radius: 100%;
    z-index: -1;
}
.number-block-design-1 .title{
    font-size: 20px;
}
.number-block-design-1 .content{
    height: 100%;
    padding: 50px 20px 20px;
    background: linear-gradient(90deg, #FFFFFF 0%, #FDFDFD 55%, #F6F6F6 74%, #EBEBEB 88%, #D9D9D9 100%);
    border-radius: 15px 15px 85px 85px;
    margin-top: -40px;
}


/* img-column-design-1 */
.img-column-design-1{
    text-align: center;
    height: 100%;
    background-color: #F9F9F9;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.img-column-design-1 figure{
    height: 170px;
    border-radius: 14px;
    overflow: hidden;
}
.img-column-design-1 figure img{
    width: 100%;
    height: 100%;
}
.img-column-design-1 .title{
    color: var(--green-color-1);
    font-size: 21px;
    padding: 15px 10px 12px;
    border-bottom: 1px dashed rgba(38, 120, 124, 0.3);
}
.img-column-design-1 .content{
    padding: 12px 30px 18px;
}
.img-column-design-1:hover{
    background-color: #fff;
}



/* hexagon-box */
.hexagon-box{
    text-align: center; 
    position: relative; 
    z-index: 1;  
}
.hexagon-box .title-box{
    position: relative;
    /* width: 312px; */
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background-color: #189687;
    margin: 0 auto;
}
.hexagon-box .title-box > *{
    font-size: 25px;
    font-family: var(--font-medium);
}

/*  */
.hexagon-wrapper{
    padding-left: 90px!important;
    padding-right: 90px!important;
    text-align: center;
    background: url(../img/hexagon-infographic-bg.svg) no-repeat top center;
    background-size: 90%;
}
.hexagon-wrapper .title-box{
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.hexagon-wrapper .title-box > *{
    color: var(--orange-color);
    font-size: 25px;
}

/*  */
.owl-carousel .owl-item img{
    width: auto;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    border: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border-radius: 100%;
    z-index: 1;
}
.owl-carousel .owl-next{
    left: auto;
    right: 0;
}
/*  slider-style-1 */
.slider-style-1 .owl-stage-outer{
    text-align: center;
    border: 1px solid var(--orange-color);
}
.slider-style-1 .owl-nav .owl-prev,
.slider-style-1 .owl-nav .owl-next{
    font-size: 15px!important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff!important;
    background-color: var(--green-color-1)!important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


/* form */
form .form-control {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background: #fff;
    border: 1px solid #202020;
    border-color: #B7B7B7;
    padding: 12px 20px;
    margin-bottom: 25px;
    border-radius: 0px;
    outline: none;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
form textarea.form-control{
    height: 200px;
}
form .form-control:focus{
    border-color: #252525;
    box-shadow: none;
}
form .form-control::-webkit-input-placeholder {
    color: var(--black);
}
form .form-control:-moz-placeholder {
    color: var(--black);
}
form .form-control::-moz-placeholder {
    color: var(--black);
}
form .form-control:-ms-input-placeholder {
    color: var(--black);
}

form .form-group label{
    color: var(--black);
}
form .form-group label.required::after{
    content: "*";
    position: relative;
    top: -1px;
    right: -1px;
    color: #FF0000;
}
form .form-group.file-type{
    position: relative;
}
form .form-group.file-type .form-control:focus ~ label,
form .form-group.file-type .form-control:not(:placeholder-shown) ~ label,
form .form-group.file-type .form-select ~ label{
    display: none;
}
form .form-group.file-type .form-control::file-selector-button {
    display: none;
}
form .form-group.file-type::before{
    content:"\f0c6";
    font-family:"Font Awesome 5 Free";
    font-size: 0.7rem;
    font-weight: 600;
    position: absolute;
}
form .form-group.file-type label{
    display: block;
    position: absolute;
    top: 0;
}
form .form-floating > label{
    padding: 0.5rem .8rem;
}
form .form-floating > .form-control{
    background-color: transparent;
    height: calc(3rem + 2px);
    border: 1px solid #888;
}

/* custom-checkbox */
.custom-checkbox {
    position: relative;
    display: block;
}
.custom-checkbox-single + .custom-checkbox-single {
    margin-top: 5px;
}
.custom-checkbox-single label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-right: 0px;
    margin-bottom: 0;
    color: #484848;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
}
.custom-checkbox-single input[type="checkbox"] {
    display: none;
}
.custom-checkbox-single input[type="checkbox"] + label span {
    position: absolute;
    display: block;
    top: 7px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #dedede;
    cursor: pointer;
    border-radius: 5px;
    transition: all 300ms ease;
}
.custom-checkbox-single label span:before {
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    content: "";
    background: var(--dark-green-1);
    border-radius: 3px;
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.custom-checkbox-single input[type="checkbox"]:checked + label span {
    border-color: var(--green-color-1);
}
.custom-checkbox-single input[type="checkbox"]:checked+label span:before {
    transform: scale(1.0);
}
/* checkbox-style-1 */
.custom-checkbox-single.checkbox-style-1 + .custom-checkbox-single.checkbox-style-1 {
    margin-top: 15px;
}
.custom-checkbox-single.checkbox-style-1 label{
    color: var(--black);
    line-height: 25px;
}
.custom-checkbox-single.checkbox-style-1 label span:before{
    content: "\f00c";
    font-family:"Font Awesome 5 Free";
    color: var(--orange-color);
    font-size: 9px;
    font-weight: 600;
    line-height: normal;
    background-color: transparent;
    top: 1px;
    left: 2px;
    right: 0;
}
.custom-checkbox-single.checkbox-style-1 input[type="checkbox"] + label span{
    top: 5px;
    border: 2px solid #393939;
}
.custom-checkbox-single.checkbox-style-1 input[type="checkbox"]:checked + label span {
    border-color: var(--orange-color);
}
.custom-checkbox-single.checkbox-style-1 input[type="checkbox"]:checked + label span:before {
    transform: scale(1.0);
}
.custom-checkbox-single + .custom-checkbox-single {
    margin-top: 5px;
}

/* Bootstrap Select */
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.bootstrap-select>.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}
.bootstrap-select .dropdown-menu {
    max-height: 300px;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}
.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--dark-green-1);
  color: #fff;
}
.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 500;
  padding: 6px 20px;
  color: #fff;
  background: var(--green-color-1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bootstrap-select .dropdown-menu>li>a:hover {
  background: #fff;
  color: #000000;
  cursor: pointer;
}

/* radio-btn-grp */
.radio-btn-grp{
    display: inline-block;
    background-color: #fff;
    border: 1px solid #B7B7B7;
    padding: 3px 4px;
}
.radio-btn-grp input{
    display: none;
}
.radio-btn-grp .label-txt{
    background-color: #f6f6f6;
    cursor: pointer;
    color: #747474;
    line-height: normal;
    padding: 8px 11px;
    transition: all 0.3s ease-in-out;
}
.radio-btn-grp input:checked + .label-txt {
    background-color: var(--green-color-1);
    color: #fff;
}
/* radio-btn */
.radio-btn{
    position: relative;
    display: inline-block;
    color: var(--black);
    line-height: 25px;
    margin-bottom: 12px;
}
.radio-btn input{
    display: none;
}
.radio-btn label{
    position: relative;
    padding-left: 26px;
}
.radio-btn label::before{
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 20%;
    border: 2px solid #686868;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
}
.radio-btn label::after{
    content: "\f00c";
    font-family:"Font Awesome 5 Free";
    color: var(--orange-color);
    font-size: 8px;
    font-weight: 600;
    line-height: normal;
    transform: scale(0);
    position: absolute;
    top: 8px;
    left: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* .radio-btn input + label{}
.radio-btn input:checked + label{} */
.radio-btn input:checked + label::before{
    border-color: var(--orange-color);
}
.radio-btn input:checked + label::after {
    transform: scale(1.0);
}


/* accrodion-box */
.accrodion-box{
    background-color: #fff;
    border: 1px solid #333;
}
.accrodion-box .accrodion {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
}
.accrodion-box .accrodion:last-child {
    border-bottom: 0;
}
.accrodion-box .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 17px 60px 18px 25px;
    background-color: #fff;
    border: 0px solid #f0eeee;
    border-radius: 3px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.accrodion-box .accrodion-title > * {
    position: relative;
    color: var(--black);
    font-size: 17px;
    line-height: 28px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
 /*.accrodion-box .accrodion+.accrodion {
    margin-top: 20px;
} */
.accrodion-box .accrodion.active .accrodion-title > * {
    color: var(--orange-color);
}
.accrodion-box .accrodion-title::before {
    content: "\f067";
    font-family:"Font Awesome 5 Free";
    font-size: 13px;
    color: var(--black);
    position: absolute;
    top: 30px;
    right: 12px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
}
.accrodion-box .accrodion.active .accrodion-title::before {
    content: "\f068";
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.accrodion-box .accrodion-content {
    position: relative;
    padding: 0px 60px 26px 25px;
    border-top: 0;
}
.accrodion-box .accrodion-content p {
    line-height: 27px;
    margin: 0;
}

/* faq-wrap */
.faq-wrap{
    position: relative;
}
.faq-wrap .cta-box{
    position: relative;
    z-index: 1;
    display: flex;
}
.faq-wrap .cta-box .box-wrapper{
    text-align: center;
    max-width: 490px;
    background-color: var(--orange-color);
    padding: 60px 60px;
    margin: 0 auto;
}
.faq-wrap .cta-box .box-wrapper img{
    width: 100px;
    margin-bottom: 25px;
}
.faq-wrap .cta-box .box-wrapper .cta-box-title{
    color: #fff;
    font-size: 38px;
    margin-bottom: 35px;
}
.faq-wrap .cta-box .box-wrapper a{
    color: var(--black);
    background-color: #fff;
    padding: 18px 34px;
}
.faq-wrap .cta-box .box-wrapper a:hover{
    color: #fff;
}
.faq-wrap figure{
    position: absolute;
    top: 0;
    left: auto;
    right: calc(50% + 35px);
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.faq-wrap figure img{
    -o-object-position: top;
    -o-object-fit: cover;
    object-position: top;
    object-fit: cover;
    height: 100%;
}
.faq-wrap .accrodion-box {
    position: relative;
    display: block;
    z-index: 1;
}
.faq-wrap .accrodion-box .accrodion-title::before{
    color: var(--red-color);
}
.faq-wrap .cta-box .box-wrapper.green-transparent-color{
    background-color: rgba(38, 120, 124, 0.8);
}

/* cta-wrap */
.cta-wrap{
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 18px;
    background-color: var(--green-color-1);
    padding: 6px 7px;
    border-radius: 50px;
}
.cta-wrap .theme-btn{
    color: #222;
    font-size: 18px;
    background-color: #fff;
    padding: 12px 32px;
}
.cta-wrap .theme-btn:hover{
    color: #fff;
}

/* cta-wrap-1 */
.cta-wrap-1{
    position: relative;
    background-color: var(--green-color-1);
    padding-top: 30px;
    padding-bottom: 30px;
}
.cta-wrap-1::before,
.cta-wrap-1::after{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    border-top: 1px dashed #fff;
}
.cta-wrap-1::after{
    top: auto;
    bottom: 7px;
}
.cta-wrap-1 .title{
    color: #FCFF6A;
    font-size: 38px;
    margin-right: 30px;
}
.cta-wrap-1 .theme-btn{
    font-size: 20px;
}
.cta-wrap-1.red-bg{
    background-color: var(--red-color);
}
/* cta-wrap-2 */
.cta-wrap-2{
    position: relative;
    background-color: var(--orange-color);
    padding-top: 30px;
    padding-bottom: 30px;
}
.cta-wrap-2::before,
.cta-wrap-2::after{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    border-top: 1px dashed #fff;
}
.cta-wrap-2::after{
    top: auto;
    bottom: 7px;
}
.cta-wrap-2 .cta-title{
    color: #fff;
    font-size: 38px;
    margin-bottom: 15px;
}
.cta-wrap-2 .theme-btn{
    font-size: 20px;
}
.cta-wrap-2 p{
    color: #fff;
}


/* -- tab style -- */
.tabs-box .tab-buttons {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
}
.tabs-box .tab-buttons li {
    position: relative;
    background: #fff;
    cursor: pointer;
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    padding: 8px 20px 8px;
    border-radius: 5px;
    border: 1px solid var(--green-color-1);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.tabs-box .tab-buttons li + li{
    margin-left: 20px;
}
.tabs-box .tab-buttons li:last-child {
    margin-right: 0;
}
.tabs-box .tab-buttons li:hover{
    background: var(--light-green);
}
.tabs-box .tab-buttons li.active-btn {
    color: var(--green-color-1);
    background: var(--light-green);
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2);
}
.tabs-box .tab-buttons li img{
    width: 25px;
    margin-right: 10px;
}
.tabs-box .tabs-content .tab {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    opacity: 1;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 1;
}
.tabs-box .tabs-content .tab.active-tab {
    position: relative;
    display: block;
    opacity: 1.0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 5;
}
.tabs-box .tabs-content .tab-content-item {
    position: relative;
    display: block;
}

/* tab-panel */
.tab-panel .list-group{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.tab-panel .list-group .list-item{
    cursor: pointer;
    position: relative;
    color: #484848;
    font-size: 22px;
    padding: 2px 8px;
    margin: 0 12px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.tab-panel .list-group .list-item::after{
    content: "";
    height: 60%;
    border-right: 1px solid var(--primary);
    position: absolute;
    top: 20%;
    right: -13px;
}
.tab-panel .list-group .list-item:last-child:after{
    display: none;
}
.tab-panel .list-group .list-item.active{
    color: var(--green-color-1);
    font-family: var(--font-medium);
    border-color: #e2e2e2;
    background-color: #fafafa;
    padding: 2px 12px;
}


/* -- table -- */
.table{
    background-color: #F9F9F9;
    margin-bottom: 0;
}
.table thead{
    color: #fff;
    background-color: var(--orange-color);
    font-family: var(--font-light);
}
.table thead tr th{
    font-size: 18px;
    line-height: 28px;
    padding: 12px 30px;
}
.table thead tr th,
.table tbody tr td{
    border-bottom: 0;
}
.table:not(.table-bordered) thead tr th:not(:last-child),
.table:not(.table-bordered) tbody tr td:not(:last-child){
    border-right: 1px solid #424242;
}
.table tbody tr th,
.table tbody tr td{
    line-height: 23px;
    padding: 12px 30px 12px;
}
.table tbody tr th{
    color: #2B2B2B;
}
.table tbody tr td p{
    font-size: 15px;
    line-height: 22px;
}
.table.table-bordered.orange-border{
    border-color: var(--orange-color);
}
.table.table-bordered.green-border{
    border-color: var(--green-color-1);
}
/* table-border */
.table.table-border{
    border: 1px solid #c4c4c4;
}
.table.table-border thead tr th:not(:last-child){
    border-right-color: transparent;
}
.table.table-border tbody tr td:not(:last-child){
    border-right: 1px solid #c4c4c4;
}


/* grid-wrap - block-grid */
.grid-wrap{
    overflow: hidden;
}
.grid-wrap .block-grid{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -2px -2px;
}
.grid-wrap .block-grid li{
    text-align: center;
    flex: 0 0 calc(100% / 3);
    padding: 25px 25px;
    border: 1px dashed #fff;
    border-top: none;
}
.grid-wrap .block-grid li figure{
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto 10px;
    overflow: hidden;
}
.grid-wrap .block-grid li img{
    width: 100%;
    height: 100%;
}
.grid-wrap .block-grid li:not(:nth-child(3n + 1)) {
    border-left: none;
}

/* process-infographic-design */
.process-infographic-design{
    position: relative;
    z-index: 1;
}
.process-infographic-design .bg-line{
    width: 78%;
    text-align: center;
    position: absolute;
    top: 16%;
    left: 11%;
    z-index: -1;
}
.process-infographic-design .column-block{
    color: #fff;
    text-align: center;
    padding: 10px 20px;
}
.process-infographic-design .column-block .heading{
    color: #fff;
    font-size: 21px;
    margin-bottom: 15px;
}
.process-infographic-design .column-block figure{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px dashed var(--dark-green-1);
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}
.process-infographic-design .column-block p{
    font-size: 14px;
}

/* modal style */
.modal .modal-content{
    border: 0;
    border-radius: 18px 18px;
}
.modal .modal-body{
    padding: 20px 30px;
}
.modal .modal-header{
    background-color: #FC7131;
    justify-content: center;
    padding: 10px 11px;
    border-radius: 18px 18px 0 0;
}
.modal .modal-header .modal-title{
    color: #fff;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.modal .modal-header .btn-close{
    color: #fff;
    background: var(--green-color-1);
    line-height: 32px;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
}
.modal .modal-body form .form-control{
    background-color: #F8F8F8;
    border-color: #e6e6e6;
}
.modal .modal-body figure{
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 0 0 20px;
}
.modal .modal-body figure img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
}
/* call-block */
.call-block a{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    color: #FC7131;
    font-size: 30px;
}
.call-block span{
    width: 40px;
    height: 40px;
    line-height: 36px;
    background-color: #FC7131;
    padding: 0 10px;
    display: inline-block;
    margin-right: 10px;
}

/* modal-style-1 */
.modal .modal-style-1{
    position: relative;
    border-radius: 0 18px 0 0;
}
.modal .modal-style-1 .btn-close{
    background: transparent;
    background-color: var(--green-color-1);
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    z-index: 1;
}
.modal .modal-style-1 .modal-body{
    padding: 0;
}
.modal .modal-style-1 .modal-body figure{
    height: 100%;
    border-radius: 0;
    margin: 0 0;
}
.modal .modal-style-1 form .form-floating > label{
    color: #787878;
}
.modal .modal-style-1 form .form-floating > .form-control{
    background-color: transparent;
    border-color: #888;
}

/* toast */
.notification-wrap{
    display: inline-block;
    width: 500px;
    background-color: var(--orange-color);
    padding-left: 30px;
    padding-right: 8px;
    border-radius: 10px 5px 5px 10px;
    position: fixed;
    right: 30px;
    bottom: 10px;
    border-color: rgb(210, 63, 0);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.4);
    z-index: 100;
}
.notification-wrap .icon-block{
    background-color: #F98E60;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 28px;
    line-height: 50px;
    left: -15px;
    top: 20px;
    transform: translateY(-50%);
}
.notification-wrap .toast-body{
    position: relative;
    width: 100%;
}
.notification-wrap .toast-title{
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
}
.notification-wrap .link-btn{
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-bold);
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
}
.notification-wrap .link-btn img{
    display: inline-block;
    width: 25px;
    margin-top: -2px;
    margin-left: 4px;
}
.notification-wrap .link-btn:hover{
    border-bottom-color: #fff;
}
.notification-wrap .toast-body + .btn-close{
    position: absolute;
    top: -6px;
    right: -8px;
    color: #fff;
    background-image: none;
    width: 20px;
    height: 20px;
    font-size: 20px;
    opacity: 0.8;
    border-radius: 100%;
}
.notification-wrap .toast-body + .btn-close i,
.notification-wrap .toast-body + .btn-close svg{
    font-size: 18px;
}
.toast.toaster:not(.show) {
    display: block !important;
}
.toast.toaster.hide{
    display: none!important;
}
.notification-wrap .owl-nav{
    background-color: #f3500a;
    line-height: normal;
    position: absolute;
    right: -5px;
    bottom: 0;
}
.notification-wrap .owl-nav button.owl-prev,
.notification-wrap .owl-nav button.owl-next{
    display: inline-block;
    color: #fff;
    font-size: 9px;
    width: auto;
    height: auto;
    line-height: normal;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    padding: 6px 15px!important;
    border-radius: 4px;
}
.notification-wrap .owl-nav button:hover{
    background-color:  rgb(207, 70, 11);
}



/* -- header -- */
header{
    background-color: #fff;
}
/* top-section */
.top-section{
    color: #fff;
    font-size: 15px;
    background-color: var(--dark-green-1);
    padding: 6px 0;
}
.top-section .contact-info > li svg{
    width: 18px;
    /* margin-right: 2px; */
}
.top-section .social-media{
    display: flex;
}
.top-section .social-media li{
    margin-right: 10px;
}
.top-section .social-media li a{
    color: var(--dark-green-1);
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    width: 23px;
    height: 23px;
    line-height: 25px;
    border-radius: 100%;
}
/* contact-info */
header .contact-info{
    display: inline-flex;
    justify-content: end;
    align-items: center;
}
header .contact-info li{
    margin-right: 20px;
}
header .contact-info li:last-child{
    margin-right: 0;
}
header .contact-info a{
    color: #fff;
}
header .contact-info span{
    font-family: var(--font-medium);
}

/* navbar */
header .navbar .content-box{
    display: inline-flex;
    align-items: center;
}
header .navbar .contact-info li{
    margin-left: 14px;
    margin-right: 0;
}
header .navbar .contact-info li:first-child{
    margin-left: 0;
}
header .navbar .contact-info .theme-btn{
    display: block;
    font-size: 15px;
    line-height: 28px;
    padding: 5px 20px;
    border-radius: 50px;
}
header .navbar .navbar-brand{
    text-align: center;
}
header .navbar .navbar-brand img{
    width: 180px;
}
header .navbar .company-name{
    display: inline-block;
    text-align: center;
    animation: image-in cubic-bezier(0.5, 0, 0.1, 1) 3s backwards;
}
header .navbar .company-name .txt{
    color: #2c2c2c;
    color: #696969;
    font-family: 'Emona';
    font-size: 23px;
    margin-top: 5px;
}
/* menu-btn */
header .navbar .menu-btn{
    position: relative;
    display: block;
    min-width: 90px;
    height: 40px;
    color: transparent;
    font-size: 15px;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    margin-right: 16px;
    background-color: #172269;
    border-radius: 5px 5px 0 5px;
    z-index: 1;
}
header .navbar .menu-btn > button{
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 0px 9px;
}
header .navbar .menu-btn > button > span{
    position: relative;
    z-index: -2;
}
header .navbar .menu-btn .menu-icon{
    position: absolute;
    top: 18px;
    right: 7px;
    display: block;
    width: 25px;
    height: 2px;
    background-color: #fff;
    border-radius: 15px;
    line-height: 100%;
    z-index: -2;
}
header .navbar .menu-btn .menu-icon::before,
header .navbar .menu-btn .menu-icon::after{
    display: block;
    content: "";
    width: 90%;
    height: 2px;
    background-color:  #fff;
    border-radius: 15px;
    position: absolute;
    top: -7px;
    left: 0;
    transition: all 0.4s ease-in-out;
}
header .navbar .menu-btn .menu-icon::after{
    top: auto;
    bottom: -7px;
}
header .navbar .menu-btn .menu-icon::before{
    width: 40%;
}
header .navbar .menu-btn .menu-icon::after{
    width: 65%;
}
header .navbar .menu-btn:hover .menu-icon::before{
    width: 100%;
}
header .navbar .menu-btn:hover .menu-icon::after{
    width: 100%;
}


/* -- offcanvas -- */
.offcanvas-backdrop::before{
    animation: slideInLeft .3s cubic-bezier(0.075, 0.82, 0.165, 1) both;
    transition: all .35s ease-in-out;
    /* transition: all 0.8s ease-out 0s; */
}
.offcanvas-end{
    border: 0;
}
.offcanvas{
    background-color: rgb(255, 255, 255, 1);
    background-color: #1A878C;
    transition: all .7s ease-in-out;
    overflow: hidden;
    clip-path: polygon(0 0, 80% 0, 40% 100%, 0% 100%);
}
.offcanvas.show{
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    transition: all .6s;
}
.offcanvas .btn-close{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: var(--orange-color);
    text-align: center;
    font-size: 20px;
    background-color: #fff;
    background-image: none;
    top: 20px;
    right: 40px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 2;
}
.offcanvas.show .offcanvas-title{
    animation: fadeInLeft .5s ease both;
    animation-delay: .35s;
}
.offcanvas.show .offcanvas-body .menu-list{
    animation: fadeInLeft .5s ease both;
    animation-delay: .6s;
}
.offcanvas.show .links-box{
    animation: fadeInLeft .5s ease both;
    animation-delay: 0.8s;
}
.offcanvas.show .content-txt{
    animation: fadeInLeft .5s ease both;
    animation-delay: 0.8s;
}

.offcanvas .offcanvas-title img{
    width: 180px;
}
.offcanvas .offcanvas-body{
    width: 100%;
    height: 100vh;
    padding: 0 0;
    display: flex;
    flex-grow: unset;
    overflow-x: hidden;
}
/* offcanvas - menu-box */
.offcanvas .offcanvas-body .menu-box{
    position: relative;
    /* max-height: 1000px; */
    padding: 30px 35px 10px;
    flex-basis: 100%;
    z-index: 1;
}
.offcanvas .offcanvas-body .menu-box::before{
    content: "";
    position: absolute;
    top: 10px;
    left: 30px;
    width: 280px;
    height: 200px;
    background: url(../images/plane-bg-img.png) no-repeat center;
    background-size: contain;
    z-index: 4;
    animation: shake 20s linear infinite;
    z-index: -1;
}
/* header menu-list */
.menu-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu-list > li{
    width: 100%;
}
.menu-list>li>ul,
.menu-list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu-list>li>ul,
.menu-list>li>ul>li>ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-inline: 0.5em;
  background-color: rgba(18, 117, 122, 0.7);
}
/* .menu-list>li:not(:last-child),
.menu-list>li>ul>li:not(:last-child),
.menu-list>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} */
.menu-list>li>a>.main-menu-border {
    display: none !important;
}
.menu-list li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    font-family: var(--font-light);
    color: #fff;
    font-size: 17px;
    padding: 8px 10px 8px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 500ms;
    transition: 500ms;
}
.menu-list > li > a:hover{
    background-color: #259fa1;
}
.menu-list>li>a.expanded .menu-list>li>ul>li>a.expanded .menu-list>li>ul>li>ul>li>a.expanded {
    color: var(--conzi-base);
}
.menu-list>li a button {
    width: 26px;
    height: 26px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 13px;
    text-align: right;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    padding: 0 10px 0 0;
}
.menu-list>li>a>button.expanded,
.menu-list>li>ul>li>a>button.expanded,
.menu-list>li>ul>li>ul>li>a>button.expanded {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
/* no menu after 2rd level dropdown */
.menu-list>li>ul>li>ul>li>a>button,
.menu-list>li>ul>li>ul>li>ul {
    display: none !important;
}
.menu-list li.dropdown li:not(:last-child){
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-list li.dropdown a button{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* offcanvas - info-box */
.offcanvas .offcanvas-body .info-box{
    flex-basis: 100%;
    height: 100vh;
    min-height: 100vmin;
    background-color: var(--orange-color);
    padding: 30px 35px 10px;
}
/* offcanvas - content-txt */
.offcanvas .info-box .content-txt .txt{
    font-size: 26px;
}
.offcanvas .info-box .content-txt .txt,
.offcanvas .info-box .content-txt .heading{
    color: #fff;
    font-family: var(--font-light);
}
.offcanvas .info-box .content-txt .heading{
    color: #fff;
    font-size: 48px;
    margin-top: 50px;
}
.offcanvas .info-box .content-txt .theme-btn{
    margin-top: 25px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
/* links-box */
.offcanvas .offcanvas-body .links-box .heading{
    color: #C8FCFF;
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 40px;
}
/* social-media */
.offcanvas .offcanvas-body .links-box .social-media{
    width: 85%;
    text-transform: capitalize;
    margin-top: 18px;
    display: inline-flex;
    justify-content: space-between;
}
.offcanvas .offcanvas-body .links-box .social-media li{
    width: 100%;
    font-family: var(--font-light);
    font-size: 19px;
    margin: 0 10px;
}
.offcanvas .offcanvas-body .links-box .social-media li a{
    color: #fff;
    display: block;
}
.offcanvas .info-box .links-box h5{
    color: #FFE8DE;
    font-family: var(--font-light);
}
/* locations */
.offcanvas .info-box .links-box .locations{
    margin-top: 16px;
}
.offcanvas .info-box .links-box .locations li a{
    display: block;
}
.offcanvas .info-box .links-box .locations li{
    position: relative;
    font-family: var(--font-light);
    color: #fff;
    font-size: 18px;
    display: inline-block;
}
.offcanvas .info-box .links-box .locations li + li{
    padding-left: 40px;
}
.offcanvas .info-box .links-box .locations li + li::before{
    content: "";
    border-right: 1px dashed #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
}
.offcanvas .info-box .links-box .locations li i,
.offcanvas .info-box .links-box .locations li svg{
    margin-right: 10px;
}


/* -- Side Menu -- */
.sideMenu .bg-overlay {
    left: 0%;
    top: 0;
    position: fixed;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    cursor: url(../img/cross-out.html), pointer;
    z-index: 99999999;
}
.sideMenu.isActive .bg-overlay {
    opacity: .6;
    visibility: visible;
    transition-delay: 0.0s;
    right: 100%;
    background-color: var(--black);
    animation: slideInRight .3s cubic-bezier(0.075, 0.82, 0.165, 1) both;
    transition: all .35s ease-in-out;
}
.sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 365px;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    opacity: 1;
    z-index: 999999999;
}
.sideMenu.isActive .sidebar-widget {
    right: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.sidebar-textwidget {
    padding: 70px 30px;
}
.sidebar-widget-container {
    position: relative;
    top: -150px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 300ms ease 100ms;
}
.sideMenu.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 600ms ease 800ms;
}
.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 0;
    background-color: var(--black);
}

/* sticky-header */
.sticky-header {
    position: relative;
    z-index: 991;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition: all 0.3s ease, all 0.3s ease;
    transition: all 0.3s ease, all 0.3s ease;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.sticky-fixed{
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition: all 0.3s ease, all 0.3s ease;
    transition: all 0.3s ease, all 0.3s ease;
}
.sticky-fixed .navbar .navbar-brand img{
    width: 130px;
}


.sticky-fixed .wow{
    visibility: visible!important;
}
.sticky-header.sticky-fixed .top-section{
    display: none;
}


/* thm-social-link1 */
.thm-social-link1 {
    position: relative;
    display: block;
    margin-top: 40px;
}
.thm-social-link1 ul {
    position: relative;
}
.thm-social-link1 ul li {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}
.thm-social-link1 ul li.title{
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Product Sans Light';
    letter-spacing: 1px;
}
.thm-social-link1 ul li:last-child {
    margin-right: 0;
}
.thm-social-link1 ul li a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: var(--orange-color);
    border-radius: 50%;
    color: #fff;
    /* font-size: 18px; */
    line-height: 40px;
    text-align: center;
    z-index: 1;
    transition: all 500ms ease;
}
.thm-social-link1 ul li a::before {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background: #fff;
    border-radius: 50%;
    transition: .5s;
    transform: scale(.5);
    opacity: 0;
    content: '';
    z-index: -1;
}
.thm-social-link1 ul li a:hover:before {
    transform: scale(1);
    opacity: 1;
}
.thm-social-link1 ul li a:hover {
    color: #000000;
}


/* -- banner-section -- */
.banner-section{
    background-color: #e4e4e4;
}
/* .banner-section .main-slider{
    min-height: var(--banner-height);
} */
.banner-section:empty,
.banner-section .main-slider:empty,
.banner-section .main-slider .slide:empty{
    height: 740px;
}
.banner-section .main-slider .slide{
    position: relative;
    /* height: var(--banner-height); */
    overflow: hidden;
}
.banner-section .main-slider{
    position: relative;
}
.banner-section .main-slider .slide .image-layer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    background-position: center center;
    background-attachment: scroll;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.banner-section .main-slider .slide .image-layer::before{
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    /* background: linear-gradient(90deg, #183030 -2.07%, rgba(255, 255, 255, 0) 100.72%); */
    background: linear-gradient(269.89deg, rgba(217, 217, 217, 0) 0%, rgba(147, 179, 181, 0.388889) 35.01%,
    rgba(18, 93, 95, 0.715962) 53.01%, #125D5F 70.44%);
    transition: all 0.5s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: -1;
}
/* .banner-section .main-slider .active .image-layer {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
} */
.banner-section .main-slider .active .image-layer::before{
    width: 1250px;
    /* animation-name: slideIn; */
}
.banner-section .main-slider .slide .slide-content {
    position: relative;
    display: block;
    padding: 60px 0px 0px;
    z-index: 5;
}
  
.banner-section .main-slider .slide .slide-content .tagline {
    position: relative;
    display: inline-block;
    margin-bottom: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
  
/* .banner-section .main-slider .slide .slide-content .tagline::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--conzi-base);
    content: "";
}
.banner-section .main-slider .slide .slide-content .tagline::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 90px;
    height: 1px;
    background: var(--conzi-base);
    content: "";
} */
  
.banner-section .main-slider .slide .slide-content .tagline h6 {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
}
  
.banner-section .main-slider .slide .slide-content .title {
    position: relative;
    display: block;
    margin-bottom: 38px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
    -webkit-transition-delay: 4000ms;
    transition-delay: 4000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.banner-section .main-slider .slide .slide-content .title h2 {
    font-family: var(--font-regular);
    font-size: 46px;
    line-height: 1.1em;
    color: var(--black);
}

.banner-section .main-slider .slide .slide-content .btn-box {
    position: relative;
    display: block;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(140px);
    transform: translateY(140px);
    -webkit-transition-delay: 8000ms;
    transition-delay: 8000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.banner-section .main-slider .slide .slide-content .theme-btn{
    background-color: #E45F26;
}

/* .banner-section .main-slider .active .slide-content{
    animation: fadeInDown ease 3s both;
} */
.banner-section .main-slider .active .slide-content .tagline,
.banner-section .main-slider .active .slide-content .title,
.banner-section .main-slider .active .slide-content .text,
.banner-section .main-slider .active .slide-content .btn-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateY(0);
    transform: translateY(0) translateY(0);
    /* animation: text-clip cubic-bezier(0.5, 0, 0.1, 1) 3s backwards; */
}

.banner-section .main-slider .owl-dots {
    position: absolute;
    top: 49%;
    left: 65px;
    transform: translateY(-50%);
    z-index: 999;
}
.banner-section .main-slider .owl-dots .owl-dot {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.7);
    margin: 10px 0px;
    padding: 0px;
    border-radius: 50%;
    transition: all 300ms linear;
    transition-delay: 0.2s;
}
.banner-section .main-slider .owl-dots .owl-dot::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    transform: scale(0.5);
    border-radius: 50%;
    transition: all 300ms linear;
    transition-delay: 0.2s;
    opacity: 0;
}
.banner-section .main-slider .owl-dots .owl-dot.active::before {
    transform: scale(1.0);
    opacity: 1;
}
.banner-section .main-slider .owl-dots .owl-dot span {
    display: none;
}


/* -- Immigration & Visa section -- */
.immigration-visa-section .tabs-box .tab-buttons {
    margin-bottom: 30px;
}
.immigration-visa-section .tabs-content .tab-content-item .column{
    text-align: center;
    position: relative;
    padding: 0 18px;
    margin-bottom: 35px;
}
.immigration-visa-section .tabs-content .tab-content-item .column:not(:last-child):after{
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    height: 228px;
    /* border-right: 1px solid #dbdbdb; */
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box{
    position: relative;
    height: 260px;
    overflow: hidden;
    z-index: 1;
    border-radius: 13px;
    margin-bottom: 15px;
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box::before {
    position: absolute;
    top: 0%;
    right: 0%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .4);
    border-radius: 0%;
    -webkit-transform: translateX(-50%, -50%);
    transform: translateX(-50%, -50%);
    opacity: 0;
    z-index: 1;
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.immigration-visa-section .tabs-content .tab-content-item .column:hover .img-box::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box > img {
    width: 100%;
    transform: scale(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.immigration-visa-section .tabs-content .tab-content-item .column:hover .img-box > img {
    transform: scale(1.1) rotate(1deg);
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box span{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 2px solid transparent;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.immigration-visa-section .tabs-content .tab-content-item .column .img-box span img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0px 10px 20px 9px rgba(194, 194, 194, 0);
}
.immigration-visa-section .tabs-content .tab-content-item .column:hover .img-box span{
    border-color: #fff;
    box-shadow: 0px 10px 20px 9px rgba(87, 87, 87, 0.18);
}
.immigration-visa-section .tabs-content .tab-content-item .column .title{
    color: var(--orange-color);
    font-size: 26px;
    margin-bottom: 6px;
}
.immigration-visa-section .tabs-content .tab-content-item .column p{
    color: #121212;
    line-height: 24px;
}


/* -- logo-box-wrapper -- */
.logo-box-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-box-wrapper .column{
    margin-top: 20px;
}
.logo-box-wrapper .column:not(:last-child){
    border-right: 1px dashed #8D8D8D;
}


/* -- column-box-wrapper -- */
.column-box-wrapper .column{
    margin-top: 30px;
}
.column-box-wrapper .column:not(:last-child){
    border-right: 1px dashed #fff;
}
.column-box-wrapper .column .icon-block{
    background-color: #0F5457;
    width: 65px;
    height: 65px;
    line-height: 65px;
}
.column-box-wrapper .column .icon-block img{
    height: 38px;
}



/* -- graduate-program-section -- */
.graduate-program-section{
    position: relative;
    background-color: var(--light-green);
}
.graduate-program-section .title-style-1{
    color: var(--green-color-1);
    font-size: 40px;
}
.graduate-program-section .programs-list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.graduate-program-section .programs-list li{
    flex-basis: calc(100% / 4 - 18px);
    margin-top: 20px;
}
.graduate-program-section .programs-list a{
    display: block;
    background-color: transparent;
    color: var(--dark-green-1);
    font-size: 19px;
    text-align: center;
    border-radius: 100px;
    padding: 7px 14px;
    border: 1px solid var(--dark-green-1);
    transition: all 0.3s ease-in-out;
}
.graduate-program-section .programs-list a:hover{
    color: #fff;
    background-color: var(--green-color-1);
    border-color: var(--green-color-1);
}
.graduate-program-section .img-column{
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background: url(../img/bg-img-1.webp) no-repeat top center / cover;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 100px;
    /* padding-left: 120px; */
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
}
.graduate-program-section .img-column .txt-content{
    position: relative;
    left: 40%;
    margin-left: -155px;
}
.graduate-program-section .img-column .txt-content h3{
    color: var(--green-color-1);
    font-family: 'SeoulHangang CBL';
    font-size: 3.4rem;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.graduate-program-section .img-column .txt-content h4{
    display: inline-block;
    font-family: "Staatliches", sans-serif;
    color: var(--orange-color);
    font-size: 3.4rem;
    line-height: normal;
    background-color: #fff;
    padding: 0px 16px;
}


/* -- coaching-offer-section -- */
.coaching-offer-section .box{
    text-align: center;
    margin-top: 20px;
}
.coaching-offer-section .box .title{
    font-size: 25px;
    margin-top: 10px;
}


/* -- article-section -- */
.article-section{
    padding-bottom: 70px;
}
.article-section .heading .title{
    margin-bottom: 10px;
}
/* slider-wrapper */
.article-section .blog-single {
    background-color: #fff;
    color: #6D6D6D;
    position: relative;
    display: block;
    margin: 0 10px 10px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    overflow: hidden;
}
.article-section .blog-single-img {
    position: relative;
    display: block;
}
.article-section .blog-single-img .inner {
    position: relative;
    display: block;
    border-radius: 30px;
    overflow: hidden;
}
.article-section .blog-single-img .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    background: #000;
    opacity: 0;
    z-index: 1;
}
.article-section .blog-single:hover .blog-single-img .inner::before {
    opacity: 0.5;
}
  
.article-section .blog-single-img .inner img {
    width: 100%;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s ease;
    transform: scale(1.05);
}
.article-section .blog-single:hover .blog-single-img .inner img {
    transform: scale(1);
}
  
.article-section .blog-single-content {
    position: relative;
    display: block;
    padding: 20px 32px;
    z-index: 1;
}
.article-section .blog-single .category{
    min-width: 120px;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 40px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background-color: var(--green-color-1);
    border-radius: 100px;
    padding: 3px 16px;
}
.article-section .blog-single:nth-child(odd) .category{
    background-color: var(--red-color);
}
.article-section .blog-single-content .meta-box{
    line-height: normal;
    margin: 12px 0 15px;
}
.article-section .blog-single-content .meta-box li{
    display: inline-flex;
    margin-right: 15px;
}
.article-section .blog-single-content .meta-box li .icon{
    margin-right: 5px;
}
.article-section .blog-single-content .meta-box li .icon img{
    width: 18px;
}
.article-section .blog-single .blog-title{
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 20px;
}
.article-section .blog-single-content .link-btn{
    color: #6D6D6D;
}
.article-section .blog-single-content .link-btn img{
    display: inline-block;
    width: 25px;
    margin-left: 8px;
}
.article-section .blog-single-content .link-btn:hover{
    color: var(--green-color-1);
}

.article-section .blog-slider .owl-prev,
.article-section .blog-slider .owl-next{
    color: var(--green-color-1);
    border: 1px solid var(--green-color-1);
}
.article-section .blog-slider .owl-prev{
    left: -14px;
}
.article-section .blog-slider .owl-next{
    right: -14px;
}



/* -- counter / Achievements -- */
.counter-section{
    position: relative;
    /* background-color: var(--green-color-1); */
    background: url(img/counter-bg-img.webp) no-repeat center bottom;
    background-size: cover;
}
.counter-section .counter-wrapper{
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-top: 60px;
    overflow: hidden;
}
.counter-section .counter-wrapper .row{
    margin-left: 1px;
}
.counter-section .counter-box{
    position: relative;
    padding: 35px 50px;
    border: 1px solid #c5c5c5;
    border-right: 0;
    border-bottom: 0;
    margin: -2px;
}
.counter-section .counter-box::before{
    content: "";
    background-color: #E45F26;
    width: 4px;
    height: 80px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
}
.counter-section .counter-box figure{
    background-color: #FFE1D4;
    text-align: center;
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 100%;
    margin-right: 25px;
}
.counter-section .counter-box figure img{
    transition: all 600ms ease;
}
.counter-section .counter-box .counter-text h5{
    font-size: 42px;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.counter-section .counter-box .counter-text h5 .odometer{
    vertical-align: top;
}
.counter-section .counter-box .counter-text p{
    color: #545454;
    margin-bottom: 0;
}
/*  */
.counter-section .counter-box.colored::before{
    background-color: #11B2BA;
}
.counter-section .counter-box.colored figure{
    background-color: #d3fcfd;
}
.counter-section .counter-box:hover figure img{
    transform: rotateY(360deg);
    transition-delay: 0.1s;
}


/* -- why choose -- */
.why-choose-section{
    background-color: var(--orange-color);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.why-choose-section::before{
    content: "";
    position: absolute;
    opacity: 0.7;
    top: -185px;
    left: -25px;
    width: 500px;
    height: 500px;
    background: url(../img/shape-img-1.png) no-repeat left bottom;
    background-size: contain;
    z-index: -1;
}
.why-choose-section::after{
    content: "";
    position: absolute;
    opacity: 0.7;
    bottom: -150px;
    right: 0;
    width: 356px;
    height: 416px;
    background: url(../img/shape-img-2.png) no-repeat right bottom;
    background-size: contain;
    z-index: -1;
}
.why-choose-section .features-col{
    position: relative;
    background-color: #FAFAFA;
    padding: 42px 50px 30px;
    border-radius: 25px;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
    transition: all 0.3s;
}
.why-choose-section .features-col::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 115px;
    height: 110px;
    border-radius: 25px;
    background: url(../img/strip-img.svg) no-repeat;
    /* background-size: contain; */
    opacity: 0;
    transition: all 0.3s ease-out;
    z-index: -1;
}
.why-choose-section .features-col .icon-box{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #EBEBEB;
    border-radius: 100%;
    margin-bottom: 25px;
    transition: all 0.3s;
}
.why-choose-section .features-col .icon-box svg path{
    fill: var(--dark-green-1);
    transition: all 0.3s;
}
.why-choose-section .features-col .title{
    font-size: 24px;
    margin-bottom: 14px;
}
.why-choose-section .features-col p{
    color: #131313;
    font-size: 17px;
    line-clamp: 1;
    font-display: block;
}
.why-choose-section .features-col a.link-btn{
    display: inline-block;
    color: #252525;
    font-size: 17px;
    margin-top: 20px;
}
.why-choose-section .features-col:hover{
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
}
.why-choose-section .features-col:hover::before{
    width: 125px;
    height: 120px;
    opacity: 1;
}
.why-choose-section .features-col:hover .icon-box{
    background-color: var(--orange-color);
}
.why-choose-section .features-col:hover .icon-box svg path{
    fill: #fff;
}
/* .why-choose-section .features-col:hover h4,
.why-choose-section .features-col:hover p,
.why-choose-section .features-col:hover a{
    color: #fff;
} */


/* -- client-review-section -- */
/* .client-review-section{
    background: url(../img/pattern-bg-img.png) no-repeat top center, -webkit-linear-gradient(left, #FE570F 0%, #FE570F 100%);
    background: url(../img/pattern-bg-img.png) no-repeat top center, linear-gradient(left, #FE570F 0%, #FE570F 100%);
    background-size: cover;
} */
.client-review-section p{
    color: var(--black);
    line-height: 25px;
}
.client-review-section .swiper-nav{
    display: inline-flex;
    margin-top: 50px;
}
.client-review-section .swiper-nav .swiper-button-prev,
.client-review-section .swiper-nav .swiper-button-next{
    color: var(--orange-color);
    border: 1px solid var(--orange-color);
    font-size: 18px;
    font-weight: 400;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: static;
    margin: 0 20px 0 0;
    background-color: #fff;
    border-radius: 100%;
}
.client-review-section .swiper-nav .swiper-button-prev::after,
.client-review-section .swiper-nav .swiper-button-next::after{
    display: none;
}

.client-review-section .review-slider .review-box{
    background-color: #F6F6F6;
    padding: 25px 35px 25px;
    text-align: center;
    border-radius: 28px;
}
.client-review-section .review-slider .review-box img{
    /* display: none; */
    margin-bottom: 20px;
}
.client-review-section .review-slider .review-box hr{
    /* display: none; */
    background-color: #bebebe;
    width: 70%;
    margin: 0 auto;
}
.client-review-section .review-slider .review-box .text-content{
    padding: 28px 10px 0;
    margin-bottom: 18px;
}
.client-review-section .review-slider .review-box .text-content p{
    font-family: 'Product Sans Light';
    color: #6A6A6A;
    font-size: 20px;
    line-height: 30px;
}
.client-review-section .review-slider .review-box .rating{
    color: var(--green-color-1);
    font-size: 13px;
    letter-spacing: 0.5;
    margin-bottom: 25px;
}
.client-review-section .review-slider .review-box .user-name{
    font-size: 22px;
}
.client-review-section .review-slider .review-box:hover{
    background-color: var(--orange-color);
}
.client-review-section .review-slider .review-box:hover hr{
    background-color: #fff;
}
.client-review-section .review-slider .review-box:hover .text-content p,
.client-review-section .review-slider .review-box:hover h5{
    color: #fff;
}


/* -- clients-section -- */
.clients-section{
    position: relative;
    background-color: var(--light-green);
    background-size: cover;
}
.clients-section .title-style-1{
    font-size: 38px;
    margin-bottom: 45px;
}
.clients-section .clients-slider .logo-box{
    margin: 0 20px;
}
.clients-section .clients-slider .logo-box img{
    max-width: 100%;
}


/* -- mobile-app-section -- */
.mobile-app-section{
    position: relative;
}
.mobile-app-section .title-style-1{
    line-height: 53px;
}
.mobile-app-section .title-style-1 span{
    color: var(--green-color-1);
}
.mobile-app-section figure{
    text-align: right;
    position: absolute;
    left: calc(100% - 419px);
}
.mobile-app-section figure img{
    margin: 20px 0;
}


/* -- pay-now-wrapper -- */
.pay-now-wrapper .content-box{
    background-color: var(--green-color-1);
    padding: 20px 0;
    overflow: hidden;
}
.pay-now-wrapper .content-box .title-style-1{
    position: relative;
    display: inline-block;
}
.pay-now-wrapper .content-box .title-style-1::before,
.pay-now-wrapper .content-box .title-style-1::after{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -45px;
    background: url(../img/colored-right-angle-icon.svg) no-repeat center / contain;
}
.pay-now-wrapper .content-box .title-style-1::after{
    background-image: url(../img/colored-left-angle-icon.svg);
    left: auto;
    right: -45px;
}
.pay-now-wrapper .content-box p{
    font-size: 20px;
    line-height: 32px;
    font-family: var(--font-light);
}
.pay-now-wrapper .content-box img{
    margin-bottom: -63px;
}
/* bank-options-section */
.pay-now-wrapper .bank-options-section .column{
    background-color: #FBFBFB;
    border-radius: 0 0 39px 39px;
    height: 100%;
}
.pay-now-wrapper .bank-options-section .column figure{
    overflow: hidden;
    border-radius: 18px;
}
.pay-now-wrapper .bank-options-section .column figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 300px;
}
.pay-now-wrapper .bank-options-section .column .column-txt{
    padding: 20px 30px;
}
.pay-now-wrapper .bank-options-section .column .column-txt .title{
    margin-bottom: 10px;
}
.pay-now-wrapper .bank-options-section .column .column-txt ul li{
    line-height: 23px;
    margin-bottom: 10px;
}
/* qr-scan-section */
.pay-now-wrapper .qr-scan-section .title-lines{
    margin-bottom: -110px;
    overflow: hidden;
}
.pay-now-wrapper .qr-scan-section .title-lines .title-style-1{
    display: inline-block;
    font-size: 45px;
    width: auto;
    position: relative;
}
.pay-now-wrapper .qr-scan-section .title-lines .title-style-1::before,
.pay-now-wrapper .qr-scan-section .title-lines .title-style-1::after{
    content: '';
    background: #fff;
    height: 6px;
    display: inline-block;
    width: 80%;
    border-top: 1px solid var(--green-color-1);
    border-bottom: 1px solid var(--green-color-1);
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pay-now-wrapper .qr-scan-section .title-lines .title-style-1::before{left:-85%;}
.pay-now-wrapper .qr-scan-section .title-lines .title-style-1::after{right:-85%;}




/* -- footer -- */
footer{
    font-family: "Poppins", sans-serif;
    position: relative;
    background-color: var(--green-color-1);
    overflow: hidden;
}

footer .plane-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}
footer .plane-img img{
    display: inline-block;
}

footer .logo-box{
    position: absolute;
    width: 280px;
    height: 230px;
    line-height: 250px;
    padding-top: 20px;
    padding-left: 10px;
    text-align: center;
    top: -80px;
    left: -40px;
    z-index: 1;
}
footer .logo-box::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 100%;
    z-index: -1;
}
footer .logo-box img{
    max-width: 80%;
}

footer .footer-content{
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    padding: 80px 15px 30px 140px;
    background: url(../img/city-vector-img.svg) no-repeat bottom center;
    background-size: 90%;
}
footer .footer-content .widget-wrap{
    padding-left: 40px;
    margin-bottom: 25px;
}
footer .footer-content .widget-wrap *{
    color: #000;
}
footer .footer-content .widget-title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}
footer .footer-content .widget-sub-title{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
footer .footer-content .widget-wrap ul li a{
    display: inline-block;
    position: relative;
    padding: 6px 6px 6px 18px;
}
footer .footer-content .widget-wrap ul li a::before{
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/star-pointer-icon.svg) no-repeat center;
    position: absolute;
    top: 13px;
    left: 0;
    opacity: 0.6;
}
footer .footer-content .widget-wrap ul li:hover a{
    padding-left: 20px;
}
footer .footer-content .widget-wrap ul li:hover a::before{
    opacity: 1;
}

footer .footer-content .card-list{
    display: inline-flex;
    align-items: start;
    margin-bottom: 35px;
}
footer .footer-content .card-list li{
    text-align: center;
    background-color: #fff;
    border-radius: 2px;
    padding: 2px 6px;
    margin-right: 10px;
}
footer .footer-content .card-list li:last-child{
    margin-right: 10px;
}

footer .company-name{
    display: inline-block;
    text-align: center;
    animation: image-in cubic-bezier(0.5, 0, 0.1, 1) 2.2s backwards;
}
footer .company-name .txt{
    color: #fff;
    font-family: 'Emona';
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
    /* margin-left: -50px; */
}

footer .copyright-wrapper{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: rgba(20, 102, 106, 0.5);
    padding: 15px 0;
}
footer .copyright-wrapper a{
    color: #fff;
}


/*** ---- Scroll To Top ---- ***/
.scroll-to-top {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: var(--orange-color);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    text-align: center;
    display: none;
    border-radius: 100%;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.scroll-to-top i{
    color: #fff;
    font-size: 20px;
    line-height: 42px;
}
.scroll-to-top svg{
    font-size: 20px;
}
.scroll-to-top svg path{
    fill: #fff;
}
.scroll-to-top:hover {
    background-color: var(--green-color-1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.scroll-to-top:hover i{
    color: #fff;
}

/* whatsapp-btn */
.whatsapp-btn {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 50px;
    background: #4bae4f;
    position: fixed;
    bottom: 40px;
    left: 26px;
    z-index: 99;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.whatsapp-btn i,
.whatsapp-btn svg{
    font-size: 24px;
}
.whatsapp-btn i{
    color: #fff;
}
.whatsapp-btn svg path{
    fill: #fff;
}
.whatsapp-btn:hover {
    background-color: var(--orange-color);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.whatsapp-btn:hover i{
    color: #fff;
}

/* call-btn */
.call-btn {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 48px;
    background: #2196f3;
    position: fixed;
    bottom: 100px;
    left: 26px;
    z-index: 99;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.call-btn i,
.call-btn svg{
    font-size: 19px;
}
.call-btn i{
    color: #fff;
}
.call-btn svg path{
    fill: #fff;
}
.call-btn:hover {
    background-color: var(--orange-color);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.call-btn:hover i{
    color: #fff;
}

/* calc-btn */
.calc-btn {
    display: inline-block;
    width: 52px;
    height: 56px;
    line-height: 54px;
    background: var(--orange-color);
    /* padding-right: 5px; */
    position: fixed;
    top: 45%;
    left: 25px;
    z-index: 101;
    text-align: center;
    border-radius: 10px 10px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.calc-btn img{
    max-width: 60%;
}
.calc-btn:hover {
    background-color: var(--dark-green-1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.calc-btn:hover i{
    color: #fff;
}


/* -- calculator-box -- */
.calculator-box{
    background-color: #fff;
    padding: 8px 8px;
    position: fixed;
    top: 280px;
    left: 0%;
    margin-right: 20px;
    transform: -webkit-translateX(-120%);
    transform: -moz-translateX(-120%);
    transform: translateX(-120%);
    z-index: 105;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease-in-out;
    z-index: 105;
}
.calculator-box .icon-box{
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--green-color-1);
    padding: 8px 8px 20px 20px;
    border-radius: 0 0 0 100%;
    z-index: 1;
}
.calculator-box .icon-box img{
    width: 30px;
}
.calculator-box .closeBtn{
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    color: var(--orange-color);
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    background-image: none;
    top: -14px;
    right: -12px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
    z-index: 2;
}
.calculator-box.expanded{
    transform: -webkit-translateX(0%);
    transform: -moz-translateX(0%);
    transform: translateX(0%);
}
.calculator-box .close{
    position: absolute;
    top: 0;
    right: -10px;
}
.calculator-box ul{
    border: 1px solid var(--green-color-1);
}
.calculator-box ul li{
    border-bottom: 1px solid var(--green-color-1);
}
.calculator-box ul li:last-child{
    border-bottom: 0;
}
.calculator-box ul li a{
    position: relative;
    display: block;
    padding: 12px 46px 12px 35px;
    line-height: 26px;
}
.calculator-box ul li a::before{
    content:"\f101";
    font-family:"Font Awesome 5 Free";
    color: var(--orange-color);
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 13px;
    left: 14px;
}


/* floating-btn-wrapper */
.floating-btn-wrapper{
    position: fixed;
    left: 20px;
    bottom: 85px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    transition: all 0.3 ease-in-out;
}
.floating-btn-wrapper .floating-btn{
    display: none;
    color: #fff;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 42px;
    border-radius: 100%;
    background-color: var(--orange-color);
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    transition: all .35s ease-in-out;
}
.floating-btn-wrapper .floating-btn svg{
    width: 50%;
    height: auto;
}
.floating-btn-wrapper .floating-btn svg .fil0{
    fill: #fff;
}
.floating-btn-wrapper .floating-btn:hover {
    color: var(--black);
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.floating-btn-wrapper .floating-btn:hover svg .fil0{
    fill: var(--black);
}
.floating-btn-wrapper .btns-grp{
    display: block;
    height: 0;
    position: relative;
    z-index: -1;
    transition: all .35s ease-in-out;
}
.floating-btn-wrapper.expanded .btns-grp{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.floating-btn-wrapper.expanded .btns-grp a{
    animation: slideInUp .8s cubic-bezier(0.075, 0.82, 0.165, 1) both;
    transition-delay: 0.0s;
}
.floating-btn-wrapper.expanded .floating-btn i.fa-plus::before{
    content:"\f00d";
    transition: all .35s ease-in-out;
}


/* -- page-header -- */
.page-header {
    min-height: 350px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
}
.page-header.overlay::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #125D5F 0%, rgba(102, 102, 102, 0) 100%);
    width: 100%;
    height: 100%;
}
.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.page-header .shape1 {
    position: absolute;
    top: 10px;
    right: -40px;
    bottom: 0;
    z-index: -1;
}
.page-header__inner {
    position: relative;
    display: block;
}
.page-header__inner .page-banner-title {
    color: #2B2B2B;
    font-size: 2.4rem;
    font-family: var(--font-medium);
    line-height: 1.3em;
    letter-spacing: 0.8px;
    margin-bottom: 0px;
}
.page-header__inner .sub-title{
    font-size: 1.3rem;
}
.page-header__inner .info-text{
    font-size: 2.2rem;
    text-decoration: underline;
    text-decoration-color: #424242;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
}
.page-header__inner .thm-breadcrumb {
    position: relative;
    display: block;
    padding-top: 20px;
}
.page-header__inner .thm-breadcrumb li {
    position: relative;
    display: inline-block;
    color: #818181;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--conzi-font-two);
    padding-left: 10px;
}
.page-header__inner .thm-breadcrumb li:first-child {
    padding-left: 0;
}
.page-header__inner .thm-breadcrumb li a {
    color: #818181;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--conzi-font);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.page-header__inner .thm-breadcrumb li a:hover {
    color: var(--conzi-base);
}
/* page-banner-image */
.page-banner-image{
    height: auto;
    min-height: auto!important;
}
.page-banner-image img{
    width: 100%;
}
/* page-banner */
.page-banner{
    min-height: 480px;
    position: relative;
    display: block;
    padding-bottom: 60px;
    background-color: #E6E6E6;
    z-index: 1;
}
.page-banner::after{
    content: "";
    width: 100%;
    min-height: 205px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    background: url(../img/bg-img1.png) no-repeat bottom center / 100%;
    z-index: -1;
}
.page-banner.reverse::after{
    background: url(../img/bg-img2.png) no-repeat bottom center / 100%;
}
.page-banner .inner-content{
    /* position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); */
    height: 100%;
    width: 100%;
    padding-top: 50px;
}
/* txt-content */
.page-banner .inner-content .txt-content img{
    /* max-width: 40%; */
    margin-bottom: 25px;
}
.page-banner .inner-content .txt-content p{
    color: #090909;
    font-size: 1.8rem;
    margin-bottom: 0px;
}
.page-banner .inner-content .txt-content .title{
    color: #E31836;
    font-size: 3.4rem;
    font-weight: 400;
    margin-bottom: 10px;
}
/* point-block */
.page-banner .inner-content .point-block{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #007FA3;
    width: 190px;
    height: 190px;
    padding: 20px 20px 15px;
    border-radius: 100%;
    margin-top: 35px;
}
.page-banner .inner-content .point-block *{
    color: #fff;
    text-align: center;
}
.page-banner .inner-content .point-block h4{
    font-size: 16px;
    font-family: var(--font-medium);
    padding: 0 5px;
    margin-bottom: 6px;
}
.page-banner .inner-content .point-block ul li{
    font-size: 14px;
    line-height: 24px;
}
.page-banner .inner-content .point-block ul li span{
    font-family: var(--font-bold);
}
.page-banner .inner-content .point-block .img-box{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.page-banner .inner-content .point-block .img-box img{
    height: 24px;
}
/* page-form */
.page-form p{
    color: #101010;
    font-size: 19px;
    text-transform: capitalize;
}
.page-form .form-control{
    padding: 2px 5px 2px;
    height: auto;
    width: auto;
    display: inline-block;
    color: #101010;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #0A0A0A;
    border-radius: 0;
    margin-bottom: 32px;
}
.page-form .theme-btn{
    background-color: #E31836;
}


/* -- about-wrapper -- */
.about-wrapper{
    color: #454545;
    font-size: 18px;
}
.smp-txt{
    color: var(--orange-color);
}
.smp-txt span:nth-child(1){
    color: var(--green-color-1);
}
.smp-txt span:nth-child(2){
    color: #E02735;
}
/* directors-block */
.about-wrapper .directors-block{
    margin-top: 20px;
}
/* make director image portrait */
.about-wrapper .directors-block figure {
  /* portrait box: narrow + taller */
  width: 320px;        /* adjust to your desired width */
  height: 420px;       /* adjust to your desired height (taller than width) */
  overflow: hidden;
  margin: 50px 15px 20px;
  background-color: var(--orange-color); /* keep existing bg if wanted */
}

/* ensure the image fills the portrait box and is cropped properly */
.about-wrapper .directors-block figure img {
  width: auto;         /* don't stretch to container width */
  height: 100%;        /* fill container vertically */
  object-fit: cover;   /* crop to fill while keeping aspect ratio */
  display: block;
}



/* -- gallery-wrapper -- */
.gallery-wrapper .tab-panel .list-group .list-item:hover{
    color: var(--green-color-1);
}
.gallery-wrapper .tab-panel .list-group .list-item.active{
    color: #fff;
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}

.single-img-column {
    background: #ffffff;
    position: relative;
    display: block;
    border: 1px solid #eee;
    border-radius: 15px;
    overflow: hidden;
}
.single-img-column .img-column{
    height: 320px;
}
.single-img-column .img-column img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}
.single-img-column:hover .img-column img {
    transform: scale(1);
}
.single-img-column .img-column::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.single-img-column:hover .img-column::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.single-img-column .img-caption{
    width: 92%;
    background-color: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    opacity: 0;
    position: absolute;
    left: 4%;
    bottom: -20%;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    box-shadow: 0 2px 30px -10px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.single-img-column .img-caption .img-title{
    color: var(--orange-color);
    font-size: 20px;
    font-weight: 500;
}
.single-img-column .img-caption .img-sub-title{
    color: #4b4b4b;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 4px;
}
.single-img-column:hover .img-caption{
    opacity: 1;
    bottom: 5%;
}

/* .img-column .column-btn {
    position: absolute;
    right: 25px;
    bottom: 15px;
    z-index: 1;
}
.img-column .column-btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.img-column .column-btn:hover a{
    background: rgba(255, 255, 255, 0.4);   
} */


/* -- contact-wrapper -- */
.contact-wrapper {
    font-family: "Poppins", sans-serif;
    position: relative;
    z-index: 1;
}
.contact-wrapper *{
    letter-spacing: normal;
    word-spacing: normal;
}
.contact-wrapper .sub-title{
    color: var(--orange-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.contact-wrapper p{
    color: var(--black);
    font-size: 15px;
    line-height: normal;
}
.contact-wrapper p.contact-no{
    font-size: 18px;
}
.contact-wrapper .thm-social-link1{
    margin-top: 15px;
}
.contact-wrapper .thm-social-link1 ul li a{
    background-color: var(--dark-green-1);
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.contact-wrapper .thm-social-link1 ul li a:hover{
    color: #fff;
    background-color: var(--orange-color);
}
.contact-wrapper .thm-social-link1 ul li a::before{
    display: none;
}
/* contact-form */
.contact-wrapper .contact-form form .form-group{
    position: relative;
}
.contact-wrapper .contact-form form .form-group img{
    position: absolute;
    top: 14px;
    left: 5px;
    width: 16px;
}
.contact-wrapper .contact-form form .form-group.form-floating label{
    color: var(--black);
    padding: 0;
    padding-right: 10px;
    height: auto;
    top: 6px;
    left: 30px;
}
.contact-wrapper .contact-form form .form-group.form-floating > .form-control:focus ~ label,
.contact-wrapper .contact-form form .form-group.form-floating > .form-control:not(:placeholder-shown) ~ label,
.contact-wrapper .contact-form form .form-group.form-floating > .form-select ~ label{
    transform: scale(.85) translateY(-1.2rem) translateX(0);
}
.contact-wrapper .contact-form form .form-control{
    border: 0;
    border-bottom: 1px solid var(--black);
    height: auto;
    padding: 13px 20px 8px 30px;
    border-radius: 0;
}
.contact-wrapper .contact-form form textarea.form-control{
    height: auto;
}
.contact-wrapper .contact-form form .theme-btn{
    background-color: var(--dark-green-1);
}
/*  */
.google-map-one {
    position: relative;
    display: block;
    z-index: 1;
}
.google-map-one__map {
    position: relative;
    display: block;
    border: none;
    height: 500px;
    width: 100%;
}




/* -- career-wrapper -- */
.career-wrapper h3{
    font-size: 38px;
}
.career-wrapper > h3{
    color: var(--green-color-1);
    font-family: var(--font-regular);
}
.career-wrapper .contact-form{
    padding: 35px 45px;
    background-color: #FAFAFA;
}
.career-wrapper .contact-form h4{
    color: var(--dark-green-1);
    margin-bottom: 20px;
}
.career-wrapper .contact-form form button{
    margin-top: 30px;
}



/* -- blog-wrapper -- */
.blog-list {
    position: relative;
    display: block;
    background: #fff;
    padding: 110px 0px 110px;
    z-index: 1;
}
.blog-list-content {
    position: relative;
    display: block;
    margin-right: 20px;
}

/* blog-column */
.blog-list .blog-column {
    position: relative;
    display: block;
    margin-bottom: 50px;
}
.blog-column .blog-date{
    position: absolute;
    top: 40px;
    right: 60px;
    text-align: center;
    width: 90px;
    padding: 20px 24px 10px;
    background-color: #E52121;
    box-shadow: 0 8px 0 -4px rgba(229, 33, 33, 0.5), 0 17px 0 -9px rgba(229, 33, 33, 0.3);
    z-index: 2;
}
.blog-column .blog-date p{
    color: #fff;
    font-family: var(--font-bold);
}
.blog-column .blog-date p span{
    display: block;
    font-size: 35px;
}
.blog-column .blog-img {
    position: relative;
    display: block;
}
.blog-column .blog-img .inner {
    position: relative;
    display: block;
    height: 50vh;
    overflow: hidden;
}
.blog-column .blog-img .inner:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    background: #000000;
    opacity: 0;
    z-index: 1;
    content: "";
}
.blog-column:hover .blog-img .inner::before {
    opacity: 0.5;
}
.blog-column .blog-img .inner img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}
.blog-column:hover .blog-img .inner img {
    transform: scale(1);
}
/* blog-column-content */
.blog-column-content{
    width: 100%;
    padding: 30px 22px 22px;
    border: 1px solid #888;
    border-top: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.blog-column-content .blog-user-info{
    display: flex;
    margin-bottom: 10px;
}
.blog-column-content .blog-user-info .img-box{
    width: 53px;
    margin-right: 15px;
}
.blog-column-content .blog-user-info .text-box .category-name{
    color: #E02735;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.blog-column-content .blog-user-info .text-box p{
    color: #707070;
    font-size: 18px;
}

.blog-column-content .blog-content-inner{
    padding-left: 68px;
}
.blog-column-content .blog-content-inner .blog-title{
    margin-bottom: 10px;
}
.blog-column-content .blog-content-inner .blog-title a{
    color: var(--green-color-1);
    font-size: 24px;
}
.blog-column-content .blog-content-inner p{
    color: #737373;
    line-height: 27px;
    margin-bottom: 11px;
}
.blog-column-content .blog-content-inner p:last-child{
    margin-bottom: 0;
}
.blog-column-content .meta-box{
    display: flex;
    justify-content: space-between;
    padding-left: 68px;
    margin-top: 20px;
}
.blog-column-content .meta-box .btn{
    color: var(--green-color-1);
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0;
}
.blog-column-content .meta-box ul{
    display: flex;
    align-items: center;
}
.blog-column-content .meta-box ul li{
    line-height: normal;
    margin-right: 15px;
}
.blog-column-content .meta-box ul li a{
    color: #737373;
    display: inline-flex;
}
.blog-column-content .meta-box ul li img{
    height: 20px;
}
.blog-column-content .meta-box ul li:last-child{
    margin-right: 0;
}
/* -- Styled Pagination -- */
.styled-pagination {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.styled-pagination li {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}
.styled-pagination li:last-child {
    margin-right: 0;
}
.styled-pagination li a {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #fff;
    color: #7C7C7C;
    font-size: 18px;
    line-height: 45px;
    font-weight: 500;
    border: 1px solid var(--green-color-1);
    text-align: center;
    transition: all 500ms ease;
    z-index: 1;
}
.styled-pagination li a:hover,
.styled-pagination li a.active {
    color: #fff;
    background: var(--green-color-1);
    border-color: var(--green-color-1);
}
.styled-pagination li.prev a,
.styled-pagination li.next a {
    font-size: 15px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    top: -1px;
}
.styled-pagination li.next a span::before {
    position: relative;
    display: inline-block;
    transform: rotate(90deg);
    font-size: 15px;
    font-weight: 700;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
    color: var(--conzi-black);
    background: var(--conzi-base);
    border-color: var(--conzi-base);
}

/* Sidebar */
.sidebar {
    position: relative;
    display: block;
    background: #F8F8F8;
    padding: 30px 25px 30px;
    border-radius: 3px;
}
.sidebar-block {
    position: relative;
    display: block;
}
.sidebar-block + .sidebar-block {
    margin-top: 35px;
}
.sidebar-block .title-box{
    font-family: var(--font-regular);
    font-size: 23px;
    line-height: normal;
    margin-bottom: 11px;
}
/*  */
.sidebar-search {
    position: relative;
    display: block;
    z-index: 1;
}
.sidebar-search .search-form {
    position: relative;
    display: block;
}
.sidebar-search .search-form input[type="search"] {
    display: block;
    border: 0px solid #fff;
    outline: none;
    background-color: #fff;
    color: rgba(var(--conzi-black-rgb), 0.7);
    font-weight: 400;
    padding-left: 18px;
    height: 52px;
    width: 100%;
    padding-right: 48px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.02);
}
.sidebar-search .search-form input[type="search"]:focus{
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.sidebar-search .search-form ::-webkit-input-placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form :-ms-input-placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form ::-ms-input-placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form ::placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form :-ms-input-placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form ::-ms-input-placeholder {
    color: rgba(var(--conzi-black-rgb), 0.7);
}
.sidebar-search .search-form button[type="submit"] {
    background-color: transparent;
    color: var(--conzi-black);
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 2px;
    bottom: 0px;
    width: 50px;
    outline: none;
    border: none;
    border-radius: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.sidebar-search .search-form button[type="submit"]:hover {
    background-color: transparent;
    color: var(--conzi-base);
}
/*  */
.sidebar-contact {
    position: relative;
    display: block;
    background: url(../img/sidebar-contact-bg-img.jpg) center no-repeat;
    background-size: cover;
    border-radius: 3px;
    padding: 45px 40px 40px;
    z-index: 1;
}
.sidebar-contact::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(18, 93, 95, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.sidebar-contact .title {
    font-family: var(--font-bold);
    font-size: 25px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 15px;
}
.sidebar-contact p {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}
.sidebar-contact .btn-box {
    width: 100%;
    margin-top: 30px;
}
.sidebar-contact .btn-box a{
    display: flex;
    text-align: left;
    background-color: #fff;
    padding: 5px 8px;
    margin-right: -40px;
    border-radius: 50px 0 0 50px;
}
.sidebar-contact .btn-box a .icon-box{
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--orange-color);
    color: #fff;
    margin-right: 12px;
}
.sidebar-contact .btn-box a .icon-box img{
    width: 14px;
}
.sidebar-contact .btn-box a{
    color: var(--green-color-1);
    font-size: 25px;
}
.sidebar-contact:hover::before{
    background-color: rgba(18, 93, 95, 0.9);
}
/*  */
.sidebar-categories-box {
    position: relative;
    display: block;
}
.sidebar-categories-list li {
    position: relative;
    display: block;
    margin-bottom: 11px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);
}
.sidebar-categories-list li:last-child {
    margin-bottom: 0;
}
.sidebar-categories-list li a {
    position: relative;
    display: block;
    color: #767575;
    background-color: #fff;
    padding: 7px 8px 7px 34px;
    text-transform: capitalize;
    overflow: hidden;
    transition: all 0.2s linear;
}
.sidebar-categories-list li a::before{
    content:"";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 18px;
    left: 16px;
    border-radius: 100%;
    border: 1px solid #E02735;
    z-index: 1;
    transition: all 0.2s linear;
}
.sidebar-categories-list li a .number {
    position: absolute;
    top: 0;
    right: 28px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    transform: scale(0.7);
    opacity: 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
}
.sidebar-categories-list li a:hover .number,
.sidebar-categories-list li a.active .number {
    transform: scale(1.0);
    opacity: 1;
}
.sidebar-categories-list li a.active,
.sidebar-categories-list li a:hover{
    padding-left: 36px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.sidebar-categories-list li a.active::before,
.sidebar-categories-list li a:hover::before{
    left: 19px;
}
/*  */
.sidebar-gallery .gallery-list img{
    width: 100%;
}
/*  */
.sidebar-latest-post .popular-post-slider{
    position: relative;
}
.sidebar-latest-post .popular-post-slider .owl-prev,
.sidebar-latest-post .popular-post-slider .owl-next{
    color: #898989;
    font-size: 15px;
    width: 35px;
    height: 25px;
    line-height: 25px;
    top: -28px;
    left: auto;
    right: 0;
    background-color: transparent;
}
.sidebar-latest-post .popular-post-slider .owl-prev{
    right: 30px;
}
.sidebar-latest-post-block .img-box {
    position: relative;
    display: block;
    overflow: hidden;
    height: 230px;
}
.sidebar-latest-post-block .img-box img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sidebar-latest-post-block .content-box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 93, 95, 0.5);
    padding: 23px 30px;
}
.sidebar-latest-post-block .content-box p {
    color: #FD4452;
    font-size: 18px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    margin-bottom: 8px;
}
.sidebar-latest-post-block .content-box .blog-title {
    color: #fff;
    font-size: 22px;
    /* line-height: 26px; */
    font-family: var(--font-bold);
}
.sidebar-latest-post-block .content-box .blog-title a {
    color: #000000;
}
.sidebar-latest-post-block .content-box .blog-title a:hover {
    color: var(--conzi-primary);
}
.sidebar-latest-post-block .content-box a{
    color: #fff;
    display: inline-flex;
    justify-content: end;
    margin-top: 30px;
}
.sidebar-latest-post-block .content-box a img{
    width: 18px;
    margin-right: 4px;
}
/*  */
.sidebar-tags-list {
    position: relative;
    display: block;
    margin-top: -10px;
}
.sidebar-tags-list a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 6px 12px 6px;
    background: #fff;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #f0faf9;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.sidebar-tags-list a+a {
    margin-right: 5px;
    margin-top: 10px;
}
.sidebar-tags-list a:hover {
    border-color: #000000;
}


/* -- studyIn-wrapper -- */
.studyIn-wrapper{
    color: #575757;
}
/*  */
.studyIn-wrapper .about-info p{
    font-size: 19px;
}
/*  */
.studyIn-wrapper .featured-points{
    position: relative;
}
.studyIn-wrapper .featured-points .decor-line{
    margin-bottom: 25px;
}
/*  */
.studyIn-wrapper .featured-points .point-block{
    color: #2B2B2B;
    position: relative;
}
.studyIn-wrapper .featured-points .point-block::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #d8d8d8;
}
.studyIn-wrapper .featured-points .point-block:last-child::before{
    display: none;
}
.studyIn-wrapper .featured-points .point-block .title-style-1{
    font-size: 28px;
}
.studyIn-wrapper .list-style-1 li::before{
    color: var(--orange-color);
}
.studyIn-wrapper .list-style-1 li span{
    color: var(--orange-color);
}
/* choose-university-wrap */
.studyIn-wrapper .choose-university-wrap{
    padding-bottom: 230px;
    background: url(../img/city-pattern.png) repeat-x left bottom;
}
.studyIn-wrapper .choose-university-wrap .title-style-1{
    margin-bottom: 45px;
}
.studyIn-wrapper .choose-university-wrap .block-wrap{
    position: relative;
    height: 100%;
    color: #101010;
    background-color: #fff;
    border: 1px solid rgba(38, 120, 124, 0.5);
    padding: 48px 26px 40px;
    border-radius: 10px;
    overflow: hidden;
}
.studyIn-wrapper .choose-university-wrap .block-wrap .icon-box{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F8F8F8;
    text-align: center;
    width: 90px;
    padding: 20px 25px 30px;
    border-radius: 0 0 0 50px;
}
.studyIn-wrapper .choose-university-wrap .block-wrap .icon-box img{
    height: 40px;
}
.studyIn-wrapper .choose-university-wrap .block-wrap .title{
    color: #101010;
    font-size: 20px;
    font-family: var(--font-bold);
    padding-right: 70px;
    margin-bottom: 30px;
}
.studyIn-wrapper .choose-university-wrap .block-wrap p{
    line-height: 23px;
    margin-bottom: 0;
}
.studyIn-wrapper .choose-university-wrap .block-wrap:hover{
    color: #fff;
    background-color: var(--green-color-1);
}
.studyIn-wrapper .choose-university-wrap .block-wrap:hover .icon-box{
    background-color: #66DAE0;;
}
.studyIn-wrapper .choose-university-wrap .block-wrap:hover h5{
    color: #fff;
}
/*  */
/* .studyIn-wrapper .cta-wrap{} */
/* application-process-wrap */
.studyIn-wrapper .application-process-wrap .title-block{
    margin-bottom: 60px;
}
.studyIn-wrapper .application-process-wrap .process-col{
    display: flex;
    position: relative;
    background-color: #F6F6F6;
    height: 100%;
    align-items: stretch;
    margin: 35px 0 0 40px;
}
.studyIn-wrapper .application-process-wrap .process-col figure{
    width: 300px;
    margin: -30px 0 0 -40px;
}
.studyIn-wrapper .application-process-wrap .process-col figure img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top left;
    object-position: top left;
    max-width: 100%;
    height: 90%;
}
.studyIn-wrapper .application-process-wrap .process-col .content-box{
    width: 100%;
    padding: 25px 24px 32px;
}
.studyIn-wrapper .application-process-wrap .process-col .content-box .content-title{
    color: var(--orange-color);
    font-size: 20px;
    font-family: var(--font-bold);
    padding-right: 35px;
}
.studyIn-wrapper .application-process-wrap .process-col .content-box hr{
    margin: 8px auto 15px;
}
.studyIn-wrapper .application-process-wrap .process-col .content-box p{
    font-size: 13px;
    line-height: 22px;
}
/*  */
.studyIn-wrapper .visa-immigration-wrap{
    background-color: #F6F6F6;
    padding-top: 60px;
    padding-bottom: 60px;
}
.studyIn-wrapper .visa-immigration-wrap .col-box{
    position: relative;
    border-radius: 5px;
    padding: 70px 40px 44px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 30px;
}
.studyIn-wrapper .visa-immigration-wrap .col-box .text-box{
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px 30px 34px;
}
.studyIn-wrapper .visa-immigration-wrap .col-box .icon-img{
    margin: -58px auto 25px;
    background-color: var(--green-color-1);
    width: 62px;
    height: 62px;
    line-height: 58px;
    text-align: center;
    border-radius: 100%;
    outline: 1px solid var(--green-color-1);
    outline-offset: 7px;
}
/* .studyIn-wrapper .visa-immigration-wrap .col-box .icon-img img{
    width: 50px;
} */
.studyIn-wrapper .visa-immigration-wrap .col-box .text-box .title{
    color: var(--orange-color);
    text-align: center;
    font-size: 22px;
    font-family: var(--font-medium);
    margin-bottom: 20px;
}
.studyIn-wrapper .visa-immigration-wrap .col-box .text-box p{
    color: #0F0F0F;
    line-height: 22px;
}
.studyIn-wrapper .visa-immigration-wrap .col-box:hover .text-box{
    background-color: rgba(255, 255, 255, 1);
}
/* scholarships-financial-wrap */
.studyIn-wrapper .scholarships-financial-wrap .column-box{
    background-color: #fff;
    border: 1px dashed var(--green-color-1);
    height: 100%;
}
.studyIn-wrapper .scholarships-financial-wrap .column-box figure{
    background-color: #FAFAFA;
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px dashed var(--green-color-1);
}
.studyIn-wrapper .scholarships-financial-wrap .column-box figure img{
    width: 70px;
}
.studyIn-wrapper .scholarships-financial-wrap .column-box .content-box{
    text-align: center;
    padding: 24px 26px;
}
.studyIn-wrapper .scholarships-financial-wrap .column-box .content-box .title{
    color: #1F1F1F;
    font-size: 25px;
    margin-bottom: 20px;
}
.studyIn-wrapper .scholarships-financial-wrap .column-box .content-box p{
    color: #0F0F0F;
    line-height: 22px;
}
/* country-life-wrap */
.studyIn-wrapper .country-life-wrap{
    background: url(../img/pattern-img1.png) no-repeat center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 30px;
    margin-bottom: 80px;
}
.studyIn-wrapper .country-life-wrap .title-block{
    margin-bottom: 50px;
}
.studyIn-wrapper .country-life-wrap figure{
    margin-bottom: -240px;
}
.studyIn-wrapper .country-life-wrap figure img{
    width: 100%;
}
.studyIn-wrapper .country-life-wrap .list-style-1 li{
    color: #0E0E0E;
    font-size: 20px;
}
/* opportunities-wrap */
.studyIn-wrapper .opportunities-wrap .title-block{
    margin-bottom: 50px;
}
.studyIn-wrapper .opportunities-wrap .list-style-1 li{
    color: #0F0F0F;
    font-size: 20px;
}
/* why-choose-wrap */
.studyIn-wrapper .why-choose-wrap{
    position: relative;
    background-color: #F9F9F9;
    z-index: 1;
}
.studyIn-wrapper .why-choose-wrap .featured-img-1{
    width: 380px;
    position: absolute;
    top: -140px;
    right: 109px;
    z-index: -1;
}
.studyIn-wrapper .why-choose-wrap .featured-img-1 img{
    max-width: 100%;
}
.studyIn-wrapper .why-choose-wrap .featured-img-2{
    opacity: 0.5;
    max-width: 1080px;
    position: absolute;
    bottom: -36px;
    left: 0px;
    z-index: -1;
}
.studyIn-wrapper .why-choose-wrap .featured-img-2 img{
    max-width: 100%;
}
.studyIn-wrapper .why-choose-wrap .list-style-1 li{
    color: #1C1C1C;
    font-size: 20px;
}
.studyIn-wrapper .why-choose-wrap .list-style-1 li:nth-child(even) span,
.studyIn-wrapper .why-choose-wrap .list-style-1 li:nth-child(even)::before{
    color: var(--green-color-1);
}
.studyIn-wrapper .why-choose-wrap .list-style-1 li span + span{
    color: var(--green-color-1);
}
.studyIn-wrapper .why-choose-wrap .form-block{
    position: relative;
    background-color: var(--green-color-1);
    /* background: linear-gradient(-45deg, #146468 50%, #26787C 0%); */
    padding: 30px 30px 30px;
    z-index: 1;
}
.studyIn-wrapper .why-choose-wrap .form-block::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background-color: #146468;
}
.studyIn-wrapper .why-choose-wrap .form-block .form-control{
    background-color: #fff;
    padding: 12px 18px;
    border: 0;
    margin-bottom: 20px;
}
.studyIn-wrapper .why-choose-wrap .form-block .form-control::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.studyIn-wrapper .why-choose-wrap .form-block .form-control:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.studyIn-wrapper .why-choose-wrap .form-block .form-control::-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.studyIn-wrapper .why-choose-wrap .form-block .form-control::placeholder {
    color: #666;
    opacity: 1;
}
.studyIn-wrapper .why-choose-wrap .form-block textarea.form-control{
    height: 110px;
}


/* required-documents-wrap */
.studyIn-wrapper .required-documents-wrap .title-style-1 span{
    color: var(--green-color-1);
}
.studyIn-wrapper .required-documents-wrap .list-style-1 li{
    color: #373737;
    font-size: 19px;
    margin-bottom: 15px;
}
.studyIn-wrapper .required-documents-wrap .list-style-1 li::before{
    font-size: 16px;
}
.studyIn-wrapper .required-documents-wrap figure{
    width: 90%;
    height: 350px;
    border-radius: 171px;
    overflow: hidden;
    padding: 22px 22px;
    border: 1px dashed var(--green-color-1);
    margin: 0 auto;
}
.studyIn-wrapper .required-documents-wrap figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 171px;
}
.studyIn-wrapper .required-documents-wrap figure:nth-child(2){
    position: absolute;
    right: -10px;
    bottom: -30px;
    width: 225px;
    height: 225px;
}
.studyIn-wrapper .required-documents-wrap figure:nth-child(2) img{
    border-radius: 100%;
}


/* ---- residency-wrapper ---- */
.residency-wrapper{
    color: #242424;
}
.residency-wrapper .content-box p{
    font-size: 18px;
}
.residency-wrapper .content-box .title-style-1 span{
    font-family: var(--font-regular);
}
.residency-wrapper .content-box figure{
    position: relative;
}
.residency-wrapper .content-box figure img{
    width: 80%;
}
.residency-wrapper .content-box figure::before{
    content: "";
    height: 90%;
    border-left: 2px dashed #CACACA;
    position: absolute;
    top: 5%;
    left: 0;
}
.residency-wrapper .info-box p{
    color: var(--green-color-1);
    font-family: var(--font-light);
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
}
.residency-wrapper .info-box a{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background-color: var(--green-color-1);
    font-family: var(--font-light);
    padding: 5px 18px;
    margin-bottom: 25px;
}
.residency-wrapper .info-box .heading{
    color: var(--orange-color);
    font-size: 30px;
    text-transform: capitalize;
}
/* infographic-columns-section */
.infographic-columns-section .infographic-wrapper{
    display: flex;
    justify-content: center;
}
.infographic-columns-section .infographic-wrapper li{
    width: calc(100% / 5 - 20px);
    margin: 0 20px 100px;
}
.infographic-columns-section .infographic-wrapper li .content{
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    position: relative;
    color: #4B4B4B;
    border: 1px solid var(--green-color-1);
    padding: 20px 20px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.infographic-columns-section .infographic-wrapper li .content::before{
    content: "";
    border: 8px solid var(--red-color);
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -16px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.infographic-columns-section .infographic-wrapper li .content .number{
    color: var(--orange-color);
    font-size: 1.1rem;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.infographic-columns-section .infographic-wrapper li .content .title{
    color: var(--orange-color);
    font-size: 17px;
    font-family: var(--font-medium);
    padding: 0 8px 15px;
    border-bottom: 1px solid var(--orange-color);
    margin-bottom: 10px;
}
.infographic-columns-section .infographic-wrapper li:nth-child(even) .content::before{
    border-bottom-color: var(--green-color-1);
}
.infographic-columns-section .infographic-wrapper li:nth-child(even) .content .number{
    color: var(--green-color-1);
}
.infographic-columns-section .infographic-wrapper li:nth-child(even) .content .title{
    color: var(--green-color-1);
    border-bottom-color:  var(--green-color-1);
}
/*  */
.infographic-columns-section .infographic-wrapper.column-7 li{
    width: calc(100% / 7 - 10px);
    margin: 0 10px 100px;
}
.infographic-columns-section .infographic-wrapper.column-7 li .content{
    padding: 15px 10px;
}


/* ---- coaching-wrapper ---- */
.coaching-wrapper .practice-section .heading .title{
    color: var(--green-color-1);
    font-size: 42px;
    margin-bottom: 0;
}
.coaching-wrapper .practice-section .heading hr.dotted-line{
    margin-bottom: 25px;
}
.coaching-wrapper .practice-section .heading p{
    color: #FF5106;
    font-size: 26px;
}
.coaching-wrapper .practice-section .practice-column{
    min-height: 100%;
    text-align: center;
    background-color: var(--green-color-2);
    padding: 26px 40px;
    border-radius: 0 0 0 36px;
}
.coaching-wrapper .practice-section .practice-column *{
    color: #fff;
}
.coaching-wrapper .practice-section .practice-column img{
    height: 130px;
    margin-bottom: 20px;
}
.coaching-wrapper .practice-section .practice-column .title{
    min-width: 100px;
    font-size: 26px;
    margin: 0 0 15px;
}
.coaching-wrapper .practice-section .practice-column hr{
    background-color: transparent;
    border-bottom: 1px dashed #53C3C9;
}
.coaching-wrapper .practice-section .practice-column p{
    line-height: 26px;
}

/* tutorial-block */
.coaching-wrapper .tutorial-block{
    text-align: center;
    margin-block: 35px 0;
    padding: 0 30px;
}
.coaching-wrapper .tutorial-block figure{
    background-color: #F5682B;
    text-align: center;
    width: 82px;
    height: 82px;
    line-height: 80px;
    padding: 0 20px;
    border-radius: 100%;
    margin: 0 auto 25px;
}
.coaching-wrapper .tutorial-block .title{
    font-size: 24px;
    line-height: normal;
    padding: 0 60px;
    margin-bottom: 15px;
}
.coaching-wrapper .tutorial-block p{
    color: #262626;
    line-height: 25px;
}
/* coaching-feature-wrap */
.coaching-wrapper .coaching-feature-wrap{
    position: relative;
    padding: 100px 0 80px;
    z-index: 1;
}
.coaching-wrapper .coaching-feature-wrap::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 170px;
    background-color: #E4FEFF;
    z-index: -1;
}
.coaching-wrapper .coaching-feature-wrap .list-style li{
    text-align: left;
    line-height: normal;
}
.coaching-wrapper .coaching-feature-wrap .list-style li::before{
    color: #ffff;
}
.coaching-wrapper .feature-box{
    background-color: var(--green-color-2);
    text-align: center;
    padding: 25px 20px;
    height: 100%;
    border-radius: 13px 13px 0 0;
}
.coaching-wrapper .feature-box .icon-block{
    background-color: #0A6B6D;
    width: 68px;
    height: 68px;
    line-height: 64px;
    margin: 0 auto;
}
.coaching-wrapper .feature-box .icon-block img{
    width: 38px;
}
.coaching-wrapper .feature-box .title{
    font-size: 22px;
    margin: 18px 0 22px;
}
.coaching-wrapper .feature-box li::before{
    content:"\f100";
    opacity: 0.5;
}
.coaching-wrapper .coaching-feature-wrap .block-cta{
    background: #F5682B;
    color: #fff;
    padding: 28px 135px 28px 25px;
    position: relative;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.coaching-wrapper .coaching-feature-wrap .block-cta img{
    position: absolute;
    top: 0;
    right: 25px;
}
.coaching-wrapper .coaching-feature-wrap .block-cta .title{
    font-size: 38px;
    margin-bottom: 16px;
}
.coaching-wrapper .coaching-feature-wrap .block-cta .list-style li::before{
    font-size: 11px;
    top: 4px;
}
.coaching-wrapper .coaching-feature-wrap .block-cta .theme-btn{
    background-color: #D0380A;
    margin-top: 18px;
}
.coaching-wrapper .coaching-feature-wrap .block-cta .theme-btn i,
.coaching-wrapper .coaching-feature-wrap .block-cta .theme-btn svg{
    margin-right: 4px;
}
/* pte-benefits-test-section */
.coaching-wrapper .pte-benefits-test-section{
    color: #4B4B4B;
    font-size: 18px;
    background-color: #E4FEFF;
}
.coaching-wrapper .pte-benefits-test-section p{
    line-height: 28px;
}
.coaching-wrapper .pte-benefits-test-section figure{
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px;
    border-radius: 19px;
    border: 1px dashed #1E5153;
}
.coaching-wrapper .pte-benefits-test-section figure img{
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    border-radius: 11px;
}
.coaching-wrapper .pte-benefits-test-section .test-block{
    position: relative;
    height: 100%;
    text-align: center;
    padding: 15px 15px 15px;
    z-index: 1;
}
.coaching-wrapper .pte-benefits-test-section .test-block::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 160px;
    background-color: var(--green-color-2);
    border-radius: 16px 16px 0 0;
}
.coaching-wrapper .pte-benefits-test-section .test-block .content-box{
    text-align: left;
    position: relative;
    background-color: #fff;
    height: 100%;
    padding: 45px 25px 45px 25px;
    margin: 0 auto;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    z-index: 1;
}
.coaching-wrapper .pte-benefits-test-section .test-block .icon-block{
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    padding-left: 5px;
    background-color: #097E80;
}
.coaching-wrapper .pte-benefits-test-section .test-block .icon-block img{
    width: 25px;
}
.coaching-wrapper .pte-benefits-test-section .test-block .title{
    font-size: 25px;
    color: var(--green-color-2);
}
.coaching-wrapper .pte-benefits-test-section .test-block ul li{
    font-size: 16px;
    margin-bottom: 6px;
}
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block::before,
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block .icon-block{
    background-color: var(--orange-color);
}
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block::before{
    top: auto;
    bottom: 0;
    border-radius: 0 0 16px 16px;
}
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block .icon-block{
    bottom: auto;
    top: -20px;
}
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block .title{
    color: var(--orange-color);
}
.coaching-wrapper .pte-benefits-test-section .test-block.reverse-block ul li::before{
    background: url(../img/check-circle-orange.svg) no-repeat center / contain;
}

/* eligibility-section */

.coaching-wrapper .eligibility-section h2{
    color: var(--green-color-2);
}
.coaching-wrapper .eligibility-section p{
    font-size: 18px;
}
.coaching-wrapper .eligibility-section .column{
    position: relative;
    text-align: center;
    padding: 0 40px;
}
.coaching-wrapper .eligibility-section .column::after{
    content: "";
    border-right: 1px dashed var(--green-color-1);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.coaching-wrapper .eligibility-section .column:last-child:after{
    display: none;
}
.coaching-wrapper .eligibility-section .column > img{
    width: 86px;
    margin-bottom: 20px;
}
.coaching-wrapper .eligibility-section .column p{
    color: var(--black);
    font-size: 20px;
    text-transform: capitalize;
}
.coaching-wrapper .eligibility-section .column ul{
    display: inline-block;
}
.coaching-wrapper .eligibility-section .column ul li{
    text-align: left;
    color: var(--black);
    font-size: 20px;
    display: flex;
    align-items: start;
    margin-bottom: 25px;
}
.coaching-wrapper .eligibility-section .column ul li figure{
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 20px;
}
.coaching-wrapper .eligibility-section .column ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.coaching-wrapper .eligibility-section .column ul li p{
    display: inline-block;
}
/* score-slider */
.coaching-wrapper .score-slider .item-box img{
    width: 100%;
}
.coaching-wrapper .score-slider .owl-nav .owl-prev,
.coaching-wrapper .score-slider .owl-nav .owl-next{
    background-color: #D9D9D9;
    font-size: 12px;
    color: var(--black);
    width: 32px;
    height: 32px;
    left: -48px;
}
.coaching-wrapper .score-slider .owl-nav .owl-next{
    left: auto;
    right: -48px;
}

/* ielts-about-section */
.coaching-wrapper .ielts-about-section{
    color: #242424;
}
.coaching-wrapper .ielts-about-section .heading .title{
    color: var(--orange-color);
}
.coaching-wrapper .ielts-about-section p{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 34px;
}
.coaching-wrapper .ielts-about-section figure{
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}
.coaching-wrapper .ielts-about-section figure img{
    width: 100%;
}
.coaching-wrapper .ielts-about-section figure::after{
    content: "";
    width: 20px;
    height: 190px;
    background-color: var(--green-color-2);
    position: absolute;
    top: 50%;
    transform: -webkit-translateY(-50%);
    transform: -moz-translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
}
.coaching-wrapper .ielts-about-section .horizontal-img figure{
    max-width: 80%;
}
.coaching-wrapper .ielts-about-section figure.reverse::after{
    left: -20px;
    right: 0;
}
/*  */
.coaching-wrapper .ielts-coaching{
    color: #242424;
}
.coaching-wrapper .ielts-coaching .list-style li{
    font-size: 20px;
}
.coaching-wrapper .ielts-coaching .list-style li::before{
    color: #242424;
}
/* coaching-highlights-wrap */
.coaching-wrapper .coaching-highlights-wrap{
    background-color: var(--green-color-2);
}
.coaching-wrapper .coaching-highlights-wrap *{
    color: #fff;
}
.coaching-wrapper .coaching-highlights-wrap .feature-box{
    background-color: #066668;
}
.coaching-wrapper .coaching-highlights-wrap .feature-box .icon-block{
    background-color: #fff;
}
.coaching-wrapper .coaching-highlights-wrap .theme-btn.white-color{
    color: var(--black);
}
.coaching-wrapper .coaching-highlights-wrap .theme-btn.white-color:hover{
    color: #fff;
}
/* why-choose-ielts-section */
.coaching-wrapper .why-choose-ielts-section .column-block{
    text-align: center;
    padding: 18px 16px;
    border: 1px solid #acb1b1;
    margin-bottom: 22px;
}
.coaching-wrapper .why-choose-ielts-section .column-block hr{
    width: 60%;
    margin: 0 auto 15px;
}
.coaching-wrapper .why-choose-ielts-section .column-block p{
    color: #7C7C7C;
    line-height: 25px;
    padding: 0  34px 20px;
}
.coaching-wrapper .why-choose-ielts-section .column-block img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* international-faculty-section */
.coaching-wrapper .international-faculty-section .content-block{
    display: block;
    height: 100%;
    text-align: center;
    background-color: #C5FCFF;
    display: flex;
    flex-direction: column;
    padding: 30px 30px;
    border-radius: 5px;
    border-bottom: 6px solid var(--green-color-2);
}
.coaching-wrapper .international-faculty-section .content-block img{
    height: 55px;
    margin: 0 auto;
}
.coaching-wrapper .international-faculty-section .content-block p{
    color: var(--black);
    font-size: 18px;
    line-height: normal;
    margin-top: 25px;
}
/* fluency-section */
.coaching-wrapper .fluency-section .box-column{
    min-height: 300px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--orange-color);
    border-radius: 0 43px 0 37px;
    padding: 15px 30px 20px;
}
.coaching-wrapper .fluency-section .box-column .box-title{
    color: var(--black);
    font-size: 25px;
    margin-bottom: 20px;
}
.coaching-wrapper .fluency-section .box-column img{
    /* width: 200px; */
    margin: 0 auto 20px;
}
.coaching-wrapper .fluency-section .box-column p{
    color: var(--black);
    line-height: normal;
    text-transform: capitalize;
    margin: 0 40px;
}
.coaching-wrapper .fluency-section .box-column.active{
    background-color: var(--orange-color);
    min-height: 380px;
}
.coaching-wrapper .fluency-section .box-column.active > *{
    color: #fff;
}
/* training-approach-section */
.coaching-wrapper .training-approach-section .column{
    text-align: center;
}
.coaching-wrapper .training-approach-section .column p{
    color: var(--orange-color);
    font-size: 20px;
    margin-bottom: 10px;
}
.coaching-wrapper .training-approach-section .column figure{
    position: relative;
    padding: 16px 22px;
    z-index: 1;
}
.coaching-wrapper .training-approach-section .column figure::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 88%;
    height: 100%;
    border: 1px solid var(--orange-color);
    z-index: -1;
}
.coaching-wrapper .training-approach-section .column figure img{
    width: 100%;
}
/* why-choose-leams */
.coaching-wrapper .why-choose-leams-section .column{
    position: relative;
}
.coaching-wrapper .why-choose-leams-section .column ul{
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.coaching-wrapper .why-choose-leams-section .column ul li{
    color: var(--black);
    font-size: 22px;
}
.coaching-wrapper .why-choose-leams-section .column ul li::before{
    color: var(--black);
}
.coaching-wrapper .why-choose-leams-section .column::after{
    content: "";
    border-right: 1px dashed #E84500;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.coaching-wrapper .why-choose-leams-section .column:last-child:after{
    display: none;
}


/* -- online-degree-courses-wrap -- */
.online-degree-courses-wrap .info-box{
    color: #575757;
    background-color: #FBFBFB;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1);
    padding: 20px 50px 50px;
}
.online-degree-courses-wrap .info-box p{
    font-size: 18px;
}
.online-degree-courses-wrap .title-block{
    text-align: center;
    margin-block: -48px 35px;
}
.online-degree-courses-wrap .title-block h1{
    color: #fff;
    font-size: 31px;
    display: inline-block;
    background-color: var(--orange-color);
    padding: 10px 26px;
    border-radius: 0 30px 0 30px;
    box-shadow: 12px -10px 0 -2px var(--green-color-1);
}
.online-degree-courses-wrap .decor-line{
    margin-block: 40px 40px;
}
.online-degree-courses-wrap .decor-line img{
    background-color: #FBFBFB;
}
.online-degree-courses-wrap h2{
    font-family: 'Product Sans Medium';
    text-align: center;
    margin-bottom: 25px;
}
.online-degree-courses-wrap h2 span{
    font-family: 'Product Sans Medium';
    color: var(--orange-color);
}
.online-degree-courses-wrap .list-style-1 li h3{
    display: inline-block;
    font-family: 'Product Sans Medium';
    font-size: 16px;
    color: var(--orange-color);
}
/* courses-wrapper */
.online-degree-courses-wrap .courses-wrapper{
    padding: 0px 0 40px;
}
.courses-wrapper .sidebar{
    background-color: transparent;
    padding: 20px 25px 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
    margin-bottom: 50px;
}
.courses-wrapper .sidebar .accrodion .accrodion-title{
    position: relative;
    font-size: 21px;
}
/* .courses-wrapper .sidebar .accrodion .accrodion-content{} */
.courses-wrapper .sidebar .accrodion .accrodion-content .search-form input[type="search"]{
    height: 50px;
    background-color: #F6F6F6;
    box-shadow: none;
    padding-left: 18px;
}
.courses-wrapper .sidebar .sidebar-block + .sidebar-block{
    margin-top: 30px;
}

/* options-block */
.courses-wrapper .options-block {
    color: #424242;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.options-block .block-right{
    position: relative;
}
.options-block .block-right .course-showing-sort{
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.options-block .block-right .course-showing-sort label{
    margin-right: 8px;
}
.options-block .block-right .course-showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    position: relative;
    width: 150px;
    display: inline-block;
}
.options-block .block-right .course-showing-sort .bootstrap-select > .dropdown-toggle::after {
    display: none;
}
.options-block .block-right .course-showing-sort .bootstrap-select > .dropdown-toggle {
    color: #424242;
    position: relative;
    height: 38px;
    outline: none !important;
    border-radius: 0;
    border: 1px solid #878787;
    background-color: #fff !important;
    padding: 0 15px;
    line-height: 38px;
}
.options-block .block-right .course-showing-sort .bootstrap-select > .dropdown-toggle:before {
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 15px;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/* -- courses-grid -- */
/* course-single */
.courses-grid .course-single {
    position: relative;
    display: block;
    height: 100%;
    padding: 8px 8px 55px;
    border: 1px solid #878787;
    border-radius: 14px;
    box-shadow: 0px 10px 20px 9px rgba(194, 194, 194, 0);
    transition: all 200ms linear;
}
.courses-grid .course-single-img {
    position: relative;
    display: block;
    height: 180px;
    border-radius: 14px;
    overflow: hidden;
    z-index: 1;
}
.courses-grid .course-single-img::before {
    position: absolute;
    top: 0%;
    right: 0%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .4);
    border-radius: 0%;
    -webkit-transform: translateX(-50%, -50%);
    transform: translateX(-50%, -50%);
    opacity: 0;
    z-index: 1;
}
.courses-grid .course-single:hover{
    box-shadow: 0px 10px 20px 9px rgba(194, 194, 194, 0.18);
}
.courses-grid .course-single:hover .course-single-img::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
}
.courses-grid .course-single .course-single-img img {
    width: 100%;
    height: 100%;
    transform: scale(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.courses-grid .course-single:hover .course-single-img img {
    transform: scale(1.1) rotate(1deg);
}
/* .courses-grid .course-single-img .text {
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    writing-mode: vertical-lr;
    font-size: 16px;
    font-weight: 500;
    width: 30px;
    background: var(--orange-color);
    padding: 15px 0;
    z-index: 15;
}
.courses-grid .course-single-img .text:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 15px;
    height: 6px;
    border-left: 15px solid var(--orange-color);
    border-right: 0px solid;
    border-bottom: 6px solid transparent;
}
.courses-grid .course-single-img .text:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -6px;
    width: 15px;
    height: 6px;
    border-left: 0px solid var(--orange-color);
    border-right: 15px solid var(--orange-color);
    border-bottom: 6px solid transparent;
} */
.courses-grid .course-single-content {
    display: block;
    background: #fff;
    padding: 12px 3px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.courses-grid .course-single-content .text {
    display: block;
    color: #fff;
    font-family: var(--font-medium);
    font-size: 17px;
    background: var(--orange-color);
    position: relative;
    width: fit-content;
    margin: -30px 10px 10px auto;
    padding: 0 11px;
    border-radius: 4px 4px;
    /* box-shadow: -1px -1px 8px rgba(0, 0, 0, 0.2); */
    z-index: 15;
}
.courses-grid .course-single-content .title-box {
    position: relative;
    display: block;
}
.courses-grid .course-single-content .title-box .course-title{
    font-size: 19px;
    font-family: var(--font-medium);
    margin-bottom: 7px;
}
.courses-grid .course-single-content .title-box .course-title a {
    color: var(--green-color-1);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.courses-grid .course-single-content .title-box p{
    color: #484848;
    font-size: 14px;
    line-height: normal;
}
.courses-grid .course-single-content .title-box .course-price {
    color: var(--orange-color);
    font-size: 16px;
    line-height: 28px;
    margin: 8px 0 6px;
}
.courses-grid .course-single-content .title-box .course-price del {
    color: #868E8E;
    padding-left: 4px;
}
.courses-grid .course-single-content .title-box .course-duration{
    color: #717171;
    font-size: 16px;
}
.courses-grid .course-single-content .title-box .course-duration span{
    color: var(--black);
}
.courses-grid .course-single-content .rating-box {
    position: relative;
    display: block;
}
.courses-grid .course-single-content .rating-box ul li span {
    color: var(--conzi-base);
}
.courses-grid .course-single-content .btn-box {
    width: 94%;
    position: absolute;
    left: 3%;
    bottom: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.courses-grid .course-single-content .btn-box a {
    position: relative;
    display: block;
    background: #E8E8E8;
    border-radius: 5px;
    padding: 8px 12px 8px;
    color: #393939;
    font-size: 14px;
    line-height: normal;
    /* text-transform: uppercase; */
    z-index: 1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.courses-grid .course-single-content .btn-box a i,
.courses-grid .course-single-content .btn-box a svg{
    font-size: 10px;
    margin-left: 2px;
}
.courses-grid .course-single .course-single-content .btn-box a:hover {
    color: #fff;
}
.courses-grid .course-single-content .btn-box a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0;
    border-radius: 5px;
    background-color: var(--green-color-1);
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}
.courses-grid .course-single .course-single-content .btn-box a:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

/* hiring-partners-section */
.hiring-partners-section{
    padding: 10px 25px 25px;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
}
.hiring-partners-section .title-style-1{
    display: inline-block;
    /* background-color: #fff; */
    position: relative;
    top: -35px;
    padding: 0 25px;
    margin-bottom: 0;
}
.hiring-partners-slider .logo-box{
    padding: 0 10px;
    background-color: #f8f8f7;
    background-color: #fff;
    border-radius: 5px;
}

/* course-page-wrappper */
.course-page-wrappper .list-style li{
    font-size: 18px;
}
.featured-image{
    position: relative;
}
.featured-image img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 400px;
    border-radius: 40px 0 40px 0;
}
.featured-image::after{
    content: "";
    background-color: var(--green-color-1);
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
/* featured-image-1 */
.featured-image-1{
    position: relative;
    padding: 0 20px 20px 0;
    z-index: 1;
}
.featured-image-1::after{
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid var(--green-color-1);
    border-radius: 150px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.featured-image-1 img{
    border-radius: 150px 0 25px 0;
}
/* featured-image-2 */
.featured-image-2{
    position: relative;
    padding-right: 120px;
    padding-bottom: 100px;
}
.featured-image-2 figure{
    overflow: hidden;
}
.featured-image-2 figure img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.featured-image-2 figure:nth-child(1){
    height: 410px;
}
.featured-image-2 figure:nth-child(2){
    width: 310px;
    height: 310px;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
/* featured-image-3 */
.featured-image-3{
    position: relative;
    padding: 0 20px 20px 0;
    z-index: 1;
}
.featured-image-3::after{
    content: "";
    width: 100px;
    height: 100px;
    background-color: var(--orange-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.featured-image-3 img{
    border-radius: 0 150px 0 0;
}


/* row-design-1 */
.row-design-1{
    padding: 25px 15px;
    position: relative;
}
.row-design-1 .content-block{
    font-size: 18px;
    padding: 35px 90px 35px 90px;
    border-radius: 180px 180px;
    border: 1px solid var(--green-color-1);
}
.row-design-1 figure{
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
    border-radius: 180px 180px;
}
.row-design-1 figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* -- university-wrappper -- */
/* .university-wrappper{} */
.university-logo-img{
    width: 280px;
    padding: 3% 4%;
    border: 1px dashed var(--orange-color);
}
.university-logo-img img{
    width: 100%;
    /* height: 80px; */
    -o-object-fit: cover;
    object-fit: cover;
}


/* -- calculator-wrapper -- */
.calculator-wrapper .contact-form .heading-block{
    margin-top: -62px;
}
.calculator-wrapper .contact-form{
    position: relative;
    padding: 25px 25px 25px;
    background-color: #F6F6F6;
    box-shadow: 0px 3px 20px -2px rgba(0, 0, 0, 0.3);
}
.calculator-wrapper form.form{
    border: 1px dashed #587475;
    padding: 20px 25px;
}
.calculator-wrapper .contact-form .form-group > label{
    display: block;
    color: #066366;
    line-height: 24px;
    /* padding-right: 8px; */
    margin-bottom: 6px;
}
.calculator-wrapper .contact-form .form-group label.required::after{
    color: #066366;
}
.calculator-wrapper .contact-form .bootstrap-select .dropdown-toggle{
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 0;
    border: 1px solid #B7B7B7;
}
.calculator-wrapper .contact-form .form-group{
    margin-bottom: 18px;
}
.calculator-wrapper .contact-form .form-control{
    margin-bottom: 5px;
}
.calculator-wrapper .contact-form textarea.form-control{
    height: 150px;
}
.calculator-wrapper .contact-form .form-group .score-result{
    width: 100%;
}
.calculator-wrapper .contact-form .title-style-1{
    font-size: 30px;
}
.calculator-wrapper .contact-form .title-style-1 span{
    font-family: var(--font-regular);
}
/* calculator-wrapper content-box */
.calculator-wrapper .content-box{
    color: var(--black);
}
.calculator-wrapper .content-box .sub-heading{
    font-size: 20px;
    font-family: var(--font-bold);
    margin: 20px 0 10px;
}


.company-logo {
    width: 100%;
    max-width: 160px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    transition: transform 0.2s ease;
}

.company-logo:hover {
    transform: scale(1.08);
}

.coaching-offer-section .box {
    text-align: center;
    margin-bottom: 30px;
}

.coaching-offer-section .box figure {
    width: 100%;
    height: 200px; /* Adjust height as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px; /* ensures full image visible */
}

.coaching-offer-section .box img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* FULL image visible */
}

.coaching-offer-section .title {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}