@import url(../css/bootstrap-select.css);
@import url(../css/icoonmoon.css);
@import url(../css/cms.css);

/*fonts*/


/*
font-family: 'Montserrat', sans-serif;
*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    width: 100%;
    background-color: #fff;
    background-repeat: repeat;
    background-position: center top;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: #000;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
}

.ac-loader {
    overflow: hidden;
    vertical-align: middle;
    position: fixed;
    display: table;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.ac-loader .ac-loader__container {
    position: relative;
    vertical-align: middle;
    z-index: 9;
    width: 100%;
    height: 100vh;
    display: table-cell;
}

.spinnerr {
    margin: 0 auto;
    text-align: center;
}

.wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.p-0 {
    padding: 0;
}

a:hover {
    text-decoration: none;
    color: #f8831e;
}

a:focus {
    text-decoration: none;
}

.tab-content>.active {
    display: block !important;
}

.tab-pane.fade {
    opacity: 0;
    transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.tab-pane.fade.in {
    opacity: 1;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

a {
    transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.primary_button {
    font-size: 14px;
    position: relative;
    color: #fff;
    font-weight: 600;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    z-index: 1;
    transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border-radius: 8px;
    border: none;
}

.primary_button i {
    position: absolute;
    right: 15px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}

.primary_button.disabled {
    background: #eeeeee !important;
    color: #ccc !important;
    border: 1px solid #ccc;
}

.primary_button.disabled i {
    background: #adadad !important;
}

.second-btn {
    color: #fff;
    background: #4fbf85;
}

.second-btn i {
    color: #fff;
}

@media(min-width:1200px) {
    .primary_button:hover {
        background: #f8821e;
        color: #fff;
    }
    .primary_button:hover i {
        color: #fff;
        right: 5px;
    }
}

@media(max-width:1199px) {
    .primary_button:hover {
        background: #f8821e;
        color: #fff;
    }
    .primary_button:hover i {
        color: #fff;
        right: 5px;
    }
}


/* common select css*/

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.btn-default {
    border-color: #fff;
    border-radius: 0;
}

.btn-default:hover {
    outline: none !important;
    box-shadow: none !important;
}

.btn.focus,
.btn:focus,
.btn:hover {
    outline: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none;
}

.dropdown-menu {
    padding: 0 !important;
}

.dropdown-menu>li>a {
    padding: 5px 20px;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #eb3c41;
    border: 2px solid #eb3c41;
}

.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #eb3c41;
    background: transparent;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

button.btn {
    outline: none;
}

.thumbnail_container {
    padding-bottom: 100%;
    position: relative;
    background: #fff;
}

p {
    color: #eb3c41;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .5px;
}

@media(min-width:1366px) {
    .container {
        max-width: 1310px;
        width: 100%;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1260px;
        width: 100%;
    }
}

.thumbnail_container .thumbnail {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    line-height: 0;
    border: none;
    border-radius: 0;
    padding: 0px;
    margin-bottom: 0;
    line-height: 0;
    background: 0 0;
    border: 0px;
    border-radius: 0px;
}

.thumbnail_container .thumbnail img {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    text-indent: inherit;
    top: 35%;
    left: 0;
    width: 100%;
    cursor: pointer;
    z-index: 999;
}

.owl-carousel .owl-nav button {
    outline: none;
    background: transparent !important;
}

.owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    text-indent: inherit;
    left: -60px;
    width: auto;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.owl-carousel .owl-nav .owl-next {
    display: block;
    position: absolute;
    text-indent: inherit;
    right: -60px;
    width: auto;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.owl-carousel .owl-nav i {
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #eb3c41;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.owl-carousel .owl-nav {
    opacity: 0;
}

@media(min-width: 1200px) {
    .owl-carousel:hover .owl-nav {
        opacity: 1;
    }
    .owl-carousel .owl-nav i:hover {
        background: #50bf85;
    }
}

@media(max-width: 1440px) {
    .owl-carousel .owl-nav i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }
}

@media(max-width:1199px) {
    .owl-carousel .owl-nav {
        position: relative;
        opacity: 1;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: max-content;
        margin: 10px auto 70px;
    }
}

.owl-carousel .owl-nav i {
    color: #ffffff;
    background: #f7831f;
}

.buorg {
    display: none;
}

.buorg__text {
    background-color: #eb3c41;
    padding: 5px;
    color: #fff;
    text-align: center;
}

.buorg__text a {
    color: #000;
}

.buorg__text a:hover {
    color: #fff;
}

body #back-top {
    position: fixed;
    bottom: 60px;
    right: 15px;
    cursor: pointer;
    z-index: 99999;
}

@media(max-width: 767px) {
    body #back-top {
        display: none !important;
    }
}

body #back-top i {
    background-color: #f7831f;
    box-shadow: 3px 4px 21px 9px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

@media(max-width:568px) {
    .col-xss-12 {
        width: 100%;
    }
}

ul.dots-list li {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}

ul.dots-list li:before {
    position: absolute;
    content: '';
    background: #000000;
    height: 8px;
    width: 8px;
    left: 0;
    top: 6px;
    border-radius: 100%;
}

button.btn:focus {
    outline: none;
}

.icon-building {
    font-size: 40px;
    color: #eb3c41;
}

.error,
.required {
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    color: red;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sec-border {
    position: relative;
}

/*.sec-border:after {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    width: 2px;
    background: #f7831f;
}*/

.common-title {
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.common-title .section-title {
    font-size: 26px;
    line-height: 120%;
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #f7831f;
}

.common-title .small-title {
    position: relative;
    color: #f7831f;
    margin-top: 15px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    z-index: 1;
    max-width: 700px;
    text-align: center;
}

@media(max-width:1199px) {
    .common-title {
        padding-bottom: 30px;
    }
    .common-title .section-title {
        font-size: 21px !important;
        text-align: center;
    }
}

@media(max-width:767px) {
    .common-title {
        padding-bottom: 20px;
    }
    .common-title .section-title {
        font-size: 26px;
    }
    .common-title .small-title {
        margin-top: 20px;
        font-size: 13px !important;
    }
}


/*Header fixed css*/

.fixed .header-section .menu .sub-menu li {
    padding: 0;
    background-color: transparent;
}


/*Heder fixed css end*/

.main-header {
    position: relative;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    background: #ffffff;
/*    padding: 20px 0;*/
}

.main-header .logo {
    max-width: 160px;
}

/*.head-pad .main-header {
    padding: 20px 0;
}*/

.head-pad .main-header .logo {
    max-width: 100%;
}
.head-pad .main-header .logo img{
    width: 160px;
}
.header-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*     
    .header-section .logo {
        max-width: 180px;
    }
     */

.header-section .logo a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 28px;
    font-weight: 800;
}

.header-section .logo a .logo-head {
    max-width: 116px;
}

.header-section .menu ul li {
    display: inline-block;
}
/*.header-section .menu .dropdown{
    margin-right: 30px;
}*/
.header-section .menu ul li+li {
    margin: 0 0 0 30px;
}

.header-section .menu ul li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    padding: 18px 6px;
}

.header-section .menu ul li.active>a {
    color: #f8831e;
    position: relative;
}
.menu ul .sub-menu li.active>a{
    color: #fff !important;
    background-color: #4ec085;
}
.menu ul .sub-menu li+li {
    margin-left: 0;
}

.header-right {
    display: flex;
    align-items: center;
}

.header-social {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.header-social li+li {
    margin: 0 0 0 15px;
}

.header-social li {
    line-height: 100%;
    color: #f8831e;
}

.header-social li a {
    font-size: 16px;
}
.header-btn .primary_button{
    margin-left: 10px;
    padding: 10px 40px;
    padding-left: 15px;
}
@media (max-width: 1199px) {
    .main-header {
        padding: 10px 0 !important;
    }
    .main-header .logo {
        max-width: 100px !important;
    }
    .header-social {
        margin: 0 40px 0 0;
    }
    .main-header .container {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .header-section .menu {
        display: flex;
        align-items: center;
    }
    .fixed.main-header {
        position: fixed;
        -webkit-animation: smoothScroll .5s forwards;
        -khtml-animation: smoothScroll .5s forwards;
        -moz-animation: smoothScroll .5s forwards;
        -ms-animation: smoothScroll .5s forwards;
        -o-animation: smoothScroll .5s forwards;
        animation: smoothScroll .5s forwards;
        box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
/*        padding: 10px 0;*/
    }
    .fixed.main-header .logo {
        max-width: 160px;
    }
    @keyframes smoothScroll {
        0% {
            -webkit-transform: translateY(-100px);
            -khtml-transform: translateY(-100px);
            -moz-transform: translateY(-100px);
            -ms-transform: translateY(-100px);
            -o-transform: translateY(-100px);
            transform: translateY(-100px);
        }
        100% {
            -webkit-transform: translateY(0);
            -khtml-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .header-section .menu ul li a:hover {
        color: #f8831e;
    }
    .menu ul .sub-menu {
        display: initial;
        position: absolute;
        padding: 13px 0 0;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 31px;
        text-align: left;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        list-style: none;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
    }
    .menu ul li:hover>.sub-menu {
        display: inherit;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        padding: 10px;
        background-color: #ffebe8;
        border-radius: 20px;
        width: 230px;
    }
    .menu>ul .sub-menu .sub-menu {
        top: 0!important;
        left: 230px;
        padding: 0;
    }
    .menu ul .sub-menu li {
        padding: 0;
        margin: 0px;
        width: 180px;
        float: none;
        display: list-item;
        position: relative;
        -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
        -khtml-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
        -ms-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
        -o-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.03);
    }
    .menu ul .sub-menu li a {
        display: block;
        padding: 12px 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 150%;
        color: #ffffff;
        border-radius: 10px;
        margin-bottom: 5px;
        background-color: #f7831f;
        border-bottom: 1px solid rgb(223 223 223 / 10%);
        width: 210px;
    }
    .menu>ul .sub-menu .dropdown>a:after {
        position: absolute;
        content: "\e911";
        font-family: icomoon!important;
        right: 8px;
        top: 11px;
        font-size: 10px;
    }
    .menu ul .sub-menu li a.active {
        color: #fff;
        background-color: #b4d51b;
    }
    .menu ul .sub-menu li a:hover {
        color: #fff;
        background-color: #50bf85;
    }
    .menu>ul>.dropdown>a:after {
        display: inline-block;
        margin-left: 5px;
        position: absolute;
        content: "\e909";
        top: 23px;
        right: -10px;
        font-family: icomoon!important;
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
    }
}

@media (max-width: 1640px) {
    .menu ul .sub-menu li+li {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .header-section .logo a {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .header-section .logo a {
        font-size: 12px;
    }
}


/*Banner csss*/

/*.home-banner-02 {
    position: relative;
    z-index: 1;
}

.home-banner-02 .banner-center {
    display: flex;
    justify-content: space-between;
}

.home-banner-02 .carousel-caption.h-b_caption {
    padding-top: 100px;
    position: relative;
    text-align: left;
    max-width: 700px;
    left: 0;
    right: auto;
}

.home-banner-02 .carousel-caption .h-b_item .title {
    color: #00264b;
    font-size: 75px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    padding-top: 80px;
    height: 280px;
    overflow: hidden;
}

.home-banner-02 .carousel-caption .h-b_item .title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background: #eb3c41;
}

.home-banner-02 .carousel-caption {
    text-shadow: none;
}

.home-banner-02 .carousel-caption .h-b_item .banner-desc {
    color: #00264b;
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    margin: 40px 0 20px;
}

.home-banner-02 .carousel-caption .banner-btn {
    margin-top: 20px;
    display: flex;
}

.home-banner-02 .carousel .h-b_fill {
    height: 780px;
    width: 640px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.home-banner-02 .carousel-control {
    width: 40px;
    height: 40px;
    margin: auto;
    opacity: 1;
    font-size: 20px;
    color: #ffffff;
}

.home-banner-02 .carousel-indicators li {
    border-radius: 50px;
    height: 15px;
    width: 15px;
    margin-top: 0;
    border: 0;
    opacity: 1;
    display: none;
    position: relative;
}

.home-banner-02 .carousel-indicators li::after {
    position: absolute;
    content: '';
    border: 2px solid #ffffff;
    height: 25px;
    width: 25px;
    border-radius: 100px;
    left: -5px;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
}

.home-banner-02 .carousel-indicators {
    margin: 20px 0;
    left: 0;
    right: 0;
    text-align: center;
    width: auto;
}

.home-banner-02 .carousel-indicators li.active {
    background: #eb3c41;
}

.home-banner-02 .carousel-indicators li.active::after {
    border: 2px solid #eb3c41;
}

.home-banner-02 .carousel-indicators li+li {
    margin-left: 20px;
}

.home-banner-02 .carousel-control i {
    line-height: 40px;
}

@media(min-width:1200px) {
    .home-banner-02 .carousel-control {
        opacity: 0;
    }
    .home-banner-02:hover .carousel-control {
        opacity: 1;
    }
}

@media(max-width:1199px) {
    .home-banner-02 .carousel-caption.h-b_caption {
        padding-top: 50px;
    }
    .home-banner-02 .carousel-caption .h-b_item .title {
        font-size: 40px;
        padding-top: 20px;
        height: 120px;
    }
    .home-banner-02 .carousel-caption .h-b_item .banner-desc {
        margin: 20px 0;
    }
    .home-banner-02 .carousel-inner {
        overflow: visible;
    }
    .home-banner-02 .carousel .h-b_fill {
        position: absolute;
        width: 100%;
        background-size: contain;
        height: 450px;
    }
}

@media(max-width:767px) {
    .home-banner-02 .carousel-caption.h-b_caption {
        padding-top: 40px;
    }
    .home-banner-02 .carousel-caption .h-b_item .title {
        font-size: 30px;
        padding-top: 20px;
        height: 95px;
    }
}

@media(max-width:568px) {
    .home-banner-02 .carousel .h-b_fill {
        display: none;
    }
}*/

.home-banner-02 {
    position: relative;
    z-index: 1;
}

.home-banner-02 .h-b_fill {
    height: 600px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-banner-02 .h-b_fill:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(40deg, rgb(79 191 133 / 30%), rgba(0, 0, 0, 0.2) 100%);
}
.home-banner-02 .carousel-caption{
    top: 130px;
    position: absolute;
    z-index: 10;
    left: 7%;
    text-align: left;
}
.home-banner-02 .h-b_fill:after{
    content: '';
    position: absolute;
    right: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(40deg, rgb(0 0 0 / 46%), rgba(0, 0, 0, 0.2) 100%);
}

.home-banner-02 .h-b_item{
    position: relative;
}
.home-banner-02 .banner_title{
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 900;
    font-size: 40px;
    max-width: 850px;
    padding-bottom: 20px;
}

.home-banner-02 .banner_sub_title_box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_sub_title_box .user_rev{
    display: flex;
    align-items: center;
}

.banner_sub_title_box .user_rev img{
    padding: 0px 1px;
}

.home-banner-02 .banner_sub_title{
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    font-size: 22px;
    margin-left: 12px;
}

.home-banner-02 .banner_short_desc{
    color: #ffffff;
    font-weight: 400;
    font-size: 19px;
    margin: 15px 0px;
}

.banner_btn_box{
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.banner_btn_box .primary_button{
    margin-right: 15px;
}

.home-banner-02 .carousel-indicators li{
    background-color: #fff;
    width: 7px;
    height: 7px;
    margin: 10px;
}

.home-banner-02 .carousel-indicators li.active{
    background-color: #f15a25;
    border: none;
    width: 7px;
    height: 7px;
    margin: 10px;
    position: relative;
}

.home-banner-02 .carousel-indicators li.active::after {
    position: absolute;
    content: '';
    border: 1px solid #ffffff;
    height: 32px;
    width: 32px;
    border-radius: 100px;
    left: -13px;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.home-banner-02 .carousel-caption .banner-btn .primary_button {
   max-width: 140px;
}
.home-banner-02 .carousel-caption .banner-btn .primary_button i{
    color: #fff;
}
@media(max-width:768px) {
    .home-banner-02 .banner_sub_title_box {
        flex-direction: column;
    }
    .home-banner-02 .banner_title{
        font-size: 24px;
    }
    .home-banner-02 .banner_sub_title{
        font-size: 16px;
        margin-top: 10px;
    }
    .home-banner-02 .banner_short_desc{
        font-size: 16px;
        overflow: hidden;
    }
    .banner_btn_box{
        flex-direction: column;
    }
    .banner_btn_box .primary_button{
        margin-bottom: 10px;
    }
    #nav-mobile-btn{
        top: 45px;
    }
    .main-header .header-top .social-link{
        margin-right: 0px;
    }
    .main-header .header-top{
        justify-content: space-between;
    }
    .home-banner-02 .h-b_fill{
        background-position: center; 
        height: 500px;
    }
    .header-section .logo img{
        max-width: 135px;
    }
}
/*Banner css end*/


/*nav mobile*/

.nav-mobile {
    background: #000;
    padding-top: 40px;
}

#nav-mobile-btn i {
    display: block;
    position: relative;
    color: #4ebf85;
    font-size: 24px;
}

#phone-num {
    background-color: #f8821e;
    border: 0 none;
    border-radius: 50%;
    color: #fff;
    padding: 7px;
    position: absolute;
    right: 50px;
    text-align: center;
    top: 37px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 99;
    display: none;
}
.phone-num img{
    max-width: 20px;
}
#nav-mobile-btn .icon-close {
    display: none;
}

.wrapper.open #nav-mobile-btn .icon-menu {
    display: none;
}

.wrapper.open #nav-mobile-btn .icon-close {
    display: block;
}

.nav-mobile.open {
    background-color: #ffebe8;
}

.nav-mobile>ul li>a {
    font-family: 'Montserrat', sans-serif;
}

.nav-mobile>ul ul {
    border: none;
}

.nav-mobile h2 i {
    font-size: 21px;
    margin-right: 10px;
    display: none;
}

.nav-mobile a:hover,
.nav-mobile a.active {
    color: #4ebf86;
    background: none !important;
    text-decoration: none;
}

@media (max-width: 1199px) {
    .animated {
        animation-duration: 0s;
    }
    #nav-mobile-btn,
    .nav-mobile {
        display: block;
        background: transparent;
    }
    .menu {
        display: none;
    }
    .nav-mobile {
        padding-top: 0px;
    }
}


/* common css */

.thumbnail_container .box-link {
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.thumbnail_container .box-link .link {
    color: #fff;
    font-size: 18px;
}

.thumbnail_container .box-link .link i {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 44px;
    transition-duration: .2s;
    font-size: 18px;
    display: inline-block;
}

.form-control {
    border-radius: 0;
    height: 40px;
    border: 0;
    border-bottom: 1px solid rgba(0, 33, 52, 0.502);
    background: transparent;
    box-shadow: none !important;
    color: #000;
    font-weight: 500;
    padding: 15px 0;
}

textarea.form-control {
    height: 90px;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: inherit;
}

@media (min-width:1200px) {
    .thumbnail_container:hover .box-link {
        opacity: 1;
    }
    .thumbnail_container .box-link .link:hover i {
        background: #fff;
        color: #005475;
    }
}

@media (max-width:991px) {
    h2 {
        font-size: 24px;
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 22px;
    }
}


/* common select css*/

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.btn-default {
    border-color: #fff;
    border-radius: 0;
}

.select-group {
    margin-bottom: 30px
}

.select-group .dropdown-toggle {
    background: transparent !important;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgb(0 33 52 / 50%);
    font-weight: 500;
    font-size: 14px;
    color: #00264b;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 0;
    display: inherit;
}

.select-group .check-mark::before {
    content: "\e903";
    display: inline-block;
    font-family: 'icomoon' !important;
    position: absolute;
    left: -5px;
    top: 8px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-toggle .caret::after {
    font-family: 'icomoon';
    position: absolute;
    content: "\e909";
    top: -2px;
    right: 0;
    font-weight: 700;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li {
    padding: 0;
    margin-top: 0;
}

.select-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
    padding-right: 20px;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li+li {
    border-top: 1px solid #EFEFEF;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li:hover {
    background: #f5f5f5;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li:before {
    left: 10px;
    top: 12px;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 10px;
}

.select-group .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: transparent;
}

.btn-default:hover {
    outline: none !important;
    box-shadow: none !important;
}

.btn.focus,
.btn:focus,
.btn:hover {
    outline: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none;
}

.dropdown-menu {
    padding: 0 !important;
}

.dropdown-menu>li>a {
    padding: 5px 20px;
}


/*Inner banner css*/

.inner-banner {
    position: relative;
    z-index: 3;
}

.inner-banner .i-b_fill {
    width: 100%;
    height: 200px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}

.inner-banner .i-b_fill:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.88);
}

.inner-banner .inner-title-main {
    position: absolute;
    top: -150px;
    bottom: 10px;
    left: 15px;
    z-index: 1;
}

.inner-banner .inner-title-main h1 {
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 2px;
    text-align: left;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
}

.inner-banner .back-list {
    text-align: right;
    position: relative;
    bottom: -10px;
}

.inner-banner .back-list a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 600;
}

.inner-banner .back-list a i {
    margin-right: 5px;
    font-weight: 700;
}

@media(min-width:1200px) {
    .inner-banner .back-list a:hover {
        color: #00264b;
    }
}

@media(max-width:1199px) {
    .inner-banner .inner-title-main h1 {
        font-size: 36px;
    }
}

@media(max-width:768px) {
    .inner-banner .i-b_fill {
        height: 320px;
    }
    .inner-banner .inner-title-main h1 {
        font-size: 28px
    }
    .inner-banner .inner-title-main{
        position: absolute;
        top: -175px;
        bottom: 10px;
        left: 40%;
        z-index: 1;
    }
}
@media(max-width: 468px) {
    .inner-banner .inner-title-main{
        position: absolute;
        top: -100px;
        bottom: 10px;
        left: 30%;
        z-index: 1;
    }
     .inner-banner .inner-title-main h1 {
        font-size: 21px
    }
        .inner-banner .i-b_fill {
        height: 160px;
    }
}


/*Inner banner End*/

.inner-page-conatiner {
    position: relative;
    padding: 50px 0;
    z-index: 0;
}
.inner-page-conatiner .col-sm-12{
    padding: 0px;
}

@media(max-width:1199px) {
    .inner-page-conatiner {
        padding: 0px;
    }
    .inner-page-conatiner .col-sm-12{
           padding-right: 15px;
    padding-left: 15px;
    }
}


/* Design css S */

.design-sec-main {
    position: relative;
/*    top: -230px;*/
    padding: 80px 0px;
    z-index: 1;
}

.design-sec-main .box-wrap {
    display: flex;
    padding-right: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: -230px;
}

/*.design-sec-main .box-wrap .box:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    max-width: 385px;
    height: 75px;
    width: 100%;
    background: #eb3c41;
    z-index: -1;
}*/

.design-sec-main .box-wrap .box {
    max-width: 400px;
    min-height: 300px;
    padding: 20px 25px 35px;
    background: #ffffff;
    box-shadow: 0px 0px 30px #00000029;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 10px;
}
.design-sec-main .box::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -20px;
    width: 100%;
    height: 50%;
    background-color: #ff7f00;
    z-index: -1;
}
.design-sec-main .box-wrap .box:first-child {
    box-shadow: 0px 10px 50px 1px rgb(0 0 0 / 30%);
}

.design-sec-main .box-wrap .box+.box {
    margin-left: 30px;
}

.design-sec-main .box-wrap .box i {
    font-size: 60px;
    color: #eb3c41;
    font-weight: 500;
}

.design-sec-main .box-wrap .box .title {
    font-size: 19px;
    color: #f7831f;
    font-weight: 600;
    margin: 20px 0 10px;
    position: relative;
}

.design-sec-main .box-wrap .box .title::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background: #ffffff
}

.design-sec-main .box-wrap .box .desc {
    font-size: 14px;
    color: #00264b;
    font-weight: 500;
    line-height: 160%;
    height: 65px;
    overflow: hidden;
}

@media(min-width:1200px) {
    .design-sec-main .box-wrap .box:hover {
        background: #4fbf85;
        box-shadow: 0px 10px 50px 1px rgb(0 0 0 / 30%);
    }
    .design-sec-main .box-wrap .box:hover .title,
    .design-sec-main .box-wrap .box:hover .desc,
    .design-sec-main .box-wrap .box:hover .title,
    .design-sec-main .box-wrap .box:hover .title::after,
    .design-sec-main .box-wrap .box:hover i {
        color: #ffffff;
    }
}

@media(max-width:1199px) {
    .design-sec-main {
        top: 0;
        padding: 40px 0px;
    }
    .design-sec-main .box-wrap .box+.box {
        margin-left: 0;
    }
    .design-sec-main .box-wrap .box {
        padding: 20px;
        min-height: auto;
    }
    .design-sec-main .box-wrap {
        margin: 0;
    }
    .design-sec-main .box-wrap .box i {
        font-size: 40px;
    }
    .design-sec-main .box-wrap .box .title {
        margin: 20px 0;
        font-size: 18px;
    }
}

@media(max-width:991px) {
    .design-sec-main .box-wrap {
        flex-direction: column;
        align-items: center;
        padding-right: 0;
    }
    .design-sec-main .box-wrap .box+.box {
        margin-top: 50px;
    }
    .design-sec-main .box-wrap:after {
        content: none;
    }
}

@media(max-width:479px) {
    .design-sec-main .box-wrap .box .title {
        margin: 15px 0 10px;
    }
}


/* Design css E */


/* list-sec-main css S */

.list-sec-main {
    padding: 100px 0;
   
}

.list-sec-main.sec-border:after {
    z-index: 1;
}

.list-sec-main .common-title {
    /*align-items: flex-start;*/
    padding-top: 40px;
    position: relative;
    text-align: left;
}

.list-sec-main .common-title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background: #eb3c41;
    display: none;
}

.list-sec-main .common-title .small-title {
    text-align: left;
}

.list-sec-main .list-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -10px;
}

.list-sec-main .list-box li {
    width: 31%;
    margin: 10px;
    overflow: hidden;
}

.list-sec-main .list-box li a {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 800;
    background: #eef0f3;
    padding: 40px 30px;
    color: #00264b;
    position: relative;
    line-height: 100%;
    align-items: center;
}

.list-sec-main .list-box li a .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 270px;
    line-height: 120%;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-sec-main .list-box li a .icon-site-shape {
    position: absolute;
    top: 40px;
    left: -25px;
    font-size: 80px;
    color: rgba(255, 255, 255, 0.50);
    font-weight: 500;
    transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.list-sec-main .list-box li i {
    font-weight: 600;
}

@media(min-width:1200px) {
    .list-sec-main .list-box li a:hover {
        background: #eb3c41;
        color: #ffffff;
    }
    .list-sec-main .list-box li a:hover .title {
        margin-left: 30px;
    }
    .list-sec-main .list-box li a:hover .icon-site-shape {
        transform: scale(1);
    }
}

@media(max-width:1199px) {
    .list-sec-main.sec-border:after {
        top: -25px;
    }
    .list-sec-main {
        padding: 30px 0 50px;
    }
    .list-sec-main .list-box {
        margin-top: 0;
    }
    .list-sec-main .list-box li a {
        font-size: 14px;
        padding: 20px 15px;
    }
}

@media(max-width:991px) {
    .list-sec-main .list-box li {
        width: 48%;
        margin: 5px;
    }
}

@media(max-width:568px) {
    .list-sec-main .list-box li {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .list-sec-main .list-box li a .title {
        max-width: 220px;
    }
    .list-sec-main .list-box {
        margin: 0;
    }
    .list-sec-main .list-box li a {
        font-size: 14px;
    }
}


/* list-sec-main css E */


/* selected-sec-main css E */

.selected-sec-main {
    padding: 75px 0;
    background: #4ebf86;
    background-image: url(https://kodesolution.com/2022/vizox/wp-content/uploads/2023/01/lines-waves1.png);
}

.selected-sec-main .common-title .small-title {
    color: #eb3c41;
}

.selected-sec-main .box-img {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.selected-sec-main .box-img .image {
    width: 31.2%;
    background: #ffffff;
    margin: 10px;
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.selected-sec-main .box-img .image .thumbnail_container {
    background: transparent;
    padding-bottom: 66.6%;
}

@media(min-width:1200px) {
    .selected-sec-main .box-img .image:hover {
        transform: translateY(-10px)
    }
    .selected-sec-main .container {
/*        max-width: 1030px;*/
        width: 100%;
    }
}

@media(max-width:1199px) {
    .selected-sec-main {
        padding: 50px 0;
        margin-top: 40px !important;
    }
    .selected-sec-main .box-img {
        margin: 0;
    }
    .selected-sec-main .box-img .image {
        margin-top: 10px;
    }
}

@media(max-width:991px) {
    .selected-sec-main .box-img .image {
        width: 29.5%;
    }
}

@media(max-width:568px) {
    .selected-sec-main .box-img .image {
        width: 45%;
    }
}

@media(max-width:479px) {
    .selected-sec-main .box-img .image {
        width: 44%;
    }
}

@media(max-width:379px) {
    .selected-sec-main .box-img .image {
        width: 43%;
    }
}


/* selected-sec-main css E */


/* About Section Css S */

.about-sec-main {
    padding: 60px 0;
    background-color: #f1f7fd;
}

.about-sec-main .about-content {
    display: flex;
/*    box-shadow: 0px 0px 30px #00000029;*/
    border-radius: 6px;
    background: transparent;
}

.about-sec-main .about-content .left-side { 
    width: 50%;
    padding: 0px 30px;
    position: relative;
    z-index: 1;
    z-index: 999;
}

/*.about-sec-main .about-content .left-side:after {
    position: absolute;
    content: "\e904";
    font-family: 'icomoon' !important;
    font-size: 80px;
    left: 0;
    bottom: 10px;
    color: rgba(255, 255, 255, 0.50);
    z-index: -1;
}*/

.about-sec-main .section-title {
    font-size: 21px;
    font-weight: 600;
    text-align: left;
}

.about-sec-main .common-title{
     padding-bottom: 15px;
     align-items: flex-start;
}
.about-sec-main .about-content .left-side .desc {
    font-size: 26px;
    color: #000;
    line-height: 120%;
    font-weight: 600;
    margin-bottom: 15px;
}

.about-sec-main .about-content .left-side ul {
    /*display: flex*/
}

.about-sec-main .about-content .left-side ul li {
    /*font-size: 36px;*/
    font-weight: 600;
    margin: 10px 0px;
    color: #000;
}

.about-sec-main .about-content .left-side ul li+li {
    /*margin-left: 60px;*/
}

.about-sec-main .about-content .left-side ul li span {
    font-size: 14px;
    font-weight: 600;
    display: block;
    line-height: 120%;
    color: #eb3c41;
}

.about-sec-main .about-content .right-side {
/*    max-width: 600px;*/
    width: 50%;
    margin-left: 30px;
}
.about-sec-main .about-content .right-side .image{
     position: relative;
}
.about-sec-main .about-content .right-side .image:before{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    flex-wrap: wrap;
    background: #f7831f;
    z-index: 1;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}
.about-sec-main .about-content .right-side:hover .image:before {
    border-radius: 50px;
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.about-sec-main .about-content .right-side .image .thumbnail_container{
    background-color: #f1f7fd;
}
.about-sec-main .about-content .right-side img{
    border-right: 5px solid #4fbf85;
    border-radius: 50px;
    width: 100%;
    height: 100%;
    z-index: 0;
}
@media(max-width:1199px) {
    .about-sec-main {
        padding: 50px 0;
    }
    .about-sec-main .section-title {
        font-size: 30px;
    }
    .about-sec-main .about-content .left-side .desc {
        margin: 0 0 20px 0;
    }
    .about-sec-main .about-content .left-side ul li+li {
        margin-left: 15px;
    }
}

@media(max-width:991px) {
    .about-sec-main .about-content .left-side {
        padding: 20px 15px;
        width: 100%;
    }
    .about-sec-main .about-content .left-side .desc {
        font-size: 14px;
    }
    .about-sec-main .about-content .left-side .about-block .about-title{
         font-size: 14px;
    }
    .about-sec-main .about-content .left-side .about-block{
            margin: 10px 0px
    }
    .about-block .inner img{
        width: 40px !important;
        height: 40px !important;
    }
    .about-sec-main .about-text{
        margin: 25px 0px;
    }
}

@media(max-width:767px) {
    .about-sec-main .section-title {
        font-size: 19px !important;
    }
    .about-sec-main .about-content {
        flex-direction: column-reverse;
    }
    .about-sec-main .about-content .right-side {
        margin: 0;
        max-width: 100%;
    }
    .about-sec-main .about-content .left-side:after {
        right: -20px;
        left: auto;
    }
}

@media(max-width:568px) {
    .about-sec-main .about-content .left-side ul {
        flex-direction: column;
    }
    .about-sec-main .about-content .left-side ul li+li {
        margin: 20px 0 0;
    }
}


/* About Section Css E */


/* Testimonial Section Css S */

.testimonial-sec-main {
    padding: 100px 0;
    background: #eef0f3;
}

.testimonial-sec-main .section-title {
    text-align: center;
}

.testimonial-sec-main .section-title {
    text-align: center;
}

.testimonial-slider .testi-box {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
}

.testimonial-slider .testi-box .image {
    margin-bottom: 10px;
}

.testimonial-slider .testi-box .image{
    height: 75px;
    width: 75px;
    border-radius: 100%;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.testimonial-slider .testi-box .image img{
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.testimonial-slider .testi-box .image .thumbnail_container{
     background: transparent;
}
.testimonial-slider .testi-box .short-desc {
    margin: 30px 0 30px;
}
.testimonial-sec-main .common-title .small-title {
    color: #000 !important;
    margin-top: 15px;
    text-align: center;
}

.testimonial-slider .testi-box .short-desc img{
    width: 34px;
    margin: 11px auto;
    border-radius: 50%;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgb(0 0 0 / 8%) 0px 4px 6px, rgb(0 0 0 / 10%) 0px 12px 13px, rgb(0 0 0 / 6%) 0px -3px 5px;
}

.testimonial-slider .testi-box .short-desc .label-text {
    font-size: 16px;
    color: #001A27;
    font-weight: 600;
}

.testimonial-slider .testi-box .short-desc span {
    font-weight: 500;
    margin-top: 8px;
    display: block;
    color: #7c7878;
}

.testimonial-slider .testi-box .desc p {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 19px;
    font-style: italic;
}

.testimonial-slider .owl-dots {
    margin-top: 30px !important;
}

/*testimonial scroll*/

.testimonial-slider .testi-box .short-desc .desc{
    height: 144px;
    overflow-y: scroll;
    overflow-x: clip;
    padding: 0px 10px;
    color: #000;
}
.testimonial-slider .testi-box .short-desc .desc::-webkit-scrollbar{
    width: 6px;
}
.testimonial-slider.slider_testi.owl-carousel.testimonial-list.grid{
    height: auto !important;
}
.testimonial-slider .testi-box .short-desc .desc::-webkit-scrollbar-thumb{
    background-color: #4fbf85;
    border-radius: 15px;
}

.testimonial-slider .testi-box .short-desc .desc::-webkit-scrollbar-track{
    background-color: transparent;
}
/* Style for the scrollable description */
.scrollable {
    max-height: 160px; /* Set the maximum height for the scrollable area */
    overflow-y: auto; /* Add vertical scrolling when content exceeds max-height */
    padding: 10px; /* Optional padding */
}

/* Custom scrollbar styling */
.scrollable::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

.scrollable::-webkit-scrollbar-thumb {
    background-color: #50be84; /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners for the scrollbar thumb */
}


.scrollable::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 4px; /* Optional rounded corners */
}

@media(max-width:567px) {
    .testimonial-slider .testi-box .short-desc .desc{
        height: auto;
    }
}
/*testimonial end*/

@media(max-width:1199px) {
    .testimonial-sec-main {
       padding-top: 50px;
       padding-bottom: 100px !important;
    }
    .testimonial-slider .testi-box .short-desc {
        margin: 10px 0;
    }
    .testimonial-slider .testi-box .desc {
        font-size: 14px;
    }
}


/* Testimonial Section Css E */


/* OUR blog Section Css S */

.blog-sec-main {
    padding: 100px 0;
    position: relative;
}
.blog-sec-main .common-title .small-title{
    color: #000;
}
@media(min-width:1366px) {
    .blog-sec-main .container {
        max-width: 1230px;
        width: 100%;
    }
}


.blog-sec-main .blog-box {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
    padding: 20px;
    position: relative;
    background-color: #ffebe8;
    border: 2px solid transparent;
}

.blog-sec-main .blog-box .image .thumbnail_container {
    padding-bottom: 66.6%;
    background-color: #ffebe8;
}
.blog-sec-main .blog-box .image{
     position: relative; 
    overflow: hidden;
}
.blog-sec-main .blog-box .image .thumbnail_container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.blog-sec-main .blog-desc-box {
    padding: 10px;
}

.blog-sec-main .blog-desc-box .blog-head {
    display: flex;
    justify-content: space-between;
}

.blog-sec-main .blog-desc-box .blog-head .left {
    display: flex;
}

.blog-sec-main .blog-desc-box .blog-head .left img {
    height: 50px;
    width: 50px;
}

.blog-sec-main .blog-desc-box .blog-head .left .author-list {
    margin-left: 10px;
}

.blog-sec-main .blog-desc-box .blog-head .left .small-title {
    font-size: 16px;
    color: #00264b;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.blog-sec-main .blog-desc-box .blog-head .left .blog-date {
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-top: 5px;
}

.blog-sec-main .blog-desc-box .blog-head .right .blog-read {
    font-size: 14px;
    font-weight: 400;
}

.blog-sec-main .blog-content {
    margin-top: 15px;
}

.blog-sec-main .blog-content .small-title {
    font-size: 16px;
    color: #00264b;
    font-weight: 600;
    line-height: 120%;
    height: 55px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 10px 0px;
}

.blog-sec-main .blog-content .desc {
    font-size: 14px;
    color: #00264b;
    font-weight: 400;
    margin-top: 30px;
    height: 62px;
    overflow: hidden;
}

.blog-sec-main .read-more {
    margin-top: 20px;
}

.blog-sec-main .read-more a {
    font-size: 15px;
    display: flex;
    color: #4fbf85;
    align-items: center;
}

.blog-sec-main .read-more a i {
    margin-left: 5px;
    margin-bottom: -4px;
}

@media(min-width:1200px) {
    .footer-main .footer-btn {
        margin-left: 100px;
    }
    .blog-sec-main .blog-box:hover {
        /*transform: translateY(-8px);*/
        box-shadow: 0px 7px 15px #0000001a;
        border: 2px solid #f8831e;
    }
    .blog-sec-main .blog-box:hover .small-title a{
        color:#f8831e;
    }
}

@media(max-width:1199px) {
    .blog-sec-main {
        padding-top: 50px !important;
        padding-bottom: 90px !important;
    }
    .blog-sec-main .blog-desc-box .blog-head .left .small-title {
        font-size: 14px;
    }
    .blog-sec-main .blog-content .desc{
        height: auto;
        margin-top: 5px;
    }
}

@media(max-width:991px) {
    .blog-sec-main .blog-desc-box .blog-head .left .small-title {
        max-width: 150px;
    }
}

@media(max-width:767px) {
    .blog-sec-main .blog-desc-box .blog-head .left .blog-date {
        font-size: 12px;
    }
    .blog-sec-main .blog-content .small-title {
        font-size: 16px;
        height: auto;
        margin: 0;
        padding-bottom: 15px;
    }
    .blog-sec-main .blog-desc-box .blog-head .right {
        text-align: right;
    }
    .blog-sec-main .blog-desc-box .blog-head {
        flex-direction: column;
    }
    .blog-sec-main .read-more a {
        font-size: 14px;
    }
}


/* OUR blog Section Css E */


/* Footer css S */

.footer-main {
    padding: 100px 0;
    background-color: #f7831f;
   position: relative;
}
.footer-main:before{
    position: absolute;
    content: '';
    height: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    z-index: -1;
/*    background-image: url(../images/footer-background-image.jpg);*/
    background-size: contain;
}
@media(min-width:1366px) {
    .footer-main .container {
        max-width: 1230px;
        width: 100%;
    }
}

.footer-main .footer-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.footer-main .footer-social {
    display: flex;
    align-items: center;
}

.footer-main .footer-social li {
    margin: 0;
}

.footer-main .footer-social li+li {
    margin-left: 45px;
}

.footer-main .footer-social li a {
    color: #fff;
    font-size: 28px;
}
.footer-main .footer-center-title a{
    margin: 0;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
         text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.footer-main .footer-btn .primary_button {
    color: #fff;
    padding: 10px 40px 10px 10px;
}

.footer-main .footer-btn .primary_button i {
    color: #fff;
}

@media(min-width:1200px) {
    .footer-main .footer-btn .primary_button:hover {
        background: #ffffff;
        color: #000;
    }
    .footer-main .footer-btn .primary_button:hover i {
        color: #51be85;
    }
    .footer-main .footer-social li a:hover {
        color: #ffffff;
    }
}

@media(max-width:1199px) {
    .footer-main {
/*        margin-top: 60px;*/
        padding-top: 80px;
        padding-bottom: 30px;
        overflow: visible;
    }
    .footer-main .footer-center-title {
        font-size: 30px;
    }
    .footer-main .footer-social li+li {
        margin-left: 20px;
    }
    .footer-main .footer-social li a {
        font-size: 24px;
    }
}

@media(max-width:767px) {
    .footer-main .footer-center-title {
        font-size: 26px;
    }
    .footer-main .footer-social li a {
        font-size: 20px;
    }
}

@media(max-width:568px) {
    .footer-main .footer-box {
        flex-direction: column;
        
    }
    .footer-main .footer-center-title {
        margin: 30px 0;
    }
}


/* Footer css E */


/* Blog Listing S*/

.blog-list-main {
    padding: 20px 0 50px;
}

.blog-list-main.blog-sec-main .blog-box {
    margin-top: 30px;
    border: 1px solid rgba(0, 0, 0, 0.102);
}


/* Blog Listing E*/


/* Contact page S */

.contact-main {
    padding: 50px 0 0;
}

.contact-main .contact-inner-main .contact-detail {
    margin-bottom: 50px;
}

.contact-main .contact-inner-main .contact-detail .common-title {
    padding-bottom: 20px;
    margin: 0;
    align-items: flex-start;
}

.contact-main .contact-inner-main .contact-detail .message {
    margin: 20px 0 40px;
}

.contact-main .contact-inner-main .contact-detail .list {
    display: flex;
    justify-content: center;
}

.contact-main .contact-inner-main .contact-detail .list li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 400px;
    background: #ffebe8;
    border-radius: 20px;
    padding: 110px 52px 30px;
        line-height: 28px;
    font-weight: 600;
    overflow: hidden;
        z-index: 9999;
}
.contact-main .contact-inner-main .contact-detail .list li a:hover{
        color: #f7831f;
}
.contact-main .contact-inner-main .contact-detail .list li+li {
    margin-left: 30px;
}

.contact-main .contact-inner-main .contact-detail .common-title .small-title {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
}
.contact-main .contact-inner-main .contact-detail .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 127px;
    height: 100%;
    background-color:#ff7f00;
    transform: skewX(-30deg);
    transform-origin: top right;
    transition: all .4s ease;
    -index: 0;
}

.contact-main .contact-inner-main .contact-detail .list li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 100%;
    /*background-color: #4fbf8596;*/
    transform: skewX(50deg);
    transform-origin: bottom right;
    transition: all .4s ease;
    z-index: -1;
}
.contact-main .contact-inner-main .contact-detail .list li i {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    margin: 0 auto;
    font-size: 35px;
    height: 70px;
    width: 70px;
    filter: invert(53%) sepia(90%) saturate(467%) hue-rotate(341deg) brightness(95%) contrast(104%);
    border-radius: 100%;
    border: 2px dashed #ff7f00;
    color: #ffffff;
    line-height: 69px;
}

.contact-main .form-main {
    position: relative;
    z-index: 2;
    width: 50%;
    background: #eef0f3;
        border-right: 10px solid #f7831f;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 30px #00000029;
    margin: 0 auto;
}

.contact-form-center {
    position: relative;
    padding: 50px 0;
}

.contact-form-center:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/2023-07-19-05-50-43-Bannerimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.contact-form-center::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.contact-main .form-main .section-title {
       color: #000;
    font-size: 34px;
    font-weight: 700;
}

.contact-main .form-main .required {
    text-align: right;
}

.contact-main .form-main button.primary_button {
       margin: 0 auto;
    background: #F7831E;
    padding:10px 42px 10px 15px;
}
.contact-main .form-main button.primary_button:hover{
    background: #4fbf85;
}
.contact-main .form-main .r-btn {
    margin-top: 22px;
}

.map {
    position: relative;
    z-index: 2;
    margin-bottom: -6px;
}

@media(max-width:1365px) {
    .contact-main .contact-inner-main .contact-detail .list li {
        width: 300px;
    }
}

@media(max-width:991px) {
    .contact-main .contact-inner-main .list {
        flex-direction: column;
    }
    .contact-main .contact-inner-main .contact-detail .list li {
        width: 100%;
    }
    .contact-main .contact-inner-main .contact-detail .list li+li {
        margin: 30px 0 0 0;
    }
    .contact-main .contact-inner-main .contact-detail {
        width: 100%;
        box-shadow: none;
    }
    .contact-main .form-main {
        width: 100%;
        box-shadow: none;
    }
    .contact-main .form-main button.primary_button{
        padding: 10px 40px 10px 30px !important;
    }
}

@media(max-width:767px) {
    .contact-form-center{
            padding: 50px 0 100px;
    }
    .contact-main .contact-inner-main .contact-detail {
        padding: 15px;
        margin-bottom: 20px;
    }
    .contact-main .form-main {
        padding: 20px 15px;
    }
    .contact-main .contact-inner-main .contact-detail .message {
        margin: 10px 0 20px;
    }
    .contact-main .contact-inner-main .contact-detail .common-title .small-title {
        font-size: 14px;
    }
   
    .contact-main .contact-inner-main .form-main {
        padding: 15px;
    }
}

@media(max-width:479px) {
    .contact-main .contact-inner-main .contact-detail .list li {
        font-size: 12px;
    }
}


/* Contact page E */


/* Testimonial S */

.testimonial-listing {
    padding: 50px 0;
    background: transparent;
}

.testimonial-listing .testimonial-list.grid .grid-sizer {
    display: none;
}

.testimonial-listing .testimonial-list .grid-item {
    width: 33%;
    padding: 25px 10px;
}

.testimonial-listing .testimonial-list .testi-box {
    background: #ffebe8;
    border-radius: 20px;
    padding: 20px;
    border: 2px solid rgb(247 131 31);
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*.testimonial-listing .testimonial-slider .testi-box .image {
    margin: -50px 0 30px;
}*/

@media(min-width:1200px) {
    .testimonial-listing .testimonial-list .testi-box:hover {
        background: #ff983f;
    }
    .testimonial-listing .testimonial-slider .testi-box:hover .short-desc .label-text {
        color: #fff;
    }
    .testimonial-listing .testimonial-slider .testi-box:hover .short-desc span {
        color: #fff;
    }
    .testimonial-listing .testimonial-slider .testi-box:hover .desc,
    .testimonial-listing .testimonial-slider .testi-box:hover .desc p {
        color: #ffffff;
    }
}

@media(max-width:1199px) {
    .testimonial-listing .testimonial-list .grid-item {
        width: 50%;
    }
    .testimonial-listing .testimonial-list .testi-box{
        padding: 20px;
    }
}

@media(max-width:479px) {
    .testimonial-listing .testimonial-list .grid-item {
        width: 100%;
        padding: 20px 0;
    }
}


/* Testimonial E */


/* services Detail S */

.detail-main .detail-content {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    float: left;
    padding: 40px;
    border-radius: 20px;
}

.detail-main .detail-content .image {
    position: relative;
    height: 100%;
}
.detail-main .detail-content .image:after {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.detail-main .detail-content .image:hover:after {
    left: 0;
    right: 0;
    opacity: 0;
}
.detail-main .detail-content .image .label-img {
    position: absolute;
    top: 15px;
}

.detail-main .detail-content .image img {
    width: 100%;
    margin: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.102);
    float: none;
    border-radius: 20px;
}

.detail-main .detail-content .detail-desc .common-title {
    padding-bottom: 20px;
    align-items: flex-start;
    position: relative;
    text-align: left;
}

/*.detail-main .detail-content .detail-desc .common-title:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    height: 2px;
    width: 50px;
    background: #50bf85;
}*/

.detail-main .detail-content .detail-desc .common-title .section-title {
    font-size: 19px;
    padding-top: 25px;
}

.detail-main .detail-desc .common-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.detail-main .detail-desc .common-detail .author-list {
    width: 100%;
    display: flex;
    align-items: center;
}

.detail-main .detail-desc .common-detail .author-list img {
    height: 40px;
    width: 40px;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 100%;
}

.detail-main .detail-desc .common-detail .small-title {
    font-size: 16px;
    color: #00264b;
    font-weight: 600;
}

.detail-main .detail-content .image .blog-date {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    top: 0; 
    background: rgb(247 131 31);
    padding: 10px;
    color: #fff;
    border-radius: 0 0 6px 0;
    border-radius: 10px;
    font-weight: 600;
}

.detail-main .detail-content .image .blog-date i {
    font-size: 22px;
    margin-right: 10px;
    color: #fff;
}

.detail-main .detail-desc .common-detail .right {
    min-width: 100px;
    text-align: right;
}

.detail-main .detail-desc .common-detail .right .blog-read {
    font-size: 14px;
    font-weight: 500;
}

.detail-main .detail-btn {
    margin-top: 30px;
}

.detail-main .detail-btn .primary_button {
    max-width: 200px;
}

.detail-box-main .box-contact-main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-box-main .box-contact-main .box-pattern {
    display: flex;
    position: relative;
    z-index: 1;
}

.detail-box-main .box-contact-main .box-pattern::after {
    position: absolute;
    content: '';
    bottom: -10px;
    right: -10px;
    max-width: 410px;
    height: 75px;
    width: 100%;
    background: #eb3c41;
    z-index: -1;
}

.detail-box-main .box-contact-main .box {
    position: relative;
    max-width: 400px;
    padding: 50px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.detail-box-main .box-contact-main .box+.box {
    margin-left: 30px;
}

.detail-box-main .box-contact-main .box .icon {
    margin-bottom: 30px;
}

.detail-box-main .box-contact-main .box .icon i {
    font-size: 60px;
}

.detail-box-main .box-contact-main .box .title {
    color: #00264b;
}

.detail-box-main .box-contact-main .box .desc {
    margin: 50px 0;
}

@media(min-width:1200px) {
    .detail-box-main .box-contact-main .box:hover {
        background: #00264b;
    }
    .detail-box-main .box-contact-main .box:hover .icon i {
        color: rgba(255, 255, 255, 0.80);
    }
    .detail-box-main .box-contact-main .box:hover .title {
        color: #eb3c41;
    }
    .detail-box-main .box-contact-main .box:hover .desc {
        color: #ffffff;
    }
    .detail-box-main .box-contact-main .box:hover .primary_button {
        color: #ffffff;
    }
    .detail-box-main .box-contact-main .box:hover .primary_button i {
        color: #ffffff;
    }
    
}

@media(max-width:991px) {
    .detail-box-main .box-contact-main .box-pattern::after {
        bottom: -5px;
        right: -5px;
        max-width: 280px;
    }
}

@media(max-width: 768px) {
    .detail-box-main {
        padding: 30px 0 50px;
    }
    .detail-main .detail-content {
        flex-direction: column-reverse;
        padding: 30px 15px;
        float: unset;
    }
    .detail-main .detail-content .image {
        float: none;
        margin: 0 0 25px 0;
        height: 100%;
        width: 100%;
    }
    .detail-main .detail-content .detail-desc .common-title {
        padding-bottom: 20px;
    }
    .detail-main .detail-content .detail-desc .common-title .section-title {
        font-size: 16px !important;
        padding-top: 0px;
        text-align: left;
    }
    .detail-main .detail-desc .common-detail {
        margin-bottom: 20px;
    }
    .detail-box-main .box-contact-main .box {
        padding: 20px;
    }
    .detail-box-main .box-contact-main .box .desc {
        margin: 30px 0;
    }
    .detail-box-main .box-contact-main .box+.box {
        margin-left: 15px;
    }
    .detail-box-main .box-contact-main .box .icon {
        margin-bottom: 15px;
    }
    .detail-box-main .box-contact-main .box .icon i {
        font-size: 40px;
    }
    .gallery_widget-2{
        margin-top: 30px;
    }
    .blog-slider .blog-box .blog-flex .home-blog-date{
        margin-bottom: 10px;
        margin-right: 20px;
    }
    .blog-flex{
        align-items: center;
        display: flex;
    }
    .blog-detail-post .blog-post{
        justify-content: flex-start !important;
    }
}

@media(max-width:568px) {
    .detail-box-main .box-contact-main .box-pattern {
        flex-direction: column;
    }
    .detail-box-main .box-contact-main .box {
        margin-left: 0 !important;
        margin-top: 20px;
    }
}

@media(max-width:479px) {
    .detail-main .detail-desc .common-detail .small-title {
        font-size: 14px;
    }
}


/* services Detail E */


/* Thank you S */

.thank_you_main {
    display: flex;
    align-items: center;
}

.thank_you_main .center-box {
    max-width: 800px;
    background: #ffebe8;
    padding: 70px 30px;
    border-radius: 6px;
    box-shadow: 0px 7px 15px #0000001a;
    margin: auto;
    text-align: center;
    position: relative;
}

.thank_you_main .center-box::before {
    position: absolute;
    content: '';
    bottom: -20px;
    right: -20px;
    max-width: 420px;
    height: 105%;
    width: 100%;
    background: #f7831f;
    z-index: -1;
    border-radius: 0 4px 4px 0;
}

.thank_you_main .center-box .common-title {
    padding-bottom: 20px;
}

.thank_you_main .center-box .small-title {
    font-size: 80px;
    line-height: 100%;
    color: #4fbf85;
    margin: 0;
    font-weight: 700;
}
.thank_you_main .center-box .small-title img{
        margin: 3px 5px 12px 8px;
    width: 61px;
}

.thank_you_main .center-box .small-title span {
       color: #f7831f;
}
.thank_you_main .center-box .primary_button.second-btn{
        color: #fff;
}
.thank_you_main .center-box .short-desc {
    margin: 10px 0;
    color: #000000;
    font-size: 16px;
}

.thank_you_main .center-box .box-btn {
    max-width: 160px;
    margin: 40px auto 0;
    border-radius: 8px;
    background: #4fbf85;
}
.thank_you_main .center-box .box-btn .primary_button{
     color: #fff !important;
}
.thank_you_main .center-box .box-btn .primary_button i{
        color: #fff;
}
@media(max-width:767px) {
    .thank_you_main .center-box {
        padding: 50px 15px 30px;
        margin-bottom: 60px;
    }
    .thank_you_main .center-box .small-title {
        font-size: 41px !important;
        padding: 0 15px;
    }
    .thank_you_main .center-box .short-desc {
        margin: 10px 0;
    }
    .thank_you_main .center-box::before {
        bottom: -10px;
        right: -10px;
        height: 100px;
    }
    .thank_you_main{
        padding: 50px 0;
    }
}

@media(max-width:479px) {
    .thank_you_main .center-box .small-title {
        font-size: 30px !important;
    }
}


/* Thank you E */


/* 404 S*/

.not-found-page {
    padding: 100px 0;
    position: relative;
    min-height: 800px;
    display: flex;
    align-items: center;
}

.not-found-page:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/2023-07-19-05-50-43-Bannerimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.not-found-page::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1;
}

.not-found-page .error-center {
    position: relative;
    z-index: 1;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
 .not-found-page .error-btn .primary_button.second-btn{
        padding: 10px 40px;
            padding-left: 15px;
}
.not-found-page .cloud1{
    opacity: .1;
}
.not-found-page .cloud1 img{
    width: 300px;
}
.not-found-page .error-center .error-text .title {
    font-size: 200px;
    line-height: 100%;
    color: #f7831f;
    position: relative;
    padding-top: 30px;
}

.not-found-page .error-center .error-text .title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    width: 50px;
    background: #f7831f;
}

.not-found-page .error-center .error-text .title span {
    color: #ffffff;
}

.not-found-page .error-center .error-desc {
    text-align: center;
    margin: 50px 0 30px;
    font-weight: 500;
    line-height: 160%;
    color: #f2f2f2;
}

.error-btn .primary_button {
    color: #ffffff;
}

.error-btn .primary_button i {
    color: #ffffff;
}



@media(max-width:1199px) {
    .not-found-page .error-center .error-text .title {
        font-size: 150px;
    }
    .not-found-page .error-center .error-desc {
        margin: 50px 0;
    }
}

@media(max-width:479px) {
    .not-found-page .error-center .error-text .title {
        font-size: 100px;
    }
    .not-found-page .error-center .error-desc {
        font-size: 14px;
    }
}


/* 404 E */


/* Service Listing S */

.service-list {
    padding: 20px 0 50px;
}

.service-list .service-box {
    position: relative;
    margin-top: 50px;
    border-radius: 6px;
    overflow: hidden;
    /*box-shadow: 0px 10px 30px 1px rgb(0 0 0 / 30%);*/
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.service-list .service-box:hover{
    box-shadow: 0px 10px 30px 1px rgb(0 0 0 / 30%);
}

.service-list .service-box .image .thumbnail_container {
    padding-bottom: 66.6%;
}

.service-list .service-box .image .thumbnail_container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.service-list .service-box .service-desc-box {
    padding: 20px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.service-list .service-box .service-desc-box:after {
    position: absolute;
    content: "\e904";
    font-family: 'icomoon' !important;
    font-size: 50px;
    right: -10px;
    bottom: 10px;
    color: rgba(255, 255, 255, 0.50);
    transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.service-list .service-box .service-content .small-title {
    position: relative;
    font-size: 18px;
    padding-top: 15px;
    color: #00264b;
    font-weight: 600;
    line-height: 120%;
    max-height: 60px;
    overflow: hidden;
}

.service-list .service-box .service-content .small-title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background: #eb3c41;
}

.service-list .service-box .service-content .desc {
    font-size: 14px;
    color: #00264b;
    font-weight: 500;
    margin-top: 10px;
    max-height: 62px;
    overflow: hidden;
}

.service-list .service-box .read-more {
    margin-top: 20px;
}

.service-list .service-box .read-more a {
    font-size: 16px;
    display: inline-block;
    text-transform: capitalize;
}

.service-list .service-box .read-more a i {
    margin-left: 5px;
    vertical-align: -3px;
}

@media(min-width:1200px) {
    .service-list .service-box .service-content .small-title a:hover {
        color: #ffffff;
    }
    .service-list .service-box:hover {
        box-shadow: 0px 7px 15px #0000001a;
    }
    .service-list .service-box:hover .service-content .small-title:after {
        background: #ffffff;
    }
    .service-list .service-box:hover .service-desc-box {
        background: #eb3c41;
    }
    .service-list .service-box:hover .service-desc-box:after {
        transform: scale(1);
    }
    .service-list .service-box .read-more a:hover {
        color: #ffffff;
    }
}

@media(max-width:1199px) {
    .service-list {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

@media(max-width:767px) {
    .service-list .service-box .service-content .small-title {
        font-size: 16px;
    }
    .service-list .service-box .service-desc-box {
        padding: 20px 15px;
    }
    .service-list .service-box .read-more a {
        font-size: 14px;
    }
}

@media(max-width:568px) {
    .service-list .service-box .service-content .small-title {
        height: 100%;
    }
}


/* Service Listing E */


/* Project list S */

.project-list {
    background: #fff;
    padding: 50px 0px;
}

.project-list .project-box {
    margin-bottom: 30px;
    position: relative;
    padding: 15px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
     overflow: hidden; /* Ensures the scaled image does not overflow */
}
.project-box .thumbnail img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for scaling */
}
.project-list .project-box:hover .country-desc .box-title h3 a{
        color: #4fbf85;
}
.project-box:hover .thumbnail img {
    overflow: hidden;
    transform: scale(1.1); /* Scales the image by 10% */
}
.project-list .project-box .image {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.project-list .project-box .image img{
    border-radius: 20px;
    overflow: hidden;
}
.project-list .project-box .image:before{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 20px;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-image: url(../images/curve.png);
    content: "";
    z-index: 2;
}
.project-list .project-box .image .thumbnail_container {
    background: transparent;
    padding-bottom: 70%;
    background: transparent;
}
.project-list .project-box .image .thumbnail_container .thumbnail img{
    width: 100%;
}
.project-box .overlay_content{
     margin-top: 20px;
}
.project-list .project-box  .country-desc{
    text-align: center;
     margin-bottom: 10px;
}
.project-list .project-box  .country-desc .overlay_content .country-btn{
    margin: 0 auto;
}
.project-list .project-box  .country-desc .overlay_content .country-btn a{ 
    font-size: 14px;
    display: flex;
    color: #4fbf85;
    justify-content: center;
    align-items: center;
}
.project-list .project-box  .country-desc .box-title h3 a{
    font-size: 18px;
    color: #f7831f;
    font-weight: 600;
    margin: 20px 0 10px;
    position: relative;
    text-transform: capitalize;
}
.project-list .project-box .small-title {
    position: relative;
    z-index: 1;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-list .project-box .small-title:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    width: 50px;
    background: #eb3c41;
}
.project-list .project-box .country-desc .box-title{
     margin-bottom: 10px;
}
.project-box:hover .pxl-line-paper{
    opacity: 1;
    visibility: visible;
}
.project-box .pxl-line-paper{
    width: 100%;
    position: relative;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .7s ease;
}
.project-box .pxl-line-paper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 1px;
    border-top: 1px dotted #ff983f;
    top: -1px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
}
.project-box .pxl-line-paper:after{
   content: "";
    position: absolute;
    left: 0;
    transform: translate(100%, -50%);
    right: 100%;
    height: 1px;
    background-image: url(../images/orange-plane.png);
    top: 0px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
    height: 32px;
    background-size: 29px;
    width: 32px;
    background-repeat: no-repeat;
}
.project-box:hover  .pxl-line-paper:after {
    left: 80%;
}
.country_slider.owl-carousel .owl-nav{
   display: none; 
}
.country_slider.owl-carousel .owl-dots{
     display: none; 
}
@media(max-width: 1200px) {
    .country-list{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .country_slider.owl-carousel .owl-nav{
        display: none !important;
    }
    .country_slider.owl-carousel .owl-dots{
        display: none !important;
    }
}
/* project list E */


/* About page css S */

.detail-content.right-image {
    background: transparent;
    padding: 100px 0;
}

.detail-content .detail-desc .common-title .small-title {
    display: block;
    margin-top: 20px;
    text-align: left;
}

.detail-content.right-image .image {
    margin: 0 30px 30px 0;
    float: left;
}

@media(max-width:768px) {
    .detail-content.right-image {
        padding: 50px 0;
    }
    .detail-content.right-image .image {
        margin: 0 0 30px;
        float: none;
    }
    .blog-detail-post .blog-post .blog-post-title a{
        font-size: 12px !important;
    }
}


/* About page css E */

.form-group {
    position: relative;
}

.form-group input {
    position: relative;
}

.form-group label {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: -1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

input[required]:valid+label {
    display: none;
}





/*.project-box{
    position: relative;
}

.project-box .box-title{
    position: absolute;
    padding-left: 25px;
    bottom: 20px;
    z-index: 1;
    opacity: 1;
}

.project-box h3{
    color: white;
}

.project-box .box-title h3:after{
    content: '';
    position: absolute;
    top: -10px;
    left: 23px;
    right: 0;
    margin: auto;
    height: 2px;
    width: 80%;
    background: #eb3c41;
}

.project-box:hover .box-title{
    bottom: 0px;
    opacity: 0
}

.project-list .project-box .image{
    position: relative;
}

.project-list .project-box .image:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(-90deg, rgba(16,14,28,0.10) 40%, rgba(16,14,28,0.95) 100%);
    top: 0px;
    right: 0px;
    z-index: 1;
}

.project-box .overlay_content{
    position: absolute;
    padding: 60px;
    z-index: 1;
    opacity: 0;
    color: white; 
    width: 100%;
    height: 100%;
    background-color: #00264bc4;
    bottom: 0px;
    transition: ease-in-out 1s;
}

@media(max-width:768px){
    .project-box .box-title h3{
        display: none;
    }
    .project-box .overlay_content{
        opacity: 1;
    }
}
.project-box:hover .overlay_content{
    opacity: 1;
}

.project-box .overlay_content p{
    color: white;
}

.project-box .overlay_content h3{
    color: #eb3c41;
}*/

.blog-box{
    border-radius: 20px;
}

.blog-desc-box{
    position: relative;
}

.blog-desc-box:after{
    position: absolute;
    content: '';
    background: #d6d4dd;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    right: -43px;
    bottom: -43px;
    transition: all 500ms ease;
}

.blog-box:hover .blog-desc-box:after{
    background-color: #50bf85;
}

.blog-list-main.blog-sec-main .blog-box{
    overflow: hidden;
}

.left{
    background-color: white;
    border-radius: 8px;
    padding: 10px;
    position: absolute;
    right: 10%;
    top: -38%;
    z-index: 1;
}

.blog-box .image:after {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.blog-box:hover .image:after {
    left: 0;
    right: 0;
    opacity: 0;
}

.service-list .service-box:hover .service-content .small-title{
    color: #ffffff;
}

.service-list .service-box:hover .service-content .desc{
    color: #ffffff;
}

.country-block-one{
    position: relative;
}

.country-block-one .flag{
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 50px;
}

.country-block-one .lower-content{
    position: relative;
    display: block;
    padding: 15px;
}

.service-box .inner-box{
    position: relative;
    background-color: #f7831f;
    transition: all 300ms ease;
    overflow: hidden;
    border: 1px solid #ecf0f4;
    border-radius: 8px;
}

.service-box .inner-box .image-box{
    position: relative;
    overflow: hidden;
}
.service-box .inner-box .image-box:after{
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.service-box .inner-box:hover .image-box:after{
    left: 0;
    right: 0;
    opacity: 0;
}
.service-box .inner-box .image-box img{
    border-radius: 8px;
}
.service-box .inner-box:hover  .content-box{
    background-color: #ffcb9f;
}
.service-box .inner-box .content-box{
position: relative;
    margin-top: -60px;
    margin-left: 50px;
    padding: 20px;
    z-index: 2;
    border-radius: 7px 0px 7px 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
}
.service-box .inner-box:hover .content-box .title a{
    color:#4fbf85;
}
.about-btn .second-btn i{
    color: #fff;
}
/*.service-box .inner-box .content-box .icon-box{
    position: absolute;
    right: 10px;
    top: -50px;
    border-radius: 5px;
    padding: 5px;
    background: #ffffff;
    transition: all 300ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

.service-box .inner-box .content-box .icon-box .icon{
    background-color: var(--theme-color1);
    color: #ffffff;
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 4px solid #54bf89;
    background-color: #fff;
    margin-bottom: 15px;
    margin-left: 0px;
}
.service-box .inner-box .content-box .icon-box .icon img{
    max-width: 30px;
}
.service-box .inner-box .content-box .title{
    margin-bottom: 10px;
    font-size: 18px;
    color: #f7831f;
    font-weight: 600;
    /*margin: 60px 0 20px;*/
    position: relative;
    display: flex;
    align-items: center;
}
.service-box .inner-box .content-box .title a:hover{
    color: #4fbf85 !important;
}
.service-box .inner-box .content-box .read-more{
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #ffffff;
    background-color: #4fbf85;
    padding: 5px 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 300ms ease;
    border-radius: 8px;
    max-width: 130px;
}

/*.service-box .inner-box:hover .image-box img{
    transform: scale(1.1);
}*/

.service-box .inner-box .content-box:before{
    background-image: url(../images/service1-bg-pattern.png);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.service-box .inner-box .content-box .read-more:hover{
    color: #ffffff;
    background-color: #f7831f;
}

.selected-sec-main{
    margin-top: 200px;
}

.country-slider .inner-box{
    position: relative;
    text-align: center;
    transition: all 300ms ease;
}

.country-slider .inner-box:hover .info{
    transform: translateY(-5px);
}

.country-slider .inner-box .flag{
    position: relative;
    display: block;
    height: 125px;
    width: 125px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffffff;
    transition: all 300ms ease;
    margin: 0 auto -65px;
    z-index: 2;
}
.country-slider .country-name{
    color: #f8831e;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    margin: 10px 0px;
}
.country-slider .country-detail{
    text-align: center;
    font-size: 12px;
    line-height: 135%;
}
.country-slider .inner-box:hover .flag{
    transform: rotateY(180deg);
}

.country-slider .inner-box .flag img{
    transition: all 300ms ease;
}

.country-slider .inner-box .info{
    height: 180px;
    position: relative;
    background-color: #ffffff;
    padding: 65px 15px 25px;
    text-align: center;
    border-radius: 7px;
    box-shadow: 0 0px 15px rgb(0 0 0 / 8%);
}

.country-slider .inner-box .feature-title{
    display: block;
    margin-top: 0;
    margin-bottom: 5px;
}

.inner-box .image-box .list{
    position: absolute;
    left: -25px;
    bottom: 20px;
}

.inner-box .image-box .list .share-option{
    position: relative;
    display: block;
}

.inner-box .image-box .list .share-option a{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.inner-box .image-box .list .share-option .share-links{
    position: absolute;
    left: 50px;
    top: 0px;
    width: 150px;
    background: #fff;
    text-align: center;
    transform: scaleX(0);
    transform-origin: left center;
    transition: all 500ms ease;
}

.inner-box .image-box .list .share-option .share-links li{
    position: relative;
    display: inline-block;
    float: left;
    width: 33.333%;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #ecebeb;
}

.tab-sub{
    margin-bottom: 20px;
}
.tab-list .country-list{
      display: flex;
    align-items: center;
    flex-direction: column;  
}

.tab-list{
    display: flex;
    justify-content: center;
    padding: 15px 20px;
    align-items: center;
    background-color: #4ebf86;
    max-width: 700px;
    margin: 30px auto;
    border-radius: 10px;
}

.tab-list li{
    display: inline-block;
    margin: 0px 19px;
}

.tab-list li .active {
    border-radius: 10px;
    padding: 15px 25px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(198, 213, 221, 0.37);
}

.countries-one__arrow-box {
    z-index: 9999 !important;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
}

.countries-one__arrow{
    z-index: 9999 !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #eb3c41;
    border-radius: 50%;
    font-size: 16px;
    color: #ffffff;
}

.countries-one__arrow-box a:hover{
   color: #ffffff;
}

.countries-one__arrow-box:hover .countries-one__arrow{
    transform: scale(1);
    transition-delay: 500ms;
    opacity: 1;
}

.expert-box .title{
    text-align: center;
    font-size: 20px;
    color: #00264b;
    font-weight: 600;
    /* margin: 60px 0 20px; */
    padding-bottom: 4px;
    position: relative;
}

.expert-box .lower-content span{
    text-align: center;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
    transition: all 500ms ease;
    color: grey;
}

.expert-sec-main .common-title{
    padding-bottom: 10px;
}

.expert-box .list{
    position: absolute;
    left: 10px;
    top: 20px;
}

.expert-box .share-button{
    right: 0px;
    bottom: 110px;
}
@media(max-width: 468px){
    .country-section .country-name{
        font-size: 13px !important;
    }
    .tab-list li{
        margin-bottom: 20px;
        margin: 0px 14px;
    }
    .country-section .country-list img {
        max-width: 35px !important;
    }
    .tab-list li .active{
        padding: 10px;
    }
}
@media(max-width: 768px){
    .expert-box .share-button{
        bottom: 130px;
    }
    .tab-list{
       margin-top: 50px; 
    }
}

.expert-box .share-button .share i{
    font-size: 14px;
    background: #00264b;
    color: #ffffff;
    border-radius: 7px;
    width: 40px;
    padding: 3px;
    height: 35px; 
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}

.country-page-title{
    margin-bottom: 43px;
}

.country-page-title .main-title:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background: #eb3c41;
    margin-left: 15px;
}

.country-page-title .main-title{
    font-size: 40px;
    padding-top: 30px;
    line-height: 58px;
}

.country-slider.owl-carousel .owl-stage-outer{
    /*overflow-y: visible;*/
    height: auto !important;
}
.blog-slider.owl-carousel .owl-stage-outer{
    /*overflow-y: visible;*/
    height: 550px !important;
}
.about-btn{
    margin-top: 30px;
}

.about-btn a{
    color: #ffffff;
}

.about-btn .primary_button:hover{
    background: #f7831f;
    color: #ffffff !important;
}
.about-btn .primary_button:hover a{
    color: #fff;
}
.about-btn .primary_button:hover i{
    color: #fff;
    right: 5px;
}

.expert-box .share-button{
    z-index: 1;
}

.experts{
    display: flex;
    justify-content: center;
}

.studentvisamain{
    position: relative;
    margin-top: 0px !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 100vw;
    position: relative;
    width: 100%;
}

.country-banner {
    max-height: 20vh;
    overflow: hidden;
}

.country-banner-box{
    position: absolute;
    top: 30%;
}

.country-banner-box img{
    float: right;
    max-height: 200px;
    max-width: 200px;
}

.country-detail-content{
    padding: 40px 100px;
    background-color:  #ffebe8;
}

.project-box-pad{
    padding: 50px 40px 50px;
    background-color: #ffffff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.wp-block-cover__image-background{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
}
.overlay-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 1; /* Ensure the layer is above the image but below the text */
}

.country-item {
    position: relative;
}

.contry-image {
    position: relative;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    color: white;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: opacity 0.3s ease;
}

.overlay .text {
    padding: 20px;
}

.country-item:hover .overlay {
    opacity: 1;
}

.country-item:hover .thumbnail img {
    opacity: 0.5; /* Fade the image when hovering */
}

.country-name, .country-desc {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}
@media(max-width:768px){
    .country-detail-content{
        padding: 10px;
    }
    .project-box-pad{
        padding: 30px;
    }
    
    
    .country-banner{
        min-height: 475px !important;
    }
    
    .country-banner .wp-block-cover__image-background{
        width: auto !important;        
    }
    
    .country-banner-box img{
        width: 100px;
        height: 100px;
        float: unset;
    }
    
    .country-banner-box .row{
        display: flex;
        flex-direction: column;
    }
    .country-detail-stemp .stemp-image img{
        width: unset;
        height: unset;
    }
    .country-detail-stemp{
        margin: 20px 0px;
        max-width: 250px;
    }
}

.service-slider .image-box .thumbnail_container{
    padding-bottom: 60%;
}

.service_desc{
    height: 45px;
    overflow: hidden;
}

.no-record{
    font-size: 31px;
    line-height: 120%;
    display: flex;
    justify-content: center;
    position: relative;
    font-weight: 700;
    color: #fff;
    padding: 100px 0px;
}

.blog-slider.owl-carousel{
    display: flex;
    justify-content: center;
}

.service-slider.owl-carousel{
    display: flex;
    justify-content: center;
}
@media(max-width:768px){
    .service-slider.owl-carousel{
        display: inline-block;
    }
    .blog-slider.owl-carousel{
        display: inline-block;
    }
    .blog-slider.owl-carousel .owl-nav{
        top: -15px;
    }
    .no-record{
        padding: 50px 0px;
    }
}
.overlay_content .link{
    margin-top: 27px;
}

.overlay_content .link a{
    padding: 7px;
    background-color: #eb3c41;
    border-radius: 3px;
}

.overlay_content .link a:hover{
    color: #eb3c41;
    background-color: #ffffff;
}

.tab-list li{
    position: relative;
}

/*.tab-list li .active:after{
    content: '';
    width: 60%;
    height: 2px;
    position: absolute;
    background-color: #00264b;
    bottom: -7px;
    left: 0px;
    transition: all 0.2s ease-in-out;
}*/

/*.tab-list li:after{
    content: '';
    width: 0%;
    height: 2px;
    position: absolute;
    background-color: #00264b;
    bottom: -7px;
    left: 0px;
    transition: all 0.2s ease-in-out;
}*/

.tab-list li:hover:after{
    width: 60%;
}
.service-list-home .common-title .small-title {
    color: #fff;
}
.country-item-box{
    box-shadow: 0 10px 40px rgba(0, 0, 0, .07);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
}
.country-box-content{
    position: relative;
    z-index: 22;
}
.country-icon{
    position: absolute;
    top: -55px;
    right: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #54bf89;
    background-color: #fff;
}
.country-icon img{
    margin: 10px auto;
    max-width: 30px;
}
.country-name{
    font-size: 22px;
    line-height: 24px;
    margin-top: 0;
}

.country-image .thumbnail_container{
    background-color: transparent;
    padding-bottom: 66%;
}
.country-image img{
    border-radius: 10px;
}
.client-section{
    padding: 40px 0px;
}
.client-section .common-title .small-title{
   color: #000 !important;
   margin-top: 15px;
   text-align: center;
}
.service-slider.owl-theme .owl-dots .owl-dot{
    display: none;
}
.about-section{
    padding: 0;
}
.service-icon img{
    max-width: 25px;
}
.tr-feature-shape{
    position: absolute;
    top: -20px;
    right: 3px;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}
.design-sec-main .box-wrap .box:hover .tr-feature-shape {
    top: -3%;
    opacity: 1;
    visibility: visible;
}
.elementor-widget-container{
    right: -20%;
    top: -110%;
    position: absolute;
    display: inline-block; /* Ensure the image is treated as an inline-block element */
    animation: bounce-horizontal 5s linear infinite alternate /* Apply animation */
}
.elementor-widget-container .footer-plane img{
    max-width: 80%;
}
.country-item-box:hover .pxl-line-paper{
    opacity: 1;
    visibility: visible;
}
.country-item-box .pxl-line-paper{
    width: 100%;
    position: relative;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .7s ease;
    padding: 10px 0px;
}
.country-item-box .pxl-line-paper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 1px;
    border-top: 1px dotted #ff983f;
    top: -1px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
}
.country-item-box .pxl-line-paper:after{
   content: "";
    position: absolute;
    left: 0;
    transform: translate(100%, -50%);
    right: 100%;
    height: 1px;
    background-image: url(../images/orange-plane.png);
    top: 0px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
    height: 32px;
    background-size: 29px;
    width: 32px;
    background-repeat: no-repeat;
}
.country-item-box:hover  .pxl-line-paper:after {
    left: 80%;
}
@keyframes bounce-horizontal {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 20px);
    }

    80% {
        transform: translate(0, -20px);
    }
}
.footer-boy img {
    display: inline-block; /* Ensures proper display for the image */
    animation: horizontal-sway 2s infinite; /* Applies the animation */
}
.footer-boy-main{
    position: relative;
}
.footer-boy-main .footer-boy{
    position: absolute;
    top: 0;
}

@keyframes horizontal-sway {
    0%, 100% {
        transform: translate(0, 0); /* Default position */
    }
    50% {
        transform: translate(20px, 0); /* Move 20px to the right */
    }
    80% {
        transform: translate(-20px, 0); /* Move 20px to the left */
    }
}
@media(max-width:768px){
    .elementor-widget-container {
        right: -38%;
        top: -260%;
        position: absolute;
        display: inline-block;
        animation: bounce-horizontal 5s linear infinite alternate /* Apply animation */;
        z-index: 99;
    }
}
@media(max-width: 468px){
    .elementor-widget-container {
        right: -30%;
        top: -106%;
        position: absolute;
        display: inline-block;
        animation: bounce-horizontal 5s linear infinite alternate /* Apply animation */;
    }
    .elementor-widget-container .footer-plane img{
        max-width: 75%;
    }
}
.blog-list-main.blog-sec-main .blog-box:hover .blog-icon img{
    max-width: 50%;
    position: relative;
    animation: s2-icon 1s ease-in;
}
.blog-icon img{
    max-width: 50%;
}
@keyframes s2-icon{
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
.blog-icon{
    border: 5px solid #fff;
    display: flex;
    height: 55px;
    width: 80px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ff983f;
}
.service-icon{
    border: 4px solid #4fbf85;
    display: flex;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}
.blog-box:hover .pxl-line-paper{
    opacity: 1;
    visibility: visible;
}
.blog-content .pxl-line-paper{
    width: 100%;
    position: relative;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .7s ease;
}
.blog-content .pxl-line-paper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 1px;
    border-top: 1px dotted #ff983f;
    top: -1px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
}
.blog-content .pxl-line-paper:after{
   content: "";
    position: absolute;
    left: 0;
    transform: translate(100%, -50%);
    right: 100%;
    height: 1px;
    background-image: url(../images/orange-plane.png);
    top: 0px;
    -webkit-transition: all 1s ease .2s;
    -khtml-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    right: 10%;
    height: 32px;
    background-size: 29px;
    width: 32px;
    background-repeat: no-repeat;
}
.blog-box:hover  .pxl-line-paper:after {
    left: 80%;
}
.country-item-box .thumbnail img {
    transition: transform 0.3s ease; /* Adds smooth animation */
}

.country-item-box:hover .thumbnail img {
    transform: scale(1.05); /* Scales the image to 110% on hover */
    overflow: hidden;
}
.country-item-box .country-image{
    overflow: hidden;
    border-radius: 10px;
}
.process-overview__area {
    position: relative; /* Ensures child elements positioned absolutely are relative to this container */
    overflow: hidden;   /* Prevents overflow of child elements */
}

.process-overview__bg-img {
    background-repeat: no-repeat;
    background-size: cover; /* Ensures the image covers the element proportionally */
    width: 45%; /* Adjust to control how much of the left side is covered */
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; /* Aligns the background image to the left */
    z-index: -1;
}
.process-overview__bg-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* Adjust the RGBA color and opacity */
}
/*.dotted-line {
    border-bottom: 1px dotted #fff;
}*/
@media(max-width:768px){
    .process-overview__bg-img{
        display: none;
    }
}
/*About Section Start*/
.about-section .image-column {
    position: relative;
    margin-bottom: 35px;
}
.about-section .image-column .image-1 .thumbnail_container{
    padding-bottom: 91%;
    background: transparent;
}
@media(min-width:1920px) {
    .about-section .image-column .image-1 .thumbnail_container{
        padding-bottom: 100%;
    }
}
.about-section .image-column .about-img{
        margin: auto;
}
.about-section .image-column .about-img img{
        margin: auto;
    display: flex;
}
.about-section .image-column .inner-column{
    position: relative;
}
.about-section .image-column .image-1 {
    position: relative;
    max-width: 400px;
    margin-bottom: 0px;
}

.about-section .image-column .image-1 img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.overlay-anim:after {
    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;
}
.about-section .image-column .image-2 {
    position: absolute;
    right: 0px;
    top: 0;
    margin-bottom: 0;
}
.overlay-anim {
    position: relative;
}
.about-section .image-column .image-2 img {
    width: 100%;
    max-width: 300px;
    border-radius: 20px;
}
.about-section .image-column .image-3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0;
}

.about-section .image-column .image-3 img {
    width: 100%;
    max-width: 300px;
    border-radius: 20px;
}
.about-section .image-column .stemp {
    position: absolute;
    right: 48px;
    top: 180px;
}
.about-section .experience .inner {
    position: relative;
    background: #fff;
    display: flex;
    background: rgb(79,191,133);
    background: linear-gradient(90deg, rgba(79,191,133,1) 35%, rgba(247,131,31,1) 100%);
    align-items: center;
    justify-content: center;
     border-radius: 3px;
}
.about-section .experience {
    position: absolute;
    left: 35px;
    bottom: 10px;
    min-width: 270px;
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08);
    box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08);
}
.inner-image{
    padding: 10px 0px;
    position: relative;
}
.about-section .experience .icon {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 64px;
    color: yellow;
}
.about-section .experience .text {
    position: relative;
    font-size: 14px;
    line-height: 26px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.about-section .experience strong {
    position: relative;
    margin-top: 7px;
    font-size: 34px;
    line-height: 36px;
    color: #f7831f;
    font-weight: 700;
    display: block;
}
.about-section .experience .inner::before {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    content: "";
    background-color: #fff;
}
.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear;
}
@keyframes bounce-y{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.overlay-anim:after {
    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;
}
.overlay-anim:hover:after {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
@media(max-width:768px){
    .about-section .image-column .image-2{
        display: none;
    }
    .about-section .image-column .image-3{
        display: none;
    }
    .about-section .image-column .stemp{
        display: none;
    }
    .about-section .experience{
        left: 50px;
    bottom: -65px;
    }
}
/*About Section End*/

/*Blog List Start*/
.blog-list .blog-content .blog-icon{
    height: 70px;
    width: 70px;
    position: absolute;
    top: -40px;
    left: 40%;
}
.home-blog-date{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #ff983f;
    margin-right: 10px;
    font-weight: 500;
}
.home-blog-date img{
    max-width: 20px;
    margin-right: 5px;
}
/*.home-blog-date:before{
    content: "";
    margin-right: 13px;
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #33ba7e;
}*/
/*Blog List End*/

/*Blog Details End*/
.blog-detail .detail-content .thumbnail_container{
    padding-bottom: 60%;
    background: transparent;
}
.gallery_widget-2{
    padding: 25px;
    background-color: #ffebe8;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
.gallery_widget-2 .related-title {
    font-size: 19px;
    position: relative;
    font-weight: 600;
    margin-bottom: 25px;
    color: #f7831f;
    display: flex;
    align-items: center;
}
/*.gallery_widget-2 .related-title:after{
    content: "";
    margin-left: 13px;
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #33ba7e;
}*/
.blog-post-thumb .thumbnail_container {
    padding-bottom: 100%;
    background: transparent;
}
.blog-post-thumb .thumbnail_container img{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-radius: 5px;
}
.blog-detail-post .blog-post{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
    border-radius: 15px;
}
.blog-detail-post .blog-post:hover .blog-detail-post .blog-pos{
    background-color: red;
}
.blog-detail-post .blog-post:hover{
    
}
.blog-detail-post .blog-post .blog-post-thumb{
    height: 85px;
    width: 85px;
    overflow: hidden;
    margin-right: 20px;
}
.blog-detail-post .blog-post .blog-post-content .blog-post-date{
    color: #4fbf85;
    position: relative;
    display: flex;
    font-size: 11px;
    align-items: center;
}
/*.blog-detail-post .blog-post .blog-post-content .blog-post-date:before{
    content: "";
    margin-right: 13px;
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #f7831f;
}*/
.blog-detail-post .blog-post .blog-post-title a{
    font-weight: 600;
    font-size: 12px;
    color: #f7831f;
}

.blog-detail-post .blog-post .blog-post-subtitle{
    font-size: 11px;
}
.blog-detail{
    background-color: #f1f7fd;
    padding: 80px 0px;
    z-index: 0;
}
/*Blog Details End*/
@media(max-width:768px){
    #phone-num{
        display: block;
    }
}
.blog-btn .primary_button {
    max-width: 130px;
    margin: 15px 0px;
}
.about-btn .primary_button {
    max-width: 140px;
}
.blog-flex{
    display: flex;
}
.blog-list .blog-flex{
    padding: 10px 0px;
}
.blog-post-content .blog-post-date img{
    max-width: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.blog-post-thumb {
    position: relative; /* Ensures the pseudo-element is positioned relative to the container */
    overflow: hidden; /* Clips the pseudo-element within the bounds of the container */
}

.blog-post-thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 51%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3); /* Glass effect */
    opacity: 1;
    pointer-events: none;
    transition: all 400ms linear; /* Smooth transition for hover */
}

.blog-post-thumb:hover:after {
    left: 0;
    right: 0;
    opacity: 0; /* Removes overlay on hover */
}

.country-section .country-list img{
    max-width: 40px;
}

.country-section .country-name{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 7px;
}
/*service detail start*/
.detail_contact_box{
    background: #f7831f;
    padding: 27px;
        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    border-radius: 20px;
}
.detail_contact_box .box .title{
    color: #fff;
    font-size: 24px;
    line-height: 128%;
    display: inline-block;
    position: relative;
    font-weight: 700;
}
.detail_contact_box .box .primary_button.second-btn{
    margin: 20px 20px 0px 0px;
    font-weight: bold;
}
.detail_contact_box .box .primary_button.second-btn:hover i{
         color:#f7831f;
}
.detail_contact_box .box .primary_button.second-btn:hover img{
    filter: invert(53%) sepia(90%) saturate(467%) hue-rotate(341deg) brightness(95%) contrast(104%);
}
.detail_contact_box .box .primary_button.second-btn img{
    width: 23px;
    margin-right: 10px;
}
.detail_contact_box .box .primary_button.second-btn i{
       font-weight: bold;
}
.detail_contact_box .box .primary_button.second-btn:hover{
    background:#fff;
    color:#00264b;
}
.sercive-detail.detail{
        margin: 90px 0px;
}
.sercive-detail.detail .service_sidebar .tab-buttons{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sercive-detail.detail .service_sidebar{
    position: relative;
    z-index: 1;
        border-radius: 20px;
            margin: 0px 0px 25px 0px;
        overflow: hidden;
    background-color:#ffebe8;
        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn.active-btn {
    background-color: #4ebf86;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn:hover .tab-btn__inner{
 color:#fff;   
}

.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn.active-btn .tab-btn__inner {
    color: #ffffff;
    border-color: #DFB947;
}

.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn__inner {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 15px 0 15px 30px;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: relative;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.66;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn__inner  span{
    font-weight: 700;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn__inner::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: -30px;
    transform: translateY(-50%);
    width: 3px;
    height: calc(100% - 49px);
    background-color: #4ebf86;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn {
    position: relative;
    padding: 0 30px;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1;
    margin: 0px;
}
.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn:hover::after {
    left: 0;
    width: 100%;
}

.sercive-detail.detail .service_sidebar .tab-buttons .tab-btn::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4ebf86;
    z-index: -1;
    transition: all 500ms ease;
}

.sercive-detail.detail .content .detail_img .thumbnail_container{
        padding-bottom: 55%;
    overflow: inherit;
    z-index: 1;
}
.sercive-detail.detail .content .detail_img .thumbnail_container img{
        margin: 0px;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
    width:100%;
        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
.sercive-detail.detail .sidebar .sidebar-widget {
    padding: 33px 35px 39px 35px;
    background: #ffebe8;
    border-radius: 20px;
    margin: 25px 0px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
.sercive-detail.detail .sidebar .widget-title .categories-title{
    color: #f7831f;
    font-size: 24px;
    line-height: 120%;
    display: inline-block;
    position: relative;
    font-weight: 700;
    margin: 6px 0px;
}
.sercive-detail.detail .right-side .content{
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sercive-detail.detail .sidebar .widget-content{
    margin: 16px 0px 0px 0px;
}
.sercive-detail.detail .sidebar .widget-content .categories-list li a i{
   position: absolute;
    font-size: 16px;
    font-weight: 600;
    color: #f7831f;
    left: 0px;
    top: 0px;
        line-height: 23px;
    transition: all 500ms ease;
}
.sercive-detail.detail .sidebar .widget-content .categories-list li {
    position: relative;
    padding-left: 52px;
    margin-top: 8px;
    font-size: 15px;
}
.sercive-detail.detail .sidebar .widget-content .categories-list li a:before{
    position: absolute;
    content: '';
    background: #d2dbe4;
    width: 1px;
    height: 100%;
    left: 28px;
    top: 0px;
}
.sercive-detail.detail .content_bottom{
        padding: 0px 10px;
}
.sercive-detail.detail .content_bottom .common-title{
    align-items: start;
        padding: 32px 0px 30px 0px;
}
.sercive-detail.detail .section-title_detail{
      font-weight: 600;
    font-size: 37px;
}
.sercive-detail.detail .content_bottom .title{
        font-size: 28px;
    font-weight: 700;
    margin: 24px 0px;
    color: #000;
}
.sercive-detail.detail .content_bottom .desc{
        font-size: 15px;
    line-height: 28px;
}
@media(max-width:768px){
    .sercive-detail.detail .content_bottom .desc{
        font-size: 13px;
        line-height: 23px;
    }
    .sercive-detail.detail .content_bottom .common-title{
        padding: 20px 0px 10px 0px;
    }
    .sercive-detail.detail .content_bottom .title{
        line-height: 29px;
        font-size: 22px;
        margin: 11px 0px
    }
    .sercive-detail.detail .row{
        flex-direction: column-reverse;
        display: flex;
        gap: 23px;
    }
    .sercive-detail.detail {
        margin: 59px 0px;
    }
    .sercive-detail.detail .right-side .content{
        padding: 20px;
    }
    .sercive-detail.detail .section-title_detail{
        font-size: 24px;
    }
    .sercive-detail.detail .sidebar .widget-title .categories-title{
        font-size: 19px;
    }
    .sercive-detail.detail .sidebar .widget-content .categories-list li{
        font-size: 14px;
        padding-left: 45px;
    }
}


/*slider start*/

.detail-slider-section .image-box .thumbnail_container {
    padding-bottom: 68%;
        background: transparent;
}
.detail-slider-section{
    position: relative;
    padding: 47px 0px 110px 0px;
    border-bottom: 1px solid #e0e6ed;
}
.detail-slider-section .sec-title{
    position: relative;
    margin: 0px 0px 40px 0px;
}
.detail-slider-section .sec-title p , .detail-slider-section .sec-title h2{
        color: #fff;
    text-align: center;
}
.detail-slider-section .layer_detail{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 290px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #4ebf86;
}
.detail-slider-section .sec-title p {
    font-size: 20px;
}
.detail-slider-section .detail-slider .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
}
.detail-slider-section .detail-slider .inner-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    border-radius: 20px;
    box-shadow: inset 0px -130px 60px -40px rgba(0, 0, 0, 0.9);
    z-index: 1;
    transition: all 500ms ease;
}
.detail-slider-section .detail-slider .inner-box .text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 15px 15px 22px 15px;
    z-index: 1;
    transition: all 500ms ease;
}
.detail-slider-section .detail-slider .single-item{
    border-radius: 20px;
    overflow: hidden;
}
.detail-slider-section .detail-slider .inner-box:hover .image-box::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
}
.detail-slider-section .detail-slider .inner-box:hover .image-box img {
    transform: scale(1.05);
}
.detail-slider-section .detail-slider .inner-box .text h4 a {
    color: #fff;
    display: inline-block;
    line-height: 20px;
}
.detail-slider-section .detail-slider .inner-box .text h4 {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
@keyframes circle{
0% {
    opacity: 1;
}
40% {
    opacity: 1;
}
100% {
    width: 200%;
    height: 200%;
    opacity: 0;
}
}
.detail-slider-section .detail-slider .inner-box .image-box::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    z-index: 1;
    background: rgba(255, 255, 255, .2);
    border-radius: 0%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 20px;
    opacity: 0;
}
.detail-slider-section .detail-slider .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}
@media(max-width:768px){
   .detail-slider.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
        display: block;
    }
    .detail-slider-section{
        padding: 47px 0px 20px 0px;
    }
}
/*slider end*/


/*service detail end*/
.country-list a img {
    transition: transform 0.2s ease-in-out; /* Smooth transition for scaling */
}

.country-list a:hover img {
    transform: scale(1.10); /* Slightly scales the flag by 5% */
}

/*Faq's Section Start*/
.faq-section{
    padding-top: 50px;
    padding-bottom: 100px;
    background-color: #fff;
    position: relative;
    z-index: 1; /* Ensure content stays above the background */
}
.faq-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.faq-parent .common-title .section-title{
    color: #4ebf86;
}
.faq-parent .common-title .small-title{
    color: #000;
}
.faq-item {
  margin-bottom: 1rem;
  border: 1px solid #f7831f;
  background-color: #fff;
  box-shadow: 0px 5px 25px 0px rgba(0,0,0,.06);
  border-radius: 10px;
  transition: transform 0.5s ease;
}
.faq-item.active {
    background-color: #ffebe8;
}
.faq-item.active .faq-header {
    background-color: #f7831f; /* Replace with your desired color */
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}
.faq-header {
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  padding: 20px;
  text-align: left;
  cursor: pointer;
  color: #f7831f;
  border-radius: 10px;
  transition: transform 0.5s ease;
}

.faq-header .arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    padding-top: 10px;
    text-align: center;
    background-color: #f7831f;
    transition: transform 0.5s;
}
.arrow-design{
    
}
.faq-content {
  display: none;
  padding: 20px;
  color: #000;
}
.faq-content p{
    font-size: 14px;
}
.faq-item.active .faq-content {
  display: block;
}

.faq-item.active .faq-header .arrow {
  transform: rotate(40deg);
}
.icon {
  font-size: 21px;
  font-weight: bold;
  margin-left: auto;
  transition: transform 0.3s ease;
}
@media(max-width:768px){
    .faq-header{
        padding: 18px;
        font-size: 16px;
    }
    .faq-section{
        padding-top: 50px;
        padding-bottom: 100px;
    }
}
/*Faq's Section Start*/



/*country detail start*/
.country__content h5{
    font-weight: 700;
    font-size: 18px;
}

.country-banner .country-banner-box .country__content .banner-btn .primary_button.second-btn{
    background-color: #4fbf85;
    width: 140px;
    color: #fff;
}
.country-banner .country-banner-box .country__content .banner-btn{
 display: flex;
    gap: 20px;
    margin: 20px 0px;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button{
    color: #4fbf85;
    background-color: #ffffff;
    width: 140px;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button:hover{
    color: #fff;
    background-color: #f7831f;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button i{
    color: #4fbf85;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button.second-btn i{
    color: #fff;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button:hover i{
    color: #fff;
}
.country-banner .country-banner-box .country__content .banner-btn .primary_button.second-btn:hover{
    background: #f8821e;
}

.country-detail-content .content .project-box-pad p{
        font-size: 15px;
    line-height: 28px;
}
.country-detail-content .content .project-box-pad ul li{
   font-size: 15px;
    line-height: 28px;
}
/*.country-detail-content .content .project-box-pad ul li:before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/orange-plane.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(219deg);
}*/
/*.country-detail-content .content .project-box-pad ul li:before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/orange-plane.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(219deg);
}*/
.project-box-pad:before {
   background-image: url(../images/unorder-icon.png);
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-repeat: no-repeat;
    z-index: 999;
    border-radius: 20px 0px 0px 0px;
    background-size: 100%;
    transform: rotate(180deg);
}
.country-banner-box {
    z-index: 2;
}
.country-plane img{
    float: unset;
    max-height: unset;
    max-width: 150px;
    margin-left: 30px; 
}
@media(max-width:768px){
    .country-banner-box {
    top: 7%;

    }
}
/*country detail end*/


/*contact start*/

.cloud1 img{
    width: 100px;
}
.cloud1 {
    position: absolute;
    top: 0px;
    right: -500px;
    opacity: .4;
    animation: cloud1 10s linear 0s infinite reverse;
    z-index: 1;
}
@keyframes cloud1 {
    from {
        right:-500px;
    }
    to {
        right: 102%;
    }
}

.cloud2 img{
    width: 100px;
}
.cloud2 {
    position: absolute;
    top: 80px;
    left: -500px;
    opacity: .4;
    animation: cloud2 10s linear 0s infinite reverse;
    z-index: 1;
}
@keyframes cloud2 {
    from {
        left:-500px;
    }
    to {
        left: 102%;
    }
}
@media(max-width:768px){
    .cloud1,.cloud2{
        display: none;
    }
}
/*contact end*/
.coming-soon .center-box::before{
    display: none;
}
.coming-soon .center-box{
    max-width: 950px;
    position: relative;
    background-color: #4fbf85;
}
.coming-soon .center-box .left-side img{
    max-width: 25%;
    position: absolute;
    top: 0;
    right: 0;
}
.coming-soon .center-box .small-title {
    color: #fff;
    font-size: 68px;
}
.coming-soon .center-box .small-title span{
    color: #fff;
}
.coming-soon .center-box .right-side img{
    max-width: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.coming-soon .center-box .common-title{
    padding: 120px 0px;
}
@media(max-width: 468px){
    .coming-soon .center-box .left-side img {
        max-width: 60%;
    }
    .coming-soon .center-box .right-side img {
        max-width: 60%;
    }
     .coming-soon .center-box .small-title {
        font-size: 36px !important;
    }
    .coming-soon{
        padding: 50px 0px;
    }
}
.main-no-record{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
    background: #f7831f;
    border-radius: 6px;
    box-shadow: 0px 7px 15px #0000001a;
    text-align: center;
    position: relative;
}
.no-record-image img{
    max-width: 300px;
}
.main-no-record .left-side img{
    max-width: 25%;
    position: absolute;
    top: 0;
    right: 0;
}
.main-no-record .right-side img{
    max-width: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media(max-width: 1200px){
    .main-no-record{
        margin-bottom: 60px;
    }
    .no-record{
        font-size: 24px;
    }
    .no-record-image img {
        max-width: 250px;
    }
     .main-no-record .left-side img {
        max-width: 60%;
    }
    .main-no-record .right-side img {
        max-width: 60%;
    }
    .no-record{
       padding: 150px 0px;
    }
}


.pagination{
    margin: 50px 0px;
}
.pagination>.active>span{
    background-color: #f7831f;
    border-color: #f7831f;
}
.pagination>li>a{
    color: #4fbf85;
}
.pagination>.active>span:hover, .pagination>li>a:hover {
    background-color: #4fbf85;
    color: #fff;
    border-color: #4fbf85;
}

body #whatsapp {
    position: fixed;
    bottom: 115px !important;
    right: 15px !important;
    cursor: pointer;
    z-index: 99999;
}
.whatsapp-to-top.show {
    opacity: 1;
    visibility: visible;
    bottom: 160px !important;
    transform: rotate(7deg);
}
.whatsapp-to-top {
    right: 19px !important;
}
.whatsapp-pulse {
    display: flex;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulse{
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}
@media(max-width: 468px){
    body #whatsapp {
        position: fixed;
        bottom: 30px !important;
        right: 22px !important;
    }
}
.country-detail-stemp{
    display: flex;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    max-width: 200px;
    box-shadow: 0 1px 1px hsl(148.93deg 46.67% 52.94%), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(148.93deg 46.67% 52.94%), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}
.country-detail-stemp .stemp-image img{
    max-width: 30px;
    margin-right: 10px;
}
@media(max-width:1199px) {
    .header-btn .primary_button{
       max-width: 150px;
       margin: 10px 0px;
    }
}

/*footer animation*/

#chat_wrap h2{
    animation: text-shadow 3s ease-in-out infinite;
}
#chat_wrap h2:hover {
    animation-play-state: paused;
}
@keyframes text-shadow {
    0% {  
        transform: translateY(0);
    }

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

    40% {  
        transform: translateY(0.5em);
    }
    
   60% {
        transform: translateY(-5);
    }

    80% {  
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #chat_wrap{
      animation: none !important;
      transition: none !important;
    }
}
@media(max-width: 468px){
    .footer-main .footer-center-title a{
            font-size: 31px;
    }
}
/*footer animation*/


.country-list.active{
    background-color: white;
    border-radius: 9px;
}
.country-section .country-list.active .country-name{
    color:#000;
}


.loader-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4fbf85;
}

.preloader {
    width: 80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.png);
    animation: fadeOut 1s ease-in-out forwards; 
    animation-delay: 2s; 
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.loader-wrap .layer {
    position: absolute;
    width: 33.3333%;
    height: 100%;
    overflow: hidden;
    display: none; 
}

.loader-wrap.slides-active .layer {
    display: block; 
}

.loader-wrap .layer .loader-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    animation: slideIn 0.5s ease-in-out forwards;
}

.loader-wrap .layer-one {
    left: 0;
}
.loader-wrap .layer-two {
    left: 33.3333%;
}
.loader-wrap .layer-three {
    left: 66.6666%;
}

@keyframes slideIn {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}