﻿html { font-size: 15px; }

:root { font-size: 100%; --color-primary: #3d983e; --color-secondary: #eb2348; --base-font-size: 100%; --base-text-color: #333; }


:before, :after { font-family: 'FontAwesome'; font-style: normal; }
body { margin: 0 auto; font-size: 0.95rem; overflow-x: hidden; line-height: 23px; font-family: 'Montserrat', sans-serif; color: #333; -webkit-font-smoothing: antialiased; font-weight: 500; -webkit-text-size-adjust: 100%; background: #f8f8f8; }
a:hover, a:focus { color: #034eb7 }
a { color: inherit; }
    a:hover { text-decoration: none; }
.tbl-style { display: table; width: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
h4, h3 { font-weight: 600; }

h1, h2, .h2 { font-size: 3rem; font-weight: 700; color: #000; margin-bottom: 2rem; }
.hd-underline { color: var(--color-primary); font-weight: 600; position: relative; margin-bottom: 2rem; /* font-style: italic; */ font-size: 2rem; display: inline-block; position: relative; text-transform: uppercase; }
    .hd-underline:after, .hd-underline:before {content: '';height: 2px;width: 80px;position: absolute;top: 17px;border-bottom: 2px dashed var(--color-primary);}

    .hd-underline:after { right: -90px; }
    .hd-underline:before { left: -90px; }

    .hd-underline > span { /* color: #000; */ font-weight: 700; position: relative; }
        .hd-underline > span:after { /* content: ''; */ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: var(--color-secondary); }

.sub-hdng { font-weight: 700; font-size: 1.3rem; background: var(--color-secondary); padding: 5px 10px; color: #fff; /* display: inline-block; */ }
.nopadding { padding: 0px !important; }
ul, li {list-style-type: none;padding: 0px;margin: 0px;}
.alert { display: block; padding: 8px 15px; margin-top: 10px; }

.row-0 { margin: 0px; }
    .row-0 > [class^="col"] { padding: 0px }
.row.row-md { margin: 0px -10px }
    .row.row-md > [class^="col"] { padding: 0px 10px; }

.row.row-sm { margin: 0px -5px }
    .row.row-sm > [class^="col"] { padding: 0px 5px }

.carousel-control-next, .carousel-control-prev { height: 80px; line-height: normal; width: 40px; }
.carousel-control-prev-icon, .carousel-control-next-icon { background: none; height: 50px; width: 50px; }
    .carousel-control-prev-icon:before, .carousel-control-next-icon:before { color: #000; font-size: 3rem }
    .carousel-control-prev-icon:before { content: "\f104" }
    .carousel-control-next-icon:before { content: "\f105" }

.btn { border-radius: 1px; height: 3.2rem; line-height: 3.2rem; padding: 0px 1.2rem; font-size: 1rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; position: relative; z-index: 1; overflow: hidden; }
    .btn.btn-solid { background: var(--color-secondary); color: #fff; }
        .btn.btn-solid:after { content: ""; background: #fff; position: absolute; z-index: -1; padding: 0.85em 0.75em; display: block; left: -20%; right: -20%; top: 0; bottom: 0; -webkit-transform: skewX(-45deg) scale(0, 1); transform: skewX(-45deg) scale(0, 1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
        .btn.btn-solid:hover:after { -webkit-transform: skewX(-45deg) scale(1, 1); transform: skewX(-45deg) scale(1, 1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        .btn.btn-solid:hover { color: var(--color-secondary); }

    .btn.btn-outline { border: 2px solid var(--color-secondary); background: transparent; color: var(--color-secondary); position: relative }
        .btn.btn-outline:hover { background: var(--color-secondary); color: #000 }
        .btn.btn-outline:after { content: ""; background: #fff; position: absolute; z-index: -1; padding: 0.85em 0.75em; display: block; left: -20%; right: -20%; top: 0; bottom: 0; -webkit-transform: skewX(-45deg) scale(0, 1); transform: skewX(-45deg) scale(0, 1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
        .btn.btn-outline:hover:after { -webkit-transform: skewX(-45deg) scale(1, 1); transform: skewX(-45deg) scale(1, 1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }


.login-links .nav-item > a { color: var(--color-secondary); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: ease all 0.5s }
    .login-links .nav-item > a:hover { color: #fff; transition: ease all 0.5s; }
    .login-links .nav-item > a:after { content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 0px; background: var(--color-secondary); opacity: 0; visibility: hidden; transition: ease all 0.3s; margin: 0px auto }
    .login-links .nav-item > a:hover:after { width: 100%; opacity: 1; visibility: visible; transition: ease all 0.3s; }

/*header Start*/
.header { padding: 10px 00px; /* box-shadow: 0 0 4px 0 #aaa; */ position: relative; z-index: 2; /* left: 0px; */ /* right: 0px; */ /* top: 33px; */ width: 100%; transition: ease all 0.5s; background: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); padding-bottom: 2.8rem; }
    .header .navbar-brand img { height: 50px; }
    .header .navbar { padding: 0px }
.navbar { padding: 0px; /* box-shadow: 0 3px 17px rgba(51,51,51,0.1); */ background: #fff; border-bottom: 1px solid #ddd; }
    .navbar > .container { position: relative }
.navbar-nav .nav-link { /* color: #fff */ padding-top: .3rem; padding-bottom: .3rem; }
.navbar-collapse {  background: var(--color-primary); border-radius: 5px; position: absolute; z-index: 2; left: 0px; width: 100%; overflow: hidden; }
.navbar-expand-lg .navbar-nav .nav-link {padding: 14px 22px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;color: #fff;font-size: 16px;position: relative;/* z-index: 10; */letter-spacing: 0px;border-left: 1px solid rgba(255,255,255,0.2);}
    .navbar-expand-lg .navbar-nav .nav-link > span, .navbar-expand-lg .navbar-nav .nav-link > i { position: relative; z-index: 5 }
    .navbar-expand-lg .navbar-nav .nav-link::after { /* content: ""; */ background: #ddf2f9; width: 100%; height: 100%; /* border-radius: 50%; */ position: absolute; bottom: 0px; left: -102%; opacity: 0; -ms-filter: 0; -webkit-transition: ease all 0.3s; transition: ease all 0.3s; /* margin: 0 2px; */ z-index: -1; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); /* overflow: hidden; */ }
    .navbar-expand-lg .navbar-nav .nav-link::after { right: 0%; padding: 0px; border: 0px; /* left: inherit */ }
    .navbar-expand-lg .navbar-nav .nav-link:hover::after { visibility: visible; opacity: 1; left: 0px;  z-index: 2; }
    .navbar-expand-lg .navbar-nav .nav-link:hover::before { -ms-filter: 1;  }
    .navbar-expand-lg .navbar-nav .nav-link:hover { }
.navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link {}
.header.sticky { /* position: fixed; */ /* top: 0px; */ /* background: rgba(0,0,0,0.9); */ /* padding: 0px; */ /* transition:ease all 0.5s; */ /* box-shadow: 5px 0px 5px 2px rgba(0,0,0,0.2); */ }
    .header.sticky .navbar-brand img { height: 41px; }
    .header.sticky .navbar-expand-lg .navbar-nav .nav-link { padding-top: 20px; padding-bottom: 20px }

@media screen and (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu { display: block; padding: 0px; /* z-index: 15; */ }
}

.navbar-expand-lg .navbar-nav .dropdown-menu { top: 57px; border-radius: 5px; /* background: rgb(254, 230, 28); */ /* border-top: 4px solid var(--color-secondary); */ /* border-bottom: 4px solid var(--color-secondary); */ left: -83px; width: 287px; box-shadow: 0px 10px 11px 1px rgba(0,0,0,0.2); }
.dropdown-menu .dropdown-item { padding: 10px 15px; /* padding-bottom:10px; */ border-bottom: 1px solid #ddd; font-size: 14px; text-transform: uppercase; font-weight: 600; color: var(--color-primary); white-space: normal; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: #ddf2f9; box-shadow: none; outline: none; }
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle:hover:after, .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle:hover:before { display: none }
.navbar-expand-lg .navbar-nav .dropdown-menu:before, .navbar-expand-lg .navbar-nav .dropdown-menu:after { content: ''; z-index: 2; width: 0; left: 40%; top: -14px; position: absolute; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 14px solid rgb(255 255 255); }
.navbar-expand-lg .navbar-nav .dropdown-menu:after { border-bottom: 14px solid #ddd; top: -15px; z-index: 1 }
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link:before, .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link:after { display: none }


#home .nav-home::after,
#about .nav-about::after,
#products .nav-product::after,
#services .nav-service::after,
#career .nav-career::after,
#accreditations .nav-accreditations::after,
#rules-regulations .nav-rules-regulations::after,
#faqs .nav-faqs::after,
#career .nav-career::after,
#contact .nav-contact::after { visibility: visible; opacity: 1; bottom: 0; z-index: 2; left: 0px; }

.cont-list {margin-bottom: 0px;padding-top: 13px;}
    .cont-list > li { position: relative }
        .cont-list > li div {padding-left: 4.1rem;margin-top: 5px;}
        .cont-list > li h4 {font-size: 1.1rem;color: var(--color-secondary);}
        .cont-list > li h5 {font-size: 0.95rem;font-weight: 400;margin: 0px;}
        .cont-list > li img {position: absolute;left: 10px;bottom: 0px;height: 47px;}

/*header End*/


/*Banner start*/
.sec-banner { position: relative }
    .sec-banner > figure { margin: 0px; height: 100vh; max-height: 500px; overflow: hidden; position: relative; }
        .sec-banner > figure:after { /* content: ''; */ height: 100%; width: 100%; position: absolute; left: 0px; background-color: rgba(0,0,0,0.3); }
        .sec-banner > figure > img { width: 100%; height: 100%; object-fit: cover; }
.banner-cont { position: absolute; left: 0px; bottom: 0px; width: 100%; right: 0px; height: 100%; }
    .banner-cont .banner-text-cont { /* position: absolute; */ /* left: 10%; */ /* bottom: 35%; */ width: 53%; padding-top: 17%; }
        .banner-cont .banner-text-cont > h1 { color: #fff; text-shadow: 0px 0px 4px rgba(0,0,0,0.2); font-size: 3.5rem; margin-bottom: 1rem; /* letter-spacing: 1px; */ /* -webkit-clip-path: polygon(10% 0, 100% 0, 100% 53%, 75% 100%, 0 100%, 0 21%); */ /* clip-path: polygon(10% 0, 100% 0, 100% 53%, 75% 100%, 0 100%, 0 21%); */ text-transform: uppercase; font-weight: 800; display: inline-block; /* width: inherit; */ }
            .banner-cont .banner-text-cont > h1 > span { color: var(--color-secondary) }
        .banner-cont .banner-text-cont > p { color: #fff; text-align: justify; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 20px; }
    .banner-cont .banner-img-cont { /* position: absolute; */ /* right: 0px; */ /* bottom: 30%; */ /* right: 10%; */ /* width: 30%; */ }
        .banner-cont .banner-img-cont > figure { margin: 0px }
            .banner-cont .banner-img-cont > figure img { width: 100% }
.x_row-separator { position: absolute; width: 100%; left: 0; z-index: 1; line-height: 0; bottom: -1px; }
    .x_row-separator svg { fill: #F8F8F8; height: 50px; width: 100%; }



.inner-page .sec-banner > figure { height: 20rem; }
.inner-page article + article { margin-top:40px}
.inner-page article h3 {font-weight:700}

/*Banner End*/


.hero-style-1 .container, .hero-style-2 .container, .hero-style-3 .container{position:relative; z-index:2}

/*--------------------------------------------------------------
#0.4	hero slider
--------------------------------------------------------------*/
.hero-slider { width: 100%; height: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; }

@media (max-width: 991px) {
    .hero-slider { height: 600px; }
}

@media (max-width: 767px) {
    .hero-slider { height: 500px; }
}

.hero-slider .swiper-slide { overflow: hidden; color: #fff; }

.hero-slider .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.hero-slider .slide-inner,
.hero-slider .hero-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; }

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {background: rgba(255, 255, 255, 0.3);width: 60px;height: 60px;line-height: 60px;margin-top: -30px;text-align: center;/* border-radius: 60px; */}

@media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next { display: none; }
}

.hero-slider .swiper-button-prev { left: 25px; }

    .hero-slider .swiper-button-prev:before {content: "\f0d9";font-size: 30px;color: #fff;}

.hero-slider .swiper-button-next { right: 25px; }

    .hero-slider .swiper-button-next:before {content: "\f0da";font-size: 30px;color: #fff;}

.hero-slider .swiper-pagination-bullet { width: 10px; height: 10px; text-align: center; line-height: 15px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); }

.hero-slider .swiper-pagination-bullet-active { color: #fff; background: #6ccb82; }

.hero-slider .swiper-pagination-bullets,
.hero-slider .swiper-pagination-fraction { bottom: 20px; }

/*--------------------------------------------------------------
	#hero-style-1
--------------------------------------------------------------*/
.hero-style-1, .hero-style-2, .hero-style-3 {height: calc(100vh - 134px); /*** bottom-links ***/}

@media (max-width: 991px) {
    .hero-style-1, .hero-style-2, .hero-style-3 { height: 600px; }
}

@media (max-width: 767px) {
    .hero-style-1, .hero-style-2, .hero-style-3 { height: 500px; }
}

@media screen and (min-width: 992px) {
    .hero-style-1 .container, .hero-style-2 .container, .hero-style-3 .container {padding-top: 38px;position: relative;z-index: 2;}
}

.hero-style-1 .slide-inner, .hero-style-2 .slide-inner, .hero-style-3 .slide-inner { text-align: center; }
.slide-inner:after{content:''; position:absolute; height:100%; width:100%; left:0px; top:0px; background:rgba(0,0,0,0.5)}

.hero-style-1 .slide-title, .hero-style-2 .slide-title, .hero-style-3 .slide-title { max-width: 790px; margin: 0 auto; }

    .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 {font-size: 82px;font-size: 4em;font-weight: bold;color: #fff;margin: 0 0 0.24em;text-transform: uppercase;}

@media (max-width: 1199px) {
    .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 62px; font-size: 3.875rem; }
}

@media (max-width: 991px) {
    .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 50px; font-size: 3.125rem; }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 35px; font-size: 2.1875rem; }
}

.hero-style-1 .slide-text, .hero-style-2 .slide-text, .hero-style-3 .slide-text { max-width: 800px; margin: 0 auto; }

    .hero-style-1 .slide-text p, .hero-style-2 .slide-text p, .hero-style-3 .slide-text p { font-size: 22px; font-size: 1.375rem; font-weight: 600; color: #fff; margin: 0 0 1.63em; }

@media (max-width: 767px) {
    .hero-style-1 .slide-text p, .hero-style-2 .slide-text p, .hero-style-3 .slide-text p { font-size: 17px; font-size: 1.0625rem; }
}

.hero-style-1 .bottom-links, .hero-style-2 .bottom-links, .hero-style-3 .bottom-links { background: #fff; border-bottom: 1px solid #ebebeb; z-index: 10; position: absolute; left: 0; bottom: 0; overflow: hidden; }

@media (max-width: 991px) {
    .hero-style-1 .bottom-links, .hero-style-2 .bottom-links, .hero-style-3 .bottom-links { display: none; }
}

.hero-style-1 .bottom-links > div, .hero-style-2 .bottom-links > div, .hero-style-3 .bottom-links > div { float: left; }

    .hero-style-1 .bottom-links > div:last-child, .hero-style-2 .bottom-links > div:last-child, .hero-style-3 .bottom-links > div:last-child { border-left: 1px solid #ebebeb; }

.hero-style-1 .bottom-links a, .hero-style-2 .bottom-links a, .hero-style-3 .bottom-links a { min-width: 245px; display: block; padding: 30px 25px 25px 60px; position: relative; }

.hero-style-1 .bottom-links .fi:before, .hero-style-2 .bottom-links .fi:before, .hero-style-3 .bottom-links .fi:before { font-size: 35px; font-size: 2.1875rem; color: #6ccb82; }

.hero-style-1 .bottom-links i, .hero-style-2 .bottom-links i, .hero-style-3 .bottom-links i { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.hero-style-1 .bottom-links h4, .hero-style-2 .bottom-links h4, .hero-style-3 .bottom-links h4 { font-size: 16px; font-size: 1rem; font-weight: bold; margin: 0; }

.hero-style-1 .bottom-links p, .hero-style-2 .bottom-links p, .hero-style-3 .bottom-links p { font-size: 14px; font-size: 0.875rem; margin: 0; }

.hero-style-1 .bottom-links a:hover, .hero-style-2 .bottom-links a:hover, .hero-style-3 .bottom-links a:hover { background-color: #6ccb82; }

    .hero-style-1 .bottom-links a:hover .fi:before, .hero-style-2 .bottom-links a:hover .fi:before, .hero-style-3 .bottom-links a:hover .fi:before,
    .hero-style-1 .bottom-links a:hover p,
    .hero-style-2 .bottom-links a:hover p,
    .hero-style-3 .bottom-links a:hover p,
    .hero-style-1 .bottom-links a:hover h4,
    .hero-style-2 .bottom-links a:hover h4,
    .hero-style-3 .bottom-links a:hover h4 { color: #fff; }

.hero-style-1 .pagi, .hero-style-2 .pagi, .hero-style-3 .pagi {background-color: #fff;width: 150px;height: 85px;border-bottom: 1px solid #ebebeb;position: absolute;right: 0;bottom: 0;z-index: 1;}

@media (max-width: 991px) {
    .hero-style-1 .pagi, .hero-style-2 .pagi, .hero-style-3 .pagi { display: none; }
}

.hero-style-1 .swiper-button-prev, .hero-style-2 .swiper-button-prev, .hero-style-3 .swiper-button-prev,
.hero-style-1 .swiper-button-next,
.hero-style-2 .swiper-button-next,
.hero-style-3 .swiper-button-next {width: 40px;height: 40px;line-height: 35px;margin-top: 0;text-align: center;/* border-radius: 60px; */border: 2px solid #6ccb82;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

@media (max-width: 767px) {
    .hero-style-1 .swiper-button-prev, .hero-style-2 .swiper-button-prev, .hero-style-3 .swiper-button-prev,
    .hero-style-1 .swiper-button-next,
    .hero-style-2 .swiper-button-next,
    .hero-style-3 .swiper-button-next { display: none; }
}

.hero-style-1 .swiper-button-prev:hover, .hero-style-2 .swiper-button-prev:hover, .hero-style-3 .swiper-button-prev:hover,
.hero-style-1 .swiper-button-next:hover,
.hero-style-2 .swiper-button-next:hover,
.hero-style-3 .swiper-button-next:hover { background-color: #6ccb82; }

.hero-style-1 .swiper-button-prev, .hero-style-2 .swiper-button-prev, .hero-style-3 .swiper-button-prev { left: 30px; }

    .hero-style-1 .swiper-button-prev:before, .hero-style-2 .swiper-button-prev:before, .hero-style-3 .swiper-button-prev:before {/* font-family: "Flaticon"; *//* content: "\f128"; *//* font-size: 13px; */color: #6ccb82;}


.hero-style-1 .swiper-button-next,
.hero-style-2 .swiper-button-next,
.hero-style-3 .swiper-button-next { right: 30px; }

    .hero-style-1 .swiper-button-next:before, .hero-style-2 .swiper-button-next:before, .hero-style-3 .swiper-button-next:before {/* font-family: "Flaticon"; *//* content: "\f129"; *//* font-size: 13px; */color: #6ccb82;}

    .hero-style-1 .swiper-button-prev:hover:before, .hero-style-2 .swiper-button-prev:hover:before, .hero-style-3 .swiper-button-prev:hover:before,
    .hero-style-1 .swiper-button-next:hover:before,
    .hero-style-2 .swiper-button-next:hover:before,
    .hero-style-3 .swiper-button-next:hover:before { color: #fff !important; }

@media screen and (min-width: 992px) {
    .hero-style-1 .swiper-pagination, .hero-style-2 .swiper-pagination, .hero-style-3 .swiper-pagination { display: none; }
}

.link-more:after, .link-more:before { content: ''; position: absolute; transition: transform .5s ease; }
.link-more { font-weight: 600; padding: 10px 20px; color: #0d2668; display: inline-block; overflow: hidden; position: relative }
    .link-more:before, .link-more:after { left: 0; width: 100%; height: 1px; background: #0d2668; }
    .link-more:before { bottom: 0; transform: translateX(-100%); }
    .link-more:after { top: 0; transform: translateX(100%); }
    .link-more:hover:before, .link-more:hover:after, .image-box-wrap:hover .link-more:before, .image-box-wrap:hover .link-more:after { transform: translateX(0); }


figure.pull-right { padding-left: 30px; padding-bottom: 10px }
    figure.pull-right img {border-radius:5px}
/*Notes Start*/
.notes { padding: 35px 0px; background: var(--color-secondary); font-weight: 600; font-size: 16px; }
    .notes p { line-height: 30px; }
    .notes .tbl-style .table-cell:last-child { width: 25%; text-align: right; }
.btn-border { padding: 15px 30px; border: 2px solid #0f3a5d; font-size: 24px; border-radius: 5px; display: inline-block; color: #0f3a5d; font-weight: 600; }
    .btn-border:hover { background: #0f3a5d; color: var(--color-secondary); }
/*Notes End*/

/*Services Start*/
.sec-service { position: relative; padding: 4rem 0px; z-index: 2; padding-bottom: 6rem; }
.ht-box-images { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .ht-box-images:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
        .ht-box-images:hover .image-box-wrap {background: #ffe5ea;/* color: rgba(255,255,255,0.8); */}
            .ht-box-images:hover .image-box-wrap .default-image img {/* filter: brightness(0.25); *//* filter: saturate(3); *//* filter: grayscale(100%); */filter: contrast(160%);/* filter: brightness(0.25); *//* filter: invert(100%); *//* filter: sepia(100%); *//* filter: hue-rotate(720deg); *//* filter: opacity(50%); */}
            .ht-box-images:hover .image-box-wrap p.text { /* color: #000 */ }
        .ht-box-images:hover .ht-box-images .image-box-wrap .box-heading { color: #000 }

    .ht-box-images .image-box-wrap {-webkit-box-shadow: 0 18px 40px rgba(51,51,51,0.1);box-shadow: 0 18px 40px rgba(51,51,51,0.1);background: #ffffff;border-radius: 5px;padding: 30px 30px 30px;-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);/* margin-top: 50px; */overflow: hidden;position: relative;}
    .ht-box-images .box-tagline { position: absolute; right: 0px; top: 0px; height: 120px; width: 120px; text-align: right; padding-right: 15px; padding-top: 15px; }
        .ht-box-images .box-tagline > span { position: relative; z-index: 1; font-weight: 700; /* transform: rotate(45deg); */ text-transform: uppercase; /* font-style: italic; */ }
        .ht-box-images .box-tagline:after { content: ''; transition: ease all 0.5s; position: absolute; background: var(--color-secondary); height: 100%; width: 130%; right: -25px; top: -31px; border-radius: 60px 40px; transform: rotate(26deg); }
    .ht-box-images:hover .box-tagline:after { background: #000; transition: ease all 0.5s; }
    .ht-box-images:hover .box-tagline > span { color: #fff }
    .ht-box-images .image-box-wrap .box-image {position: relative;margin-bottom: 21px;}
        .ht-box-images .image-box-wrap .box-image figure { display: inline-block; margin: 0px; position: relative; }
            .ht-box-images .image-box-wrap .box-image figure:before {/* content: ''; */height: 86px;width: 86px;background: #e6f5f8;position: absolute;left: 0px;border-radius: 50%;left: 0px;top: -6px;}
        .ht-box-images .image-box-wrap .box-image img {transition: ease all 0.5s;/* width: 76px; */height: 116px;object-fit: contain;position: relative;/* margin-left: 2rem */}
    .ht-box-images .image-box-wrap .content .box-images-arrow { display: inline-block; margin-top: 17px; font-size: 0.9rem; font-weight: 500; }
        .ht-box-images .image-box-wrap .content .box-images-arrow a { /* color: #0d2668; */ /* padding-left: 0px; */ }
    .ht-box-images .image-box-wrap p.text { font-size: 0.9rem; /* color: #888; */ margin: 0px; transition: ease all 0.5s; /* text-align: justify */ }
        .ht-box-images .image-box-wrap p.text strong { font-weight: 600 }
    .ht-box-images .image-box-wrap .box-heading { font-size: 1.43em; margin-bottom: 12px; font-weight: 700; color: #333; }
/*Services End*/

.processing-contact-us-bg { position: relative; background-color: #0c2667; background-image: url(../images/bg-contact-us.jpg); background-repeat: no-repeat; background-position: bottom right; padding: 6rem 0px; padding-bottom: 10rem; background-size: 100%; /* background-attachment: fixed; */ }
    .processing-contact-us-bg:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #088d54; opacity: 0.3; }
    .processing-contact-us-bg .container { position: relative; z-index: 2 }
.conact-us-wrap-one .heading { position: relative; padding-left: 34px; font-weight: 700; line-height: 1.4; font-size: 2.5rem; letter-spacing: 1px; }
.conact-us-wrap-one .sub-heading { margin-top: 15px; /* font-size: 18px; */ margin-left: 34px; color: rgba(255,255,255,0.8); line-height: 1.6rem; }
.conact-us-wrap-one .heading::before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 94%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--color-secondary); }
.contact-info-two { padding-left: 1rem }
    .contact-info-two .call-us { color: var(--color-secondary); }
        .contact-info-two .call-us a:hover { color: #fff }
    .contact-info-two .heading { color: rgba(255,255,255,0.8); }
    .contact-info-two .icon { color: #fff; font-size: 4rem; line-height: normal; position: absolute; left: -100px; top: 50%; transform: translateY(-50%); }
    .contact-info-two h5 { color: #fff; font-size: 2.2rem; line-height: 4rem; font-weight: 700; text-shadow: 0px 0px 4px rgba(0,0,0,0.3); }
        .contact-info-two h5 a { background: #088d54; font-weight: 700; padding: 3px 6px; }
            .contact-info-two h5 a:hover { color: rgba(255,255,255,0.5) }
    .contact-info-two .btn-secondary:hover { background: #d2a98e; color: #ffffff; }
/*About us start*/
.sec-about {padding: 6rem 0px;/* padding-top: 6rem; *//* text-align: center; *//* padding-bottom: 4rem; *//* padding-top: 0px; *//* margin-top: -4rem; */position: relative;z-index: 2;background: #fff;}
.about-cont {/* background: #fff; *//* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); *//* padding: 3rem; *//* border-radius: 2px; */}
.sec-about h2, .about .h2 { margin-top: 0px; }
.sec-about p {/* font-size: 1rem; */color: #555;text-align: justify;}
    .sec-about p .subtitle { font-size: 18px; font-weight: 700 }
.sec-about .hd-underline:before,.sec-about .hd-underline:after { display:none}
.sec-about figure { margin:0px; position:relative}
    .sec-about figure img {border-radius:2px}

/*About us end*/

.our-clients { padding: 80px 0px; text-align: center; margin: 0px auto; }
    .our-clients h2 { margin-top: 0px; margin-bottom: 30px; }
    .our-clients img { margin-top: 10px; }

    .our-clients .logo-box { background: #eee; padding: 20px; text-align: center; }
    .our-clients .logo-cont { width: 90%; margin: 0px auto; }
.logo-cont ul { padding: 0px; margin: 0px; }
    .logo-cont ul li { display: inline-block; width: 19% }

.sec-partner-university { padding: 8rem 0px; background: #e7edfb; text-align: center; padding-bottom: 12rem; }
    .sec-partner-university .slick-slider figure { height: 110px; width: 110px; /* background:#fff; */ text-align: center; display: block; margin: 0px auto; }
        .sec-partner-university .slick-slider figure img { width: 100%; height: 100%; object-fit: cover; background: #fff; padding: 15px; border-radius: 2px; margin: 0px auto; }
.slick-next:before { content: "\f0da"; color: #000 }
.slick-prev:before { content: "\f0d9"; color: #000 }
.slick-dots li button:before { content: '•' }

.sec-testimonials { padding: 6rem 0px; text-align: center; position: relative; padding-top: 0px; }
.testimonial-cont { background: #fff; padding: 4rem; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; margin-top: -5rem; }
.sec-testimonials .testimonial-caption { padding: 0px 8% }
    .sec-testimonials .testimonial-caption .fa { font-size: 20px; display: inline-block; background: #0c2667; height: 60px; line-height: 58px; width: 60px; border-radius: 50%; color: #fff; margin-bottom: 12px; }
    .sec-testimonials .testimonial-caption h3 { color: #555; font-size: 16px; }
        .sec-testimonials .testimonial-caption h3 span { display: block; font-size: 14px; font-weight: 400; color: #999; text-align: justify }
    .sec-testimonials .testimonial-caption p { height: 150px; margin: 0px auto; margin-top: 20px; width: 100%; }
    .sec-testimonials .testimonial-caption figure { text-align: center }
        .sec-testimonials .testimonial-caption figure > img { overflow: hidden; object-fit: cover; height: 60px; width: 60px; border-radius: 50%; margin: 0px auto; }


.social-list { margin: 0px }
    .social-list > li { display: inline-block }
        .social-list > li > a {font-size: 16px;margin-right: 10px;height: 30px;width: 30px;/* background: var(--color-secondary); */display: inline-block;text-align: center;line-height: 30px;border-radius: 2px;color: #fff;border: 1px solid rgba(255,255,255,0.5);}
            .social-list > li > a:hover { /* color: var(--color-secondary) */ background: #35b08d; }
.socials { padding: 30px 0px; background: var(--color-secondary); text-align: center; position: relative; overflow: hidden }
    .socials ul { padding: 0px }
        .socials ul li { list-style: none; display: inline-block; padding: 0px 20px; }
            .socials ul li a { font-size: 40px; color: #000; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
                .socials ul li a:hover { color: #fff; text-shadow: 2px 2px 4px #000000; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.sec-counter { border-top: 1px solid #ddd; padding: 3rem 0px; background: #fff; }
.counter-cont { position: relative }
    .counter-cont .counter-icon { position: absolute; left: 0px; top: 0px; }
        .counter-cont .counter-icon img { height: 70px }
    .counter-cont .counter-content { padding-left: 6rem; padding-top: 10px; }
        .counter-cont .counter-content > label { display: block; font-size: 1rem; font-weight: 600; color: #999; margin-top: 9px; }
        .counter-cont .counter-content > span { display: block; font-size: 2rem; font-weight: 700; color: var(--color-primary); }

.footer {padding-top: 6rem;padding-bottom: 10px;position: relative;color: #ccc;overflow: hidden;background: var(--color-secondary);/* margin-top: 3rem; *//* background: url(../images/bg-footer.jpg); */background-size: cover;/* border-top: 10px solid var(--color-secondary); */position: relative;}
    .footer:after { content: ''; position: absolute; left: 0px; top: 0px; background: rgba(2,31,78,0.37); width: 100%; height: 100%; z }
    .footer .container { z-index: 2; position: relative }
.ftr-form { padding: 0px 15px; }
    .ftr-form:before { content: ''; height: 100%; width: 1px; background: rgba(255,255,255,0.1); position: absolute; left: -10px; }
    .ftr-form h3 { margin-top: 0px; color: #fff; }
    .ftr-form input[type=text], .ftr-form input[type=number], .ftr-form textarea { background: transparent; padding: 9px 18px; border-radius: 2px; width: 100%; border: 0px; margin-bottom: 15px; border: 1px solid #555; color: rgba(255,255,255,0.8) }
    .ftr-form input[type=button] { /* background: var(--color-secondary); */ /* padding: 5px 15px; */ /* border: 0px; */ /* color: #000; */ /* border-radius: 3px; */ /* font-weight: 600; */ height: 3rem; line-height: 3rem; }
.ftr-lnks { /* margin-bottom: 30px; */ }
footer h4 { color: #fff; font-size: 1.3rem; margin-bottom: 1rem; }
.ftr-lnks ul { padding: 0px; list-style-type: none; }
    .ftr-lnks ul li { padding: 2px 0px; }
    .ftr-lnks ul a { /* font-size: 14px; */ color: rgba(255,255,255,0.9); /* font-size: 0.8rem; */ }
        .ftr-lnks ul a:hover { color: var(--color-secondary); }
.cp-rt { color: rgba(255,255,255,0.5); font-size: 0.9rem; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 2rem; }


.background-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; overflow: hidden; }
    .background-wrapper .background { height: 100%; width: 100%; }

.background--particles { overflow: hidden; width: 120%; height: 120%; }

.sticky-container { padding: 0; margin: 0; position: fixed; left: -170px; top: 25%; width: 210px; z-index: 99; }
    .sticky-container ul li { background: #fff; padding: 5px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1 ); border-radius: 0px 5px 5px 0px; transition: .5s ease all; margin-bottom: 2px; text-align: right; }
        .sticky-container ul li:hover { transition: .5s ease all; margin-right: -115px; }
        .sticky-container ul li > a { display: block; }
            .sticky-container ul li > a span { display: inline-block; margin-right: 8px; margin-top: 3px }
        .sticky-container ul li i { display: inline-block; height: 30px; width: 30px; background: #ccc; border-radius: 4px; text-align: center; line-height: 30px; color: #fff; float: right; }
        .sticky-container ul li:after { content: ''; display: block; clear: both }
        .sticky-container ul li.li-Whatsapp i { background: #45c256; }
        .sticky-container ul li.li-facebook i { background: #3b5998; }
        .sticky-container ul li.li-twitter i { background: #00acee; }
        .sticky-container ul li.li-linkedin i { background: #0e76a8; }

/*Inner pages start*/

.quote-cont {position: relative;/* padding: 30px; */color: #999;line-height: 1.8rem;margin-bottom: 2rem;font-weight: 600;font-size: 1.4rem;}
    .quote-cont:before {content: "\f10d";position: relative;left: 0px;top: -6px;margin-right: 6px;}
    .quote-cont:after {content: "\f10e";position: relative;right: 0px;bottom: 0px;margin-left: 6px;}

.inner-page p { /* color: #777; */ }
    .inner-page p a { font-weight: 600 }
        .inner-page p a:hover { text-decoration: underline }
.inner-page h2, .inner-page h1 { /* font-size: 40px; */ margin: 15px 0px; }
.inner-page .sec-counter { margin-top: 3rem }
    .inner-page .sec-counter:before { content:''; display:block; clear:both}
.bnr-heading {position: relative;/* border-top: 1px solid #ddd; *//* border-bottom: 1px solid #ddd; *//* text-align: center; *//* color: #ffffff; *//* margin-bottom: 30px; *//* background-size: 100%; *//* background-image: url('../images/bg-05.jpg'); *//* height: 250px; *//* padding-top: 190px; *//* text-align: left; */text-align: center;margin-top: -28px;margin-bottom: 2rem;/* margin-top: 2rem; */border-radius: 2px;background: #fff;box-shadow: 0 0 5px 0px rgba(51,51,51,0.1);}

    .bnr-heading img { width: 100%; }
    .bnr-heading h2, .heading h1 { /* font-size: inherit; */ /* color: #000; */ /* text-transform: uppercase; */ /* font-weight: 800 !important; */ position: relative; z-index: 2; padding-bottom: 0px; /* margin-bottom: -8px; */ /* background: #fff; */ /* display: inline-block; */ /* padding: 1rem 3rem; */ /* border-radius: 5px; */ /* box-shadow: 0 18px 40px rgba(51,51,51,0.1); */ }
    .bnr-heading p { text-align: center; /* color: #777; */ }
.aboutus h4, h1.type1 { font-size: 28px; text-align: center; color: #0c2667; padding-bottom: 30px; border-bottom: 1px dashed #ddd; line-height: 50px; margin-bottom: 40px; margin-top: 0px; font-weight: 700; }
.aboutus h2 { font-size: 28px; font-weight: 700; }

aside { position: sticky; top: 0px; margin-top: 30px; }
    aside > section { background: #35b08d; padding: 1rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; color: #fff; padding-bottom: 5px; }
        aside > section.bg-yellow { background: #1eb8d8 }
        aside > section.bg-red { background: #c58c1a }
        aside > section + section { margin-top: 1rem }
        aside > section h4 { font-size: 1.2rem }
.services-pg p { color: #555; font-size: 15px; }
.services-pg h3 { margin-bottom: 20px; font-weight: 700; color: #333; font-size: 26px; border-bottom: 3px solid var(--color-secondary); display: inline-block; padding-bottom: 5px; }
.service-list { /* padding-right: 40px; */ /* border-right: 1px solid #ddd; */ /* position: sticky; */ /* top: 0px; */ height: 100%; /* background: #eee; */ }
    .service-list > ul { list-style-type: none; padding-left: 0px; position: sticky; top: 70px; margin: 0px; }
        .service-list > ul ul li a:before { content: "\f0a9"; position: absolute; left: 0px; top: 8px }
        .service-list > ul ul li a { padding: 6px 0px; display: block; font-size: 0.9rem; font-weight: 400; position: relative; color: rgba(255,255,255,0.8); padding-left: 20px; line-height: normal; z-index: 1 }
        .service-list > ul ul li:last-child a { border-bottom: 0px; }
        .service-list > ul ul li a:hover { color: #fff; }
        .service-list > ul ul li.active a:after { /* content: ''; */ position: absolute; bottom: 0px; height: 3px; background: var(--color-secondary); width: 100%; left: 0px; }
        .service-list > ul ul li.active a:before { content: ''; position: absolute; top: 0px; height: 100%; background: var(--color-secondary); width: 4px; right: -2px; z-index: 2; }
        .service-list > ul ul li.active a { color: #0c2667; /* border: 0px; */ }

        .service-list > ul ul li { position: relative }



.service-list > ul > li > a { color: #fff; border-top: 1px solid #ddd; display: block; padding: 8px 0px; line-height: normal }
    .service-list > ul > li > a:hover { color: rgba(0,0,0,0.7); f }
/*Inner pages end*/

.service-cont .row + .row { margin-top: 10rem; }
.service-cont .white-box + .white-box { margin-top: 2rem }
.service-cont .left-sec { padding: 0px 1rem; padding-right: 7%; position: relative; /* padding-top: 4rem; */ }
    .service-cont .left-sec:after { content: ''; position: absolute; background: #fff; width: 150%; height: 103%; top: 20px; left: 0px; z-index: -1; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; }
.service-cont .right-sec { padding: 0px 1rem; padding-left: 7%; /* padding-top: 2rem; */ position: relative; /* padding-top: 4rem; */ }
    .service-cont .right-sec:after { content: ''; position: absolute; background: #fff; width: 150%; height: 103%; top: 20px; right: 0px; left: -50%; z-index: -1; box-shadow: 0 18px 40px rgba(51,51,51,0.1); border-radius: 5px; /* padding-left: 25%; */ }
.service-cont .service-image { margin: 0px; height: 300px; text-align: center; }
.service-image > img { width: 100%; height: 100%; object-fit: contain; }
.service-cont .order-md-1 figure { text-align: right }

.service-info h3 { font-weight: 700; margin-bottom: 2rem; color: #0c2667; }
.service-info p { color: #999; font-size: 1rem; line-height: 1.5rem }
.white-box { background: #fff; box-shadow: 0px 0px 10px 0px rgba(51,51,51,0.1); border-radius: 5px; padding: 2rem; }
/*Contact us start*/
address ul { list-style-type: none; padding-left: 0px; }
    address ul li { padding: 11px; position: relative; padding-left: 49px; line-height: 25px; }
        address ul li:first-child { padding-top: 5px }
        address ul li strong { font-weight: 500 }
        address ul li .fa { position: absolute; left: 0px; font-size: 2rem; top: 6px; /* background: var(--color-secondary); */ /* color: #000; */ display: inline-block; /* border-radius: 50%; */ line-height: 40px; height: 40px; width: 40px; text-align: center; /* box-shadow: 0 0px 5px 3px rgba(51,51,51,0.1); */ }
            address ul li .fa.fa-envelope-o { font-size: 1.8rem; }
.get-in-tch p { font-size: 14px; text-align: left; }
.get-in-tch h4 { font-size: 1.2rem; line-height: 1.8rem }

.cont-form { background: #fff; padding: 30px; /* border: 1px solid #ddd; */ border-radius: 5px; box-shadow: 0 13px 30px rgba(51,51,51,0.1); }
    .cont-form .form-group { margin-bottom: 1.5rem }
    .cont-form h6 { font-weight: 600; text-transform: uppercase; color: #aaa; font-size: 14px; letter-spacing: 1px; }
    .cont-form .form-control { font-size: inherit; box-shadow: none; /* border-radius: 0px; */ border: 0px; border: 1px solid #ddd; padding-left: 0px; background: #f8f8f8; padding: 10px 10px; }
        .cont-form .form-control.err { border-bottom: 1px solid #c12e2e; }
    .cont-form label { /* font-size: 14px; */ }



.feedback-form, .overlay { z-index: 100; position: fixed }
.feedback-form { top: 20%; right: 0 }
.cnt-form { transition: all .4s; padding: 20px; margin-right: -300px; /* background: #eee; */ /* border: 1px solid #eee; */ border-radius: 3px 0 0 3px; width: 300px; box-shadow: 0 16px 20px rgba(51,51,51,0.1); }
    .cnt-form h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; }
    .cnt-form.active { margin-right: 0px; /* z-index: 101; */ }
.feedback-form .cont-form .form-group { margin-bottom: 1.2rem; }
.feedback-form .cont-form .btn.btn-solid { height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }
.feedback-form .pull_feedback { background: var(--color-primary); display: block !important; width: 134px; float: right; text-align: center; font-size: 14px; font-weight: 500; position: absolute; top: 80px; padding: 8px; left: 0; transform: rotate(90deg); transform-origin: left top 0; color: #fff; border-radius: 0 0 5px 5px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }

/*-----  Number datalist Start   -----*/
.sticky-aside-cont { z-index: 100; position: fixed; }
.sticky-aside-cont { top: 20%; right: 0 }
.sticky-aside-cont-inner { transition: all .4s; padding: 20px; margin-right: -320px; background: #fff; /* border: 1px solid #eee; */ border-radius: 3px 0 0 3px; width: 320px; box-shadow: 0 0px 20px rgba(51,51,51,0.1); }
    .sticky-aside-cont-inner h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; /* margin-left: -20px; */ text-transform: uppercase; }
    .sticky-aside-cont-inner.active { margin-right: 0px }
.sticky-aside-cont .sticky-aside-cont-inner .form-group { margin-bottom: 1.2rem; }
.sticky-aside-cont .pull_sticky-aside { background: #549c03; display: block !important; width: 50px; float: right; text-align: center; font-size: 14px; font-weight: 500; position: absolute; top: 20px; padding: 8px; left: -46px; /* transform: rotate(90deg); */ transform-origin: left top 0; color: #000; border-radius: 25px 0 0px 25px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
    .sticky-aside-cont .pull_sticky-aside:hover .fa { transform: rotate(360deg); transition: ease all 0.5s }
    .sticky-aside-cont .pull_sticky-aside .fa { font-size: 18px; height: 30px; width: 30px; display: inline-block; background: #fff; line-height: 30px; border-radius: 50%; transition: ease all 0.5s; }
.sticky-aside-cont-inner ul li strong { font-weight: 600 }
.sticky-aside-cont-inner ul li { padding: 8px 0px; border-bottom: 1px solid #ddd; /* font-size: 13px; */ }
    .sticky-aside-cont-inner ul li a { color: inherit }
.sticky-aside-cont-inner ul { /* padding:0px 10px */ }

.float-btn { position: fixed; width: 50px; height: 50px; line-height: 55px; bottom: 20px; left: 20px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; }
    .float-btn:hover { background: var(--color-secondary); color: #000 }


/*-----  Gallery Start -----*/
.gallery-cont figure { margin-bottom: 30px; }
    .gallery-cont figure img { width: 100%; object-fit: cover; height: 280px; border: 5px solid #fff; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1); transition: 0.5s ease all }
    .gallery-cont figure figcaption { display: block; text-align: center; margin-top: 5px }
.gallery-cont.lg figure img { height: 450px; }
.gallery-cont a:hover img { transition: 0.5s ease all; transform: scale(1.05) }
/*-----  Gallery End -----*/

/*-----  Accordian Start -----*/
.faq-cont .card-header { padding: 0px; background: none }
.faq-cont .accordion-ttl { position: relative; cursor: pointer; margin: 0px; padding: 0px; background: #fff; color: var(--color-primary); padding: 11px 17px; font-size: 1rem; font-weight: 600; }
    .faq-cont .accordion-ttl:after { content: '-'; font-family: inherit; font-size: 1.5rem; font-weight: 500; position: absolute; right: 17px; top: 50%; transform: translateY(-50%) }
    .faq-cont .accordion-ttl.collapsed:after { content: '+' }
    .faq-cont .accordion-ttl.collapsed { color: inherit }
    .faq-cont .accordion-ttl:before { content: 'Q.'; font-family: inherit; display: inline-block; font-size: 16px; padding-right: 3px; }
/*-----  Accordian End -----*/

.file-cont { }
    .file-cont h3 { font-size: 14px; text-align: center; padding: 0px 10px }
    .file-cont img { width: 100% }
    .file-cont a { transition: ease all 0.3s; display: block; background: #fff; border: 1px solid #eee }
        .file-cont a:hover { transform: scale(1.06); transition: ease all 0.3s }


.float-md-right img { border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); background-color: #fff }

@media screen and (min-width:767px) {
    .sticky-aside-cont-inner:hover { margin-right: 0px; /* z-index: 100; */ }
}
/*-----  Number datalist End   -----*/

.flow-diagram { margin: 2rem 0px }
    .flow-diagram ul > li > div { /* display: block; */ /* background:#ccc; */ border-radius: 25px 0px; border: 1px solid rgba(0,0,0,0.1); height: 100%; margin: auto 0px; vertical-align: middle; padding: 15px 10px; text-align: center; position: relative; /* font-weight: 600; */ display: flex; text-align: center; color: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); }
        .flow-diagram ul > li > div > span { margin: auto; /* margin-bottom:auto; */ display: block; text-align: center; }
    .flow-diagram ul > li + li { }
    .flow-diagram ul > li > div:after { content: "\f178"; position: absolute; font-size: 2rem; right: -33px; top: 45%; transform: translateY(-50%); color: #6e5fa9; transform: scaleY(1.4); }
    .flow-diagram.theme-red ul > li > div:after { color: #bd9b53 }
    .flow-diagram ul > li:last-child > div:after { display: none }

.bullet-list > li {position: relative;padding: 2px 0px;padding-left: 28px;}
    .bullet-list > li .fa {position: absolute;left: 0px;top: 5px;color: var(--color-primary);font-size: 22px;}
.bullet-list.md { font-size: 1rem; font-weight: 600; }
.bullet-list.md > li{padding: 9px 0px;padding-left: 28px;background: #b6d544;margin-bottom: 10px;border-radius: 0px 20px 20px 0px;color: #000;text-transform: uppercase;font-weight: 700;}
.bullet-list.md > li .fa{top: 7px; color:#000}

.insurance-cont .ht-box-images .image-box-wrap{padding: 15px;padding-bottom: 10px; margin-bottom:15px}
.insurance-cont .ht-box-images .image-box-wrap .box-heading { font-size:1.2rem}
    .insurance-cont .ht-box-images .image-box-wrap .box-image figure {display:block;margin: -15px;margin-bottom:0px;position:relative;}
        .insurance-cont .ht-box-images .image-box-wrap .box-image figure:after {content:'';position:absolute;width: 100%;bottom: 0;left: 0;height: 100%;box-shadow: inset 0 -110px 43px -52px rgb(0 0 0 / 90%);}
        .insurance-cont .ht-box-images .image-box-wrap .box-image figure figcaption {position:absolute; bottom:0px; padding:10px; z-index:2}
            .insurance-cont .ht-box-images .image-box-wrap .box-image figure figcaption h3 {font-size:1rem;color:#fff;margin: 0px;font-weight: 700;}
.insurance-cont .ht-box-images .image-box-wrap .box-image img {width:100%; height:auto}

.insurance-cont .ht-box-images .image-box-wrap .box-image{
    margin-bottom: 10px;
}
.insurance-cont .bullet-list > li .fa{font-size:1.1rem;top: 10px;}
.insurance-cont .bullet-list > li + li{border-top:1px solid #eee}
.insurance-cont .bullet-list > li{padding-top:5px;padding-bottom:5px;padding-left: 1.3rem;font-size: 0.8rem;}

.insurance-cont .quote-cont {color:var(--color-secondary)}
.quote-cont:before, .quote-cont:after{font-size:1.2rem}


@media screen and (max-width:1199px) {
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 12px; padding: 10px 16px; }
    .cont-list > li h5 { font-size: 13px }
    .cont-list > li div { padding-left: 3.5rem; }
    .cont-list > li img { height: 43px; }
}

@media screen and (max-width:991px) {
    .cont-list {border-bottom: 1px solid #ddd;padding-bottom: 12px;padding-top: 0px;}
        .cont-list > li h4, .cont-list > li h5 {display: inline-block;font-size: 1rem;margin: 0px;}
        .cont-list > li img { height: 25px }
        .cont-list > li div { padding-left: 35px }

    .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }
    .header {z-index: 999;top: 3px;padding-bottom: 16px;}

    .navbar navbar-expand-lg { }
    .navbar .navbar-collapse, .navbar-toggler + .navbar-collapse { position: fixed; top: 0px; width: 100%; height: 100%; background: var(--color-secondary); /* left: 0px; */ z-index: 999; padding: 2rem; padding-top: 8rem; display: block; /* width: 0px; */ right: -100%; visibility: hidden; /* opacity: 0; */ transition: ease all 0.5s; }
        .navbar .navbar-collapse.show, .navbar .navbar-collapse.show { /* display: block */ /* width: 100%; */ right: 0px; visibility: visible; /* opacity: 1; */ transition: ease all 0.5s; }
            .navbar .navbar-collapse.show > ul, .navbar .navbar-collapse.show > ul { height: calc(100vh - 8rem); overflow-y: auto; }
    .navbar-expand-lg .navbar-nav .nav-link { color: #000; font-size: 1.6rem; font-weight: 600; border: 0px; border-bottom: 1px solid rgba(0,0,0,0.3); /* border: 0px; */ padding: 26px 20px; }
        .navbar-expand-lg .navbar-nav .nav-link > i { font-size: 1rem; margin-left: 5px; transition: ease all 0.3s }
            .navbar-expand-lg .navbar-nav .nav-link > i:before { content: "\f078" }
        .navbar-expand-lg .navbar-nav .nav-link.active > i { transform: rotate(180deg); transition: ease all 0.3s }
    #home .nav-home, #about .nav-about, #crm .nav-product, #career .nav-career, #contact .nav-contact { color: #000; font-weight: 700; /* background: #d4be06 */ }
    .header .navbar-brand img { height: 45px }
    .navbar-toggler {padding: 0px;position: absolute;z-index: 9999;top: -49px;right: 18px;}
        .navbar-toggler.active { position: fixed; top: 70px; }
        .navbar-toggler:active, .navbar-toggler:focus { outline: none; /* position: fixed; */ }
        .navbar-toggler .navbar-toggler-icon { position: relative; width: 2.1rem; height: 28px; }
            .navbar-toggler .navbar-toggler-icon > span { display: block; position: absolute; height: 5px; width: 70%; right: 0px; background: var(--color-primary); top: 11px; border-radius: 3px 0px 0px 3px; }
            .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ''; position: absolute; width: 100%; height: 5px; background: var(--color-primary); right: 0px; top: 0px; transform: inherit; transition: ease all 0.3s; border-radius: 3px 0px 0px 3px; }
            .navbar-toggler .navbar-toggler-icon:after { top: inherit; bottom: 0px; width: 90%; transform: inherit }

        .navbar-toggler.active .navbar-toggler-icon > span { display: none }
        .navbar-toggler.active .navbar-toggler-icon:before, .navbar-toggler.active .navbar-toggler-icon:after { content: ''; position: absolute; width: 105%; height: 4px; background: #040404; right: 0px; top: 10px; transition: ease all 0.3s; }
        .navbar-toggler.active .navbar-toggler-icon:after { /* top: 0px; */ transform: rotate(-45deg); }
        .navbar-toggler.active .navbar-toggler-icon:before { transform: rotate(45deg) }

    .navbar-expand-lg .navbar-nav .nav-link::before, .navbar-expand-lg .navbar-nav .nav-link::after, .navbar-expand-lg .navbar-nav .dropdown-menu:before { display: none }


    .navbar-expand-lg .navbar-nav .dropdown-menu { background: none; box-shadow: none; border: 0px; left: 0px; width: 100%; /* font-size: 1.4rem; */ }
    .dropdown-menu .dropdown-item { margin-left: 2rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; letter-spacing: 1px; font-size: 1.2rem; font-weight: 600; }
        .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: none }
        .dropdown-menu .dropdown-item:first-child { padding-top: 12px; /* font-size: 1.2rem; */ }
    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus { color: #fff; background: var(--color-primary); border-radius: 2px; }
    #home .nav-home, #about .nav-about, #products .nav-product, #services .nav-service, #career .nav-career, #contact .nav-contact { color: #fff; background: var(--color-primary); border-radius: 2px; }
    .navbar-expand-lg .navbar-nav .dropdown-menu:after { display: none }
    .banner-cont .banner-text-cont { position: absolute; left: 40px; top: 40%; transform: translateY(-50%); width: 45%; }
        .banner-cont .banner-text-cont > h1 { font-size: 2.5rem }
    .banner-cont .banner-img-cont { bottom: inherit; top: 45%; transform: translateY(-50%); right: 40px; width: 41%; }
    .sec-banner > figure { height: auto; }
    .x_row-separator svg { height: 50px }
    .sec-service {/* margin-top: -2rem; */}

    .ht-box-images .image-box-wrap {/* padding: 25px 30px; *//* display: flex; */}
        .ht-box-images .image-box-wrap .box-image {/* width: 25%; *//* padding-right: 2rem; */}
            .ht-box-images .image-box-wrap .box-image img {/* width:100%; *//* height: 110px; *//* margin-left: 5px; *//* margin-top: 1rem; */}

    h1, h2, .h2 { font-size: 1.6rem; margin-bottom: 20px; }
    .hd-underline:after, .hd-underline:before { top: 15px; }
    .ht-box-images .image-box-wrap .box-heading { font-size: 1.1rem }
    .sec-about, .processing-contact-us-bg, .sec-testimonials, .sec-partner-university, .sec-application-list { /* padding: 3rem 0px; */ }
    .sec-partner-university { padding-bottom: 7rem; }
    .testimonial-cont { margin-top: -7rem }
    .processing-contact-us-bg {background-size: contain;padding: 40px 0px;}
    .conact-us-wrap-one .heading { font-size: 2rem }

    .testimonial-cont { padding: 2rem }
    .carousel-control-next, .carousel-control-prev { width: 40px }
    .footer { /* margin-top: 4rem; */ padding-top: 3rem; }
        .footer .x_row-separator { top: -12px }
    .ftr-lnks h4 { font-size: 1rem }
    .ftr-form:before { left: 10px; width: calc(100% - 30px); height: 1px; top: 23px; }
    .ftr-form { padding: 0px; padding-top: 3rem }
    .ftr-lnks { margin-bottom: 0px; }
    .ftr-form h3 { font-size: 1.2rem }

    .service-cont .left-sec { padding-right: 3% }
    .service-cont .right-sec { padding-left: 3% }
    .service-info h3 { font-size: 1.5rem; margin-bottom: 1rem; }

    .sec-counter { padding: 2rem 0px; padding-bottom: 0px }
    .counter-cont .counter-content { margin-bottom: 2rem }
}

@media screen and (max-width:767px) {

    .banner-cont .banner-text-cont > h1 { font-size: 2rem }
    .banner-cont .banner-text-cont > p { font-size: 14px }
    .ht-box-images .image-box-wrap .box-image img {/* height: 80px; */width: 100%;}
    .ht-box-images .image-box-wrap { padding: 20px; display: block; }
        .ht-box-images .image-box-wrap .box-image {/* padding-right: 1.2rem; */display: block;margin-bottom: 25px;width: 100%;}
        .ht-box-images .image-box-wrap .content .box-images-arrow { margin-top: 17px }
        .ht-box-images .image-box-wrap .box-heading { font-size: 1.2rem }
    .testimonial-cont {padding: 25px 15px;margin-top: 38px;}
    .sec-testimonials .testimonial-caption p { width: 100%; height: auto; }

    .inner-page .sec-banner > figure { max-height: 250px }
    .inner-page h2, .inner-page h1 { font-size: 2rem }
        .inner-page h1.type1 { font-size: 1.2rem; line-height: normal }
    .inner-page h3, .inner-page .h3 { font-size: 1.2rem }
    .inner-page img.img-responsive { width: 100%; margin-bottom: 1rem }
    .inner-page .hd-underline { margin-bottom: 1.2rem; font-size: 1.4rem; }

.sec-service{padding:40px 0px}
    .service-cont .row + .row { margin-top: 2rem; }
    .service-cont .right-sec { padding: 20px; padding-left: 20px; /* margin: 0px; */ }
    .service-cont .right-sec, .service-cont .left-sec { padding: 20px; margin: 0px; }
    .service-info { padding-top: 20px }
    .service-cont .left-sec:after { width: 100%; right: 0px; left: 0px }

    .bnr-heading { margin-bottom: 1rem; }
    .footer { /* margin-top: 4rem */ /* background-image: none; */ }

    .sec-application-list { padding-top: 0px }
        .sec-application-list h4 { font-size: 20px }

    .flow-diagram ul > li { margin-bottom: 2rem }
        .flow-diagram ul > li > div:after { content: "\f175"; right: 50%; top: inherit; bottom: -30px; transform: scaleY(1.1); font-size: 1.7rem; }

    .tbl-package th { font-size: 1rem; padding: 15px 10px; }
    .tbl-package tr td:first-child { padding-left: 10px; min-width: 200px; }
    .tbl-package td .txt-amnt { white-space: normal }
    .tbl-package .tr-total td small { margin: 0px; top: 5px; display: block }

    .sticky-aside-cont .pull_sticky-aside { left: -48px; }

    .float-md-right img { width: 100% }

    .about-cont { padding: 1.5rem 1rem; }
    .hd-underline:after, .hd-underline:before { display: none }
    .cont-list > li h5 { display: none }
    .sec-about {/* margin-top: 1.5rem */padding: 40px 0px;}
    .contact-info-two h5 { font-size: 1.3rem; line-height: 2rem; }

    .sec-about h2, .about .h2{margin-top:10px}
    .cp-rt.text-right{text-align:left !important; margin-top:20px}
    .sticky-container{display:none}
    .cont-list > li h4, .cont-list > li h5{font-size:14px}
}

@media screen and (max-width:599px) {
    .processing-contact-us-bg { background-image: none }
    .banner-cont .banner-text-cont { width: 80%; left: 20px; }
    .banner-cont .banner-img-cont { display: none }
    .sec-banner > figure { max-height: 600px }

    .hd-underline { font-size: 1.4rem; }
    .slick-next { right: -5px; z-index: 99 }
    .slick-prev { left: -5px; z-index: 99 }
    figure.pull-right { padding: 1rem 0px }
    .content figure > img { max-width: 100%; }
    .bullet-list > li .fa { top: 6px }

    .x_row-separator svg { height: 56px; }

    .navbar .navbar-collapse.show, .navbar .navbar-collapse.show { padding-left: 0px; padding-right: 0px }
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 1.1rem; padding: 18px 20px; }
}
