/**
* Developer: Khushbu
*/

/*--------------------------------------------------------------
# B2l Custom Style
--------------------------------------------------------------*/
body
{
   font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}
@font-face {
	font-family: Myriad-Pro;
	src: url(MYRIADPRO-REGULAR.OTF);
}
@font-face {
	font-family: Poppins;
	src: url(Poppins-Regular.ttf);
}
marquee a
{
    color: #202123;
}
.scroll-news marquee a:after
{
    content:" || "; 
}

#cssmenu>ul>li.has-sub>a
{
    padding-right: 33px;
}
#cssmenu>ul>li
{
    padding: 0px 10px;
}
#cssmenu ul ul li
{
    /*background-color: #c4d6e5;*/
    background-color:rgb(239, 239, 239);
    border-bottom:1px solid #bbbbbb;
}
#cssmenu ul ul li a
{
    color: #242323;
    font-size:1rem;
}
#cssmenu ul ul li a:hover
{
    color: #fff;
    background-color:#002e3e;
}
#cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover
{
    color: #fff;
}
#cssmenu>ul>li.has-sub>a::after
{
    top: 9px;
    right: 17px;
}
#cssmenu ul ul li.has-sub>a::after
{
    border-bottom: 1px solid #3e3a3a;
    border-right: 1px solid #211e1e;
}
#cssmenu>ul>li>a
{
    font-size: 0.9rem;
    padding:5px 15px 5px 0px;
}
#cssmenu>ul>li:last-child a
{
    padding-right:0;
}
#cssmenu ul ul
{
    min-width: 100%;
    z-index:999999;
}
#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {
    color: #e8b13a;
}
.item a
{
    text-decoration:none;
}
header .logo-sction .logo-row .btn-login
{
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 5px 30px;
    width: 49%;
}
header .logo-sction .logo-row .statuscheck
{
    padding: 8px 30px!important;
}
/*header .logo-sction .logo-row
{
    grid-template-columns:1fr 400px 110px;
}*/
.incubators-list a
{
    color:white;
    text-decoration:none;
}
.searchslist {
position: absolute;
background: #fff;
border: 1px solid #dcdacb;
border-radius: 4px;
width: 96%;
top: 80%;
height: 300px;
z-index: 9999;
overflow-y: scroll;
}
.searchopenid
{
    display:none;
}
.searchopenid.show
{
    display:block;
}
.fittservicelist
{
    padding-left:3px;
}
.fittservicelist li
{
    list-style:none;
    border-bottom:1px solid #e7e7e7;
    padding:1%;
    cursor:pointer;
}

.rdpartnership .banner-cls
{
    background:#ffc107!important;
}
.banner-cls
{
    height: 300px!important;
}
.banner-cls img
{
    height: 335px;
}
.rdpartnership h1
{
    color:white!important;
}
.tbi-programe h2
{
    font-size: 35px;
    color: #000;
    font-weight:bold;
    text-align:left;
}
.tbi-programe h3
{
    font-size: 25px;
    color: #000;
    font-weight:bold;
}
.tbi-programe h4
{
    font-size:23px;
    font-weight:bold;
    color: #000;
}
.announcement {
    background: #ffffff !important;
    padding-top: 40px 0;
    overflow: hidden;
}
.newsletter
{
  background: rgb(0, 0, 0);
    padding: 4%;
    border-radius: 9px;
    box-shadow: 0 6px 15px rgb(0 0 0 / 15%);
}
.newsannounce {
    background: transparent;
    padding-top: 2%;
}
.announcement h5 {
    font-size: 32px;
    color: rgb(0, 0, 0);
    font-weight: 900;
    font-family: Tungsten, 'Oswald', sans-serif;
    margin-top: 2%;
}
.newsannounce {
    background: transparent;
}
.latest-announcement {
    background: transparent;
    height: 140px;
}
.news-content {
    font-size: 14px;
    border-bottom: solid 1px #000000;
    padding-bottom: 6px;
}
.news-content .news-blog {
    padding: 1.3rem 0rem;
}
.news-blog .bi-arrow-right {
    float: right;
    color: rgb(0, 0, 0);
    font-weight: 900;
}
.news-content .news-blog a {
    color: rgb(0, 0, 0);
    font-size: 16px;
}
.counts .count-box, .videos-box {
    padding: 4%;
}
.videos-boxinfo {
    height: 380px;
}
.fund-program {
    width: 100%;
}
.flex-column {
    flex-direction: column!important;
}
.icon-box {
    padding: 2%;
    background: linear-gradient(270deg,#4e18d6e0 5px,transparent 0) 100% 0,linear-gradient(180deg,#4e18d6e0 5px,transparent 0) 100% 0;
    box-shadow: 0 6px 15px rgb(0 0 0 / 15%);
    border-radius: 6px;
    margin-bottom: 2%;
    height: 200px;
    background-size: 56px 40px;
    background-repeat: no-repeat;
}
.icon img {
    width: 100%;
    height: 72px;
    object-fit: contain;
    margin: auto;
    display: block;
}
.icon-box h4 {
    text-align: left;
}
.icon-box .description {
    font-size: 16px;
    text-align: justify;
}
.icon-box h4 a {
    font-size: 18px;
    color: #000000;
    font-weight: 900;
    text-decoration:none;
}
#faq .accordion .accordion-item::before {
    background-image: -moz-linear-gradient(47deg,#4889be 0,#2dc64a 100%);
    background-image: -webkit-linear-gradient(47deg,#4889be 0,#2dc64a 100%);
    background-image: -ms-linear-gradient(47deg,#4889be 0,#2dc64a 100%);
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    border-bottom: 1px solid #4ede6a;
}
#faq .accordion .accordion-item:first-child::before {
    border-radius: 10px 0 0 0;
}
#faq .accordion .accordion-item:last-child::before {
    border-radius: 0 0 0 10px;
}
.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion
{
    margin-bottom: 2%;
}
.accordion-item {
    position: relative;
}
#faq .accordion .accordion-item:first-child::before {
    border-radius: 10px 0 0 0;
}
#career img
{
    height: 400px;
    object-fit: contain;
}
.fittcareer h3
{
    font-size: 35px;
    text-align: center;
    margin-top: 2%;
    font-weight: 100;
}
.btn-career {
    color: #FFF;
    border: 1px solid #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #000;
    background-size: 200%;
    transition: .5s ease-out;
    border-radius:0;
    padding: 1%;
    width: 300px;
    margin-top:7%;
    font-family: myriad-pro,Arial;
    letter-spacing: 3.5px;
        margin: auto;
    margin-top: 2%;
}
.btn-career:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    background-position: left;
}
.section-title {
    padding-bottom: 17px;
    text-align: center;
}
.section-title h2 {
    font-size: 35px;
    color: #373738;
    color: black;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    margin-top: 20px;
    font-family: myriad-pro,Arial;
}
.section-title h2::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #1977cc;
    bottom: 0;
    left: calc(50% - 20px);
    
}
.fittlife p {
    position: absolute;
    color: white;
    font-size: 26px;
    font-weight: 900;
    bottom: 2%;
    left: 2%;
}
#career img {
    height: 400px;
    object-fit: contain;
}
.fittlife {
    position: relative;
}
.amenities-list a
{
    cursor: none;
}
li > a > .reverseArrow
{
    transform: rotate(-90deg);
    transition: all 0.5s ease 0s;
}
ol.rmv-breadcrum > li, ol.rmv-breadcrum > li > a
{
    color: #fff;
    text-decoration:none;
}
ol.rmv-breadcrum > li
{
    min-width: 80px;
    width: auto;
    list-style:none;
}
.breadcrumb .dropdown i
{
    /*background: #948b8b;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 3px;
    padding-top: 1px;
    margin-left: 3px;*/
    background: #948b8b;
    color: #201e1e;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    font-size: 12px;
}

.breadcrumb .dropdown-menu
{
    min-width: 30rem;
}
.breadcrumb a
{
    color:#1b0d9f!important;
    font-weight: 700;
}
.dropdown-menu,.dropdown-menu ul
{
    padding-left:5px;
}
.dropdown-menu li
{
    list-style:none;
    padding-bottom: 1%;
}
.dropdown-menu a
{
        color: black;
    text-decoration: none;
}
.inside-banner-section h4
{
    font-size: 21px;
    font-weight: 900;
    margin-top: 2%;
    color:#000;
}
.expand-search
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 125px;
    background: white;
    z-index: 99999;
}
.expand-search-container
{
    padding:2.5% 1% 1.5% 2%;
}
.expand-search-container img
{
    width: 100%;
    height: 100%;
}
#fittexpandsearch
{
    float: right;
    border: 0;
    border-bottom: 1px solid lightgray;
    width: 100%;
}
.expand-search-container .bi-x
{
        font-size: 30px;
        position: absolute;
        right: 2%;
}
.expand-search-container .bi-search
{
    text-align: right;
    float: right;
}
#fittexpandsearch:focus
{
    outline:0;
}
header .logo-sction .logo-row .btn-login
{
    text-decoration:none;
}
::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: lightgray;
}

::-webkit-scrollbar-thumb {
    background: gray;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: lightgray;
}
.btn-purple
{
    color: #611f69;
    background-color: transparent;
    fill: #611f69;
    box-shadow: inset 0 0 0 1px #611f69;
    padding: 0.4rem 1rem;
}
.btn-orange,.btn-orange:hover
{
    margin-top: 2%;
    background: chocolate;
    color: white;
    font-weight: 900;
}
input.hide-clear[type="search"]::-webkit-search-decoration,
input.hide-clear[type="search"]::-webkit-search-cancel-button,
input.hide-clear[type="search"]::-webkit-search-results-button,
input.hide-clear[type="search"]::-webkit-search-results-decoration {
  display: none; 
}
#incubation {
    height: 50vh;
    position: relative;
    padding: 0;
    background: url(../images/First-banner.jpg);
}
#incubation::before {
    content: "";
    background: #08133b;
    opacity: 0.70;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.joinincubation {
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
}
.joinincubation h6 {
    color: white;
    font-size: 25px;
    padding-top: 2%;
}
.joinincubation h2 {
    font-size: 45px;
    color: white;
    margin-top: 3%;
}
.theme_btn {
    overflow: hidden;
    color: white;
    background: rgb(232 234 237 / 8%);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    padding: 22px 38px 22px 38px;
    display: inline-block;
    border-radius: 30px;
    border: 3px solid white;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    margin-top: 3%;
}
.enquirycls {
    background: #033357;
    color: white;
}
.enquirycls h2 {
    margin-top: 1%;
}
.enquirycls .theme_btn {
    color: white;
    background: transparent;
    border: 1px solid white;
}
.joinincubation h6::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 3px;
    background: #1977cc;
    bottom: 1px;
    left: calc(50% - 60px);
    top: 25%;
}
.inside-banner-section.mainpage .page-title
{
        right: 7%;
        left: inherit;
        width: 43%;
}
.inside-banner-section.mainpage .page-title h1
{
    margin-bottom: 5%;
}
.inside-banner-section.mainpage .page-title p
{
    margin-bottom: 2rem;
    color: white;
}
.banner-cls
{
    background: #030753;
    height: 300px!important;
}
.inside-banner-section.aboutusmenu .page-title h1,.inside-banner-section.iplicensing .page-title h1,.inside-banner-section.iplicensingmenu .page-title h1,.inside-banner-section.innovationentrepre .page-title h1
{
        color: #fff;
}
.inside-banner-section.scienceparkcls .page-title h1
{
        color: #fff;
}
.iplicensing .banner-cls
{
    background: #3bc689;
    padding-left: 5%;
}
.scienceparkcls .banner-cls
{
    background: #963596;
}
.carousel-desc
{
    position: absolute;
    z-index: 9;
    top: 24%;
    left: 0;
    width: 30%;
    margin-left: 9%;
}
.carousel-desc-right
{
    position: absolute;
    z-index: 9;
    top: 34%;
    right: 0;
    width: 38%;
    margin-right: 9%; 
}
.carousel-desc h1,.carousel-desc-right h1
{
    font-weight: 900;
    color: #0a7171;
    font-size: 34px;
}
.carousel-desc p,.carousel-desc-right p
{
    font-size: 20px;
    text-align: justify;
    font-weight: 600;
}
.publication-announce img
{
    width:100%;
    height:587px;
    display: block;
    max-width: 100%;
    /*object-fit: contain;*/
    margin-bottom:2%;
}
.pl-0
{
    padding-left:0;
}
.pr-0
{
    padding-right:0;
}
.publication-announce .col-lg-6:hover img
{
        transform: scale(1.1);
            transition: all .5s ease;
    transition-duration: 1s;
}
.publication-announce .col-lg-6
{
        height: auto;
    overflow: hidden;
    position:relative;
}
a
{
    text-decoration:none;
}
.publication-announce .col-lg-6 p
{
    position: absolute;
    bottom: 2%;
    color: white;
    font-size: 24px;
    font-weight: 700;
    padding-left:5%;
}
.program-announce img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    max-height: 250px;
}
.bigscheme-announce img
{
    max-height: 500px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.program-announce,.bigscheme-announce
{
    position:relative;
    color:white;
}
.program-announce .programscheme
{
    position: absolute;
    bottom: 2%;
    z-index: 99;
    padding:1%;
    color:white;
    width:100%;
    font-family: myriad-pro,Arial;
}
.bigscheme-announce .bigscheme
{
    position: absolute;
    bottom: 0%;
    z-index: 99;
    width:100%;
    padding:1%;
    color:white;
    font-family: myriad-pro,Arial;
}
.bottom-gradient-do_more {
    background: rgba(0,0,0,0) linear-gradient(0deg,#000 0,rgba(0,0,0,.2) 23%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 92%,rgba(0,0,0,0) 100%) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(100%);
    transition: all .5s ease 0s;
}
.program-announce .col-lg-6:hover .bottom-gradient-do_more {
    background: rgba(0,0,0,0) linear-gradient(0deg,#000 0,rgba(0,0,0,.2) 100%) repeat scroll 0 0;
    transform: translateY(0);
}
.bigscheme-announce:hover .bottom-gradient-do_more
{
    background: rgba(0,0,0,0) linear-gradient(0deg,#000 0,rgba(0,0,0,.2) 100%) repeat scroll 0 0;
    transform: translateY(0);
}
.program-announce .col-lg-6:hover p,.bigscheme-announce:hover p,.program-announce .col-lg-6:hover h3,.bigscheme-announce:hover h3
{
    display:block;
    color:white;
}
.program-announce .col-lg-6,.bigscheme-announce
{
        visibility: visible;
        animation-delay: 0.6s;
        position: relative;
        animation-fill-mode: both;
        overflow:hidden;
}
.program-announce .programscheme::before,.bigscheme::before
{
    content: "";
    background: #020202e8;
    opacity: 0.40;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color:white;
}
.program-announce .col-lg-6 p,.bigscheme-announce p
{
    display:none;
}
.program-announce h3,.bigscheme-announce h3
{
    font-size: 1.75rem;
    font-weight: 900;   
    color: #111010;
}
.program-announce p,.bigscheme-announce p
{
    font-size: 1rem;
    font-weight: 400;    
}
.programs .section-title h2,#career .section-title h2
{
    font-family: myriad-pro,Arial;
    font-size: 45px;
    font-weight: 900;
}
.fittcareer h3
{
    font-family: myriad-pro,Arial;
}
.fittlife:hover img
{
    transform: scale(1.1);
            transition: all .5s ease;
    transition-duration: 1s;
}
.fittlife
{
    overflow:hidden;
}
#events img,#stackholders img,#startups img
{
    width:100%;
    height: 250px;
    object-fit: contain;
    margin:auto;
    display:block;
}
#startups img
{
   height: 150px;
}
.eventlist
{
    box-shadow: 0 6px 15px rgb(0 0 0 / 15%);
    padding:3%;
    height: 450px;
}
#startups .eventlist
{
    height: 490px;
}
#stackholders .eventlist
{
   height: 600px;
}
.eventlist h4
{
    font-size: 1.5rem;
    color: black;
    font-weight: bold;
    margin-top:2%;
}
.eventlist p
{
       font-size: 18px; 
}
#incubation
{
    margin-top: 5%;
}
.programlist
{
    box-shadow: 0 6px 15px rgb(0 0 0 / 15%);
    padding:1%;
    height: 200px;
    margin-bottom:10%;
    border-radius:5px;
}
.programlist img
{
    width:100%;
    height: 150px;
    object-fit: contain;
    margin:auto;
    display:block;
}
.programlist h4
{
    text-align:center;
    font-size:19px;
    margin-top:7%;
    font-weight:bold;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.owl-prev span,.owl-next span
{
        font-size: 45px;
}
.owl-dots
{
    display:none;
}
.owl-prev
{
    position: absolute;
    top: 2px;
    left: 0;
    background: transparent;
    color: black;
    font-size: 60px;
}
.owl-theme .owl-nav [class*=owl-]:hover
{
    background: transparent;
    color: black;
}
.owl-next
{
    position: absolute;
    top: 2px;
    right: 0;
    background: transparent;
    color: black;
    font-size: 60px;
}
#announcements img
{
    width:100%;
    height:250px;
}
#announcements .eventlist
{
    box-shadow: 0 6px 15px rgb(0 0 0 / 15%);
    padding:1%;
    height: 550px;
}
#announcements,#startups,#events,#stackholders,#incubationprogram,#mentors,#incubation
{
    font-family: myriad-pro,Arial;   
}
#programs
{
        margin-top: 4%;
}
#programs .section-title,#career .section-title,#startups .section-title,#events .section-title,#stackholders .section-title,#incubationprogram .section-title
{
    padding-bottom:0;
}
.subtitle p
{
    text-align: center;
    font-size: 27px;
    width: 60%;
    margin: auto;
    padding-bottom: 2%;
    font-family: myriad-pro,Arial;   
}
#cssmenu ul ul li:hover>a
{
    background:#002e3e;
}
#cssmenu ul ul ul li
{
    /*background-color: rgb(204 214 218);*/
    background-color: rgb(189, 242, 219);
}
.tbi-programe
{
    padding: 30px 0px;
}
.tbi-programe li
{
    padding: 1%;
}
.tbi-programe h3
{
    margin-bottom:2%;
    margin-top:2%;
}
#startups #counter
{
    background: aliceblue;
    padding: 1%;
}
.box-inner .text span
{
    color: #615c5c;
}
.inside-banner-section .page-title h1
{
        font-family: myriad-pro,Arial;
        font-weight: bold;
        width:100%;
}
blockquote
{
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
    border-left: 5px solid #eee;
    padding: 10px 20px;
    margin: 0 0 1rem;
}
.list-cls ul li
{
    list-style:none;
}
.list-cls ul li:before {
    content: "\2713";
    color: #03417c;
    margin-right: 1.5%;
    font-weight: 900;
}
.services-cls li:before
{
 content: ""!important;   
}
.inside-banner-section .page-title h1
{
    text-align: center;
    font-size: 44px;
}
.bullet-list li
{
    list-style: disc!important;
}
.bullet-list li:before
{
 content: ""!important;   
}
.conference-cls p
{
    font-size: 18px;
}
.inside-banner-section h4
{
    color: #f8f8f8;
    text-align: center;
    font-family: myriad-pro,Arial;
}
.coworkingspace
{
    width: auto;
    height: 300px;
}
ol.rmv-breadcrum > li
{
    padding:0.1rem;
}
ol.rmv-breadcrum > li:first-child
{
    padding-left:0;
}
.counter-section .couter-row
{
        display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap:106px;
}
.counter-section .couter-row .item:nth-child(5) h3
{
        color: #ceae0e;
}
.counter-section .couter-row .item:nth-child(6) h3
{
        color: #880ece;
}
.tboxes:hover {
    background: #c31432;
    background: -webkit-linear-gradient(#e66465, #9198e5);
    background: linear-gradient(#e66465, #9198e5);
    color: white;
}
.tboxes:hover h6
{
    color: white;
}
header .logo-sction .logo-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 500px;
    grid-template-columns: 1fr 500px;
    grid-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .logo-sction .item:nth-child(2) .search-login-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 150px;
    grid-template-columns: 1fr 245px;
    grid-gap: 10px;
}
header .logo-sction .item:nth-child(2) .top-navigation-links {
    margin-top: 10px;
}
header .logo-sction .item:nth-child(2) .top-navigation-links ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: right;
}
header .logo-sction .item:nth-child(2) .top-navigation-links ul li {
    float: left;
    padding: 0px 10px;
    font-size: 14px;
}
header .logo-sction .item:nth-child(2) .top-navigation-links ul li a {
    color: #000;
    text-decoration: none;
}
.top-navigation-links ul li a
{
        font-family: 'Montserrat-Medium';
}
#incubationprogram h3
{
    font-weight:bold;
}
.scroll-news .scroll-news-row
{
        grid-template-columns: inherit;
}
footer .footer-row .footer-item:nth-child(2) ul li a,footer .footer-row .footer-item:nth-child(3) ul li a
{
    font-size: 15px;
}
.contact-list a
{
    color:white;
}
.mainpage h1
{
    text-align:left!important;
}
footer
{
    background-color:#002e3e;
}
.company-cls,.company-cls:hover
{
    color:#dfd126;
    font-weight: 600;
}
.enquiry-navigation
{
    margin-top: 2%;
    color: black;
    font-size: 20px;
    font-weight: 900;
}
 .accordion-body .event-datepicker label
{
    margin-left:0;
    color: chocolate;
}
.datepicker
{
    padding-left: 0;
    font-size: 15px;
    padding-right: 0;
}
.statuscheck
{
    background-color: #09cf8d!important;
    /*color:black!important;*/
}


body{
    background-color: #f1f6ff;
  }
  #news-slider{
      margin-top: 10px;
  }
  .post-slide{
      background: #eeeeee;
      margin: 20px 15px 20px;
      border-radius: 15px;
      padding-top: 1px;
      box-shadow: 0px 14px 22px -9px #bbcbd8;
      width:90%;
      height:110% ;
      
  }
  .post-slide .post-img{
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      margin: -12px 15px 8px 15px;
      margin-left: 10px;
      height: 100%;
      width:100% ;
  }
  .post-slide .post-img img{
      width: 100%;
      height: 100%;
      transform: scale(1,1);
      transition:transform 0.2s linear;
  }
  .post-slide:hover .post-img img{
      transform: scale(1.1,1.1);
  }
  .post-slide .over-layer{
      width:100%;
      height:100%;
      position: absolute;
      top:0;
      left:0;
      opacity:0;
      background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
      transition:all 0.50s linear;
  }
  .post-slide:hover .over-layer{
      opacity:1;
      text-decoration:none;
  }
  .post-slide .over-layer i{
      position: relative;
      top:45%;
      text-align:center;
      display: block;
      color:#fff;
      font-size:20px;
  }
  .post-slide .post-content{
      background:#fff;
      padding: 2px 20px 40px;
      border-radius: 15px;
      height: 150px;
      width:100% ;
  }
  .post-slide .post-title a{
      font-size:14px;
      font-weight:bold;
      color:#333;
      display: inline-block;
      text-transform:uppercase;
      transition: all 0.3s ease 0s;
  }
  .post-slide .post-title a:hover{
      text-decoration: none;
      color:#3498db;
  }
  .post-slide .post-description{
      line-height:normal;
      color:#808080;
      margin-bottom:25px;
  }
  .post-slide .post-date{
      color:#a9a9a9;
      font-size: 14px;
  }
  .post-slide .post-date i{
      font-size:20px;
      margin-right:8px;
      color: #CFDACE;
  }
  .post-slide .read-more{
      padding: 7px 20px;
      float: right;
      font-size: 12px;
      background: #2196F3;
      color: #ffffff;
      box-shadow: 0px 10px 20px -10px #1376c5;
      border-radius: 25px;
      text-transform: uppercase;
  }
  .post-slide .read-more:hover{
      background: #3498db;
      text-decoration:none;
      color:#fff;
  }
  .owl-controls .owl-buttons{
      text-align:center;
      margin-top:20px;
  }
  .owl-controls .owl-buttons .owl-prev{
      background: #fff;
      position: absolute;
      top:-13%;
      left:15px;
      padding: 0 18px 0 15px;
      border-radius: 50px;
      box-shadow: 3px 14px 25px -10px #92b4d0;
      transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-next{
      background: #fff;
      position: absolute;
      top:-13%;
      right: 15px;
      padding: 0 15px 0 18px;
      border-radius: 50px;
      box-shadow: -3px 14px 25px -10px #92b4d0;
      transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-prev:after,
  .owl-controls .owl-buttons .owl-next:after{
      content:"\f104";
      font-family: FontAwesome;
      color: #333;
      font-size:30px;
  }
  .owl-controls .owl-buttons .owl-next:after{
      content:"\f105";
  }
  
  .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
  
  .ip {
      width: 16em;
      height: 8em;
  }
  .ip__track {
      stroke: hsl(var(--hue),90%,90%);
      transition: stroke var(--trans-dur);
  }
  .ip__worm1,
  .ip__worm2 {
      animation: worm1 2s linear infinite;
  }
  .ip__worm2 {
      animation-name: worm2;
  }

  .section-news-title {
      padding-bottom: 5px;
      margin-bottom: 5px;
      padding-bottom: 5px;
      margin-top: 1px;
      text-align:center;
      background-color: #d6d6d6;
  }
  .section-news-title h2 {
      font-size: 25px;
      color: #ffffff;
      color: rgb(3, 9, 130);
      font-weight: bold;
      margin-bottom: 5px;
      padding-bottom: 5px;
      position: relative;
      text-align: center;
      margin-top: 1px;
      font-family: myriad-pro,Arial;
      background-color: #ffffff;
  }
  .section-news_title h2::before {
      content: "";
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      background: #000000;
      bottom: 10px;
      left: calc(50% - 20px );
  }
  .section-news_title h2::after {
      content: "";
      position: absolute;
      display: block;
      width: 20px;
      height: 1px;
      background: #000000;
      bottom: 10px;
      left: calc(50% - 20px);}
  
  
  /* Animation */
  @keyframes worm1 {
      from {
          stroke-dashoffset: 0;
      }
      50% {
          animation-timing-function: steps(1);
          stroke-dashoffset: -358;
      }
      50.01% {
          animation-timing-function: linear;
          stroke-dashoffset: 358;
      }
      to {
          stroke-dashoffset: 0;
      }
  }
  @keyframes worm2 {
      from {
          stroke-dashoffset: 358;
      }
      50% {
          stroke-dashoffset: 0;
      }
      to {
          stroke-dashoffset: -358;
      }

      /* Preloader
-------------------------------------------------------*/

.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #00c9d0;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.lead{
  font-size:13px;
}
.loader div {
    background-color: #d9b06a;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: .5;
    border-radius: 50%;
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

// you can change these three
$c: gainsboro; // grid lines
$d: 1em; // grid cell size
$l: 1px; // line thickness

// computed value, don't change
$o: .5*$l;

body {
	background: 
		/* horizontal and vertical lines */
		conic-gradient(from 90deg at $l $l, 
				#0000 25%, $c 0%) 
			#{-1*$o -1*$o}/ #{$d $d}, 
		/* main diagonal */
		linear-gradient(45deg, 
				#0000 calc(50% + -1*#{$o}), 
				$c 0 calc(50% + #{$o}), #0000 0) 0 0/ #{2*$d 2*$d}, 
		/* secondary diagonal */
		linear-gradient(-45deg, 
				#0000 calc(50% + -1*#{$o}), 
				$c 0 calc(50% + #{$o}), #0000 0) 0 0/ #{2*$d 2*$d}
}

  _____ */



        @keyframes scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(calc(-250px * 7))
            }
        }

        .partners-logo-slider {
            height: 170px;
            margin: auto;
            overflow: hidden;
            position: relative;
            width: auto;
            background-color: #F1F1F1;
            padding: 16px 0px;

            .slide-track {
                animation: scroll 40s linear infinite;
                display: flex;
                width: calc(250px * 14);
            }

            .sliderTitle {
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                text-align: center;
            }

            .slide {
                height: 100px;
                width: 250px;
                filter: grayscale(100%);
            }

            .slide:hover {
                filter: grayscale(0%);
            }
        }
        @mixin aspect-ratio($width, $height) {
            position: relative;
              
            &:before {
              display: block;
              content: "";
              width: 100%;
              padding-top: ($height / $width) * 100%;
            }
              
            > img {
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  width: 100%;
                  height: 100%;
            }
          }
          
          // Styling
          
          section {
              background: #F4F4F4;
              padding: 50px 0;
          }
          
          .container {
              max-width: 1044px;
              margin: 0 auto;
              padding: 0 20px;
          }
          
          .carousel {
              display: block;
              text-align: left;
              position: relative;
              margin-bottom: 22px;
              
              > input {
                  clip: rect(1px, 1px, 1px, 1px);
                  clip-path: inset(50%);
                  height: 1px;
                  width: 1px;
                  margin: -1px;
                  overflow: hidden;
                  padding: 0;
                  position: absolute;
                  
                  &:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -500%; }
                  &:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -400%; }
                  &:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -300%; }
                  &:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -200%; }
                  &:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -100%; }
                  &:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: 0%; }
                  
                  &:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
                  &:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
                  &:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
                  &:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
                  &:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
                  &:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) { box-shadow: 0px 0px 0px 5px rgba(0,0,255,0.5); }
              }
          }
          
          .carousel__slides {
              position: relative;
              z-index: 1;
              padding: 0;
              margin: 0;
              overflow: hidden;
              white-space: nowrap;
              box-sizing: border-box;
              display: flex;
          }
          
          .carousel__slide {
              position: relative;
              display: block;
              flex: 1 0 100%;
              width: 100%;
              height: 100%;
              overflow: hidden;
              transition: all 300ms ease-out;
              vertical-align: top;
              box-sizing: border-box;
              white-space: normal;
              
              figure {
                  display: flex;
                  margin: 0;
              }
              
              div {
                  @include aspect-ratio(3, 2);
                  width: 100%;
              }
              
              img {
                  display: block;
                  flex: 1 1 auto;
                  object-fit: cover;
              }
              
              figcaption {
                  align-self: flex-end;
                  padding: 20px 20px 0 20px;
                  flex: 0 0 auto;
                  width: 25%;
                  min-width: 150px;
              }
              
              .credit {
                  margin-top: 1rem;
                  color: rgba(0, 0, 0, 0.5);
                  display: block;        
              }
              
              &.scrollable {
                  overflow-y: scroll;
              }
          }
          
          .carousel__thumbnails {
              list-style: none;
              padding: 0;
              margin: 0;
              display: flex;
              
              margin: 0 -10px;
              
              .carousel__slides + & {
                  margin-top: 20px;
              }
              
              li {        
                  flex: 1 1 auto;
                  max-width: calc((100% / 6) - 20px);  
                  margin: 0 10px;
                  transition: all 300ms ease-in-out;
              }
              
              label {
                  display: block;
                  @include aspect-ratio(1,1);
                  
                            
                  &:hover,
                  &:focus {
                      cursor: pointer;
                      
                      img {
                          box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
                          transition: all 300ms ease-in-out;
                      }
                  }
              }
              
              img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
              }
          }
    }