@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');



@font-face {

    font-family: 'Kruti_Dev_100';

    src: url(../fonts/Kruti_Dev_100.eot);

    src: url(../fonts/Kruti_Dev_100.eot?#iefix) format('embedded-opentype'), url(../fonts/Kruti_Dev_100.otf) format('otf'), url(../fonts/Kruti_Dev_100.ttf) format('truetype'), url(../fonts/Kruti_Dev_100.woff) format('woff'), url(../fonts/Kruti_Dev_100.woff2) format('woff2');

}



* {

    margin: 0px;

    padding: 0px;

}

p {
    margin: 0px;

    padding: 0px;
}



body {

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

    font-size: 15px;

    color: #222;

    font-weight: 500;

    overflow-x: hidden;

}



a {

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    transition: all .3s ease-out;

    text-decoration: none;

}



a.text-warning:focus,
a.text-warning:hover {

    color: ivory;

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



::-moz-selection {

    color: #fff;

    background-color: #0084e3;

}



::selection {

    color: #fff;

    background-color: #0084e3;

}



h2 {

    font-size: 18px;



}


.main_image {
    padding: 20px;
}

.main_image img {
    width: 100%;
}


.sc {

    float: left;

    width: 100%;

    position: relative;

}

.tg {

    color: #484848;

}

.grbg {

    background: #f8f8f8;

}

.to {

    color: #05256e;

}

.cont {

    margin: 0 auto;

    width: 91vw;

    display: block;

}





.floicon>a {

    display: inline-block;

    text-align: center;

    margin-bottom: 0;

    padding: 0.3em 0.4em;

    width: 3.7em;

}

.floicon>a.goto {

    padding-top: 3.1em;

}

.topfixed .floicon>a.goto {

    padding-top: 0em;

}

.floicon>a>img {

    width: 100%;

}

.floicon>li {

    list-style: none;

}

.floiconlist>ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.floiconlist>ul>li {
    position: absolute;
    bottom: -2.7em;
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.floiconlist>ul>li>a {
    display: inline-block;
    padding: 1px;
}

.floiconlist>ul>li>a>img {
    width: 34px;
}

.floicon {

    position: fixed;

    right: 7px;

    bottom: 70px;

    z-index: 99;

    -webkit-transition: bottom 0.5s;

    transition: bottom 0.5s;

}

.cic {

    display: none;

}

.fopen .cic {

    display: block
}

.fopen .oic {

    display: none;

}

.oic {

    display: block
}

.topfixed .floicon {

    bottom: 3.5em;

}

.arrofixed .goto {

    bottom: 0.938em;

    visibility: visible;

}

.floicon {

    transition: opacity 0.3s ease-in-out 0s;

    -moz-transition: opacity 0.3s ease-in-out 0s;

    -webkit-transition: opacity 0.3s ease-in-out 0s;

    -o-transition: opacity 0.3s ease-in-out 0s;

}

.arrofixedfade .floicon {

    opacity: 0;

}

.botfixed.arrofixedfade .floicon {

    opacity: 1;

}

.floiconlist>li>a {

    padding: 0.4em;

    width: 3.2em;

    margin-left: -1.7em;

}

.botfixed .floicon {

    position: absolute;

    bottom: -2.5em;

}

.bo {

    position: relative;

}

.bo>img {}

.fopen li:nth-child(1n) {

    bottom: 0;

}

.fopen li:nth-child(2n) {

    bottom: 10px;

}

.fopen li:nth-child(3n) {

    bottom: 50px;

}

.fopen li:nth-child(4n) {

    bottom: 90px;

}









/*

a[data-tooltip].top:before, a[data-tooltip].top:after {

    transform: translateY(10px);

}

a[data-tooltip].top:hover:after, a[data-tooltip].top:hover:before {

    transform: translateY(0px);

}

a[data-tooltip] {

    position: relative;

}

a[data-tooltip]:after, a[data-tooltip]:before {

    position: absolute;

    visibility: hidden;

    opacity: 0;

    transition: transform 200ms ease, opacity 200ms;

    z-index: 99;

}

a[data-tooltip]:before {

    content: attr(data-tooltip);

    background: #1f1f1f;

    color: #fff;

    font-size: 10px;

    font-weight: 400;

    padding: 6px 10px;

    border-radius: 3px;

    text-decoration: none;

    display: inline-block;

    width: 95%;

    text-align: center;

}

a[data-tooltip]:after {

    width: 0;

    height: 0;

    border: 6px solid transparent;

    content: "";

}

a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {

    visibility: visible;

    opacity: 0.85;

    transform: translateY(0px);

}

a[data-tooltip][data-position=top]:before {

    bottom: 100%;

    left: 11px;

    margin-bottom: 7px;

}

a[data-tooltip][data-position=top]:after {

    border-top-color: #1f1f1f;

    border-bottom: none;

    bottom: 101%;

 left: calc(0% - -103px);

    margin-bottom: 1px;

}

*/

th {

    text-align: center;

    text-align: center;

}



table {

    font-size: 14px;

}



.table {

    border-color: #c3c3c3;

}



.table-w {

    width: 70%;

    float: left;

}



.table-w>table {

    font-size: 14px;

}



.table-img-right {

    float: right;

    width: 27%;

}



.tech-left {

    float: left;

    width: 90%;

}



.tech-right {

    float: right;

    width: 10%;

}









.centres-border>h2 {

    font-size: 23px;

    font-weight: 700;

    color: #af241d;

    text-align: left;

    padding-bottom: 5px;

}

iframe {

    width: 100%;

}



.twitt {

    height: 370px;

    width: 100%;

    overflow: auto;

    border-bottom: 1px solid #ccc;

}



.facebook-frame {

    height: 370px;

    width: 100%;

}





.contact-address-area {

    position: relative;

    display: block;

    padding: 10px 0 20px;

}



.contact-address-area .sec-title-style1.max-width {

    padding-bottom: 72px;

}



.contact-address-box {

    display: flex;

    justify-content: space-between;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

}



.single-contact-address-box {

    position: relative;

    display: block;

    background: #131313;

    padding: 30px 30px 77px;

}



.single-contact-address-box .icon-holder {

    position: relative;

    display: block;

    padding-bottom: 24px;

}



.single-contact-address-box .icon-holder span:before {

    font-size: 75px;

}



.single-contact-address-box h3 {

    color: #ffffff;

    margin: 0px 0 12px;

    text-align: left;

    font-size: 20px;

    font-weight: 600;

}



.single-contact-address-box h2 {

    color: #FFA500;

    font-size: 24px;

    font-weight: 600;

    margin: 0 0 19px;

}



.single-contact-address-box a {

    color: #af241d;

}



.single-contact-address-box p {

    color: #fff;

    text-align: left;

    margin-bottom: 5px;

    font-weight: 400;

}



.single-contact-address-box.main-branch {

    background: #e9e9e9;

    padding: 53px 30px 51px;

    margin-top: -20px;

    margin-bottom: -20px;

    border: 3px solid #adadad;

}



.single-contact-address-box.main-branch h3 {

    color: #131313;

    font-size: 18px;

    font-weight: 700;

    margin: 0 0 38px;

    text-transform: uppercase;

    text-align: center;

}



.single-contact-address-box.main-branch .inner {

    position: relative;

    display: block;



}



.single-contact-address-box.main-branch .inner ul {

    position: relative;

    display: block;

    margin: 0px;

    padding: 0px;

}



.single-contact-address-box.main-branch .inner ul li {

    position: relative;

    display: block;

    padding-left: 110px;

    border-bottom: 1px solid hsl(0deg 0% 45% / 30%);

    padding-bottom: 23px;

    margin-bottom: 24px;

}



.single-contact-address-box.main-branch .inner ul li:last-child {

    border: none;

    margin-bottom: 0;

    padding-bottom: 0;

}



.single-contact-address-box.main-branch .inner ul li .title {

    position: absolute;

    top: 2px;

    left: 0;

    display: inline-block;

}



.single-contact-address-box.main-branch .inner ul li .title h4 {

    color: #131313;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    text-transform: capitalize;

    border-bottom: 2px solid #ec7e20;

}



.single-contact-address-box.main-branch .inner ul li .text {

    position: relative;

    display: block;

}



.single-contact-address-box.main-branch .inner ul li .text p {

    color: #131313;

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;

    margin: 0;

}



.tree-img {

    display: block;

    margin: auto;

    height: 680px;

}





.inner-grid {

    padding: 60px 0px;

}



.about-text {

    padding: 20px;

    background: #f3f3f3;

    margin-bottom: 20px;

    display: inline-block;

    width: 100%;

}



.about-text h3 {

    font-size: 14px;

    color: #fff;

    font-weight: 700;

    margin: 0px;

    padding: 8px 20px;

    margin-top: 20px;

    background: rgb(236 126 32);

    margin-bottom: 20px;

    display: inline-block;

}



.about-text>p {

    text-align: justify;

    font-size: 14px;

    padding: 10px;

    margin-bottom: 20px;

}



.breadcrumb-grid {

    padding: 70px 0;

    background: url(../images/flag-bg.jpg) no-repeat;

    background-size: cover;

    background-position: center bottom;

}



.breadcrumb {

    color: #fff;

    margin-bottom: 0px;

    list-style: none;

    background-color: transparent;

    border-radius: 0px;

    text-align: center;

    padding: 0px;

    flex-wrap: inherit;

    display: block;

}



.breadcrumb>li {

    font-size: 12px;

    display: inline-block;

}



.breadcrumb li a {

    color: #ec7e20;

    font-weight: 500;

}



.breadcrumb>.active {

    color: #333;

}



.li-list {

    margin: 0;

    padding: 0;

}



.li-list>li {

    margin: 0;

    padding: 0;

    list-style: none;

    color: #333;

    padding-left: 25px;

    position: relative;

    margin-bottom: 15px;

    font-size: 14px;

}



.li-list>li:before {

    content: '';

    position: absolute;

    width: 8px;

    height: 8px;

    background-color: #ec7e20;

    border-radius: 50%;

    top: 7px;

    left: 2px;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.li-list>li:hover:before {

    background-color: #af241d;

    width: 9px;

    height: 9px;

    top: 5px;

    left: 2px;

}



.foot-logo {

    display: inline-block;

    width: 100%;

    margin-bottom: 10px;

}



.foot-logo>img {

    width: 46px;

    float: left;

}



.foot-logo>span {
    float: left;
    width: 78%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    line-height: normal;
    margin-left: 8px;
}

.foot-logo>span>b {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
}



.hit-counter {

    text-align: center;

}



.lastupdated {

    font-size: 12px;

    color: #fff;

    text-align: center;

    margin: 0px;

    margin-top: 5px;

}



.lastupdated>span {

    display: block;

    color: #ffbe87 !important;

}



.social-icon {

    padding: 8px 0px 5px 20px;

    margin: 0px;

    clear: both;

}



.social-icon>li {

    line-height: normal;

    list-style: none;

    display: inline-block;

    margin: 0px 10px;

}



.social-icon>li>a {

    color: #d9d9d9;

    font-size: 13px;

    font-weight: 500;

    padding: 0px;

}



.social-icon>li>a>i {

    margin-right: 5px;

    font-size: 20px;

    position: relative;

    top: 2px;

}



.social-icon>li>a:hover {

    color: #ccc;

}



.social-icon>li:nth-child(1) a i {

    color: #ff0000;

}



.social-icon>li:nth-child(2) a i {

    color: #4267B2;

}



.social-icon>li:nth-child(3) a i {

    color: #00acee;

}



.toll-free-grid {

    background: #ededed;

    text-align: center;

}



.toll-free {

    display: inline-block;

    padding: 10px 40px;

    background: #28a722;

    text-align: center;

    position: relative;

    margin: 0px auto;

    top: 40px;

    z-index: 1;

    margin-top: -40px;

    box-shadow: 0px 8px 10px #060b20;

}



.toll-free::before {

    content: '';

    position: absolute;

    top: 0px;

    left: -22px;

    border-top: 59px solid transparent;

    border-bottom: 0px solid transparent;

    border-right: 22px solid #097404;

}



.toll-free::after {

    content: '';

    position: absolute;

    top: 0px;

    right: -22px;

    border-top: 59px solid transparent;

    border-bottom: 0px solid transparent;

    border-left: 22px solid #097404;

}



.toll-free>img {

    float: left;

}



.toll-free>article {

    float: left;

    text-align: left;

    font-size: 13px;

    line-height: normal;

    color: #fff;

    font-weight: 600;

    margin: 6px 18px;

}



.toll-free>article>span {

    display: block;

    font-size: 30px;

    text-transform: uppercase;

    color: #fff;

}



.toll-free>h2 {

    float: left;

    font-size: 54px;

    font-weight: 800;

    color: #fff;

}



.mobile-app-grid {

    background: #ededed;

    padding: 50px 0px;

}



.mobile-app-icon>li>a img {

    transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

}



.mobile-app-icon>li>a img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.listdistrict-grid {

    background: #fff0e2;

    background-size: cover;

    padding: 50px 0px;

}



.district-list-title {

    margin-top: 90px;

}



.district-list-title>h3 {

    font-size: 20px;

    text-transform: uppercase;

    padding: 20px 0px;

    font-weight: 800;

    margin: 0px;

    color: #333;

}



.district-list-title>h3>span {

    background: #ec7e20;

    display: block;

    height: 3px;

    width: 70px;

    margin-top: 15px;

    margin-bottom: 20px;

}



.form-select {

    width: 80%;

    padding: 10px 20px;

    font-size: 14px;

    font-weight: 600;

}



.right-logo-bg {

    background: #af241d;

    padding: 10px 0px;

    padding-bottom: 0px;

}



.image-wrapper {

    width: 100%;

    align-items: center;

    text-align: center;

    border: 1px solid #ccc;

    background: #fff;

    padding: 10px;

    border-radius: 5px;

    margin-bottom: 10px;

}



.image-wrapper img {

    height: auto;

    max-width: 100%;

}



.shine {

    position: relative;

    overflow: hidden;

}



.shine::before {

    background: linear-gradient(to right, rgb(236 126 32 / 13%) 0%, hsl(28deg 84% 53% / 21%) 100%);

    content: "";

    display: block;

    height: 100%;

    left: -75%;

    position: absolute;

    top: 0;

    transform: skewX(-25deg);

    width: 50%;

    z-index: 2;

}



.shine:hover::before,
.shine:focus::before {

    -webkit-animation: shine 0.85s;

    animation: shine 0.85s;

}



@-webkit-keyframes shine {

    100% {

        left: 125%;

    }

}



@keyframes shine {

    100% {

        left: 125%;

    }

}



.up-img {

    height: 280px;

    margin: auto;

    display: block;

}



.right-box {

    display: inline-block;

}



.right-box>p {

    font-size: 14px;

    text-align: justify;

    padding: 4px 0px;

    line-height: 24px;

}



.ceo-img {

    padding: 2px;

    float: left;

    /* width: 200px; */

    margin-left: 0px;

    margin-top: 0px;

    background: #ec7e20;

    margin-right: 25px;

}



.ceo-img>img {

    width: 100%;

}



.ceo-img>p {

    font-size: 14px;

    text-align: center;

    padding: 10px 5px;

    margin: 0px;

    background: #ec7e20;

    color: #fff;

    line-height: normal;

    font-weight: 600;

}



.ceo-img>p>span {

    font-size: 14px;

}



.nav-tabs {

    border-bottom: 1px solid #d9d9d9;

    margin-top: 0px;

}



.nav-tabs .nav-link {

    color: #333;

    font-weight: 600;

    font-size: 14px;

    border-radius: 0px;

    padding: 7px 15px;

    background: #ededed;

    position: relative;

    text-align: left;

}



.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    color: #ffffff;

    background-color: #61af0e;

    border-color: #dee2e6 #dee2e6 #fff;

}



.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:before {

    content: '';

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #61af0e;

    border-right: 10px solid transparent;

    position: absolute;

    right: -20px;

    top: 18px;

}



.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {

    color: #ffffff;

    background-color: #61af0e;

    border-color: #dee2e6 #dee2e6 #fff;

}



.tab-content {

    border: 1px solid #d9d9d9;

    display: inline-block;

    width: 100%;

    background: #f3f3f3;

}





.centres-border {

    display: block;

    position: relative;

    text-align: center;

}

.centres-border .nav-item {

    width: 50%;

    float: left;

}

.centres-border .nav-link {

    width: 100%;

    text-align: center !important;

    border-radius: 5px 5px 0px 0px;

}

.centres-border .nav-item.show .nav-link,
.centres-border .nav-link.active:before {

    content: '';

    border-top: 10px solid #61af0e;

    border-bottom: 10px solid transparent;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    right: 43%;

    top: 33px;

}



.socialtab-content {

    border: 1px solid #d9d9d9;

    display: inline-block;

    width: 100%;

    background: #ededed;

    border-radius: 10px;

    overflow: hidden;

    margin-top: -5px;

}

.post {

    display: block;

    border-bottom: 1px solid #ebeaea;

    padding: 10px 0px;

    height: 94px;

}



.post:hover h5 {

    color: #af241d;

}



.post h5 {

    margin: 0px;

    float: left;

    width: 84%;

    margin-left: 10px;

    display: inline-block;

    color: #3a393a;

    font-size: 14px;

    line-height: 22px;

    font-weight: 500;

    margin-bottom: 0px;

    height: 44px;

}



.post-date {

    float: left;

    width: 70px;

    background: #e7e7e7;

    border-radius: 100px;

    height: 70px;

    padding: 14px;

    line-height: 43px;

}



.file-box {

    font-size: 12px;

    color: #333;

    display: inline-block;

    margin-left: 9px;

    margin-top: 10px;

}



.file-box i {

    position: relative;

    display: inline-block;

    font-size: 13px;

    color: #ec7e20;

    margin-right: 5px;

}



.file-box p {

    position: relative;

    display: inline-block;

    margin-bottom: 0px;

}



.readmore {

    color: #000;

    font-weight: 700;

    font-size: 14px;

    text-align: right;

    display: block;

    float: right;

    padding: 10px 0px;

    text-decoration: underline;

}



.readmore:hover {

    color: #af241d;

}



.animate-wiggle {

    -webkit-animation: wiggle 1s infinite;

    animation: wiggle 1s infinite;

    width: 60px;

    height: 40px;

    position: absolute;

    top: -3px;

    right: -20px;

}



.animate-wiggle>img {

    height: 25px;

}



@-webkit-keyframes wiggle {

    0%,
    100% {

        transform: scale(1.2) rotate(0deg);

    }



    50% {

        transform: scale(1.0) rotate(7deg);

    }

}



@keyframes wiggle {

    0%,
    100% {

        transform: scale(1.2) rotate(0deg);

    }



    50% {

        transform: scale(1.0) rotate(7deg);

    }

}



.ribbon h3 {

    margin: auto;

    position: relative;

    color: #1c1c1c;

    text-align: left;

    background: rgb(231 231 231);

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 20px;

    font-weight: 700;

    padding: 8px 10px;

    border-radius: 3px;

    text-transform: uppercase;

}

.ribbon p {

    text-align: justify;

    font-size: 14px;

    padding: 5px;

    margin-bottom: 5px;

}



.ticker li {

    display: flex;

    font-size: 13px;

    border-bottom: 1px solid #d7d7d7;

    padding: 16px 0px;

}



.ticker li aside {

    background: #ec7e20;

    float: left;

    padding: 6px 8px;

    width: 60px;

    height: 50px;

    border-radius: 5px;

    text-align: center;

    margin-right: 10px;

}



.ticker li aside h2 {

    color: #fff;

    font-weight: 700;

    margin: 0px;

    font-size: 16px;

}



.ticker li aside span {

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

}



.ticker li article {}



.ticker li article a {

    font-size: 12px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 60px;

    margin: 0px;

    line-height: 16px;

    color: #000;

}



.ticker li article p {

    font-size: 13px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 60px;

    margin: 0px;

    text-align: justify;

    line-height: 20px;

}



.ticker li article span {

    font-size: 12px;

    font-weight: 400;

}



.ticker {

    overflow: auto;

    position: relative;

    border: none;

    background-color: #fff;

    height: 260px;

    margin: 0px;

    padding: 0px;

}

.newsmore {

    background: #ec7e20;

    padding: 13px 20px;

    display: inline-block;

    width: 100%;

}



.news-more-btn {

    display: block;

    text-align: center;

    width: 86%;

    float: left;

    color: #ffffff;

    font-weight: 600;

}



.news-more-btn:hover {

    color: #eee;

}



.news_box {

    background: #fefbf9;

    border-top: 3px solid #ec7e20;

    padding: 20px;

    box-shadow: 0px 0px 10px #ccc;

}



.news-title {

    background: #ec7e20;

    color: #ffff;

    font-size: 17px;

    margin: 0px;

    padding: 10px 20px;

    display: inline-block;

    position: relative;

    margin-left: 24px;

    text-transform: uppercase;

}



.news-title>img {

    height: 25px;

}



.news-title:after {

    content: "";

    width: 0;

    height: 0;

    border-top: 47px solid transparent;

    border-left: 25px solid #ec7e20;

    border-bottom: 0px solid transparent;

    position: absolute;

    right: -25px;

    top: 0;

    z-index: 1;

}



.news-title:before {

    content: "";

    width: 0;

    height: 0;

    border-top: 47px solid transparent;

    border-right: 25px solid #ec7e20;

    border-bottom: 0px solid transparent;

    position: absolute;

    left: -25px;

    top: 0;

    z-index: 1;

}



.service-box1 {

    background-color: #fdb6b3;

    display: block;

    padding: 6px 30px;

    border: 1px solid #fdb6b3;

    height: 80px;

    line-height: normal;

    position: relative;

    z-index: 1;

    margin-bottom: 20px;

    transition: ease 0.3s;

}



.service-box1:hover {

    transform: scale(1.05);

}



.service-box1:after {

    content: "";

    width: 80px;

    height: 60px;

    background-image: url("../images/index_09.png");

    background-repeat: no-repeat;

    background-position: right;

    background-size: contain;

    top: 10px;

    right: 5px;

    position: absolute;

    display: inline-block;

}



.service-box1:hover span {

    border-radius: 0px 0px 0px 0px;

}



.service-box1>span {

    background-color: #ffd7d5;

    position: absolute;

    z-index: -1;

    left: 0px;

    width: 100%;

    right: 0px;

    top: 0px;

    bottom: 0px;

    border-radius: 0px 0px 0px 80px;

    transition: all 0.5s linear;

}



.service-box1-h2 {

    width: 100%;

    height: 100%;

    display: table;

    text-align: left;

}



.service-box1 h2 {

    font-size: 13px;

    color: #300907;

    font-weight: 700;

    margin: 0px;

    display: table-cell;

    vertical-align: middle;

    padding-right: 30px;

    padding-left: 20px;

    line-height: normal;

}



.service-box2 {

    background-color: #bbe8e6;

    border: 1px solid #bbe8e6;

}



.service-box2:after {

    content: "";

    width: 81px;

    height: 75px;

    background-image: url("../images/index_06.png");

    top: 2px;

    right: 5px;

}



.service-box2>span {

    background-color: #e1fefd;

}



.service-box2 h2 {

    color: #063b39;

}



.service-box3 {

    background-color: #b2d1ef;

    border: 1px solid #b2d1ef;

}



.service-box3:after {

    content: "";

    width: 119px;

    height: 67px;

    background-image: url("../images/index_12.png");

    top: 5px;

    right: 5px;

}



.service-box3>span {

    background-color: #d4e8fc;

}



.service-box3 h2 {

    color: #0e2e4e;

}



.service-box4 {

    background-color: #ebd7a9;

    border: 1px solid #ebd7a9;

}



.service-box4:after {

    content: "";

    width: 76px;

    height: 89px;

    background-image: url("../images/index_03.png");

    top: 2px;

    right: 5px;

}



.service-box4>span {

    background-color: #fcf0d4;

}



.service-box4 h2 {

    color: #443105;

}



.service-box5 {

    background-color: #ebd7a9;

    border: 1px solid #ebd7a9;

}



.service-box5:after {

    content: "";

    width: 87px;

    height: 74px;

    background-image: url("../images/index_18.png");

    top: 2px;

    right: 10px;

}



.service-box5>span {

    background-color: #fcf0d4;

}



.service-box5 h2 {

    color: #443105;

}



.service-box6 {

    background-color: #b2d1ef;

    border: 1px solid #b2d1ef;

}



.service-box6:after {

    content: "";

    width: 78px;

    height: 78px;

    background-image: url("../images/index_20.png");

    top: 0px;

    right: 7px;

}



.service-box6>span {

    background-color: #d4e8fc;

}



.service-box6 h2 {

    color: #0e2e4e;

}



.service-box7 {

    background-color: #bbe8e6;

    border: 1px solid #bbe8e6;

}



.service-box7:after {

    content: "";

    width: 100px;

    height: 68px;

    background-image: url("../images/index_23.png");

    top: 5px;

    right: 11px;

}



.service-box7>span {

    background-color: #e1fefd;

}



.service-box7 h2 {

    color: #063b39;

}



.service-box8 {

    background-color: #fdb6b3;

    border: 1px solid #fdb6b3;

}



.service-box8:after {

    content: "";

    width: 81px;

    height: 75px;

    background-image: url("../images/index_06.png");

    top: 2px;

    right: 5px;

}



.service-box8>span {

    background-color: #ffd7d5;

}



.service-box8 h2 {

    color: #300907;

}



.input-group-btn {}



.corner-more-btn {

    display: inline-block;

    font-size: 9px;

    font-weight: 600;

    text-decoration: none;

    color: #333;

    text-align: center;

    position: relative;

    transition: all .35s;

    padding: 3px 23px;

    margin-top: 25px;

    background: #fff;

    border: 1px solid rgb(214 214 214 / 63%);

    text-transform: uppercase;

    border-radius: 100px;

    overflow: hidden;

}



.corner-more-btn:hover {

    color: #ffffff;

    background: transparent;

    border: 1px solid #fff;

}



.bird-corner {

    display: flex;

}



.bird-corner>li {

    list-style: none;

}



.testi_v {

    background: url(../images/loading.gif) no-repeat center #f1f1f1;

    width: 100%;

    height: 220px;

    background-size: 50px;

    border: 1px solid #e7e7e7;

}



.search-open {

    overflow: hidden;

}



.close {

    position: absolute;

    top: 1rem;

    right: 2rem;

    background: none;

    border: 0;

    font-size: 3rem;

    font-weight: 700;

    display: block;

    cursor: pointer;

    color: #fff;

    outline: none;

    text-shadow: none;

    padding: 48px !important;

}



.close:hover {

    opacity: 0.9;

    color: #fff;

}



.close:before,
.close:after {

    position: absolute;

    top: 30px;

    right: 40px;

    content: ' ';

    height: 53px;

    width: 2px;

    background-color: #fff;

}



.close:before {

    transform: rotate(45deg);

}



.close:after {

    transform: rotate(-45deg);

}



.search-box.search-elem {

    margin: 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

    background: rgb(5 57 100 / 98%);

    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}



.search-box.search-elem .inner {

    width: 80%;

    position: fixed;

    top: 50%;

    right: 0px;

    left: 0px;

    margin: auto;

}



.search-box.search-elem button.submit {

    outline: none;

    height: 72px;

    padding: 10px 70px;

    background: #ec7e20 !important;

    font-size: 20px;

    color: white !important;

    border: 0px;

    cursor: pointer;

    width: 19%;

}



.search-box.search-elem button.submit:hover {

    background: #51a103 !important;

}



.search-box.search-elem input[type=text] {

    padding: 20px;

    height: 72px;

    font-size: 32px;

    font-weight: 300;

    border: none;

    transition: border 0.3s;

    border-radius: 0;

    background: transparent;

    border-bottom: 1px solid #fff;

    color: #fff;

    font-style: italic;

    float: left;

    width: 81%;

}



.search-box.search-elem input[type=text]:focus {

    border-bottom: solid 1px #ec7e20;

    box-shadow: none;

    outline: 0;

}



.search-box.search-elem.search-open {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.social_nav {

    top: 170px;

    position: fixed;

    z-index: 999;

}



.social_nav:hover {

    right: 40px;

}



.social_nav ul {

    margin-top: 0;

    margin-bottom: 0rem
}



.social_nav li {

    height: 45px;

    position: relative;

    list-style: none;

    margin-bottom: 5px;

}



.social_nav li a {

    color: #fff !important;

    display: block;

    width: 130px;

    line-height: 45px;

    transition: all .3s linear;

    text-decoration: none !important;

    border-radius: 10px 0px 0px 10px;

    padding: 2px 10px;

    position: fixed;

    z-index: 999;

    width: 45px;

    white-space: nowrap;

    transition: all 0.3s linear;

    border-radius: 10px 0px 0px 10px;

    right: -16px
}



.social_nav ul li a:hover {

    width: 130px;

    box-shadow: 0 0 2px 1px rgb(0 0 0 / 30%);

}



.social_nav li:nth-child(1) a {

    background: #4267B2
}



.social_nav li:nth-child(2) a {

    background: #ff0000
}



.social_nav li:nth-child(3) a {

    background: #00acee
}



.social_nav li a i {

    width: 18px;

}



.social_nav ul li a span {

    font-weight: 600;

}



.expertise-grid {

    padding: 90px 0px;

    padding-bottom: 0px;

}



.click-btn {

    text-align: center;

    font-size: 15px;

    color: #1d212a;

    text-decoration: none;

    transition: all 0.35s;

    box-sizing: border-box;

    background: #f0f2f5;

    padding: 30px 10px;

    font-weight: 600;

    margin-bottom: 20px;

}



.btn-style1 {}



.btn-style1:hover {

    transform: translateY(-0.25em);

    color: #1d212a;

}



.btn-style1:hover::before {

    opacity: 1;

}



.btn-style1::before {

    width: 100%;

    height: 1em;

    position: absolute;

    left: 0;

    bottom: -1.35em;

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    opacity: 0;

    transition: all 0.65s;

    content: "";

}



.about-campus-box {

    margin-top: -260px;

}



.about-brance {

    background: #fff;

    margin-top: 30px;

    box-shadow: 0px 10px 10px rgb(0 0 0 / 0%), 10px 10px 10px rgb(0 0 0 / 7%), -10px 10px 10px rgb(0 0 0 / 8%);

}



.brance-text>h4 {

    font-size: 14px;

    text-align: center;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0px;

}



.about-campus {

    background: url("../images/inner-campus-bg.jpg") no-repeat center top;

    background-size: cover;

    background-attachment: fixed;

    padding: 70px 0px;

    padding-bottom: 270px;

}



.cunter-box {

    display: flex;

    margin-bottom: 60px;

}



.cunter-bg {

    position: absolute;

    z-index: -1;

    left: -40px;

    top: 24px;

    height: 70px;

    -webkit-animation: mover 2s infinite alternate;

    animation: mover 2s infinite alternate;

}



.counter {

    width: 23%;

    margin-left: 35px;

    padding: 20px;

    height: 100px;

    position: relative;

}



.counter:first-child {

    margin-left: 0px;

}



.col_fourth1 {

    background: #8ec13f
}



.col_fourth2 {

    background: #f39c12
}



.col_fourth3 {

    background: #1e89f0
}



.col_fourth4 {

    background: #16a085
}



.cunter-box>.end {

    border-right: 0px;

}



.count-title {

    font-size: 23px;

    font-weight: 600;

    margin-top: 6px;

    margin-bottom: 0;

    float: left;

    width: 82px;

}



.count-text {

    font-size: 14px;

    font-weight: 500;

    margin-top: 0px;

    margin-bottom: 0;

    float: left;

    width: 100px;

}



.icon-1x {

    float: left;

    background: #ffffff;

    color: #fff;

    height: 60px;

    width: 60px;

    padding: 10px;

    margin-right: 28px;

    text-align: center;

    position: absolute;

    left: -12px;

}



.icon-1x:after {

    content: " ";

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0px;

    pointer-events: none;

    -webkit-mask: none;

    left: auto;

    right: -14px;

    border-bottom: 61px solid #ffffff;

    border-right: 14px solid transparent;

    z-index: 1;

}



.icon-1x img {

    position: relative;

    top: 2px;

    margin: 0px auto;

}



.counter-box-1 {

    color: #fff;

    padding: 10px 0px;

    padding-left: 53px;

}



.counter-box-1>b {

    position: absolute;

    font-size: 24px;

    top: 30px;

    margin-left: -50px;

}



.vision-img {

    position: relative;

    border: 1px solid #ccc;

    overflow: hidden;

}



.vision-effect>img {

    width: 100%;

}



.vision-effect::before {

    right: 0;

    opacity: 0.7;

    top: 0;

}



.vision-effect::after {

    bottom: 0;

    opacity: 0.7;

    left: 0;

}



.vision-effect::before,
.vision-effect::after {

    content: "";

    background: #fff;

    height: 0;

    width: 0;

    z-index: 1;

    position: absolute;

    -webkit-transition-duration: 1.3s !important;

    -o-transition-duration: 1.3s;

    transition-duration: 1.3s !important;

}



.vision-effect:hover::after,
.vision-effect:hover::before {

    height: 100%;

    opacity: 0;

    width: 100%;

}



.annual-ulli {

    margin: 0px;

    padding: 0px;

}



.annual-ulli li {

    list-style: none;

    margin: 0px;

    padding: 12px 20px;

    line-height: normal;

    font-size: 14px;

    font-weight: 500;

    text-align: justify;

    text-indent: -16px;

}



.annual-ulli li::before {

    display: inline-block;

    content: '';

    -webkit-border-radius: 0.375rem;

    border-radius: 0.375rem;

    height: 7px;

    width: 7px;

    margin-right: 0.5rem;

    background-color: #69737d;

}



.buttons {

    text-align: center;

    position: absolute;

    z-index: 9;

    top: 25%;

    right: 0px;

}



.buttonbtn {

    width: 40px;

    height: 40px;

    display: inline-block;

    border: 0px;

    background: #ec7e20;

    font-size: 30px;

    color: #fff;

    font-weight: 200;

    line-height: 33px;

    cursor: pointer;

}



.first {

    display: none;

}



.fullscreen {

    width: 40px;

    height: 40px;

    display: inline-block;

    border: 0px;

    background: #6980c2;

    font-size: 18px;

    color: #fff;

    font-weight: 200;

    line-height: 40px;

    position: relative;

    top: -5px;

    cursor: pointer;

}



.close-btn {

    width: 40px;

    height: 40px;

    display: inline-block;

    border: 0px;

    background: #de5e25;

    font-size: 28px;

    color: #fff;

    font-weight: 200;

    line-height: 40px;

    position: relative;

    top: -1px;

}



.about-grid {

    padding: 70px 0px;

}



.about-inner {

    margin-bottom: 70px;

}



.about-inner>p {

    font-size: 13px;

    line-height: 22px;

    text-align: justify;

}



.tab {

    overflow: hidden;

    width: 570px;

    margin: 0px auto;

}



.tab button {

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 15px 40px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    transition: all .3s ease-out;

    margin-right: 10px;

    border: 1px solid #ccc;

    border-right: 5px solid #e4e5e9;

    background: #fff;

}



.tab button:hover {

    background-color: #ff9933;

    color: #fff;

}



.tab button.active {

    background-color: #ff9933;

    color: #fff;

    border-right: 1px solid #e4e5e9;

}



.tabcontent {

    display: none;

    padding: 40px 0px;

    border-top: none;

    padding-bottom: 0px;

}



.top-innerbody {

    width: 100%;

    height: 160px;

    margin: 0;

    background: url(../images/about-bg.jpg) no-repeat center center;

    background-size: cover;

    overflow: hidden;

    position: relative;

}



.header_title {

    font-size: 23px;

    text-align: center;

    color: #333;

    font-weight: 700;

    margin: 0px;

}



.header_title>span {

    background: #00bcd4;

    height: 2px;

    width: 47px;

    display: block;

    margin: 0px auto;

    margin-top: 15px;

}



.breadcrumb>li+li:before {

    padding: 0 5px;

    color: #ccc;

    content: "/\00a0";

}



.owl-theme3 .item {

    margin: 0px;

    padding: 20px 0px;

    transition: ease 0.3s;

    background: #f5f5f5;

    border: 2px solid #d3d3d3;

}



.owl-theme3 .item:hover {}



.owl-theme3 .item a {

    display: block;

    width: auto !important;

    margin: 0px auto;

    transition: ease 0.2s;

    transform: scale(1.0);

}



.owl-theme3 .item a:hover {

    transform: scale(1.1);

}



.owl-theme3 .item a img {

    margin: 0px auto;

    height: 56px;

    width: auto;

}



.owl-theme4 .item {

    margin: 0px;

    padding: 14px 0px;

    transition: ease 0.3s;

    background: #ec7e20;

    width: 24%;

    height: 110px;

    border-radius: 10px;

    float: left;

    margin-right: 5px;

    text-align: center;

}



.owl-theme4 .item:hover {

    background: #af241d;

}



.owl-theme4 .item a {

    width: auto !important;

    margin: 0px auto;

    transition: ease 0.2s;

    transform: scale(1.0);

}



.owl-theme4 .item a span {

    color: #fff;

    display: block;

    font-size: 13px;

    font-weight: 600;

    padding: 6px 0px;

    line-height: normal;

}



.owl-theme4 .item a:hover {}



.owl-theme4 .item a img {

    margin: 0px auto;

    height: 53px;

    width: auto;

}



.testimonial_section {

    display: block;

    overflow: hidden;

    background: url("../images/testimonial.jpg") no-repeat center center;

    background-size: cover;

    background-attachment: fixed;

    padding: 90px 0px;

}



.testimonial_section:after {

    display: block;

    clear: both;

    content: "";

}



.testimonials {

    width: 800px;

    margin: 0px auto;

}



.testimonial_section .about_content .layer_content .section_title p {

    color: #fff;

    margin: 0 0 15px;

}



.testimonial_section .about_content .layer_content a {

    color: #fff;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s;

}



.testimonial_section .about_content .layer_content a i {

    font-size: 18px;

    vertical-align: middle;

}



.testimonial_section .about_content .layer_content a:hover {

    color: #ff5e14;

}



.testimonial_section .testimonial_box {

    margin: 60px;

    position: relative;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content {

    position: relative;

    z-index: 9;

    height: 100%;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {

    display: block;

    position: relative;

}



.testimg-user {

    width: 100px;

    height: 100px;

    overflow: hidden;

    background: #f1eff4;

    border-radius: 100px;

    margin: 0px auto;

}



.testimg-user>img {}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {

    padding: 10px;

    z-index: 1;

    position: relative;

    transition: all 0.5s ease-in-out 0s;

    text-align: center;

    color: #fff;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {

    margin-bottom: 15px;

    position: relative;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {

    padding-top: 0;

    margin-bottom: 0px;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    color: #fff;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {

    font-size: 12px;

    color: rgb(255 255 255 / 78%);

    margin: 0;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {

    margin: 0;

    padding: 10px;

    font-size: 14px;

    line-height: normal;

    font-weight: 400;

    color: #fff;

    font-style: italic;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content img {

    height: 25px;

    width: auto;

    margin: 10px auto;

}



.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {

    position: absolute;

    top: 155px;

    left: 5px;

    border-radius: 0;

    display: block;

    background: transparent !important;

    outline: 0;

    border: 0px !important;

    width: 34px;

    text-align: center;

    line-height: 34px;

    height: 34px;

    color: #fff !important;

    font-size: 33px !important;

    margin-top: -20px;

    transition: all 0.3s ease-in-out;

}



.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {

    background: #020d26;

}



.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {

    position: absolute;

    top: 155px;

    right: 5px;

    border-radius: 0;

    display: block;

    background: transparent !important;

    outline: 0;

    border: 0px !important;

    width: 34px;

    text-align: center;

    line-height: 34px;

    height: 34px;

    color: #fff !important;

    font-size: 33px !important;

    margin-top: -20px;

    transition: all 0.3s ease-in-out;

}



.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {

    background: #020d26;

}



.course-title {

    font-size: 22px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    display: block;

    width: 100%;

    text-transform: uppercase;

}



.course-p {

    text-align: center;

    margin-bottom: 50px;

    font-size: 14px;

    display: block;

    width: 100%;

}



.product-grid {

    background: #edf0f2;

    padding: 20px 0px;

    padding-bottom: 30px;

}



/*

.owl-theme .owl-nav {

    margin-top: -10px !important;

    position: absolute;

    top: -60px;

    right: -4px;

}

*/

.certifi-courses-btn {

    display: block;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    color: #333;

    text-align: center;

    position: relative;

    transition: all .35s;

    max-width: 290px;

    margin: 0px auto;

    padding: 9px 25px;

    margin-top: 45px;

    background: #f5f5f5;

    border: 1px solid #d6d6d6;

    border-right: 3px solid #ec7e20;

    text-transform: uppercase;

}



.certifi-courses-btn span {

    position: relative;

    z-index: 2;

}



.certifi-courses-btn:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #ec7e20;

    transition: all .35s;

}



.certifi-courses-btn:hover {

    color: #fff;

}



.certifi-courses-btn:hover:after {

    width: 100%;

}



button:focus {

    outline: 0;

}



.mobile-app-title {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    margin: 0px;

    color: #333;

}



.mobile-app-title>span {

    background: #ec7e20;

    display: block;

    height: 3px;

    width: 70px;

    margin-top: 15px;

    margin-bottom: 20px;

}



.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {

    background: rgb(236 126 32) !important;

    height: 10px;

    width: 10px;

    color: #979595 !important;

    opacity: 0.9;

    transition: all ease-in-out 0.2s;

    border-radius: 100px;

    line-height: normal !important;

    margin: 2px;

}



.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {

    display: none;

}



.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {

    opacity: 0.9;

    color: #fff !important;

    background: rgb(222 94 37) !important;

}



.product-card {

    transition: all ease-in-out 0.4s;

    margin: 10px;

}



.product-img img {

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.product-card:hover .product-img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.owl-dots {

    display: none;

}



.owl-carousel-box {

    padding: 50px 0px;

    padding-bottom: 10px;

}



.carousel_title {

    text-align: center;

    margin-bottom: 30px;

}



.carousel_title>h2 {

    color: #292929;

    font-size: 42px;

    font-weight: 500;

    margin-bottom: 0px;

    padding: 0px 25px 10px 25px;

    position: relative;

    display: block;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    margin-top: 0px;

    min-width: 250px;

}



.carousel_title>span {

    background: #431f1a;

    color: #fff;

    padding: 6px 10px;

    border-radius: 3px;

    display: inline-block;

    font-weight: 300;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 0.8px;

    margin: 0px;

    margin-bottom: 25px;

}



.card-product {

    width: 100%;

    overflow: hidden;

}



.product-img {

    transition: all ease-in-out 0.4s;

    width: 100%;

    height: 210px;

    margin: 0px auto;

    padding: 0px;

    overflow: hidden;

    margin-bottom: 20px;

}



.product-card:hover .product-img {}



.card-title>article {

    color: #646464;

    font-weight: 400;

    padding: 10px 0px;

}



.product-card:hover {}



.product-card2 {

    border: 0px;

}



.product-card2:hover {

    transition: all 0.3s ease;

    box-shadow: none;

    border: 0px;

}



.card-title {

    font-size: 14px;

    line-height: 18px;

    padding: 0px 0px;

    color: #fff;

}



.card-title>h1 {

    font-size: 18px;

    line-height: normal;

    padding: 0px;

    font-weight: 600;

    height: 40px;

    margin: 0px;

}



.card-title>h3 {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    padding: 0px;

}



.btn-product-card {

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    text-decoration: none;

    color: #ffffff;

    text-align: center;

    position: relative;

    transition: all .35s;

    padding: 9px 25px;

    margin-top: 25px;

    background: #ff6633;

    width: 100%;

    border-radius: 4px;

}



.btn-product-card span {

    position: relative;

    z-index: 2;

}



.btn-product-card:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #ec7e20;

    transition: all .35s;

    border-radius: 4px;

}



.btn-product-card:hover {

    color: #fff;

}



.btn-product-card:hover:after {

    width: 100%;

}



.event-btn {

    position: absolute !important;

    right: 0px;

    top: 0px;

    margin-top: 0px !important;

}



.event1 {

    display: flex;

    position: relative;

    border: 1px solid #ccc;

    height: 300px;

    overflow: hidden;

}



.hover-effect>img {

    width: 100%;

}



.hover-effect::before {

    right: 0;

    opacity: 0.7;

    top: 0;

}



.hover-effect::after {

    bottom: 0;

    opacity: 0.7;

    left: 0;

}



.recent-events-grid {

    padding: 80px 0px;

    clear: both;

    padding-bottom: 90px;

}



.recent-title {

    position: absolute;

    left: 0px;

    bottom: -10px;

    background: #60ad00;

    color: #fff;

    padding: 20px;

    right: 0px;

    height: 90px;

    font-size: 16px;

}



.recent-title span {

    display: block;

    font-size: 12px;

    margin-top: 10px;

}



.hover-effect::before,
.hover-effect::after {

    content: "";

    background: #fff;

    height: 0;

    width: 0;

    z-index: 1;

    position: absolute;

    -webkit-transition-duration: 1.3s !important;

    -o-transition-duration: 1.3s;

    transition-duration: 1.3s !important;

}



.hover-effect:hover::after,
.hover-effect:hover::before {

    height: 100%;

    opacity: 0;

    width: 100%;

}



.event2 {

    display: inline-block;

    position: relative;

    border: 1px solid #ccc;

    width: 100%;

}



.event3 {

    margin-top: 25px;

}



.hover-effect2 {

    display: flex;

}



.hover-effect2>img {

    width: 300px;

    float: left;

}



.hover-effect2::before {

    right: 0;

    opacity: 0.7;

    top: 0;

}



.hover-effect2::after {

    bottom: 0;

    opacity: 0.7;

    left: 0;

}



.recent-title2 {

    background: #4c4c4c;

    color: #fff;

    padding: 30px 20px;

    font-size: 15px;

    margin: 0px;

}



.recent-title2 span {

    display: block;

    font-size: 12px;

    margin-top: 10px;

}



.hover-effect2::before,
.hover-effect2::after {

    content: "";

    background: #fff;

    height: 0;

    width: 0;

    z-index: 1;

    position: absolute;

    -webkit-transition-duration: 1.3s !important;

    -o-transition-duration: 1.3s;

    transition-duration: 1.3s !important;

}



.hover-effect2:hover::after,
.hover-effect2:hover::before {

    height: 100%;

    opacity: 0;

    width: 100%;

}



.info-grid {

    background: url("../images/information-bg.jpg") no-repeat center center;

    background-attachment: fixed;

    background-size: cover;

    padding: 110px 0px;

    position: relative;

    padding-bottom: 70px;

    background-position: 0px 0px;

    background-repeat: repeat-x;

    animation: animatedBackground 50s linear infinite alternate;

}



@keyframes animatedBackground {

    from {

        background-position: 0 0;

    }



    to {

        background-position: 100% 0;

    }

}



.info-title {

    font-size: 22px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 10px;

    display: block;

    width: 100%;

    text-transform: uppercase;

    color: #fff;

}



.info-p {

    text-align: center;

    color: #fff;

    font-size: 14px;

    display: block;

    width: 100%;

}



.five-box {

    width: 100%;

}



.five-box>li {

    margin: 23px;

    width: 16%;

    float: left;

}



.btn-1 {

    display: block;

    background: #ec7e20;

    text-align: center;

    padding: 20px;

}



.btn-1:hover {

    transform: scale(1.1);

    box-shadow: 0px 0px 10px rgb(0 0 0 / 61%);

}



.bg-blue {

    background: #0162b2;

}



.btn-1>img {}



.btn-1>span {

    display: block;

    color: #fff;

    font-size: 18px;

}



.produ-more-btn {

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    color: #333;

    text-align: center;

    position: relative;

    transition: all .35s;

    padding: 9px 25px;

    margin-top: 25px;

    background: #f5f5f5;

    border-bottom: 1px solid #d6d6d6;

    border-right: 3px solid #de5e25;

    text-transform: uppercase;

}



.produ-more-btn span {

    position: relative;

    z-index: 2;

}



.produ-more-btn:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #de5e25;

    transition: all .35s;

}



.produ-more-btn:hover {

    color: #fff;

}



.produ-more-btn:hover:after {

    width: 100%;

}



.testi-p {

    height: auto !important;

    font-size: 12px !important;

}



.carousel-inner-data {

    margin: 0px auto;

    height: 340px;

    overflow: hidden;

}



.carousel-inner-data ul {

    list-style: none;

    position: relative;

    margin: 0px !important;

}



.carousel-inner-data li {

    height: auto;

}



.welcome-grid {

    padding: 10px;

}



.know-more-btn {

    display: block;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    color: #333;

    text-align: center;

    transition: all .35s;

    padding: 9px 25px;

    margin: 15px;

    background: #f5f5f5;

    border: 1px solid #d6d6d6;

    text-transform: uppercase;

    clear: both;

    position: absolute;

    bottom: 0px;

    right: 0px;

    left: 0px;

}



.know-more-btn span {

    position: relative;

    z-index: 2;

}



.know-more-btn:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #af241d;

    transition: all .35s;

}



.know-more-btn:hover {

    color: #fff;

}



.know-more-btn:hover:after {

    width: 100%;

}



.benefits-title {

    font-size: 22px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 40px;

    display: block;

    width: 100%;

    text-transform: uppercase;

    position: relative;

    color: #333;

}



.azadi-logo {

    margin-top: 12px;

    display: block;

}



.azadi-logo img {

    height: 65px;

}



#custom-search-input {

    padding: 0px;

    border-radius: 0px;

    background-color: #fff;

    margin-top: 20px;

}



#custom-search-input input {

    font-size: 13px;

    box-shadow: none;

    border: solid 1px #d9d9d9;

    border-radius: 0px;

}



#custom-search-input button {

    margin: 0px;

    background: none;

    box-shadow: none;

    border: 0;

    color: #ffffff;

    border: solid 1px #ec7e20;

    background-color: #ec7e20;

    border-radius: 0px;

    font-size: 14px;

}



#custom-search-input button:hover {

    box-shadow: none;

    border: solid 1px #af241d;

    background-color: #af241d;

}



#custom-search-input .glyphicon-search {

    font-size: 23px;

}



.service-grid {

    padding: 40px 0px;

}



.left-btn {

    background: #00678e;

    display: flex;

    border-left: 6px #034862 solid;

    text-align: left;

    margin: 0px;

    font-size: 13px;

    font-weight: 500;

    text-decoration: none;

    color: #fff;

    position: relative;

    transition: all .35s;

    padding: 5px 20px;

    margin-bottom: 5px;

}



.left-btn>img {

    height: 25px;

    margin: 6px 10px;

    position: relative;

    z-index: 1;

}



.left-btn>article {

    width: 100%;

    height: 35px;

    display: table;

}



.left-btn>article>span {

    position: relative;

    z-index: 2;

    line-height: normal;

    display: table-cell;

    vertical-align: middle;

    font-weight: 600;

}



.left-btn:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #034862 !important;

    transition: all .35s;

}



.left-btn:hover {

    color: #fff;

}



.left-btn:hover:after {

    width: 100%;

}



.left-btn-color2 {

    background: #1eb3ac;

    border-left: 6px #008781 solid;

}



.left-btn-color2:after {

    background: #008781 !important;

}



.left-btn-color3 {

    background: #0e4377;

    border-left: 6px #002c56 solid;

}



.left-btn-color3:after {

    background: #002c56 !important;

}



.left-btn-color4 {

    background: #903691;

    border-left: 6px #6c0f6d solid;

}



.left-btn-color4:after {

    background: #6c0f6d !important;

}



.left-btn-color5 {

    background: #2e307b;

    border-left: 6px #0c0d4e solid;

}



.left-btn-color5:after {

    background: #0c0d4e !important;

}



.left-btn-color6 {

    background: #fd7e14;

    border-left: 6px #c55a00 solid;

}



.left-btn-color6:after {

    background: #c55a00 !important;

}



.left-btn-color7 {

    background: #198754;

    border-left: 6px #016436 solid;

}



.left-btn-color7:after {

    background: #016436 !important;

}



.left-btn-color8 {

    background: #00a7c9;

    border-left: 6px #007b95 solid;

}



.left-btn-color8:after {

    background: #007b95 !important;

}



.left-btn-color9 {

    background: #f54858;

    border-left: 6px #c51e2d solid;

}



.left-btn-color9:after {

    background: #c51e2d !important;

}



.left-btn-color10 {

    background: #73787c;

    border-left: 6px #43494e solid;

}



.left-btn-color10:after {

    background: #43494e !important;

}



.logo {

    width: 61px;

    position: relative;

    float: left;

    margin-top: -26px;

    padding: 5px 0px;

}



.logo>img {

    height: 90px;

}


.logo_name {
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    color: #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}



.logo_name>b {

    color: #2386da;

}


.logo-sub-title {
    font-size: 26px;
    letter-spacing: 0px;
    position: relative;
    line-height: 27px;
    color: #2e2e2e;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    float: left;
    margin-top: -11px;
    margin-left: 5px;
    max-width: 50%;
}


.wrapper .text {

    position: relative;

    font-weight: 600;

    opacity: var(--opacity, 1);

    transition: opacity 0.3s var(--timing-function) 0.2s;

    top: 100px;

    right: 100px;

    font-size: 18px;

}



.wrapper .text::before,
.wrapper .text::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: -1px;

    right: 25px;

    height: 0;

}



.wrapper .text::before {

    box-shadow: 26px 0 0 1px var(--color);

    right: var(--r, 100%);

    opacity: var(--opacity, 0);

    transition: right 0.5s ease-in, opacity 0.1s linear;

}



.wrapper .text::after {

    box-shadow: 26px 0 0 1px var(--color-invert);

    -webkit-clip-path: var(--clip-path);

    clip-path: var(--clip-path);

    transition: -webkit-clip-path var(--duration) var(--timing-function);

    transition: clip-path var(--duration) var(--timing-function);

    transition: clip-path var(--duration) var(--timing-function), -webkit-clip-path var(--duration) var(--timing-function);

}



.wrapper .text>span::before,
.wrapper .text>span::after {

    content: attr(data-text);

    padding-left: 26px;

}



.wrapper .text>span::before {

    color: var(--color);

}



.wrapper .text>span::after {

    color: var(--color-invert);

    -webkit-clip-path: var(--clip-path);

    clip-path: var(--clip-path);

    transition: -webkit-clip-path var(--duration) var(--timing-function);

    transition: clip-path var(--duration) var(--timing-function);

    transition: clip-path var(--duration) var(--timing-function), -webkit-clip-path var(--duration) var(--timing-function);

    position: absolute;

    left: 0;

}



.wrapper input {

    width: 210px;

    height: 20%;

    margin: auto;

    position: absolute;

    right: 87px;

    border-radius: 40px;

    outline: none;

    z-index: 2;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

}



.wrapper input:focus {

    outline: 0;

}



.wrapper input:hover~.video {

    -webkit-clip-path: var(--clip-path-hover);

    clip-path: var(--clip-path-hover);

    z-index: 1;

}



.wrapper input:hover~.text::before {

    --r: 25px;

    --opacity: 1;

}



.wrapper input:hover~.text::after {

    -webkit-clip-path: var(--clip-path-hover);

    clip-path: var(--clip-path-hover);

}



.wrapper input:hover~.text>span::after {

    -webkit-clip-path: var(--clip-path-hover);

    clip-path: var(--clip-path-hover);

}



.wrapper input:checked {

    width: 100%;

    height: 100%;

    border-radius: 0;

}



.wrapper input:checked~.video {

    -webkit-clip-path: var(--clip-path-clicked);

    clip-path: var(--clip-path-clicked);

    z-index: 1;

}



.wrapper input:checked~.text {

    --opacity: 0;

    transition: opacity 0.3s var(--timing-function);

}



.wrapper input:checked~.text::after {

    -webkit-clip-path: var(--clip-path-clicked);

    clip-path: var(--clip-path-clicked);

}



.wrapper input:checked~.text>span::after {

    -webkit-clip-path: var(--clip-path-clicked);

    clip-path: var(--clip-path-clicked);

}



.mb-20 {

    margin-bottom: 30px;

}



.mobile-language {

    display: none;

}



.zoom-effect-container {

    -webkit-transition: 0.4s ease;

    transition: 0.4s ease;

}



.card:hover .zoom-effect-container {

    -webkit-transition: 0.4s ease;

    transition: 0.4s ease;

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

}



#overlay {

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgb(44 49 63);

    background-attachment: fixed;

    background-size: cover;

    transition: 1s 0.2s;

}



#progress {

    height: 1px;

    background: #ec7e20;

    position: absolute;

    width: 0;

    top: 50%;

}



#progstat {

    font-size: 1em;

    letter-spacing: 3px;

    position: absolute;

    top: 50%;

    margin-top: -40px;

    width: 100%;

    text-align: center;

    color: #fff;

}



.scroll-top-wrapper {

    position: absolute;

    float: right;

    opacity: 0;

    visibility: hidden;

    overflow: hidden;

    text-align: center;

    z-index: 9;

    color: #ffffff;

    width: 40px;

    background: rgb(236 126 32);

    height: 40px;

    border-radius: 100px;

    line-height: 40px;

    right: 13px;

    bottom: 24px;

    -webkit-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    font-size: 26px;

}



.scroll-top-wrapper:hover {

    background: hsl(224deg 9% 28%);

}



.scroll-top-wrapper.show {

    visibility: visible;

    cursor: pointer;

    opacity: 1.0;

}



.scroll-top-wrapper i.fa {

    line-height: inherit;

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}



.zoominheader {

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -webkit-animation: zoomin 30s ease-in infinite;

    animation: zoomin 30s ease-in infinite;

    transition: all .3s ease-in-out;

    overflow: hidden;

}



/* The innermost element*/

.zoomoutheader {

    -webkit-animation: zoomout 30s ease-in infinite;

    animation: zoomout 30s ease-in infinite;

    transition: all .3s ease-in-out;

    overflow: hidden;

}







/* Zoom in Keyframes */

@-webkit-keyframes zoomin {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.5);

    }



    100% {

        transform: scale(1);

    }

}



@keyframes zoomin {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.5);

    }



    100% {

        transform: scale(1);

    }

}



/*End of Zoom in Keyframes */



/* Zoom out Keyframes */

@-webkit-keyframes zoomout {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.5);

    }



    100% {

        transform: scale(1);

    }

}



@keyframes zoomout {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.5);

    }



    100% {

        transform: scale(1);

    }

}



/*End of Zoom out Keyframes */

.goToTop {

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    height: auto;

    z-index: 1;

    background: rgb(17 17 41 / 91%);

    border-radius: 0px;

    width: 100%;

    border: 0px;

    margin: 0px;

    padding: 10px;

}



.goToTop .stellarnav ul {

    margin: 0;

    padding: 0;

    text-align: center;

    background: #ec7e20;

    float: inline-start;

    padding: 0px;

    /* padding-left: 95px; */

    /* padding-right: 95px; */

}



.goToTop .navbar-header .navbar-brand {

    width: 240px;

    margin-top: -8px;

}



.goToTop .navbar-collapse {}



.marquee-top {

    position: relative;

}



.marquee-scroll {

    background: rgb(175 36 29);

    color: #fff;

    padding: 4px 0px;

    border: 2px solid #af241d;

    width: 100%;

    height: 42px;

    line-height: 31px;

    position: relative;

    border-right: 0px;

    border-left: 0px;

}



.breaking-caret>i {

    position: absolute;

    color: #fff;

    font-size: 21px;

    left: 38px;

    top: 12px;

}



.note:before {


    position: absolute;

    z-index: 1;

    background: #ec7e20;

    bottom: 0;

    top: 0px;

    width: 265px;

    height: 42px;

    text-align: center;

    padding: 13px 10px;

    padding-right: 26px;

    color: #fff;

    font-weight: 500;

    clip-path: polygon(0% 0%, 84% 0%, 100% 100%, 100% 100%, 0% 100%);

    line-height: 18px;

    text-transform: uppercase;

}



.spotlight-box {

    background: #f8f9fa;

    height: 32px;

    padding: 6px !important;

    font-size: 13px;

    font-weight: 500;

    color: #000;

    line-height: normal;

    width: 100%;

}



.line-border {

    height: 16px;

    position: relative;

    top: 4px;

    border-right: 1px solid #545454;

    margin-right: 5px;

}



.top-links {}



.top-links>a {

    color: #333;

    font-size: 13px;

    padding: 0px 10px;

    display: inline-block;

    height: 16px;

    border-left: 1px solid #ccc;

}



.top-links>a:hover {

    color: #ff755c
}



.top_bar {}



.top_bar_bg {

    background: #e9e7e7;

    position: absolute;

    height: 32px;

    width: 20%;

    right: 0px;

    top: 0px;

    display: block;

    z-index: -1;

}



.navbar {

    padding: 0px;

    z-index: 999;

    background: #ec7e20;

}



.page-change-sec {

    position: relative;

}



.page-change-sec>li {}



.page-change-sec>li>a {

    border: 1px solid #c5c5c5;

    width: 20px;

    display: block;

    height: 20px;

    line-height: 18px;

    text-align: center;

    font-size: 12px;

    color: #545454;

    background: #fff;

}



.header.scrolled .top_bar {}



.main_nav_contaner p {

    font-size: 12px;

}



.firstcarousel-caption1 {

    position: absolute;

    bottom: 230px;

    left: -260px;

    right: 0px;

    color: #fff;

    width: 420px;

    margin: 0px auto;

}



.firstleft-content {

    font-family: 'Rubik', sans-serif;

    margin-top: 0px;

}



.firstleft-content>h1 {

    font-size: 30px;

    font-weight: 700;

    margin-top: 0px;

    background: rgb(255, 157, 59);

    background: linear-gradient(90deg, rgba(255, 157, 59, 1) 0%, #d85248 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 10px;

    color: #fff;

}



.firstleft-content p {

    font-size: 14px;

    margin: 0px;

    font-weight: 400;

}



.services-content {

    width: 600px !important;

    margin: 0px auto;

    display: block;

    float: none !important;

    text-align: center;

}



.services-content span {

    float: left !important;

}



.center-button {

    font-size: 13px;

    color: #333;

    padding: 12px 40px;

    border: none;

    width: 200px;

    font-weight: 600;

    position: relative;

    border-radius: 100px;

    margin: 0px auto;

    display: block;

    line-height: normal;

    margin-top: 20px;

    background: #fff;

    border: 2px solid #fff;

    clear: both;

    text-align: center;

    float: none !important;

    text-transform: uppercase;

}



.tranc-right {}



.tranc-right-text span {

    width: 70% !important;

}



.left-content-data {

    position: absolute;

}



.left-content {

    margin-top: 0px;

    width: 50%;

    float: left;

}



.left-content>h1 {

    margin: 0px;

    font-size: 50px;

    font-weight: 700;

    margin-top: 0px;

    color: #fff;

}



.left-content>h3 {

    margin: 0px;

    font-size: 50px;

    font-weight: 700;

    margin-top: 0px;

    color: #fff;

}



.left-content>p {

    font-size: 20px;

    margin: 0px;

}



.left-content>span {

    margin: 11px 0px;

    font-size: 14px;

    font-weight: 400;

    margin-top: 0px;

    color: #ffffff;

    display: block;

    width: 100%;

    float: right;

}



.surveil-system {

    width: 40% !important;

}



/*Right Side Buttons Start*/

.sticky-container {

    padding: 0px;

    margin: 0px;

    position: fixed;

    right: -158px;

    top: 130px;

    width: 200px;

    z-index: 9;

}



.sticky li {

    list-style: none;

}



.sticky li a {

    display: block;

    list-style-type: none;

    color: #efefef;

    height: 43px;

    padding: 0px;

    margin: 0px 0px 1px 0px;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    cursor: pointer;

    border-radius: 20px 0px 0px 20px;

}



.sticky li a:hover {

    margin-left: -115px;

}



.sticky li a i {

    float: left;

    margin: 12px 12px;

    margin-right: 20px;

    font-size: 20px;

    text-align: center;

    width: 20px;

}



.sticky li a p {

    float: left;

    padding: 0px;

    margin: 0px;

    text-transform: uppercase;

    line-height: 43px;

}



/*Right Side Buttons End*/

.language {

    padding: 0px 5px !important;

    color: #000 !important;

    font-size: 12px !important;

    line-height: normal !important;

    background: transparent !important;

}



.top_bar_container {

    width: 100%;

    height: 100%;

}



.top_bar_content {

    width: 100%;

    text-align: right;

    height: 33px;

}



.top_bar_contact_list {

    margin: 0px;

    display: inline-block;

    height: 32px;

    padding-top: 4px;

    background: #e9e7e7;

}



.top_bar_contact_list:before {

    content: "";

    border-right: 30px solid #e9e7e7;

    border-top: 0px solid transparent;

    border-bottom: 36px solid transparent;

    position: relative;

    top: -27px;

    left: -60px;

    z-index: 9;

}



.top_bar_contact_list li {

    display: inline-block;

    padding: 0px 2px;

    line-height: normal;

}



.border-right {

    border-right: 1px solid #cfcfcf !important;

    padding-right: 15px !important;

    padding-left: 15px !important;

}



.top_bar_contact_list>li:first-child {}



.top_bar_contact_list>li:last-child {

    border-right: 0px;

}



.top_bar_contact_list>li>a {

    color: #000;

    font-size: 12px;

}



.top_bar_contact_list>li>a:hover {

    color: #ff755c
}



.carousel-caption1 {

    position: absolute;

    bottom: auto;

    left: 0px;

    right: 0px;

    color: #fff;

    top: 100px;

}



.last-caption {

    bottom: 210px;

}



.surveillance-grid {

    width: 100%;

}



.tranc-right {

    float: left;

}



.slide1-happy-family {

    width: 400px;

}



.slide1-mineral-men {

    width: 510px;

}



.d-flex {

    display: -ms-flexbox;

    display: flex;

}



.flex-row {

    -ms-flex-direction: row;

    flex-direction: row;

}



.justify-content-between {

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.align-items-center {

    -ms-flex-align: center;

    align-items: center;

}



.question {

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

    font-size: 12px;

    color: #000;

    margin-left: 0px;

}



.clscss {

    background-color: #fff;

    color: #171717 !important;

}



.bg-dark {

    background-color: #343a40;

}



.text-warning {

    color: #ffffff !important;

    border: 1px solid #343a40 !important;

    ;

}



.top_bar_contact_list li>div {

    margin-left: 1px;

}



.top_social ul.top_bar_contact_list li {

    border: none;

}



.top_bar_login {

    height: 100%;

}



.login_button {

    width: 160px;

    height: 100%;

    background: #f3f3f3;

    text-align: center;

}



.login_button a {

    display: block;

    font-size: 14px;

    font-weight: 500;

    line-height: 40px;

    color: #384158;

}



.mine-btn {

    margin-top: 40px;

}



.mine-btn.btn-group>.btn {

    position: relative;

    -ms-flex: 0 1 auto;

    flex: 1 1 auto !important;

    padding: 10px;

    border: transparent;

}



.mine-btn .btn-danger {

    background: #f37934;

}



.mine-btn .btn-secondary {

    background: #717991;

}



.item-img>.carousel-item>img {

    width: 100%;

    margin: 0px auto;

    display: block;

}



.modiji-img {

    width: 100% !important;

}



.slider-button {

    font-size: 13px;

    color: #333;

    padding: 12px 40px;

    border: none;

    font-weight: 600;

    position: relative;

    display: block;

    border-radius: 100px;

    line-height: normal;

    margin-top: 20px;

    background: #fff;

    border: 2px solid #fff;

    clear: both;

    text-align: center;

    float: left;

    text-transform: uppercase;

}



.slider-button:hover {

    color: #ffffff;

    background: transparent;

    border: 2px solid #fff;

    /*

    background: rgb(255, 109, 98);

    background: linear-gradient(90deg, #d85248 0%, rgba(255, 157, 59, 1) 100%);

*/

}



.slider-button:focus {

    color: #fff;

}



.low-img-logo {

    position: absolute;

    bottom: 81px;

    height: auto !important;

    width: 370px !important;

}



.light-logo-rightbottom {

    right: 12px;

}



.slider-bg {

    background: rgb(17 17 41 / 91%);

}



.carousel-control-prev {

    left: 0;

    right: auto;

    background-image: none;

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -10px;

    background: rgb(236 126 32);

    color: #fff;

    height: 40px;

    width: 40px;

    font-size: 25px;

    border-radius: 0px 20px 20px 0px;

    padding: 3px 19px 3px 3px;

    text-align: right;

}



.carousel-control-next {

    right: 0;

    left: auto;

    background-image: none;

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -10px;

    background: rgb(236 126 32);

    height: 40px;

    width: 40px;

    font-size: 25px;

    color: #fff;

    border-radius: 20px 0px 0px 20px;

    padding: 3px 3px 3px 16px;

}



.vertical-line {

    width: 1px;

    background: #fff;

    height: 200px;

}



.copyright {

    font-size: 12px;

    color: #d8d8d8;

    border-top: 1px solid #5c6072;

}



.copyright p {

    padding: 12px 0px;

    margin: 0px;

    text-align: center;

}



.poweredby {

    text-align: right !important;

}



.poweredby a {

    color: #ec7e20;

    text-decoration: none;

    font-weight: 600;

}



.poweredby a:hover {

    color: #fff;

}



footer {

    clear: both;

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #d8d6d6;

}



.right-corder-container {

    position: fixed;

    right: 10px;

    z-index: 999;

}



.mail-us {

    top: auto;

    bottom: 250px;

}



.mail-us button {

    background: rgb(255, 157, 59);

    background: linear-gradient(90deg, rgba(255, 157, 59, 1) 0%, #d85248 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translatey(0px);

    animation: pulse 1.5s infinite;

    box-shadow: 0 0 0 0 #eb711e;

    -webkit-animation: pulsing1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -moz-animation: pulsing1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -ms-animation: pulsing1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    animation: pulsing1 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    transition: all 300ms ease-in-out;

}



@keyframes pulsing1 {

    to {

        box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);

    }

}



.call-us {

    top: auto;

    bottom: 189px;

}



.call-us a {

    background-color: #007bff;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translatey(0px);

    animation: pulse 1.5s infinite;

    box-shadow: 0 0 0 0 #007bff;

    -webkit-animation: pulsing2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -moz-animation: pulsing2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -ms-animation: pulsing2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    animation: pulsing2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    transition: all 300ms ease-in-out;

}



@keyframes pulsing2 {

    to {

        box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);

    }

}



.whatapp-us {

    top: auto;

    bottom: 130px;

}



.whatapp-us a {

    background-color: #28a745;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translatey(0px);

    animation: pulse 1.5s infinite;

    box-shadow: 0 0 0 0 #42db87;

    -webkit-animation: pulsing3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -moz-animation: pulsing3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    -ms-animation: pulsing3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    animation: pulsing3 1.25s infinite cubic-bezier(0.66, 0, 0, 1);

    transition: all 300ms ease-in-out;

}



@keyframes pulsing3 {

    to {

        box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);

    }

}



.right-corder-container .right-corder-container-button {

    height: 45px;

    width: 45px;

    border: none;

    border-radius: 62px;

    transition: all 300ms;

    cursor: pointer;

    display: block;

}



.right-corder-container .right-corder-container-button>span {

    font-size: 20px;

    color: white;

    position: absolute;

    left: 0px;

    top: 8px;

    line-height: 30px;

    right: 0px;

    text-align: center;

}



.footer-border-right {

    border-right: 1px solid #5c6072;

}



.footer-border-left {

    border-left: 1px solid #5c6072;

}



.rti-list {}



.rti-list li {
    list-style: none;
    margin: 5px;

}



.rti-list li a {

    display: block;

    padding: 10px 20px;

    color: #af241d;

    font-weight: 600;

    font-size: 15px;

    background: #ebebeb;

    /* border: 1px solid #d6d6d6; */

}

.rti-list li a:hover {

    background: #af241d;

    color: #fff;

}



.hit-date-time {}



.footer-title {

    float: left;

    padding: 0px 30px;

    padding-bottom: 30px;

}



.footer-title>p {

    padding-top: 0px;

    font-size: 13px;

    display: inline-block;

    width: 100%;

    margin: 0px;

    color: #fff;

    line-height: 20px;

    font-weight: 400;

    margin-bottom: 5px;

}



.footer-title p i {

    float: left;

    width: 10%;

}



.footer-title p span {

    float: left;

    width: 85%;

    /* font-size: 13px; */

    /* line-height: 20px; */

    color: #cbcbcb;

    font-weight: 500;

    text-align: left;

}



.footer-title>span,
.footer-title ul li a {

    line-height: normal;

    padding-top: 10px;

    font-size: 13px;

    width: 100%;

    margin: 0px;

    color: #fff;

}



.footer-title ul li:last-child {

    padding-bottom: 0px;

}



.footer-title>h3 {

    font-size: 14px;

    color: #fff;

    padding: 0px;

    margin: 0px;

    display: inline-block;

    margin-bottom: 30px;

    font-weight: 600;

    position: relative;

    text-transform: uppercase;

}



.footer-title>h3::after {

    content: '';

    position: absolute;

    background-color: #ec7e20;

    width: 38px;

    height: 2px;

    top: 29px;

    left: 0px;

}



.footer-title>h3>span {

    font-weight: normal;

    background: rgb(255, 157, 59);

    background: linear-gradient(90deg, rgba(255, 157, 59, 1) 0%, #d85248 100%);

    height: 2px;

    width: 30px;

    display: block;

    margin-top: 16px;

}



svg {

    height: 20px;

    float: left;

    width: 27px;

    margin-right: 10px;

}



.footer-title ul {

    margin: 0;

    padding-left: 15px;

}



.footer-title ul li {

    margin: 0;

    padding: 0;

    padding-bottom: 10px;

    font-size: 12px;

    color: #cbcbcb;

}



.footer-title ul li::marker {

    font-size: 107%;

    color: #ec7e20;

}



.footer-title ul li span {

    display: inline-table;

}



.footer-title ul li a {

    color: #cbcbcb;

    font-size: 13px;

    padding: 0px 0;

    text-decoration: none;

    display: inline-block;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    line-height: normal;

    word-break: break-word;

}



.hr {

    border-top: 1px solid #9999cc;

    margin-top: 50px;

}



.list-none {

    padding-left: 0px !important;

}



.list-none>li {

    list-style: none;

}



#footer-bottom-grid a,
.footer-title ul li a:hover {

    color: #ec7e20;

    text-decoration: none
}



.footer-title ul li:last-child {

    border-bottom: 0 dotted rgba(255, 255, 255, .32)
}



.footer-title ul li a:hover {

    padding-left: 1px;

}



#footer-grid {

    padding: 70px 20px;

    padding-bottom: 0px;

    color: #353535;

    background: #22223e;

    background-size: cover;

    width: 100%;

    position: relative;

}



.f-about {

    margin-left: 0px
}



.f-about>a {

    display: inline-block;

    color: #9999cc;

    font-size: 22px;

    margin-right: 10px;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.f-about>a:hover {

    color: #fff;

}



.f-about h3 {

    font-size: 18px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 20px;

}



.f-about h3 span {

    font-weight: 500;

    background: rgb(255, 157, 59);

    background: linear-gradient(90deg, rgba(255, 157, 59, 1) 0%, #d85248 100%);

    height: 2px;

    width: 30px;

    display: block;

    margin-top: 12px;

}



.f-about p {

    font-size: 12px;

    line-height: 20px;

}



.logo-slider {

    padding: 80px 0px;

    clear: both;

    padding-bottom: 130px;

}



.topheader {}



#items {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



#items .item {

    position: relative;

    cursor: pointer;

    font-size: 2em;

    padding: 15px 30px;

    transition: all 250ms;

}



#items .item:hover {

    padding: 15px 45px;

    background-color: rgba(52, 56, 56, 0.2);

}



#btn,
#btn * {

    position: relative;

    left: 10px;

    top: 10px;

}



.rti-list-corner {}

.rti-list-corner>ol {}

.rti-list-corner>ol>li {

    border-bottom: 1px solid #ccc;



}

.rti-list-corner>ol>li:last-child {

    border-bottom: 0;



}

.rti-list-corner>ol>li>a {

    color: #000;

    line-height: 60px;

    display: block;

    font-weight: 600;

    font-size: 16px;

}

.rti-list-corner>ol>li>a:hover {

    color: #ec7e20;

    padding-left: 10px;



}



.innerrti-list-corner {

    background: #ebebeb;

    border-radius: 10px 10px 0px 0px;

    border: 1px solid #ddd;

}



.innerrti-list-corner>h3 {

    background-color: #af241d;

    font-size: 16px;

    color: #fff;

    padding: 10px 20px;

    border-radius: 10px 10px 0px 0px;

    margin: 0px;

}





.innerrti-list-corner>ol {

    padding: 20px 20px 0px 33px;

}

.innerrti-list-corner>ol>li {

    border-bottom: 1px solid #ccc;

    margin-right: 0px;

    font-size: 13px;

}

.innerrti-list-corner>ol>li:last-child {

    border-bottom: 0;



}

.innerrti-list-corner>ol>li>a {

    color: #000;

    line-height: normal;

    display: block;

    font-weight: 600;

    font-size: 13px;

    padding: 10px 0px;

}

.innerrti-list-corner>ol>li>a:hover {

    color: #af241d;

}



.innerrti-list-corner>ul {

    padding: 20px 20px 0px 33px;

}

.innerrti-list-corner>ul>li {

    border-bottom: 1px solid #ccc;

    margin-right: 0px;

    font-size: 13px;

}

.innerrti-list-corner>ul>li:last-child {

    border-bottom: 0;



}

.innerrti-list-corner>ul>li>a {

    color: #000;

    line-height: normal;

    display: block;

    font-weight: 600;

    font-size: 13px;

    padding: 10px 0px;

}

.innerrti-list-corner>ul>li>a:hover {

    color: #af241d;

}

.innerrti-active {

    color: #af241d !important;

}

.pdfviwer-rti {

    width: 100%;

    border: 0;

    height: 700px;

}

.innerabout-text {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.innerabout-text h3 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 20px;
    padding: 8px 20px;
    background: rgb(236 126 32);
    display: inline-block;
}

.innerabout-text p {
    /* text-align: justify; */
    /* font-size: 14px; */
    padding: 0px;
    margin-bottom: 0px;
}

#menu ul {
    background: #2e2e2e;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#menu li {
    width: auto;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 1em;
}

#menu li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: block;
}

#menu li:hover {
    color: #fff;
    background: #ec7e20;
}

#menu ul .active {
    color: #fff;
    background: #ec7e20;
}





body.dark {
    background-color: #000;
}

.dark .navbar {
    background: #000;
}

.dark .stellarnav li a {
    color: #FFFD00
}

.dark .top_bar_contact_list {
    background: #000;
    color: #FFFD00
}

.dark .top_bar_contact_list>li>a {

    color: #FFFD00 !important;
}

.dark .top_bar_contact_list:before {
    border-right: 30px solid #6a6868;
}

.dark .logo-sub-title {
    color: #ffeb3b;
}

.dark .page-change-sec>li>a {
    border: 1px solid #000000;
    color: #ffeb3b;
    background: #000;
}

.dark .ribbon h3 {
    color: #ffeb3b;
    background: rgb(24 24 24);
}

.dark .ribbon p {
    color: #ffeb3b;
}

.dark .nav-tabs .nav-item.show .nav-link,
.dark .nav-tabs .nav-link.active {
    color: #ffeb3b;
    background-color: #000000;
    border-color: #000000 #000000 #000;
}

.dark .centres-border .nav-item.show .nav-link,
.dark .centres-border .nav-link.active:before {

    border-top: 10px solid #000000;
}

.dark .news-title:before {
    border-right: 25px solid #000000;
}

.dark .news-title:after {
    border-left: 25px solid #000000;
}

.dark .ticker {
    background-color: #000;
}

.dark .ticker li article a {
    color: #ffeb3b;
}

.dark .nav-tabs .nav-link {
    color: #ffeb3b;
    background: #181818;
}

.dark .newsmore {
    background: #000000;
}

.dark .news-more-btn {
    color: #ffeb3b;
}

.dark .ticker li {
    border-bottom: 1px solid #242424;
}

.dark #custom-search-input {
    background-color: #000;
}

.dark .nav-tabs {
    border-bottom: 1px solid #000000;
}

.dark .top_bar_bg {
    background: #6a6868;
    z-index: 0;
}

.dark .logo_name {
    color: #ffeb3b;
}

.dark #custom-search-input input {
    background-color: #343434;
    border: solid 1px #000000;
}

.dark #custom-search-input button {
    margin: 0px;
    background: none;
    box-shadow: none;
    border: 0;
    color: #ffeb3b;
    border: solid 1px #000000;
    background-color: #000000;
    border-radius: 0px;
    font-size: 14px;
}

.dark .language {
    color: #ffeb3b !important;
}

.dark .top_bar_contact_list {
    background: #6a6868;
}


.dark .marquee-scroll {
    background: #000;
    color: #FFFD00;
    padding: 4px 0px;
    border-bottom: 2px solid #FFFD00;
}

.dark .note:before {
    background: #000;
    color: #FFFD00
}

.dark .news-title {
    background: #000000;
    color: #FFFD00;
}

.dark .about-text {
    background: #000000;
}

.dark .li-list>li {
    color: #ffeb3b;
}

.dark .li-list>li:before {
    background-color: #ffeb3b;
}

.dark .news_box {
    background: #000000;
    border: 1px solid #fffd00;
}

.dark .ticker>li>article>p {
    color: #fffd00;
}

.dark .ticker li article span {
    color: #fffd00;
}

.dark .ticker li aside {
    background: #000000;
}

.dark .ticker li aside h2 {
    color: #fffd00;
}

.dark .ticker li aside span {
    color: #fffd00;
}

.dark .ribbon {
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0) 100%);

}

.dark .ribbon i:nth-child(3),
.dark .ribbon i:last-child {
    background: rgb(0 0 0);
}

.dark .ribbon i:nth-child(3)::before {
    content: '';
    background-color: #000000;
    border-left: 22px solid black;
}

.dark .ribbon i:last-child::before {
    background-color: #000000;
    border-right: 22px solid black;

}

.dark .about-text p {
    color: #fffd00;
}

.dark .goToTop .stellarnav ul {
    background: #000000;
}

.dark .know-more-btn {
    color: #fffd00;
    background: #000000;
    border: 1px solid #fffd00
}

.dark .know-more-btn:after {
    background: #000000;
}

.dark .stellarnav>ul>li .active {
    background: #272727;
}

.dark .listdistrict-grid {
    background: #000;
}

.dark .projectFactsWrap .item {
    background: rgb(0 0 0);
}

.dark .mobile-app-grid {
    background: #000000;
}

.dark .mobile-app-title {
    color: #ffeb3b;
}

.dark .mobile-app-title>span {
    background: #ffeb3b;
}

.dark .owl-theme3 .item {
    background: #000000;
    border: 2px solid #000000;
}

.dark .stellarnav>ul>li>a:hover {
    background: #000000;
}

.dark .stellarnav.dark ul ul li a:hover {
    background-color: #000000;
    color: #fffd00;
}

.dark .stellarnav.dark ul ul {
    background: #000000;
}

.dark .stellarnav.dark ul ul li a {
    color: #fffd00;
}

.dark .stellarnav>ul>li:hover {
    background: #000000;
}

.dark .stellarnav.dark ul ul li {
    border-bottom: 1px solid #ffeb3b;
}

.dark .stellarnav.mobile.dark ul {
    background: #000000;
}

.dark #footer-grid {
    color: #fffd00;
    background: #0a0a0a
}

.dark .footer-title ul li a {
    color: #fffd00;
}

.dark #footer-bottom-grid a,
.footer-title ul li a:hover {
    color: #fffd00;
    text-decoration: none;
}

.dark .footer-title ul li::marker {
    color: #ffeb3b;
}

.dark .footer-title>h3 {
    color: #ffeb3b;
}

.dark .footer-title>h3::after {
    background-color: #fffd00;
}

.dark .social-icon>li>a {
    color: #fffd00;
}

.dark .copyright {
    font-size: 12px;
    color: #fffd00;
}

.dark .scroll-top-wrapper {
    color: #000000;
    background: rgb(255 253 0);
}

.dark .top_bar_contact_list>li>a:hover {
    color: #fffd00;
}

.dark .carousel-control-next {
    background: rgb(255 253 0);
    color: #000;
}

.dark .carousel-control-prev {
    background: rgb(255 253 0);
    color: #000;
}

.dark .tool::before {
    border-color: #fffd00 transparent transparent transparent;
}

.dark .tool::after {
    background: #eeec00;
    color: #000000;
}

.dark .stellarnav {
    background: #000000;
}

.dark .top_bar {
    background: #000000;
    padding: 0px 0px;
    padding-bottom: 4px;
}

.dark .foot-logo>span>b {
    color: #ffeb3b;
}

.dark .foot-logo>span {
    color: #ffeb3b;
}

.dark .footer-title>p {
    color: #ffeb3b;
}

.dark .footer-title p span {
    color: #ffeb3b;
}

.dark .copyright p {
    color: #ffeb3b;
}

.checkbox {
    opacity: 0;
    position: absolute;
}

.checkbox[type=checkbox]+label:after {
    display: none;
}

.checkbox[type=checkbox]:checked+label:after {}

.label {
    width: 32px;
    height: 16px;
    background-color: #111;
    /* display: flex; */
    border-radius: 50px;
    /* align-items: stretch; */
    /* justify-content: space-between; */
    /* padding: 5px; */
    position: relative;
    /* transform: scale(1.5); */
    top: 4px;
    cursor: pointer;
    padding-left: 0px !important;
    margin: 0;
}


.label:before {
    display: none !important;
}


.ball {
    width: 16px;
    height: 16px;
    background-color: white;
    /* position: absolute; */
    /* top: 2px; */
    /* left: 2px; */
    border-radius: 50%;
    transition: transform 0.2s linear;
}

/*  target the elemenent after the label*/
.checkbox:checked+.label .ball {
    transform: translateX(16px);
}

.fa-moon {
    color: pink;
}

.fa-sun {
    color: yellow;
}

.social-icons-footer{
    max-width: 2rem;
}

select.form-select{
    height: 38px;
}

#content nav.goToTop{
    position: unset;
    background-color: unset;
}