* {
    margin: 0;
    padding: 0;
    user-select: none;
    box-sizing: border-box;}

@font-face{
    font-family:OpenSans-Regular;
    src:url(../fonts/OpenSans-Regular.eot);
    src:url(../fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/OpenSans-Regular.ttf) format('truetype'),
        url(../fonts/OpenSans-Regular.woff) format('woff'),
        url(../fonts/OpenSans-Regular.svg) format('svg');
    font-weight:normal;
}@font-face {
    font-family: OpenSans-Semibold;
    src: url(../fonts/OpenSans-Semibold.eot);
    src:  url(../fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),
          url(../fonts/OpenSans-Semibold.ttf) format('truetype'),
          url(../fonts/OpenSans-Semibold.woff) format('woff'),
          url(../fonts/OpenSans-Semibold.svg) format('svg');
    font-weight: normal;
}@font-face {
    font-family: OpenSans-Bold;
    src:  url(../fonts/OpenSans-Bold.eot);
    src:  url(../fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),
          url(../fonts/OpenSans-Bold.ttf) format('truetype'),
          url(../fonts/OpenSans-Bold.woff) format('woff'),
          url(../fonts/OpenSans-Bold.svg) format('svg');
    font-weight: normal;
}

.position-absolute{position:absolute;}
.position-relative{position:relative;}
.no-padding{padding:0;}
.no-margin{margin:0;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.padding-40{padding:40px;}
.padding-left-15{padding-left:15px;}
.padding-left-30{padding-left:30px;}
.padding-left-25{padding-left:25px;}
.padding-left-64{padding-left:64px;}
.padding-left-0 {padding-left:0;}
.padding-right-0 {padding-right:0;}
.padding-top-40{padding-top:40px;}
.padding-top-15{padding-top:15px;}
.padding-left-right{padding-left:90px; padding-right:90px;}
.padding-left-right-40{padding-left:40px; padding-right:40px;}
.padding-top-bottom-40{padding-top:40px; padding-bottom:40px;}
.padding-top-bottom-20{padding-top:20px; padding-bottom:20px;}
.padding-top-bottom-10{padding-top:10px; padding-bottom:10px;}
.padding-top-bottom-5{padding-top:5px; padding-bottom:5px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:25px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-55{margin-top:55px;}
.margin-top-minus-35{margin-top:-35px;}
.margin-right-10{margin-right:10px;}
.margin-right-25{margin-right:25px;}
.margin-right-35{margin-right:35px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-auto{margin:0 auto;}
.color-white{color: #ffffff;}
.color-red{color:#e02874;}
a {text-decoration: none;}
.font-18{font-size: 18px;}
.width-1920{max-width: 1920px; margin:0 auto;}

body {
    background-color: #ffffff;
    font-family:OpenSans-Regular;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}
.top-bar{background-color: #008a9e; color: #ffffff;padding:7px 0;font-size: 16px !important;font-family: OpenSans-Semibold;}
.top-bar a{color: #ffffff;}
.header{position: relative; z-index: 99;}
.header .otpt-logo{display: flex;}
.float-left{float: left;}
.navigation{background-color: #e7e7e7;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    margin: 0 .8rem;
    font-family: OpenSans-Semibold;
    text-transform: uppercase;
  }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color: #008a9e; border-bottom: 3px solid #008a9e; font-family: OpenSans-Semibold;  }
.navbar-light .navbar-nav a:hover{ color: #008a9e; border-bottom: 3px solid #008a9e;}
.navbar {   
    padding-top: .2rem;
    padding-bottom: .2rem;
  }
.banner{background-color: #008a9e;}
.banner .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * .0);
    margin-top: var(--bs-gutter-y);
  }
.body-bg{background-image: url(../images/bg.jpg);padding-bottom: 30px; padding-top: 30px;}
.welcome{background-color: #008a9e; padding:20px 15px;text-align: center;color: #ffffff; font-size: 30px; font-family: OpenSans-Semibold; margin-bottom: 30px;  line-height: 36px;margin-top: -30px;}
.heading{font-size: 30px; color: #008a9e; font-family: OpenSans-Bold;}
.sub-heading{font-size: 20px; color: #008a9e; font-family: OpenSans-Bold;}
.inner-page{padding: 40px 0;line-height:28px;}
.home-list ul {padding-left: 10px;}
.home-list ul li{list-style-type:none; background-image: url(../images/bullete.png); background-repeat: no-repeat; background-position: 0 12px; padding: 2px 0 2px 15px;}

.contact-home{background-color: #666666;padding:20px 0 20px 0;color: #ffffff;}
.contact-home h3{font-size: 18px;text-transform: uppercase;font-family: OpenSans-Semibold; }
.contact-home ul {padding: 10px 0 0 5px;}
.contact-home ul li{list-style-type:none; padding: 5px 30px 5px 0;display: inline;}
.contact-home a{color: #ffffff;padding: 5px 0;}
.contact-home a:hover {color: #2cc0ff;text-decoration: underline;}
.contact {border-left:2px solid #ffffff;padding-left:25px;}
footer{background-color: #2a2a2a; padding: 15px 0; color: #ffffff;}
.copyright{float: left;font-size: 14px;}
.ojaswi{float: right;font-size: 13px;}
footer a{color: #ffffff;}
footer a:hover {color: #2cc0ff !important;}
.inner-banner{background-color: #008a9e;font-size: 35px; color: #ffffff; text-align: left;padding: 40px 0;font-family: OpenSans-Semibold; }

hr{margin: 40px 0; color: #008a9e;}



/*Responsive*/
@media (min-width: 1200px) and (max-width: 1366px) {  
}

@media (min-width: 992px) and (max-width: 1199px){    
   
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact {margin-top:30px;} 
    .welcome{font-size: 30px; line-height: 36px;}

    
}

@media (min-width: 480px) and (max-width: 767px) {
.top-bar .float-start, .top-bar .float-end{float: none !important; text-align: center;} 
.contact {margin-top:30px;}
.header .text-end{text-align: center !important;}
.header .otpt-logo{margin:0 15% 3% 15%;}
.welcome{font-size: 30px; line-height: 36px;}
.copyright{float: none;font-size: 14px;text-align: center;}
.ojaswi{float: none;font-size: 13px;text-align: center;}
}

@media (min-width: 321px) and (max-width: 479px) {
.top-bar .float-start, .top-bar .float-end{float: none !important; text-align: center;} 
.contact {margin-top:30px;}
.header .text-end{text-align: center !important;}
.header .otpt-logo{margin:0 5% 3% 5%;}
.welcome{font-size: 25px; margin-bottom: 30px; line-height: 36px;}
.copyright{float: none;font-size: 14px;text-align: center;}
.ojaswi{float: none;font-size: 13px;text-align: center;}
}


@media only screen and (max-width: 320px) {
.top-bar .float-start, .top-bar .float-end{float: none !important; text-align: center;} 
.contact {margin-top:30px;}
.header .text-end{text-align: center !important;}
.header .otpt-logo{margin:0 15% 3% 15%;}
.welcome{font-size: 25px; margin-bottom: 30px; line-height: 36px;}
.copyright{float: none;font-size: 14px;text-align: center;}
.ojaswi{float: none;font-size: 13px;text-align: center;}
}