@import url("bootstrap.min.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap');

body{  font-family: 'Montserrat', sans-serif;  }

.bg-brown{ background-color: #c98c37; }

.bg-grey{  background-color: #f1f1f1; }

.bg-black { background-color:#000; }

.bg-green{ background-color: #48bf01; }

.bg-darkblue { background-color:#21244e; }

.text-brown{ color: #c98c37; }

.fs10px{ font-size:10px; }

.fs11px{ font-size:11px; }

.fs12px{ font-size:12px; }

.fs13px{ font-size:13px; }

.fs14px{ font-size:14px; }

.fs15px{ font-size:15px; }

.fs16px{ font-size:16px; }

.fs17px{ font-size:17px; }

.fs18px{ font-size:18px; }

.fs19px{ font-size:19px; }

.fs20px{ font-size:20px; }

.fs21px{ font-size:21px; }

.fs22px{ font-size:22px; }

.fs23px{ font-size:23px; }

.fs24px{ font-size:24px; }

.fs25px{ font-size:25px; }

.fs26px{ font-size:26px; }

.fs27px{ font-size:27px; }

.fs28px{ font-size:28px;  }

.fs29px{ font-size:29px;  }

.fs30px{ font-size:30px;  }

.fs35px{ font-size:35px;  }

.fs36px{ font-size:36px;  }

.fs37px{ font-size:37px;  }

.fs38px{ font-size:38px;  }

.fs40px{ font-size:40px;  }

.fs41px{ font-size:41px;  }

.fs42px{ font-size:42px;  }

.fw-600{ font-weight:600; }

.lh1-6{ line-height:1.6; }

.lh1-7{ line-height:1.7; }

.lh1-8{ line-height:1.8; }

.outline-none{ outline:none !important; }

.pt-6{ padding-top: 3.5rem; }

.pt-7{ padding-top: 3.8rem; }

.pt-8{ padding-top: 4.2rem; }

.pb-6{ padding-bottom: 3.5rem; }

.pb-7{ padding-bottom: 3.8rem; }

.pb-8{ padding-bottom: 4.2rem; }

.border-brown {  border-color:#c98c37 !important;  }

.hoverbtn1:hover, .hoverbtn1:active, .hoverbtn1:focus{ background-color:#000;  }

.btn { transition: all 0.4s ease; }

.banner-home .banner-content {

    z-index: 1;

    top: 20%;

    left: 50%;

    transform: translateX(-50%);

}

.banner-home .carousel-indicators button {

    border-radius: 50% 50%;

    width: 11px;

    height: 11px;

    background-color: transparent;

    border: 2px solid #fff;

    opacity: 1;

}

.banner-home .carousel-indicators button.active{ background-color: #fff; }

.header-navbar .navbar-nav .nav-item a {

    font-size: 15px;

    margin: 0px 11px;

    font-weight: 500;

}

.header-fixed{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 10;

}

.header-navbar .navbar-nav li .active {

    background-color: #dd8c2b;

    color: #fff;

    outline: none;

    box-shadow: 0px 0px;

    border-radius: 5px 5px;

}

.mt-up {  margin-top: -14%; }

.who-serve-box .icons {

    margin-top: -51px;

    position: relative;

    top: -17px;

    transition: all 0.4s ease;

}

.who-serve-box:hover .icons { transform: rotateY(360deg); }

.before-animated:before {

    content: "";

    position: absolute;

    left: -9px;

    right: 0;

    bottom: -5px;

    background: #333;

    height: 2px;

    width: 0px;

    margin: auto;

    transition: all 0.4s ease;

}

.before-animated:hover:before{ width:61px;  }

.bg-cover{ background-size:cover }

.bg-norepeat{ background-repeat:no-repeat; }

.achieve-banner{

	background-image: url('../images/counter-banner.jpg');

}

.foo-menu-nav li a {

    text-decoration: none;

    font-size: 14px;

    color: #fff;

    font-weight: 400;

}

.foo-menu-nav li a i {

    color: #cc8c37;

    font-size: 16px;

    margin-right: 10px;

}

.foo-menu-nav li {  margin: 15px 0px; }

.social-foo li {

    display: inline-block;

    margin: 0px 6px;

}

.social-foo li a {

    background-color: #fff;

    color: #000;

    border-radius: 50% 50%;

    width: 29px;

    display: inline-block;

    text-align: center;

    height: 29px;

    padding: 1px;

    font-size: 19px;

    line-height: 1.6;

    display: flex;

    justify-content: center;

    align-items: center;

}

.brands-carousel .owl-item .item img {  width: 95%; }

.bg-services{

	background-image: url('../images/service-banner.jpg');

}

.icon-ser {

    background-color: #23244e;

    display: inline-flex;

    border-radius: 50% 50%;

    padding: 10px;

    width: 97px;

    height: 97px;

    margin-bottom: 15px;

    text-align: center;

    justify-content: center;

    align-items: center;

}

.icon-ser img { width: 100%; }

.border-right-before:before {

    content: "";

    position: absolute;

    right: -51%;

    width: 100%;

    height: 2px;

    background-color: #23244e;

    top: 48px;

    z-index: 0;

}

.bg-benefit{

	background-image: url('../images/bg-benefit.jpg');

}

.benefit-box p { padding: 14px 8%; }

.benefit-box h3 {  border-radius: 6px 6px; }

.bg-action{

	background-image: url('../images/home-action.jpg');

	background-attachment: fixed;

}

.bg-process{ background-image: url('../images/bg-process.jpg'); }

.bg-about{ 

    background-image: url('../images/about-banner.jpg');

    background-attachment: fixed;

}

.mission-box {

    border-color: #c98c37 !important;

    box-shadow: 1px 1px 10px #f3d2a3;

}

.mission-box {

    max-width: 85%;

    margin: auto;

    height: 100%;

    border-radius: 25px 25px;

    transition: all 0.4s ease;

}

.mission-box:hover { background-color: #c68a36; }

.mission-box:hover img {

     filter: brightness(10);

     -webkit-filter: brightness(10);

}

.mission-box:hover h4, .mission-box:hover p {  color: #fff !important; }

.bg-testimonial{

    background-image: url('../images/testimonial-bg.jpg');

    background-repeat: no-repeat;

}

.review-testimonial .owl-dots { margin-top: 20px; text-align:center; }

.review-testimonial .owl-dots .owl-dot {

    border: 1px solid #fff;

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 50% 50%;

    margin: 0px 3px;

}

.review-testimonial .owl-dots .owl-dot.active{ background-color:#fff; }

.courses-logo-list li { 

    display:inline-block;

    text-align:center; 

    width: 31%;

}

.courses-logo-list li img {

    margin-bottom: 15px;

    width: 90%;

}

.certified-list-wp li {

    color: #333;

    font-size: 15px;

    position: relative;

    display: inline-block;

    width: 49.5%;

    margin: 8px 0px;

    padding-left: 15px;

}

.certified-list-wp li:before {

    content: "";

    position: relative;

    left: -8px;

    width: 7px;

    height: 7px;

    background-color: #c98e57;

    display: inline-block;

    border-radius: 50% 50%;

}

.rightside-bar{

    padding-top: 5em;

    padding-bottom: 5em;

    box-shadow: 1px 1px 10px #adadad;

}

.star-rating li { 

    display:inline-block; 

    list-style: none;

    color: #e5c009;

    font-size: 23px;

}

.border-dashed { border-style: dashed !important;  }

.recognized-point li {   

    margin-top: 21px;

    display: block;

    padding-bottom: 7px;

}

.recognized-point li img {  width: 31px;  }

.recognized-point li span {

    display: inline-block;

    width: 90%;

    padding: 0px 16px;

    vertical-align: middle;

    font-size: 15px;

    color: #333;

}

.grey-star li{ color: #ccc; }

.bg-recognized-form{

    background-image: url('../images/recognized-bg.jpg');

    background-position: center center;

}

.textarea-field{

    height: 120px;

    resize: none;

}

select.input-field option {

    background-color: #c98c37;

    color: #fff;

}

.service-icon-pg .who-serve-box .icons { margin-top: -30px; }

.service-icon-pg .who-serve-box .title {

    width: 100%;

    max-width: 210px;

    margin: 6px auto 13px;

}

.service-icon-pg { padding: 0px 3%; }

.service-content ul {

    padding: 0px 19px;

    margin-bottom: 7px;

}

.service-content ul li {

    font-size: 15px;

    position: relative;

    margin-bottom: 15px;

}


.service-content ul li:before {

    content: "";

    position: absolute;

    left: -20px;

    width: 10px;

    height: 10px;

    border-left: 10px solid #c98c37;

    top: 7px;

    border-radius: 2px 2px;

}



.gallery {

  display: flex;

/*  width: fit-content;*/

  flex-wrap: wrap;

  /* gap: 14px; */

}

.gallery a {  text-decoration:none; }

.gallery img {

 transition: 0.3s ease-in-out;

    overflow: hidden;

    width: 205px;

    margin: auto;

}



.sets .hide,

.sets .pophide {

  width: 0%;

  opacity: 0;

}

.filter .btn {

    display: block;

    text-align: left;

    font-weight: 600;

    padding: 6px 0px;

    font-size: 15px;

    border: 0px;

    outline: none;

}

.search-filter::-webkit-input-placeholder{ color: #333; font-weight:500; }

.inner-filter .bg-fill {

    background-color: #42424c;

    border-radius: 6px 6px;

    padding: 2% 5%;

    height: 100%;

    min-height: 180px;

    display: flex;

    align-items: center;

    margin-bottom: 14px

}

.inner-filter {

    text-align:center;

    padding: 14px;

    width: 86%;

    border-color: #333 !important;

    padding-bottom: 43px;

}

.gallery .all {  

    margin: 25px 0px;

    height: 100%;

}

.inner-filter h6 {

    width: 100%;

    max-width: 130px;

    margin: 10px auto 21px;

    color: #333;

    font-weight: 500;

}

.inner-filter button {

    background-color: transparent;

    border: 0px;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    position: relative;

}

.inner-filter button:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -3px;

    height: 2px;

    width: 91%;

    background-color: #333;

    margin: auto;

}

.bg-membership{

    background-image: url('../images/testimonial-bg.jpg');

    background-position: center center;

}

.category-member li {

    display: inline-block;

    margin: 0px 22px;

    width: 100%;

    max-width: 14%;

}

.category-member li img {

    background-color: #c98c37;

    padding: 13px;

    width: 95px;

    border-radius: 6px 6px;

}

.category-member li p {

    margin-bottom: 6px;

    font-weight: 700;

    font-size: 12px;

    width: 100%;

    max-width: 137px;

}

.modal-courses .btn-close {

    position: absolute;

    right: 0;

    outline: none;

    box-shadow: 0px 0px;

    padding: 14px;

    font-weight: 500;

    font-size: 12px;

    opacity: 1;

    z-index: 1;

}

.h-100vh{ height:100vh; }

.modal-input-field {

    border: 0px;

    border-bottom: 1px solid #787878;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 14px;

    outline: none;

    box-shadow: 0px 0px;

}

.modal-textarea {

    box-shadow: 0px 0px;

    outline: none;

    border-bottom: 1px solid #787878 !important;

    font-size: 14px;

    border: 0px;

    resize: none;

    height: 60px;

}

/* RESPONSIVE CSS STARTED */

@media screen and (max-width: 1024px){
    /* HOME PAGE RESPONSIVE CSS */
    .membership-list li{
        margin-bottom:  5px !important;
    }   
    .carousel-inner{
        height:  350px !important;
    }
    .who-serve-box{
        padding:  10px !important;
    }
    /* HOME PAGE RESPONSIVE CSS */

    /* ABOUT PAGE RESPONSIVE CSS */
    .mission-box{
        padding:  30px 20px !important;
    }    
    .bg-about {
        background-image: url(../images/about-banner.jpg);
        background-position: bottom right !important;
    }
    /* ABOUT PAGE RESPONSIVE CSS */
}
@media screen and (max-width: 767px){
    /* HOME PAGE RESPONSIVE CSS */
    .membership-list li{
        margin-bottom:  0px !important;
    }   
    .main-banner-heading{
        font-size:  20px!important;
    }
    .main-banner-button {
        padding: 10px 15px !important;
        border-radius: 5px !important;
    }
    .wws-inner-box:not(:nth-child(1)){
        margin-top: 50px!important;
    }
    .carousel-inner{
        height:  100% !important;
    }
    .carousel-inner img{
        height: 100% !important;
        object-fit: cover !important;
    }
    .border-right-before:before{
        display: none;
    }
    .second-service{
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    /* HOME PAGE RESPONSIVE CSS */
}

/* RESPONSIVE CSS STARTED */