:root { font-size: 15px; --color-primary: #000; --color-secondary: #eaca26; --base-font-size: 100%; --base-text-color: #333; --color-gradient: linear-gradient(90deg, rgb(241 218 100) 0%, rgb(205 158 37) 100%) }


: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; text-decoration: none }
    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-primary); 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-primary); }

    .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*/
.top-header { background: #eaca26; /* color: #fff; */ /* position: relative; */ top: 0px; left: 0px; width: 100%; z-index: 10; font-size: 13px; /* border-bottom: 1px solid #eee; */ }
    .top-header .nav-link { color: #000; padding-top: 3px; padding-bottom: 3px }
.login-links .nav-item > a:hover { color: var(--color-primary); transition: all 0.5s ease 0s; }
.header { /* padding: 10px 0px; */ position: relative; z-index: 10; width: 100%; transition: all 0.5s ease 0s; background: #000; /* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px; */ }
    .header .navbar-brand img { }
    .header .navbar { padding: 0px; }
    .header .navbar-brand { text-align: center; position: relative; /* margin: 0px; */ /* width: 124px; */ display: block; margin: auto; margin-bottom: -24px; }
    .header .logo-cont { position: absolute; top: -33px; left: 0px; right: 0px; /* transform: translateX(-50%); */ }
        .header .logo-cont img { width: 124px; /* height: 140px; */ background: #000; border-radius: 0px 0px 10px 10px; padding: 11px; /* box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); */ }
            .header .logo-cont img.logo-sm { display: none; }
.navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 1.5rem 1.2rem; /* font-weight: 600; */ color: var(--color-secondary); font-size: 1rem; position: relative; text-transform: uppercase; letter-spacing: 1px; }
    .navbar-expand-lg .navbar-nav .nav-link::after { content: ""; background: var(--color-gradient); width: 0px; height: 2px; /* border-radius: 50%; */ position: absolute; bottom: 0px; left: 0px; opacity: 0; transition: all 0.2s ease 0s; margin: 0px 2px; }
    .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; /* background: var(--color-secondary); */ width: 100%; }

    .navbar-expand-lg .navbar-nav .nav-link:hover { /* background: var(--color-secondary); */ color: #fff; text-shadow: 0 0 1px #ffc107, 0 0 1px #ffc107, 0 0 1px #ffc107; }
.navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link { /* padding-right: 0px; */ }
.header.sticky { position: fixed; top: 0; /* background: rgba(255, 255, 255, 1); */ padding: 0px; transition: all 0.5s ease 0s; box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 2px; border-bottom: 2px solid #fff; }
    .header.sticky .navbar-brand { top: -4px; }
    .header.sticky .logo-cont { top: 0px }
    .header.sticky .navbar-brand img { width: 100px; /* height: 130px; */ /* background: rgba(255, 255, 255, 0.9); */ box-shadow: 0px 0px 0px 2px rgb(221 152 44 / 20%); }
    .header.sticky .navbar-expand-lg .navbar-nav .nav-link { padding-top: 20px; padding-bottom: 20px; }
    .header.sticky .logo-cont img.logo-sm { display: initial; transition: ease all 0.5s; }
    .header.sticky .logo-cont img.logo-lg { display: none; }

@media screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu { display: block; padding: 0px; }
}

.navbar-expand-lg .navbar-nav .dropdown-menu { top: 81px; left: -60px; min-width: 230px; border-radius: 10px; /* overflow: hidden; */ box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 10%); border: 0px; }
.header.sticky .navbar-expand-lg .navbar-nav .dropdown-menu { top: 60px }
.dropdown-menu .dropdown-item { padding: 12px 20px; /* font-weight: 500; */ color: #777; border-bottom: 1px solid #eee; /* font-size: 14px; */ text-transform: uppercase; letter-spacing: 1px; }
    .dropdown-menu .dropdown-item:last-child { border: 0px }
.dropdown-menu li + li .dropdown-item { border-top: 1px solid rgb(238, 238, 238) }
.dropdown-menu li { position: relative }
    .dropdown-menu li > ul { display: none; position: absolute; right: -100%; left: inherit !important; top: 0px !important; z-index: 10; width: 100%; padding: 0px; }
        .dropdown-menu li > ul:before { display: none }
    .dropdown-menu li:hover > ul { display: block }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: none; box-shadow: none; outline: none; color: var(--color-primary); }
.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 { content: ""; width: 0px; left: 40%; top: -14px; position: absolute; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 14px solid rgb(241 233 231); z-index: 500; }
.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; }

.navbar .navbar-collapse .left-nav { /* padding-right: 1rem; */ }
.navbar .navbar-collapse .right-nav { /* padding-left: 1rem; */ }
.nav-mobile { 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: 16rem; }
.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: 450px; }
}

@media (max-width: 767px) {
    .hero-style-1, .hero-style-2, .hero-style-3 { height: 300px; }
}

@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.2); }
.hero-style-1 .slide-title, .hero-style-2 .slide-title, .hero-style-3 .slide-title { max-width: 100%; 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: 400; color: #fff; letter-spacing: 2px; 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: 100%; 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: 400; color: #fff; margin: 0 0 1.63em; text-transform: uppercase; }

@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 var(--color-secondary); 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: var(--color-gradient); }

.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: var(--color-secondary); }


.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: var(--color-secondary); }

    .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: #000; 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; color: var(--color-secondary); }
    .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: 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: 100%; /* height: 176px; */ object-fit: cover; 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: var(--color-secondary); }
.image-box-wrap .bullet-list > li .fa { color: var(--color-secondary) }
/*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: #000000; opacity: 0.5; }
    .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; position: relative; }
    .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: var(--color-secondary); font-weight: 700; padding: 3px 6px; color: #000; text-decoration: none; }
            .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: #000; */ border: 1px solid rgb(255 255 255 / 50%); }
            .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: var(--color-secondary); }
.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: rgba(255,255,255,0.7); overflow: hidden; background: var(--color-primary); /* margin-top: 3rem; */ /* background: url(../images/bg-footer.jpg); */ background-size: cover; /* border-top: 10px solid var(--color-secondary); */ position: relative; }
    .footer a:hover { color: var(--color-secondary) !important }
    .footer:after { content: ''; position: absolute; left: 0px; top: 0px; /* background: rgba(2,31,78,0.37); */ width: 100%; height: 100%; }
    .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; */ display: inline-block; }
        .ftr-lnks ul a:hover { color: var(--color-secondary); background: #000 }
.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: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: 3rem; /* 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: 3rem; border-top: 10px solid #eaca26; padding-top: 3rem; /* border-radius: 15px; */ }
.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 .right-sec { padding: 0px 1rem; /* padding-left: 7%; */ /* padding-top: 2rem; */ position: relative; /* padding-top: 4rem; */ /* margin-left: 2rem !important; */ }

.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; }


.service-info h3 { font-weight: 700; margin-bottom: 16px; color: var(--color-tertery); font-size: 2rem; }
.service-info p { color: rgb(106 106 106); font-size: 1rem; line-height: 1.5rem; margin-bottom: 30px; }
.service-cont.theme-2 .left-sec { /* background: #ffffff; */ padding: 2rem; margin: auto; border-radius: 10px; /* box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1); */ }
.service-cont.theme-2 .service-image > img { border: 0; border-radius: 15px; }
.service-cont.theme-2 .service-info p { font-size: 1.2rem; line-height: 1.7rem; margin: 0; }
.service-cont.theme-2 .service-info h3 { color: #000; }

/*Contact us start*/
address ul { list-style-type: none; padding-left: 0px; }
    address ul li { padding: 11px; position: relative; padding-left: 0px; line-height: 21px; display: flex; align-items: center; }
        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: 1.4rem; top: 6px; background: var(--color-secondary); color: #000; /* display: inline-block; */ /* border-radius: 50%; */ line-height: 40px; height: 40px; min-width: 40px; text-align: center; margin-right: 13px; /* 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; overflow: hidden; border: 1px solid var(--color-secondary); box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%); }
    .gallery-cont figure img { width: 100%; object-fit: cover; height: 260px; /* 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 -----*/



.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 }

.quote-cont:before, .quote-cont:after { font-size: 1.2rem }
..showcase-inner { margin-top: 40px; }
.showcase-inner img { width: 100%; }
.showcase-inner > .row { /* margin: 0px 0px; */ }
    .showcase-inner > .row > div { /* margin: 0px; */ /* padding: 0px; */ }
.showcase-inner .showcase-cont { position: relative; overflow: hidden; }
    .showcase-inner .showcase-cont figure { margin: 0px }
    .showcase-inner .showcase-cont .caption { cursor: pointer; height: 100%; width: 100%; position: absolute; top: 0px; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; /* margin: 10px; */ }
    .showcase-inner .showcase-cont:hover .caption { opacity: 1; }
    .showcase-inner .showcase-cont img { padding: 0px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
    .showcase-inner .showcase-cont:hover img { opacity: 1; transform: scale(1.15,1.15); -webkit-transform: scale(1.15,1.15); -moz-transform: scale(1.15,1.15); -ms-transform: scale(1.15,1.15); -o-transform: scale(1.15,1.15); }
    .showcase-inner .showcase-cont .blur { background-color: rgba(0,0,0,0.65); height: 100%; width: 100%; z-index: 9; position: absolute; }
    .showcase-inner .showcase-cont .caption-text h3 { text-transform: capitalize; font-size: 2rem; /* font-family:'Great Vibes'; */ color: #f7a707; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
    .showcase-inner .showcase-cont .caption-text { z-index: 10; color: #fff; position: absolute; width: 100%; font-weight: 300; height: 300px; text-align: center; top: 35%; }


.img-360 { position: absolute; top: 50%; right: -50px; /* width: 120px; */ height: 120px; margin: -60px 0 0 -60px; -webkit-animation: spin 8s linear infinite; -moz-animation: spin 8s linear infinite; animation: spin 8s linear infinite; }

.iframe-cont { border: 1px solid var(--color-secondary) }
    .iframe-cont iframe { width: 100%; height: 300px }

.section-wrapper > section { padding: 6rem 0px; }
    .section-wrapper > section:first-child { padding-top: 0px }


@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@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; }
    .nav-desktop { display: none }
    .nav-mobile { display: block }
    .top-header .nav-link { color: var(--color-secondary); padding-left: 7px; padding-right: 7px; }
        .top-header .nav-link > span { display: none }
        .top-header .nav-link > i { font-size: 1.5rem; display: inline-block; /* margin-left:10px; */ }
    .header .navbar-brand img { padding: 10px; background: #000; border-radius: 0px 0px 10px 10px; }

    .header .navbar .navbar-collapse.show { left: 0; visibility: visible; transition: ease all .5s; }
    .header .navbar .navbar-collapse, .header .navbar-toggler + .navbar-collapse { position: fixed; top: 0; width: 100%; height: 100%; background: var(--color-primary); z-index: 999; padding: 2rem; padding-top: 7rem; display: block; left: -100%; visibility: hidden; transition: ease all .5s; }
    .header .navbar-toggler { padding: 0px; position: absolute; z-index: 9999; margin-top: -6px; }
        .header .navbar-toggler:focus { outline: none; box-shadow: none }
        .header .navbar-toggler:active, .header .navbar-toggler:focus { outline: none }
        .header .navbar-toggler .navbar-toggler-icon { position: relative; width: 2.1rem; height: 23px; }
    .navbar-toggler .navbar-toggler-icon > span { display: block; position: absolute; height: 3px; width: 70%; left: 0px; background: var(--color-secondary); top: 10px; }
    .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ''; position: absolute; width: 100%; height: 3px; background: var(--color-secondary); left: 0px; top: 0px; transform: inherit; transition: ease all 0.3s; }
    .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: 101%; height: 3px; background: var(--color-secondary); 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-brand img { width: 100px }
    .navbar-expand-lg .navbar-nav .nav-link { padding: 25px 0px; font-size: 1.4rem; border-top: 1px solid rgba(0,0,0,0.1); }
        .navbar-expand-lg .navbar-nav .nav-link i { font-size: 1.5rem; position: relative; top: 1px }
    .navbar-expand-lg .navbar-nav .dropdown-menu { border-radius: 0px; background: none; box-shadow: none; }
    .dropdown-menu .dropdown-item { font-size: 16px }

    .navbar-expand-lg .navbar-nav .dropdown-menu::before { display: none }
    .top-header { position: fixed; display: inline-block; z-index: 11; top: 27px; right: 12px; width: auto; left: inherit; background: none; /* transform: translateY(-50%); */ }
        .top-header .login-links .nav-item > a { font-size: 16px }
    body.overflow-hidden .top-header { z-index: 0 }


    .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: cover; /* 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 }
    .ftr-form:before { display: none }
    .showcase-inner .showcase-cont img { max-height: 400px; object-fit: cover }
}

@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; }

    .counter-cont .counter-icon img { height: 50px }
    .counter-cont .counter-content { padding-left: 5.4rem; }

    .img-360 { left: 0px; right: 0px; margin: auto; bottom: 100px; }
}