:root {--white: #fff; --y:#fadf2d; --red:#ed1c24; --bred:#c00209; --bgblue:#034ea2; --grey:#747474; --greyLight: #999999;}
.frm-field:focus,.frm4-field:focus,select:focus,input[type="password"]:focus,textarea:focus,input[type="text"]:focus{ outline:none}
button:focus{ outline:none;}
body{ font-weight:400;background: #fff; font-size:17px; color:#393a39; font-family:'ProximaNovaRegular'} 
figure{ margin: 0!important;}
p,li{ padding: 0;}
h2{ font-size: 43px; color: #174a41;}
h1,h2,h3,h4{font-family: 'ProximaNovaBold';}
.wrapper{ width:100%; float:left;position:relative;}
.effect,img{ -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.effect:hover,.cmp-bx:hover figure img{   transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);  -o-transform: scale(1.2);}
a{ transition: .5s;-webkit-transition: .5s;}
img{max-width:100%; height:auto; transition: .5s;-webkit-transition: .5s;}
._fl{ width:100%; float:left}
.sdw{box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-o-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-0-border-radius: 10px;    -moz-border-radius: 10px;    -webkit-border-radius: 10px;  border-radius: 10px;}
a:hover{ text-decoration:none}
figure {margin: 0;}
.header-info{width: 100%;float: left;position: fixed;top: 0px;padding:14px 0px; z-index:15;  transition: ease all 0.4s; }
.header-info.sticky{ background:#f5f5f5}
.sticky .logo img { width: 62px;}
.logo{float: left;width: auto;}
.logo img{ width:92px;}
.web_navigation{width: auto;float: right; transition:ease all 0.4s}
.web_navigation ul{ width:100%; float:left; list-style:none; padding:0px; margin:0px; }
.web_navigation ul li{ float:left; position:relative}
.web_navigation ul li a{    color: #111;
    font-size: 15px;
    display: inline-block;
    padding: 10px 10px;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;}
.web_navigation ul li.donation_btn a{  background: #00923f; color: #fff; border-radius: 30px; padding: 10px 20px;}
.web_navigation ul li a:hover,.web_navigation ul li.active >a{ color:var(--y);   }
.web_navigation ul li ul{position: absolute;
    left: 0;
    width:250px;
    background: #f6f6f6;
    background-size: 231px;
    padding: 15px 10px 0;
    transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 1; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 12%);
    transition: transform .3s,opacity .3s;}
.web_navigation ul li:hover ul { opacity: 1; transform: scaleY(1) translateZ(0);}
.web_navigation ul li ul li{ width:100%; margin-right:0%}
.web_navigation ul li ul li a{   padding: 5px 0; display: block; border-bottom: 1px solid #e5e5e5;}
.banner_section{    width: 100%; float: left; position: relative; padding: 160px 0px 20px; }
.banner-post-data{ margin:12px 0 0 0; width:73%}
.banner-post-data h2{    font-size: 43px; line-height: 41px; margin: 100px 0 22px; color: #fff; }
.secondry_head{ display: flex; justify-content: space-between;  align-items: center;}
.app_section h3{margin-bottom: 30px;}

.banner-post-data p{margin-top: 0; color: var(--white); font-size: 16px; }
._cbtn{background: #174a41;color: #ffe4b8; display: inline-block; text-transform: uppercase;line-height: 20px;font-size: 17px; margin-right: 10px;padding-right: 25px;}
._cbtn>span{ display: block;text-transform: uppercase; background: url(../images/arrow.png) right 31px no-repeat;padding: 13px 55px 13px 24px;}
._cbtn>span> span{ display:block; text-transform:none}
._cbtn:hover{background: #0d302a; color:#fff}

._bbtn{background: #ef9e16;color: #111; display: inline-block; text-transform: uppercase;line-height: 20px;font-size: 17px; margin-right: 10px;padding-right: 25px;}
._bbtn>span{ display: block;text-transform: uppercase; background: url(../images/arrow2.png) right 31px no-repeat;padding: 13px 55px 13px 24px;}
._bbtn>span> span{ display:block; text-transform:none}
._bbtn:hover{background: #c37d08; color:#111}

.flex_end{ display: flex; align-items: flex-end;}
.b_slides .item{ padding:5px;}
.course_item{ background:#f3c56d; padding:6px;}
.b_slides .owl-pagination .owl-page { display: inline-block; border: 1px solid #fff; margin: 0 2px; 
    width: 10px;  height: 10px; border-radius: 100%; background: #e9d01285;}
.b_slides .owl-pagination .owl-page.active {  background: #fdca2a;border:1px solid;}
.about_section { background: #fff url(../images/bg3.png) bottom left no-repeat; color: #111; position: relative; padding: 35px 0px; display: inline-flex; width: 100%;}
.about_section h2{  text-transform: uppercase;}
.about_section h4{font-family: 'ProximaNovaRegular';}


.service_app{ width: 100%; float: left;  background:#fbfcf5; padding: 30px 0px;}
.section_head h2{     text-transform: uppercase;}
.section_head p{ font-size:17px}

._home-slider .carousel-control-next, .carousel-control-prev {background: unset; border: none; z-index: 10; cursor: pointer;}
._home-slider{position: relative;}
._home-slider:after{ position: absolute;  content: '';left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    background: linear-gradient(-45deg, rgb(246 255 0 / 31%), rgb(255 143 0 / 13%));}
._banner-content{position: absolute; top: 90px; left: 0; width: 100%; z-index: 1;}


.service_app p.stext{  font-size: 16px; line-height: 22px; margin: 26px 0 0 0;}
.sevice__{ display: flow-root; margin: 20px 0px; padding: 20px; text-align: center; height:92%; background: #fff; 
    border: 1px solid #dfdfdf; border-radius: 7px;}
.sevice__ figure{ margin:18px 0;}
.sevice__ >h3{       font-size: 21px;}
.ep_btn{ margin:10px 0px;}
.ep_btn a{     color: #242424; text-transform: uppercase; font-size: 14px;font-family: 'ProximaNovaBold'; background:url(../images/arrow.png) left no-repeat; padding-left:25px; display:inline-block}
.ep_btn a:hover{ padding-left:20px}
.mtop_30{ margin-top:30px}
.mtop_20{ margin-top:20px}
.section_components{   width: 100%; float: left; padding:50px 0px; background:#eeeeee url(../images/bg4.jpg) no-repeat; background-size:cover}
.section_components h2{ font-size: 36px; margin: 12px 0 10px 0;}
.section_components  p{font-size: 20px; line-height: 29px;color: #646464;}
._etmlinks{    list-style: none; padding: 0px; margin: 50px 0 0 0; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; }
._etmlinks li{  width: 49%; background: #fff; margin: 0.5%; height: 140px; justify-content: center; align-items: center; display: flex; flex-direction: column;
    text-transform: uppercase; line-height: 41px;}
._etmlinks li h3{     margin: 0;font-family: 'ProximaNovaRegular'; font-size: 19px;}
._etmlinks li span{font-size: 45px; font-family: 'ProximaNovaBold';margin-bottom: 7px; }

.clients_components{ width:100%; float:left; background:#fff; padding:30px 0px;}
.clients_components .course_item { background: none; text-align: center; padding: 30px 0; border: 1px solid #cfcfcf; border-radius: 15px;}
.clients_components  .owl-controls {margin-bottom: 0; margin-top:20px}




.footerinfo{ 
    width: 100%;
    float: left;
    background: #f2f4e8;
    padding: 36px 0px;
}
.footerinfo h3{    text-transform: uppercase; font-size: 19px; text-decoration: underline;}
.ft-bx span{ display:block}
.footerinfo p{ font-size:15px; color:#383838; margin:0px;}
.footerinfo p a{ font-size:15px; color:#383838; display:inline-block}
.footerinfo p a:hover,.footerinfo ul li a:hover{ color:#ef9e16}
.footerinfo ul{ list-style:none; padding:0px; margin:0px;text-transform:uppercase}
.footerinfo ul li{ margin-bottom:0px;}
.footerinfo ul li a{font-size:15px; color:#383838; display:inline-block}
.ft_logo{ margin-bottom:12px;}
.sc_icon{margin: 12px 0 11px 0;}
.sc_icon a{background: #111; padding: 1px; width: 25px; height: 25px; color: #fff; display: inline-block; font-size: 17px; text-align: center; border-radius: 100%;}
.sc_icon a:hover{ background:#f19f16}


.mid_ft ul{list-style: none;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 40px 0px 34px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding: 16px 0px; }
.mid_ft ul li{     display: inline-block;
    margin: 0px 10px;}
.mid_ft ul li a{  color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;}
.mid_ft ul li a:hover{ color: var(--y);}
.suppliers_section{width: 100%; float: left;}
.suppliers_section .col-md-6{padding-top: 30px;padding-bottom: 30px;position: relative;}
.suppliers_section h4{font-size: 22px;}
.suppliers_section img{width: 75px;position: absolute;top: 0;left: 71px;}
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
.wpcf7-form label {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;    border-radius: 20px;
    border: 1px solid #ccc;padding: 3px 15px;}
.wpcf7-submit{border: none;background: #ef9e16;padding: 5px 10px;border-radius: 5px;}
.contact_address{margin-left: 50px;padding-left: 50px;border-radius: 10px;}
.wpcf7-form-control{ height: 50px!important;}
textarea.wpcf7-form-control{ height: 120px!important;}

.app_section {width: 100%; float: left;  padding: 30px 0px;}
.app_section h2{font-size: 26px;  border-left: 3px solid #174a41; padding-left: 12px; color: #174a41; margin: 5px 0 21px 0;}
.app_section img{border: 1px solid #ccc; padding: 8px; border-radius: 8px; box-shadow: 1px 2px 1px 4px #ededed;}
.featureimg{ margin: 0 0 30px 0!important}
.featureimg img{  border-radius: 20px; border: 2px solid #ccc;}
._b_btn_{ border-bottom: 1px solid #80808040;}
._b_btn_ a{ background: #fff; color: #174a41; padding: 5px 20px; display: inline-block; border-radius: 4px;  
    font-family: 'ProximaNovaBold'; text-transform: uppercase;font-size: 14px; margin-bottom: 10px; border: 1px solid;}
._b_btn_ a:hover{ background:#333; color:#fff}
.clients_components h2{ font-size: 29px; line-height: 41px; margin: 0px 0 22px; text-align: center; text-transform: uppercase;}

.contact_form { padding: 30px 30px; border-radius: 12px;}
.contact_form h2{text-align: center; margin-bottom: 30px;}
.contact_form .wpcf7-spinner{display: none;}
._contect-img{height: 100%;}
._contect-img figure, ._contect-img {
    height: 100%;
    display: flex;
    align-items: center;
}

@media screen and (max-width:989px){
    .banner-post-data {
        margin: 12px 0 0 0;
        width: 100%;
    }
    .banner-post-data h2 {
        margin: 0 0 22px;
    }
    .banner-post-data p{ color: #fff;}
    .logo {
        float: left;
        width: auto;
        position: relative;
        z-index: 85;
    }
}

@media screen and (max-width:767px){
    h2{font-size: 28px;}
    p,h4{font-size: 18px;}
    .banner_section{padding-top: 100px; height: auto;}
    ._cbtn,._bbtn{ display: block; margin:3px 0;}
    .section_components h2 {font-size: 30px; margin: 0px 0 10px 0; }
    .ft_logo{ display: none;}
    .suppliers_section{text-align: center;}
    .suppliers_section img { width: auto; position: relative; top: auto; left: 0; }
    .suppliers_section .col-md-6 { padding-top: 0; padding-bottom: 0; position: relative; }
    ._banner-content{top: 22px; position: relative;}
    .banner-post-data h2 { margin: 0 0 5px; font-size: 28px;}
    .banner-post-data .home-heading{ color: #000; font-size: 28px; line-height: 30px; margin-bottom: 22px;}
    .banner-post-data .home-p{color: #000;}
    .banner-post-data p { line-height: 18px; font-size: 12px;}
    .banner-post-data ._b_btn{ margin-top: 40px;}
    .about_section p{text-align: justify; font-size: 14px;}
    .service_app{padding: 0;}
    .contact_address{margin-left: 0;}
    ._sbt-bt .wpcf7-spinner{display: none;}
    .contact_form h2 { margin-bottom: 15px;}
    .app_section p{font-size: 16px !important;}
    .footerinfo{text-align: center;}
    .footerinfo h3{margin-bottom: 0;}
    .footerinfo p,.footerinfo p a{font-size: 17px;}
    .footerinfo .ft_address ,.footer-area {margin-bottom: 30px;}
    .footerinfo ul{text-transform:none}
}