/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.container.main-content, .container.normal-container.row {
    --scroll-bar-w: 0px !important;
}
div#ready-inr p {
    color: #fff !important;
}
/* Header css */
nav ul li a {
    color: #45474A !important;
}
li#menu-item-16 a {
    background: #6D3A00;
    color: #fff !important;
    padding: 20px 40px !important;
    box-shadow: 7px 11px 0px #1B1E22;
    transition: all 0.5s !important;
}
li#menu-item-16 a:hover {
    box-shadow: unset !important;
    transition: all 0.5s !important;
}
/* end Header css */

/* banner css  */
div#main-banner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
div#main-content {
    padding: 40px 40px !important;
}
div#main-banner h1 {
    color: #fff;
}
.orange {
    color: #B87333;
}
div#main-content h6 {
    color: #fff;
    background: #B87333;
    text-align: center;
    max-width: 380px;
    padding: 8px;
    font-weight: 400 !important;
}
div#main-banner p {
    color: #fff;
}
.banner-box {
    background: #fff;
    color: #000 !important;
    padding: 80px 20px !important;
    border: 7px solid #6D3A00 !important;
}
.banner-box p {
    color: #45474A !important;
}
.banner-box ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.banner-box ul li {
    list-style: none !important;
    color: #1A1C1B !important;
}
.banner-box h5 {
    color: #B87333;
}
.banner-box .black {
    font-size: 48px !important;
    line-height: 56px !important;
}
#orange-btn {
    background: #B87333 !important;
    padding: 30px 60px !important;
    margin-right: 30px;
    font-size: 27px !important;
    line-height: 35px !important;
    font-weight: 400;
    font-family: 'Inter' !important;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    border: none;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 15px rgba(184, 115, 51, 0.3);
}
#orange-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    z-index: 2;
    transition: left 0.6s ease;
}
#orange-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #8B5220;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
#orange-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(184, 115, 51, 0.5);
    animation: orangePulse 1.5s infinite alternate;
}
#orange-btn:hover::before {
    left: 100%;
}
#orange-btn:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
@keyframes orangePulse {
    0% {
        box-shadow: 0 5px 15px rgba(184, 115, 51, 0.4);
    }
    100% {
        box-shadow: 0 12px 30px rgba(184, 115, 51, 0.8);
    }
}
#orange-btn.transparent {
    background: unset !important;
    border: 1px solid #fff !important;
}
/* end banner css */

/* trust sec css */
.owl-dots {
    display: none !important;
}
div#trusted-slider {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#trusted-slider p {
    max-width: 350px;
}
div#trusted-slider h4 {
    color: #ffffffa8 !important;
}
/* end trust css */
/* our legacy css  */
.brown-box {
    background: #6D3A00;
    padding: 70px 20px !important;
    position: absolute;
    bottom: -30px;
    right: 20px;
    left: 100px;
    margin-left: 180px;
    color: #C5C6CA !important;
    box-shadow: 10px 10px 0px #1B1E22;
}
.brown-box h6 {
    color: #C5C6CA;
}
.border-blk {
    border: 1px solid #0000002e;
    max-width: 330px;
    padding: 10px 20px !important;
}
.border-blk h6 {
    color: #B87333;
    font-weight: 400 !important;
}
.border-blk p {
    color: #1A1C1B !important;
}
/* end legacy css */
/* cabi css  */
div#capa-sec .row-bg {
    background: #F9F9F7;
}
div#cap-boxes .vc_column-inner {
    background: #fff;
    padding: 30px;
}
div#cap-boxes {
    border-bottom: 13px solid #B87333;
}
div#cap-boxes .col-bord .vc_column-inner {
    border-right: 1px solid #B87333;
    border-left: 1px solid #B87333;
}
div#cap-intro {
    padding-bottom: 40px;
}
#catalouge-btn {
    background: unset !important;
    color: #000 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    margin-left: 100px !important;
    box-shadow: unset !important;
    transform: unset !important;
    opacity: unset !important;
}
div#cap-boxes img {
    margin-bottom: 20px;
}
/* end caboi css */
/* counting sec css */
div#counting-sec .num-small {
    color: #B87333;
}
div#counting-sec h5 {
    color: #fff;
}
div#counting-sec p {
    color: #83868B;
    padding-bottom:10px !important;
}
/* end counting css */
/* folio css  */
div#case-fancy h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}
/* end folio css */

/* zero harm css  */
div#zero-white .vc_column-inner {
    background: #fff;
    padding: 20px;
}
div#zero-intro .divider-small-border {
    margin: 0 auto;
    width: 7% !important;
    height: 4px !important;
    background-color: #B87333;
}
/* end zero harm css */
/* call to action css */
#orange-btn.black {
    background: #262626 !important;
    padding: 30px 30px 30px 90px !important;
}
#orange-btn.black i {
    font-size: 27px !important;
    left: 8px;
}
div#call-action h2 {
    margin: 0 auto;
	font-size: 84px !important;
    line-height: 92px !important;
}
/* end call to action css */
/* ft css start  */
div#main-ft .row-bg {
    background: #181818;
}
div#main-ft {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
div#footer-outer {
    display: none !important;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 110px;
}
div#main-ft h2 {
    color: #fff;
}
div#main-ft p {
    color: #A6A9AD;
}
div#main-ft h6 {
    color: #B87333;
}
div#main-ft li {
    list-style: none !important;
    padding-bottom: 10px !important;
}
div#main-ft ul {
    margin: 0;
}
div#main-ft ul li a {
    font-size: 21px !important;
    line-height: 29px !important;
    color: #fff !important;
    font-family: 'Inter' !important;
}
.copy-blk p {
    font-size: 19px !important;
    line-height: 27px !important;
}
a.shar-icon i {
    text-align: right !important;
    border: 1px solid #ffffff61;
    height: 60px;
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 26px !important;
    color: #ffffff87 !important;
}
/* end ft css */

/* inr-banner section CSS start */

h1 {
    color: #fff;
}

#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
}

/* inr-banner section CSS end */

/* purpose section CSS start */

h3 {
    color: #030407;
}

#purpose {
    padding-left: 50px;
    padding-right: 50px;
}

#purpose .vc_column-inner {
    background: #fff;
    border: 1px solid #75777B;
    padding: 80px 80px;
    transition: all 0.5s;
}

#purpose .vc_column-inner:hover {
    background: #6D3A00;
}

#purpose .vc_column-inner:hover h3, #purpose .vc_column-inner:hover p, #purpose .vc_column-inner:hover h6, #purpose .vc_column-inner:hover ul li, #purpose .vc_column-inner:hover ul li span.number {
    color: #fff;
    transition: all 0.5s;
}

#purpose ul li {
    padding-bottom: 15px;
    border-bottom: 1px solid #75777b4a;
    padding-top: 15px;
    list-style: none;
}

#purpose ul {
    margin: unset;
}

p {
    color: #45474A;
}

ul li {
    color: #45474A;
}

#purpose ul li span.number {
    color: #B87333;
    margin-right: 30px;
}

#purpose h6 {
    color: #B87333;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 2px;
}

#purpose .row-bg {
    border-top: 1.5px solid #75777B;
}

/* purpose section CSS end */

/* counter section CSS start */

#counter {
    padding-left: 50px;
    padding-right: 50px;
}

#counter .number, #counter .symbol {
    font-size: 75px !important;
    line-height: 83px !important;
    font-family: 'Space Grotesk';
    color: #fff;
}

#counter .nectar-milestone {
    text-align: left;
}

#counter .subject, #counter p {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Inter';
    color: #75777B;
}

#counter h5 {
    color: #B87333;
    font-family: 'Inter';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 24px;
}

#counter .type-blk {
    background: #1A1C1B;
    padding: 40px 30px;
}

#counter h4 {
    color: #fff;
    font-family: 'Space Grotesk';
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
}

#counter h6 {
    color: #B87333;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Inter';
}

#counter h6 i {
    color: #22C55E;
}

/* counter section CSS end */

/* legacy section CSS start */

#legacy-inr .vc_column-inner {
    background: #6D3A00;
    padding: 40px 40px;
    margin-right: 40px;
}

#legacy-inr h4, #legacy-inr h6, #legacy-inr p {
    color: #fff;
}

#legacy-inr h4, #legacy-inr p {
    font-family: 'Space Grotesk';
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
}

#legacy-inr h6 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

#legacy-inr {
    padding-bottom: 80px;
}

h2 {
    color: #030407;
}

#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
	
}

#orange-btn.small {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 15px 60px !important;
    box-shadow: unset !important;
}

#orange-btn.small i {
    font-size: 16px;
    right: 50px;
}

#orange-btn.small:hover {
    color: #fff;
}

#our-legacy.inr-legacy .brown-box {
    margin-left: unset;
    padding: 40px 40px !important;
    max-width: 450px;
    left: 200px;
}

#our-legacy.inr-legacy .brown-box p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

#our-legacy.inr-legacy .brown-box h6 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

/* legacy section CSS start */

/* tech section CSS start */

#tech {
    padding-left: 50px;
    padding-right: 50px;
}

#inr-tech {
    padding-bottom: 80px;
}

#inr-tech h6 {
    color: #B87333;
    font-size: 16px;
    line-height: 24px;
}

#tech-inr h4 {
    color: #030407;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
}

#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 80px 80px;
    transition: all 0.5s;
}

#tech-inr p {
    font-size: 16px;
    line-height: 24px;
    color: #75777B;
}

#tech-inr .vc_column-inner:hover {
    background: #6D3A00;
}

#tech-inr .vc_column-inner:hover p, #tech-inr .vc_column-inner:hover h4 {
    color: #fff;
}

#tech-inr img {
    margin-bottom: 30px;
}

#tech-inr h4 {
    margin-bottom: 15px;
}

#tech .row-bg {
    border-top: 1px solid #75777B; 
}

#tech-inr .row-bg, #inr-tech .row-bg {
    border: unset;
}

/* tech section CSS end */

/* service section CSS start */

#service {
    padding-left: 100px;
    padding-right: 100px;
}

#service-inr img {
    width: 100%;
}

#service-inr.brown-bg .row-bg {
    background: #6D3A00;
}


#service-inr .vc_col-sm-5 .vc_column-inner {
    padding: 40px 50px;
}

#service-inr.brown-bg h3, #service-inr.brown-bg p, #service-inr.brown-bg ul li {
    color: #fff;
}

#service-inr.brown-bg ul li {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

#service-inr {
    margin-bottom: 50px;
}

#service-inr .vc_column-inner {
    border: 1px solid #A6A9AD;
}

#service-inr .row-bg {
    background: #F4F4F2;
}

#service-inr .service {
    display: flex;
    gap: 50px;
}

#service-inr .service-inr {
    background: #fff;
    padding: 20px 30px;
    box-shadow: 5px 5px 0px #1B1E22;
}

#service-inr .service-inr span.small {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
}

#service-inr .service-inr span.big {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Inter';
    font-weight: bold;
}

#service-inr ul.auto {
    display: flex;
    margin: unset;
    gap: 20px;
}

#service-inr ul.auto li {
    list-style: none;
    font-size: 15px;
    line-height: 23px;
    background: #030407;
    color: #fff;
    padding: 7px 20px;
}

#service-inr #orange-btn {
    color: #fff;
    border-color: #fff !important;
}

/* service section CSS end */

/* ready secion CSS start */

#ready {
    padding-left: 100px;
    padding-right: 100px;
}

#ready-inr {
    background: #6D3A00;
    padding: 80px 80px;
}

#ready-inr h2 {
    color: #fff;
    max-width: 500px;
}

#ready-inr p {
    color: #83868B;
}

#ready-inr h6 {
    color: #FFB77B;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}

#ready-inr .vc_column-inner {
    margin-right: 50px;
}

/* ready section CSS end */

/* portfolio section CSS start */

#portfolio {
    padding-left: 100px;
    padding-right: 100px;
}

#portfolio-inr img {
    width: 100%;
    max-height: 390px;
    min-height: 390px;
    object-fit: cover;
}

#inr-portfolio {
    padding-bottom: 100px;
}

#inr-portfolio .portfolio {
    display: flex;
    justify-content: end;
    gap: 20px;
}

#inr-portfolio .portfolio-inr {
    background: transparent;
    border: 1px solid #75777B;
    padding: 20px 20px;
    text-align: center;
    transition: all 0.5s;
}

#inr-portfolio .portfolio-inr h6 {
    color: #C5C6CA;
}

#inr-portfolio .portfolio-inr h3 {
    color: #1A1C1B;
}

#inr-portfolio .portfolio-inr.brown h6 {
    color: #ffffffb0;
}

#inr-portfolio .portfolio-inr.brown h3 {
    color: #fff;
}

#inr-portfolio .portfolio-inr.brown {
    background: #6D3A00;
}

#inr-portfolio .portfolio-inr:hover {
    transform: scale(0.95);
}

#portfolio-inr .vc_column-inner {
    margin-right: 30px;
    background: #fff;
    border: 1px solid #75777B;
    transition: all 0.5s;
}

#portfolio-inr {
    padding-bottom: 30px;
}

#portfolio-inr .wpb_text_column {
    padding: 50px 30px;
}

#portfolio-inr h4 {
    font-size: 30px;
    line-height: 38px;
    font-family: 'Space Grotesk';
    font-weight: 600;
    color: #1A1C1B;
}

#portfolio-inr .vc_column-inner:hover {
    transform: scale(0.95);
}

/* portfolio section CSS end */

/* outcome section CSS start */

#outcome {
    padding-left: 100px;
    padding-right: 100px;
}

#outcome-inr .vc_column-inner {
    background: #ffffff12;
    margin-right: 20px;
    border: 1px solid #75777b52;
    padding: 30px 30px;
    transition: all 0.5s;
}

#outcome-inr .vc_column-inner:hover {
    transform: scale(0.95);
}

#outcome-inr h6 {
    font-size: 16px;
    line-height: 24px;
    color: #75777B;
}

#outcome-inr h2 {
    color: #6D3A00;
}

#outcome-inr h2 span.small {
    font-size: 22px;
}

#outcome-inr p {
    color: #83868B;
}

#outcome h3 {
    color: #83868B;
}

/* outcome section CSS end */

/* contact-us section CSS start */

#contact-us {
    padding-left: 100px;
    padding-right: 100px;
}

#contact-us .vc_column-inner {
    background: #fff;
    border: 1px solid #A6A9AD;
    padding: 80px 80px;
}

#contact-us .contact-form {
    border-top: 1px solid #A6A9AD;
    padding-top: 30px;
}

#contact-us span.form-text {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    color: #75777B;
}

#contact-us .form-line p {
    font-size: 14px;
    line-height: 22px;
    color: #75777B;
}

#contact-us .form-line {
    margin-top: 10px;
    text-align: center;
}

#contact-us .btn {
    padding: unset;
}

#contact-us input, #contact-us textarea, #contact-us select {
    background: #F9F9F7;
    border-radius: 0px;
    font-size: 20px;
    line-height: 28px;
    color: #1A1C1B;
    border: 1px solid #A6A9AD;
    padding: 12px 15px;
}

#contact-us label {
    color: #1A1C1B;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Inter';
}

#contact-us .contact-form .col.span_12 {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #A6A9AD;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    color: #6B7280;
    font-size: 20px;
    line-height: 28px;
}

#contact-us textarea {
    height: 170px;
}

#contact-us input.wpcf7-submit {
    width: 100%;
    background: #6D3A00;
    font-size: 25px;
    line-height: 33px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #6D3A00;
    padding: 20px 20px !important;
    border-radius: 0px !important;
    opacity: 1 !important;
}

#contact-us input.wpcf7-submit:hover {
    background: #fff;
    color: #6D3A00;
    box-shadow: unset !important;
    transform: unset !important;
}
.brown-box p {
    color: #fff !important;
}
/* contact-us section CSS end */


/* Responsives start  */
/* =========================================
   Extra Large Screens / 4K / Wide Monitors
========================================= */
@media (min-width: 1600px) {
}
/* =========================================
   Large Desktop Screens
========================================= */
@media (min-width: 1400px) and (max-width: 1599px) {
	h1 {
    font-size: 56px !important;
    line-height: 64px !important;
}
h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#catalouge-btn {
   font-size: 24px !important;
    line-height: 32px !important;
    margin-left: 90px !important;
}
div#counting-sec h5 {
    color: #fff;
    font-size: 20px !important;
    line-height: 28px !important;
}
p {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#main-ft h2 {
    color: #fff;
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 80px;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr ul.auto li {
    list-style: none;
    font-size: 15px;
    line-height: 23px;
    padding: 7px 10px;
}

div#ready-inr p {
    color: #fff !important;
}
#contact-us .vc_column-inner {
    padding: 40px 40px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
}	
}
/* =========================================
   Desktop / Large Laptop
========================================= */
@media (min-width: 1200px) and (max-width: 1399px) {
	h1 {
    font-size: 56px !important;
    line-height: 64px !important;
}
h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#catalouge-btn {
   font-size: 24px !important;
    line-height: 32px !important;
    margin-left: 90px !important;
}
div#counting-sec h5 {
    color: #fff;
    font-size: 20px !important;
    line-height: 28px !important;
}
p {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#main-ft h2 {
    color: #fff;
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 80px;
}
#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 18px !important;
    line-height: 26px !important;
}
div#inr-banner {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
#purpose .vc_column-inner {
    padding: 20px 20px;
}
#purpose {
    padding-left: 20px;
    padding-right: 20px;
}
#counter {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#counter .number, #counter .symbol {
    font-size: 45px !important;
    line-height: 53px !important;
}
#counter .type-blk {
    padding: 20px 20px;
}
#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
    padding-right: 20px !important;
}
#orange-btn.small i {
    font-size: 18px;
    right: 15px;
}
#tech {
    padding-left: 20px;
    padding-right: 20px;
}
#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 20px 20px;
    transition: all 0.5s;
    min-height: 200px;
}
#counter h4 {
    color: #fff;
    font-family: 'Space Grotesk';
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
#counter h6 {
    color: #B87333;
    font-size: 13px;
    line-height: 21px;
    font-family: 'Inter';
}
#tech-inr h4 {
    color: #030407;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}
#legacy-inr .vc_column-inner {
    background: #6D3A00;
    padding: 20px 20px;
    margin-right: 20px;
}
#tech-inr p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #75777B;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr ul.auto li {
    list-style: none;
    font-size: 15px;
    line-height: 23px;
    padding: 7px 10px;
}

div#ready-inr p {
    color: #fff !important;
}
#service {
    padding-left: 30px;
    padding-right: 30px;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
}
#portfolio {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#inr-portfolio .portfolio-inr {
    padding: 10px 10px;
}
#portfolio-inr .wpb_text_column {
    padding: 20px 10px;
}
#outcome {
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#contact-us .vc_column-inner {
    padding: 40px 40px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
}	
}
/* =========================================
   Small Laptop / Notebook
========================================= */
@media (min-width: 992px) and (max-width: 1199px) {
	h1 {
    font-size: 42px !important;
    line-height: 50px !important;
}
h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#catalouge-btn {
   font-size: 24px !important;
   line-height: 32px !important;
   margin-left: 6px !important;
}
div#counting-sec h5 {
    color: #fff;
    font-size: 20px !important;
    line-height: 28px !important;
}
p {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#main-ft h2 {
    color: #fff;
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 80px;
}
.banner-box {
padding: 20px 20px !important;
}
#orange-btn {
    margin-right: 20px;
    font-size: 20px !important;
    line-height: 28px !important;
}
.banner-box ul li {
    list-style: none !important;
    color: #1A1C1B !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}
p {
    font-size: 14px !important;
    line-height: 22px !important;
}
h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 7px;
}
div#case-fancy h2 {
    font-size: 24px !important;
    line-height: 32px !important;
}
div#call-action h2 {
    margin: 0 auto;
    font-size: 54px !important;
    line-height: 62px !important;
}
div#zero-sec {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#call-action {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#main-ft h6 {
    color: #B87333;
    font-size: 15px !important;
    line-height: 23px !important;
}
#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 18px !important;
    line-height: 26px !important;
}
div#inr-banner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#purpose .vc_column-inner {
    padding: 20px 20px;
}
#purpose {
    padding-left: 20px;
    padding-right: 20px;
}
#counter {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#counter .number, #counter .symbol {
    font-size: 45px !important;
    line-height: 53px !important;
}
#counter .type-blk {
    padding: 20px 20px;
}
#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
    padding-right: 20px !important;
}
#orange-btn.small i {
    font-size: 18px;
    right: 15px;
}
#tech {
    padding-left: 20px;
    padding-right: 20px;
}
#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 20px 20px;
    transition: all 0.5s;
    min-height: 200px;
}
#counter h4 {
    color: #fff;
    font-family: 'Space Grotesk';
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
#counter h6 {
    color: #B87333;
    font-size: 13px;
    line-height: 21px;
    font-family: 'Inter';
}
#tech-inr h4 {
    color: #030407;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}
#service {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}

div#service-inr li {
    font-size: 14px !important;
    line-height: 22px !important;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr .service-inr span.big {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    font-weight: bold;
}
#service-inr .vc_col-sm-5 .vc_column-inner {
    padding: 40px 20px;
}
#service-inr ul.auto li {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 7px 10px;
}
#ready-inr {
    background: #6D3A00;
    padding: 30px 20px;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}
#portfolio {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#inr-portfolio .portfolio-inr {
    padding: 10px 10px;
}
#portfolio-inr .wpb_text_column {
    padding: 20px 10px;
}
#outcome {
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#contact-us .vc_column-inner {
    padding: 40px 40px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
}	
}
/* =========================================
   Tablet / iPad
========================================= */
@media (min-width: 768px) and (max-width: 991px) {
	h1 {
    font-size: 42px !important;
    line-height: 50px !important;
}
h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#catalouge-btn {
   font-size: 24px !important;
   line-height: 32px !important;
   margin-left: 6px !important;
}
div#counting-sec h5 {
    color: #fff;
    font-size: 20px !important;
    line-height: 28px !important;
}
p {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#main-ft h2 {
    color: #fff;
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 0px;
}
.banner-box {
padding: 20px 20px !important;
}
#orange-btn {
    margin-right: 20px;
    font-size: 20px !important;
    line-height: 28px !important;
}
.banner-box ul li {
    list-style: none !important;
    color: #1A1C1B !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}
p {
    font-size: 14px !important;
    line-height: 22px !important;
}
h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 7px;
}
div#case-fancy h2 {
    font-size: 24px !important;
    line-height: 32px !important;
}
div#call-action h2 {
    margin: 0 auto;
    font-size: 54px !important;
    line-height: 62px !important;
}
div#zero-sec {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#call-action {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#main-ft h6 {
    color: #B87333;
    font-size: 15px !important;
    line-height: 23px !important;
}
.border-blk {
    border: 1px solid #0000002e;
    width: 100%;
    padding: 10px 20px !important;
}
div#cap-boxes h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#cap-boxes .vc_column-inner {
    border-bottom: 4px solid #B87333;
}
div#cap-boxes {
    border-bottom: none !important;
}
div#cap-boxes .col-bord .vc_column-inner {
    border-right: unset !important;
    border-left: unset !important;
}
#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 18px !important;
    line-height: 26px !important;
}
div#inr-banner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#purpose .vc_column-inner {
    padding: 20px 20px;
}
#purpose {
    padding-left: 20px;
    padding-right: 20px;
}
#counter {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#counter .number, #counter .symbol {
    font-size: 65px !important;
    line-height: 72px !important;
}
#counter .type-blk {
    padding: 20px 20px;
}
#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
    padding-right: 20px !important;
}
#orange-btn.small i {
    font-size: 18px;
    right: 15px;
}
#tech {
    padding-left: 20px;
    padding-right: 20px;
}
#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 20px 20px;
    transition: all 0.5s;
    min-height: 200px;
}
#service {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}

div#service-inr li {
    font-size: 14px !important;
    line-height: 22px !important;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr .service-inr span.big {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    font-weight: bold;
}
#service-inr .vc_col-sm-5 .vc_column-inner {
    padding: 40px 20px;
}
#service-inr ul.auto li {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 7px 10px;
}
#ready-inr {
    background: #6D3A00;
    padding: 30px 20px;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}
#portfolio {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#inr-portfolio .portfolio-inr {
    padding: 10px 10px;
}
#portfolio-inr .wpb_text_column {
    padding: 20px 10px;
}
#outcome {
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#contact-us .vc_column-inner {
    padding: 40px 40px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
}	
}
/* =========================================
   Large Mobile Devices
========================================= */
@media (min-width: 576px) and (max-width: 767px) {
h1 {
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-content h6 {
    max-width: 320px !important;
    padding: 5px;
    font-size: 14px !important;
    line-height: 22px !important;
}
body .container-wrap .vc_row-fluid[data-column-margin="50px"] .wpb_column:not(.child_column), body .container-wrap .inner_row[data-column-margin="50px"] .child_column, html body .vc_row-fluid[data-column-margin="50px"] .wpb_column:not(.child_column), html body .inner_row[data-column-margin="50px"] .child_column {
    padding-left: 7px;
    padding-right: 7px;
}

div#main-banner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

.brown-box {
    background: #6D3A00;
    padding: 40px 20px !important;
    position: unset !important;
    bottom: -30px;
    right: 20px;
    left: 10px;
    margin-left: -10px;
    color: #C5C6CA !important;
    box-shadow: 10px 10px 0px #1B1E22;
}

p {
    font-size: 12px !important;
    line-height: 20px !important;
}
.container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12, html body .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12, .container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content .full-page-inner > .span_12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
}
div#our-legacy img {
    width: 100% !important;
}
.hover-wrap {
    padding: unset !important;
}
#orange-btn {
    padding: 15px 30px !important;
    margin-right: 5px !important;
    font-size: 13px !important;
    line-height: 21px !important;
}
.banner-box {
    background: #fff;
    color: #000 !important;
    padding: 30px 10px !important;
    border: 7px solid #6D3A00 !important;
}
.banner-box ul li {
    list-style: none !important;
    color: #1A1C1B !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
h2 {
    font-size: 26px !important;
    line-height: 34px !important;
}

h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}
#catalouge-btn {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-left: -10px !important;
}

div#cap-boxes h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#cap-boxes .vc_column-inner {
    border-bottom: 4px solid #B87333;
}
div#cap-boxes {
    border-bottom: none !important;
}

.nectar-fancy-box {
    min-height: 330px !important;
}
div#case-fancy h2 {
    font-size: 23px !important;
    line-height: 31px !important;
}
div#call-action h2 {
    margin: 0 auto;
    font-size: 30px !important;
    line-height: 38px !important;
    max-width: unset !important;
}
#orange-btn.black {
    background: #262626 !important;
    padding: 17px 0px 10px 60px !important;
}
#orange-btn.black i {
    font-size: 16px !important;
    left: 10px;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 0px !important;
}
.copy-blk p {
    font-size: 16px !important;
    line-height: 24px !important;
}
div#call-action {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#cap-boxes .col-bord .vc_column-inner {
    border-right: unset !important;
    border-left: unset !important;
}
#orange-btn.small {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 16px 20px !important;
    box-shadow: unset !important;
}
#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 18px !important;
    line-height: 26px !important;
}
div#inr-banner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#purpose .vc_column-inner {
    padding: 20px 20px;
}
#purpose {
    padding-left: 20px;
    padding-right: 20px;
}
#counter {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#counter .number, #counter .symbol {
    font-size: 65px !important;
    line-height: 72px !important;
}
#counter .type-blk {
    padding: 20px 20px;
}
#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
    padding-right: 20px !important;
}
#orange-btn.small i {
    font-size: 18px;
    right: 15px;
}
#tech {
    padding-left: 20px;
    padding-right: 20px;
}
#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 30px 20px;
    transition: all 0.5s;
}
#service {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}

div#service-inr li {
    font-size: 14px !important;
    line-height: 22px !important;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr .service-inr span.big {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    font-weight: bold;
}
#service-inr .vc_col-sm-5 .vc_column-inner {
    padding: 40px 20px;
}
#service-inr ul.auto li {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 7px 10px;
}
#ready-inr {
    background: #6D3A00;
    padding: 30px 20px;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}
    #orange-btn.small {
        font-size: 15px !important;
        line-height: 23px !important;
        padding: 16px 20px !important;
        box-shadow: unset !important;
    }
#contact-us .vc_column-inner {
    padding: 40px 40px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
     padding-top: 40px !important;
    padding-bottom: 40px !important;
}	
}
/* =========================================
   Mobile Devices
========================================= */
@media (max-width: 575px) {
h1 {
    font-size: 40px !important;
    line-height: 48px !important;
}
div#main-content h6 {
    max-width: 320px !important;
    padding: 5px;
    font-size: 14px !important;
    line-height: 22px !important;
}
body .container-wrap .vc_row-fluid[data-column-margin="50px"] .wpb_column:not(.child_column), body .container-wrap .inner_row[data-column-margin="50px"] .child_column, html body .vc_row-fluid[data-column-margin="50px"] .wpb_column:not(.child_column), html body .inner_row[data-column-margin="50px"] .child_column {
    padding-left: 7px;
    padding-right: 7px;
}

div#main-banner p {
    font-size: 12px !important;
    line-height: 20px !important;
}

.brown-box {
    background: #6D3A00;
    padding: 40px 20px !important;
    position: unset !important;
    bottom: -30px;
    right: 20px;
    left: 10px;
    margin-left: -10px;
    color: #C5C6CA !important;
    box-shadow: 10px 10px 0px #1B1E22;
}

p {
    font-size: 12px !important;
    line-height: 20px !important;
}
.container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12, html body .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12, .container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content .full-page-inner > .span_12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
}
div#our-legacy img {
    width: 100% !important;
}
.hover-wrap {
    padding: unset !important;
}
#orange-btn {
    padding: 15px 30px !important;
    margin-right: 5px !important;
    font-size: 13px !important;
    line-height: 21px !important;
}
.banner-box {
    background: #fff;
    color: #000 !important;
    padding: 30px 10px !important;
    border: 7px solid #6D3A00 !important;
}
.banner-box ul li {
    list-style: none !important;
    color: #1A1C1B !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
h2 {
    font-size: 26px !important;
    line-height: 34px !important;
}

h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}
#catalouge-btn {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-left: -10px !important;
}

div#cap-boxes h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#cap-boxes .vc_column-inner {
    border-bottom: 4px solid #B87333;
}
div#cap-boxes {
    border-bottom: none !important;
}

.nectar-fancy-box {
    min-height: 330px !important;
}
div#case-fancy h2 {
    font-size: 23px !important;
    line-height: 31px !important;
}
div#call-action h2 {
    margin: 0 auto;
    font-size: 30px !important;
    line-height: 38px !important;
    max-width: unset !important;
}
#orange-btn.black {
    background: #262626 !important;
    padding: 17px 0px 10px 60px !important;
}
#orange-btn.black i {
    font-size: 16px !important;
    left: 10px;
}
div#main-ft .left-col .vc_column-inner {
    padding-left: 0px !important;
}
.copy-blk p {
    font-size: 16px !important;
    line-height: 24px !important;
}
div#call-action {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#cap-boxes .col-bord .vc_column-inner {
    border-right: unset !important;
    border-left: unset !important;
}
#orange-btn.small {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 16px 20px !important;
    box-shadow: unset !important;
}
#inr-banner h6 {
    background: #B87333;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 18px !important;
    line-height: 26px !important;
}
div#inr-banner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#purpose .vc_column-inner {
    padding: 20px 20px;
}
#purpose {
    padding-left: 20px;
    padding-right: 20px;
}
#counter {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#counter .number, #counter .symbol {
    font-size: 65px !important;
    line-height: 72px !important;
}
#counter .type-blk {
    padding: 20px 20px;
}
#our-legacy #orange-btn.small {
    color: #030407;
    border-color: #030407 !important;
    padding-right: 20px !important;
}
#orange-btn.small i {
    font-size: 18px;
    right: 15px;
}
#tech {
    padding-left: 20px;
    padding-right: 20px;
}
#tech-inr .vc_column-inner {
    border: 1px solid #75777B;
    padding: 30px 20px;
    transition: all 0.5s;
}
#service {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}

div#service-inr li {
    font-size: 14px !important;
    line-height: 22px !important;
}
#service-inr .service-inr {
    background: #fff;
    padding: 10px 10px;
    box-shadow: 5px 5px 0px #1B1E22;
}
#service-inr .service-inr span.big {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    font-weight: bold;
}
#service-inr .vc_col-sm-5 .vc_column-inner {
    padding: 10px 20px;
}
#service-inr ul.auto li {
    font-size: 10px !important;
    line-height: 18px !important;
    padding: 7px 8px;
}
#ready-inr {
    background: #6D3A00;
    padding: 30px 10px;
}
#ready {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px !important;
}
    #orange-btn.small {
        font-size: 11px !important;
        line-height: 19px !important;
        padding: 9px 5px !important;
        box-shadow: unset !important;
    }

.wpb_text_column.wpb_content_element {
    margin-bottom: 10px !important;
}
div#main-ft ul li a {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #fff !important;
    font-family: 'Inter' !important;
}
#portfolio {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#inr-portfolio .portfolio-inr {
    padding: 10px 10px;
}
#portfolio-inr .wpb_text_column {
    padding: 20px 10px;
}
#outcome {
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#contact-us .vc_column-inner {
    padding: 20px 10px;
}
#contact-us {
    padding-left: 10px;
    padding-right: 10px;
     padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#contact-us ::placeholder {
    font-size: 14px !important;
    line-height: 22px !important;
}

#contact-us select {
    font-size: 14px !important;
    line-height: 22px !important;
}
#contact-us input, #contact-us textarea, #contact-us select {
    background: #F9F9F7;
    border-radius: 0px;
    font-size: 20px;
    line-height: 28px;
    color: #1A1C1B;
    border: 1px solid #A6A9AD;
    padding: 10px 12px;
}

#contact-us input.wpcf7-submit {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    padding: 14px 20px !important;
}	
}