@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap";
html{font-size:14px}
body{font-family:'Open Sans',sans-serif}
section{padding:25px 0;position:relative}
.navbar{background:#009edb;margin-bottom:-1px;padding:10px 0}
.navbar .navbar-brand img{width:180px}
ul.navbar-nav{margin-left:auto}
ul.navbar-nav li{margin:auto 15px}
ul.navbar-nav a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;text-align:center}
ul.navbar-nav a.contact{background:#0079b5;border-radius:10px;position:relative;padding-left:45px!important;width:150px}
ul.navbar-nav a.contact span{background:#80bcda;padding:3.3px 10px;border-radius:10px 0 0 10px;font-size:21px;position:absolute;top:0;left:0}
footer{width:100%;background-color:#949699;padding:15px 0;text-align:center}
footer p{color:#fff;font-size:14px;display:inline-block;margin:0 auto;text-align:center}
img{max-width:100%;height:auto}
.topbanner{padding:0;background: #333;}
.quoteicon{display:block;margin:0 auto;margin-top:-40px;max-width:80px}
.topbanner .grey{background-color:#6a6b6e;padding:60px 20px 20px;margin-top:-41px}
#bnrquote h4{color:#fff;font-size:28px;text-align:center}
#bnrquote .owl-dots{margin-top:15px}
#bnrquote .owl-dots .owl-dot span{background:#97989a;width:12px;height:12px}
#bnrquote .owl-dots .owl-dot.active span{background:#fff}
h2.title{text-align:center;color:#009edb;font-size:36px;font-weight:600;margin-bottom:30px}
.aboutme{padding:60px 0 80px}
.aboutabs .tab-pane .bold{font-weight:700}
.aboutabs .content{height:370px;overflow-x:hidden;overflow-y:auto;padding-right:20px}
.aboutabs .content p{text-align:justify;font-size:15px}
.aboutabs .tab-pane .tabimg{width:90%;margin:0 auto;display:block}
.style-1::-webkit-scrollbar-track,#mediacarousel .owl-thumbs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5}
.style-1::-webkit-scrollbar,#mediacarousel .owl-thumbs::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
.style-1::-webkit-scrollbar-thumb,#mediacarousel .owl-thumbs::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #009bd7;background-color:#009bd7}
#pill-tabpanel-1 .tab-pane{box-shadow:none;padding:0}
#pill-tabpanel-1 .content{height:240px;margin-bottom:40px}
#pill-tabpanel-1 ul.nav{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start}
.about-nav{justify-content:center;width:100%;margin-bottom:30px}
.about-nav li{font-size:20px;text-align:center;margin:0;width:220px;display:inline-block;margin-right:5px}
.about-nav li .nav-link{border-bottom:5px solid #b6d3de;color:#333;font-weight:600}
.about-nav li .nav-link.active{border-radius:15px 15px 0 0;background:#009bd7;font-weight:600;border-bottom:5px solid #fff}
.about-nav .tab-pane{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:40px;border-radius:20px}
.timelines{justify-content:center;width:100%;margin-bottom:30px}
.timelines li{font-size:20px;text-align:center;margin:0;width:20%;display:inline-block;outline:none;box-shadow:none}
.timelines li .nav-link.active{border-radius:15px 15px 0 0;font-weight:600;border-bottom:5px solid #fff}
.timelines .nav-link{color:#969292;font-size:11px;text-align:left;padding:0;border-bottom:none}
.timelines .nav-link h4{color:#333;font-size:18px;text-align:left;border-bottom:4px solid #b8b6b6;border-radius:3px;padding-bottom:5px;width: 70px;}
.timelines .nav-link.active{background-color:transparent;margin-top:-5px}
.timelines .nav-link p{color:#333;padding-right:10px;font-size: 9px;}
.timelines .nav-link.active h4{color:#009bd7;border-bottom:4px solid #009bd7;font-size:22px;font-weight:700}
.timelines .nav-link.active p{color:#333;font-weight:600}
.timelines .tab-pane{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:40px;border-radius:20px}
#pill-tabpanel-1 .content .subhead{font-size:28px;font-weight:600;margin-bottom:10px}
#pill-tabpanel-2{background:url(../images/achievebg.jpg) no-repeat;background-size:100%;background-position-y:-40px;padding-bottom:10px}
.achievebox{text-align:center;margin-bottom:20px;padding-top:10px}
.achievebox img{width:140px!important;border-radius:15px;margin:0 auto 5px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0}
#achievecarousel{width:80%;margin:0 auto;position:relative}
#achievecarousel button{color:transparent}
#achievecarousel button.disabled{opacity:.5}
#achievecarousel .owl-prev{background:url(../images/arrow.png) no-repeat;height:40px;width:40px;background-size:100%;border-radius:50px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;position:absolute;top:40%;left:-60px}
#achievecarousel .owl-next{background:url(../images/arrow.png) no-repeat;height:40px;width:40px;background-size:100%;transform:rotate(180deg);border-radius:50px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;position:absolute;top:40%;right:-60px}
.socialbox img{width:120px;height:120px;margin-bottom:20px}
.socialbox h4{font-weight:600;margin-bottom:10px}
.socialbox p{width:80%}
#pill-tabpanel-3 .row{width:90%;margin:0 auto}
.inNews{background:url(../images/newsbg.jpg) no-repeat;background-size:cover;padding:40px 0 60px}
.inNews .title,.contactme .title{color:#333;padding:20px 0 30px}
.inNews .nav-pills{justify-content:center;border-bottom:1px solid #333;margin-bottom:50px}
.inNews .nav-pills li{color:#333;font-weight:600;font-size:20px;width:24%;text-align:center}
.inNews .nav-pills li a{border-radius:15px 15px 0 0}
.inNews .nav-pills li .nav-link{background:#fff;color:#333;margin:0 5px;opacity:.7;padding:10px}
.inNews .nav-pills li .nav-link.active{background:#009bd7;color:#fff;opacity:1}
.newbox{background:#fff;border-radius:15px;padding:20px;margin-bottom:25px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0}
.newbox h4{font-weight:600;font-size:18px;min-height:55px}
.newbox p{font-size:15px;margin-bottom:0}
.newbox p span{font-size:13px;opacity:.8}
.inNews .owl-dots .owl-dot span{background:#85a5b1}
.inNews .owl-dots .owl-dot.active span{background:#333}
.inNews .seebtn{background:#009edb;color:#fff;display:block;padding:8px 10px;border-radius:10px;font-size:18px;text-align:center;width:170px;text-decoration:none;margin:20px auto}
.inNews .dropdown .btn{font-weight:600;font-size:15px}
.inNews .dropdown .btn img{width:20px;margin-left:10px}
.tabsnews{position:relative}
.inNews .dropdown{position:absolute;top:10px;right:0}
.contactme{padding:40px 0 80px}
.contactbx{background:url(../images/contactbg.jpg) no-repeat;background-size:cover;width:80%;margin:0 auto;padding:20px 0;border-radius:20px;text-align:center}
.contactme .title{margin-bottom:10px}
.contactbx h4{font-size:18px;margin:30px auto 20px}
.contactbx h2{background:#ceebf6;width:fit-content;margin:0 auto 40px;padding:10px 60px;border-radius:10px;font-size:24px}
.contactbx h2 a{text-decoration:none;color:#000}
.contactbx h2 span{font-weight:700;font-size:40px;vertical-align:sub}
.contactbx .iconz img{width:35px;margin:0 5px}
.mediaevent{background:#f0f0f0;position:relative;padding:80px 0; display: none;}
.mediaevent .title{color:#333;margin-bottom:50px}
#mediacarousel{max-width:700px;margin-left:auto}
#mediacarousel .owl-thumbs{position:absolute;top:0;left:-450px;width:400px;height:540px;overflow-x:hidden;overflow-y:auto}
#mediacarousel .owl-thumbs button{display:inline-block}
#mediacarousel .owl-thumbs .owl-thumb-item{height:160px;width:100%;max-width:50%;background:transparent;border:none;overflow:hidden}
#mediacarousel .owl-thumbs .owl-thumb-item img{max-width:100%;height:auto}
#mediacarousel .owl-dots{position:absolute;bottom:170px;left:0;right:0}
#mediacarousel .owl-item img{border-radius:15px}
#mediacarousel .owl-nav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}
#mediacarousel .owl-prev{background:url(../images/arrow.png) no-repeat;height:40px;width:40px;background-size:100%;border-radius:50px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;margin:0 10px}
#mediacarousel .owl-next{background:url(../images/arrow.png) no-repeat;height:40px;width:40px;background-size:100%;transform:rotate(180deg);border-radius:50px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;margin:0 10px}
#mediacarousel button{color:transparent}
#big .owl-prev{background:url(../images/arrow.png) no-repeat;height:30px;width:30px;background-size:100%;border-radius:50px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;margin:0 10px;position:absolute;top:45%;left:0}
#big .owl-next{background:url(../images/arrow.png) no-repeat;height:30px;width:30px;background-size:100%;border-radius:50px;transform:rotate(180deg);box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;margin:0 10px;position:absolute;top:45%;right:0}
#big button{color:transparent}
#thumbs .owl-item{opacity:.5}
#thumbs .owl-item.current{opacity:1}
.newbox a{text-decoration:none;color:#333}
#backtotop{display:flex;background:linear-gradient(89.94deg,#3193EE 0.05%,#4860DE 99.95%);width:34px;height:34px;text-align:center;justify-content:center;align-items:center;border-radius:100%;position:fixed;bottom:30px;cursor:pointer;right:10px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:100}
#backtotop.show{opacity:1;visibility:visible}
.desk-bnr{display:block}
.mob-bnr{display:none}
.outer{margin:0 auto;max-width:800px}
#thumbs .item{background:#c9c9c9;height:70px;line-height:70px;padding:0;margin:2px;color:#fff;border-radius:3px;text-align:center;cursor:pointer}
#thumbs .item h1{font-size:18px}
#thumbs .current .item{background:#ff5722}
.owl-theme .owl-nav [class*="owl-"]{-webkit-transition:all .3s ease;transition:all .3s ease}
.owl-theme .owl-nav [class*="owl-"].disabled:hover{background-color:#d6d6d6}
#big.owl-theme{position:relative}
#thumbs.owl-theme .owl-next,#thumbs.owl-theme .owl-prev{background:#333}
#pill-tabpanel-1 .desk, .mediaevent .desk{display:block}
#pill-tabpanel-1 .mob, .mediaevent .mob{display:none}
.myslider{margin-top:90px}
.myslider .owl-dots{position:absolute;top:-70px;margin:10px auto 0;width:100%}
.myslider .owl-dot button{background:transparent;border:none;padding:0 5px}
.myslider .owl-dot img{display:block;margin:0 auto 2px}
.myslider .owl-dot .blue{display:none}
.myslider .owl-dot.active .blue{display:block}
.myslider .owl-dot.active .grey{display:none}
.myslider .owl-dot.active button{color:#009edb;font-weight:600;font-size:16px}
.aboutabs .sliderdiv{position:relative}
.aboutabs .sliderdiv .line{position:absolute;top:-50px}
.newbox button{ background:transparent; border:none; text-align:left; }
#pill-tabpanel-1 .content .subhead span{ font-size:18px; color:#333333; }
.fadeanime {
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#pill-tabpanel-new02 .imgz{position: relative;}
#pill-tabpanel-new02 .imgz .playicon{position: absolute;width: 60px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#pill-tabpanel-new02 img{border-radius: 15px;margin-bottom: 10px;}
#pill-tabpanel-new02 button{padding: 0;}
#pill-tabpanel-new02 .newbox{padding: 20px 20px 15px;margin-bottom: 20px;}
#pill-tabpanel-new02 .newbox h4{min-height: auto;}


@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    #pill-tabpanel-new02 .newbox{min-height: 335px;}
}

@media (min-width: 1280px){
    .desk-bnr{width: 100%;}
}

@media (max-width: 1200px) and (min-width: 990px){
    #mediacarousel{max-width: 580px;}
    #mediacarousel .owl-thumbs{width: 300px;left: -350px;height: 440px;}
    #mediacarousel .owl-thumbs .owl-thumb-item{height: 115px;}
}

@media (max-width: 990px) and (min-width: 767px){
    .about-nav li{width: 200px;}
    .topbanner .grey{padding: 65px 20px 10px;}
    #bnrquote h4{margin-bottom: 15px;}
    .newbox{min-height: 200px;}
    ul.navbar-nav li{margin: auto 5px;}
    ul.navbar-nav a{font-size: 14px;}
    ul.navbar-nav a.contact{width: 130px;}
    ul.navbar-nav a.contact span{padding: 2px 7px;}
}
@media(max-width: 990px) {
#bnrquote h4{font-size:18px;margin-bottom: 0;}
#bnrquote .owl-dots{margin-top:5px}
.quoteicon{width:50px;margin-top:-20px}
#pill-tabpanel-1 .desk, .mediaevent .desk{display:none}
.mediaevent .mob, #pill-tabpanel-1 .mob{display:block}
#thumbs .item{height: auto;}
#big .owl-prev, #big .owl-next{width: 45px;height: 45px;}
.aboutabs .sliderdiv .line{width: 100%;}
.aboutabs .tab-pane .tabimg{border-radius:10px;margin-bottom:20px}
}
@media(max-width: 768px) {
ul.navbar-nav{padding:10px 0}
ul.navbar-nav a{text-align:left;padding-bottom:15px}
ul.navbar-nav a.contact{padding-bottom:9px}
ul.navbar-nav a.contact span{padding:3px 10px}
.inNews,.contactme,.aboutme{padding:40px 0}
.inNews .nav-pills li{width:150px}
.inNews .nav-pills li a{font-size:16px}
.newbox h4{font-size:15px}
.newbox p{font-size:13px}
.newbox p span{font-size:12px}
.newbox{margin-bottom:15px;min-height:160px}
.inNews .dropdown{top:50px}
h2.title{font-size:28px}
.inNews h2.title,.contactme .title{margin-bottom:0;padding-top:0}
.contactbx{width:100%;padding:20px}
.contactbx h4{margin:10px auto;font-size:16px}
.contactbx h2{padding:10px;font-size:16px;margin:0 auto 40px}
.contactbx h2 span{font-size:20px;vertical-align:initial}
.contactbx .iconz img{width:30px;margin:0 2px}
.about-nav li{width:150px}
.topbanner .grey{padding:50px 20px 10px}
.about-nav li a{font-size:16px}
.aboutabs .content{width:95%;margin:0 auto 20px}
#pill-tabpanel-1 .content{height:300px}
#pill-tabpanel-1 .content .subhead{font-size:18px;margin-bottom:5px}
#pill-tabpanel-1 ul.nav{flex-wrap:wrap;margin-bottom:0}
.timelines li{width:24%;margin-right:1%}
#pill-tabpanel-1 ul.nav p{font-size:9.2px}
#mediacarousel .owl-thumbs{position:static;width:100%;overflow:auto;white-space:nowrap;height:auto}
#mediacarousel .owl-thumbs .owl-thumb-item{display:inline-block;width:100px;height:auto;margin-bottom:10px}
.mediaevent .title{margin-bottom:20px}
.owl-thumbs .owl-thumb-item{opacity:.5}
.owl-thumbs .owl-thumb-item.active{opacity:1}
.owl-thumbs{margin-top:20px}
.mediaevent{padding:40px 0 60px}
#bnrquote .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 4px}
#pill-tabpanel-1 .content .subhead span{font-size: 14px;display: block;margin-bottom: 10px;}
#pill-tabpanel-new02 .newbox{padding: 15px;}
}


@media(max-width: 580px) {
.desk-bnr{display:none}
.mob-bnr{display:block}
h2.title{font-size:22px}
.mediaevent .title{width:200px;margin:0 auto 20px}
.topbanner .mob-bnr{width:100%}
#bnrquote h4{font-size:15px}
#pill-tabpanel-new02 .newbox h4{min-height: 35px;}
}