@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --white: #ffffff;
    --black: #000;
    --blue: #32B8E7;
    --blue2: #143D82;
    --gray: #ECF2F8;
    --gray2: #ECF2F8;
}

@font-face {
    font-family: helvetica;
    src: url('../font/Helvetica.ttf');
  }

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}


html {
    /* overflow-x: hidden; */
}

.error {
	color: red
}


/* onload animation */
.animation {    
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.4s ease-out;
    transition-delay: 0.4s;
}
.scroll-animation {    
    transform: translateY(0);
    opacity: 1;
}


.modal-backdrop {
    background-color: transparent;
 }
 .modal 
 {
    background: rgba(0, 0, 0, 0.8);
 }
a {
    text-decoration: none !important;
    color: var(--black);
}
.text-underline {
    text-decoration: underline !important;
}
.text-grad {
    background: linear-gradient(88.51deg, #32B8E7 1.07%, #143D82 98.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-grad2 {
    background: linear-gradient(88.51deg, #FF912D 1.07%, #FF912D 98.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-grad3 {
    background: linear-gradient(88.75deg, #32B8E7 -57.4%, #143D82 99.01%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gray {
    color: rgba(0,0,0,0.6) !important;
}
.text-white2 {
    color: rgba(255,255,255,0.7);
}
body {
    font-family:helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden !important;
}

h1 {
    font-family:helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 43.2px;
    letter-spacing: -0.5%;
    color: var(--white);
}

h2 {
    color: var(--black);
    font-family:helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.5%;
    text-transform: capitalize;
    margin-bottom: 20px;
}
h2 span
{
    font-weight: 400;
    background: linear-gradient(93.21deg, #000 -36%, #000 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2.text-white span
{
    font-weight: 400;
    background: linear-gradient(93.21deg, #fff -36%, #fff 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2.grad
{
    background: linear-gradient(89deg, #32B8E7 1.07%, #143D82 98.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800 !important;
}

h3 {
    font-family:helvetica;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--black);
    margin-bottom: 30px;
}
.head-h3 span
{
    font-weight: 500;
    background: linear-gradient(93.21deg, #000 -36%, #000 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4 {
    color: var(--black);
    font-family:helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 31.44px;
}

h5 {
    color: #000;
    font-family:helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
}

h6 {
    color: #000;
    font-family:helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}

.max-width
{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.max-width2
{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.bg-blue
{
    background: linear-gradient(93.21deg, rgb(8 131 223 / 5%) -20.45%, rgb(5 228 187 / 5%) 100%);
}
.bg-gray{
    background: #F9F9F9;
}
.bg-gray2 {
    background: rgb(230 236 247 / 50%);
}
.bg-gray3 {
    background: linear-gradient(0deg, #FAF0EA, #FAF0EA);
}
.bg-blue
{
    background: linear-gradient(88.51deg, #32B8E7 1.07%, #143D82 98.82%);
}



/* Header */
.top-head {
    position: relative;
    z-index: 9;
    padding-bottom: 21px !important;
}
.top-head, .top-head .container {
    background: transparent;
    padding: 0;
}
.latest-news {
    display: flex;
    align-items: center;
    margin-top: 0;
    background: rgb(255 255 255 / 20%);
    border-radius: 500px;
}
.latest-news p
{
    margin-bottom: 0;
}
.latest-news .lnews-head
{
    background: #FF912D;
    padding: 3px 30px;
    border-radius: 500px;
    color: var(--white);
    font-weight: 600;
    letter-spacing: 1px;
}
.latest-news .lnews-head + p
{
    padding-left: 30px;
    color: var(--white);
    flex: 1;
    padding-right: 20px;
}
.top-bar
{
    background: linear-gradient(88.53deg, #32B8E7 -54.08%, #143D82 98.83%);
    padding:15px 20px;
}
.top-bar .ul-arow
{
    display: flex;
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.top-bar .ul-arow li
{
    margin-right:15px;
}
.top-bar .ul-arow li a {
    color: rgb(242 242 242 / 70%);
}
.top-bar .ul-arow li a span
{
    border-bottom: 1px solid  rgb(242 242 242 / 70%);
}

.top-dflex
{
    display: flex;
    justify-content: space-between;
}
.top-login ul.dropdown-menu {
    border-radius: 0;
    min-width: 210px;
    padding: 3px 12px;
}
.top-login ul.dropdown-menu li
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.top-login ul.dropdown-menu li:last-child
{
    border-bottom: 0;
}
.top-login .dropdown button
{
    background: transparent;
    border: 0;
    color: rgb(242 242 242 / 70%);
    border-right: 2px solid rgb(242 242 242 / 20%);
    padding: 0;
    line-height: 20px;
    padding-right: 20px;
}
.top-login 
{
    display: flex;
}
.top-login  a
{
    color: rgb(242 242 242 / 70%);
    padding-left: 20px;
    padding-right: 20px;    
}
.top-login .dropdown .dropdown-menu li a
{
    color: var(--black);
}
.top-bear {
    background: #32B8E7;
    color: var(--white) !important;
    font-weight: 500;
    padding: 2px 8px !important;
}  
marquee
{
    padding-top:2px;
    display: block;
}



header .navbar {
    background: var(--white) !important;
    padding: 0 !important;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 7em;
    z-index: 9;
    box-shadow: 0px 4px 40px 0px #00000014;
    padding: 10px 0 !important;
    overflow: visible;
}

header nav .container {
    /* background: var(--white) !important;
    padding: 12px 20px !important;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0.6em;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0px 4px 40px 0px #00000014; */
}

header .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    transition: 0.4s;
}

header .navbar-nav .nav-item {
    margin-left: 40px;
}

header .navbar-nav {
    margin-left: auto;
    align-items: center;
}
header .navbar-nav .nav-item.active .nav-link, 
header .navbar-nav .nav-item:hover .nav-link
{
    color: var(--black);
    position: relative;    
    font-weight: 700;
    transition: 0.4s;
}


header .navbar-nav .nav-item.active .nav-link::before, 
header .navbar-nav .nav-item:hover .nav-link::before{
    background: #000;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 3px;
    width: 40%;
    position: absolute;
    z-index: 1;
    transition: 0.4s;
}

.banner-title {
    font-weight: 900;
    text-transform: initial;
    margin-bottom: 11px;
    font-size: 44px;
    line-height: 51px;
}
.homebannerslide
{
    position: relative;
}
.homebannerslide.common-slide .owl-dots {
    margin-top: 0;
    justify-content: flex-start;
    position: absolute;
    left: 29%;
    bottom: 40px;
    /* transform: translateX(-67%); */
}
.homebannerslide.common-slide .owl-dots button.active span {
    background: #fff;
}
.homebannerslide.common-slide .owl-dots button span {
    background: lch(99.14 0 0 / 0.20);
}

/********************************************************************************/
.max {
    max-width: 600px;
}

.max2 {
    max-width: 900px;
}

.max3 {
    max-width: 1050px;
}

input:focus,
select:focus,
textarea:focus {
    border: 0;
    outline: 0;
    box-shadow: unset;
}

.common-padd {
    padding:70px 20px;
}

.common-padd-top {
    padding-top: 70px;
}

.common-padd-bottom {
    padding-bottom: 70px;
}

.common-margin-bottom {
    margin-bottom: 70px;
}

.common-margin-top {
    margin-top: 70px;
}

hr {
    border-top: 2px solid #BECCDA !important;
}

.h2-mb {
    margin-bottom: 60px;
}
.h2-pb
{
    padding-bottom: 70px;
}

.h4-pb {
    padding-bottom: 40px;
}
.h4-mmb {
    margin-bottom: 40px;
}

.w-fit {
    width: fit-content;
}
.h-fit
{
    height: fit-content;
}


.text-underline {
    text-decoration: underline !important;
}

.btn-orange {
    background: #FF912D;
    border-radius: 12px;
    border: 0 !important;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.btn-orange img
{
    width: 22px;
}
.btn {
    background: linear-gradient(89deg, #32B8E7 1.07%, #143D82 98.82%);
    color: var(--white);
    font-weight: 400;
    border-radius: 4px;
    padding: 14px 65px;
    border: 0 !important;
    text-transform: capitalize;
    position: relative;
    display: flex !important;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: fit-content;
    transition: 0.3s;
}
.btn:hover {
    background: linear-gradient(89deg, #143D82 1.07%, #32B8E7 98.82%);
    color: var(--white);
    transition: 0.3s;
}
.btn-border {
    color: var(--blue2);
    border-radius: 4px !important;
    padding: 11px 65px;
    cursor: pointer;
    border: 1px solid;
    border-image-source: linear-gradient(88.51deg, #32B8E7 1.07%, #143D82 98.82%) 1;
    /* background: linear-gradient(to right, var(--blue) 19%, var(--bluedark) 37%) 1;
    background-origin: border-box;
    background-clip: content-box, border-box; */
    transition: 0.4s;
}
.btn-border:hover {
    border-image-source:none !important;
    background: var(--blue2);
    color: var(--white);
    border-radius: 4px !important;
    transition: 0.3s;
}
.btn-border-white {
    color: var(--white);
    border-radius: 4px !important;
    background: transparent;
    padding: 11px 65px;
    cursor: pointer;
    border: 1px solid var(--white);
    transition: 0.4s;
}
.btn-border-white:hover
{
    background: var(--white);
    color: var(--black);
}

.btn-border-white2 {
    color: #FAF6F5;
    border-radius: 4px !important;
    background: transparent;
    padding: 13px 65px;
    cursor: pointer;
    border: 1px solid #FAF6F5;
    transition: 0.4s;
}
.btn-border-white2:hover
{
    background: #FAF6F5;
    color: var(--black);
}
.text-white2
{
/* background: linear-gradient(89deg, #ffffff 1.07%, #ffffff 98.82%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}

header .navbar-nav .nav-item.mega-menu-main {
    position: static;
}
header .navbar-nav .nav-item.mega-menu-main .mega {
    padding: 20px 20px 20px 30px;
    border-radius: 0;
    border: 0;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
    width: 100%;
}

.mega-menu-row
{
    display: flex;
    flex-wrap: wrap;
}
.mega-menu-row .mega-col
{
    flex: 25%;
    width: 25%;
    max-width: 25%;
    padding: 0 20px;
}
.mega-menu-row .mega-col p 
{
    margin-bottom: 0;
}
.mega-menu-row .mega-col p  a
{
    font-weight: 700;
}
.mega-menu-row .mega-col .sub-sub-list {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 10px;
}
.mega-menu-row .mega-col .sub-sub-list li {
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}
.mega-menu-row .mega-col .sub-sub-list li:hover {
    background: #e5f0f6;
    transition: 0.3s;
}
.mega-menu-row .mega-col .sub-sub-list li  a {
    padding-left: 10px;
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgba(0, 0, 0, 0.68);
}
.mega-menu-row .mega-col .sub-sub-list li:hover a {
    color: var(--blue2);
    transition: 0.3s;
}

.common-slide .owl-nav button
{
    position: absolute;
    left:0 ;
    top: 50%;
    transform: translateY(-50%);
}
.common-slide .owl-nav button.owl-next
{
    right:0 ;
    left: initial;
}
.common-slide .owl-nav button span
{
    position: relative;
    font-size: 0;
    visibility: hidden;
    display: none;
}
.common-slide .owl-nav button::before
{
    content: '';
    background: url('../img/arrow.svg') center no-repeat;
    background-size: cover;
    height:19px;
    width: 11px;
    position: absolute;
    left: 0;
    top: 0;
}

.common-slide .owl-nav button.owl-next::before
{
    transform: rotate(180deg);
}
.common-slide .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.common-slide .owl-dots button
{
    margin: 0 8px;
}
.common-slide .owl-dots button.active span {
    background: #184D90;
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 500px;
}
.common-slide .owl-dots button span {
    background: rgb(39 138 193 / 30%);
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 500px;
}

/* Footer */
footer
{
    position: relative;
}
footer::before
{
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(88.51deg, #0B3443 1.07%, #001A46 98.82%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    z-index: -1;
}

.social-links {
    padding-left: 0;
    list-style: none;
    display: flex;
    /* margin-top: 20px; */
}
.social-links li {
    margin-right: 20px;
    transition: 0.4s;
}
.social-links li a {
    color: rgb(0 0 0 / 80%);
    font-size: 20px;
    transition: 0.4s;
}
.social-links li:hover a {
    color: #0883DF;
    transition: 0.4s;
}
.whatsapp
{
    position:fixed;
    bottom: 20px;
    right: 20px;
}
.quick-links
{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.quick-links li
{
    flex: 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.reach-out-col {
    padding-left: 15%;
    padding-right: 7%;
}
.quick-links li a
{
    color: rgba(255,255,255,0.7);
}
footer .info-box {
    align-items: flex-start;
    margin-bottom: 10px;
    color: rgba(255,255,255,0.6);
    display: flex;
}
footer .info-box span
{
    color: rgba(255,255,255,0.6);
}
footer .info-box img
{
        margin-right: 15px;
}
footer .appstore
{
    display: block;
    margin-bottom: 10px;
}
footer .appstore img
{
    width:135px;
}
.last-row {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.8);
    padding-bottom: 30px;
}

.last-row p, .social-links li a {
    color: rgba(255,255,255,0.6);
}


.formstyle label
{
    display: block;
    font-weight: 800;
    margin-bottom: 10px;
}
.formstyle input, 
.formstyle select, 
.formstyle textarea
{
    width: 100%;
    border: 1px solid #b9b9b952 !important;
    border-radius: 8px;
    padding: 10px 20px;
    background: transparent !important;
}
.formstyle select
{
    padding: 14px 20px;
}
.formstyle input::placeholder
{
    color: #111;
}
.formstyle .col-12
{
    margin-bottom: 30px;
}

/**********/
.price-row
.form-check-input[type=radio] {
    font-size: 22px;
}

.price-row
{
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px
}
.price-row .price-col {
    background: #32b8e742;
    padding: 20px;
    border-radius: 12px;
}
.price-row .price-col *
{
    cursor: pointer;
}
.price-row .price-col:last-child {
    background: #ff912d61;
}
.formstyle3 label
{
    display: block;
    font-weight: 800;
    margin-bottom: 10px;
    color: var(--black);
    font-weight: 500;
}
.formstyle3 input[type="text"], 
.formstyle3 input[type="email"], 
.formstyle3 input[type="password"], 
.formstyle3 select
{
    width: 100%;
    border:0;
    border-bottom: 1px solid #b9b9b952 !important;
    border-radius: 0;
    padding: 10px 0px;
    background: transparent !important;
    color: rgba(0, 0, 0, 0.5);
}
.formstyle3 input::placeholder
{
    color: rgba(0, 0, 0, 0.5);
}
.formstyle3 .col-12
{
    margin-bottom: 30px;
}

.inner-bannner {
    background: url('../img/inner-banner.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    padding-top: 220px;
    padding-bottom: 50px;
    margin-top: -43px;
}
.transparent-bg
{
    /* background: transparent !important; */
    background: #041d3a !important;
}

/* .inner-bannner:before {
    background: linear-gradient(0deg, #1B262E, #1B262E),
linear-gradient(88.51deg, #0B3443 1.07%, #001A46 98.82%);
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    opacity: 1;
    transition: 0.4s;
} */

.breadcrumbs {
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: center;
    margin-top: 10px;
}
.breadcrumbs li {
    margin-right: 20px;
    position: relative;
}
.breadcrumbs li:last-child {
    margin-right: 0;
}
.breadcrumbs li a {
    color: var(--white);
    font-weight: 500;
}
.breadcrumbs li::after {
    content: '/';
    position: absolute;
    right: -13px;
    top: 0;
    color: var(--white);
    font-weight: 500;
}
.breadcrumbs li:last-child::after {
    content: '';
}

.img-radius
{
    border-radius: 12px;
}

.col-right
{
    padding-left: 30px;
}
.col-left
{
    padding-right: 30px;
}

.list-style-design1
{
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5%;    
}
.list-style-design1 li
{
    flex: 33.33%;
    width: 33.33%;
    max-width: 31.33%;
    margin: 1%;
    background: linear-gradient(93.21deg, rgb(8 131 223 / 5%) -20.45%, rgb(5 228 187 / 5%) 100%);
    padding: 10px;
    border-radius:4px;
    text-align: center;
}

/* Home */
.home-bannner {
    /* background: url('../img/banner.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important; */
    margin-top: 0;
    /* min-height: 590px; */
    position: relative;
    margin-top: 4.5em;
}
.home-bannner .col-12 {
    /* padding-top: 220px; */
    /* padding-bottom: 120px; */
    padding-bottom: 0;
    position: relative;
}
.home-bannner .container {   
    /* margin-top: -50%; */
}
.client-sec .col-12
{
    padding: 0 30px;
}
.home-banner-col {
    position: absolute;
    left: 0;
    top: -34em;
    z-index: 3;
}


.tabs .container
{
    /* padding: 20px 35px; */
    /* padding-bottom: 40px; */
}
.thanku-sec
{
    margin-top: 80px;
}

.mytabs {
    background: #E2E9F5;
    border-radius: 8px;
    padding: 8px 8px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}
.mytabs.style1 {
    flex-wrap: nowrap;
}

.mytabs  li {
   
    /* border-right: 1px solid rgba(0,0,0,0.1); */
    position: relative;
}
.mytabs  li:last-child {
    border-right: 0;
}
.mytabs  li .active {
    background:#278AC1;
}
.mytabs  li .active
{
    color: #fff;
}
.mytabs  li  span
{
    font-weight: 600;
    padding: 7px 80px;
    border-radius: 4px;
    color: #2171AD;
}
.mytabs  li 
{
    font-weight: 500;
    color: #000;
}

.mytabs.style2.design2 li  span {
    padding: 7px 18px;
}

.tabslide .tabslide-item img {
    border-radius: 26px 26px 0 0;
    width: 100%;
}

.tabslide .tabslide-item .tabslide-text {
    padding: 40px 40px 40px 40px;
}
.tabslide .tabslide-item {
    box-shadow: 0px 4px 40px 0px #0000001A;
    display: block;
    border-radius: 26px;
    background: var(--white);
}
.tabslide .tabslide-item p
{
    margin-bottom: 0;
}
.tabslide.common-slide .owl-dots {
    margin-top: 0;
    margin-bottom: 60px;
}
.tabslide .owl-stage-outer
{
    padding-top: 50px;
    padding-bottom: 40px;
}
.get-touch
{
    padding: 0 250px;
}
hr.blue {
    border: 1px solid #1A5394 !important;
    opacity: 0.5 !important;
}
.text-blue {    
    color: #1A5394;
}
.dash-card {
    padding: 20px;
    border-radius: 17px;
    background: rgb(230 236 247 / 50%);
    margin-bottom: 20px;
}
.btn2 {
    padding: 10px 20px;
    background: #1E63A1;
    color: var(--white);
    text-align: center;
    border-radius: 9px;
}
.dash-card a {
    border-bottom: 1px solid #1E63A1;
    padding-bottom: 0;
    margin: auto;
    width: fit-content;
}
.info-list3  {
    display: flex;
    background: rgb(230 236 247 / 50%);
    padding: 20px;
    border-radius: 8px;
    justify-content: space-between;
    list-style: none;
}
.info-list3 li {
    padding: 0 10px;
}
.info-list3 li h6:first-child {
    font-weight: 900;
}
.info-list3 li {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 30px; */
}
.info-list3 li h5 {
    font-weight: 400;
}

.common-slide.style2 .owl-nav button {
    top: 92%;
    transform: translateY(-92%);
}
.common-slide.style2 .owl-nav button.owl-prev {
    left: 33%;
}
.common-slide.style2 .owl-nav button.owl-next {
    right: 33%;
}
.common-slide.style2 .owl-nav button::before {
    content: '';
    background: url('../img/arrow2.svg') center no-repeat;
    background-size: cover;
    height: 27px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
}
.common-slide.style3 .owl-stage-outer
{
    padding-top: 100px;
    padding-bottom: 30px;
}

.col-right {
    padding-left: 50px;
}
.left-img-radius
{
    border-radius: 0px 0px 0px 187px;    
}
.our-prent-col
{
    padding: 80px;
}
.forumsslide .owl-item img {
    width:80px;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -41px;
    border: 15px solid #F9F9F9;
    border-radius: 500px;
}
.forumsslide .owl-item .forums-content
{
    background: rgb(230 236 247 / 50%);
    border-radius: 12px;
    padding:60px 30px 30px 30px;
}
.forumsslide .owl-item .forums-content p:last-child
{
    margin-bottom: 0;
}
.forumsslide .owl-stage-outer {
    overflow: visible !important;
    padding-top: 40px;
}
.glance *
{
    position: relative;
    z-index: 2;
}
.glance
{
    background: url('../img/glance-bg.jpg') center no-repeat;
    background-size: cover; 
    position: relative;
}
.glance::before
{
    content: '';
    height:100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}
.glanceslide .glanceslide-item
{
    padding:40px;
    border-radius: 20px 0px 20px 0;
    background: var(--white);
}
.glanceslide-item h6, 
.glanceslide-item p
{
    /* color: var(--white); */
}
.glanceslide-item h5
{
    font-weight: 900;
    color: rgba(0, 0, 0, 0.7);
}
.glanceslide-item p
{
    font-weight:500;
    color: rgba(0, 0, 0, 0.7);
}

.glanceslide-item .gimg {
    background: #FF912D;
    border-radius: 0px 28.5px 0px 0px;
    padding: 6px 50px 6px 20px;
    display: flex;
    width: fit-content;
    margin-bottom: 20px;
    position: relative;
}
.glanceslide-item .gimg::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: -40px;
    top: 0;
    background: #FF912D;
    z-index: 0;
}
.glanceslide-item .gimg img
{
    width: 50px;
    margin-right:16px;
}
.glanceslide-item .gimg h2
{
    color: var(--white);
    margin-bottom: 0;
}

.glanceslide-parent{
    margin-right: -180px;
}
.glanceslide .owl-stage
{
    /* transform:initial !important */
}

.owl-btn-wrap
{
    display: flex;    
}
.owl-btn-wrap button {
    border: 0;
    box-shadow: unset;
    color: #fff;
    padding: 10px 20px;
    background: #fdfdfd47;
    margin-right: 10px;
    border-radius: 4px;
    margin-top: 30px;
}
.owl-btn-wrap.style2 button {
    border: 0;
    box-shadow: unset;
    color: var(--black);
    padding: 10px 20px;
    background: var(--white);
    margin-right: 10px;
    border-radius: 4px;
    margin-top: 30px;
}



.insightslide  .owl-stage-outer, 
.overflowvisible .owl-stage-outer {
   overflow: visible;
}
.insightslide .owl-item
{
   opacity: 0;
}
.insightslide .owl-item.active
{
    opacity: 1;
}

.insightslide .insight-item img
{
    border-radius: 26px 26px 0 0; 
    width: 100%;
}

.insightslide .insight-item {
    box-shadow: 0px 4px 40px 0px #0000001A;
    display: block;
    border-radius: 26px;
    background: var(--white);
}
.insightslide .insight-item p
{
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
}
.insightslide .insight-item p:first-child
{
    margin-bottom: 10px;
   
}
.insightslide .insight-item h3
{
    margin-bottom: 10px;
}
.insightslide .insight-item  .insight-text
{
    padding: 25px;
}

/**********/
.circle {
    display: block;
    height: 180px;
    width: 180px;
    border-radius: 50%;
    border: 8px solid rgba(255,255,255,0.1);
    margin: 5px;
    transition: 5s ease;
    position: absolute;
    top: 0px;
    z-index: -1;
}

.circle-parent {
    position: absolute;
    left: 0;
    width: 200px;
    bottom: 90px;
    z-index: -1;
}

.circle-parent .delay1 {
    -webkit-animation: waves 4.5s infinite;
    animation: waves 4.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.2s;
}

.circle-parent .delay2 {
    -webkit-animation: waves 4.5s infinite 0.7s forwards;
    animation: waves 4.5s infinite 0.7s forwards;
}

.circle-parent .delay3 {
    -webkit-animation: waves 4.5s infinite 1.3s forwards;
    animation: waves 4.5s infinite 1.3s forwards;
}

.circle-parent .delay4 {
    -webkit-animation: waves 4.5s infinite 1.9s forwards;
    animation: waves 4.5s infinite 1.9s forwards;
}
@-webkit-keyframes waves {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.circle-parent2
{
    z-index: -1;  
}

.circle-parent2.style2 {
    position: absolute;
    left: 75%;
    bottom: 90px;
    width: 200px;
    z-index: -1;
}

.circle-parent2 .delay1 {
    -webkit-animation: waves2 5.5s infinite;
    animation: waves2 5.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.2s;
}

.circle-parent2 .delay2 {
    -webkit-animation: waves2 5.5s infinite 0.7s forwards;
    animation: waves2 5.5s infinite 0.7s forwards;
}

.circle-parent2 .delay3 {
    -webkit-animation: waves2 5.5s infinite 1.3s forwards;
    animation: waves2 5.5s infinite 1.3s forwards;
}

.circle-parent2 .delay4 {
    -webkit-animation: waves2 5.5s infinite 1.9s forwards;
    animation: waves2 5.5s infinite 1.9s forwards;
}
@-webkit-keyframes waves2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.circle-parent2.white-light .circle
{
    border: 8px solid rgba(255,255,255,0.1);
}


.circle-parent2.style2 .circle-parent2
{
   left: initial;
   right: 25%;
}

.circle-parent2.style3
{
    position: absolute;
    left: 35%;
    bottom: 30px;
    width: 200px;
    z-index: -1;
}
.circle-parent2.style3 .circle
{
    border: 8px solid rgba(255,255,255,0.5);
}

.circle-parent2.style4
{
    position: absolute;
    left: 2%;
    bottom: 10px;
    width: 200px;
    z-index: -1;
}
.circle-parent2.style4 .circle
{
    border: 8px solid rgba(255,255,255,0.5);
}
section
{
    overflow: hidden;
}
.col-12.bear-col
{
    padding-bottom: 0;
}
.col-12.bear-col img {
    margin-top: -79px;
    width: 95%;
}
.common-slide.eventslide .owl-nav button::before {
    height: 16px;
    width: 17px;
}
.common-slide.eventslide .owl-nav button {
    background: #fff;
    padding: 23px !important;
    box-shadow: 0px 4px 10px 0px #0000000A;
    border-radius: 4px;
}
.common-slide.eventslide .owl-nav button.owl-prev::before, 
.common-slide.eventslide .owl-nav button.owl-next::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.common-slide.eventslide .owl-nav button.owl-prev::before
{
    transform: translate(-50%, -50%) rotate(180deg);
}
.common-slide.eventslide .owl-nav button.owl-next {
    right: 7%;
}
.common-slide.eventslide .owl-nav button.owl-prev {
    left: 7%;
}
.event-btn-div
{
    max-width:940px;
}

.event {
    padding: 25px;
    border-radius: 30px;
    background: var(--white);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 950px;
    display: grid;
    grid-template-columns: 40% 60%;
}
.event *
{
    position: relative;
    z-index: 2;
}
.event img
{
    border-radius: 20px;
}

.event.style2 {
    max-width: initial;
}

.formrepeater {
    padding: 20px 40px;
    border-radius: 0px 8px 8px 8px;
}
.info-box {
    display: flex;
    align-items: center;
    /* line-height: 16px; */
}
.event-content
{
    padding: 15px 60px 20px 60px;
}


.info-box i
{
    margin-right: 10px;
}
.info-box i, 
.info-box span
{
    color: var(--black);
}
.e-sec2
{
    /* display: flex;
    align-items: center; */
    margin-top: 20px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}
.e-sec2 p
{
    width: 70%;
    max-width:70%;
    flex: 70%;
    padding-right: 40px;
}
.e-sec2 .button
{
    /* width: 30%;
    max-width: 30%;
    flex: 30%;
    text-align: right; */
}
.adslide
{
    margin-top: 70px;
}
.users
{   
    position: relative;
}

.user
{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    background: var(--white);
    border-radius: 8px;
    padding:8px;
}
.user .users-text
{
    padding-left: 15px;
}
.user .users-text p
{
    margin-bottom: 0;
}
.user img
{
    border-radius: 8px;
    max-width: 75px;
}
.user-card
{
    background: var(--white) !important; 
    padding:40px 30px 30px 30px;
    border-radius: 16px;
    border: 10px solid var(--white);
    display: block;
    background-size: cover !important;
}
.socialslide
{
    position: relative;
    right: 0%;
    width: 112%;
}
.socialslide .owl-item:hover .user-card h4,
.socialslide .owl-item:hover .user-card .fdesc
{
    opacity: 0.5;
    visibility: hidden; 
}
.socialslide .owl-item:hover .user-card
{
    background: var(--white); 
}
.socialslide .owl-item:hover .user-card .big-img
{
    opacity: 1;
    visibility: visible;    
    height: 100%;
    width: 100%;
    object-fit: cover; 
    z-index: 0;
}
.socialslide .owl-item:hover  .user-card button
{
    opacity: 1 !important;
    visibility: visible !important;
}
.socialslide .owl-item .user-card button {
    opacity: 0 ;
    visibility: hidden ;
    z-index: 9 !important;
    background: #1E629F;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    border-radius: 500px;
    border: 0;
    position: absolute;
    right: 18px;
    top: 10px;
    box-shadow: 0px 0px 30px 0px #0000001A;
}
.socialslide .owl-item .user-card .big-img
{
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
}
.table-grid {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    background: #cccccc2e;
    padding: 40px;
    border-radius: 20px;
}
.table-grid li
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.table-grid li .img
{
margin-right: 20px;
}
.table-grid li p
{ 
margin-bottom: 0;
}
.table-grid li:last-child
{
    margin-bottom:0;
}
.grid-4
{
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    padding-left: 0;
    list-style: none;
}
.grid-4 li {
    margin: 1%;
    background: #f7f7f7;
    padding: 10px 30px;
    border-radius: 12px;
    position: relative;
}
.grid-4 li::before
{
    content: '';
    position: absolute;
    left:9px;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 6px;
    background: var(--blue2);
}

.testimonials-grid
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.testimonials-grid .user-card
{
    width: 50%;
    flex: 50%;
    max-width: 48%;
    margin: 1%;
}
.testimonials-grid .users {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testimonials-grid .users button {
    background: #1E629F;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 16px 24px 24px;
    border-radius: 500px;
    border: 0;
}
.testimonials-grid .users button img
{
    width: 60px;
}
.quote
{
    margin-bottom: -35px;
    position: relative;
    z-index: 2;
    margin-left: 25px;
}
.scrollbar
{
    height:18em;
    overflow-y: scroll;
    padding-right: 30px;
}
/* width */
.scrollbar::-webkit-scrollbar {
    width:5px;
  }
  
  /* Track */
  .scrollbar::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey;  */
    border-radius: 0;
    background: #004b9c0e;
  }
   
  /* Handle */
  .scrollbar::-webkit-scrollbar-thumb {
    background: #004B9C;
    border-radius: 0;
  }

  .history-bg
  {
      background: url('../img/history-bg.jpg');
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;   
  }

  .history-bg h5
  {
    font-weight:500 !important;
  }
  .team-list
  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }
  .team-list li
  {
    width: 33.33%;
    flex: 33.33%;
    max-width: 31.33%;
    margin:1%;
    text-align: center;
    box-shadow: 0px 0px 40px 0px #0000001A;
    /* border-radius: 10px 10px; */
    background: var(--white);
    border-bottom: 8px solid #FF912D ;
    border-radius: 10px 10px 0px 0px;
    transition: 0.4s;
  }
  .team-list li img
  {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    /* -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); */
    /* transition: 0.4s; */
  }
  .team-list li:hover img
  {
    /* -webkit-filter:unset;
    filter: unset;
    transition: 0.4s; */
  }
  .team-list li p {
    padding: 25px 25px;
    margin-bottom: 0;
}
  .team-list li p.year {
    padding: 2px 20px;
    background: rgb(217 217 217 / 20%);
    margin-bottom: 0;
}
.team-list li h4 {
    padding: 13px 25px;
    margin-bottom: 0;
}

.img-radius2
{
    border-radius: 47px 0 47px 0;
}
.img-radius
{
    border-radius: 12px;
}

.info-list
{
    padding-left: 0;
    list-style: none;
    margin-bottom:0;
}
.info-list li
{
    display: flex;
    align-items: center;
    margin-bottom:30px;
}
.info-list li:last-child
{
    margin-bottom:0;
}
.info-list li .ino-list-img
{
    margin-right: 20px;
    padding: 14px;
    background: var(--white);
    border-radius: 500px;
    box-shadow: 0px 4px 20px 0px #0000000A;

}

.info-list2 {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    padding-right: 80px;
}
.info-list2 li
{
    display: flex;
    align-items: center;
    margin-bottom:30px;
}
.info-list2 li img
{
    margin-right: 15px;
}

/* Tabs 2 */
.mytabs.style2 {
    justify-content: center;
    background: linear-gradient(88.6deg, #32B8E7 -37.19%, #143D82 98.88%);
    width: fit-content;
    margin-top: 60px;
}
.mytabs.style2   li  span {
    color: #F0F4FB;
}
.mytabs.style2  li .active {
    background: #F0F4FB;
}

.mytabs.style2  li span.active span
{
    background: linear-gradient(88.51deg, #32B8E7 1.07%, #143D82 98.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;    
    z-index: 2;
   
}
.mytabs.style2  li .active::after {
    content: '';
    background: #F0F4FB;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 8px;
}
.mytabs.style2  li span span
{
    padding: 0;
}
.mytabs.style2 + .tab-content
{
    margin-top: 40px;
}

.mytabs.style3 {
    justify-content: center;
    background: linear-gradient(88.6deg, hsl(196deg 79% 55% / 10%) -37.19%, hsl(218deg 73% 29% / 10%) 98.88%);
    width: fit-content;
    margin-top: 60px;
}
.mytabs.style3  li .active {
    background: #fff;
    color: #1E64A2;

}
.mytabs.style3  li span {
    color: #1E64A2;

}

.social-media-list
{

}
.social-media-list-item
{
    display: flex;
    background: var(--white);
    padding: 35px;
    align-items: center;
    margin-bottom: 25px;
    box-shadow: 0px 4px 20px 0px #0000001A;

}
.social-media-list-item .sm-item-content
{
    width: 60%;
    max-width: 60%;
    flex: 60%;
    padding-right: 60px;
}
.social-media-list-item .sm-item-img
{
    width: 40%;
    max-width: 40%;
    flex: 40%;
}
.social-media-list-item .sm-item-img img
{
    width: 100%;
}
.social-media-list-item .sm-item-content a
{
    color: #1A63BB;
}

.btn-gray {
    background: hsl(211deg 55% 45% / 10%);
    display: block;
    width: fit-content;
    color: #1A63BB;
    padding: 7px 35px;
}


.info-box2 {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.info-box2  .info-cont 
{
    padding-left: 20px;
    line-height: 20px;
}
.info-box2  .info-cont h4, 
.info-box2  .info-cont p
{
    margin-bottom: 0;
}
.info-box2  .info-cont h4
{
    color: #004B9C;
}
.info-box2-img
{
    padding: 8px;
    border-radius: 500px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.event-list
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
}
.event-list li 
{
    padding:20px;  
}
.event-list li img {
    width: 100%;
    border-radius: 12px;
}
.event-list li .event-text img {
    width: 19px;
}
.event-list li  p
{
    margin-top: 20px;
}

.event-list  li {
    width: 33.33%;
    flex: 33.33%;
    max-width: 31.33%;
    margin: 1%;
    box-shadow: 0px 0px 40px 0px #0000001A;
    /* border-radius: 10px 10px; */
    background: var(--white);
    border-radius: 10px 10px ;
}
.event-list li .event-text
{
    padding:20px 20px 0 20px;
}

.formstyle3.style2.level2 .radio-label {
    font-weight: 600;
    display: block;
    width: 100%;
    margin-left: 0 !important;
}

.formstyle2
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F0F4FB;
    border-radius: 12px;
    padding:10px 10px 10px 20px;
}
.formstyle2.style2
{
    background: rgba(255,255,255,0.6);
}
.formstyle2.style2 select {
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid  rgba(0, 0, 0, 1);
}

.formstyle2 .d-flex 
{
    width: 75%;
}
.formstyle2 select
{
    border: 0;
    padding: 10px 0;
    width: 25%;
    margin-right: 10px;
    background: transparent;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid  rgba(0, 0, 0, 0.5);
    border-radius: 0;
}

.formstyle.styleserach
{
    position: relative;
}
.formstyle.styleserach button
{
    position: absolute;
    right:5px;
    top: 50%;
    transform: translateY(-50%);
    background: #FF912D;
    border-radius: 12px;
    border: 0 !important;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.modal-body
{
    position: relative;
    padding: 40px;
}
.modal-body .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.modal-style .modal-dialog
{
    max-width: 900px;
}

.gallery-list
{
    padding-left: 0;
    list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.gallery-list li img
{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}

/* alternate large/small item order per row */
.gallery-list > *:nth-child(4n + 1) {
  grid-column: auto / span 2;
}
.gallery-list > *:nth-child(4n + 4) {
  grid-column: auto / span 2;
}


.video-list
{
    padding-left: 0;
    list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns:auto auto auto;
  gap: 8px;
}
.video-list li img
{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}
.video-list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.video-list li a::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url('../img/play.svg') no-repeat center;
    background-size: contain;
    z-index: 0;
    height: 150px;
    width: 150px;
}

.event-sec-top-style
{
    display: flex;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px #0000000A;
    background: var(--white);
}
.event-sec-top-style .event-sec-top-style-img {
    width: 30%;
    max-width: 30%;
    flex: 30%;
    display: flex;
    align-items: center;
}
.event-sec-top-style .event-sec-top-style-cont
{
    width: 70%;
    max-width: 70%;
    flex: 70%;
    padding-left: 50px;
}
.astick
{
    color: red;
}
/* Radio Css */

/* The container */
.radio-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.5) !important;
    line-height: 21px;
}
  /* Hide the browser's default radio button */
  .radio-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }  
  /* Create a custom radio button */
  .radio-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgb(30 101 163 / 30%);
} 
  /* When the radio button is checked, add a blue background */
  .radio-label input:checked ~ .checkmark {
    background-color: #fff;
  }  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .radio-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
    /* Show the indicator (dot/circle) when checked */
  .radio-label input:checked ~ .checkmark:after {
    display: block;
  }  
  .radio-label .checkmark:after {
    top: 4px;
    left: 18%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #1E65A3;
}
/**********/

/* The container */
.checkbox-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.5) !important;
}
  
  /* Hide the browser's default checkbox */
  .checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkbox-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
}
  
  
  /* When the checkbox is checked, add a blue background */
  .checkbox-label input:checked ~ .checkmark {
    background: #1E65A3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkbox-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox-label input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkbox-label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.media-right-box {
    background: linear-gradient(88.51deg, rgb(50 184 231 / 10%) 1.07%, rgb(20 61 130 / 10%) 98.82%);
    padding: 30px;
    border-radius: 20px;
}
.media-right-box .search
{
    padding: 10px 20px;
    border-radius:8px;
    width: 100%;
    border: 0;
}
.category-list
{
    background:var(--white);
    padding: 30px;  
    border-radius:8px;
}
.categories
{
    padding-left:20px;
    margin-top: 10px;
}
.categories li
{
    margin-bottom: 15px;
}
.categories li a
{
    color: #525252;
}
.categories li::marker {
    color: rgb(105, 1, 1);
  }
.article-list
{
    padding-left:0;
    list-style: none;
}
.article-list li
{
    display: flex;
    padding: 20px;
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0px 4px 40px 0px #0000000D;
    margin-bottom: 25px;
}
.article-list li .article-img img
{
    width: 100%;
}
.article-list li .article-img
{
    width: 45%;
    max-width: 45%;
    flex: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article-list li .article-cont {
    width: 55%;
    max-width: 55%;
    flex: 55%;
    padding-left: 30px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.article-list li .article-img img
{
    border-radius: 8px;
}
.article-list li .article-cont a {
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.article-list li .article-cont h4
{
    font-weight:900;
}
.cate-name
{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding:10px 15px;
    border-radius: 8px;    
    background: linear-gradient(88.51deg, rgb(50 184 231 / 10%) 1.07%, rgb(20 61 130 / 10%) 98.82%);
}
 .cate-name span
{
    font-weight: 500;
}

 .cate-name span:last-child
{
    font-weight: 700;
}

.video-list.style2
{
    gap: 18px;
    grid-template-columns: auto auto;
}
.video-list.style2 li {
    background: var(--white);
    border-radius: 24px;
    padding: 10px;
}
.video-list.style2 li a {
    height: initial;
}
.video-list.style2 h4
{
    padding: 20px 20px 20px 40px;
    font-weight: 400;
}

.newsletter
{
  list-style: none;  
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;  
}
.newsletter li.newsletter-list
{
    width: 100%;
    max-width:100%;
    flex: 100%;
    margin: 1%;
    padding: 20px;
    background: var(--white);
    border-radius: 20px;

    display: flex;

}
.newsletter  li.newsletter-list .main-img
{
    width: 25%;
    max-width: 25%;
    flex: 25%;
    
}
.newsletter  li.newsletter-list .main-img img
{
    width: 100%;
    border-radius: 15px;
}

.newsletter-cont
{
    width: 75%;
    max-width: 75%;
    flex: 75%;
}
.newsletter li  .d-flex {
    justify-content: space-between;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.newsletter li a img
{
    width: 30px;
    border-radius: 0;
}
.newsletter li a span
{
    color: #093D7A;
    border-bottom: 1px solid #093D7A;
}
.newsletter.style2 {
    width: 103%;
    margin-left: -1.5%;
}
.newsletter.style2 li {
    width: 33.33%;
    max-width: 31.33%;
    flex: 33.33%;
    margin: 1%;
    padding: 20px 30px;
    background: lch(100 0 0 / 0.75);
    border-radius: 20px;
}
.newsletter-cont
{
    padding-left: 50px;
}
.newsletter-cont ul
{
    list-style: none;
    padding-left: 0;
    padding-bottom: 20px;
}
.newsletter-cont ul li
{
    display: flex;
    border-bottom: 2px solid rgb(18 75 146 / 20%);
    padding-top: 10px;
    padding-bottom: 10px;
}
.newsletter-cont ul li span
{
    width: 65%;
    max-width: 65%;
    flex: 65%;
}
.newsletter-cont ul li .d-flex
{
    width: 35%;
    max-width:35%;
    flex: 35%;
}


.pdf-grid
{
    display: flex;
    align-items: center;
}
.pdf-grid img
{
    max-width:90px;
}
.pdf-grid h5 {
    padding-left: 30px;
    color: #17498C;
    /* text-transform: uppercase; */
}

.contactstyle
{
    padding: 50px;
    background: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 40px 0px #0000001A;

}
iframe
{
    border:6px solid var(--white) !important;
    border-radius: 20px;
}

.formstyle.contactstyle  label {
  color: var(--black);
  font-weight: 500;
}
.formstyle.contactstyle  textarea,
.formstyle.contactstyle  select,
.formstyle.contactstyle  input, 
.formstyle.contactstyle  input::placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
  }

.formstyle3.style2
{
    padding: 50px;
    background: var(--white);
    margin: 0 8%;
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px #0000000D;

}

.joining-list
{
    display: grid;
    grid-template-columns: auto auto auto;
    list-style: none;
    padding-left: 0;
    gap: 20px;
}
.joining-list li
{
    padding: 30px;
    border-radius: 20px;
    background: #FDFDFD;
    box-shadow: 0px 4px 40px 0px #0000000D;

}
.joining-list li img
{
    margin-bottom: 20px;
}

.price-item
{
    padding: 40px;
    border-radius: 20px;
    background: #FDFDFD;
    text-align: center;
    box-shadow: 0px 4px 20px 0px #0000000D;
}
.price-item img
{
    width: 90px !important;
    margin: 0 auto;
    margin-bottom: 20px;
}
.price-list
{
    list-style: none;
    padding-left: 0;
    margin-top: 40px;    
}
.price-list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
   

}
.price-list li img
{
    max-width: 30px;
    width: 30px !important;
    margin: 0
}
.price-list li span
{
    padding-left: 20px;
    
}
.price-year
{
    font-size: 50px;
    font-weight: 700;
    color: var(--black);
    margin:20px 0;
}
.price-year span
{
    font-size: 16px;
    font-weight:400;
}
.commitee-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    padding-bottom: 40px;    
}
.commitee-list li
{
    width: 33.33%;
    max-width: 31.33%;
    flex: 33.33%;
    margin:2% 1%;
    background: var(--white);
    position: relative;
    transition: 0.4s;
}
.commitee-list li::after {
    background: linear-gradient(88.51deg, #32B8E7 1.07%, #143D82 98.82%);
    content: '';
    left: 0;
    bottom: -7px;
    position: absolute;
    height: 7px;
    width: 100%;
    /* z-index: 0; */
    display: block;
}
.g-recaptcha iframe
{
    border: 0 !important;
    border-radius: 0 !important;
}
.flip-box {
    background-color: transparent;
    width: 100%;
    height: 100%;
    /* min-height:350px; */
    border: 1px solid #f1f1f1;
    perspective: 1000px;
  }
  
  .flip-box-inner {
    position: relative;
    width: 100%;
    /* height: 100%; */
    min-height:450px;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
  }
  
  .flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-box-front {
    background: var(--white);
  }
  .flip-box-front img
  {
    width: 100%;
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
  }
  .flip-box-back {
    background-color:var(--white);
    color: var(--black);
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 0 20px; */
  }
  .flip-front-cont
  {
    padding: 20px;
  }
  .flip-box  .social {
    background: #2172AE;
    padding: 5px 11px;
    border-radius: 7px 6px 0px 0px;
    display: block;
    width: fit-content;
    margin: auto;
}
.flip-front-cont h4
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.flip-box-back .pbg
{
     background: #d9d9d92f;
     padding:3px 0;
    
}
.flip-box-back .pbg + p, 
.flip-box-back hr + .flip-info a
{
    color: rgba(0, 0, 0, 0.6) !important;
}

.historyslide .owl-stage-outer
{
    overflow: visible;
}
.historyslide-card {
    box-shadow: 0px 4px 40px 0px #00000029;
    /* border-radius: 0px 16px 16px 0; */
    margin-bottom: 10em;
    /* margin-bottom: 15%; */
}

.historyslide .owl-item:nth-child(odd) .historyslide-item .historyslide-card {
    margin-bottom: 0;
    margin-top: 10em;
    /* margin-top: 15%; */
}
.historyslide .owl-item:nth-child(odd) .historyslide-item {
    margin-top:23em;
    /* margin-top: 60%; */
}

.historyslide-card p.text-white
{
    background: linear-gradient(88.58deg, #32B8E7 -100.79%, #143D82 57.93%);
    border-radius:0;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 0;
}
.historyslide-card p {
    padding: 27px 40px;
    text-align: center;
    border-radius: 0px 16px 0px 0px;
}
.historyslide-item p.bg-gray
{
    background: rgba(0, 0, 0, 0.05);
    padding:5px 20px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.historyslide-item
{
    position: relative;
}
.historyslide, .historyslide .item
{
    position: relative;
}
.historyslide::before {
    content: '';
    background: #D9D9D9;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 32.5em;
    /* transform: translateY(-82.5%); */
}
.historyslide .item:before {
    content: '';
    background: url('../img/circle.svg') center no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;   
    border-radius: 500px;
    left: 50%;
    transform: translateX(-50%);
}

.historyslide .owl-item:nth-child(even) .item:before {
    bottom: 8.5em;
}
.historyslide .owl-item:nth-child(odd) .item:before {
    bottom: initial;
    top: 8.5em;
}

.historyslide .owl-item:nth-child(odd) .historyslide-item
{
    display: flex;
    flex-direction: column-reverse;
}

.share-box span {
    color: #195193;
    border-bottom: 1px solid #195193;
    line-height: 18px;
}
.share-box  {
   margin-left: 40px;
}
.newsletter.style2.col-2 li .pdf-grid {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(18 75 146 / 20%);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.common-slide.style2 .owl-dots button 
{
    margin: 0;
}
.common-slide.style2  .owl-dots 
{
    position: relative;    
}

.common-slide.style2  .owl-dots {
    justify-content: space-between;
}

.common-slide.style2  .owl-dots::before
{
    background: rgb(39 138 193 / 30%);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12px;
    width: 100%;
    z-index: -1;
}
.common-slide.style2  .owl-dots button span {
    /* background: rgb(39 138 193 / 30%); */
    height: 12px;
    width: 100%;
    display: block;
    border-radius: 0;
}
.common-slide.style2 .owl-dots button {
    margin: 0;
    z-index: 9;
    position: relative;
    flex: 1;
}

table.style1
{
    width: 100%;
}
table.style1 thead tr td {
    background: hsl(208.18deg 68.75% 37.65% / 10%);
    color: var(--black);
    padding:8px 20px;
    text-align:left;
}
table.style1 tbody  tr td {
    background: hsl(208.18deg 68.75% 37.65% / 4%);
    color: rgba(0, 0, 0, 0.5);
    padding:7px 20px;
    text-align:left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);;
}

.play-btn-position
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.play-btn-position img
{
    width: 150px;
}
.visionslide-item
{
    position: relative;
}
.visionslide-item .play-btn
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.visionslide-item .play-btn img
{
    width: 150px;
}
.cta
{
    background: #FF912D;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
}
.cta img {
    margin-top: -85px;
    position: relative;
    z-index: 9;
    width: 65%;
}
.historyslide .owl-item .historyslide-item {
    min-height: 36em;
}
.historyslide.common-slide .owl-dots {
    margin-top: 70px;
}
.slide-arrow
{
    
}
.info-hub-row
{
    display: flex;
    align-items: flex-start;
}
.info-hub-row .info-hub-left {
    width: 35%;
    max-width: 35%;
    flex: 35%;
    /* background: rgb(0 75 156 / 10%); */
    background: linear-gradient(180deg, rgb(0 75 156 / 10%) 1.07%, rgb(0 75 156 / 10%) 98.82%);
    padding: 25px;
    border-radius: 12px;
}
.info-hub-row .info-hub-right
{
    width: 65%;
    max-width: 65%;
    flex: 65%;
    padding-left:50px;
}
.info-hub-row .info-hub-left .accordion-item {
    background: transparent;
    border-radius: 0;
    border: 0;
    margin-bottom: 15px;
}
.info-hub-row .info-hub-left .accordion-item .accordion-header a{
    background: var(--blue2);
    border-radius: 8px;
    padding: 12px 25px;
    margin-bottom: 0;
    display: block;
    color: var(--white);
}
.info-hub-row .info-hub-left .accordion-item .accordion-header a.collapsed{
    background: #F0F4FB;
    color: var(--black);
}
.info-hub-row .info-hub-left .accordion-body
{
    padding-left: 0 !important;
}
.info-hub-row .info-hub-left .accordion-body .accordian-list-menu
{
    padding-left:0px;
    list-style: none;
}
.info-hub-row .info-hub-left .accordion-body .accordian-list-menu li
{
    padding-left:24px;
    position: relative;
    margin-bottom: 15px;
}
.info-hub-row .info-hub-left .accordion-body .accordian-list-menu li.active::before
{
    content: '';
    background: var(--blue2);
    left: 5px;
    top: 0;
    height: 100%;
    width: 4px;
    position: absolute;
}
.info-hub-row .info-hub-left .accordion-body .accordian-list-menu li.active a
{
    color: var(--blue2);
}
.info-hub-row .info-hub-left .accordion-body .accordian-list-menu li a
{
    color: rgba(0, 0, 0, 0.5);
    font-weight: 900;
}

.newsletter.style2.col-2 li {
    width: 50%;
    max-width: 48%;
    flex: 50%;
    margin: 1%;
}

.logo-grid
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}
.logo-grid li
{
    max-width: 31.33%;
    width: 33.33%;
    flex: 33.33%;
    margin: 1%;
    padding: 30px;
    background: var(--white);
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.02);
}
.logo-grid li p
{
    font-weight: 700;
    color: #17498C;
    margin-top: 20px;
}

.advocacy-item .advocacy-text
{
    background: var(--blue2);    
    text-align: center;
    padding:30px 20px;
}
.advocacy-item .advocacy-text h4
{
    color: var(--white);
    margin-bottom: 0;
    font-weight: 700;
}
.owl-btn-wrap.style3{
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 95%;
}
.owl-btn-wrap.style3 button
{
    background: transparent;
}
.owl-btn-wrap.style3 button i
{
    font-size:22px;
}
.india-map a img
{
    width: 30px;
}
.india-map a span
{
color: #fff;
opacity: 0;
display: none;
position: absolute;
z-index: 4;
transition: 0.4s;
}
.india-map a:hover span
{
    opacity: 1;
    transition: 0.4s;
}
.map
{
position: absolute;
}
.map.map1 {
    left: 30%;
    top: 57%;
}
.map.map2 {
    left: 36%;
    top: 45%;
}
.map.map3 {
    left: 28%;
    top: 43%;
}
.map.map4{
    left: 30%;
    top: 50%;
}
.map.map5 {
    right: 32%;
    top: 43%;
}

.map.map6 {
    right: 52%;
    bottom: 18%;
}
.map.map7 {
    left: 34%;
    top: 51%;
}
.map.map8 {
    left: 32%;
    top: 47%;
}
.map.map9 {
    left: 39%;
    bottom: 21%;
}
.map.map10 {
    left: 41%;
    top: 60%;
}
.map.map11 {
    left: 41%;
    top: 33%;
}
.map.map12 {
    left: 41%;
    top: 39%;
}
.map.map13 {
    left: 39%;
    bottom: 15%;
}
.map.map14 {
    left: 40%;
    top: 25%;
}
.map.map15 {
    left: 45%;
    top: 28%;
}
.map.map16 {
    left: 35%;
    top: 35%;
}
.map.map17 {
    left: 50%;
    top: 30%;
}
.map.map18 {
    left: 58%;
    top: 40%;
}
.map.map19 {
    left: 60%;
    top: 49%;
}
.map.map20 {
    right: 40%;
    top: 55%;
}
.map.map21 {
    right: 45%;
    top: 59%;
}
.map.map22 {
    right: 52%;
    top: 49%;
}
.map.map23 {
    right: 60%;
    bottom: 17%;
}
.map.map24 {
    left: 32%;
    bottom: 26%;
}
.map.map25 {
    left: 33%;
    bottom: 31%;
}
.map.map26 {
    left: 30%;
    bottom: 42%;
}
.map.map27 {
    left: 34%;
    top: 55%;
}
.map.map28 {
    left: 25%;
    top: 44%;
}
.map.map29 {
    left: 31%;
    top: 39%;
}
.map.map30 {
    left: 44%;
    top: 42%;
}
.map.map31 {
    left: 44%;
    top: 42%;
}
/* .project-card  
{
    max-width:400px;
    margin: auto;
    background: #fff;
    padding: 20px;
}
.project-card img {
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
} */

.table-responsive tr th
{
    background: var(--blue2);
    color: #fff;
}
.table-responsive tr th, .table-responsive tr td {
    padding: 10px 20px;
    vertical-align: middle;
}
.ul-grid
{
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    list-style: none !important;
}
.ul-grid li {
    background: linear-gradient(89deg, #32b8e708 1.07%, #143d821a 98.82%);
    color: #000;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 #0000000d;
    border: 1px solid #0000000a;
}
.ul-grid li {
    /* background: linear-gradient(89deg, #32b8e7 1.07%, #143d82 98.82%);
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 #0000000d; */
    /* border: 1px solid #0000000a; */
}
@media screen and (min-device-width:1200px) and (max-device-width: 1600px) { 
    .container
    {
        max-width:calc(100% - 30px);
        margin: auto;
    }
}


@media(min-width:1199px) {
    .stick {
        position: fixed !important;
        top: 0 !important;
        width: 100%;
        z-index: 99;
    }
      
}




@media(min-width:1279px) 
{
    
}




@media(min-width:1400px) 
{
   
}


@media(min-width:2600px) {
   
}


@media(max-width:2450px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 8em;
    }
}
@media(max-width:2400px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom:7em;
    }
}
@media(max-width:2300px) {
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 8.5em;
    }
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 6.5em;
    }
}

@media(max-width:2200px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 5.2em;
    }
}

@media(max-width:2100px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 4.2em;
    }
    .historyslide .owl-item .historyslide-item {
        top: 2em;
    }
    .historyslide.common-slide .owl-dots {
        margin-top: 120px;
    }
}


@media(max-width:2000px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 4.2em;
    }
    .homebannerslide.common-slide .owl-dots {
        left: 29%;
        transform: translateX(-67%);
    }
}
@media(max-width:1920px) {
    .home-banner-col {
        top: -31rem;
    }
}


@media(max-width:1800px) {
    .historyslide .owl-item .historyslide-item {
        top: 3em;
    }
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 3.5em;
    }
    .homebannerslide.common-slide .owl-dots {
        left: 27%;
        transform: translateX(-72%);
    }
    .home-banner-col {
        top: -28rem;
    }
}

@media(max-width:1750px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 3.2em;
    }
}

@media(max-width:1700px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 2.5em;
    } 
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 22em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 9.2em;
    }
}

@media(max-width:1600px) {
   body
   {
    zoom: 0.9;
   }
   .historyslide .owl-item:nth-child(even) .item:before {
    bottom: 8%;
}
}
@media(max-width:1550px) {
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 8%;
    }
    
}
@media(max-width:1500px) {
    .home-banner-col {
        top: -26rem;
    }
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 6%;
    }
    
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 9.2em;
    }
    .historyslide.common-slide .owl-dots {
        margin-top: 140px;
    }
    .homebannerslide.common-slide .owl-dots {
        left: 27%;
        transform: translateX(-72%);
    }
}
@media(max-width:1450px) {
    .historyslide .owl-item .historyslide-item {
        top: 4em;
    }
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 21em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 10.2em;
    }
}
@media(max-width:1400px) {
    .common-slide.eventslide .owl-nav button.owl-next {
        right: 0;
    }
    .common-slide.eventslide .owl-nav button.owl-prev {
        left: 0;
    }
    
    header .navbar-nav .nav-item {
        margin-left: 23px;
    }
    .our-prent-col {
        padding: 40px;
    }
    .mytabs  li  span {
        padding: 7px 60px;
    }

    .btn-border-white {
        padding: 11px 50px;
    }
    .btn {
        padding: 14px 50px;
    }
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 20em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 11.2em;
    }
    .home-bannner .col-12 {
        position: relative;
    }
    .col-12.bear-col img {
        margin-top: 0;
        width:auto;
    }
    .col-12.bear-col {
        padding-bottom: 0;
    }
    .home-banner-col {
        top: -25rem;
    }
}

@media(max-width:1350px)
{
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 19.5em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 12em;
    }
}
@media(max-width:1314px)
{
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top:21.5em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 10em;
    }
}


@media(max-width:1300px) {
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 23.5em;
    } 
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 9.8em;
    }
    .historyslide .owl-item:nth-child(odd) .item {
        top: -2em;
    }
    .historyslide.common-slide .owl-dots {
        margin-top: 120px;
    }
}
@media(max-width:1279px)
{
    .btn-border {
        padding: 11px 50px;
    }
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 10%;
    }
    body {
        font-size: 14px;
        line-height: 23px;
    }
    .top-bar .ul-arow li a  img{
        width:28px;
    }   
    .col-12.bear-col img {
        margin-top: -32px;
        width: auto;
    }
    .home-bannner .col-12 {
        /* padding-top: 190px; */
    }
    .historyslide .owl-item .historyslide-item {
        min-height: 45em;
    }
    .historyslide::before {
        top: 36.5em;
    }
    .historyslide .owl-item:nth-child(even) .item:before {
        bottom: 15%;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 13.8em;
    }
    .newsletter.style2.col-2 li {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin:0;
        margin-bottom: 20px;
    }
    .home-banner-col {
        top: -23rem;
    }
}



@media(max-width:1199px) {
    h1 {
        font-size: 37px;
        line-height: 43.2px;
    }
    h2 {
        font-size: 34px;
        line-height: 45px;
    }
    h3 {
        font-size: 21px;
        line-height: 28px;
    }
    h4 {
        font-size: 20px;
        line-height: 31.44px;
    }
    h5 {
        font-size: 17px;
        line-height: 150%;
    }
    .homebannerslide.common-slide .owl-dots {
        bottom: 40px;
        left: 30%;
        transform: translateX(-70%);
    }
    header .navbar {
        top: 7.4em;
    }
    
    .info-hub-row {
        flex-direction: column;
    }
    .info-hub-row .info-hub-left, 
    .info-hub-row .info-hub-right
     {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .info-hub-row .info-hub-right
    {
        padding-left: 10px;
        padding-top: 25px;
    }
    header .navbar-nav .nav-item {
        margin-left: 6px;
    }
    header .navbar-nav .nav-item a{
        font-size: 14px;
    }
    .logo-grid li
    {
        max-width:48%;
        width: 50%;
        flex: 50%;
        margin: 1%;
    }
    .flip-1200
    {
        flex-direction: column-reverse;
    }
    .our-prent-col {
        padding: 20px;
        padding-left: 40px;
    }
    .socialslide {
        width: 100%;
    }
    .team-list li {
        width: 50%;
        flex: 50%;
        max-width: 48%;
        margin: 1%;
    }
   
    .commitee-list li
    {
        width: 50%;
        flex: 50%;
        max-width: 48%; 
    }
    .info-list li {
        margin-bottom: 20px;
    }
    .visionslide-item .play-btn img {
        width: 120px;
    }
    
    .home-bannner .col-12 {
    }
    .eventslide
    {
        padding-left: 50px;
        padding-right: 50px;
    }
    .event-btn-div {
        padding: 0 60px;
    }
    .event-list  li {
        width: 50%;
        flex: 50%;
        max-width: 48%;
        margin: 1%;
    }
    .event-sec-top-style {
        flex-direction: column;
    }
    .event-sec-top-style .event-sec-top-style-img, 
    .event-sec-top-style .event-sec-top-style-cont {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .event-sec-top-style .event-sec-top-style-img img
    {
        width: 100% !important;
    }
    .event-sec-top-style .event-sec-top-style-cont {
        padding-left: 10px;
        padding-top: 30px;
    }
    .video-list li a::before {
        height: 120px;
        width: 120px;
    }
    .video-list li img {
        height: 305px;
    }
    .article-list li .article-cont a {
        font-weight: 600;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 0;
    }
    .pdf-grid img {
        max-width: 60px;
    }
    .historyslide .owl-item:nth-child(odd) .historyslide-item .historyslide-card {
        margin-top: 12em;
    }
    .historyslide-card {
        margin-bottom: 12em;
    }
    .home-banner-col {
        top: -20rem;
    }
    .india-map a img {
        width: 23px;
    }
}

@media(max-width:1080px) {
    .historyslide .owl-item:nth-child(odd) .historyslide-item .historyslide-card {
        margin-top: 13em;
    }
    .historyslide-card {
        margin-bottom: 13em;
    }
}

@media(max-width:992px) {
    body
    {
        zoom: 1;
    }
    h1 {
        font-size: 33px;
        line-height: 35.2px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .common-padd {
        padding: 40px 20px;
    }

    .flip-992
    {
        flex-direction: column-reverse;
    }
    .adslide {
        margin-top: 40px;
    }
    .col-right {
        padding-left: 10px;
        padding-bottom: 30px;
    }
    .glanceslide-parent {
        margin-right: initial;
        margin-top: 30px;
    }
    .owl-btn-wrap button {
        margin-top: 10px;
    }
    .price-row {
        grid-template-columns: 100%;
    }
    .glanceslide-item .gimg img {
        width: 36px;
    }

    .top-bar .ul-arow {
        display: none;
    }
    .top-dflex {
        justify-content: flex-end;
    }
    header .navbar-nav {
        align-items: flex-start;
    }
    header .navbar-nav .nav-item {
        margin-left: 0;
        border-bottom: 1px solid hsl(0deg 0% 0% / 5%);
        width: 100%;
    }
    header .navbar-nav .nav-item.active .nav-link::before, header .navbar-nav .nav-item:hover .nav-link::before {
        width: 100%;
    }
    header .navbar-nav .nav-item .dropdown-menu
    {
        border:0;
    }
    header .navbar-nav .nav-item .dropdown-menu li
    {
        border-bottom: 1px solid hsl(0deg 0% 0% / 5%);
    }
    header .navbar-nav .nav-item .dropdown-menu li:last-child
    {
        border-bottom: 0;
    }
    .btn-orange {
        margin-left: 0;
    }
    .toggle-icon
    {
        width:30px;
    }
    button:focus
    {
        box-shadow: unset !important;
    }

    .btn {
        padding: 11px 30px;
    }

    .testimonials-grid .user-card
    {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        margin:1%;
    }
    .homebannerslide.common-slide .owl-dots {
        bottom: 40px;
        left: 33%;
        transform: translateX(-65%);
    }

    .cta 
    {
        padding-top: 0;
        padding-bottom:0;
    }
    .cta h2
    {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .cta img {
        margin-top: -50px;
    }

    .our-prent-col {
        padding-left: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .mytabs  li  span {
        padding: 7px 30px;
    }
    .event-content .info-box
    {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .event-content h4
    {
        margin-right: 15px !important;
    }
    .h2-mb {
        margin-bottom: 30px;
    }
    .reach-out-col {
        padding-left: 10px;
        padding-right: 0;
        padding-top: 10px;
    }
    .inner-bannner {
        padding-top: 180px;
        padding-bottom: 40px;
    }
    .flip-box-inner {
        min-height: 410px;
    }
    .info-list li .ino-list-img {
        padding: 7px;
    }
    .info-list li .ino-list-img img {
        width:20px !important;
    }
    .mytabs.style2 {
        margin-top: 30px;
    }
    .social-media-list-item {
        padding: 25px;
        flex-direction: column;
    }
    .social-media-list-item .sm-item-content, 
    .social-media-list-item .sm-item-img {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding-right: 0;
    }
    .social-media-list-item .sm-item-img
    {
        margin-top: 20px;
    }
    .btn-border {
        padding: 11px 40px;
    }
    .gallery-list
    {
    grid-template-columns: auto auto;
    }
    .gallery-list > *:nth-child(4n + 1), 
    .gallery-list > *:nth-child(4n + 4) {
        grid-column:unset;
    }
    .video-list {
        grid-template-columns: auto auto;
    }
    .video-list.style2 h4 {
        padding: 20px 20px 10px 20px;
    }
    .video-list li a::before {
        height: 100px;
        width: 100px;
    }
    .newsletter  li.newsletter-list .main-img, 
    .newsletter-cont {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .newsletter li.newsletter-list {
        margin:1% 0;
        flex-wrap: wrap;
    }
    .newsletter-cont {
        padding-left: 10px;
        padding-top: 20px;
    }
    .newsletter.style2 li {
        width: 50%;
        max-width: 48%;
        flex: 50%;
    }
    .login {
        min-width: 80% !important;
        padding: 30px !important;
    }
   .login form input {
        padding: 9px !important;
    }
    .historyslide .owl-item .historyslide-item {
        min-height: auto;
    }
    .historyslide::before {
        top: initial;
        bottom: 5em;
    }
    .historyslide .owl-item:nth-child(odd) .item:before {
        top: 14.1em;
    }
    .historyslide .owl-item:nth-child(even) .item:before, .historyslide .owl-item:nth-child(odd) .item:before {
        top: initial;
        bottom: -4.8em;
    }
    .historyslide .owl-item:nth-child(odd) .historyslide-item {
        margin-top: 0;
    }
    .historyslide .owl-item:nth-child(even) .historyslide-item, 
    .historyslide .owl-item:nth-child(odd) .historyslide-item
     {
        flex-direction: column;
    }
    .historyslide-card {
        margin-bottom: 0;
    }
    .historyslide .owl-item:nth-child(odd) .historyslide-item .historyslide-card {
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .historyslide .owl-item .historyslide-item {
        top: 0;
    }
    .historyslide-card img
    {
        /* display: none !important; */
    }
    .historyslide-card p {
        margin-bottom: 0;
    }
    .historyslide-card {
        margin-bottom: 20px;
    }
    .historyslide.common-slide .owl-dots {
        margin-top: 80px;
    }

    .historyslide .owl-item:nth-child(even) .item:before {
        background: linear-gradient(88.58deg, #32B8E7 -100.79%, #143D82 57.93%);
    }
    .mega-menu-row .mega-col {
        flex: 50%;
        width: 50%;
        max-width: 50%;
        padding: 0 20px;
    }
    header .navbar-nav .nav-item.mega-menu-main .mega {
        padding: 20px 10px 20px 10px;
    }
    .info-list3  {
        flex-wrap: wrap;
    }
    .info-list3 li {
        flex: 50%;
        width: 50%;
        max-width: 48%;
        margin: 1%;
    }
    .ul-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .home-banner-img {
        min-height: 500px;
        object-fit: cover;
    }

}

@media(max-width:768px) {
    h1 {
        font-size: 28px;
        line-height: 27.2px;
    }
    h4 {
        font-size: 20px;
        line-height: 28.44px;
    }
    .logo-grid li
    {
        max-width:100%;
        width: 100%;
        flex: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .logo-grid li:last-child
    {
        margin-bottom: 0;
    }
    .cta img {
        margin-top: -14px;
    }
    .event-list  li {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        margin: 1% 0;
    }
    .homebannerslide.common-slide .owl-dots {
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
    }
    .home-bannner .col-12
    {
        width: 80%;
    }
    .home-bannner .col-12:last-child {
        /* padding-top: 0;
        padding-bottom: 0;
        width: 20%;
        display: flex;
        align-items: flex-end; */
    }
    .home-bannner .col-12 {
        /* padding-top: 170px;
        padding-bottom: 40px; */
    }
    .col-12.bear-col img {
        min-width: 175px !important;
    }
    .home-bannner .col-12 {
        /* padding-bottom: 80px; */
    }
    .mytabs  li  span {
        padding: 7px 20px;
        text-align: center;
    }
    .mytabs.style1 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .e-sec2 {
        flex-direction: column;
    }
    .e-sec2 p, 
    .e-sec2 .button {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding-right:0;
    }
    .e-sec2 .button {
        text-align: left;
        margin-top: 30px;
    }
    .event {
        margin-left: 20px;
        margin-right: 20px;
    }
    .event-content {
        padding: 20px 10px 20px 10px;
    }
    .event-content .d-flex 
    {
        flex-wrap: wrap !important;
    }
    .glanceslide .glanceslide-item {
        padding: 30px;
    }
    .btn-border-white2 {
        padding: 11px 40px;
    }
    .commitee-list li {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .flip-box-inner {
        min-height: 465px;
    }
    .advocacy-item .advocacy-text {
        padding: 30px 41px;
    }
    .owl-btn-wrap.style3 {
        bottom: 30px;
        width: 99%;
    }
    .modal-body {
        padding: 20px;
    }
    .gallery-list li img {
        height: 250px;
    }
    .event {
        max-width: 100%;
        display: grid;
        grid-template-columns: 100%;
    }
    .video-list li img {
        height: 240px;
    }
    .video-list li a::before {
        height: 80px;
        width: 80px;
    }
    .article-list li .article-img, 
    .article-list li .article-cont{
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .article-list li {
        flex-wrap: wrap;
    }
    .article-list li .article-cont {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }
    
    .video-list.style2 {
        grid-template-columns: auto;
    }
    .newsletter-cont ul li {
        flex-direction: column;
    }
    .newsletter-cont ul li span, 
    .newsletter-cont ul li .d-flex {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .newsletter-cont ul li .d-flex
    {
        margin-top: 10px;
    }
    .newsletter  li.newsletter-list .main-img img {
        width: 95%;
        border-radius: 15px;
        margin: auto;
        text-align: center;
        display: block;
    }
    .newsletter li.newsletter-list {
        margin: 0;
        margin-bottom: 20px;
    }
    .newsletter li.newsletter-list:last-child {
        margin-bottom: 0;
    }
    .newsletter.style2 li {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .pdf-grid {
        margin-bottom: 10px;
    }
    .formstyle.styleserach {
        padding: 20px;
    }

    .formstyle3.style2.level2{
        padding: 0;
        margin: 0;
    }
    .formstyle3.style2.level2 .btn {
        margin: 10px;
    }
    .info-list3 li {
        flex: 100%;
        width: 100%;
        max-width:100%;
        margin-bottom: 10px;
    }
    .info-list3 li:last-child {
        margin-bottom: 0;
    }
    .ul-grid {
        grid-template-columns: 1fr 1fr;
    }
   
}   

@media(max-width:576px) {
    body
    {
        font-size: 14px;
        line-height: 23px;
    }
    h1 {
        font-size: 24px;
        line-height: 24px;
    }
    h2 {
        font-size: 26px;
        line-height: 33px;
    }
    
    h3 {
        font-size: 19px;
        line-height: 26px;
    }

    h4 {
        font-size: 18px;
        line-height: 28px;
    }
    h5 {
        font-size: 15px;
        line-height: 150%;
    }

    .testimonials-grid .users button {
        height: 58px;
        width: 58px;
        padding: 24px 13px 24px 19px;
    }
    .user {
        align-items: flex-start;
        flex-direction: column;
    }
    .user .users-text {
        padding-left: 0;
        padding-top: 10px;
    }
    .testimonials-grid .user-card {
        margin: 0;
        margin-bottom: 20px;
    }
    .visionslide-item .play-btn img {
        width: 80px;
    }

    .cta img {
        margin: auto;
        margin-top: 20px;
        text-align: center;
        display: block;
        width: 90%;
    }
    .cta h2 {
        text-align: center;
    }
    .home-bannner .row
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-bannner .col-12 .flex-wrap
    {
        flex-direction: column;
    }
    .home-bannner .col-12 .flex-wrap a:first-child {
        margin-bottom: 20px;
        margin-right: 0 !important;
    }
    .home-bannner .col-12 .flex-wrap a
    {
        text-align: center;
    }
    .col-12.bear-col img {
        min-width: 146px !important;
    }
    .col-12.bear-col img {
        min-width: 146px !important;
        margin-left: -25px;
    }
    .home-bannner .col-12
    {
        width: 100%;
    }
    .home-bannner .col-12:last-child {
        width: 100%;
        /* display: none; */
    }
    .forumsslide .owl-item .item {
        padding: 0 20px;
    }
    .common-slide .owl-dots {
        margin-top: 20px;
    }
    .mytabs  li {
        width: 100%;
    }
    .mytabs li span
    {
        width: 100%;
    }
    .tabslide .tabslide-item .tabslide-text {
        padding: 20px;
    }
    .event {
        padding: 10px;
    }
    .event-content {
        padding: 15px 15px 15px 15px;
    }
    .event {
        margin-left: 0;
        margin-right: 0;
    }
    .quote {
        margin-bottom: -21px;
        margin-left: 9px;
        width: 40px;
    }
    .user-card {
        padding: 30px 20px 20px 20px;
    }
    .owl-btn-wrap.style2 button {
        margin-top: 15px;
    }
    .insightslide .insight-item  .insight-text {
        padding: 20px;
    }
    .left-img-radius {
        border-radius: 0px 0px 0px 100px;
    }
    .navbar-brand img
    {
        width: 225px;
    }
    .event-list li .event-text {
        padding: 10px 10px 0 10px;
    }
    .team-list li {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        margin:1% 0;
    }
    .flip-box-inner {
        min-height: 422px;
    }
    .formstyle2 {
        flex-direction: column;
    }
    .formstyle2 .d-flex {
        width: 100%;
        margin-bottom: 20px;
    }
    .event.style2 {
        margin-left: 0;
        margin-right: 0;
    }
    .formstyle2 .d-flex {
        width: 100%;
        flex-direction: column;
    }
    .formstyle2 select {
        width: 100%;
    }
    .gallery-list {
        grid-template-columns: auto;
    }
    .gallery-list li img {
        height: 185px;
    }
    .video-list {
        grid-template-columns: auto ;
    }
    .category-list, 
    .media-right-box {
        padding: 15px;
    }
    .video-list.style2 h4 {
        padding: 15px 10px 5px 10px;
    }
    .newsletter  li.newsletter-list .main-img img {
        width: 100%;
    }
    .newsletter li a img {
        width: 20px;
    }
    .pdf-grid img {
        max-width: 47px;
    }
    .pdf-grid h5 {
        padding-left: 19px;
    }
    .contactstyle {
        padding: 30px;
    }
    .login {
        min-width: 80% !important;
        padding: 20px !important;
    }
   .login form input {
        padding: 6px !important;
    }
    .eventslide {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mega-menu-row .mega-col {
        flex: 100%;
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
    }
    header .navbar-nav .nav-item.mega-menu-main .mega {
        overflow-y: scroll;
        max-height: 25em;
    }
    header .navbar-nav .nav-item.mega-menu-main .mega::-webkit-scrollbar {
        width: 15px;
    }    
    /* Track */
    header .navbar-nav .nav-item.mega-menu-main .mega::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 10px;
        background: #CCDDEB;
    }
    
    /* Handle */
    header .navbar-nav .nav-item.mega-menu-main .mega::-webkit-scrollbar-thumb {
        background: var(--blue2);
        border-radius: 10px;
    }
    .formstyle3 input[type="text"], .formstyle3 input[type="email"], .formstyle3 input[type="password"], .formstyle3 select {
        font-size: 14px;
    }
    .ul-grid {
        grid-template-columns: 1fr;
    }
    .home-banner-img {
        min-height: 550px;
    }
    .home-banner-col {
        top: -23rem;
    }
    .india-map a img {
        width: 19px;
    }
    .india-map a span {
        font-size: 13px;
    }
}

@media(max-width:450px) {
    .flip-box-inner {
        min-height: 410px;
    }
    .g-recaptcha 
    {
        transform: scale(0.8) ;
    }
}



@media(max-width:400px) {
    .flip-box-inner {
        min-height: 380px;
    }
    .india-map a img {
        width: 15px;
    }
    .g-recaptcha 
    {
        transform: scale(0.7) ;
    }

}

@media(max-width:380px) {}