@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Sora:wght@100..800&display=swap');

@font-face {
    font-family: 'helvetica_neueblack';
    src: url('../fonts/helveticaneueblack-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_neuemedium';
    src: url('../fonts/helveticaneuemedium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuemedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input { outline: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
    scroll-behavior: smooth !important;
  }
body {
    line-height: 1;
    font-family: "Heebo", system-ui; background: #F6F6F6;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-family: "Sora", system-ui; font-weight: 600;  color: #231F20; }
p { font-size: 18px; line-height: 24px; color: #231F20;}

/* .fullscreen-container{width:100%; height:100vh; overflow-y: scroll; scroll-snap-type: y mandatory;} */
.grow, .trust, .brands, .stories, .reasons, .approach, .faq, .media { scroll-snap-align:start; display: flex; align-items: center; height: 100vh; }
header { background: #fff; position: sticky; top: 0; z-index: 999;box-shadow: 0px 0px 5px #cfcfcf; scroll-snap-align:start; }
.grow { height: auto; padding-bottom: 100px; padding-top: 50px;}

.banner {background: url(../img/banner.png) no-repeat center bottom ;  background-size: cover; height: 100vh;  position: relative;}
.banner::after { position: absolute; bottom: 0; content: ''; width: 100%; height: 100px; background: url(../img/bg-line.png) no-repeat;}

.accelity-menu { padding: 0;}
.accelity-menu .nav-link {padding: 0.5rem 2rem !important; color: #000; font-size: 16px;}
.getin { background: #EC8B2D; border-radius: 3px; }
.getin a { color: #fff !important; }
.banner { display: flex; align-items: center; /*height: calc(100vh - 97px);*/ }
.banner h5{ font-size: 35px; line-height:50px; color: #fff; padding: 30px 0; }
.banner p { font-size: 20px; color: #fff; font-weight: 500;}
.banner a { display: inline-block; background: #EC8B2D; border-radius: 3px; padding: 10px 25px; color: #fff; text-decoration: none; margin-top: 60px; font-size: 16px;} 
.banner a i { padding-left: 10px;}

.pre-head { position: relative;     font-family: 'helvetica_neuemedium'; font-size: 22px; color: #fff; padding-left: 160px;}
.pre-head::before { width: 150px; height: 2px; background-color: #fff; top: 10px; position: absolute; left: 0; content: ''; }

.common-heading .pre-head { color: #231F20 ; }
.common-heading .pre-head::before {background-color: #EC8B2D;}
.common-heading h3 { font-size: 35px; margin-top: 16px; 
    font-family: 'helvetica_neueblack';}

.grow { background: #fff;}
.points { width: 100%; border: 1px solid #D4E1E6; padding: 25px; margin-top: 25px;}
.points:hover { background: #EC8B2D;}
.points img { border: 1px solid #707070; border-radius: 10px; padding: 30px; }
.points h2  { margin-top: 100px; font-size: 24px; font-weight: 400; line-height: 30px; }
.points h2 span  { font-size: 25px;font-weight: 600; }
.points:hover img { border-color: #fff; background: #fff;}
.points:hover h2 { color: #fff;}
.bdleft { border-left: 0;}
.accordion-body ul li { line-height: 22px; margin-left: 20px; list-style-type: disc;}
.grow-box { display: flex;}

.trust { padding-top: 100px; height: auto; padding-bottom: 100px;}

.trust-txt { display: flex; margin-top: 50px;}
.trust-txt strong { font-weight: 600;}
.trust-txt span{ display: block; border-radius: 3px; width: 44px; height: 44px; background: #EC8B2D; padding: 12px 8px; margin-right: 10px; }

.brands { background: #231F20; position: relative; height: auto; padding-bottom: 100px;}

.brands::after { position: absolute; top: -100px; content: ''; width: 100%; height: 100px; background: url(../img/bg-line-b.png) no-repeat;}
.brands hr { background: #fff; }
.brand-box { background:#fff ; min-height: 167px;; max-height: 167px;; border-radius: 3px; display: flex; align-items: center; justify-content: center;}

.stories { position: relative;}
.stories-box { background: #fff; border-radius: 5px; transition: all 0.4s ease-in-out; padding: 15px; box-shadow: 0px 0px 5px #cfcfcf; }
.stories-box:hover { box-shadow: 0px 0px 10px #7e7d7d;}
.stories-box p { margin: 50px 0 30px; height: 80px;}
.stories-box h4  { font-size: 16px; margin-bottom: 15px;}
.stories-box a { display: block; width: 50px; height: 50px; background: #EC8B2D; border-radius: 3px; }
.stories-box a img { padding: 12px;}
.stories .owl-theme .owl-nav{ position: absolute; left: -50%; bottom: 00%;}
.stories .owl-theme .owl-nav i{ font-size: 25px;}
.stories .owl-theme .owl-nav [class*='owl-']:hover { background: none !important; color: #474747;}

.reasons  { background: #fff; height: auto; padding: 80px 0;}
.reasons-box { margin-top: 20px; display: flex; padding: 10px; border-radius: 5px;
    transition: all 0.4s ease-in-out; box-shadow: 0px 0px 5px #cfcfcf; }
.reasons-box:hover { box-shadow: 0px 0px 10px #7e7d7d; }
.reasons-box p { font-size: 15px;}
.reasons-box span { width: 62px; display: inline-block; background: #EC8B2D; border-radius: 5px; font-size: 30px; color: #fff; font-family: "Sora", system-ui; font-weight: 600; padding: 19px 25px; margin-right: 10px;}

.approach { background: url(../img/path.png) no-repeat; background-position: center center; position: relative; height: 120vh; }    
.plan-head { position: absolute; top: 50px;}
.approach-box { margin-top: 30px; background: #fff; padding: 40px 20px; border-radius: 5px;  box-shadow: 0px 0px 5px #cfcfcf; 
    transition: all 0.4s ease-in-out;}
.approach-box:hover {  box-shadow: 0px 0px 10px #7e7d7d;}
.approach-box h6 { font-size: 20px;  padding: 20px 0;}
.orange-box { background: #EC8B2D;}

.faq { background: #231F20; height: auto; padding: 50px 0;}
.faq .accordion-item { background-color: transparent; border: 0; margin-bottom: 20px;}
.faq .accordion-button:not(.collapsed) {color: #fff; background-color: #494748; box-shadow: none;}
.faq .accordion-item:first-of-type .accordion-button, .faq .accordion-button { border-radius: 5px !important; }
.faq .accordion-button  { background: #494748; font-size: 20px; color: #fff;} 
.faq .accordion-body { padding: 15px 0 0 ;}
.faq .accordion-body p { color: #fff !important;}
.faq .accordion-button::after { background-image: url(../img/icon-plus.png);}
.faq .accordion-button:not(.collapsed)::after { background-image: url(../img/icon-minus.png); }

.media { background: #fff; height: auto; padding: 30px 0px 120px;}
.media-box { border: 1px solid #C2C2C2 ; border-radius: 5px; padding: 15px; margin-top: 70px; box-shadow: 0px 0px 5px #cfcfcf; transition: all 0.4s ease-in-out;}
.media-box p { margin: 0; margin-bottom: 30px;}
.media-box h5 { font-size: 16px; font-family: "Heebo", system-ui; color: #C2C2C2; font-weight: 400;}
.media-box h4 { font-size: 18px; margin-top: 15px; margin-bottom: 0; min-height: 65px;}
/* .media-box a {  background: #E3E3E3;} */
.box-dark { background: #E3E3E3;}
.box-dark a { background: #fff;}

footer { background: #231F20; scroll-snap-align:start; position: relative;}
footer::after { position: absolute; top: -100px; content: ''; width: 100%; height: 100px; background: url(../img/bg-line-b.png) no-repeat;}

.social { margin-top: 100px; display: block;}
.social a { color: #fff; margin-right: 30px; font-size: 25px;}
.quick h2 { font-size: 20px; color: #fff; margin-bottom: 30px;}
.quick a { font-size: 16px; line-height: 35px; display:table; color: #fff;}
.quick p { font-size: 16px; color: #fff; margin-bottom: 30px;}
.copy  { padding: 10px 0; text-align: center;}
.copy p { font-size: 14px; font-weight: 300; color: #ffffff50;}
.stories .owl-carousel .owl-stage-outer { padding: 10px 0;}


/*Inner Page*/

.inner-pagr-head { padding: 50px 0; background: url(../img/title-bar-01-bg.png) no-repeat center right;}
.inner-head h1 { font-size: 30px;}
.inner-head a { margin-top: 10px; display: block; color: #000;}

.inner-pagr-head-bg { background: url(../img/career-bg.png) no-repeat center -490px;}

.inner-content { padding: 50px 0  150px;}
.inner-content h3 { margin-bottom: 5px;}
.inner-content p { font-size: 16px; margin-bottom: 15px;}
.inner-content ul li { line-height: 30px; list-style-type: circle;
    margin-left: 20px;}

    .inner-content2 { background: #fff; padding: 50px 0 150px; }
.con-head {  font-size: 33px; line-height: 38px;}
.con-head small { font-size: 16px; line-height: 10px;}

.c-box {  text-align: left;}
.brr { border-right: 1px solid #e3e3e3;}

.c-box i { display: block; font-size: 30px; margin-bottom: 20px; color: #ec8b2d; }
.c-box p { margin-bottom: 0;}
.c-box a { color: #000;}
.form-control { border-radius: 2px; height: 50px;}
textarea.form-control { height: 150px;}
.career-box { border: 1px solid #e3e3e3; padding: 20px;  box-shadow: 0px 0px 5px #cfcfcf; 
    transition: all 0.4s ease-in-out;}
    .career-box:hover {  box-shadow: 0px 0px 10px #7e7d7d;}
.career-box a { background: none; border: none; text-align: left; padding: 0; margin-bottom: 20px;}
.career-box a:hover, .career-box a:focus, .career-box a:active:focus {  background: none; border: none; box-shadow:none; outline: none; }
.career-box h1 { font-size: 18px; line-height: 30px; }
.career-box h1 span { font-size:21px; font-weight: 600; color: #EC8B2D;}

.con-box { display: flex; justify-content: space-between; width: 100%; background: #fff; border-radius: 5px; padding: 20px;}
.con-box_row { display: flex; flex-direction: column;width: 100%; background: #fff; border-radius: 5px; padding: 20px;}

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

    .fullscreen-container { height: auto;}

    header, .grow, .trust, .brands, .stories, .reasons, .approach, .faq, .media, footer { scroll-snap-align:unset; scroll-snap-type: none;  height: 100% !important; }
    .grow, .trust, .brands, .stories, .reasons, .approach, .faq, .media {padding: 50px 0; }
}


@media screen and (max-width: 480px) {
    .banner { height: auto; padding: 50px 0;}
    .banner h5 {
        font-size: 20px;
        line-height: 30px;
        padding: 25px 0;
    }
    .banner p {
        font-size: 15px;
        font-weight: 300;
    } 
    header{ height: auto;}
    .common-heading h3
    { font-size: 25px;}
    .pre-head { font-size: 16px;     padding-left: 110px;}
    .pre-head::before { width: 100px;}

    .trust-txt { margin-top: 20px;}
    .trust { margin-bottom: 100px;}
    .feelimg { padding-bottom: 50px;}
    p {
        font-size: 15px; line-height: 18px;}
        .common-heading h3 { margin-top: 6px;}
        .stories-box { margin-top: 15px;}
        .faq .accordion-button { font-size: 16px;}
        .plan-head { position: relative;}
        
.grow-box { display: block}
.social, .quick {
    margin-top: 30px;  } 
    .brands { padding: 0;}
    .reasons img { padding-bottom: 50px;} 
    .plan-head { top: 0;}
    .media { padding-bottom: 140px;}
}