*{padding: 0;margin: 0}

@font-face{font-family: myriadpro-regular;
src:url(../fonts/myriadpro-regular.otf);
}
@font-face{font-family: MyriadPro-Light;
src:url(../fonts/MyriadPro-Light.otf);
}
@font-face{font-family: myriadpro-boldit;
src:url(../fonts/myriadpro-boldit.otf);
}
@font-face{font-family: myriadpro-semibold;
src:url(../fonts/myriadpro-semibold.otf);
}
@font-face{font-family: HelveticaNeueHv;
src:url(../fonts/HelveticaNeueHv.ttf);
}
@font-face{font-family: HelveticaNeue-Light;
src:url(../fonts/HelveticaNeue-Light.ttf);
}
a,a:hover{color: inherit;text-decoration: none;}
body{font-family: myriadpro-regular}
h2{font-size: 1.875rem;}
h1{font-family: myriadpro-boldit}
h4{font-family: myriadpro-semibold}
.full-banner{background: url(../images/fulll-banner.webp) no-repeat;background-size: cover;background-position: center;height:834px;}
.full-banners{background:#000;}
.btn-primary{background: #36BCDD;border-color: #36BCDD}
.banner-small-title h2{font-family: myriadpro-boldit;color: #36BCDD}
form .form-row>.col, .form-row>[class*=col-]{    padding-right: 3px;
    padding-left: 3px;}
.form-control{height: 46px;}
.form-control::placeholder{color: #d9d9d9}
.form-group{margin-bottom: 0.6rem}
.about-desc h3{font-family: HelveticaNeueHv;color: #9c3213;font-size: 1.625rem}
.about-desc h5{font-family: HelveticaNeue-Light} 
.feacture h3{font-size: 1.625rem;font-family: myriadpro-semibold}
.about-dr{background: url(../images/about-banner.jpg) no-repeat; background-size: cover;}
.what-will-learn{background: url(../images/learn-banner.jpg) no-repeat; background-size: cover;}
.page-title.colored h3{color: #9c3213}
.banner-bototom{background: url(../images/baner-bttom.jpg) no-repeat; background-size: cover;height: 243px;}
.banner-bototom h2{font-family: myriadpro-regular}
footer{background: #36BCDD}
.social-icosn a{width: 27px;height: 27px;border-radius: 50%;background: #fff;color: #444444;display: flex;justify-content: center;align-items: center;font-size: 15px;transition: 0.5s all ease}
.social-icosn a:not(:last-child){margin-right: 0.6rem}
.social-icosn a.phone{background: #000;color: #fff;}
.whats--ap{background: #49C958;border-color: #49C958;}
.social-icosn a.whats-app{background: #49C958;color: #fff;2}

@media only screen and (min-width: 992px){
.about-desc h5{font-size: 1.4375rem;}	
h1{font-size: 3.125rem;}
.page-title h3{font-size: 2.1875rem}
.what-will-learn .row .col-md-4{padding: 0 13px;}
.banner-bototom h2{font-size: 2.1875rem}
footer p{font-size: 1.025rem}
.btn-primary{font-size: 1.3125rem;}
.btn-primary:hover{background: #9c3213;border-color: #9c3213}

}


@media only screen and (max-width: 767px){

h2 {font-size: 1.475rem;}
h1 {font-size: 2.1rem;    margin-top: 1rem;}
.about-desc h3, .feacture h3{    font-size: 1.525rem;	}
.what-will-learn .row .col-md-4:not(:last-child){margin-bottom: 2.2rem}
.social-icosn{justify-content: center !important;margin-top: 0.6rem}
footer{text-align: center;}

}

@media only screen and (min-width: 320px) and (max-width: 480px){
.head-button .btn-primary{    font-size: 0.9rem;}
.logo-button img{    max-width: 130px;}
.registre-for-webin + .row div[class*="col-"]:not(:last-child){margin-bottom: 1rem}
.baner-text-tile h2 span{display: inline !important;}
.registre-for-webin a:not(:last-child){margin-bottom: 1rem}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
.details-item{justify-content: center !important;}
.registre-for-webin + .row .col-lg-2{margin-top: 1rem}

}

@media only screen and (max-width: 991px){
.baner-text-tile{    margin-top: 1.5rem;}	
}

@media only screen and (min-width: 768px){
.what-will-learn .row .col-md-4:not(:nth-last-child(-n+2)){margin-bottom: 2.2rem}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.learn-item h5{    font-size: 1.05rem;}
h2 {font-size: 1.675rem;}
h1 {font-size: 2.3rem;}
footer p{font-size: 14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.details-item h4{    font-size: 1.4rem;}

}