/* --------------------------------------------------- Font Family ----------------------------------------------------*/ @font-face {     font-family: Montserrat-Regular;     src: url('../fonts/Montserrat-Regular.ttf');} @font-face {     font-family: Montserrat-Bold;     src: url('../fonts/Montserrat-Bold.ttf');} @font-face {     font-family: Montserrat-SemiBold;     src: url('../fonts/Montserrat-SemiBold.ttf');} @font-face {     font-family: Baskerville-Italic;     src: url('../fonts/Baskerville-Italic.otf');} @font-face {     font-family: Pompei-Light;     src: url('../fonts/Pompei-Light.otf');}/* --------------------------------------------------- Font Size ----------------------------------------------------*/ h1{     font-family: Montserrat-Bold;     font-size: 70px;     text-transform: uppercase;} h1.f-normal{     font-family: Montserrat-Regular;     word-break: break-all;} h2{     font-family: Montserrat-Bold;     font-size: 35px;     text-transform: uppercase;} h3{     font-family: Montserrat-Bold;     font-size: 25px;     text-transform: uppercase;} h4{     font-family: Montserrat-Bold;     font-size: 20px;     text-transform: uppercase;} h5{     font-family: Montserrat-Bold;     font-size: 18px;     text-transform: uppercase;} h6{     font-family: Montserrat-Bold;     font-size: 16px;     text-transform: uppercase;} p{     font-family: Montserrat-Regular;     font-size: 15px;} .font-italic-title{     font-size: 45px;     font-family: Baskerville-Italic;} .fs-13{     font-size: 13px;} .fs-14{     font-size: 14px;} .fs-18{     font-size: 18px;} .fs-20{     font-size: 20px;} .fs-30{     font-size: 30px;} .font-Pompei-Light{     font-family: Pompei-Light !important;} .font-regular{     font-family: Montserrat-Regular;} .f-bold-25{     font-family: Montserrat-Bold;     font-size: 25px;     text-transform: uppercase;} .montserrat-semibold{     font-family: Montserrat-SemiBold;}/* --------------------------------------------------- Space ----------------------------------------------------*/ .py-100{     padding: 100px 0;} .py-60{     padding: 60px 0;} .pt-60{     padding-top: 60px;} .pb-60{     padding-bottom: 60px;} .pt-100{     padding-top: 100px;} .pt-200{     padding-top: 200px;} .pt-250{     padding-top: 60px;} .pb-100{     padding-bottom: 100px;} .pb-400{     padding-bottom: 400px;} .pt-400{     padding-top: 100px;} .pb-350{     padding-bottom: 150px;} .mb-50{     margin-bottom: 50px;} .mb-30{     margin-bottom: 30px;} .f-mb-40{     margin-bottom: 40px;} .mb-15{     margin-bottom: 15px;} .mb-25{     margin-bottom: 25px;} .mb-200{     margin-bottom: 90px;} .my-70{     margin: 70px 0;} .py-60-35{     padding: 60px 0 35px;} .mtop-25{     margin-top: -25px;}/* --------------------------------------------------- Text color and Background color ----------------------------------------------------*/ .text-green{     color: #1dc577;} .text-blue{     color: #1328d9;} .text-yellow{     color: #f4d01e;} .text-dark-blue{     color: #203864;} .text-lavender{     color: #663c8d;} .text-orange{     color: #f05a22;} .text-brown{     color: #613431;} .text-cho{     color: #d7802e;} .text-fox{     color: #a81d3e;} .text-gab{     color: #878d2a;} .text-pink{     color: #eb9bce;} .text-yellow-line{     position: relative;     color: #fbdd7e;} .text-yellow-line:after{     content: '';     position: absolute;     height: 3px;     width: 40px;     background: #fbdd7e;     left: 0;     bottom: 0;} .bg-green{     background-color: #1dc577;} .bg-green-thick{     background-color: #1cc549;} .bg-green-light{     background-color: #00f991;} .bg-slide-green{     background-color: #0e7c2e;} .bg-blue{     background-color: #1328d9;} .bg-yellow{     background-color: #f0cd00;} .bg-light-yellow{     background-color: #f9d769;} .bg-red{     background-color: #ff383d;} .bg-pink{     background-color: #ffaed7;} .bg-pink-dark{     background-color: #a73781;} .bg-gab{     background-color: #878d2a;} .bg-lavender{     background-color: #5e3783;} .bg-light-brown{     background-color: #f4e3c9;} .bg-gray{     background-color: #ededed;} .bg-cho-gray{     background-color: #6d6868;} .bg-cho-orange{     background-color: #d7802e;} a.hover-green:hover{     color: #1dc676 !important;} a.hover-black:hover{     color: #000 !important;} a.hover-white:hover{     color: #fff !important;} a.hover-dark-blue:hover{     color: #203864 !important;} .yellow-line{     position: relative;     height: 3px;     width: 25%;     background-color: #f4d01e;     margin: 15px 0;} .blue-line{     position: relative;     height: 3px;     width: 25%;     background-color: #1328d9;     margin: 15px 0;} .lavender-line{     position: relative;     height: 3px;     width: 25%;     background-color: #663c8d;     margin: 15px 0;}/* --------------------------------------------------- */ body{     overflow-x:hidden;     font-family: Montserrat-Regular;     font-size: 15px;     color: #000;} a{     text-decoration: none;} header nav.navbar{     background-color: rgba(42, 42, 178, 0.8);} header .nav-link{     position: relative;     color: #fff !important;     text-transform: capitalize;} header .nav-link:hover{     color: #1dc676 !important;} header .nav-link.b-right-none:after{     display: none;} header .nav-link.active{     color: #1dc676 !important;} .navbar-toggler:focus {     outline: 0;     box-shadow: none;} .logo{     height: 40px;} .banner-content{     position: absolute;     top: 50%;     transform: translateY(-50%);} .banner-content p{     color: #fdc846;} .image-absolute{     position: absolute;     right: 0;     top: 50%;     height: 350px;     transform: translateY(-50%);     z-index: 0;} .image-absolute.two{     height: 425px;     right: 5%;     top: 55%;} section{     position: relative;} .z-index-1{     position: relative;     z-index: 1;} .brands{     display: flex;     justify-content: center;     flex-wrap: wrap;} .brands img{     height: 120px;     padding: 15px;} .bg-img{     background: url('../img/main/article.png') no-repeat center center;     padding-bottom: 25px;} .art-calendar{     background: #f4d01e;     padding: 20px 25px;     width: fit-content;     margin-bottom: 25px;} .art-calendar p{     text-transform: uppercase;     font-weight: 600;} .bg-green-line{     position: absolute;     height: 7px;     width: 25px;     background: #1dc676;} .footer-menu{     list-style: none;     padding-left: 0px;     width: fit-content;     margin-left: auto;     margin-bottom: 0px;} .footer-menu a{     color: #1328da;     text-transform: uppercase;     font-weight: 600;     line-height: 28px;} .footer-menu a:hover{     color: #1dc577;} .white-circle{     position: relative;     background-color: #fff;     color: #000;     height: 25px;     width: 25px;     border-radius: 50%;     text-align: center;} .white-square{     position: relative;     background-color: #fff;     color: #000;     height: 25px;     width: 25px;     border-radius: 5px;     text-align: center;} .white-circle i, .white-square i{     position: relative;     top: 2px;} .owl-carousel.service-slide .owl-dots {    /* display: block;     */     position: absolute;     bottom: 10px;     left: 50%;     transform: translateX(-50%);} .owl-carousel.service-slide .owl-dots .owl-dot.active span {     background: #fff;     border: 1px solid #fff;     opacity: 1;} .owl-carousel.service-slide .owl-dots .owl-dot span {     background: #fff;     display: inline-block;     border-radius: 30px;     margin: 0px 3px;     height: 10px;     width: 10px;     border: 1px solid #fff;     opacity: .5;} .service-slide .item a{     position: absolute;     color: #fff;     text-transform: uppercase;     top: 80%;     transform: translateY(-50%);     width: 100%;     padding: 10px 10px 10px 30px;     opacity: 1;} .hgt-50{     height: 50px;     width: auto;} .hgt-65{     height: 65px;     width: auto;} .hgt-25{     height: 25px;     width: auto;} .main-circle{     position: relative;     height: 75px;     width: 75px;     border: 2px solid #fff;     border-radius: 50%;     margin-bottom: 10px;} .box-shadow{     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .rlt-content{     position: relative;     left: 10%;     top: 10%;} .orange-line{     position: relative;     background-color: #f05a22;     height: 6px;     width: 50px;} .orange-line-cho{     position: relative;     background-color: #d7802e;     height: 3px;     width: 100px;} .red-line{     position: relative;     background-color: #ee3b35;     height: 6px;     width: 50px;} .black-line{     position: relative;     background-color: #514c4c;     height: 6px;     width: 50px;} .bg-image{     background-size: cover !important;     background-repeat: no-repeat !important;} .bg-position{     background-position: 100% 100% !important;} .bg-image-b{     background-size: contain;     background-repeat: no-repeat !important;     background-position: 0% 100%;} .overlay-orange{     background: rgba(240, 90, 34, 0.8);} .bg-linear-top-white-gray{     background: linear-gradient(to top, #2d2a29 50%, #fff 50%);} .hr-black{     background-color: #000;     opacity: 1;} .bg-linear-white-gray-white{     background:linear-gradient(to bottom, #fff 0, #fff 17%, #d3d3d3 17%, #d3d3d3 80%, #fff 80%, #fff 100%);} .bg-linear-white-orange-white{     background:linear-gradient(to bottom, #fff 0, #fff 30%, #d77e2e 30%, #d77e2e 70%, #fff 70%, #fff 100%);} .bg-linear-white-gray{     background: linear-gradient(to top, #d6d6d4 70%, #fff 30%);} .bg-linear-top-white-cement{     background: linear-gradient(to top, #44555c 0, #44555c 35%, #fff 35%, #fff 100%);} .bg-linear-top-white-canaragray{     background: linear-gradient(to top, #6d6868 0, #6d6868 35%, #fff 35%, #fff 100%);} .cleanfood-img{     position: absolute;     left: 50%;     transform: translateX(-50%);     top: -35%;} .text-none{     text-transform: none !important;} .bg-linear-top-orange-white{     background: linear-gradient(to top, #fff 75%, #f4e3c9 25%);} .bg-linear-top-white-gab{     background: linear-gradient(to top, #878d2a 0, #878d2a 42%, #fff 42%, #fff 100%);} .yellow-triangle{     position: relative;     left: 47%;     transform: translateX(-50%);     height: 30px;     width: 30px;     border-bottom: 50px solid #e7c609;     border-left: 30px solid transparent;     border-right: 30px solid transparent;} .yellow-border-bottom{     border-bottom: 20px solid #f4d01e;} .loccitane-border-bottom{     border-bottom: 20px solid #755f1a;} .colive-border-bottom{     border-bottom: 25px solid #7a2d39;} .bg-left-quote{     background: url('../img/gab/left-quote.png') no-repeat top left;     background-size: contain;} .news-card .card{     position: relative;     height: 100%;     background: #FFFFFF;     box-shadow: 0px 10px 30px #00000029;     border-radius: 5px;     border: none;} .news-card .card .card-header{     background: transparent;     border: 0;     padding: 0px 12px;} .news-card .card .card-header .col-7 p:first-child{     font-size: 18px;} .border-top-left-right-radius{     border-radius: 5px 5px 0 0;} .news-card .card a{     color: #1dc377 !important;     font-weight: 600;} .news-card .card a:hover{     color: #203864 !important;} .service-slide .item{     position: relative;} .item-overlay{     background: rgba(0, 0, 0, 0.3);     position: absolute;     height: 100%;     width: 100%;     left: 0;     top: 0;     bottom: 0;     right: 0;     opacity: 0;     -webkit-transition: all 0.4s ease-in-out 0s;     -moz-transition: all 0.4s ease-in-out 0s;     transition: all 0.4s ease-in-out 0s;} .service-slide .item:hover .item-overlay {     opacity: 1;} .service-item-link{     position: absolute;     text-align: center;     padding-left: 1em;     padding-right: 1em;     width: 100%;     top: 50%;     opacity: 0;     -webkit-transform: translateY(-50%);     -moz-transform: translateY(-50%);     transform: translateY(-50%);     -webkit-transition: all 0.3s ease-in-out 0s;     -moz-transition: all 0.3s ease-in-out 0s;     transition: all 0.3s ease-in-out 0s;} .service-slide .item:hover .service-item-link{     top: 50%;     left: 0;     opacity: 1;     background: rgba(0,0,0,0.3);     color: #fff !important;} .breadcrumb-item a{     position: relative;} .port-bc .breadcrumb-item a{     color: #666666;} .port-bc .breadcrumb-item.active a{     color: #1dc676;} .port-bcrumb .breadcrumb-item a{     color: #fff;} .port-bcrumb .breadcrumb-item.active a{     color: #1dc676;} .port-bcrumb .breadcrumb-item+.breadcrumb-item::before{     color: #fff;} .port-bcrumb .breadcrumb-item a:before, .port-bc .breadcrumb-item a:before{     content: "";     position: absolute;     border-bottom: 1px solid #1cb169;     width: 0px;     height: 1px;     bottom: -2px;     transition: width 1s;} .port-bcrumb .breadcrumb-item a:hover:before, .port-bc .breadcrumb-item a:hover:before{     width:100%;     transition: width 1s;}/*-------------------------------------------------------------------------- Contact Css ----------------------------------------------------------------------------*/ .location-div{     position: relative;     padding: 20px;     text-align: center;     height: 100%;     color: #000;     background: #fff;     box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}/*-------------------------------------------------------------------------- Portfolio Css ----------------------------------------------------------------------------*/ .btn:focus{     box-shadow: none;} .filter-button {     font-size: 14px;     border: 1px solid #719ba9;     border-radius: 0px;     text-align: center;     color: #4d7380;     margin-bottom: 8px;} .filter-button:hover {     border: 1px solid #719ba9;     border-radius: 0px;     text-align: center;     color: #ffffff;     background-color: #719ba9;} .filter-button.active {     background-color: #719ba9;     color: white;} .portfolio .col-sm-6, .portfolio .col-md-6, .portfolio .col-lg-4, .portfolio .col-xl-3{     margin-bottom: 30px;}/*------------------------------------------------------ Contact Form Css ------------------------------------------------------*/ #nb-form {     position: fixed;     z-index: 9999;     width: 260px;     background: #f8f9fa;     right: 200px;     bottom: -335px;     transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;     border-radius: 10px 10px 0 0;     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);} .open {     bottom: 0px !important;} #nb-form .user-icon {     position: absolute;     top: -49px;     right: 12px;     display: block;     width: 58px;     margin: 20px auto 15px;     border-radius: 100%;} #nb-form .title {     background: #cd202f;     font-size: 16px !important;     padding: 20px 18px !important;     color: #fff !important;     border-radius: 10px 10px 0 0;} #nb-form p {     font-size: 13px;} #nb-form p.message {     margin-left: 7px;} #nb-form form {     padding: 15px 15px 15px 15px;} #nb-form input, #nb-form textarea {     font-size: 12px;     background-color: #f8f9fa;     width: 210px;     max-width: 210px;     margin-bottom: 10px;     margin-left: 7px;     padding: 6px;     border: none;     color: #000;     border-bottom: 1px solid #000;     margin-bottom: 15px;} #nb-form input:focus, #nb-form textarea:focus {     outline: none;     box-shadow: none;} #nb-form input[type='submit'] {     display: block;     width: 120px;     margin: 0 auto;     padding: 0 10px;     height: 35px;     line-height: 35px;     cursor: pointer;     transition: all .4s ease;     border: none;} #nb-form input[type='submit']:hover {     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 7px 0 rgba(0, 0, 0, 0.02), 0 3px 1px -1px rgba(0, 0, 0, 0.1);} #nb-form textarea {     min-height: 110px;} #nb-form ::-webkit-input-placeholder {     color: #000;} #nb-form ::-moz-placeholder {     color: #000;} #nb-form :-ms-input-placeholder {     color: #000;} #nb-form :-moz-placeholder {     color: #000;} #nb-form input[type='submit'] {     background: #1cb169;     text-transform: uppercase;     font-size: 12px;     color: #fff;     letter-spacing: 1px;} @media screen and (max-width: 676px) {     .nb-form:hover .user-icon {         display: none;    }     #nb-form .message {         display: none;    }     #nb-form form {         padding-top: 15px;    }     #nb-form {         right: 50%;         bottom: -335px;         left: 50%;         transform: translateX(-50%);    }} .nb-form-header {     background: #1cb169;     padding-bottom: 5px;} #nb-form a {     color: #fff;     padding: 8px 0 0 10px;     font-size: 16px;} #nb-form input.error, #nb-form textarea.error {     margin-bottom: 0px !important;} #nb-form .nb-form-header p {     letter-spacing: .5px;     color: #fff;     padding: 0 0 0 10px;     font-size: 12px;     margin-top: 8px;     line-height: 2px;     text-align: center;     margin-bottom: 14px;} #nb-form i {     color: #fff;     font-size: 16px;     padding-right: 10px;} #nb-form a:after {     color: #ffffff;     content: '\f078 ';     font-size: 14px;     line-height: 42px;     font-family: 'Fontawesome';     text-align: center;     display: block;     position: absolute;     top: 0;     right: 20px;     bottom: 0;     -webkit-transition: all 0.2s linear;     transition: all 0.2s linear;} #nb-form.open a::after {     content: '\f077 ';}/*-----------------------------------------------------------------------------*/ .bg-linear-white-yellow-locc{     background: linear-gradient(105.5deg, #fff 0, #fff 40.8%, #fdc846 40.8%, #fdc846 100%);} .floating-socialicon{     position: fixed;     right: 10px;     top: 50%;     transform: translateY(-50%);     z-index: 99999;     display: flex;     flex-direction: column;     background: rgba(255,255,255,0.6);     padding: 6px;     border-top-left-radius: 25px;     border-top-right-radius: 25px;     border-bottom-left-radius: 25px;     border-bottom-right-radius: 25px;     box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;} .owl-carousel:hover .owl-prev i, .owl-carousel:hover .owl-next i{     display: block;} .owl-prev i{     position: absolute;     left: 1%;     top: 50%;     transform: translateY(-50%);     color: #1cb169;     font-size: 35px;     display: none;     background: rgba(0,0,0,0.5);     padding: 2px 8px 2px 5px;} .owl-next i{     position: absolute;     right: 1%;     top: 50%;     transform: translateY(-50%);     color: #1cb169;     font-size: 35px;     display: none;     background: rgba(0,0,0,0.5);     padding: 2px 5px 2px 8px;} .owl-carousel.service-slide .owl-nav.disabled{     display: block;} .news-card .article-slider .item{     margin-bottom: 10px;} .news-card .article-slider .item .card{     box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;} .hgt-100{     height: 100px;     width: auto;} .cho-hr{     background-color: #a8a4a4;     height: 3px !important;     margin: 60px 0;} .border-box{     position: relative;     height: 100%;     border: 2px solid #000;     padding: 25px;     text-align: center;     border-radius: 25px;} .testimonial-slider .card{     border: none;     box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;     margin-bottom: 10px;     border-radius: 25px;} .testimonial-slider .card .card-body{     text-align: center;     padding: 55px 25px 25px;     border: none;} .testimonial-slider .card .card-body h6{     color: #1cb169;} .testimonial-slider img{     position: relative;     height: 80px !important;     width: 80px !important;     border-radius: 50%;     left: 50%;     transform: translateX(-50%);     margin-bottom: 0px;     box-shadow: 0px 8px 21px #00000029;     top: 40px;     z-index: 1;} .lh-40{     line-height: 40px;} .career-titles{     position: relative;     top: -60px;     margin-bottom: 10px;} .career-titles h1{     font-size: 200px;     line-height: 120px;     letter-spacing: 1px;} .career-titles h1:nth-child(2){     margin-left: 34%;} .news-calendar {     position: absolute;     top: 0;     left: 0;     background: #1dc676;     padding: 20px 25px;     width: fit-content;     margin-bottom: 25px;     color: #fff;} .news-content-center{     position: absolute;     bottom: 30px;     left: 50%;     transform: translateX(-50%);     font-weight: bold;     width: 75%;} .news-content{     position: absolute;     bottom: 0px;     font-weight: bold;     padding: 0 15px 15px;     width: 100%;} .bg-black-overlay{     background: rgba(0, 0, 0, 0.5);} .bg-yellow-overlay{     background: rgba(234, 159, 43, 0.8);} .z-99999{     z-index: 99999;} .custom-close.btn-close{     position: relative;     top: -4px;     background: none;     font-size: 20px;     font-weight: 600;     color: #fff;     opacity: 1;} .cursor-pointer{     cursor: pointer;} .di-none{     display: none;} .news-card .owl-prev i, .news-card .owl-next i{     top: 45%;}/*----------------------------------------------------------------------------- Responsive Css (Max width) -----------------------------------------------------------------------------*/ @media(max-width: 400px){     .cleanfood-img {         top: -35%;         height: 155px;    }     .cleanfood-pb{         padding-bottom: 40px;    }     .hgt-100{         height: 70px;         width: auto;    }} @media(min-width: 400px) and (max-width:767px){     .cleanfood-img {         display: none;    }     .cleanfood-pb{         padding-bottom: 0px;    }} @media(max-width: 575px){     .footer-menu {         margin-right: auto;         margin-left: 0;    }     .bg-falak-blue{         background-color: #102b47;    }     .bg-lotus-brown{         background-color: #510906;    }     .bg-amaris-dark-green{         background-color: #142d35;    }     .bg-quattro-gray{         background-color: #3f3d3b;    }     .sm-mb-25{         margin-bottom: 25px;    }     .md-pt-50{         padding-top: 40px !important;    }     .sm-pb-40{         padding-bottom: 40px !important;    }     .sm-pb-0{         padding-bottom: 0px !important;    }     .mb-sm-20{         margin-bottom: 20px;    }     .news-calendar, .art-calendar {         padding: 10px 15px;    }} @media(max-width: 767px){    /* --------------------------------------------------- Font Size ----------------------------------------------------*/     h1{         font-size: 28px;    }     h2{         font-size: 23px;    }     h3{         font-size: 20px;    }     h4{         font-size: 18px;    }     p{         font-size: 14px;    }     .font-italic-title{         font-size: 25px;    }     .fs-13{         font-size: 13px;    }     .fs-18{         font-size: 15px;    }     .f-bold-25{         font-size: 20px;    }     body{         font-size: 14px;    }     .news-card .card .card-header .col-7 p:first-child{         font-size: 16px;    }    /* --------------------------------------------------- Space ----------------------------------------------------*/     .py-100{         padding: 40px 0;    }     .py-60{         padding: 40px 0;    }     .pt-60{         padding-top: 40px;    }     .pb-100{         padding-bottom: 50px;    }     .mb-30{         margin-bottom: 20px;    }     .f-mb-40{         margin-bottom: 10px;    }     .mb-15{         margin-bottom: 10px;    }     .mb-25{         margin-bottom: 15px;    }     .brands img {         height: 90px;         padding: 10px;    }     .logo{         height: 30px;    }     .pb-400, .pb-350{         padding-bottom: 60px;    }     .md-pt-50{         padding-top: 70px;    }     .hgt-50{         height: 40px;         width: auto;    }     .hgt-65{         height: 50px;         width: auto;    }     .fs-20{         font-size: 16px;    }     .fs-30{         font-size: 20px;    }     .mb-50 {         margin-bottom: 40px;    }     .my-70 {         margin: 40px 0;    }     .sm-pb-250{         padding-bottom: 250px;    }     .pt-400 {         padding-top: 50px;    }     .yellow-triangle{         border-bottom: 30px solid #e7c609;         border-left: 20px solid transparent;         border-right: 20px solid transparent;    }     .sm-mb-30{         margin-bottom: 30px;    }     .sm-mb-15{         margin-bottom: 15px;    }     .portfolio .col-sm-6, .portfolio .col-md-6, .portfolio .col-lg-4, .portfolio .col-xl-3 {         margin-bottom: 20px;    }     .to-top, .to-top i{         display: none;    }     .py-60-35 {         padding: 40px 0 25px;    }     .pb-sm-40{         padding-bottom: 40px !important;    }     .cho-hr {         margin: 30px 0 25px;    }     .sm-pt-0{         padding-top: 0px;    }     .sm-pt-20{         padding-top: 20px;    }     .sm-pt-10{         padding-top: 10px;    }     #nb-form{         background-color: transparent;         box-shadow: none;    }     #nb-form form{         background-color: #f8f9fa;         box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);         border-top: 3px solid #1cb169;    }     .nb-form-header{         position: relative;         left: 50%;         transform: translateX(-50%);         width: fit-content;         border-radius: 30px 30px 0 0;         padding-bottom: 0px;    }     .nb-form-header i{         padding: 10px 10px 0px !important;    }     .sm-mt-0{         margin-top: 0px !important;    }     .sm-border-right{         border-right:1px solid #000     }     .career-titles {         position: relative;         top: -15px;    }     .career-titles h1 {         font-size: 55px;         line-height: 25px;    }    /*------------------------------------------------------ Service mobile accordion -------------------------------------------------------*/     .vertical-accordion{         position: relative;         display: flex;         overflow: hidden;         overflow-x: scroll;         width: fit-content;         margin-left: auto;         margin-right: auto;    }     .vertical-accordion-div{         position: relative;         display: flex;    }     .vertical-accordion-header{         height: 100%;         width: 50px;    }     .vertical-accordion-header h5{         position: relative;         font-size: 14px;         text-transform: uppercase;         transform: rotate(-90deg);         top: 40%;         left: -140%;         width: 185px;         margin-bottom: 0;    }     .vertical-service-link{         color: #fff;         position: absolute;         left: 50%;         transform: translateX(-50%);         bottom: 100px;         display: none;    }     .vertical-accordion-body{         position: relative;         width: 0;    }     .vertical-img-overlay{         position: absolute;         top: 0;         left: 0;         height: 100%;         width: 100%;         background-color: rgba(0, 0, 0, .5);    }     .vertical-accordion-body.width-auto{         width: auto;         transition: width 2s;    }     .vertical-accordion-body.width-auto .vertical-service-link{         display: block;    }} @media(max-width:991px){     .lg-mb-25{         margin-bottom: 25px;    }     .lg-banner-mt{         margin-top: 50px;    }     header nav.navbar{         background-color: #1328d9;    }     .lg-pb-100{         padding-bottom: 100px;    }     .rlt-content .pb-350{         padding-bottom: 100px;    }     .rlt-content .mb-200{         margin-bottom: 100px;    }     .pt-250 {         padding-top: 60px;    }     .mb-200{         margin-bottom: 50px;    }     .md-pb-40{         padding-bottom: 40px;    }     .md-overflow-hidden{         overflow: hidden;    }     .md-py-25{         padding-top: 25px;         padding-bottom: 25px;    }}/*----------------------------------------------------------------------------- Responsive Css (Min width) -----------------------------------------------------------------------------*/ @media(min-width:576px) and (max-width:767px){     .banner-bg-falak{         background: linear-gradient(to top, #102b47 53%, #fff 50%);    }     .banner-bg-lotus{         background: linear-gradient(to top, #510906 53%, #fff 50%);    }     .banner-bg-amaris{         background: linear-gradient(to top, #142d35 53%, #fff 50%);    }     .banner-bg-quattro{         background: linear-gradient(to top, #3f3d3b 53%, #fff 50%);    }} @media(min-width:768px) and (max-width:991px){     .cleanfood-img {         top: -22%;    }     .sm-md-pb-500{         padding-bottom: 500px;    }     .sm-md-pt-100{         padding-top: 100px;    }     .sm-md-pb-50{         padding-bottom: 50px;    }     .f-mb-40{         margin-bottom: 15px;    }     .f-mb-25{         margin-bottom: 25px;    }     .career-titles {         position: relative;         top: -30px;    }     .career-titles h1 {         font-size: 100px;         line-height: 55px;    }     .career-titles h1:nth-child(2) {         margin-left: 18%;    }} @media(min-width:992px) and (max-width:1200px){     .career-titles h1 {         font-size: 160px;         line-height: 90px;    }     .career-titles h1:nth-child(2) {         margin-left: 33%;    }} @media(min-width: 768px){     .art-bg{         background: url('../img/main/pic3.png') no-repeat top left;         background-size: contain;    }     .bg-img-b{         background: url(../img/main/bg-b.png) no-repeat top left;         background-size: contain;         position: absolute;         height: 100%;         z-index: 0;         left: 0;    }     .banner-bg-falak{         background: linear-gradient(to right, #fff 50%, #102b47 50%);    }     .banner-bg-lotus{         background: linear-gradient(to right, #fff 50%, #510906 50%);    }     .banner-bg-amaris{         background: linear-gradient(to right, #fff 50%, #142d35 50%);    }     .banner-bg-quattro{         background: linear-gradient(to right, #fff 50%, #3f3d3b 50%);    }     .ls-10{         letter-spacing: 10px;    }     .ls-5{         letter-spacing: 5px;    }     .abs-content-btm{         position: absolute;         bottom: 50px;    }     .md-pt-200{         padding-top: 200px;    }     .bg-linear-right-white-gab{         background: linear-gradient(to right, #fff 55%, #878d2a 45%);    }     .border-right-black{         border-right: 2px solid #514c4c;    }     .to-top{         position: fixed;         right: 30px;         bottom: 5%;         background: rgba(28, 177, 105, 0.8);         height: 30px;         width: 30px;         border-radius: 50%;         z-index: 99999;         cursor: pointer;         display: none;    }     .to-top i{         position: relative;         left: 50%;         top: 35%;         transform: translate(-50%, -50%);         color: #fff;    }     .border-left-white{         border-left: 3px solid #fff;    }     .news-card .card .card-header .row p{         font-size: 16px;    }} @media(min-width: 992px){     header .nav-link:after{         content : '';         position: absolute;         background-color: #1dc676;         height: 15px;         width: 2px;         right: 0;         top: 50%;         transform: translateY(-50%);    }     .navbar-expand-lg .navbar-nav .nav-link{         padding: 0 15px;    }     .bg-img-b{         left: 20%;    }     .div-clip-path{         clip-path: polygon(60% 0%, 97% 100%, 0% 100%, 0% 0%);    }     .xl-pb-150{         padding-bottom: 150px;    }     .abs-content-btm-lg{         position: absolute;         bottom: 50px;    }     .lg-mt--50{         margin-top: -50px;    }     img.loccitane-mob{         position: relative;         top: 50px;         z-index: 1;    }} @media(min-width:1024px){     .bg-linear-white-yellow-locc{         background: linear-gradient(103deg, #fff 0, #fff 40.8%, #fdc846 40.8%, #fdc846 100%);    }} @media(min-width:1200px){     .xl-w-50{         width:50%;    }     .xl-w-70{         width:70%;    }     .xl-fs-50{         font-size: 50px;    }     .xl-bg-position{         background-position: 0% 150%;    }} @media(min-width: 1360px){     .bg-linear-white-yellow-locc{         background: linear-gradient(106.5deg, #fff 0, #fff 40.8%, #fdc846 40.8%, #fdc846 100%);    }     .article-slider .item .card h6.title-limit{         height: 40px;    }} @media(min-width: 1400px){     .image-absolute{         height: 28em;    }     .image-absolute.two{         height: 28em;    }     .cleanfood-img {         top: -28%;    }} @media(min-width: 1500px){     .bg-linear-right-white-gab{         background: linear-gradient(to right, #fff 53%, #878d2a 47%);    }} @media(min-width: 1600px){     .bg-img-b{         left: 25%;    }} @media(min-width: 1660px){     .bg-linear-white-yellow-locc{         background: linear-gradient(109.8deg, #fff 0, #fff 40.8%, #fdc846 40.8%, #fdc846 100%);    }} @media(min-width: 1920px){     .bg-img-b{         left: 30%;    }     .bg-linear-white-yellow-locc{         background: linear-gradient(112.3deg, #fff 0, #fff 40.8%, #fdc846 40.8%, #fdc846 100%);    }}/* -------------------------------------------------------------------------*//*******Update 07-May-2022***********/.darkbg-blue{	background:#203864;}.news-section p span{	color:#1328d9;}.portfolio video{ border: 0; }.portfolio .card{ position: relative; height: 100%;	background:#fff;	box-shadow: 1px 1px 60px 0px rgb(0 0 0 / 20%);	border:none;}.portfolio .card h3{	color: #203864;	padding:10px;	text-align:center;}
@media(max-width: 480px){
    p.font-italic-title {
        font-size: 30px !important;
    }
    h1.f-pop {
        font-size: 40px !important;
    }
    .f-semi {
        font-size: 18px !important;
    }
    .footer-menu{
        text-align: left !important;
    }
}
.portfolio p{
    color: #203864;
    margin-bottom: 0;
    font-weight: 600;
    padding: 10px 10px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}
.portfolio h3{
        margin-bottom: 0;
    }
@media(min-width: 1200px){
    .portfolio h3{
        padding: 30px 25px !important;
        font-size: 21px;
    }
}

@media(max-width: 1200px){
    .portfolio h3{
        font-size: 16px;
        padding: 12px 0 !important;
    }
}
.animate-link a{
    position: relative;
    width: fit-content;
}
.animate-link a::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.animate-link a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.animate-link a:hover, .animate-link a:hover i{
    color: #fff !important;
}
.animate-link a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: #1dc577;
  z-index: -1;
  transition: transform .3s ease;
}
.text-amaris-blue{
    color: #173a72
}
.text-amaris-yellow{
    color: #fbdd7e !important;
}
.text-colive-brown{
    color: #7a2d39;
}
.green-line{
    position: relative;
    background-color: #1dc377;
    height: 3px;
    width: 25px;
}
.black-line-w15{
    position: relative;
    background-color: #000;
    height: 3px;
    width: 15%;
}
.banner-blue-b{
    background: url("../img/banner/banner-blue-b.jpg") no-repeat top center;
    background-size: cover;
}
.banner-gray-b{
    background: url("../img/banner/banner-gray-b.jpg") no-repeat top center;
    background-size: cover;
}
.banner-pt-400{
    padding-top: 400px;
}
@media(max-width: 991px){
    .banner-pt-400{
        padding-top: 100px;
    }
}
.bg-dark-green{
    background-color: #aec905;
}
.text-royal-blue{
    color: #1b3a97;
}
.mt-80{
    margin-top: 80px;
}
.bg-linear-white-yellow{   
    background: linear-gradient(to top, #ffd400 70%, #fff 30%);  
}
ul.li-line{
    position: relative;
    list-style: none;
    padding-left: 0;
}
ul.li-line li {
  position: relative;
  padding-left: 16px;
  font-size: 18px;
  line-height: 30px;
  font-family: Poppins-Regular !important;
}
ul.li-line li:before {
  content: "–";
  position: absolute;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  left: 0;
  top: 1px;
}
@media(min-width: 768px){
    .bg-linear-right-white-green{        
        background: linear-gradient(to right, #fff 55%, #9ac12f 45%);    
    }
}
@media(min-width: 992px){
    .img-topright{
        position: relative;
        right: -40%;
        margin-top: -165px;
    }
}
@media(max-width: 767px){
    .mt-80{
        margin-top: 45px;
    }
}
@media(min-width: 1500px){     
    .bg-linear-right-white-green{        
         background: linear-gradient(to right, #fff 53%, #9ac12f 47%);    
    }
}
.line-center{
    left: 50%;
    transform: translateX(-50%);
}
.w-8{
    width: 8%;
}
.bg-linear-top-white-delfrez{    
    background: linear-gradient(to top, #aec905 0, #aec905 42%, #fff 42%, #fff 100%);
}
.bg-yellow-delfrez{
    background-color: #ffd400;
}
.bg-dark-brown{
    background-color: #030100;
}
.mt-n180{
    margin-top: -180px;
}
.mt-100{
    margin-top: 100px;
}
.bgimg-bharatiyamall{
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../img/bhartiyamall/pic15.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 80px 0;
}
.form-control:focus{
    box-shadow: none;
}
.w-fit-content{
    width: fit-content;
}
#contact-form .error.err-show {
    display: block;
}
#contact-form .error {
    position: relative;
    top: 0px;
    display: none;
    color: #d61b28;
    text-align: left;
}
.bg-banner-gray{
    background-color: #e9e9e9;
}
.background-contain{
    background-size: contain;
}
.hgt-45{
    height: 45px;
    width: auto;
}
@media(max-width: 991px){
    .hgt-45 {
        height: 35px;
    }
}