*
{
    margin: 0;
    padding: 0;
}
body
{
    /* background-color: #f2f6ff; */
    min-height: 600px
}
.testimonials{
/*     
    background-image: url("../img/bg.jpg");
    background-size: cover; */
}
.testimonials .carousel-inner , .carousel-item{
    min-height: 500px;
}
.form-group{
    position: relative;
}
main
{
    min-height: 500px
}
.home-courses-star .card-foot{
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.fa-star{
    cursor: pointer;
}
.checked{
    color: orange;
}
.short-description{
    height: 122px ;
    overflow: hidden;
}

.relative{
    position: relative;
}
.instructors{
    background-color: #f5f5f5;
    padding: 5%;
}
.ourservices{
    background-color: #f5f5f5;
}
.slider .btn-main {
    position: relative;
    margin: 0.3em;
    margin-bottom: 25px;
    border: solid 0.125em transparent;
    padding: 15px 0;
    width: 150px !important;
    height: 4em;
    color: white !important;
    border-radius: 1em;
    text-shadow: 1px 1px var(--c-sh-txt rgba(0, 0, 0, .5));
    font: 900 14px calligraffitti, cursive;
    transition: 0.2s ease-out;
    cursor: pointer;
    box-shadow: 0px 10px 12px rgb(0 0 0 / 40%)
}
.slider .btn-main:hover, .btn-main:focus {
    outline: none;
    filter: none;
    transform: translateY(7px);
    box-shadow: none;
}
.btn-main:active {
    transform: translatey(0.125em);
}
.press-on:after {
    position: absolute;
    top: calc(100% + 0.25em);
    right: -1em;
    left: -1em;
    height: 0.5em;
    background: radial-gradient(rgba(0, 0, 0, .25), transparent 50%);
    transition: inherit;
    content: '';
}
.btn-main:hover {
    color: #fff;
    text-decoration: none;
}

.slider .col-lg-2{
    padding-left: 0;
    padding-right: 0;
}
/* .model{
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.9);
    z-index: 99999;
    position: fixed;
    padding: 10%;

}
.model input{
    height: 50px;
    width: 100%;
    margin-top: 50px;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid white;
    color: white;
    font-size: 20px;
    text-transform: capitalize;
}
.model input:focus{
    outline: transparent;
} */
/* *************** */
.latest-articles , .latest-articles .home-courses {
    background-color: #f2f6ff;;
}
.sliderboocks{
    padding: 5% 0;
}
.banner-style1 .number {
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    position: absolute;
    z-index: 99;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: -107px;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    visibility: visible;
    opacity: 1;
    color: #2fa0a4;
}
.banner-style1 .number:before {
    content: "";
    position: absolute;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    left: -7px;
    right: 0;
    bottom: 0;
    top: -7px;
    border: 2px dashed #fff;
}
.el7up-info-inner {
    border-bottom-color: #B0D590;
}
.banner-style1 h2.el7up-text-item {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 23px;
}
.banner-style1 p.el7up-text-item {
    opacity: 1;
    /* visibility: hidden; */
    margin-bottom: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    line-height: 30px;
}
.overflow-el7up-hidden{
    overflow: hidden;
}
.overflow-el7up-hidden:after{
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00BF73;
    position: absolute;
    opacity: 0.9;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    visibility: visible;
} 
.banner-style1:hover .number {
    visibility: hidden;
    opacity: 0;
}
.banner-style1 .el7up-info-inner {
    top: 90%;
    width: 100%;
    height: 120px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    background: #fff;
    border-bottom: 5px solid #B0D590;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    padding: 43px 50px 44px;
    z-index: 199;
}
.banner-style1:hover .el7up-info-inner {
    top: 100%;
    height: 220px;
    box-shadow: 0 0 50px rgb(0 0 0 / 15%);
}
.banner-style1:hover .overflow-el7up-hidden:after{
    opacity: 0;
}
/* category */
.category{
    background-color: #eee;
    padding: 5% 0;
}
.category .col-md-3{
    padding-left: 0;
    padding-right: 0;
}
.category .title{
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4;
    font-weight: bold;
    margin-bottom: 5%;
}
.category .slid-img{
    height: 200px;
}
.category .slid-img img{
    height: inherit;
}
.category-item .overflow-el7up-hidden:after{
    background-color: #B0D590 ;
}
.category-item2 .overflow-el7up-hidden:after{
    background-color: #BFBBFD !important ;
}
.category-item3 .overflow-el7up-hidden:after{
    background-color: #FFBCCA !important ;
}
.category-item4 .overflow-el7up-hidden:after{
    background-color: #A5DCF6 !important ;
}
.category-item2 .banner-style1 .el7up-info-inner {
    border-bottom: 5px solid #BFBBFD;
}
.category-item3 .banner-style1 .el7up-info-inner {
    border-bottom: 5px solid #FFBCCA;
}
.category-item4 .banner-style1 .el7up-info-inner {
    border-bottom: 5px solid #A5DCF6;
}
.category-item h3{
    color: white;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
}
.img-category{
    height: 250px;
}
/* category */
/* ****************** */
.search-in-phone{
    display: none;
}
.search-in-phone .btn-main{
    border-radius: 0;
    padding: 0 20px;
    margin-top: 5px;
    height: 50px;
}
.search-in-phone .form-control {
    height: 50px;
}
.search-in-phone .form-control:focus , #inlineFormInputGroup:focus{
    outline: transparent;
    border-color:transparent;
    box-shadow: 3px 3px 2px 0rem rgb(169 163 163 / 25%)
}
.input-group-text{
    background-color: transparent;
}
.title {
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4 !important; 
    font-weight: bold;
    margin-bottom: 5%;
}
.title h3{
    font-weight: bold;
}
.title a{
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4 !important; 
    font-weight: bold;
    margin-bottom: 5%;
    font-size: 20px;
}
.social-header ul li{
    margin-right: 2px;
}
.img-social{
    width: 30px;
}
.col-8{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) ,.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child){
    border-radius: 30px !important;
}
.btn-main{
    /* border: 1px solid #2fa0a4; */
    background: #2fa0a4;
    max-height: 50px;
    min-width: 100px;
    padding: 0 25px;
    font-size: 16px;
    line-height: 44px;
    font-weight: 700;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 10px;
}
/* .btn-main:hover{
    background-color: #e9af0b !important;
    border: 1px solid #e9af0b;
} */
.scrollup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #f05a66;
    cursor: pointer;
    z-index: 1000;
    text-align: center;
}

/*** start the nav admin section **/
.nav-admin
{
    background-color:#2fa0a4;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
}
.nav-admin a
{
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.nav-admin li
{
    display: inline-block;
    color: #fff;
    padding-right: 5%;
    padding-left: 5%;
    text-transform: capitalize;
    text-decoration: none;
}
.nav-admin .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.nav-admin .list-inline{
    margin-bottom: 0 !important;
}
.contacts-bar{
    background-color: white;
}
.contacts-bar a{
    color: #2fa0a4;
    font-weight: bold;
}
.contacts-bar .col{
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: center;
}
/*** End the nav admin section **/
/*** start the contact bar section **/
.contact-bar
{
    background-color: #fff;
    padding-top: 1%
}
.contact-bar .address-bar 
{
    float: left;
}

.contact-bar .address-bar img
{
    margin-bottom: 5%
}
.contact-bar .social-bar 
{
    color: #2fa0a4;
    float: right;
    font-family: 'Montserrat', sans-serif;
    margin-top: 1%
}
.contact-bar .social-bar ul
{
    margin-left: 40%
}
.contact-bar .social-bar li
{
    text-transform: capitalize
    
}
.contact-bar .social-bar a
{
    color: #2fa0a4;
    text-decoration: none;
    text-transform: capitalize;
    padding-left: 2%
}
.contact-bar .social-bar a:hover
{
    color:#474747
}
/*** end the contact bar section **/
/***start the main nav bar section **/
.bg-light
{
    background-color:#2fa0a4 !important;
    color: #fff;
    padding: 1%
}
.navbar-light .navbar-nav .nav-link
{
    color: #fff;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.navbar-expand-lg .navbar-nav .dropdown-menu
{
    /* width: 300px; */
    background-color: #424242;
    margin-top: 6%;
    border: none;
    border: none;
    overflow: hidden;
    left: auto;
    right: 0;
}
.dropdown-item 
{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.navbar-expand-lg .navbar-nav .nav-link
{
    padding-left: 0.5rem;
    font-size: 14px;
    font-weight: bold;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{
    color: #e9af0b;
    /* border-bottom: 1px solid #fff; */
    font-weight: bolder;
}
.dropdown-item:focus, .dropdown-item:hover
{
    color:#2fa0a4;
    background-color: transparent
}
/*** end the main nav bar section **/
/*** end the search bar section **/
.bg-dark 
{
    background-color:#2fa0a4 !important;
    z-index: 999999999;
}
header .collapse.show{
    height: 500px ;
    overflow: scroll;
}
.bg-dark  .navbar-nav .nav-link
{
    color:#fff;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.bg-dark  .navbar-nav .dropdown-menu
{
    background-color:#2fa0a4;
    border: none
}
.dropdown-item
{
    font-family: 'Montserrat', sans-serif;
}
/*** end the search bar section **/
/*** start main carsoul **/
.slider .main-carousel , .slider .carousel-fade , .slider .carousel-inner  , .slider .carousel-item img
{
    height: 300px;
    
}
.slider{
    background-color: #eee;
    padding: 50px 0 ;
}
.bg{
    background-color: #2fa0a4;
    padding: 10px 0; ;
}
.bg  h3{
    color: white !important;
}
.carousel-indicators
{
    bottom: 20px
}
.carousel-indicators li
{
    height: 2px;
    width: 30px;
   background-color:#2fa0a4
}
.carousel-caption
{
    overflow: hidden;
    margin-bottom: 10%;
    background: #00088873;
}
.carousel-caption h5  
{
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: bolder;
    letter-spacing: 3px;
    line-height: 1;
    color:#2fa0a4;
    font-weight: bold;
    text-transform: uppercase
}
.carousel-caption p  
{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: capitalize
}
/*** end main carsoul  **/
/* blog */
.blog {
    padding: 70px 0;
    background-color: #f5f5f5;
}
.blog .media {
    background-color: #fff;
    margin-bottom: 50px;
    overflow: hidden;
    flex-direction: column;
    border-radius: 20px 0;
}
.blog .media .content-img-blog {
    overflow: hidden;
    position: relative;
}
.blog .media .content-img-blog .post-date {
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    color: #fff;
    border-radius: 15px 0;
    padding: 4px;
}
.blog .media .content-img-blog .post-date .date-inner {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 15px 0;
    font-weight: 500;
}
.blog .media .content-img-blog .post-date .date-inner .date {
    font-size: 28px;
}
.blog .media .content-img-blog .post-date .date-inner .month {
    font-size: 12px;
}
.post-date {
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    background-image: -webkit-linear-gradient(117deg, rgba(2, 66, 131, 0.92157) 25%, rgba(127, 117, 36, 0.73) 61%, rgba(166, 143, 25, 0.61) 69%, rgba(255, 165, 2, 0.50196) 95%);
    color: #fff;
    border-radius: 15px 0;
    padding: 3px;
}
.post-date .date-inner {
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 15px 0;
    font-weight: 500;
}
.post-date .date-inner .date {
    font-size: 18px;
}
.post-date .date-inner .month {
    font-size: 11px;
}

.blog .media .media-body {
    padding: 20px;
}
.blog .media .media-body .title-post {
    font-size: 18px;
    font-weight: 600;
    color: #444;
}
.blog .media .media-body .link {
    margin: 13px 0;
}
.blog .media .media-body .link a {
    color: #b9b9b9;
    line-height: 20px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
}
.blog .media .media-body .link a i {
    padding-right: 2px;
}
.blog .media .media-body p {
    font-size: 15px;
    color: #8a8a8a;
    line-height: 24px;
}
.blog .media .media-body .link-go {
    font-size: 14px;
    line-height: 24px;
}
.blog .media .media-body .link-go a {
    color: #444;
    font-weight: 600;
}

/* blog */
.Primary-services{
    background-color: #fff !important;
    padding: 3% 0;
}
.Primary-services .title{
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4;
    font-weight: bold;
    margin-bottom: 5%;
}
.Primary-services .slid{
    width: 100%;
    /* height: 200px; */
}
.Primary-services .slid img{
    height: 100%;
}
.Primary-service{
    background-color: #2fa0a4;
    min-height: 150px;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    padding: 1%;
    color: white;
}
.Primary-service:nth-child(2) ,.Primary-service:nth-child(4) {
    background-color: rgba(8, 93, 96, 0.87);
}

.Primary-services .caption-hover {
    background: #FFF;
    border: none;
    cursor: default;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 100%;
    margin-bottom: 30px;
}
.Primary-services .caption-hover .mask {
    height: 40px;
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    line-height: 20px;
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.Primary-services .caption-hover h2 {
    color: #FFF;
    font-size: 15px;
    line-height: 40px;
    margin: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.Primary-services .caption-hover p {
    color: #FFF;
    padding: 0 10px;
    margin: 0 0 10px;
    position: relative;
    text-align: center;
}
.Primary-services .caption-hover-1 .mask{
    background-color: rgba(142, 198, 63, 0.85)
}
.Primary-services .caption-hover-2 .mask{
    background-color: rgba(241, 89, 42, 0.85);
}
.Primary-services .caption-hover-3 .mask{
    background-color: rgba(146, 73, 158, 0.85);
}
.Primary-services .caption-hover-4 .mask{
    background-color: rgba(41, 162, 148, 0.85);
}
.Primary-services .caption-hover:hover .mask {
    height: 100%;
}
.Primary-services .slid img{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    
}
.caption-hover:hover .slid img{
    transform: scale(1.1);
}
.caption-hover .btn{
    background-color: #000;
    border-radius: 15px;
    color: #ffff;
    padding: 1%;
    padding-right: 3%;
    padding-left: 3%;
    margin: 5%;
}
/*** start the pag links section **/
.pages-sec
{
    padding-bottom: 5%;
    padding-top: 6%;
}
.pages-sec h2
{
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    color:#2fa0a4;
    margin-bottom: 5%;
    
}
.pages-sec .list-unstyled{
    text-align: left;
 }
 .pages-sec .list-unstyled li a{
    color: #fff;
 }
.pages-sec .pages-dv
{
    padding: 8%;
    padding-bottom: 10%;
    margin-bottom: 10%;
    background-color: #2fa0a4 !important;
    border-radius: 1%;
    height: 420px;
    border-radius: 0px;
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    overflow: hidden;
    box-shadow: 0 8px 20px rgb(0 0 0 / 20%) !important;

   
}
.pages-sec .pages-dv:hover{
    transform: translate(0, -10px);
    box-shadow: 0 8px 20px rgb(0 0 0 / 20%);
}
.pages-sec .pages-dv- .div-content 
{
    padding: 8%;
    margin-bottom: 10%;
    background-color: #ffff;
    border-radius: 1%;
    height: 210px;
    border-radius: 20px;
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    overflow: hidden
}

.pages-sec .pages-dv img , .pages-dv- img 
{
    margin-bottom: 1%;
    margin-top: 1%;
    width: 128px;
    height: 128pxz;
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
}
.pages-sec .pages-dv hr , .pages-dv- hr
{
    width: 30px;
    height: 3px;
    background-color: #2fa0a4;
    border: none;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 3%;
}
.pages-sec  a
{
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: white;
}
.pages-sec .pages-dv h4 , .pages-dv- h4
{
    color: #fff;
    text-transform:capitalize;
    margin-top: 2%;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
}

.pages-sec .pages-dv p , .pages-dv- p
{
    color: #fff;
    text-transform: capitalize;
    word-wrap: break-word;
}

.pages-sec .pages-dv .fa-eye
{
    color: darkgreen
}
/*** end the pag links section **/


/*** start the latest courses section **/
.home-courses
{
    background-color: #ffff;
    padding-top: 5%;
    padding-bottom: 5%;
    overflow: hidden
}
.home-courses .sec-head h3
{
   color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
.home-courses .sec-head h5 >a
{
   color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    float: right;
    font-weight: bold;
    text-decoration: none
}
.home-courses  .clear
{
    clear: both;
    padding: 2%
}
.home-courses  .card
{
    border: none;
    border-radius: 20px;
    padding-bottom: 2%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5%;
    height: 500px;
}
.home-courses  .card .card-img-top
{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 250px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 4%
}
.home-courses  .card .card-head 
{
    padding: 4%;
    overflow: hidden;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    vertical-align: bottom
}
.home-courses  .card .card-head-news
{
    overflow: hidden;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    width: 100%;
    background-color: rgba(00,00,00,0.5);
    color: #ffff;
    text-align: center;
    padding: 2%;
    margin-top: 30%
}
.home-courses  .card .card-head-news h2
{
    font-size: 1em;
}
.home-courses  .card .card-head .info
{
    background-color: #2fa0a4;
    position: absolute;
    border-radius: 50% ;
    font-size: 16px;
    font-weight: bold;
    color: white;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 10px;
    right: 5px;
    text-align: center;
}
.home-courses  .card .card-head h2
{
     color: #2fa0a4;
     font-weight: bold;
    font-size: 18px;
    
    
}
.home-courses  .card p
{
    color: #000;
    float: left;
    font-family: 'Montserrat', sans-serif;
    padding-left:2%;
    padding-right: 2%;
    font-size: 14px;
    
}
.home-courses  .card .card-foot 
{
    padding: 5%;
    display: flex;
    justify-items: center;
}
.home-courses  .card .card-foot p , .card-foot img
{
    color: #000;
    /* display:inline-block; */
    vertical-align:middle
}
.home-courses  .card .card-foot a
{
    color: #fff;
    /* display:inline-block; */
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    padding: 2%;
    font-size: 14px;
    margin-top: auto;
    transform: translate(10px , -12px);
}
.home-courses .btn, .team .btn
{
    background-color: #000 ;
    border-radius: 15px;
    color: #ffff;
    padding: 1%;
   

}
.home-courses .btn a, .team .btn a{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    text-transform: capitalize
}
/*** end the latest courses section **/
/*** start the clientOpenion section **/
.clientOpenion
{
    padding: 5% 0;
    min-height: 500px;
    position: relative;
}
.ovrlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(0 0 0 / 70%);
    z-index: 0;
}
.clientOpenion h3
{
     color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding: 2%
}
.clientOpenion  .carousel-item , .clientOpenion .carousel-item .align-items-center{
    min-height: 500px;
}
.clientOpenion .text
{
     color: #fff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
.clientOpenion img
{
    border-radius: 50%
}
.clientOpenion .fa-chevron-right ,
.clientOpenion .fa-chevron-left 
{
     color: #2fa0a4;
    font-size: 50px
}
/*** end the clientOpenion section **/
/* slider-book */
.slider-book .caption-hover{
    margin: 20px;
    background-color: #eee;
    overflow: hidden;
    box-shadow: 1px 11px 10px rgb(0 0 0 / 40%);
}
.slider-book  .slid{
    height: 250px;
    overflow: hidden;
}
.slider-book  .slid img{
    /* width: 250px !important; */
    height: 250px;
}
.slider-book .caption-hover .mask{
    padding: 5%;
    position: relative;
 }
 .slider-book .caption-hover .mask .pay .btn{
    width: 60px;

 }
 .slider-book .caption-hover .mask .pay .btn:hover{
    background-color:  #2fa0a4;
 }
 .slider-book .caption-hover .mask .pay .btn1{
    background-color:  #2fa0a4;
 }
 .slider-book .caption-hover .mask .pay .btn1:hover{
    background-color: #000;
 }
.slider-book .caption-hover .mask .info{
    background-color: rgba(241, 89, 42, 0.85);
    position: absolute;
    border-radius: 50% ;
    font-size: 16px;
    font-weight: bold;
    color: white;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -27px;
    right: 13px;
    text-align: center;
  }
  .slider-book .caption-hover .mask h2{
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
    text-transform: capitalize;
  }
  .slider-book .caption-hover .mask p{
    font-size: 14px;
  }
.card-img{
    height: 300px;
    overflow: hidden;
}
/* slider-book */
/*** start footer section **/
footer
{
    background-color: #2fa0a4;
    padding: 3%
}

footer  p 
{
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;

}
footer .first-list
{
    margin-top: 30px;
    padding-top: 20px ;
}
footer .first-list li{
    list-style-type: none;
}
footer .seconde-list {
    margin-top: 30px;
    padding-top: 20px ;
}
footer .seconde-list li
{
    list-style-type: none;
}
.footer-title a{
    color: white;
    font-size: 16px;
    font-weight: bold;
}
footer .first-list a  , footer .seconde-list a , footer h3
{
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
footer .first-list li  , footer .seconde-list li 
{
    /* display: block */
}
footer h3
{
    /* padding-top: 5%; */
    padding-bottom: 2%; 
    font-size: 20px;
}
footer .form-control
{
    border-radius: 20px;
    margin: auto 
}
footer .newsletter .btn
{
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    background-color: #000;
    position:absolute;
    font-size: 13px;
    top: 2px;
    right: 2px;
    border-radius: 20px;
}
footer hr
{
    background-color: #ffff
}
footer li
{
    /* display: inline-block; */
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    padding-left: 1%;
    padding-right: 1%
}
footer li > a
{
    text-decoration: none;
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
/*** end footer section **/
/*** start courses page **/
.overly
{
    position: absolute;
    height: 400px;
    width: 100%;
    background-color: rgba(00,00,00,0.5)
}
.main-select
{
    position: absolute;
    text-align: center;
  
    z-index: 1;
    margin-top:200px;
    
}
.main-select .btn
{
    background-color: #2fa0a4;
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
     border-top-left-radius:0px;
    border-bottom-left-radius: 0px;
}

.main-select .form-control-lg
{
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
    border-top-left-radius:23px;
    border-bottom-left-radius: 23px;
     border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    margin-left: 25%;
    margin-right: 0;
    width: 50%
}

/*** end  courses page  **/
/*** start certifaction-code page  **/
.certifaction-code
{
    margin: 5%;
    background-color: #ffff;
    border-radius: 23px;
    padding: 5%
}
.certifaction-code h3
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4
}
.certifaction-code p
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    padding-bottom: 5%
}
.certifaction-code .form-control
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
     border-top-left-radius:23px;
    border-bottom-left-radius: 23px;
     border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    height: 50px;
    width: 60%
}
.certifaction-code .btn
{
    background-color: #2fa0a4;
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
     border-top-left-radius:0px;
    border-bottom-left-radius: 0px;
}
.certifaction-code li ,
.certifaction-code a 
{
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-decoration: none;
    margin: 1%
}
/*** end  certifaction-code page  **/
/*** start certifaction-code page  **/
.certifaction-code-main
{
    padding: 5%;
    background-color: #fff;
    margin-top: 5%;
}
.certifaction-code-main h3
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4
}
.certifaction-code-main p
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    padding-bottom: 5%
}
.certifaction-code-main .form-control
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
     border-top-left-radius:23px;
    border-bottom-left-radius: 23px;
     border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    height: 50px;
    width: 60%;
    
}

.certifaction-code-main .btn
{
    background-color: #2fa0a4;
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
     border-top-left-radius:0px;
    border-bottom-left-radius: 0px;
    
 
}
.certifaction-code-main li ,
.certifaction-code-main  a 
{
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-decoration: none;
    margin: 1%
}
/*** end  certifaction-code page  **/
/***start about page  **/
.team-head
{
    color: #2fa0a4;
    padding: 2%;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffff;
    border-radius: 23px;
    margin: 5%
    
}
.team img
{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin-bottom: 5%
}
.team .team-data
{
    padding: 5%;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffff;
    border-radius: 23px;
    width: 70%;
    margin: auto;
    margin-bottom: 10%;
    height: 150px
}
.team .team-data h4
{
    color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    padding-top: 3%;
    font-size: 18px;
}
.team h3
{
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4;
    margin-top: 3%;
}
.team .team-data h5
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
.team  a
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none
}

.openion-form
{
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 23px;
    background-color: #ffff;
    padding: 4%;
    overflow: hidden
}
.openion-form h6 
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5%
}
.openion-form label 
{
    color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    margin-top: 2%
}
.openion-form .form-control
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-bottom: 1px solid #000;
    width: 70%;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    resize: none
}
.openion-form .custom-file
{
    width: 70%;
    margin: 5%;
    margin-left: 0;
    margin-right: 0;
    display: block;
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-bottom: 1px solid #000;
 
}
.openion-form .btn-primary
{
    background-color: #2fa0a4;
    color: #fff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-bottom: 1px solid #000;
    float: right
 
}

/*** end  about page  **/
/***start cv  page  **/
.cv-head , .cv-body , .news-details
{
    margin:3%;
    background-color: #ffff;
    padding: 4%;
    border-radius: 23px;
    padding-bottom: 6%;
}
.cv-head .cv-img img
{
    border-radius: 23px;
    float: left;
    margin-left:  2%;
    margin-right:  2%;
    height: 150px;
    width: 150px;
}
.cv-head h2 
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
.cv-head h4 , .cv-body p , .news-details .news-body p
{
    color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
/*** end  cv  page  **/
/*** start news details  page  **/
.news-details h3
{
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    float: left
}
.news-details .news-head
{
    overflow: hidden
}
.news-details h6
{
    color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    float: right
}
.news-details .news-body
{
    padding: 5%
}
.news-details .news-body .news-imgs img
{
    margin: 2%
}
/*** end  news details   page  **/
.book-coures .openion-form 
{
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 23px;
    background-color: #ffff;
    padding: 7%;
    overflow: hidden;
    padding-top: 17%;
}
.accordion
{
    margin: 3%;
    border-radius: 23px;
}
.accordion .card
{
    border: none;
}
.accordion .card .btn-link
{
   text-decoration: none;
    color: #2fa0a4;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
}
.accordion .card  .card-body a
{
    color: darkblue;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%
}
.accordion .card  .card-body p
{
    color: #000;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    float: right;
     margin-top: 2%;
    margin-bottom: 2%
}
/*** start certifaction-code page  **/
.sign-up
{
    margin: 5%;
    background-color: #ffff;
    border-radius: 23px;
    padding: 5%
}
.sign-up h3
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #2fa0a4;
    margin-bottom: 2%
}
.sign-up p
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    padding-bottom: 5%
}
.sign-up .form-control
{
   text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    height: 50px;
    width: 80%;
    border-radius: 23px;
    margin: auto
}
.sign-up .btn
{
    background-color: #2fa0a4;
    color: #ffff;
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
    border-radius: 23px;
    width: 40%;
    margin-bottom: 3%
}
.sign-up li ,
.sign-up a 
{
    text-transform:capitalize;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-decoration: none;
    margin: 1%
}
.sign-up .social .fa-google-plus-square ,
.sign-up .social .fa-facebook-square
{
    border-radius: 23px;
    color: #000
}
/*** end  signup page  **/
.certfication-pic
{
    margin: 2%
}