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

body{ padding-top: 124px;font-family: 'Roboto', sans-serif; margin:0;font-size:14px;    color: #000000;line-height:1.8;background-image:url("../images/body-bg.jpg");background-size:cover;    background-position: center;}
img{max-width:100%}
.comn-gap .container{background-color:#ffffff}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 600;}
nav.navbar.scroll-up { background-color: rgba(255,255,255,1);    box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);    visibility: visible;
    animation-delay: 0.2s;animation-name: fadeInUp;-webkit-animation-duration: 1s;animation-duration: 0.5s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both; -webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
.navbar-nav .nav-link{     line-height: 1.2;   position: relative;font-size:18px;font-weight:400;color:#000000}
.navbar-brand{background-color:#ffffff}
nav.navbar li.nav-item {  margin-right: 50px;}
.top-black{background-color:#3c3c3c;color:#ffffff;border-bottom: 7px solid #fbf374;}
.top-black a{color:#ffffff;}
.fixed-top{     background: #ffffff;}
.navbar-nav .dropdown-toggle::after{width: 10px;top: 50%;background-repeat: no-repeat; background-position: right -3px center;position: absolute;
    height: 10px;border:0;background-image: url(../images/icon/arrow-bottom-icon.svg);transform:translateY(-50%)}
.banner .owl-carousel .owl-stage-outer{box-shadow: 1px 8px 4px 0px rgb(64 60 67 / 16%);}
.banner .owl-dots  button.owl-dot{  transition: 0.2s; background-color: #cccccc !important; width: 12px; height: 12px;
    margin: 0 5px;border-radius:50%}
.banner .owl-dots {margin-top: -24px;text-align: right;z-index: 1;position: relative;top: -15px;right: 48px;}	
.banner .owl-dots  button.owl-dot.active{background-color: #fcf18d !important;}

.heading{position: relative;    left: -45px;margin-bottom:40px;min-width:240px;text-align:center;font-size:30px;font-weight:300;color:#ffffff;background:#3b3a37;padding:10px ;border-radius:0 15px 15px 0;display:inline-block}


.team .heading,
.our-platform .heading{border-radius:15px 0 0 15px;position: relative;right: -45px;  left: auto;}
.background ul,
.our-patform-right ul{padding-left:20px;    margin-bottom: 0;}
.background ul li::marker,
.our-patform-right ul li::marker{font-size: 24px; line-height: 0;}
footer{background-image:url(../images/footer-bg.jpg);background-repeat:no-repeat;background-size:cover;color:#ffffff;padding:70px 0}
footer h2{color:#fbf374;font-size:20px;margin-bottom:15px}
footer ul li a{color:#ffffff;font-size:14px}
footer p{color:#ffffff;font-size:14px}
footer ul li a:hover{color:#e49f37}
footer ul {padding-left:0}
footer ul li {list-style-type:none;margin-bottom:5px}
footer .footer-logo {background-color:#ffffff;top: -100px;width: 132%; text-align: center;}
.copyright{background-color:#232221;color:#ffffff;font-size:14px;font-weight: 300;}
.fo-right p{font-size:14px}
.fo-right label{font-size: 18px;font-weight: 500;}
.our-patform-right{background-color:#fbdaa4;padding:64px 20px}
.comn-gap .container{padding-top:35px;padding-right: 45px; padding-left: 45px;}
section.about-us.comn-gap .heading{     margin-bottom: -31px;}
.team-box {
    border: 1px solid #3b3a37;
    text-align: center;
    padding:34px 15px;
}
.team-box h4{font-weight:500;font-size:16px;margin:16px 0 5px;min-height: 38px;}
.team-box p{font-size:14px;margin-bottom:0;}
.team-box p a{color:#f4291b;font-weight: 600;  font-style: italic;}
.img-box {
    text-align: center;
}
.team-box p, 
.team-box h4{padding-left:28px}
li.nav-item.active a{background: #f7b84f; border-radius: 4px;}

#yt-totop {
    position: fixed;
    right: 25px;
    color: #fff;
    line-height: 48px;
    width: 44px;
    height: 44px;
    z-index: 30;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    bottom: -80px;
    transition-duration: .5s;

}
.modal-body p{word-break:break-all}
.modal-backdrop.show { opacity: .7;}
.modal .modal-header{flex-direction: column;}
.modal .modal-header .modal-title{text-transform:uppercase}
.modal-header .close{position: absolute;right: 10px;top: 10px;}
.modal .modal-header p{margin-bottom:0}
.btn-default{background: #f7b84f;font-weight: 500;}
label{ font-weight: 500;}
.form-control{height: 47px;}


@media only screen and (min-width:768px) and (max-width:991px) {

}
@media only screen and (max-width:767px) {
    .heading{left: -15px;}
	.background .heading {
        margin-top: 25px ;
        top: 0;
    }
    .comn-gap .container {
        padding-top: 35px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .team .heading, .our-platform .heading {
        right: -15px;
    }
    section.about-us.comn-gap .heading {
        margin-bottom: 40px ;
    }
    .team-box{margin-bottom: 15px;}
    .team-box .text-left{text-align: center !important;}
    .navbar-brand img{    width: 170px ;}
    body{padding-top: 87px;background-image: none;}
    .navbar-collapse {
        position: absolute;
        top: 55px;
        left: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
        background-color: #fff!important;
        height: 100%;
        bottom: 0;
        right: 0;
        height: 100vh;
        padding-top: 30px;
        border-top:1px solid #cccccc;
    }
    .navbar-collapse.collapsing {
    height: auto !important;
    margin-left: 50%;
    left: 50%;
    transition: all 0.2s ease;
    }
    .navbar-collapse.show {
    left: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem ;
        padding-left: 0.5rem ;
    }
    button:focus{outline: none;}
    .background .membership-btn {
        position: fixed;
        right: 0;
        top: 209px;
        left: auto;
        bottom: auto;
        z-index: 1;
    }
	
}