:root { font-size: 15px; --color-primary: #de0000; --color-secondary: #f4b200; --color-lightgreen:#bde1db ;--color-tertery: rgb(12, 38, 103) ;

    --background-primary: linear-gradient(146.35deg, #00718A 1.27%, #008F6E 98.17%);}

body {margin: 0px auto;font-size: 1rem;overflow-x: hidden;line-height: 21px;
    font-family: 'Lato', sans-serif;
    font-family: 'Rubik', sans-serif;color: rgb(51, 51, 51);-webkit-font-smoothing: antialiased;font-weight: 400;text-size-adjust: 100%;background: rgb(255, 255, 255);}
a:hover, a:focus { color: none; }
a, .nav-link {color: inherit;text-decoration: none;}
    a:hover { text-decoration: none; color: var(--color-secondary) }
.tbl-style { display: table; width: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
hr { opacity: 0.15 }
h4, h3 { font-weight: 600; }
h1, h2, .h2 {font-size: 2.8rem;font-weight: 800;color: #2a2525;margin-bottom: 1.5rem;}
h3 { color: #333 }

.fw-semibold { font-weight: 600 !important }
.hd-underline {font-weight: 700 !important;position: relative;margin-bottom: 1.8rem;font-size: 2.4rem !important;}
.hd-underline p{color: #000 !important;}
/* .hd-underline { font-weight: 700 !important; position: relative; margin-bottom: 2rem; font-size: 2.4rem !important; color: inherit !important; } */
    .hd-underline > span { color: var(--color-primary); position: relative; }
        .hd-underline > span::after { height: 2px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: var(--color-secondary); }

.sub-heading { font-size: 1.4rem; color: #777; font-weight: 600 }
.sub-heading2 {font-size: 1.4rem;/* color: #999 !important; *//* font-weight: bold; *//* font-family: 'Cambria'; *//* font-style: italic; */}
figure { margin: 0px; }
.nopadding { padding: 0px !important; }
ul, li { list-style-type: none; padding: 0px; }
.alert { display: block; padding: 8px 15px; margin-top: 10px; }
.bg-light-grey { background: #f5f5f5; border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; }
.bg-light-secondary { background: #f7f4ea; border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; }
.bg-light-primary { background: #f3e8e8; border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; }
.fs--1 {font-size: 0.8rem;/* line-height: 1.3rem; */}

.row-0 { margin: 0px; }
    .row-0 > [class^="col"] { padding: 0px; }
.row.row-lg { margin: 0px -20px; }
    .row.row-lg > [class^="col-"] { padding: 0px 5px; }
.row.row-sm { margin: 0px -5px; }
    .row.row-sm > [class^="col-"] { padding: 0px 5px; }
.row.row-md { margin: 0px -10px; }
    .row.row-md > [class^="col-"] { padding: 0px 10px; }
.border-list > li {display: inline-block;padding-right: 10px;position: relative;}
    .border-list > li + li {padding-left: 8px;}
    .border-list > li::after {content: "";height: 15px;top: 4px;width: 1px;background: rgb(204, 204, 204);position: absolute;right: 0px;}
    .border-list > li:last-child::after { display: none; }
.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: rgb(0, 0, 0); font-size: 3rem; }
    .carousel-control-prev-icon::before { content: ""; }
    .carousel-control-next-icon::before { content: ""; }


::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #eee; }
::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #aaa; }

.btn {border-radius: 8px;line-height: 2.6rem;padding: 0px 1.8rem;font-size: 1.2rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;position: relative;overflow: hidden;border: 3px solid var(--color-primary);display: flex;text-decoration: none !important}
    .btn > span, .btn > i { position: relative; z-index: 2; margin: auto; }
        .btn > i + span { width: calc(100% - 40px); }
    .btn > i { margin-right: 10px; transform: scale(1.1); border-right: 1px solid rgba(255,255,255,0.5); padding-right: 10px; height: 100%; line-height: 2.5rem; width: 40px; }
    .btn::after, .btn:before {content: '';position: absolute;background-color: #fff;/* border-radius: 27px; */}
    .btn::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; left: 0; top: 0; width: 0; }
    .btn:hover::after { width: 100% }
    .btn:hover i { border-color: rgba(0,0,0,0.2) }
    .btn.btn-solid { background-color: var(--color-primary); color: rgb(255, 255, 255); }
        .btn.btn-solid:hover { color: var(--color-primary) }

    .btn.btn-outline-solid { background-color: transparent; color: var(--color-primary) }
        .btn.btn-outline-solid i { border-color: var(--color-primary) }
        .btn.btn-outline-solid:hover { color: #fff }
            .btn.btn-outline-solid:hover i { border-color: rgba(255,255,255,0.5) }
            .btn.btn-outline-solid:hover::after, .btn.btn-outline-solid:hover::before { background-color: var(--color-primary) }

    .btn.btn-success { background-color: var(--bs-success); color: rgb(255, 255, 255); border-color: var(--bs-success) }
        .btn.btn-success:hover { color: var(--bs-success) }

    .btn.btn-outline-success { background-color: transparent; color: var(--bs-success); border-color: var(--bs-success) }
        .btn.btn-outline-success i { border-color: var(--bs-success) }
        .btn.btn-outline-success:hover { color: #fff }
            .btn.btn-outline-success:hover i { border-color: rgba(255,255,255,0.5) }
            .btn.btn-outline-success:hover::after, .btn.btn-outline-success:hover::before { background-color: var(--bs-success) }

    .btn.btn-outline { border: 2px solid var(--color-secondary); background: transparent; color: var(--color-secondary); }
        .btn.btn-outline:hover { background: var(--color-secondary); color: rgb(0, 0, 0); }

    .btn.btn-md { height: 2.8rem; line-height: 2.4rem; font-size: 1rem; padding: 0px 1.5rem; }

.top-header {background: #333;color: #fff;position: relative;top: 0px;left: 0px;width: 100%;z-index: 9;font-size: 13px;}
    .top-header .navbar { padding: 0px; }
        .top-header .navbar a {/* font-weight: 600; */letter-spacing: 1px}
            .top-header .navbar a:hover { color: var(--color-secondary); }
            .top-header .navbar a i { display: inline-block; width: 20px; font-size: 1.3rem; margin-right: 7px; position: relative; text-align: right; bottom: -2px; }
        .top-header .navbar .nav-item { position: relative; }
            .top-header .navbar .nav-item.li-app { /* background: var(--color-secondary); */ }
                .top-header .navbar .nav-item.li-app > a { letter-spacing: 0px; text-transform: uppercase; padding-left: 15px; padding-right: 15px; color: var(--color-secondary); }
            .top-header .navbar .nav-item + .nav-item { margin-left: 20px; }
                .top-header .navbar .nav-item + .nav-item::before { content: ""; position: absolute; left: -9px; top: 0px; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.2); }

.header { position: relative; z-index: 10; width: 100%; transition: all 0.5s ease 0s; background: none; /* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px; */ position: absolute; }
    .header .navbar-brand img { }
    .header .navbar {/* padding: 0px; */}
    .header .navbar-brand {position: relative;z-index: 99;}
    /* .header .logo-cont { position: absolute; top: -25px; left: 0px; } */
        .header .logo-cont img {width: 87px;background: #fff;border-radius: 50%;padding: 5px;/* margin-top: 10px; */}
        /* .header .logo-cont img { width: 124px; background: #fff; border-radius: 50%; padding: 5px; } */

    .header .navbar-nav li .nav-link {padding: 2rem 1rem;font-weight: 500;color: rgba(255,255,255,0.8);font-size: 1rem;position: relative;z-index: 10;}
        /* .header .navbar-nav li .nav-link:hover, .header .navbar-nav li .nav-link.active { color: var(--color-primary); z-index: 100; } */
        .header .navbar-nav li .nav-link:hover, .header .navbar-nav li .nav-link.active {  z-index: 100; color: var(--color-secondary); }
    .header .navbar-nav li.dropdown .nav-link:before { content: ''; opacity: 0; visibility: hidden; height: 25px; width: 25px; position: absolute; left: 37%; bottom: -12px; background: #ffffff; z-index: 10; transform: rotate(45deg); border-left: 1px solid #ddd; border-top: 1px solid #ddd; /* transition: 0.6s ease all; */ }
    .header .navbar-nav li.dropdown:hover .nav-link:before { opacity: 1; visibility: visible; transition: 1s ease all; }
    .header .navbar-nav li.dropdown .nav-link:after { display: none }

.navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link { padding-right: 0px; }
.header.sticky { position: fixed; top: 0px; background: rgb(255 255 255); padding: 0px; transition: all 0.5s ease 0s; box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 2px; }
    .header.sticky .logo-cont { top: -34px; }
    .header.sticky .navbar-brand img { width: 98px; background: rgba(255, 255, 255, 0.9); box-shadow: -8px 11px 10px -6px rgb(0 0 0 / 20%); }
    .header.sticky .navbar-expand-lg .navbar-nav .nav-link { padding-top: 25px; padding-bottom: 25px; color: #555;}



.navbar .navbar-nav .dropdown-menu { top: 86px; left: -67px; min-width: 250px; border-radius: 0px; border: 1px solid #ddd; display: block; opacity: 0; visibility: hidden; max-height: 0; }
.header.sticky .navbar-expand-lg .navbar-nav .dropdown-menu { top: 72px !important; }
.dropdown-menu .dropdown-item { }
.dropdown-menu .dropdown-item { padding: 8px 12px; font-weight: 500; font-size: 0.95rem; }
.dropdown-menu > .dropdown-item:last-child { border: 0px }
.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, .dropdown-menu .dropdown-item.active { background: none; box-shadow: none; outline: none; color: var(--color-primary); }





@media screen and (min-width: 992px) {
  
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu { padding: 15px; max-height: 280px; opacity: 1; visibility: visible; top: 92px; z-index: 9; transition: 0.4s ease all; }
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .megamenu .dropdown-menu { padding-top: 3rem !important; min-height: 200px; }
    .bnr-heading h2, .heading h1 { font-size: 2.8rem !important; }
}

.navbar .navbar-nav .nav-item.megamenu { position: static }
.navbar .navbar-nav .megamenu .dropdown-menu { right: 0; left: inherit; width: 70%; background: #ffffff; box-shadow: -12rem 35rem 0px 35rem rgb(0 0 0 / 20%); z-index: 9; top: 88px; padding: 2rem !important; border-radius: 0px; border: 1px solid #ddd; padding-top: 3rem !important; }
    .navbar .navbar-nav .megamenu .dropdown-menu h3 { font-size: 15px; color: #1e2456; font-weight: 700; }
    .navbar .navbar-nav .megamenu .dropdown-menu ul + h3 { margin-top: 20px }
    .navbar .navbar-nav .megamenu .dropdown-menu .dropdown-item { padding-left: 0px; white-space: normal; line-height: 16px; padding-top: 6px; padding-bottom: 6px; }
.megadd-list > li { width: 20% }


#home .nav-home, #about .nav-about, #products .nav-product, #services .nav-service, #career .nav-career, #contact .nav-contact { color: var(--color-secondary); }
    #home .nav-home::after, #about .nav-about::after, #products .nav-product::after, #services .nav-service::after, #career .nav-career::after, #contact .nav-contact::after { visibility: visible; opacity: 1; right: 50%; background: var(--color-secondary); }
    #home .nav-home::before, #about .nav-about::before, #products .nav-product::before, #services .nav-service::before, #career .nav-career::before, #contact .nav-contact::before, #pricing .nav-pricing::before { visibility: visible; opacity: 1; left: 50%; background: var(--color-secondary); }



.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
    .slick-list:focus { outline: none; }
    .slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
    .slick-track::before, .slick-track::after { display: table; content: ""; }
    .slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { font-size: 3rem; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
        .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }
    .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }
    .slick-next.slick-disabled { cursor: default; }
    .slick-prev.slick-disabled { cursor: default; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { right: -25px; left: auto; }
/* Edited by shubham 25 / 08 / 2022  */
.slick-prev::before { content: "←"; position: relative; bottom: 25px; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { right: auto; left: -25px; }
.slick-next::before { content: "→"; position: relative; bottom: 25px; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
    .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
        .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
            .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
                .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
            .slick-dots li button::before { font-size: 16px; line-height: 20px; position: absolute; top: 10px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }
        .slick-dots li.slick-active button::before { opacity: 0.75; color: black; }



/* Wave Animation */
.waves { position: relative; width: 100%; height: 120px; margin-bottom: -7px; min-height: 100px; max-height: 150px; }

.parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; }
    .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
    .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
    .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
    .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }

@keyframes move-forever {
    0% { transform: translate3d(-90px,0,0); }
    100% { transform: translate3d(85px,0,0); }
}

/* Commented by shubham (min-height : 50px) */
@media (max-width: 768px) {
    .content-card{padding: 30px !important;}
    .trust-para{bottom: 108px !important;}
    .trus-logo img{width: 70px !important; }
    .sec-img{width: 80px !important;}
    .waves { height: 63px; min-height: 60px; }
    .bnr-heading .hd-underline { font-size: 2.5rem !important; }
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


.sec-banner { background-image: url(/images/banner-bg.png); position: relative;background-color: #048f6f; background-repeat: no-repeat ; background-position: bottom right; background-image:var(--background-primary) !important}
/* background-color: #048f6f;  */
    .sec-banner::after { content: ""; display: none; background-image: url("../images/slider-wave.png"); height: 50px; width: 100%; left: 0px; bottom: -7px; position: absolute; background-size: 100%; }
    .sec-banner > figure { margin: 0px; height: 100vh; max-height: 750px; overflow: hidden; position: relative; }
        .sec-banner > figure::after { height: 100%; width: 100%; position: absolute; left: 0px; background-color: rgba(0, 0, 0, 0.3); }
        .sec-banner > figure > img { width: 100%; height: 110%; object-fit: cover; }
.banner-cont {left: 0px;bottom: 0px;width: 100%;right: 0px;height: 100%;position: relative;padding-bottom: 100px;}
    .banner-cont .container { position: relative }
    .banner-cont .banner-text-cont {width: 56%;padding: 6rem 0px;}
        .banner-cont .banner-text-cont > h1 {color: rgb(255, 255, 255);text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;/* margin-bottom: 1rem; */text-transform: uppercase;font-weight: 900;display: inline-block;}
            .banner-cont .banner-text-cont > h1 > span { color: var(--color-secondary); }
        .banner-cont .banner-text-cont > p {font-size: 1.1rem;color: rgb(255, 255, 255);text-align: justify;border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: 20px;}
    .banner-cont .banner-img-cont {position: absolute;top: 3%;right: 0px;width: 26%;/* transform: translateY(-50%); */}
        .banner-cont .banner-img-cont > figure { margin: 0px; }
         
            .banner-cont .banner-img-cont > figure .img1 { width: 100%; border-radius: 60px; z-index: 2; position: relative }
            .banner-cont .banner-img-cont > figure .img2 { position: absolute; z-index: 1; bottom: -11%; left: -90px; width: 70%; animation: moving 5s 2; animation: moving 5s infinite; }
            .banner-cont .banner-img-cont > figure .img3 { position: absolute; z-index: 3; bottom: -21%; left: -170px; animation: moving2 5s 2; animation: moving2 5s infinite; }
    .banner-cont .waves { margin-top: -50px; }

@keyframes moving {
    0% { margin-left: 0px; margin-top: 0px; }
    50% { margin-left: -20px; margin-bottom: -20px; }
    100% { margin-left: 0px; margin-top: 0px; }
}

@keyframes moving2 {
    0% { margin-left: 0px; margin-top: 0px; }
    50% { margin-left: 20px; margin-bottom: 20px; }
    100% { margin-left: 0px; margin-top: 0px; }
}

.form-control, .form-select {padding: .6rem 1.2rem;/* border-width: 0 0 2px; *//* border-radius: 20px; */}
.modal-content { border-radius: 30px }
    .modal-content .left-sec { }
    .modal-content .btn-close { position: absolute; right: -20px; top: -20px; background-color: #fff; font-size: 1rem; padding: 10px; opacity: 1; border-radius: 50%; /* color: #fff; */ border: 7px solid var(--color-secondary); transition: ease all 0.3s; z-index: 10; }
        .modal-content .btn-close:hover { background-color: var(--color-secondary); transition: ease all 0.3s }
    .modal-content .alert { margin: 0px }


.inner-page .sec-banner > figure { height: 20rem; }
.inner-page .figure-float { max-width: 40% }

.section-wrapper > section {padding: 4rem 0px;position: relative;overflow-x: hidden;}
/* .contact-wrapper > section {height: calc(100vh - 310px);} */
    .section-wrapper > section + section {border-top: 1px solid #ddd;}
    .section-wrapper > section.bg-gray { background: #f5f5f5 }

.content-wrapper img { max-width: 100% }
.content-wrapper > article { padding: 2rem 0px }
.content-wrapper a { color: #0c318d; text-decoration: underline }
.content-wrapper > article > p:last-child { margin: 0px }
.content-wrapper .h3, .content-wrapper h2, .content-wrapper h3 { font-weight: 700; margin-bottom: 20px; color: var(--color-primary); font-size: 2rem }
.content-wrapper h4 { display: inline-block; /* border-bottom: 3px solid var(--color-secondary); */ display: inline-block; font-weight: 700; font-size: 1.4rem; color: var(--color-secondary); }
.content-wrapper h5 { font-weight: 600; font-style: italic }
.content-wrapper > article:first-child { padding-top: 0px }
.content-wrapper > article:first-child { padding-top: 0px }
.content-wrapper ul li { position: relative; padding: 2px 0px; padding-left: 26px; font-weight: 500; }
    .content-wrapper ul li:before { content: "\f0a9"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0px; top: 2px; font-size: 18px; color: var(--color-primary); font-weight: 700; }


.link-more::after, .link-more::before { content: ""; position: absolute; transition: transform 0.5s ease 0s; }
.link-more { font-weight: 600; /* padding: 5px 20px; */ color: rgb(13, 38, 104); display: inline-block; overflow: hidden; position: relative; margin-top: 6px; }

    .link-more:hover::before, .link-more:hover::after, .image-box-wrap:hover .link-more::before, .image-box-wrap:hover .link-more::after { transform: translateX(0px); }
.content figure > img { max-width: 400px; }
figure.pull-right { padding-left: 30px; padding-bottom: 10px; }
.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 rgb(15, 58, 93); font-size: 24px; border-radius: 5px; display: inline-block; color: rgb(15, 58, 93); font-weight: 600; }
    .btn-border:hover { background: rgb(15, 58, 93); color: var(--color-secondary); }
/* .main-content {margin: 2rem 0px;} */
.home-cont > section, .home-cont > form > section { padding: 6rem 0px; }
.sec-service { position: relative; z-index: 2; background: #f5f5f5; }
.ht-box-images { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; height: 100%; }
    .ht-box-images:hover { transform: translateY(-15px); }
        .ht-box-images:hover .image-box-wrap { }
            .ht-box-images:hover .image-box-wrap .default-image img { }
            .ht-box-images:hover .image-box-wrap p.text { color: rgb(0, 0, 0); }
        .ht-box-images:hover .ht-box-images .image-box-wrap .box-heading { color: rgb(0, 0, 0); }
    .ht-box-images .image-box-wrap { box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%); background: rgb(255, 255, 255); border-radius: 20px; padding: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; overflow: hidden; position: relative; height: 100%; }
    .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; text-transform: uppercase; }
        .ht-box-images .box-tagline::after { content: ""; transition: all 0.5s ease 0s; 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: rgb(0, 0, 0); transition: all 0.5s ease 0s; }
    .ht-box-images:hover .box-tagline > span { color: rgb(255, 255, 255); }
    .ht-box-images .image-box-wrap .box-image { position: relative; margin-bottom: 20px; }
        .ht-box-images .image-box-wrap .box-image img { transition: all 0.5s ease 0s; height: 70px; }
    .ht-box-images .image-box-wrap .content .box-images-arrow { display: inline-block; margin-top: 12px; font-size: 0.9rem; font-weight: 500; }
        .ht-box-images .image-box-wrap .content .box-images-arrow a { color: rgb(13, 38, 104); padding-left: 0px; }
    .ht-box-images .image-box-wrap p.text { color: rgb(136, 136, 136); margin: 0px; transition: all 0.5s ease 0s; text-align: justify; /* min-height: 62px; */ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
        .ht-box-images .image-box-wrap p.text strong { font-weight: 600; }
    .ht-box-images .image-box-wrap .box-heading { font-size: 1.1rem; font-weight: 700; opacity: 0.8; color: inherit; }
    .ht-box-images.type2 .image-box-wrap .box-image img { width: 100%; height: 100%; object-fit: cover; }
    .ht-box-images.type2 .image-box-wrap .box-image { margin: -20px -20px 20px; }
    .ht-box-images.type2:hover .image-box-wrap { background: rgb(255, 255, 255); }
    .ht-box-images.type2:hover .image-box-wrap { box-shadow: rgba(51, 51, 51, 0.1) 0px 10px 30px; }
    .ht-box-images .image-box-wrap .alert { font-size: 0.9rem; padding: 5px 10px; border-radius: 20px; font-weight: 500; background: #f4f3ff; border-color: #caccdd; }
.ht-box-type-icon .ht-box-images .image-box-wrap::before { content: ""; height: 140px; width: 150px; border-radius: 50px; background: rgb(255, 242, 242); position: absolute; left: -20px; top: -39px; transform: rotate(15deg); }
.ht-box-type-icon .ht-box-images .image-box-wrap .box-image img { opacity: 0.8; }
.processing-contact-us-bg { background-color: rgb(12, 38, 103); background-image: url("../images/bg-contact-sec.jpg"); background-repeat: no-repeat; background-position: right top; padding: 8rem 0px; background-size: contain; }
.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; 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: 0px; width: 4px; height: 94%; transform: translateY(-50%); background-color: var(--color-secondary); }
.contact-info-two .call-us { color: var(--color-secondary); }
    .contact-info-two .call-us a:hover { color: rgb(255, 255, 255); }
.contact-info-two .heading { color: rgba(255, 255, 255, 0.8); }
.contact-info-two .icon { color: rgb(255, 255, 255); font-size: 4rem; line-height: normal; }
.contact-info-two .btn-secondary:hover { background: rgb(210, 169, 142); color: rgb(255, 255, 255); }


.sec-about { padding: 6rem 0px; background: rgb(255, 255, 255); }
    .sec-about h3 { font-weight: 700; /* color: #ddd; */ }
    .sec-about p { color: rgb(85, 85, 85); text-align: justify; }
        .sec-about p .subtitle { font-size: 18px; font-weight: 700; }
figure .cust-img { border-radius: 10px; box-shadow: rgb(0 0 0 / 10%) 0px 0px 11px 0px; z-index: 1; position: relative; max-width: 450px }


/* .sec-demo { background-image: url("../images/bg-map.png"); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); position: relative; padding-bottom: 0px !important; } */
.sec-demo {  color: rgb(255, 255, 255); position: relative; padding-bottom: 0px !important; background-repeat: no-repeat; background-size: contain;  }
    /* .sec-demo .hd-underline { color: rgb(255, 255, 255); } */
        .sec-demo .hd-underline > span { color: var(--color-primary) }
    /* .sec-demo p { color: rgb(204, 204, 204); } */
    .sec-demo .left-aside { padding-top: 4%; }
    /* .sec-demo .right-aside { padding-left: 32rem; z-index: 1; padding-top: 4%; position: relative; padding-bottom: 8rem; } */
    .sec-demo .right-aside {padding-left: 2rem;z-index: 1;position: relative;/* padding-bottom: 3rem; */}
    .sec-demo .center-img { z-index: 1; position: absolute; bottom: 0px; left: 2.4rem; }
    .sec-demo::after { content: ""; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background: #363636; }
    .sec-demo figure img {/* border-radius: 95px; */box-shadow: none;}



.sec-mobileapp { background-color: #f8f3e8; }
    .sec-mobileapp > a > figure > img { border-radius: 5px; height: 50px; }

.form-cont { position: relative; z-index: 1 }
    .form-cont .form-control, .form-cont .form-select { /* padding: .7rem 1.5rem; */ }
.sec-application-list { padding-bottom: 8rem; text-align: center; }
    .sec-application-list h4 { display: inline-block; border-top: 1px solid rgb(221, 221, 221); padding-top: 5rem; margin-bottom: 2rem; }
.admlist-box { box-shadow: rgba(51, 51, 51, 0.1) 0px 0px 10px; text-align: center; background: rgb(255, 255, 255); border-radius: 5px; padding: 15px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; margin: 40px 15px 10px; }
    .admlist-box .adm-stu { margin: -45px auto 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 4px 0px; height: 100px; width: 100px; border-radius: 50%; border: 5px solid rgb(255, 255, 255); }
        .admlist-box .adm-stu figure { height: 100%; width: 100%; }
        .admlist-box .adm-stu img { height: 100%; width: 100%; border-radius: 50%; object-fit: contain; }
    .admlist-box .adm-uni { font-weight: 500; line-height: 20px; color: rgb(16, 56, 142); height: 47px; vertical-align: middle; }
    .admlist-box .adm-count { font-weight: 700; font-size: 120%; margin-bottom: 15px; }
        .admlist-box .adm-count > span { font-size: 20px; }
    .admlist-box .adm-prog { border-top: 1px solid rgb(221, 221, 221); padding: 7px 0px; color: #777; }
    .admlist-box h5 + .adm-prog { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
    .admlist-box p { margin-bottom: 5px; font-size: 0.9rem; }
    .admlist-box h5 { font-size: 16px; margin-bottom: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sec-application-list .carousel-control-prev { left: -30px; }
.sec-application-list .carousel-control-next { right: -30px; }
.sec-application-list .slick-slide { padding: 0px 10px; }
.carousel-control-next, .carousel-control-prev { top: 30%; }


.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: rgb(238, 238, 238); 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 12rem; background: rgb(231, 237, 251); text-align: center; }
    .sec-partner-university .slick-slider figure { height: 110px; width: 110px; text-align: center; display: block; margin: 0px auto; }
        .sec-partner-university .slick-slider figure img { width: 100%; height: 100%; object-fit: cover; background: rgb(255, 255, 255); padding: 15px; border-radius: 2px; margin: 0px auto; }
.slick-next::before { content: "\f0da"; color: rgb(0, 0, 0); font-family: "Font Awesome 5 Pro"; font-weight: 700 }
.slick-prev::before { content: "\f0d9"; color: rgb(0, 0, 0); font-family: "Font Awesome 5 Pro"; font-weight: 700 }
.slick-dots li button::before { content: ""; }
.sec-testimonials { padding: 6rem 0px; text-align: center; position: relative; }


    .sec-testimonials .testimonial-caption { margin: 15px; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); padding: 22px; border-radius: 30px; background: rgb(255, 255, 255); }
        .sec-testimonials .testimonial-caption .fa { font-size: 20px; display: inline-block; background: rgb(12, 38, 103); height: 60px; line-height: 58px; width: 60px; border-radius: 50%; color: rgb(255, 255, 255); margin-bottom: 12px; }
        .sec-testimonials .testimonial-caption h3 { color: rgb(85, 85, 85); font-size: 16px; }
            .sec-testimonials .testimonial-caption h3 span { display: block; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); text-align: justify; }
        .sec-testimonials .testimonial-caption p { margin: 17px auto 0px; width: 100%; color: rgb(136, 136, 136); font-size: 0.9rem; position: relative; text-indent: 42px; min-height: 61px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
        .sec-testimonials .testimonial-caption .testimonial-text { position: relative; }
            .sec-testimonials .testimonial-caption .testimonial-text::before { content: ""; font-family: FontAwesome; font-size: 4rem; position: absolute; top: -4px; color: rgb(243, 243, 243); margin-right: 10px; }
        .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; }

.video-slider { margin: 15px; }
    .video-slider figure { cursor: pointer }
        .video-slider figure img { border-radius: 30px }


.social-list { margin: 0px; }
    .social-list > li { display: inline-block; }
        .social-list > li > a { font-size: 16px; margin-right: 10px; }
    .social-list.lg { display: flex; width: 50%; }
        .social-list.lg > li { width: 20%; text-align: center }
            .social-list.lg > li > a { padding: 0px 1.2rem; display: inline-block; }
                .social-list.lg > li > a:hover img { transform: rotate(360deg); transition: ease all 0.5s }
    .social-list > li > a img { width: 45px; transition: ease all 0.5s }
    .social-list > li > a:hover { color: var(--color-secondary); }
.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: rgb(0, 0, 0); transition: all 0.5s ease 0s; }
                .socials ul li a:hover { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 2px 2px 4px; transition: all 0.5s ease 0s; }



.footer {position: relative;color: rgb(204, 204, 204);overflow: hidden;background: rgb(0, 0, 0);}
    .footer::after { content: ""; display: none; background-image: url("../images/slider-wave.png"); height: 50px; width: 100%; left: 0px; top: -6px; position: absolute; transform: rotate(180deg); background-size: 100%; }
    .footer .x_row-separator svg { transform: rotateX(125deg); fill: rgb(248, 248, 248); }
    .footer .x_row-separator { top: -11px; bottom: inherit; }
    .footer .waves { transform: rotate( 180deg ); top: -6rem; }


.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: var(--color-secondary); }
    .ftr-form input[type="text"], .ftr-form input[type="number"], .ftr-form textarea { background: transparent; padding: 9px 18px; border-radius: 2px; width: 100%; margin-bottom: 15px; border: 1px solid rgb(85, 85, 85); color: rgba(255, 255, 255, 0.8); }
    .ftr-form input[type="button"] { height: 3rem; line-height: 3rem; }
.ftr-lnks { margin-bottom: 30px; }
    .ftr-lnks h4 { color: rgb(255, 255, 255); font-size: 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: rgb(170, 170, 170); }
            .ftr-lnks ul a:hover { color: var(--color-secondary); }
.cp-rt {font-size: 13px}
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1);  }
.sec-answers { background-color: #eef2fb; }
    .sec-answers h3 { font-weight: 700; margin-bottom: 1.2rem; color: inherit; }
    .sec-answers p { text-align: center; opacity: 0.7 }
    .sec-answers .row > div + div { border-left: 1px solid #ddd }
    .sec-answers .img-answers { height: auto; width: 100%; position: relative; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(10px 29px 6px rgba(0,0,0,0.2)); }
.section-answers > p { font-size: 16px; }
.section-answers > a > figure > img { border-radius: 5px; height: 50px }


.background-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; overflow: hidden; }
    .background-wrapper .background { height: 100%; width: 100%; }
.background--particles { overflow: hidden; width: 120%; height: 120%; }
.inner-page p {text-align: inherit;color: rgb(74 74 74);}
    .inner-page p a { font-weight: 600; }
        .inner-page p a:hover { text-decoration: underline; }

.bnr-heading {position: relative;height: 235px;/* padding-top: 3rem; *//* margin-bottom: 3rem; */background: var(--background-primary), url(/images/medicine-instruments.jpeg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding: 9rem 0 3rem 0;}
    .bnr-heading::after { /* content: ""; */ background-image: url("../images/slider-wave.png"); height: 43px; width: 100%; left: 0px; bottom: 0px; position: absolute; background-size: 100%; }
    .bnr-heading img { width: 100%; }
    .bnr-heading h2, .heading h1 {z-index: 2;padding: 0px;margin-bottom: 2px;display: inline-block;font-size: 2.4rem !important;color: rgb(255, 255, 255) !important;text-shadow: rgba(0, 0, 0, 0.12) 4px 0px 3px;font-weight: 500;}
    .bnr-heading p { text-align: center; }
    .bnr-heading .breadcrumb { color: rgba(255,255,255,0.8) }
        .bnr-heading .breadcrumb a:hover { color: var(--color-secondary) }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.8) }
.bnr-heading .waves { bottom: -30px; }


.aboutus h4, h1.type1 { font-size: 28px; text-align: center; color: rgb(12, 38, 103); padding-bottom: 30px; border-bottom: 1px dashed rgb(221, 221, 221); line-height: 50px; margin-bottom: 40px; margin-top: 0px; font-weight: 700; }
.aboutus h2 { font-size: 28px; font-weight: 700; }
.services-pg p { color: rgb(85, 85, 85); font-size: 15px; }
.services-pg h3 { margin-bottom: 20px; font-weight: 700; color: rgb(51, 51, 51); font-size: 26px; border-bottom: 3px solid var(--color-secondary); display: inline-block; padding-bottom: 5px; }
.service-list { border-right: 1px solid rgb(221, 221, 221); height: 100%; }
    .service-list ul { list-style-type: none; padding-left: 0px; position: sticky; top: 70px; }
        .service-list ul li a { border-bottom: 1px solid rgb(221, 221, 221); padding: 12px 0px; display: block; font-size: 15px; font-weight: 600; position: relative; color: rgb(119, 119, 119); }
        .service-list ul li:last-child a { border-bottom: 0px; }
        .service-list ul li a:hover { color: rgb(12, 38, 103); }
        .service-list ul li.active a::after { position: absolute; bottom: 0px; height: 3px; background: var(--color-secondary); width: 100%; left: 0px; }
        .service-list 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 li.active a { color: rgb(12, 38, 103); }

    .service-list.right-aside { border-right: 0px; border-left: 1px solid rgb(221, 221, 221); }
        .service-list.right-aside ul li a { padding-left: 15px }

.service-cont .row + .row { margin-top: 4rem; }
.service-cont .left-sec { padding: 3rem; padding-top: 4rem; position: relative; }
    .service-cont .left-sec::after { content: ""; position: absolute; background: rgb(234 235 240); width: 150%; height: calc(100% - 40px); top: 20px; left: 0px; z-index: -1; border-radius: 5px; }
.service-cont .right-sec { padding: 3rem; padding-top: 5rem; position: relative; }
    .service-cont .right-sec::after { content: ""; position: absolute; background: rgb(234 235 240); width: 150%; height: calc(100% - 40px); top: 20px; right: 0px; left: -50%; z-index: -1; border-radius: 5px; }
.service-cont .service-image { margin: 0px; }
.service-image > img {width: 100%;}
.service-cont .order-md-1 figure { text-align: right; }
.service-info h3 {font-weight: 700;margin-bottom: 16px;font-size: 1.8rem;}
.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: none; padding: 2rem; margin: auto; background: #e8f3f1; border-radius: 30px; }
    .service-cont.theme-2 .left-sec::after { display: none }
.service-cont.theme-2 .service-image > img { border: 0px; border-radius: 0px }
.service-cont.theme-2 .row + .row { margin: 0px }
.service-cont.theme-2 .service-info p { font-size: 1.1rem; line-height: normal; margin: 0px; }
.service-cont.theme-2 .service-info h3 { color: rgb(0 118 93) }

.white-box { background: rgb(255, 255, 255); box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 15%); border-radius: 20px; padding: 20px; }
address ul { list-style-type: none; padding-left: 0px; }
    address ul li {padding: 25px 10px 5px 49px;position: relative;line-height: 24px;}
        address ul li strong { font-weight: 500; }
        address ul li .bi {position: absolute;left: 0px;font-size: 1.3rem;top: 18px;background: #008479;color: #fff;display: inline-block;border-radius: 50%;line-height: 40px;height: 40px;width: 40px;text-align: center;}
            address ul li .fa.fa-envelope-o { font-size: 1.2rem; }
.get-in-tch p { font-size: 14px; text-align: left; }
.cont-form {background: rgb(255, 255, 255);padding: 30px;border-radius: 30px;box-shadow: rgb(51 51 51 / 10%) 0px 0px 40px;}
.section-wrapper .cont-form:before {content: '';position: absolute;left: -90px;top: 20%;height: 190px;width: 190px;/* border: 23px solid #f0f4ff; */border-radius: 50%;z-index: -1;}
.cont-form .form-group { margin-bottom: 2rem; }
.cont-form .file-upload-cont .form-control { border: 1px solid #eee; padding-left: 5px; background: #fafafa }
.cont-form .file-upload-cont label { font-weight: 500; font-size: 13px; margin-bottom: 4px; }
.cont-form h6 { font-weight: 600; text-transform: uppercase; color: rgb(170, 170, 170); font-size: 14px; letter-spacing: 1px; }
.cont-form .form-control { font-size: inherit; box-shadow: none; border-radius: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); padding-left: 0px; }
    .cont-form .form-control.err { border-bottom: 1px solid rgb(193, 46, 46); }
.cont-form label { }

.feedback-form, .overlay { z-index: 100; position: fixed; }
.feedback-form { top: 20%; right: 0px; }
.cnt-form { transition: all 0.4s ease 0s; padding: 20px; margin-right: -300px; border-radius: 30px 0px 0px 30px; width: 300px; box-shadow: 0px 0px 16px 0px rgb(0,0,0,0.15); }
    .cnt-form h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; }
    .cnt-form.active { margin-right: 0px; }
.feedback-form .cont-form .form-group { margin-bottom: 1.2rem; }
.feedback-form .cont-form .btn.btn-solid { height: 2.5rem; line-height: 0.5rem; font-size: 1rem; }
.feedback-form .pull_feedback { background: var(--color-secondary); width: 162px; float: right; text-align: center; font-size: 14px; position: absolute; top: 220px; padding: 8px; left: -36px; transform: rotate(270deg); transform-origin: left top 0px; color: rgb(0, 0, 0); border-radius: 20px 20px 0px 0px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; display: block !important; }
.sticky-aside-cont { z-index: 100; position: fixed; }
.sticky-aside-cont { top: 20%; right: 0px; }
.sticky-aside-cont-inner { transition: all 0.4s ease 0s; padding: 20px; margin-right: -320px; background: rgb(255, 255, 255); border-radius: 3px 0px 0px 3px; width: 320px; box-shadow: rgba(51, 51, 51, 0.1) 0px 0px 20px; }
    .sticky-aside-cont-inner h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; 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: rgb(84, 156, 3); width: 50px; float: right; text-align: center; font-size: 14px; position: absolute; top: 20px; padding: 8px; left: -46px; transform-origin: left top 0px; color: rgb(0, 0, 0); border-radius: 25px 0px 0px 25px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; display: block !important; }
    .sticky-aside-cont .pull_sticky-aside:hover .fa { transform: rotate(360deg); transition: all 0.5s ease 0s; }
    .sticky-aside-cont .pull_sticky-aside .fa { font-size: 18px; height: 30px; width: 30px; display: inline-block; background: rgb(255, 255, 255); line-height: 30px; border-radius: 50%; transition: all 0.5s ease 0s; }
.sticky-aside-cont-inner ul li strong { font-weight: 600; }
.sticky-aside-cont-inner ul li { padding: 8px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
    .sticky-aside-cont-inner ul li a { color: inherit; }
.sticky-aside-cont-inner ul { }
.float-btn { position: fixed; width: 50px; height: 50px; line-height: 55px; bottom: 20px; left: 20px; background-color: rgb(37, 211, 102); color: rgb(255, 255, 255); border-radius: 50px; text-align: center; font-size: 30px; box-shadow: rgb(153, 153, 153) 2px 2px 3px; z-index: 100; }
    .float-btn:hover { background: var(--color-secondary); color: rgb(0, 0, 0); }

@media screen and (min-width: 767px) {
    .sticky-aside-cont-inner:hover { margin-right: 0px; }
}


.bullet-list > li {position: relative;padding: 3px 0px 6px 1.8rem;}
    .bullet-list > li i {position: absolute;left: 0px;top: 3px;color: rgb(0 144 112);font-size: 1.2rem;}
.bullet-list.md { font-size: 1rem; font-weight: 500; }
.bullet-list.lg { font-size: 1.1rem; font-weight: 500; }
    .bullet-list.lg > li { padding: 4px 0px 4px 2rem; }
        .bullet-list.lg > li i { font-size: 1.4rem; top: 5px; }

.bullet-list.img > li { padding-left: 0px; display: flex; align-items: center !important; padding: 8px 0px; border-bottom: 1px solid #e5e5e5; position: relative; line-height: 20px; }
    .bullet-list.img > li:after { content: ''; position: absolute; left: 0px; bottom: -1px; width: 78px; background: #fff; height: 2px; }
    .bullet-list.img > li:last-child { border: 0px }
    .bullet-list.img > li img { width: 59px; margin-right: 17px; background: rgb(253 249 233); padding: 10px; border-radius: 15px; display: inline-block; border: 1px solid rgba(0,0,0,0.1); }

.bullet-list.type2 > li { padding-left: 20px }
    .bullet-list.type2 > li:before { content: "\f0a9"; position: absolute; left: 0px; top: 7px; font-size: 1rem; font-family: "Font Awesome 5 Free"; font-weight: 700; }


.accordian-cont > li { display: block; border-bottom: 1px solid rgb(238, 238, 238); }
    .accordian-cont > li:last-child { border-bottom: 0px; }
    .accordian-cont > li > dt { cursor: pointer; display: block; padding: 10px 0px; position: relative; }
        .accordian-cont > li > dt.active { color: rgb(199, 4, 4); }
        .accordian-cont > li > dt > h5 { margin: 0px; padding: 0px; font-size: 16px; display: inline-block; font-weight: 600; }
    .accordian-cont > li > dd { padding: 0px 0px 5px; margin: 0px; }
.accordian-cont.style-qstn > li > dt::before { content: "Q."; font-family: inherit; display: inline-block; font-size: 16px; padding-right: 3px; }
.accordian-cont.style-qstn > li > dd { padding-left: 23px; }



.links-cont h4 { font-size: 1rem; background: var(--color-secondary); padding: 5px 8px }
    .links-cont h4 .fa { margin-right: 5px }
.links-cont ul li a { font-weight: 500; }
    .links-cont ul li a.active { color: var(--color-primary) }
        .links-cont ul li a.active i { }

.vect-shape1 { left: -40px; bottom: -30px; z-index: 0; }
.shape-circle:after { content: ''; position: absolute; right: -90px; top: 40%; height: 160px; width: 160px; border: 23px solid #dbdbdb; border-radius: 50%; }

.solution-cont { border-radius: 40px; box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 10%); overflow: hidden; background-color: #fff }
    .solution-cont h2 { background: #fff; padding: 15px; margin: 25px 0px; }
    .solution-cont .left-cont { height: 100%; background-color: #ffcd00; padding: 3rem 0px !important; }

.table-cont { border-radius: 30px; box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 15%); background: rgb(255, 242, 242); }
    .table-cont tbody { background: #fff }
    .table-cont td, .table-cont th { padding: 10px 15px }
    .table-cont .table > :not(:last-child) > :last-child > * { border-color: #ddd; }


.custom-tab .nav-link { padding: 15px 2rem; border-radius: 20px 20px 0px 0px; }
    .custom-tab .nav-link img { width: 70px }
    .custom-tab .nav-link h6 { font-weight: 600 }
.custom-tab .tab-content { padding: 20px; background: #fff; border: 1px solid #ddd; border-top: 0px; border-radius: 0px 0px 30px 30px; }

.custom-tab .branch-cont { display: flex; background: rgb(245 239 222); align-items: center; padding-left: 14px; border-radius: 20px; overflow: hidden; border: 1px solid #f4b200; }
    .custom-tab .branch-cont h6 { margin: 0px; text-transform: uppercase; color: #000; font-weight: 700; }
    .custom-tab .branch-cont a { margin-left: auto; background: var(--color-secondary); color: #000; padding: 5px 10px; font-weight: 600; }
        .custom-tab .branch-cont a:hover { background: #d39c07; color: #fff; }


.sticky-container { padding: 0; margin: 0; position: fixed; left: -172px; bottom: 25%; width: 210px; z-index: 1100; text-align: right; }
    .sticky-container ul li { background: #fff; padding: 4px; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); border-radius: 0px 20px 20px 0px; transition: 0.5s ease all; height: 38px; line-height: 28px; }
        .sticky-container ul li > a { display: block; position: relative; padding-right: 40px; }
        .sticky-container ul li:hover { transition: 0.5s ease all; margin-right: -115px; }
        .sticky-container ul li i { display: inline-block; height: 30px; width: 30px; background: #ccc; border-radius: 50%; text-align: center; line-height: 30px; color: #fff; position: absolute; right: 0px; top: 0px; }
        .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 }
        .sticky-container ul li.li-pinterest i { background: #c8232c }
        .sticky-container ul li.li-instagram i { background: #dd2a7b }
        .sticky-container ul li.li-Whatsapp i { background: #45c256 }

.Full_Width .page-cont > .row > div[class^=col] { width: 100% }
    .Full_Width .page-cont > .row > div[class^=col] + div, .Full_Width .page-cont .right-aside { display: none }
.Full_Width .main-content > .container { max-width: inherit }


.count-boxes { margin-top: 2rem }
    .count-boxes > div > div { position: relative; padding-left: 77px; padding-top: 4px; margin-bottom: 1.5rem; }
    .count-boxes > div span { position: absolute; left: 0px; top: 0px; font-size: 2.2rem; padding: 10px; background: var(--color-secondary); border-radius: 50%; height: 65px; width: 65px; line-height: 45px; text-align: center; color: #fffaec; text-shadow: 0px 0px 8px rgb(0 0 0 / 30%); }
    .count-boxes > div h3 { margin-bottom: 0px; }
    .count-boxes > div p { margin: 0px; color: #999; font-weight: 500 }

.iframe-cont { border-radius: 30px; overflow: hidden; }
    .iframe-cont iframe { width: 100% }
    .iframe-cont.full-width iframe { width: 100%; height: 500px; margin: -1px; margin-bottom: -7px }


.Studium .bnr-heading { background: linear-gradient( 207deg, rgb(27 67 115) 00%, rgb(131 64 24) 70%); }

figure.img-theme-center { background: #f1ebea; padding: 30px; }
    figure.img-theme-center img { padding: 20px; background: #fff; border-radius: 60px !important; box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%); }

.img-zoom { position: relative; overflow: hidden }
    .img-zoom img { transition: ease all 1s }
        .img-zoom img:hover { transition: ease all 1s; transform: scale(1.1) }

.yellow-box { background: linear-gradient( 207deg, rgb(12 38 103) 0%, rgb(25 135 84) 100%); padding: 25px; color: #ffffff !important; line-height: normal; border-radius: 30px; text-decoration: none !important; }
    .yellow-box:hover { color: #fff; empty-cells: te; }
    .yellow-box i { font-size: 80px; }
    .yellow-box .call-text { font-weight: 600; font-size: 16px }
    .yellow-box .call-no { font-weight: 700; font-size: 30px; color: #fff; text-decoration: none; }
        .yellow-box .call-no a { color: inherit; text-decoration: none }
            .yellow-box .call-no a:hover { color: var(--ion-color-warning) }
    .yellow-box ul li:before { color: #fff; top: 3px }


.gallery figure { width: 100%; margin: 0px; height: 210px; border: 1px solid rgba(0,0,0,0.1); border-radius: 20px; overflow: hidden }
    .gallery figure img { width: 100%; height: 100%; object-fit: cover; transition: ease all 0.5s }
    .gallery figure:hover img { transition: ease all 1s; transform: scale(1.2) }
.gallery .gallery-img { display: block }
.gallery .card { border-radius: 20px }

.right-aside .white-box { box-shadow: none; background: #fffaee; border: 1px solid rgba(0,0,0,0.1); }
/*======== Media Query Start =======*/

@media screen and (min-width: 1400px) {
    .banner-cont .banner-text-cont {width: 52%;}
    .banner-cont .banner-img-cont {width: 26%;right: 0;}
}

@media screen and (max-width: 1100px) {
    .banner-cont .banner-text-cont > h1 { font-size: 2.7rem }
    .banner-cont .banner-img-cont > figure .img2 { left: -90px }
    .banner-cont .banner-text-cont { padding: 6rem 0px }
    .sec-banner::after, .bnr-heading::after { height: 38px }
    .sec-about h3 { font-size: 1.5rem }
    .footer::after { height: 38px }
    .banner-cont .banner-img-cont {right: 110px;}

    .sec-demo .right-aside {padding-left: 3rem;}
    .mob-app-sec .mob-app-img2 img{left: 104px !important;}
    .mob-app-sec img { width: 131px !important;}
}

@media screen and (max-width: 991px) {
    .sec-demo{background-color: #363636;}
    .navbar{align-items: end;}
    .banner-cont{padding-bottom: 170px !important;}
    .trust-para{bottom: 102px !important;}
    .trus-logo img{width: 65px !important;}
    .parent-crm-sec{padding-bottom: 7rem !important; }
    .sec-banner{background-image: none;}
    .sec-demo{background-image: none;}
    .wow { visibility: visible !important; animation: 0s ease 0s 1 normal none running none !important; }
    .header { z-index: 999; top: 0px; }
    .navbar .navbar-collapse, .navbar-toggler + .navbar-collapse { position: fixed; top: 0px; width: 100%; height: 100%; background: var(--color-secondary); z-index: 99; padding: 60px 20px 20px; display: block; right: -100%; visibility: hidden; transition: all 0.5s ease 0s; }
        .navbar .navbar-collapse, .navbar-toggler + .navbar-collapse .navbar-nav { height: 100%; overflow-y: auto; overflow-x: hidden /*edited by shubham  */; }
    .top-header { z-index: 9999; background: none; }
        .top-header ul.navbar-nav {position: absolute;right: 56px;top: 31px;}
        .top-header .navbar .nav-item + .nav-item { margin-left: 20px; }
        .top-header .nav-link .fa-headset { color: #1c4c7e; }
        .top-header .nav-link .fa-whatsapp { color: var(--bs-success); }
        .top-header .nav-link { padding: 0; }
            .top-header .nav-link span, .top-header .navbar .nav-item + .nav-item::before { display: none; }
            .top-header .nav-link i { margin: 0 !important; bottom: inherit !important; width: inherit !important; font-size: 2.4rem !important; text-align: center !important; }
    /* .top-header .nav-link { width: 40px; height: 40px; box-shadow: 1px 5px 5px #00000038; padding: 10px; border-radius: 5px; display: flex; align-items: center; justify-content: center; } */

    .navbar .navbar-collapse.show, .navbar .navbar-collapse.show { right: 0px; visibility: visible; transition: all 0.5s ease 0s; }
    .header .navbar-nav li .nav-link { color: rgb(0, 0, 0); font-size: 16px; font-weight: 700; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1.2rem 0px; }
    .navbar-expand-lg .navbar-nav .nav-link > i { font-size: 1rem; margin-left: 5px; transition: all 0.3s ease 0s; }
        .navbar-expand-lg .navbar-nav .nav-link > i::before { content: ""; }
    .navbar-expand-lg .navbar-nav .nav-link.active > i { transform: rotate(180deg); transition: all 0.3s ease 0s; }
    #home .nav-home, #about .nav-about, #crm .nav-product, #career .nav-career, #contact .nav-contact { color: rgb(0, 0, 0); font-weight: 700; }
    .header .navbar-brand img {width: 77px;}
    .header .logo-cont { position: static; margin-bottom: -37px; margin-top: 0px; }

    .navbar-toggler { padding: 0px; position: relative; z-index: 9999; margin-top: -6px; }
        .navbar-toggler:focus { box-shadow: none; }
        .navbar-toggler:active, .navbar-toggler:focus { outline: none; }
        .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: #fff;top: 12px;border-radius: 5px;}
            .navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after {content: "";position: absolute;width: 100%;height: 5px;background: #fff;right: 0px;top: 1px;transform: inherit;transition: all 0.3s ease 0s;border-radius: 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: rgb(255 255 255);right: 0px;top: 10px;transition: all 0.3s ease 0s;}
        .navbar-toggler.active .navbar-toggler-icon::after { transform: rotate(-45deg); }
        .navbar-toggler.active .navbar-toggler-icon::before { transform: rotate(45deg); }
    .navbar .navbar-nav .nav-link::before, .navbar-expand-lg .navbar-nav .nav-link::after, .navbar-expand-lg .navbar-nav .dropdown-menu::before { display: none; }
    .navbar .navbar-nav .dropdown-menu { background: none; box-shadow: none; border: 0px; display: none; visibility: visible; opacity: 1; max-height: inherit; }
    .navbar .navbar-nav .megamenu .dropdown-menu { width: 100%; background: none; border: 0px; box-shadow: none; padding: 0 !important; }

        .navbar .navbar-nav .megamenu .dropdown-menu .megadd-list { padding: 5px; }
            .navbar .navbar-nav .megamenu .dropdown-menu .megadd-list > div { border-right: 0px !important }
            .navbar .navbar-nav .megamenu .dropdown-menu .megadd-list h3 { margin-top: 15px; background: #333; display: inline-block; padding: 0px 2px; color: var(--color-secondary); margin-bottom: 0px; }
        .navbar .navbar-nav .megamenu .dropdown-menu .dropdown-item { padding: 8px 0px }

    .dropdown-menu .dropdown-item { padding-left: 0px; font-size: 1rem; font-weight: 600; line-height: 16px; }
    .dropdown-menu > .dropdown-item { margin-left: 15px; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus { background: none; }

    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus { color: rgb(0, 0, 0); }
    #home .nav-home, #about .nav-about, #products .nav-product, #services .nav-service, #career .nav-career, #contact .nav-contact { color: rgb(0, 0, 0); background: rgb(212, 190, 6); }
    /* .banner-cont .banner-text-cont { width: 50%; padding: 5rem 0px; } */
    .banner-cont .banner-text-cont { width: 100%; padding: 5rem 0px;left: 20px; }
        .banner-cont .banner-text-cont > h1 {font-size: 1.9rem;}
    .banner-cont .banner-img-cont {bottom: inherit;top: 63%;transform: translateY(-55%);right: 33px;width: 33%;}
        .banner-cont .banner-img-cont > figure .img2 { left: 50px; bottom: -21%; transform: rotate(-89deg); }
        .banner-cont .banner-img-cont > figure .img3 { left: 119px; bottom: -89px; width: 217px; }
    .sec-banner > figure { max-height: 600px; }
    .x_row-separator svg { height: 50px; }

    .home-cont > section, .home-cont > form > section { padding: 3rem 0px }
    .ht-box-images .image-box-wrap { }
        .ht-box-images .image-box-wrap .box-image { }
            .ht-box-images .image-box-wrap .box-image img { }
    h1, h2, .h2 { font-size: 2rem; }
    .hd-underline { margin-bottom: 1rem }
    .sec-partner-university { padding-bottom: 7rem; }

    .processing-contact-us-bg { background-size: contain; }
    .conact-us-wrap-one .heading { font-size: 2rem; }

    .carousel-control-next, .carousel-control-prev { width: 40px; }
        .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: 3rem 0px 0px; }
    .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; }
    .tbl-cont1 { overflow-x: auto; }

    .sec-about h3 { font-size: 1.2rem }
    .footer::after, .sec-banner::after, .bnr-heading::after { height: 28px; }

    .sec-demo::after { display: none }
    .sec-demo .right-aside {padding-bottom: 30px;padding-top: 30px;background: #ffd504;border-radius: 35px 35px 0px 0px;padding-left: 2rem;background: #363636;}
    .sec-demo .center-img { left: 0px }
    .sec-demo .left-aside { padding-top: 0px; padding-bottom: 20px }
    .sec-answers .row > div + div { border: 0px; border-top: 5px solid #fff }

    .bnr-heading {padding-bottom: 0px;padding-top: 120px;height: 245px;/* padding: 6rem 0 3rem 0; */}
        .bnr-heading .waves { bottom: 0px; }

    .custom-tab .nav-link { padding: 10px 1rem; display: block; border-radius: 30px 0px 0px 30px; margin-bottom: 12px; }
        .custom-tab .nav-link img { width: 50px; }
    .nav-tabs .nav-link.active { border-right: 0px; border-bottom: 1px solid #ddd; position: relative; }
        .nav-tabs .nav-link.active:after { content: ''; position: absolute; height: 100%; width: 3px; right: -2px; top: 0px; background: #fff; z-index: 2; }
    .custom-tab .tab-content { height: 100%; border-radius: 0px 30px 30px 0px; border: 1px solid #ddd; }
    .custom-tab .nav-link h6 { margin-bottom: 0px }

    .banner-cont .waves { margin-top: -20px }
}

@media screen and (max-width: 767px) {
    .top-header .nav-link i{font-size: 2rem !important;}
    .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 { }
    .ht-box-images .image-box-wrap { padding: 15px; display: block; }
        .ht-box-images .image-box-wrap .box-image { padding-right: 1.2rem; display: block; margin-bottom: 25px; }
        .ht-box-images .image-box-wrap .content .box-images-arrow { margin-top: 17px; }
        .ht-box-images .image-box-wrap .box-heading { font-size: 1rem; }
    .sec-testimonials .testimonial-caption p { width: 100%; }
    .inner-page .sec-banner > figure { max-height: 250px; }
    .inner-page h2, .inner-page h1 { font-size: 1.5rem !important; margin-bottom: 10px; }
        .inner-page h1.type1 { font-size: 1.2rem; line-height: normal; }
    .inner-page h3, .inner-page .h3 { font-size: 1.2rem; margin-bottom: 10px; }
    .inner-page img.img-responsive { width: 100%; margin-bottom: 1rem; }
    .inner-page .hd-underline { margin-bottom: 7px; font-size: 1.5rem !important; }
    .service-cont .row + .row { margin-top: 2rem; }
    .service-cont .right-sec { padding: 20px; }
    .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; display: none; }
    .service-info p { margin: 0px }
    .service-image > img {border-width: 2px;}

    .bnr-heading {margin-bottom: 1rem;height: 191px;background-size: cover;}
    .footer { margin-top: 0;  }
    .sec-application-list { padding-top: 0px; }
        .sec-application-list h4 { font-size: 20px; }

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

    .about-text { margin-top: 2rem }
    .sec-demo .right-aside {padding: 2rem 0rem;}
    .sec-demo .center-img { display: none }
    .sec-demo .left-aside { padding: 0px }
    .sec-demo .row { margin: 0px }
    .footer::after, .sec-banner::after, .bnr-heading::after { background-size: 180%; height: 25px }

    .inner-page .figure-float { max-width: 100% }
    .section-wrapper > section {padding: 2rem 0px;}
    .bnr-heading .waves { bottom: -15px; }

    .custom-tab .tab-content { padding: 15px }
        .custom-tab .tab-content .fs-5 { font-size: 1rem !important }
    .custom-tab .branch-cont h6 { font-size: 14px }
    .custom-tab .branch-cont a { font-size: 14px }
    .custom-tab .nav-link h6 { font-size: 14px; line-height: 15px }
    .shape-circle:after { display: none }

    .bullet-list.lg { font-size: 1rem }
    .feedback-form { display: none }
    .sticky-container { display: none }
    .solution-cont .left-cont { padding: 3rem 0px !important }

    .yellow-box { padding: 15px }
        .yellow-box .call-no { font-size: 20px; line-height: 19px; margin-top: 10px; }
        .yellow-box .call-text { line-height: 18px; font-size: 14px; font-weight: 400 }
        .yellow-box i { font-size: 70px }
        .yellow-box .row > div + div { margin-top: 13px; padding-top: 15px !important; border-top: 1px solid rgba(255,255,255,0.1) }

    .iframe-cont iframe { height: 200px }

    .page-cont .right-aside { margin-top: 20px }
    .social-list.lg { width: 100% }
    .social-list > li > a img { width: 30px; }
    figure .cust-img { width: 100%; }
    
}

@media screen and (max-width: 599px) {
    .header .navbar-nav li .nav-link:hover, .header .navbar-nav li .nav-link.active{
        color: var(--color-primary);
    }
    .banner-cont .banner-text-cont {width: 100%;left: 20px;/* padding: 4rem 0px; */}
    /* .banner-cont .banner-img-cont { display: none; } */
    .sec-banner > figure { max-height: 600px; }
    .hd-underline { font-size: 1.6rem !important; }
    .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; }
    /* Edited by shubham  25/ 08 /22 */
    .x_row-separator svg { height: 56px; }
    .privacy-terms, .cp-rt {text-align: center;}
    .top-header .navbar .nav-item + .nav-item { margin-left: 23px; }
}

@media (min-width: 1200px) and (max-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px; }
}

@media screen and (max-width: 359px) {
    .top-header .navbar .nav-item .nav-link { font-size: 10px; }
    .top-header .navbar a i { font-size: 1rem; }
    .home-cont > section, .home-cont > form > section { padding: 3rem 0px }


}

/*Somnath.css*/


.sec-testimonials { text-align: left; }
    .sec-testimonials .testimonial-caption .col-img { width: 80px }


.video-content figure { position: relative }
    .video-content figure > .btn-video { position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%); font-size: 40px; z-index: 5; }
    .video-content figure img { max-width: inherit }
.icon { background: rgb(159 12 12 / 72%); padding: 20px; color: #ffffff; width: 90px; border-radius: 50%; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); height: 90px; text-align: center; margin: auto; line-height: 50px !important; }
.tbl { display: table }

.link-branches:hover { border-bottom: 1px solid red }


.vert-tab-cont > div { width: 80% }
    .vert-tab-cont > div:first-child { width: 20% }
.vert-tab-cont > .tab-content { border: 1px solid #ddd; padding: 15px; /* margin-left: 23px; */ /* border-radius: 10px; */ }
.vert-tab-cont .nav-tab { border: 1px solid #ddd; /* border-radius:10px; */ /* overflow:hidden */ position: relative; }
.vert-tab-cont .nav-link { border: 0px; border-bottom: 1px solid #ddd; position: relative }
    .vert-tab-cont .nav-link.active { background: #fff }
        .vert-tab-cont .nav-link.active:after { content: ''; width: 20px; right: -2px; top: 0px; position: absolute; height: 100%; z-index: 500; background: #fff; }
.sec-testimonials .testimonial-caption { height: 240px; }
.para-spcl > p { font-size: 15px; color: rgb(12, 38, 103); font-weight: 800; }
.head-spcl > h3 { color: gold; font-weight: 700 }
.left > h2 { color: rgb(12, 38, 103) }
.right > h2 { color: rgb(12, 38, 103) }
.tab-pane section h2 { color: rgb(12, 38, 103); font-size: 2rem; font-weight: 700 }


@media screen and (min-width: 350px) and (max-width: 767px) {
    .vert-tab-cont > div { width: 67% }
        .vert-tab-cont > div:first-child { width: 33%; margin-right: auto }

    .tab-pane section h2 { color: rgb(12, 38, 103); font-size: 20px; font-weight: 700; }
    .content-wrapper > article .h3 { font-weight: 700; margin-bottom: 20px; color: var(--color-primary); font-size: 1.2rem; }

}

@media screen and (min-width: 250px) and (max-width: 349px) {
    .bnr-heading {width: 100%;padding: 5rem 0 3rem 0;}
        .bnr-heading h2 { font-size: 2.2rem }
    .vert-tab-cont > div { width: 70% }
        .vert-tab-cont > div:first-child { width: 30%; margin-right: auto }
            .vert-tab-cont > div:first-child > button { padding: -10px }
                .vert-tab-cont > div:first-child > button > h6 { font-size: 0.5rem }

    .tab-pane section h2 { color: rgb(12, 38, 103); font-size: 15px; font-weight: 700; }
    .content-wrapper > article .h3 { font-weight: 700; margin-bottom: 20px; color: var(--color-primary); font-size: 1rem; }
  
}

@media screen and (max-width: 250px) {
  
    .bnr-heading { width: 100% }
        .bnr-heading h2 { font-size: 2.2rem }
    .vert-tab-cont > div { width: 65% }
        .vert-tab-cont > div:first-child { width: 35%; margin-right: auto }
            .vert-tab-cont > div:first-child > button { padding: 5px 0 }
                .vert-tab-cont > div:first-child > button > h6 { font-size: 0.5rem }

    .tab-pane section h2 { color: rgb(12, 38, 103); font-size: 10px; font-weight: 700; }
    .content-wrapper > article > p { font-size: 0.6rem; margin-left: auto }
    .content-wrapper > article > ul > li { font-size: 0.8rem; text-align: left }
        .content-wrapper > article > ul > li > i { padding: 0; margin: auto }
    .content-wrapper > article .h3 { font-weight: 700; margin-bottom: 20px; color: var(--color-primary); font-size: 0.7rem; }
}
.modal-img { background: #ef2525 }
    .modal-img > div > h2 { font-size: 1.5rem; color: #ffffff; font-weight: 500; margin: auto }
    .modal-img > div > p { font-size: 15px; color: #ffffff; margin: auto }
.brochure-img { height: auto; width: 100%; position: relative }

.modal-button { float: right; font-size: 10px }
.to-top { position: fixed; bottom: 20px; right: 20px; background: var(--color-primary); padding: 10px 12px; border-radius: 50%; text-align: center; display: none; z-index: 99 }
    .to-top > .scroll-up { font-size: 20px; color: #ffffff; }
    .to-top :hover { color: gold }
.form-sticky { position: sticky; top: 96px; }

.franchise-section .card { background: var(--color-secondary); border-radius: 30px; transition: ease all 0.3s; }
    .franchise-section .card:hover { box-shadow: 0 20px 23px 0px rgba(0,0,0,0.2); transition: ease all 0.3s; transform: translateY(-10px); }
.franchise-section .card-body > h2 { color: #000; font-size: 2.2rem !important; font-weight: 900; }
.franchise-section .card-body > h3 { color: #333; /* font-size: 1.5rem; */ /* font-weight: 700; */ display: inline-block; background: rgba(255,255,255,0.5); padding: 6px 30px; border-radius: 80px; font-size: 1.2rem !important; margin: 0px; }
.franchise-section .card-body > p { /* color: #ffffff; */ /* font-size: 1.2rem; */ /* font-weight: 600; */ /* text-align: center; */ }

.img-gallery { height: 300px; width: 300px; border: none }
.img-transt { overflow: hidden }
    .img-transt > img { transition: transform 0.9s ease; }
    .img-transt:hover > .img-gallery { transform: scale(1.5); }

.popup { width: 100%; height: 80%; position: fixed; background: none; top: 15%; bottom: 10%; display: none; margin: auto; }
.popup_content { width: 50%; margin: auto; }
    .popup_content > img { width: 100%; }
    .popup_content > .close { background: #000; color: #fff; font-weight: bolder; font-size: 1.5rem; float: right; padding: 5px 10px; margin: 0; cursor: pointer; }

    .sec-img{ width: 95px; }
 .trusted-sec{background: #efeff0;border-radius: 0;/* border-top-left-radius: 46px; *//* border-top-right-radius: 46px; */}
 .parent-trust-sec{margin: -6rem auto 0;position: relative;z-index: 1;border-radius: 3rem;overflow: hidden;}
 .trust-para {box-shadow: 0 0 13px 0 rgb(0 0 0 / 15%);position: absolute;bottom: 140px;background-color: #fff; display: none;}
.trus-logo{/* border-radius: 46px; */background: #fff;text-align: center;box-sizing: border-box;}
.trus-logo img{width: 110px;}
.trust-sec-container{background-color: #262626;}
.link-btn{ border: 2px solid #dcdcdcb0; padding: 10px 20px; border-radius: 25px; }
.product-sec{background: #f4f0ea; text-align: center;}
.product-sec-container p{ text-transform: uppercase; letter-spacing: 1.2px;}
.product-sec-container h2{ font-size: 48px; }
.link-btn i{  transition: 0.3s;}
.link-btn:hover{color: inherit;}
.product-sec-container .link-btn{ border-color: #333333;}
.link-btn:hover i{transform: translate(7px,0); }
.parent-poduct-sec{background-color: #ffffff;}

.parent-poduct-sec  .link-btn{border-color: #333333;}
.product-sec-container a:hover{ color: inherit;  }
.list-item i {color: rgb(22, 51, 104); margin-right: 5px;}
.parent-crmvideosec{border-radius: 40px;background-color: #048f6f;padding: 3rem; background-image: url(/images/profile_pattern.png); background-repeat: no-repeat;}
.vdo-cntnt-sec p{font-size: 1.2rem;/* letter-spacing: -0.3px; */color: #dcdcdc;line-height: 1.5rem;}
.vdo-whte-sec { border-radius: 40px; background-color: #fff; box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%); box-sizing: border-box; color: #000; margin: 0 0 -126px; }
.vdo-whte-sec .link-btn{  border-color: #333333;}
.parent-crm-sec{background-color: #c3e1db;}
.feature-sec{background-color: #f5f5f5;}
.counsellor--card{ background: #ffca36; border-radius: 10px; padding: 3rem; transform: translateY(-86px);}
.counsellor--card a:not(.btn) i { margin-right: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #212529; color: #fff;}
.counsellor--card a:not(.btn) { font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; gap: 7px; }
.counsellor--card--number{gap: 12px;}
.counsellor--card .btn{width: max-content; margin-left: auto; border-radius: 5px; font-size: 1rem; }
.counsellor--card .btn::after, .btn:before{ border-radius: inherit;}
.x_row-separator { position: absolute; width: 100%; left: 0; z-index: 1; line-height: 0; bottom: -1px; }
.x_row-separator svg { fill: #262626; height: 50px; width: 100%; }
.mob-app-sec{ position: relative;}
.mob-app-sec img{ width: 230px;}
.mob-app-sec .mob-app-img2 img{left: 202px;top: 62px;position: absolute;}
.trust-sec-container .btn.btn-outline-solid{ color: #fff; border: 2px solid #fff;}
.trust-sec-container .btn.btn-outline-solid:hover::after, .btn.btn-outline-solid:hover::before { background-color: #fff; }
 .trust-sec-container .btn.btn-outline-solid:hover{color: #262626 ;}
 .sec-detail img{border-radius: 12px 70px 12px 12px; margin: -20px -20px 0px 0px; }
.sec-detail-element{border: 3px solid var(--color-secondary); padding: 0px 0px 20px 20px; border-radius: 12px 70px 12px 12px;}
 .sec-about img{border-radius: 12px 70px 12px 12px; margin: -20px -20px 0px 0px;}
 .sec-about .sec-detail-element{border: 3px solid var(--color-primary); padding: 0px 0px 20px 20px; border-radius: 12px 70px 12px 12px;}
 input.form-control:focus {border-color: var(--color-secondary); box-shadow:0 0 0 0.25rem rgb(255 176 47 / 34%) !important;}
 .contact-card{background-color: #333;border-radius:  10px;color: #fff;background-image: url(/images/profile_pattern.png);background-repeat: no-repeat;background-size: cover;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.card-icon i {/* right: 120px; *//* position: absolute; *//* top: 57px; */color: #604b4b;}
.card-icon{display: inline-block;background-color: #f4b200fc;border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.contact-card a {color: inherit;}
.banner-img-cont{background-color: var(--color-secondary);border-radius: 70px 5px 5px 5px;background-image: url(/images/mie_pattern.png);background-size: cover;}
.content-card{height: 100%;padding: 30px;background: white;box-shadow: 1px 7px #fecc00;border-radius: 10px;}
.nmc-sec{background-color: #c3e1db;}
.feature-sec i {font-size: 1.5rem; color: inherit !important;}
.feature-sec span{font-size: 1.1rem;}
.feature-sec li {position: relative;}
.feature-sec .bullet-list>li{padding: 9px 0px 6px 2.2rem;}
.feature-sec .bullet-list>li i{position: absolute;top: 11px;font-size: 1.3rem;}
a.hover-ico {  transition: 0.3s;}
a.hover-ico:hover i {  transform: translateY(-30px);}
.mob-app-img1{display: inline-block;margin-left: -2rem;width: 250px;}
.mob-app-img2{position: absolute;top: 4rem;width: 250px;left: 12rem;}
/* form validation css start */

select.error{border-color: var(--color-primary );}
label.error{color: var(--color-primary) !important;margin-top: 2px;font-size: 0.9rem; display: none !important;}
input.error{border-color: var(--color-primary);}
input.error:focus ,.error:focus{ box-shadow: 0 0 0 0.25rem rgba(252, 15, 15, 0.34) !important; border-color: var(--color-primary);}
.txtMobile + label.error , .txtEmail + label.error{display: block !important;}
.service-image{border: 10px solid #333; border-radius: 10px; box-shadow: 10px 20px 20px 0px rgb(0 0 0 / 20%);
}
/* form validation css end */
.implement-sec{background-color: #048f6f ;}
.implement-sec .card{margin-top: -84px;border: 10px solid #048f6f;border-radius: 19px;margin-bottom: 30px;}
.rounded-card{margin-bottom: 35px;background-color: #fff;width: 150px;line-height: 1;box-shadow: 10px 20px 20px 0px rgb(0 0 0 / 20%);height: 150px;/* padding: 28px; */padding: 39px  0;border-radius: 50%;}
.rounded-card h3{color:#048f6f ;}
.book-demo-sec{background-color: #262626; background-image: url(/images/profile_pattern.png); background-repeat: no-repeat;}
/* custom card css start  */
.cust-card{padding: 30px 30px 30px 30px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);border-radius: 12px;height: 100%;background-color: #fff;}
.cust-card-icon{background-color: #f4b2006e;padding: 28px 0px 0px 25px;border-radius: 50%;width: 60px;/* padding: 20px; */height: 60px;margin-bottom: 20px;} 
.cust-card-icon i { font-size: 2rem; } 
.cust-card p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0;}
.scilent-feature-sec{background-color: #c3e1db;}
.call-req-bg{height: 100% !important; width: 100% !important; object-fit: cover;}
.assesment-bg{ background-color: var(--color-secondary); border-radius: 10px 0px 0px 10px; background-image: url(/images/profile_pattern.png); }
/* custom card css end */
.assesment-dec{background-color:#048f6f}
.mob-app-img > .service-image{border: none !important; box-shadow: none !important;}
.service-cont.theme-2 .left-sec { background: #e8f3f1; padding: 2rem; margin: auto; border-radius: 30px; } .service-cont .left-sec { padding: 4rem 3rem 3rem; position: relative; }
.content-card p.text{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 768px){
    .rounded-card{margin-bottom: 76px;}
    .mob-app-img2{width: 195px;top: 5rem;}
    .mob-app-img1{width: 200px;margin-left: 0;margin-top: 2rem;}
  .banner-cont .banner-img-cont {bottom: inherit;top: 51%; transform: translateY(-42%); right: 54px;width: 31%;}
    .banner-cont {padding-bottom: 150px !important;}
    .header .navbar-brand img{width: 84px;}
.counsellor--card {padding: 2rem; transform: translateY(-43px);}
/* .banner-cont{ padding-bottom: 140px;}  */
.banner-cont{ padding-bottom: 95px !important;} 
.card-icon i{right: 157px; }
}
.bg-gray{background-color: #ddddddd7 !important ;}
@media (max-width: 599px){
.sec-about img{ width: 245px;}
.sec-demo{background-image: none;} .mob-app-img2 {width: 160px;top: 3rem;}
.mob-app-img1 {width: 160px;margin-left: 5px;margin-top: 1rem;}
.counsellor--card .btn { font-size: 0.7rem; margin-top: 10px;} .parent-crmvideosec{padding: 1.5rem;}
.vdo-whte-sec{margin: 0 0 -4px;}
.sec-detail img{width: 245px;}
.header .navbar-brand img {width: 78px;}
.card-icon i{right: 159px; top: 60px; }
.bnr-heading{margin-bottom: 1rem;height: 210px;background-size: cover;padding-top: 107px;}
.service-image{margin-top: 10px;border-width: 5px;border-radius: 5px;}
.mob-app-img{text-align: center !important ; width: 70% !important;}
.service-cont.theme-2 .left-sec { background: none; padding: 2rem; margin: auto; background: #e8f3f1; border-radius: 30px; padding-bottom: 90px !important ; border-radius: 30px 30px 90px 90px  !important; }
.mob-app-img > .service-image{ z-index: 999; position: relative !important;  margin-top: -85px !important;} 
 /* .bi-whatsapp::before , .bi-facebook::before{font-size: 2rem;} */
}
.nav-link:focus, .nav-link:hover{
    color: #fff;
}
@media (max-width: 576px) {.vdo-whte-sec{margin: 0 0 -84px;} .top-header ul.navbar-nav{top: 26px;} .banner-cont{padding-bottom: 100px !important;} .card-icon i {right: 185px;top: 60px;} .banner-cont{padding-bottom: 165px;} .sec-mobileapp{text-align: center;} }
@media (max-width: 360px ) { .card-icon i {right: 159px;top: 60px;}  }
@media (max-width: 1024px){ .banner-cont{padding-bottom: 86px;}}