:root { font-size: 15px; --color-primary: #ffce00; --color-secondary: #e0007d; --color-tertery: rgb(12, 38, 103) }

body { margin: 0px auto; font-size: 1rem; overflow-x: hidden; line-height: 21px; font-family: 'Poppins', 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: 3rem; font-weight: 800; color: #333; margin-bottom: 2rem; }
h3 { color: #333 }
.text-secondary { color: var(--color-secondary) !important }
.fw-500 { font-weight: 500 }

.fw-semibold { font-weight: 600 !important }
.hd-underline { font-weight: 800 !important; position: relative; margin-bottom: 3rem; font-size: 4rem !important; color: #aaa; /* 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.2rem; color: #999 !important; font-weight: bold; /* font-family: 'Cambria'; */ /* font-style: italic; */ text-transform: uppercase; letter-spacing: 2px; }
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: 13px; position: relative; }
    .border-list > li + li { padding-left: 7px; }
    .border-list > li::after { content: ""; height: 15px; top: 3px; width: 1px; background: rgb(0,0,0,.3); 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: 27px; height: 3.5rem; line-height: 3.2rem; 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-tertery); 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: 3.2rem; 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-tertery); color: rgb(255, 255, 255); }
        .btn.btn-solid:hover { color: var(--color-tertery) }

    .btn.btn-outline-solid { background-color: transparent; color: var(--color-tertery) }
        .btn.btn-outline-solid i { border-color: var(--color-tertery) }
        .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-tertery) }

    .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: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px; height: 106px; background: url(../images/bg-header.jpg) right top no-repeat; }
    .header:after { content: ''; position: absolute; bottom: -25px; height: 30px; width: 100%; background: url(../images/bg-header-stripe.png) repeat-x; }
    .header .navbar-brand img { }
    .header .navbar { padding: 0px; }
    .header .navbar-brand { position: relative; z-index: 99; display: b; }
    .header .logo-cont { position: absolute; top: -27px; left: 0px; }
        .header .logo-cont img { width: 134px; /* background: #fff; */ /* border-radius: 50%; */ /* padding: 10px; */ }

    .header .navbar-nav li .nav-link { padding: 16PX 1rem; font-weight: 600; color: rgb(85, 85, 85); 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.dropdown .nav-link:before { content: ''; opacity: 0; visibility: hidden; height: 25px; width: 25px; position: absolute; left: 37%; bottom: -20px; 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; }



.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: 390px; opacity: 1; visibility: visible; top: 109px; 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: 89%; 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); }

.event-date-cont { position: absolute; left: 200px; }
.event-date { display: flex }
    .event-date > span { height: 30px; width: 30px; text-align: center; line-height: 30px; background-color: #666; color: #fff; font-weight: 600; border-radius: 50%; margin: 0px 2px; }
.event-date-cont h5 { font-size: 1rem; font-weight: 700; color: #999; margin: 0px; margin-top: 3px; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
.event-date-cont .pdf-cont { margin-left: 15px }
    .event-date-cont .pdf-cont .btn { font-size: 13px; width: 96px; padding: 6px 6px; height: auto; line-height: 15px; /* letter-spacing: normal; */ border-width: 2px; border-radius: 10px; }
        .event-date-cont .pdf-cont .btn i { position: absolute; display: none; }
        .event-date-cont .pdf-cont .btn:before, .event-date-cont .pdf-cont .btn:after { border-radius: 5px }


.icon-list { display: flex; align-items: center; margin-bottom: 1rem; }
    .icon-list figure img { width: 66px; border-radius: 0px 30px 0px 0px; }
    .icon-list h4 { color: #777; font-size: 1rem; }

.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) {
    .waves { height: 60px; 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%; }
}

/*****  Banner start *****/
.banner-sec { position: relative; padding: 0px !important; }
    .banner-sec .slick-prev, .banner-sec .slick-next { font-size: 12px; text-transform: uppercase; color: #fff; width: auto; font-weight: 700; z-index: 5; top: 50%; transform: translateY(-50%); border: 0px; height: auto; width: auto; background: transparent }
        .banner-sec .slick-prev:hover, .banner-sec .slick-next:hover, .banner-sec .slick-prev:focus, .banner-sec .slick-next:focus { color: #fff }
    .banner-sec .slick-next { right: 10px; }
        .banner-sec .slick-next:before { display: none }
        .banner-sec .slick-next:after { content: ''; height: 2px; width: 50px; background: #fff; display: inline-block; position: relative; top: -3px; margin-left: 5px }
    .banner-sec .slick-prev { left: 10px; }
        .banner-sec .slick-prev:before { content: ''; height: 2px; width: 50px; background: #fff; display: inline-block; position: relative; top: -3px; margin-right: 5px; }
    .banner-sec figure { position: relative; overflow: hidden }
    .banner-sec .carousel-caption { left: 0px; text-align: left; bottom: 35%; width: 100%; text-align: center; }
        .banner-sec .carousel-caption h4 { display: inline-block; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 16px; font-weight: 400; color: #fff }
            .banner-sec .carousel-caption h4:after { content: ''; position: absolute; height: 2px; width: 100%; background: #fff; left: 0px; bottom: 0px }
        .banner-sec .carousel-caption h3 { color: #fff; font-size: 2.8rem; font-weight: 800; position: relative; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.27); }
            .banner-sec .carousel-caption h3 span { font-weight: 400 }
            .banner-sec .carousel-caption h3:after { content: ''; position: absolute; right: -46px; width: 150px; height: 100%; transform: skew(-30deg); background: rgba(255,255,255,1); top: 0px; z-index: -1; display: none; }
        .banner-sec .carousel-caption p { font-size: 16px; color: #f9f9f9; }

    .banner-sec .slick-slide img { height: auto; max-height: 650px; object-fit: cover; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); }
    .banner-sec .slick-slide.slick-active img { -webkit-transform: scale(1); transform: scale(1); }
.carousel-control-next, .carousel-control-prev { width: 6% }
/*Banner End*/

.banner-box { padding: 0px !important; margin-top: -7rem; }
.banner-box-inner { position: relative; background-color: var(--color-primary); border-radius: 7rem; padding: 2rem 4rem; max-width: 790px; overflow: hidden; margin: auto; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); }
    .banner-box-inner [class^="col"] { text-align: center; padding: 10px 0px; }
        .banner-box-inner [class^="col"] + [class^="col"] { border-left: 1px solid rgba(0,0,0,0.1); }
        .banner-box-inner [class^="col"] h6 { margin: 0px; font-size: 1.2rem; font-weight: 600 }
    .banner-box-inner h4 { /* letter-spacing: 1px; */ font-weight: 700; margin: 0px; }
    .banner-box-inner p { color: rgba(0,0,0,0.5); }
    .banner-box-inner h5 { color: #e1560a; font-weight: 700; font-size: 1.2rem; }
    .banner-box-inner > figure { position: absolute; right: 7px; bottom: 0px }
        .banner-box-inner > figure > img { width: 160px; }
    .banner-box-inner .event-date-cont { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1rem; padding-bottom: 1rem; }
    .banner-box-inner .supported-cont { border-bottom: 1px solid rgba(0,0,0,0.1) }
        .banner-box-inner .supported-cont [class^="col"] > img { padding: 0px 15px; height: 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: 5rem 0px; position: relative; overflow-x: hidden; }
    .section-wrapper > section + section { border-top: 1px solid #ddd }
    .section-wrapper > section:first-child { padding-top: 0px }
    .section-wrapper > section:last-child { padding-bottom: 0px }
    .section-wrapper > section.bg-grey { 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-tertery); 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-tertery); 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; }

.events-icons figure img { border-radius: 0px 45px 0px 0px; width: 100px; height: 100px; }
.events-icons figure figcaption { margin-top: 10px; }
    .events-icons figure figcaption h5 { color: #999; font-weight: 600; font-size: 1.1rem; }

.gallery-grid-cont { position: relative; margin-bottom: 25px; }
    .gallery-grid-cont.h-50 { height: calc(50% - 30px) !important; }
    .gallery-grid-cont figure { overflow: hidden; position: relative; }
    .gallery-grid-cont img { width: 100%; border-radius: 5px; height: 100%; object-fit: cover; }
    .gallery-grid-cont figcaption { position: absolute; /* bottom: 0px; */ background: var(--color-secondary); color: #fff; padding: 7px 10px; padding-right: 35px; border-radius: 0px 20px 20px 0px; bottom: 15px; /* font-size: 1rem; */ border: 2px solid #fff; border-left: 0px; box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 50%); }
        .gallery-grid-cont figcaption h5 { margin: 0px; font-size: 1.1rem; font-weight: 600; }

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


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



.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 { padding-top: 6rem; padding-bottom: 0px; position: relative; color: #000; /* overflow: hidden; */ /* background: url(../images/bg-footer.png) no-repeat right top; */ margin-top: 5rem; }
    .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; }
.footer-bg { position: absolute; right: 0px; top: -80px; height: 80px; }
.footer-inner { background: var(--color-primary); padding-top: 3rem; position: relative }
.footer-logo { position: absolute; top: -160px; width: 250px; }
    .footer-logo img { width: 100% }



.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; line-height: 19px; }
        .ftr-lnks ul li { padding: 2px 0px; font-size: 0.9rem; line-height: normal; /* font-weight: 500; */ }
        .ftr-lnks ul a { /* font-size: 0.9rem; */ color: rgba(0,0,0,.8); padding: 1px 0px; display: block; font-weight: 500; }
            .ftr-lnks ul a:hover { color: var(--color-secondary); }
.cp-rt { font-size: 13px; /* color: rgb(119, 119, 119); */ }
.footer-bottom { border-top: 1px solid rgb(0 0 0 / 10%); margin-top: 2rem; }




.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: justify; 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: 200px; padding-top: 3rem; margin-bottom: 3rem; background: linear-gradient( 207deg, rgb(156 10 128) 0%, rgb(253 208 60) 100%); }
    .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: 10px; margin-top: 2rem; display: block; font-size: 3.2rem !important; color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.12) 4px 0px 3px; text-align: center; }
    .bnr-heading nav > ol { /* text-align:center; */ /* margin: auto; */ justify-content: center; }
    .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%; border: 10px solid #eaebf0; background: #fff; border-radius: 70px; }
.service-cont .order-md-1 figure { text-align: right; }
.service-info h3 { font-weight: 700; margin-bottom: 16px; color: var(--color-tertery); 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: 10px 0px !important; position: relative; line-height: 25px; display: flex; align-items: center; }
        address ul li strong { font-weight: 500; }
        address ul li .fa { /* position: absolute; */ left: 0px; font-size: 1.1rem; top: 12px; background: var(--color-secondary); color: rgb(255 252 252); /* display: inline-block; */ border-radius: 50%; line-height: 40px; height: 40px; width: 40px; text-align: center; flex: 0 0 auto; margin-right: 12px; }
            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 { }



.bullet-list > li { position: relative; padding: 6px 0px 6px 1.7rem; }
    .bullet-list > li i { position: absolute; left: 0px; top: 4px; color: rgb(22, 51, 104); 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: 17px 2rem; border-radius: 20px 20px 0px 0px; font-weight: 500; font-size: 1.1rem; border-bottom: 0px; }
    .custom-tab .nav-link.active { background: #e6e9ed; }
    .custom-tab .nav-link img { width: 70px }
    .custom-tab .nav-link h6 { font-weight: 600 }
.custom-tab .tab-content { padding: 20px; background: #e6e9ed; 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 }
.page-cont .slick-prev, .page-cont .slick-next { left: inherit; right: 80px; bottom: 0px; top: inherit; z-index: 9; width: 50px; height: 50px; border: 3px solid #fff; text-align: center; border-radius: 30px; }
.page-cont .slick-next { right: 20px; }
    .page-cont .slick-prev:hover, .page-cont .slick-next:hover { background: var(--color-secondary); }
    .page-cont .slick-prev::before, .page-cont .slick-next::before { bottom: 0px; color: #fff; content: '\f053'; font-size: 2rem; left: 13px; /* right: auto; */ bottom: 0px; }
    .page-cont .slick-next::before { content: '\f054'; }
.page-cont .slick-slide { border-radius: 0px 55px 55px 0px; overflow: hidden }
    .page-cont .slick-slide > div { margin-bottom: -5px }

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



.gallery figure { width: 100%; margin: 0px; height: 250px; border: 15px solid #ffff; border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); background: #fff; }
    .gallery figure img { width: 100%; height: 100%; object-fit: cover; transition: ease all 0.5s; /* border: 5px solid #fff; */ border-radius: 10px; }
    .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); }


.events-box { background: var(--color-primary); padding-bottom: 19px; border-radius: 10px; overflow: hidden; }
    .events-box .events-img { }
        .events-box .events-img figure { position: relative; height: 250px; margin: 0px; padding: 1px; }
            .events-box .events-img figure > img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; /* border: 1px solid rgba(0,0,0,.1); */ }
.events-content { font-size: 0.9rem; background: #fff; margin: auto; width: 90%; position: relative; margin-top: -3rem; padding: 15px; border-radius: 10px; border-top: 3px solid var(--color-primary); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); }
    .events-content > h3 { font-size: 1.2rem; margin-bottom: 13px; }
    .events-content p i { color: var(--color-primary); width: 25px }
    .events-content .table-responsive { margin: 0px -15px }
/*======== Media Query Start =======*/
@media screen and (min-width: 1400px) {
    .banner-cont .banner-text-cont { width: 42%; }
    .banner-cont .banner-img-cont { width: 36%; }
}

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

    .sec-demo .right-aside { padding-left: 25rem }
}

@media screen and (max-width: 991px) {
    .wow { visibility: visible !important; animation: 0s ease 0s 1 normal none running none !important; }
    .header { z-index: 999; top: 0px; background-size: 63%; }
    .navbar .navbar-collapse, .navbar-toggler + .navbar-collapse { position: fixed; top: 0px; width: 100%; height: 100%; background: var(--color-primary); 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  */; }
            .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: 500; 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: 100px; }
    .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: #333; 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: #333; 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(4, 4, 4); 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 > h1 { font-size: 2.2rem; }
    .banner-cont .banner-img-cont { bottom: inherit; top: 40%; transform: translateY(-50%); right: 40px; width: 43%; }
        .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 { padding: 4rem 0px }

    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 { margin-top: 4rem; }
        .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; margin-top: 0px !important; }
    .footer::after, .sec-banner::after, .bnr-heading::after { height: 28px; }

    .sec-demo::after { display: none }
    .sec-demo .right-aside { background: #ffd504; padding-top: 6rem; border-radius: 35px 35px 0px 0px; background: linear-gradient(rgb(253, 212, 1) 57%, rgb(224, 161, 0) 100%); padding-left: 27rem; }
    .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; height: 200px }
        .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 }

    .sec-about figure { max-width: 300px }
}

@media screen and (max-width: 767px) {
    .banner-cont .banner-text-cont > h1 { font-size: 2rem; }
    .banner-cont .banner-text-cont > p { font-size: 14px; }

    .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; 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-radius: 30px; border-width: 2px; }

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



    .about-text { margin-top: 2rem }
    .sec-demo .right-aside { padding: 4rem 2rem; }
    .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: 3rem 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 }


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

    .home-cont > section, .home-cont > form > section { padding: 3rem 0px }
    .home-cont .sec-service { padding-bottom: 0px !important }
}

@media screen and (max-width: 599px) {
    .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; }

    .events-icons figure { text-align: center }
    .sec-service .hd-underline { text-align: center }

    .event-date-cont { left: 86px; top: 30px; }
    .navbar-toggler { margin-top: 8px; }
    .header .navbar-brand img { width: 81px; }
    .header { height: auto }
    .sec-about figure { width: 150px; }
    .banner-box { margin-top: -2rem }
    .banner-box-inner { padding: 2rem 1rem; border-radius: 5rem; box-shadow: none; }
        .banner-box-inner .col { padding-bottom: 0px }
            .banner-box-inner .col h6 { font-size: 1rem; }
        .banner-box-inner .event-date-cont { display: flex; justify-content: center }
        .banner-box-inner .event-date { margin-right: 10px }
            .banner-box-inner .event-date > span { margin-left: -8px }
}

@media screen and (max-width: 390px) {
    .event-date-cont .pdf-cont .btn { font-size: 12px; width: 88px; }
    .event-date > span { height: 26px; width: 26px }
    .event-date-cont .pdf-cont { margin-left: 12px }
}

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


@media (min-width: 992px) {
    header .navbar-expand-lg .navbar-nav { margin-top: 50px }
}

@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-tertery); font-size: 1.2rem; }
}