.header-width{
   width: 90%;
   margin: auto;
}
.header-action ul .login-btn a {
    color: #fff;
    background-color: #3B82F6 ;
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
nav.template-main-menu > ul > li > a {
    /*font-size: 20px;
    font-weight: 600;
    line-height: 1;*/
    display: block;
    color: #161D25;
    padding: 35px 14px;
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;

}
.mobile-menu-wrapper nav.template-main-menu {
    background-color: #3B82F6 ;
}

.rt-sticky nav.template-main-menu > ul > li > a {
    padding: 35px 14px;
    font-family: Proxima Nova;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
}
nav.template-main-menu > ul > li > a:hover {
    color: #3B82F6 ;
}

.active{
    /*text-decoration: underline;*/
    font-weight: 700 !important;
    color: #3B82F6  !important;
}

.menu-layout1 {
    background-color: #fff;
}

.hero-banner {
    /*margin-top: -115px;
    padding: 115px 0 0px;*/
    min-height: calc(100vh - 180px);
    background-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    z-index: 5;
}

a {
   color: #fff;
}
.mt-100 {
	margin-top: 100px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}

.bg-com {
	background: #3B82F6 ;
}

.main-footer {
    padding: 40px 0 25px;
}

/*.footer-box .footer-link ul li a {
    color: #1f1e1e;
}*/

.main-footer {
    background-color: #3B82F6 ;
}

.category-box{
	background: #d4e1e1;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    margin-bottom: 50px;
    box-shadow: 0px 3px #50bfbf;
    min-height: 20em;
    transition: all 0.5s ease-out 0s;

}
.category-box img{
	border-radius: 50%;
    margin-top: -115px;
    margin-bottom: 20px;
    background: #D9D9D9;
}
.category-box ul{
    margin: 50px 50px 0px;
    text-align: left;
}
.category-box li{
    color: #7f8080; 
    list-style-type: disc;
    font-weight: 500;
}
.category-box:hover {
    transform: translateY(-15px);
}

.box-design{
    background: linear-gradient(360deg, rgba(39, 249, 223, 0.48) 0%, #4ABDBD 100%);
    padding: 50px 20px;
    margin-bottom: 20px;
    border-bottom-left-radius: 20%;
    border-top-right-radius: 20%;
    min-height: 15rem;
}

.box-design1{
    background: linear-gradient(360deg, rgba(39, 249, 223, 0.48) 0%, #4ABDBD 100%);
    padding: 50px 20px;
    margin-bottom: 20px;
    border-bottom-right-radius: 20%;
    border-top-left-radius: 20%;
    min-height: 15rem;
}

.box-design p{
	padding-top: 30px;
	font-size: 20px;
}
.box-design1 p{
	padding-top: 30px;
	font-size: 20px;
}
.input-box {
    width: 100%;
    background-color: #e7e7e7;
    padding: 15px;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 28px;
}
.input-box:focus-visible {
    border: 3px solid #7A96EA;
    outline: -webkit-focus-ring-color 1px;
}
.hit-me-button{
    margin-left: 50px;
    padding: 15px 40px;
    border: 0;
    background: #7a96ea;
    color: #fff;
    font-size: 28px;
    border-radius: 10px;
}
.hit-me-button:hover{
    background: #3831d9;
}

.hero-content h1{
    font-size: 52px;
    line-height: 60px;
}

.banner-button {
    padding: 10px 15px;
    border: 0;
    background: #1aacac;
    color: #fff;
    font-size: 22px;
    border-radius: 10px;
}
.banner-button:hover {
    background-color: #3641de;
} 
.institutes ul{
    list-style: disc; 
    font-weight: 500; 
    font-size: 32px;
}
.institutes li{
   padding-bottom: 80px;
}
.platform h1{
    color: #3f65d1;
    font-size: 52px;
}

.story{
    text-align: right;
}
.about-category-box {
    background: linear-gradient(180deg, rgba(28, 27, 250, 0.95) 0%, rgba(6, 248, 218, 0.51) 100%);
    border-radius: 20px;
    padding: 40px 30px 10px;
    margin-bottom: 50px;
    min-height: 15em;
    transition: all 0.5s ease-out 0s;
}
.about-category-box:hover {
    transform: translateY(-15px);
}
.about-category-box img {
    margin-bottom: 20px;
    margin-left: 58%;
}
.about-category-box h5 {
    font-weight: 800;
}
.team-box{
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px 4px;
    line-height: 16px;
    margin-bottom: 40px;
}
.team-box img{
    border-radius: 50%;
}
.team-box p{
    padding-top: 10px;
    font-size: 18px;
    font-weight: 600;
}
.team-box span{
    font-size: 13px;
    padding-top: 30px;
    color: #727278;
    font-weight: 500;
}
.team-box-mt{
    margin-top: 50%;
}
.team-box:hover{
    background: #6689f4;
}
.team-box:hover span{
    color: #fff;
}

.advisor-box{
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px 5px;
    line-height: 16px;
    margin-bottom: 40px;
}
.advisor-box p{
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
}
.advisor-box span{
    font-size: 12px;
    padding-top: 30px;
    color: #727278;
    font-weight: 500;
    line-height: 5px;
}
.advisor-box:hover{
    background: #6689f4;
}
.advisor-box:hover span{
    color: #fff;
}

.news-img {
    border-radius: 10px;
    transition: all 0.5s ease-out 0s;
}
.news-img:hover {
    transform: translateY(-10px);
}

.news-link {
    padding: 15px 0;
    color: #727278;
}
.news-link a{
    color: #727278;
    width: 60%;
}
.news-link a:hover{
    color: #5cc3c3;
}

.contact-us{
   background: linear-gradient(180deg, #8B86F6 0%, #70E6EC 100%);border-radius: 10px;
}
.contact-us label{
   color: #fff;
   font-weight: 500; 
}
.contact-us a{
   color: #000; 
}

.contact-us h1{
   color: #fff; 
   padding-left: 75px;
   font-size: 65px;
   line-height: 70px;
}
.contact-us .submit-btn{
   color: #000; 
   background: #fff;
   font-weight: 500;
   font-size: 20px;
}
.contact-us .emailphone {
    padding: 20px 40px 60px;
}

.social-link a {
   padding: 5px 10px;
}

.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.owl-prev{
    font-size: 50px !important;
    position: absolute;
    top: 50%;
    left: 2%;
}
.owl-next{
    font-size: 50px !important;
    position: absolute;
    top: 50%;
    right: 2%;
}

.carousel2 .owl-prev{
    top: 60%;
    left: -1.5%;
}
.carousel2 .owl-next{
    top: 60%;
    right: -1.5%;
}


/*rotate brand logo start*/
@keyframes slide {
    from
    {
        transform:  translateX(0);
    }
    to 
    {
        transform:  translateX(-100%);
    }        
}
@keyframes reverse_slide {
    from
    {
        transform:  translateX(-100%);
    }
    to 
    {
        transform:  translateX(0);
    }        
}
.logos
{
    overflow: hidden;
    white-space: nowrap;
    /*padding:10PX 0;*/
}
.logos_slide_lr
{
    display: inline-block;
    animation: 15s slide infinite linear;
}
 .logos_slide_rl
{
    display: inline-block;
    animation: 15s reverse_slide infinite linear;
}
.rotate_logo_size
{
    /*height: 200px;*/
    width: 85px;
    margin-left: 10px;
    margin-right: 10px;
    object-fit: contain;
}
/*rotate brand logo end*/

.form-detail {
    background: #fff;
    margin: 0 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
    position: relative;
    top: 90px;
}
.form-detail p{
    padding: 50px 10px;
}
.border-lft {
    border-left: 4px solid #000;
    height: 0px;
    margin-top: 25px;
    padding-top: 25px !important;
}
.mb-150 {
    margin-bottom: 150px;
}

.pb-20{
    padding-bottom: 20px;
}
.visit-box{
    background: linear-gradient(45deg, #2a2a2a, #ffffff); 
    border-radius: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0px 4px 4px 0px #c4c4c4;
    transform: translate(0%, -305%);
}
.visit-box button{
    background: #000;
    margin-left: 85px;
    border-radius: 7px;
    border:0;
    padding: 5px 30px;
    font-size: 24px;
    box-shadow: 0px 4px 4px 0px #4c4949;
    font-weight: 600;
}
.visit-box button:hover{
    background: #fff;
    color: #000;
}
.img-trans{
    transform: translate(70%, -30%);
}
#mybutton {
    position: fixed;
    bottom: 35%;
    right: -159px;
    z-index: 99999999999;
    transform: rotate(-90deg);
    border-radius: 5px;
}
#mybutton1 {
    position: fixed;
    bottom: 15%;
    right: 2px;
    z-index: 99999999999;
}
#mybutton1 .btn-whatapp {
    color: #ffffff;
    /*z-index: 9999;*/
    background: #3B82F6 ;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    font-size: 32px;
    z-index: 9999;
    border-radius: 100%;
    margin:0px 0;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 6px 0 rgb( 32 33 36 / 20%);
    padding-right: 2px;
}


.btn-whatapp {
    color: #ffffff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 1px;
    padding: 10px;
    background: #3B82F6 ;
    box-shadow: none;
    border-radius: 5px;
}
#mybutton1 .btn-whatapp:hover{
    color: #ffffff;
    background: #3641de;
    box-shadow: none;
}
.btn-whatapp:hover{
    color: #ffffff;
    background: #3641de;
    box-shadow: none;
}

.scrollup.back-top {
    display: none;
}

.unforget {
   color:#3B82F6 ;
   padding-top:20px;
   font-family:Anton;
   font-size:36px;
   font-weight:400;
   line-height:54px;
   letter-spacing:2px;
}
.happy {
    font-family: Poppins;
    font-size:36px;
    font-weight:400;
    line-height:54px;
    letter-spacing:0em;
    /*padding-left: 6.5%;*/
    margin-left: -5%;
}
.happy img {
    padding: 0 5px 0 65px;
}
.start-button {
    background:#3B82F6 ;
    padding:10px;
    border-radius:10px;
    border:0;
    margin-top:25px;
    font-family:Proxima Nova;
    font-size:36px;
    font-weight:400;
    line-height:36px;
    letter-spacing:0px;
    box-shadow: 0px 5px 5px 1px #3B82F6 33;

}
.start-button:hover{
    background-color: #3641de;
}
.heading-title {
    color: #3B82F6 ;
    font-family: Anton;
    font-size: 36px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 1px;
    padding-bottom: 15px;
}
.audience {
    color: #fff;
    font-family: Open Sans;
    font-size: 36px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 1px;
}
.audience-block {
    background: #3B82F6 ;
    padding: 70px 0;
    height: 155px;
}
.pd-l-70 {
    padding-left: 70px;
}
.do-people {
    color: #3B82F6 ;
    font-family: Anton;
    font-size: 39px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: 1px;
}
.do-list {
    list-style-image: url("../../media/images/disc.png");
    font-family: Poppins;
    font-size: 27px;
    font-weight: 500;
    line-height: 40.50px;
    letter-spacing: 0px;
    padding-left: 30px;
}
.do-list li {
    padding: 5px 10px 30px;
}
.yb-abt {
    border:1px solid #3B82F6 ;
    padding:1px;
    margin-bottom: 15px;
}
.yb-abt h4{
    color:#3B82F6 ;
    font-family:Antonio;
    font-size:24px;
    font-weight:400;
    line-height:31px;
    letter-spacing:1px;
}
.yb-abt h3 {
    color:#3B82F6 ;
    font-family:Anton;
    font-size:28px;
    font-weight:400;
    line-height:48px;
    letter-spacing:1px;
}
.yb-abt p {
    font-family:Poppins;
    font-size:24px;
    font-weight:400;
    line-height:33px;
    letter-spacing:0px;
}
.yb-abt ul {
    list-style-type: disc;
    text-align: left;
    padding-left: 20px;
}
.yb-abt li {
    font-family:Poppins;
    font-size:24px;
    font-weight:400;
    line-height:33px;
    letter-spacing:0px;
}
.world-css {
    color:#3B82F6 ;
    font-family:Anton;
    font-size:40px;
    font-weight:400;
    line-height:53px;
    letter-spacing: 3px;
}
.world-box {
    background: #01BF81;
    width: 210px;
    padding: 5px 0;
    margin-bottom: 10px;
    border-radius: 4px;
}
.world-box h3 {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0px;
    color: #273B60;
}
.world-box .box-font{
    font-family: Montserrat;
    font-weight: 700;
}
.world-box p {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    color: #273B60;
}
.background-img{
    background: url("../../media/images/univercity.png");
    height:1000px;
    background-size:cover;
    background-repeat:no-repeat;
}
.customer-heading {
    color:#049868;
    font-family:Poppins;
    font-size:28px;
    font-weight:600;
    line-height:38px;
    letter-spacing:0px;
}
.award-list {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0px;
    color: #04B078;
}

.pd-b-40 {
    padding-bottom: 40px;
}
.blog-title {
    font-family: Anton;
    font-size: 32px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 1px;
    text-align: left;
    color: #FFFFFF;
    transform: translate(18px, -80px);
}
.form-heading {
    color:#3B82F6 ;padding-left:30px;
    font-family: Proxima Nova;
    font-size: 33px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
}
.testi-box {
    background: #F2F2EA;
    /*box-shadow: 0px 4px 4px 0px #00000040;*/
    padding: 50px 20px 20px;
    height: 308px;border-radius: 6px;
}
.testi-box h3 {
    font-family: Inter;font-size: 32px;font-weight: 700;line-height: 39px;letter-spacing: 0px;color: #3B82F6 ;
}
.testi-box h5 {
    font-family: Inter;font-size: 16px;font-weight: 500;line-height: 19px;letter-spacing: 0px;color : #5F5F5F;
}
.testi-box p{
    font-family: Poppins;font-size: 12px;font-weight: 400;line-height: 17px;letter-spacing: 0em;text-align: justified;color: #5A5A5A;
}
.testi-bg {
   background:url("../../media/images/back3.png");
}
.testi-height {
    height:500px;
}
.testi-name{
    font-size: 26px;;
}
.blog-2 .blog-title{
  font-size: 23px;
  line-height: 29px;
}
.logo-font p {
    font-family: PT Serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 20px;
    padding-left: 7px;
}
.logo-block {
   display: flex;
}

.slick-dots {
    position: absolute;
    bottom: 15px;
    left: 47%;
}
.slick-dots li.slick-active button {
    background-color: #3B82F6 ;
}

label{
    color: #3B82F6 ;
    font-weight: 600;
}
input[type=submit] {
    width: 100%;
    text-align: center;
    border-color: #3B82F6  !important;
    color: #FFFFFF;
    font-weight: 600;
    background: #fff;
    border-radius: 5px;
    border-width: 1px; 
}
.form-control {
    border-color: #3B82F6  !important;
}

.youtube {
    width:700px;
    height:376px;
    margin:auto;
}
.yt-video iframe{
    width:700px;
    height:376px;   
}

.news-after-text a{
    color: #3B82F6 ;
}

.join-now-btn {
    color: #3B82F6 ;
    background-color: #fff;
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 1px #E5E5E57D;
    margin-left: 25px;
}
.join-now-btn:hover {
    color: #3641de;
}
.why-choose-us {
    padding: 40px 0 0px;
}

/* blog css */
    
.blog-heading {
    color: #3B82F6 ;
    font-family: Anton;
    font-size: 36px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 2px;
    padding-top: 20px;
}
.contant {
    padding: 30px 0;
}
.contant h1 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 1px;
    text-align: left;
}
.contant h2 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 1px;
    text-align: left;
}
.contant p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    color : #434141;
}
.contant b {
    color : #000000;
}
.block1 {
    background: #e5e7e7;width: 300px;transform: translate(120px, 140px);z-index: 9;
}
.block2 {
    background: #e5e7e8;width: 230px;transform: translate(382px, 53px);z-index: 9;height: 100px;
}
.block3 {
    background: #dfe2e2;width: 285px;transform: translate(580px, 140px);z-index: 9;height: 100px;
}
.block4 {
    background: #dee1e2;width: 270px;transform: translate(155px, -255px);z-index: 9;
}
.block5 {
    background: #dadde0;width: 295px;transform: translate(895px, -190px);z-index: 9;
}

.smile-img1{
    margin-top:60px;margin-left:50px;
}
.smile-img2{
    margin-top:60px;
}
.smile-img3{
    margin-bottom:60px;margin-left:50px;
}
.smile-img4{
    margin-bottom:60px;
}
.logo-mit{
    font-size: 18px !important;
}
.logo-lbsn{
    font-size: 20px !important;
}
.img1 {
    width: 17%;
}
.img2{
    width: 35%;
}
.img3{
    width: 26%;
}
.img4 {
    width: 15.5%;
}
.img5 {
    width: 16%;
}
.img6 {
    width: 17%;
}
.img7 {
    width: 24%;
}

.position-relative img {
    filter: drop-shadow(0px 10000px 0 #2e2e2e);
    transform: translateY(-10000px);
}

@media (min-width: 1100px) and (max-width: 1300px){
    .container {
        max-width: 1060px;
    }
}

@media (min-width: 992px) and (max-width: 1299px){
    body {
        font-size: 16px;
        line-height: 24px
    }
    .header-menu {
        height: 75px;
    }
    nav.template-main-menu > ul > li > a {
        padding: 35px 9px;
        font-size: 11px;
    }
    .rt-sticky nav.template-main-menu > ul > li > a {
        padding: 35px 9px;
        font-size: 11px;
    }
    .header-action ul .login-btn a {
        font-size: 12px;
        padding: 5px 15px;
    }
    #mybutton {
        right: -129px;
    }
    .btn-whatapp {
        font-size: 18px;
        line-height: 20px;
    }
    .happy {
        font-size: 24px;
    }
    .unforget {
        font-size: 30px;
        line-height: 40px;
    }
    .start-button {
        font-size: 26px;
        padding: 5px 10px;
    }
    .audience {
        font-size: 28px;
    }
    .do-people {
        font-size: 28px;
    }
    .do-list li {
        padding: 5px 10px 10px;
    }
    .do-list {
        font-size: 20px;
        line-height: 40px;
    }
    .mt-70 {
        margin-top: 35px;
    }
    .do-people {
        font-size: 24px;
        line-height: 40px;
    }
    .yb-abt h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .yb-abt h3 {
        font-size: 26px;
        line-height: 40px;
    }
    .yb-abt li {
        font-size: 16px;
        line-height: 28px;
    }
    .background-img {
        height: 740px;
    }
    .world-css {
        font-size: 32px;
        line-height: 46px;
    }
    .world-box h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .world-box p {
        font-size: 14px;
        line-height: 10px;
    }
    .world-box {
        width: 185px;
    }
    .heading-title {
        font-size: 30px;
        line-height: 36px;
    }
    .section .section-heading {
        margin-bottom: 20px;
    }
    .section {
        padding: 60px 0 0px;
    }
    .logo-font p {
        font-size: 17px;
    }
    .customer-heading {
        font-size: 24px;
        line-height: 20px;
    }
    .award-list {
        font-size: 22px;
        line-height: 40px;
    }
    .testi-bg {
        background-size: contain;
        background-repeat: no-repeat;
        padding: 25px 0 50px;
    }
    .testi-box {
        padding: 30px 20px 20px;
        height: 350px;
    }
    .testi-box h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .testi-box h5 {
        font-size: 12px;
    }
    .testi-box p {
        font-size: 10px;
    }
    .testi-name{
        font-size: 18px !important;
    }
    .blog-title {
        font-size: 24px;
    }
    .blog-2 .blog-title {
        font-size: 18px;
    }
    h1 {
        font-size: 32px;
        line-height: 40px;
    }
    h2 {
        font-size: 28px;
        line-height: 36px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 19px;
    }
    .col-6{
        padding-right: 5px;
        padding-left: 5px;
    }
    .team-box p {
        font-size: 15px;
    }
    .team-box span {
        font-size: 12px;
    }
    .advisor-box p {
        font-size: 14px;
    }
    .advisor-box span {
        font-size: 10px;
    }
    .form-detail p {
        padding: 35px 4px;
    }
    .border-lft {
        border-left: 3px solid #5cc3c3;
        padding-top: 15px !important;
    }
    .mb-150 {
        margin-bottom: 125px;
    }
    .img1 {
        width: 17%;
    }
    .img2{
        width: 35%;
    }
    .img3{
        width: 26%;
    }
    .img4 {
        width: 15.5%;
    }
    .img5 {
        width: 16%;
    }
    .img6 {
        width: 17%;
    }
    .img7 {
        width: 24%;
    }
    .blogs .heading-title{
        font-size: 30px;
        line-height: 36px;
    }
    .blogs h1 {
        font-size: 72px;
        line-height: 88px;
    }
    .blog-hdg h1 {
        font-size: 24px;
        line-height: 40px;
    }
    .blog-list h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .blog-list p {
        font-size: 20px;
        line-height: 26px;
    }
    .blog-list button {
        font-size: 20px;
        line-height: 20px;
        padding: 8px 15px;
        margin-top: 15px;
    }
    .contant h1 {
        font-size: 30px;
        line-height: 42px;
    }
    .contant p {
        font-size: 16px;
        line-height: 24px;
    }
    .form-group input {
        height: 40px;
    }
    .contact-us h1 {
        font-size: 42px;
        line-height: 52px;
    }
    .tab-content {
        padding: 150px 75px !important;
    }
    .youtube {
        height: 350px;
    }
    label {
        font-size: 20px !important;
    }
    .block1 {
        width: 250px;
        transform: translate(35px, 140px);
    }
    .block2 {
        transform: translate(220px, 0px);
        height: 75px;
    }
    .block3 {
        width: 215px;
        transform: translate(380px, 150px);
        height: 85px;
    }
    .block4 {
        transform: translate(108px, -75px);
    }
    .block5 {
        width: 260px;
        transform: translate(525px, -75px);
    }
    .smile-img1{
        margin-top:20px;
        margin-left:0px;
    }
    .smile-img2{
        margin-top:20px;
    }
    .smile-img3{
        margin-bottom:20px;
        margin-left:0px;
    }
    .smile-img4{
        margin-bottom:20px;
    }
    .logo-mit{
        font-size: 12px !important;
    }
    .logo-lbsn{
        font-size: 13px !important;
    }
}

@media (min-width: 1199px) and (max-width: 1250px){
    nav.template-main-menu > ul > li > a {
        font-size: 13px !important;
    }
    .rt-sticky nav.template-main-menu > ul > li > a {
        font-size: 13px !important;
    }
    .block1 {
        transform: translate(85px, 140px);
    }
    .block2 {
        transform: translate(280px, 20px);
    }
    .block3 {
        transform: translate(515px, 150px);
    }
    .block4 {
        transform: translate(180px, -75px);
    }
    .block5 {
        transform: translate(650px, -90px);
    }

    .testi-box h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .testi-box h5 {
        font-size: 14px;
    }
    .testi-box p {
        font-size: 11px;
    }
    .testi-name{
        font-size: 21px !important;
    }
    .logo-mit{
        font-size: 13px !important;
    }
    .logo-lbsn{
        font-size: 16px !important;
    }
    .do-list {
        font-size: 22px !important;
        line-height: 46px !important;
    }
}

@media (min-width: 767px) and (max-width: 992px){
    .hero-banner {
        margin-top: -120px;
        min-height: calc(65vh - 180px);
    }
    .active {
        color: #362fd9 !important;
    }
    .audience-block {
        padding: 40px 0;
        height: 120px;
    }
    .audience {
        font-size: 28px;
        line-height: 36px;
    }
    .background-img {
        height: auto;
        background-size: contain;
        margin-top: 85px;
    }
    .p-mob {
        padding: 10px !important;
    }
    .world-css {
        margin-top: -20%;
    }
    .background-img .start-button {
        margin: 57% auto 0;
    }
    .column-box {
        columns: 4;
        margin-top: 20px;
    }
    .world-box {
        width: 175px;
        height: 100px;
    }
    .blogs {
        column-count: 2;
    }
   .blog-title {
        font-size: 23px;
        line-height: 32px;
        transform: translate(7px, -75px);
    }
    .blog-2 .blog-title {
        /*font-size: 18px;
        line-height: 38px;*/
    }
    .blog-1 {
        margin-right: -10px;
    }
    .blog-2 {
        margin-top: -10px !important;
        margin-right: -10px;
    }
    .blog-3 {
        margin-top: -50px;
    }
    .blogs img {
        width: 96%;
        filter: contrast(80%) brightness(70%);
    }
    .row.gutters-20 {
        padding-left: 40px;
    }
    .mview {
        display: block !important;
    }
    .dview {
        display: none;
    }
    .why-choose-us {
        padding: 50px 0 0px;
    }
    .yb-abt {
        margin: 15px 40px;
    }
    .yb-abt img {
        width: 100%;
    } 
    .testi-height {
        height: 350px;
    } 
    .testi-bg {
        background: url(../../media/images/testimionual-2.png);
        background-size: cover;
        margin-top: 0px;
    }
    .testi-box {
        padding: 20px 10px 10px;
        height: auto;
    }   
    .client-pad {
        padding-top: 35% !important; 
    }  
    .customer-logo img {
        margin-bottom: 25px;
    } 
    .header-action ul .login-btn a {
        padding: 5px 15px;
    }

    .slick-dots {
        bottom: 10px;
        left: 42%;
    }
    .offset-2 {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px){
    .unforget{
        font-size: 24px;
        line-height:36px;
    }
    .happy {
        font-size:24px;
        line-height:48px;
        padding-left: 0;
        margin-left: 0;
    }
    .happy img{
        padding: 0 5px 0 20px;
    }
    .start-button {
        margin-top: 10px;
        font-size: 20px;
       line-height: 28px;
    }
    .heading-title {
        font-size: 28px;
        line-height: 30px;
    }
    .why-choose-us {
        padding: 30px 0 0px;
    }
    .audience {
        font-size: 20px;
        line-height: 32px;
    }
    .audience-block {
        padding: 40px 0;
        height: 150px;
    }
    .pd-l-70 {
        padding-left: 20px;
    }
    .do-people {
        font-size: 28px;
        line-height: 42px;
    }
    .mt-70 {
        margin-top: 35px;
    }
    .do-list {
        list-style-image: url("../../media/images/mdisc.png");
        font-size: 18px;
        line-height: 28px;
    }
    .do-list li {
        padding: 5px 10px 10px 0;
    }
    .yb-abt h4 {
        font-size: 20px;
        line-height: 20px;
    }
    .yb-abt p {
        font-size: 18px;
        line-height: 28px;
        margin-top: -1%;
    }
    .background-img{
        height: auto;
        background-size: contain;
        margin-top: 85px;
    }
    .world-css {
        font-size: 28px;
        line-height: 35px;
        margin-top: -40%;
    }
    .column-box {
        columns: 2;
        margin-top: 30px;
    }
    .world-box {
        width: 170px;
        height: 90px
    }
    .world-box h3 {
        font-size: 24px;        
        line-height: 36px;
    }

    .background-img .start-button {
        margin-top: 65%;
    }
    .customer-heading {
        font-size:20px;line-height:28px;
    }
    .award-list {
        font-size: 22px;
        line-height: 30px;
    }
    .pd-b-40 {
        padding-bottom: 10px;
    }
    .blog-title {
        font-size: 14px !important;
       line-height: 18px !important;
       transform: translate(7px, -55px);
       max-width: 155px;
    }
    .blogs img {
        width: 95%;
        filter: contrast(80%) brightness(70%);
    }
    .form-heading {
        padding-left: 0px;
        font-size: 30px;
        line-height: 36px;
    }
    .testi-bg {
       background: url("../../media/images/testimionual-2.png");
    }
    .testi-box h3 {
        font-size: 28px;line-height: 32px;
    }
    .testi-height {
        height: 300px;
    }
    .testi-2 {
       margin-top: -70px;
    }
    .testi-box {
        padding: 20px 10px 10px;
        height: auto;
    }
    .blogs {
        column-count: 2;
    }
    .blog-3{
        margin-top: -31%;
    }
    .blog-2 {
        margin-top: -40px !important;
        margin-right: -10px;
    }
    .blog-1 {
        margin-right: -10px;
        margin-top: 15px;
    }
    .customer-logo img {
        margin-bottom: 0px;
    }
    .header-action ul .login-btn a {
        padding: 5px 15px;
    }
    .header-action ul .login-btn a {
        font-size: 14px;
    }

    .slick-dots {
        bottom: 5px;
        left: 42%;
    }

    .youtube {
        width:100%;
        height:192px;
    }
    .yt-video iframe{
        width:100%;
        height:192px;   
    }

    .owl-prev {
        top: 35%;
        left: 5%;
    }
    .owl-next {
        top: 35%;
        right: 5%;
    }
    
    .carousel2 .owl-prev{
       display: none;
    }
    .carousel2 .owl-next{
       display: none;
    }

    .world-box .box-font{
        font-weight: 600;
        font-size: 15px;
    }

    .mlogo p {
        white-space: nowrap;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }
    .yb-abt li {
        font-size: 18px;
    }
}

@media (min-width: 992px){
 .footer-box {
    padding-left: 100px;
 }
 .inst-padd{
    padding-left: 50px;
 }
}

@media screen and (max-width: 767px){
    body {
        font-size: 16px;
    }
    .header-width{
       width: 100%;
    }
    .mt-100 {
        margin-top: 40px;
    }
    .mb-50 {
        margin-bottom: 5px;
    }
    .mt-40 {
        /*margin-top: 0px;*/
    }
    .m-mob {
        margin: 0px !important;
    }
    .p-mob{
       padding: 10px !important;  
    }

    .hero-content h1 {
        font-size: 24px;
       line-height: 10px;
    }
    .hero-content a {
      position: relative;
      left: 25%;  
    }
    .banner-button {
        padding: 3px 10px;
        font-size: 18px;
        border-radius: 5px; 
        position: relative;
        left: 20%;
    }
    .institutes ul {
        font-size: 22px;
        padding-left: 20px;
    }
    .institutes li {
        padding-bottom: 20px;
    }
    .rotate_logo_size {
        width: 70px;
    }
    .box-design {
        padding: 20px 10px;
        min-height: 10rem;
    }
    .box-design1 {
        padding: 20px 10px;
        min-height: 10rem;
    }
    .platform h1{
        font-size: 30px;
    }
    .input-box {
        width: 100%;
        padding: 5px 10px;
        font-size: 18px;
    }
    .hit-me-button {
        margin-left: 75px;
        margin-top: 10px;
        padding: 5px 20px;
        font-size: 20px;
    }
    .dview{
        display: none;
    }
    .mview{
       display: block !important;
    }

    .category-box {
        margin-bottom: 90px;
    }
    .category-box ul {
        margin: 20px 50px 0px;
    }

    .contact-us h1 {
        padding-left: 15px;
        font-size: 32px;
        line-height: 45px;
    }
    .contact-us form {
        padding-left: 20px;
    }
    .contact-us .emailphone {
        padding: 30px 10px 50px;
    }
    .form-group input {
        height: 35px;
    }

    h1 {
      line-height: 40px;
    }
    .news-after-text{
      padding: 5px 20px;
    }
    .about-category-box {
        margin-bottom: 0px;
    }

    .team-box-mt {
        margin-top: 0%;
    }
    .team-box {
        min-height: 205px;
    }
    .team-box p {
        font-size: 12px;
    }
    .team-box span {
        font-size: 12px;
    }
    .advisor-box {
        min-height: 225px;
    }
    .advisor-box p {
        font-size: 12px;
    }
    .advisor-box span {
        font-size: 12px;
    }
    .story{
        text-align: left;
    }

    .order1{
        -ms-flex-order:1;
        order:1;
    }
    .order0{
        -ms-flex-order:0;
        order:0;
    }

    .footer-box {
         margin-bottom: 0px; 
    }

    .form-detail p{
        padding: 5px 10px;
    }
    .border-lft {
        border-left: 0px solid #5cc3c3;
        height: unset;
        margin-top: 0;
        padding-top: 0px !important;
        text-align: left;
    }
    .mb-150 {
        margin-bottom: 75px;
    }

    .visit-box{
        display: inline;
        transform: translate(0%, -5%);
    }
    .visit-box button{
        margin-left: 0px;
        font-size: 24px;
    }
    .img-trans{
        transform: translate(3%, -5%);
    }
    #mybutton {
        bottom: 50% !important;
        right: -142px;
    }
    .btn-whatapp {
        font-size: 20px;
        line-height: 18px;
    }
    
    .hero-banner {
        margin-top: -40px;
        min-height: calc(75vh - 270px);
    }
    .sections .mt-70 {
        margin-top: 10px;
    }
    .connect-pada {
        padding: 0px;
    }

    .active {
        color: #3B82F6  !important;
    }
}

span.formerror {
    color: #f42a26;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}


@media only screen and (max-width: 767px) {
    
    .blog-heading {
        font-size: 24px;
        line-height: 36px;
    }   
   .contant h1 {
        font-size: 28px;
        line-height: 36px;
        padding: 0 10px;
    }
   .contant h2 {
        font-size: 20px;
        line-height: 32px;
        padding: 0 10px;
    }
    .contant p {
        font-size: 18px;
        line-height: 26px;
        padding: 0 10px;
    }
}

