@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Bold.woff2') format('woff2'),
    url('../fonts/Gilroy-Bold.woff') format('woff'),
    url('../fonts/Gilroy-Bold.ttf') format('truetype'),
    url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Semibold.eot');
    src: url('../fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
    url('../fonts/Gilroy-Semibold.woff') format('woff'),
    url('../fonts/Gilroy-Semibold.ttf') format('truetype'),
    url('../fonts/Gilroy-Semibold.svg#Gilroy-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Medium.woff2') format('woff2'),
    url('../fonts/Gilroy-Medium.woff') format('woff'),
    url('../fonts/Gilroy-Medium.ttf') format('truetype'),
    url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Regular.woff2') format('woff2'),
    url('../fonts/Gilroy-Regular.woff') format('woff'),
    url('../fonts/Gilroy-Regular.ttf') format('truetype'),
    url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
/* Defalt Color White */ --defaltWhite: #ffffff ;
/* Defalt Color Black */ --defaltBlack: #000000 ;

/* Defalt rem Fonts Size */ --defaltRem: 100%;

/* Current Fonts Color */ --currentFontColor: #010102;
/* Current Fonts Size */ --currentFontSize: 1rem;
/* Current Border solid Color */ --currentBorderColor: #010102;
/* 100 Background color */ --bc100: #FAF9F6;
/* 200 Background color */ --bc200: #f3faf9;
/* 300 Background color */ --bc300: #dff3ef;
/* 400 Background color */ --bc400: #01c5a5;

/* Current A href Fonts Color */ --currentFontA_href: var(--currentFontColor);
/* Current A href Fonts hover Color */ --currentFontA_hrefHover: var(--bc400);

/* Current Heading Fonts Color */ --headingFontColor: var(--currentFontColor);
/* Current Heading Fonts Size h1 */ --headingFontSizeh1: 1.6rem;
/* Current Heading Fonts Size h2 */ --headingFontSizeh2: 1.5rem;
/* Current Heading Fonts Size h3 */ --headingFontSizeh3: 1.4rem;
/* Current Heading Fonts Size h4 */ --headingFontSizeh4: 1.3rem;
/* Current Heading Fonts Size h5 */ --headingFontSizeh5: 1.2rem;
/* Current Heading Fonts Size h6 */ --headingFontSizeh6: 1.1rem;
/* Current Heading Fonts Weight h1 */ --headingFontWeighth1: 800;
/* Current Heading Fonts Weight h2 */ --headingFontWeighth2: 700;
/* Current Heading Fonts Weight h3 */ --headingFontWeighth3: 700;
/* Current Heading Fonts Weight h4 */ --headingFontWeighth4: 600;
/* Current Heading Fonts Weight h5 */ --headingFontWeighth5: 600;
/* Current Heading Fonts Weight h6 */ --headingFontWeighth6: 500;

/* Header Background color */ --headerBG: var(--bc100);
/* Header Sticky Background color */ --headerStickyBG: var(--defaltWhite);
/* Header Fonts Color */ --headerFontColor: var(--currentFontA_href) ;
/* Header Fonts hover Color */ --headerFontColorHover: var(--currentFontA_hrefHover);

/* Footer Background color */ --footerBG: var(--defaltBlack);
/* Footer Fonts Color */ --footerFontColor: var(--defaltWhite) ;
/* Footer a href Fonts Color */ --footerLinkFontColor: var(--defaltWhite) ;
/* Footer a href Fonts hover Color */ --footerLinkFontColorHover: var(--currentFontA_hrefHover);
/* Footer Bottom Bar Background color */ --bottomBarBG: var(--defaltBlack);
/* Footer Bottom Bar Fonts Color */ --bottomBarFontColor: var(--defaltWhite) ;

/* Button Background color */ --btnbg: var(--bc200);
/* Button Background Hover color */ --btnbgh: var(--bc300);
/* Button Fonts Color */ --btnc: var(--currentFontA_href) ;
/* Button Fonts hover Color */ --btnch: var(--currentFontA_href);
/* Button Border Color */ --btnbc: var(--bc400);
/* Button Border hover Color */ --btnbch: var(--bc400);

/* Dark Button Background color */ --dbtnbg: var(--bc400);
/* Dark Button Background Hover color */ --dbtnbgh: var(--bc300);
/* Dark Button Fonts Color */ --dbtnc: var(--currentFontA_href);
/* Dark Button Fonts hover Color */ --dbtnch: var(--currentFontA_href);
/* Dark Button Border Color */ --dbtnbc: var(--bc400);
/* Dark Button Border hover Color */ --dbtnbch: var(--bc400);

/* Button Shade Background color */ --btnshade: var(--btnbg);
/* Button Background color image */ --cbgbcimg: transparent;
/* Button Background Hover color image */ --cbgbhcimg: linear-gradient(90deg,rgba(0,122,255,1) 0%,rgba(202,100,214,1) 100%);
/* Button Border Color image */ --cbbcimg: linear-gradient(to right,#007aff,#ca64d6) 1;
/* Button Border hover Color image */ --cbbhcimg: linear-gradient(to right,#007aff,#ca64d6) 1;

/* Bread crumb Background color */ --cbcbc: var(--defaltBlack);
/* Bread crumb Background opacity */ --cbcbo: 0.6;
/* Bread crumb Fonts Color */ --cbcfc: var(--defaltWhite);
/* Bread crumb Fonts hover Color */ --cbcfhc: var(--currentFontA_hrefHover);
/* Bread crumb Title Fonts Color */ --cbatfc: var(--bc400);

/* Current box shadow */ --cbox_shadow: 4px 4px 10px var(--bc400);
/* Current transition */ --ctrans: all 0.5s ease-in-out;

}
html {
    font-size: var(--defaltRem);
}
body {
    color: var(--currentFontColor);
    background: var(--bc100);
    font-size: var(--currentFontSize);
    font-weight: 500;
    font-style: normal;
    line-height: 145%;
    letter-spacing: -1px;
    word-spacing: 3px;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--headingFontColor);
    font-style: normal;
    line-height: 120%;
    word-spacing: 0px;
    letter-spacing: -1px;
    margin: 0 0 25px;
}

h1 {
    font-size: var(--headingFontSizeh1);
    font-weight: var(--headingFontWeighth1);
}
h2 {
    font-size: var(--headingFontSizeh2);
    font-weight: var(--headingFontWeighth2);
}
h3 {
    font-size: var(--headingFontSizeh3);
    font-weight: var(--headingFontWeighth3);
}
h4 {
    font-size: var(--headingFontSizeh4);
    font-weight: var(--headingFontWeighth4);
}
h5 {
    font-size: var(--headingFontSizeh5);
    font-weight: var(--headingFontWeighth5);
}
h6 {
    font-size: var(--headingFontSizeh6);
    font-weight: var(--headingFontWeighth6);
}


.content {
    padding-top: 0px;
}
.content.home section:first-child {
    padding-top: 155px;
    padding-bottom: 65px;
}
.content section {
    padding-top: 100px;
}
.content section:not(:first-child) {
    padding-bottom: 65px;
}

.content section:nth-child(odd) {
background-color: var(--defaltWhite);}

img {
    width: 100%;
    height: auto;
}
a, a:hover {
    text-decoration: none;
}

/* Button Start */
.content .btn, .content .btn-light:hover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--btnbg);
    color: var(--btnc);
    border-color: var(--btnbc);
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    border-radius: 25px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out;
}
.content .btn-light, .content .btn:hover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--btnbgh);
    color: var(--btnch);
    border-color: var(--btnbch);
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    border-radius: 25px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out;
}
/* Button End */



/* Custom Heading Start */
.sec-heading {
    line-height: 150%;
    margin-bottom: 50px;
}
.sec-heading b {
    color: var(--bc400);
    position: relative;
    padding-bottom: 10px;
    line-height: 100%;
}
.sec-heading b:after {
    content: "";
    background-image: linear-gradient(to bottom right, var(--bc400), var(--bc300));
    width: 70%;
    max-width: 250px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* Custom Heading End */

/* Sub Heading Start */
.sub-title {
    position: relative;
    line-height: normal;
    display: inline-block;
    color: var(--bc400);
    padding-left: 80px;
}
.sub-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 2px;
    background: var(--bc400);
}
/* Sub Heading End */


/* Info box custom Start */
.info-box-custom {
    padding-bottom: 45px;
    height: 100%;
}
.info-box-custom-rep {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    border-radius: 5px;
    height: 100%;
    padding: 20px;
    box-shadow: 4px 4px 10px var(--bc400);
    background: var(--defaltWhite);
}
.info-box-custom .info-box-custom-rep > * {
    margin-bottom: 0;
}
.center .info-box-custom .info-box-custom-rep * {
    text-align: center;
    width: 100%;
}
/* Info box custom End */

/* Background overlay Start */
.bgimg-overlay {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}
.bgimg-overlay:before {
    content: "";
    background-color: var(--bc400);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.bgimg-overlay > * {
    position: relative;
    z-index: 2;
}
.bgimg-overlay * {
    color: var(--defaltWhite);
    text-align: center;
}
/* Background overlay End */

/* header Start */
header#masthead {
    transition: all 0.5s ease-in-out;
}
header#masthead > nav.navbar {
    padding: 20px 0;
    transition: all 0.5s ease-in-out;
    background-color: var(--headerBG);
}
header#masthead > nav.navbar .nav-rep {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header#masthead > nav.navbar .nav-rep .navbar-brand {
    transition: all 0.5s ease-in-out;
    display: block;
    max-width: 250px;
}
header#masthead > nav.navbar .nav-rep .navbar-nav {
    margin-right: unset !important;
    margin-left: auto;
}
header#masthead > nav.navbar .nav-rep .navbar-nav .nav-item .nav-link {
    color: var(--headerFontColor);
    padding-left: 0;
    padding-right: 0;
}
header#masthead > nav.navbar .nav-rep .navbar-nav .nav-item.active .nav-link {
    color: var(--bc400);
    border-bottom: 2px solid var(--bc400);
}
header#masthead > nav.navbar .nav-rep .navbar-nav .nav-item:not(:last-child) .nav-link {
    margin-right: 35px;
}

header#masthead.sticky > nav.navbar {
    padding: 5px 0;
}
header#masthead.sticky > nav.navbar .nav-rep .navbar-brand {
    max-width: 150px;
}

header#masthead > nav.navbar .nav-rep button.navbar-toggler {
    outline: 0;
    box-shadow: unset;
    border: 1px solid var(--headerFontColor);
    background: var(--headerStickyBG);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    position: relative;
    z-index: 9;
}
header#masthead > nav.navbar .nav-rep button.navbar-toggler span {
    width: 30px;
    height: 3px;
    background-color: var(--headerFontColor);
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
header#masthead > nav.navbar .nav-rep button.navbar-toggler[aria-expanded='true'] span:nth-child(2) {
    opacity: 0;
}
header#masthead > nav.navbar .nav-rep button.navbar-toggler[aria-expanded='true'] span:nth-child(1) {
    transform: translate(0, 275%) rotate(45deg);
    transform: translate(0, 275%) rotate(45deg);
    -webkit-transform: translate(0, 275%) rotate(45deg);
    -moz-transform: translate(0, 275%) rotate(45deg);
    -ms-transform: translate(0, 275%) rotate(45deg);
    -o-transform: translate(0, 275%) rotate(45deg); 
}
header#masthead > nav.navbar .nav-rep button.navbar-toggler[aria-expanded='true'] span:last-child {
    transform: translate(0, -275%) rotate(-45deg);
    -webkit-transform: translate(0, -275%) rotate(-45deg);
    -moz-transform: translate(0, -275%) rotate(-45deg);
    -ms-transform: translate(0, -275%) rotate(-45deg);
    -o-transform: translate(0, -275%) rotate(-45deg);
}
/* header end */

/* Breadcrumb Start */
.breadcrumb {
    height: 350px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* background-attachment: fixed; */
}
.breadcrumb:before {
    content: "";
    background-color: var(--cbcbc);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: var(--cbcbo);
}
.breadcrumb > * {
    position: relative;
    z-index: 2;
}

.breadcrumb.left .bread-crumb-rep {
    align-items: flex-start;
}
.breadcrumb .bread-crumb-rep {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    gap: 20px;
    align-items: center;
    padding: 10px 10px 0px;
}
.breadcrumb .bread-crumb-rep > * {
    color: var(--cbatfc);
    margin-bottom: 0;
}
.breadcrumb .bread-crumb-rep .bread-crumb-link {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.breadcrumb .bread-crumb-rep .bread-crumb-link, .breadcrumb .bread-crumb-rep .bread-crumb-link * {
    color: var(--cbcfc);
}
.breadcrumb .bread-crumb-rep .bread-crumb-link a:hover {
    color: var(--cbcfhc);
}




/* Bread crumb Fonts Color */
/* --cbcfc: var(--defaltWhite); */

/* Bread crumb Fonts hover Color */ 
/* --cbcfhc: var(--currentFontA_hrefHover); */



/* Breadcrumb End */



/* Home Start */
/* Banner Start */
section.banner {
    padding-bottom: 100px;
}
.image-slider {
    margin-bottom: 35px;
}
.banner-slider-rep .slick-list .slick-slide {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.banner-slider-rep .slick-list .slick-slide.slick-active {
    margin: auto;
    text-align: center;
    opacity: 1;
}
.banner-slider-rep .bgslidelast .row {
    align-items: center;
}
.banner-slider-rep .bgslidelast {
    margin-bottom: 35px;
}
.banner-title * {
    text-align: left;
}

button.s-prev, button.s-next {
    background: #282829;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 9px;
    position: absolute;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
button.s-prev {
    right: calc(100% - 50px);
}
button.s-next {
    left: calc(100% - 50px);
}
/* Banner end */

/* Image slider fold 3 Start */
.slider-img {
    height: 400px;
}
.slider-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
/* Image slider fold 3 end */

/* fold 4 Start */
/* fold 4 end */

/* fold 5 Start */
/* fold 5 end */

/* fold 6 Start */
/* fold 6 end */

/* Home End */

/* About Us Start */
section.about-s2 .container {
    margin-bottom: 35px;
}
/* About Us end */




/* fold 2 Start */
/* fold 2 end */

/* How it works Start */
/* How it works end */

/* Happy Kravers Start */
/* Happy Kravers end */


/* Areas Start */
/* Areas end */

/* Contact Start */
/* Contact end */









/* Footer Start */

footer#footer .footer-rep {
    background: var(--footerBG);
    padding-top: 50px;
    padding-bottom: 60px;
}

footer#footer.center .footer-rep .container > .row {
    flex-flow: column wrap; align-items: center; text-align: center; gap: 35px 0px;
}
footer#footer.center .footer-rep .container > .row > * {
    width: 100%; text-align: center;
}
footer#footer.center .footer-rep .container > .row .footer-w2 {order: 3;}
footer#footer.center .footer-rep .container > .row * .widget-title {display: none;}
footer#footer.center .footer-rep .container > .row * .menu {flex-flow: row wrap; align-items: center; justify-content: center;}

footer#footer img {
    max-width: 300px;
}
footer#footer a {
    display: block;
}
footer#footer .footer-rep .widget-title {margin-bottom: 35px;}
footer#footer .footer-rep * {color: var(--footerFontColor); transition: var(--ctrans);}
footer#footer .footer-rep a:hover[aria-current=page] {color: var(--footerLinkFontColorHover);}

/* footer menu */
footer#footer .footer-rep .menu {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
footer#footer .footer-rep .menu .menu-item a:hover,
footer#footer .footer-rep .menu .menu-item a:hover * {
    color: var(--footerLinkFontColorHover);
}

/* Bottom Bar Start */
.bottom-bar {
    background: var(--bottomBarBG);
}
.bottom-bar .bottom-bar-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    gap: 10px;
    padding: 20px 0;
}
.bottom-bar .bottom-bar-wrap * {
    color: var(--bottomBarFontColor);
    margin: 0;
    font-size: 14px;
    flex: 1 1 auto;
}
/* Bottom Bar End */
/* Footer End */



@media (max-width: 1399.5px){

}

@media (max-width: 1199.5px){
   
}

@media (max-width: 991.5px){
    .content section:first-child {
        padding-top: 180px;
    }
    /* Header Start */
    header#masthead > nav.navbar .nav-rep button.navbar-toggler {
        display: flex;
    }
    header#masthead > nav.navbar .nav-rep #navbarSupportedContent {
        width: 100%;
        max-width: 300px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        overflow-x: auto;
        background: var(--defaltWhite);
    }
    /* Header End */


}

@media (max-width: 767.5px){
  
}



@media (max-width: 575.5px){
   
}