/* hero */
header {
    overflow: hidden;
}

.hero-text h2 {
    margin-bottom: 50px;
}

.hero-text .hero {
    position: relative;
}

.hero-text .hero .hero-slide a:hover span {
    color: #033a71;
}

.slide-content {
    padding: 10px 20px 10px 0;
}

.slide-content .h1 {
    font-size: 62px;
}

.btn-primary {
    background-color: #5302fe;
    border: #111;
    border-radius: 0;
}

/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
}

.slick-active .slide-content {
    animation-name: fadeInUpSD;
    animation-duration: 1s;
    opacity: 1;
    width: 100%;
    padding: 10px 20px 30px 0;
}

/* Text Animation End **/

.slick-dots {
    position: absolute;
    margin-top: -2em;
    margin-left: 7em;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-active button {
    background: #EE8235;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    border-radius: 50%;
    border: 0;
    outline: none;
}

.slick-dots li button::before {
    font-size: 18px;
    color: #fff;
    opacity: 1;
}

/* Media Queries */

@media (max-width: 768px) {
    .hero-text .hero .hero-slide a {
        padding-top: 0.8rem;
    }

    .hero-text .hero .hero-slide a span {
        font-size: 20px;
        margin-top: 0.5rem;
    }

    .hero .hero-slide .header-content {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
    }
}

/* hero */

.connect-gb{
font-family: 'Stolzl-bold';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 165%;
letter-spacing: -0.02em;
color: #2D2D2D;
}

.connect-sm-gb{
    font-family: 'Stolzl-light';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    color: #2D2D2D;
}

.join-us-grn-gb{
    background: #0F5115;
box-shadow: 0px 1.10156px 2.20312px rgba(105, 81, 255, 0.05);
font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
/* or 156% */
color: #F0FDF4;
width: 131.69px;
height: 61.69px;
border: none;
}

.abt-us-btn-gb{
    font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #333F51;
width: 150.69px;
height: 61.69px;
background: #FFFFFF;
border: 1.10156px solid #D5DAE1;
box-shadow: 0px 1.10156px 2.20312px rgba(105, 81, 255, 0.05);
}

.margin-auto-gb{
  margin-left: auto;  
}

.credential-gb{
font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 42px;
color: #2D2D2D;
}

.credential-sm-gb{
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 33px;
color: #2D2D2D;
}

.background-mail-gb{
    background: #F7F8F9;
box-shadow: 0px 1.10156px 2.20312px rgba(85, 105, 135, 0.1);
}

.mail-ft-gb{
font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 500;
font-size: 17.625px;
line-height: 26px;
color: #333F51;
}

.wide-submit-gb{
    background: #0F5115;
box-shadow: 0px 1.10156px 2.20312px rgba(105, 81, 255, 0.05);
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 500;
font-size: 19.8281px;
line-height: 31px;
color: #F0FDF4;
width: 100%;

}

.ready-text-gb{
    font-family: 'Stolzl-medium';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 165%;
    color: #2D2D2D;   
}

.join-us-form{
width: 100%;
height: 52.81px;
padding-left: 9px;
background: #FFFFFF;
box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.02);
border: none;
font-family: 'Stolzl';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #A6A0A0;
}

.tell-us-gb{
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 155%;
color: #2D2D2D;

}

.join-us-textarea-form{
    width: 100%;
    background: #FFFFFF;
box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.02);
border: none; 
}

.hero-section-text{
 font-family: 'Stolzl-bold';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 114%;
color: #ffffff;
}

.hero-section-text-orange{
    font-family: 'Stolzl-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 114%;
    color: #EE8235;
}

.our-prod-gb{
    font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 400;
font-size: 17.9135px;
line-height: 21px;
text-align: center;
letter-spacing: 0.457788px;
color: #FFFFFF;
border: 0.995192px solid #FFFFFF;
background-color: transparent !important;
padding: 15px 30px;
}

.gb-fluid{
    max-width: 515px;
}

.rotator-gb{
    border: 6px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 50%;  
}

.core-head-gb{
font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 68px;
text-align: center;
letter-spacing: -0.03em;
color: #2D2D2D;
}


.sec-images-col-1{
    
     width: 413px;
    height:480px;
    background-image: url("../customImages/Group 228.png"); ;
}

.sec-images-col-2{
    height: 228px;
    width: 388px;
    background-image: url("../customImages/Group 232.png"); ;
}

.sec-images-col-3{
    height: 228px;
    width: 388px;
    background-image: url("../customImages/Group 229.png"); ;
}

.sec-images-col-4{
    height: 228px;
    width: 820px;
    background-image: url("../customImages/Group 231 (1).png"); ;
}

.sec-images-col-5{
    height: 228px;
    width: 390px;
    background-image: url("../customImages/Group 230.png"); ;
}

.bg-image-choose-us{
    background-image: url("../customImages/Group 237.png");
    background-repeat: no-repeat;
    background-size:cover;
}

.services-font-gb{
    font-family: 'Stolzl-regular';
    font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 111%;
letter-spacing: -0.03em;
color: #FFFFFF;
}

.cv-font{
    font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* or 151% */


color: #2D2D2D;

}

.sum-gb{
padding: 0px 41%;
height: 57.21px;


background: #0F5115;
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
/* identical to box height, or 132% */


color: #FEFFFE;
}

.services-txt-gb{
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 182%;
text-align: justify;
color: #2D2D2D;}

.white-bg-text-gb{
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 34px;
/* or 169% */

letter-spacing: 0.01em;

color: #FFFFFF;
}

.white-card-gb{
background: #FFFFFF;
border: 4px solid #E9F3EB;
box-shadow: 0px 16.2794px 40.6986px rgba(45, 45, 45, 0.39);
border-radius: 7px;
}

.why-choose-us-gb{
    font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 68px;
/* or 171% */

text-align: center;
letter-spacing: -0.03em;

color: #FFFFFF;

}

.wcu-sub-header-gb{
font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 341% */
text-align: center;
letter-spacing: -0.03em;
color: #2D2D2D;
}

.wcu-text-gb{
font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 158%;
text-align: center;
color: #2D2D2D;
}

.sm-txt-gb{
    font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
/* or 182% */

text-align: justify;

color: #2D2D2D;

}

.who-we-are-gb{
font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 68px;
/* or 171% */

letter-spacing: -0.03em;

color: #2D2D2D;

}

.slider-1-text{
    font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */

text-align: center;

/* Secondary text */

color: #525560;

}
.name-s1-gb{
font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 32px;
/* identical to box height, or 145% */

text-align: center;
font-feature-settings: 'liga' off;}

/* slider */
.gallery-section {
    margin-top: 6rem;
}

.gallery-section h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 3.3125rem;
    line-height: 120.5%;
    /* identical to box height, or 64px */
    text-align: right;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #000000;
}

.e-gallery-left {
    width: 25% !important;
    height: 50vh !important;
    /* background: blue!important; */
    box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-image: url("../customImages/gallery pic 1.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.e-gallery-middle {
    width: 25% !important;
    height: 50vh !important;
    /* background: blue!important; */
    box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    background-image: url("../customImages/gallery pic 2.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.e-gallery-right {
    width: 25% !important;
    height: 50vh !important;
    /* background: blue!important; */
    box-shadow: 0px 20px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-image: url("../customImages/gallery pic 3.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.e-hover-change:hover {
    /* transition: color 1s ease, transform 1s ease; */
    transition: 0.9s;
}

.e-hover-change:hover {
    width: 30%;
    height: 55vh;
    cursor: pointer;
    scale: 1.1;
}

.gallery-indicator {
    margin-top: 4rem !important;

}

.gallery-indicator .active {
    border: 6px solid #EE8235 !important;
    border-radius: 50%;
    background-color: #EE8235 !important;
}

.gallery-indicator .unactive {
    border: 6px solid #F1D1B6;
    width: 3px;
    border-radius: 50%;
    background-color: #F1D1B6;
}


@media(max-width: 414px) {
    .e-hover-change {
        width: 100% !important;
    }

    .gallery-section h1 {
        font-size: 2.25rem;
    }
}

@media(min-width: 500px) and (max-width: 900px) {
    .e-hover-change {
        width: 30% !important;
    }
}

/* slider */

.text-center-h1-gb{
font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 120%;
/* identical to box height, or 48px */
text-align: center;
color: #2D2D2D;
}

.text-center-gb{
    font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 21px;
/* or 158% */

text-align: center;

color: #2D2D2D;

    }

    /* slider 2 */
    .arrow-img {
        position: absolute;
        font-size: 1px;

        height: 0px;
        width: 0px;
        border-radius: 20px;
        border: none;
        color: #e6e5ee;

    }

    .arrow-img-2 {
        position: absolute;
        right: 2%;
        margin-top: 13%;
        height: 50px;
        width: 50px;
        border-radius: 20px;
        border: none;
        color: #0A033C;
        font-weight: 900;
        font-size: x-large;

    }


    .overflow-shit {
        overflow-x: hidden;
    }


    .prev {
        transform: rotate(-180deg);
    }

    .next:hover {
        text-shadow: 2px 2px 2px rgb(200, 200, 200);
    }

    .prev:hover {
        text-shadow: 2px -2px 2px rgb(200, 200, 200);
    }

    .item {
        flex: 1 0 25%;
    }

    @media (max-width: 1024px) {
        .item {
            flex: 1 0 33%;
        }
    }

    @media (max-width: 768px) {
        .item {
            flex: 0 0 100%;
        }
    }

    @media (max-width: 576px) {
        .item {
            flex: 1 0 100%;
        }
    }
    /* slider 2 */

.FAQ-gb{
font-family: 'Stolzl-medium';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 120%;
/* identical to box height, or 48px */

text-align: center;

color: #2D2D2D;

}

.white-card-gb-{
    background: #FFFFFF;
border: 2px solid #E9F3EB;
border-radius: 7px;
}

.blue-card-gb-{
    background: #E9F3EB;
    border-radius: 7px;   
}

.white-flow-card{
    font-family: 'Stolzl-regular';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
/* or 122% */
letter-spacing: -0.03em;
color: #2D2D2D;
}

.white-flow-card-2{
    font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 21px;
/* or 158% */

color: #2D2D2D;
}

.smt-btn-home{
    background: #0F5115;
    font-family: 'Stolzl-light';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
padding: 1rem 1rem;

}

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

    .sm-sc-logo-padding{
        padding-top: 100px
    }
    
    .slick-dots{
        
margin-left: 0px;
    }
    .small-screen-font-gb{
        font-size: 0.95rem !important;
    }

    .small-screen-big-font-gb{
        font-size: 1.5rem !important;
    }

    .gb-fluid{
        max-width: 100% !important;
    }
    .sec-images-col-1{
        width: 413px;
        height:228px;
    }
    .cp-text{
padding-top: 30% !important;
    }
    .no-margin{
        margin-left: 0px !important;
        float: left !important;
    }

    .no-margin-gb{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .wrap-o{
        flex-wrap: wrap !important;

    }

    .sec-images-gb{ 
        width: 100% !important
    }

    .three-crd-width{
        width: 100% !important;
    }

    .ti-margin{
        margin-top: 1.7rem;
    }

    .reduce-mt{
        margin-top: 10px !important;
    }

}

.disable-padding-gb{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media screen and (max-width:414px){
    .nono{width:300px !important} 

}

.nono{
    width:289px
}
.three-crd-width{
    width:955px;
}