/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.offset_l_r_10{padding-left:10px;padding-right:10px}
.offset_r_10{padding-right:10px}
.offset_l_10{padding-left:10px;}
.news-events{width: 99.8%;}
.news-events .box{ background:#fff; text-align:center; width:100%; height:100%; display: table; padding:0 10px; border:1px solid #ccc;}
.news-events .box .flex{display:table-cell; vertical-align:middle;}

.news-events .box h6{ font-size:14px; font-weight:700; margin:0; padding-bottom:10px;}
.news-events .box h6.colr1{color:#bcc53a;}
.news-events .box h6.colr2{color:#01468c;}
.news-events .box h6.colr3{color:#00aeef;}
.news-events .box h6.colr4{color:#0084c4;}

.news-events .box p{padding:0; margin:0; line-height:22px; font-size:16px; font-weight:500; color:#727272; padding:0 15px;}
.news-events .carousel-indicators .active{}

.carousel {margin-bottom:20px;}
.carousel-inner .crousel-item{ background-position:0 0; background-repeat:no-repeat; height:205px; background-size:cover; border: 2px solid #e1e1e1;}
.carousel-inner .crousel-item img{    width: 100%;}
.carousel-indicators{position: static; margin-left:0; width:100%;}
.carousel-indicators li{display: block; margin-bottom:10px; text-indent:inherit;}
ol.carousel-indicators{margin:0; display:table-cell; vertical-align:middle;}
ol.carousel-indicators{
    position: relative;
    padding-left: 70px;
    z-index: 1;
    overflow: hidden;padding-top: 10px;
}
ol.carousel-indicators::before{
    position: absolute;
    content: "";
    top: 0;
    left: 71px;
    background: #fff;
    width: 2px;
    height: 100%;
    border-radius: 0;
    border: 0;
    z-index: -1;
}
ol.carousel-indicators li{color:#5eaeff; font-size:19px; font-weight:700; list-style-type:none; cursor:pointer; position:relative; padding-left:30px !important; margin-bottom:20px;line-height: normal;}
ol.carousel-indicators li::before{ content:""; width:14px; height: 14px; background: #00aeef; -moz-border-radius:28px; -webkit-border-radius: 28px; border-radius: 28px; position:absolute; left:-5px; top:5px;}
ol.carousel-indicators li::after{border:1px solid #00aeef; content:""; position:absolute; width: 24px; height: 24px; left: -10px; top: 0px; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px;}  
ol.carousel-indicators li.active::before{background: #fff; border:1px solid #fff;}
ol.carousel-indicators li.active::after{border:1px solid #fff;}
ol.carousel-indicators li.active {color: #fff;}

ol.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    text-indent: unset;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
}

.news-events .bluebox{padding-left: 0px;}
.news-events .bluebox{background:#01468c; width:100%; height: 205px; display: table; position:relative;}
.news-events .bluebox .curve{position: absolute; top: 24%; right: -500px; border: 2px solid #f7941d; border-radius: 50%; width: 7800px; height: 7800px;}

.news-events .carousel-inner .item img{    width: 100%;}
.carousel-inner .item{background-position:0 0; background-repeat:no-repeat; height:205px; background-size:cover; border: 2px solid #e1e1e1;}
.news-events ol.carousel-catg{margin:0; display:table-cell; vertical-align:middle;}
.news-events ol.carousel-catg::before{
    position: absolute;
    content: "";
    top: 0;
    left: 71px;
    background: #fff;
    width: 2px;
    height: 100%;
    border-radius: 0;
    border: 0;
    z-index: -1;
}
.news-events ol.carousel-catg li{color:#5eaeff; font-size:19px; font-weight:700; list-style-type:none; cursor:pointer; position:relative; padding-left:30px; margin-bottom:20px;line-height: normal;}
.news-events ol.carousel-catg li::before{ content:""; width:14px; height: 14px; background: #00aeef; -moz-border-radius:28px; -webkit-border-radius: 28px; border-radius: 28px; position:absolute; left:-5px; top:5px;}  
.news-events ol.carousel-catg li::after{border:1px solid #00aeef; content:""; position:absolute; width: 24px; height: 24px; left: -10px; top: 0px; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px;}  
.news-events ol.carousel-catg li.active::before{background: #fff; border:1px solid #fff;}
.news-events ol.carousel-catg li.active::after{border:1px solid #fff;}
.news-events ol.carousel-catg li.active {color: #fff;}
.news-events ol.carousel-catg{position: relative;padding-left: 70px;z-index: 1;overflow: hidden;padding-top: 10px;}

.exp-our-mis{
    position: absolute;
    left: -70px;
    top: 80px;
    width: 205px;
    height: 40px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    padding: 0px 0 0 0;
}
.exp-our-mis span {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

.news-events .carousel-inner .item, .news-events .carousel-inner .carousel-item, .news-events .bluebox{height: 205px;}
.news-events .carousel-inner .carousel-item{
    background-size: cover;
}

@media(max-width: 1440px){
    .news-events{padding: 40px 0 20px;}
    .news-events .carousel-inner .item, .news-events .carousel-inner .carousel-item, .news-events .bluebox{height: 135px;}
    .news-events .box p{font-size: 12px; padding: 0 6px; line-height: 16px;}
    .news-events ol.carousel-indicators li{font-size: 16px;}
    .news-events ol.carousel-indicators li::before{width: 12px; height: 12px; left: -4px;}
    .news-events ol.carousel-indicators li::after{width: 22px; height: 22px; left: -9px;}
    .news-events .carousel {margin-bottom: 10px;}

    .news-events ol.carousel-catg li{font-size: 16px;}
    .news-events ol.carousel-catg li::before{width: 12px; height: 12px; left: -4px;}
    .news-events ol.carousel-catg li::after{width: 22px; height: 22px; left: -9px;}

    .exp-our-mis {position: absolute;left: -45px;top: 46px;width: 150px;}
    .exp-our-mis span{font-size: 12px;}
}
@media(max-width: 1199px){
    .news-events ol.carousel-catg li {font-size: 13px;}
    .news-events ol.carousel-indicators li {font-size: 13px;}
    .exp-our-mis span{font-size: 13px;}
}
@media(max-width: 991px){
    .news-events ol.carousel-catg li {font-size: 12px;}
    .news-events ol.carousel-indicators li {font-size: 12px;}
}
@media(max-width: 767px){

    .carousel-inner .item, .carousel-inner .carousel-item, .news-events .bluebox {height: 120px;}
    .carousel-inner .item, .carousel-inner .carousel-item{ border: 1px solid #e1e1e1;}
    .catg-mobile > .row {margin-left: -15px;margin-right: -15px;}
    .news-events .carousel {margin-bottom: 0;}

    .news-events-mobile-carousel .owl-nav{position: absolute;top: 0; width: 100%;}
    .news-events-mobile-carousel .owl-nav [class*="owl-"]{background: url(../images/explore-slide-arrow.html) no-repeat; padding: 0; height: 24px;width: 32px;text-indent: -9999px;position: absolute;top: 0;}
    .news-events-mobile-carousel .owl-prev {background: url(../images/explore-slide-arrow.html) no-repeat 0px 0px !important; left: 0;}
    .news-events-mobile-carousel .owl-next {background: url(../images/explore-slide-arrow.html) no-repeat -33px 0px !important;right: 0;}
    .exp-our-mis {left: -30px;top: 40px;width: 120px;}
    .exp-our-mis span{padding: 0 8px;}
}