
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('https://webclickindia.co.in/smtp/css/mail.css');
@import url('css/ma5-menu.min.css');
@import url(css/animate.css);
@import url(css/ma5-menu.min.css);
@import url(css/responsive.css);
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;   font-family: "Rubik", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;   font-family: "Rubik", sans-serif;}
a{font-size: 15px;  font-family: "Rubik", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;   font-family: "Rubik", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;     top: 0 !important;}
span{padding: 0px; margin: 0px;   font-family: "Rubik", sans-serif;}
input{  font-family: "Rubik", sans-serif;}
input:focus{outline: none;}
textarea{  font-family: "Rubik", sans-serif;}
button{  font-family: "Rubik", sans-serif;}
button:focus{outline: none;}
/*Start*/
header{background-color: #ab4345;}
.form-design form input {    width: 100%;    border-radius: 50px;    border: 0px;}
.form-design input {    background-color: #eee;    height: 45px;    padding-left: 50px; }
.form-design form {    position: relative;}
.form-design button {    position: absolute;    top: 10px;    left: 10px;}

.goog-te-gadget {    font-size: 16px;    color: white!important; white-space: nowrap;}
#goog-gt-vt, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display: none!important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none!important;}
.goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf * {    font-size: 11pt; width: 100%;    font-weight: bold;    border: 1px dashed #0059a0;  padding: 5px;}
:focus-visible {    outline: none!important;}
.dropdown select:focus{outline: none;}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {    display: none !important;}

.sticky{background-color: #2f2f2f;position: sticky;z-index: 999;top: -1px;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  color: #fff;  text-transform: uppercase;  padding: 15px 12px; position: relative;  z-index: 1;  margin: 0;     font-weight: 500;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);background-color: #2f2f2f;position: absolute;border: none;top: 80px;left: 0;width: 290px;z-index: 99;display: block;opacity: 0;visibility: hidden;border-radius: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-top: 15px;padding-left: 5px;padding-right: 5px;padding-bottom: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;   font-size: 15px;  font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{padding: 0px;}


/*.boxes-area::before {    content: '';    height: 150px;    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.08);    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.08);    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    left: 0;    right: 0;    background: #ffffff;    margin-left: 140px;    margin-right: 140px;}*/
.single-box {text-align: center;position: relative;z-index: 1;background-color: #ab4345;padding: 25px;overflow: hidden;-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);min-height: 385px;}
.single-box .learn-more-btn {    margin-top: 17px;    text-decoration: underline;    color: #ffffff;    font-weight: 600;   font-style: italic;}
.single-box .shape-box img:nth-child(1) {    position: absolute;    left: -60px;    top: -60px;    z-index: -1;}
.single-box.bg-43c784 {background-color: #2f2f2f;}
.single-box.bg-f59f00 {background-color: #503a3a;}
.single-box h3 {    margin-top: 10px;    margin-bottom: 12px;    color: #ffffff;    font-size: 20px;   font-weight: 700;}
.single-box.bg-43c784 .shape-box img:nth-child(1) {    left: auto;    right: -60px;    top: -60px;}
.single-box.bg-f59f00 .shape-box img:nth-child(1) {    left: auto;    right: -60px;    top: auto;   bottom: -60px;}
.single-box p {    color: #fff;}
.social_media i {    font-size: 35px;}
.social_media .fa-square-facebook{color: #006af7;}
.social_media .fa-linkedin{color: #0069bd;}


.whats-app-item button {  color: inherit;  background-color: transparent;  border: 0;  outline: 0 !important;  cursor: pointer;}
.whats-app-item button.chatbox-open { position: fixed;    bottom: 0;    right: 0;    width: 160px;    height: 52px;    color: #fff;    background-color: #00d573;    background-position: center center;    background-repeat: no-repeat;    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);    border: 0;    border-radius: 50px;    cursor: pointer;    margin: 15px;    z-index: 9;}
.whats-app-item button.chatbox-close {  position: fixed;  bottom: 0;  right: 105px;  width: 52px;  height: 52px;  color: #fff;  background-color: #000;  background-position: center center;  background-repeat: no-repeat;  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);  border: 0;  border-radius: 50%;  cursor: pointer;  display: none; margin: 16px calc(2 * 16px + 52px) 16px 16px; z-index: 999;}
.chatbox-popup {  display: flex;  z-index: 999;  position: fixed;  box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);  flex-direction: column;  display: none;  bottom: calc(2 * 16px + 52px);  right: 16px;  width: 377px;  height: auto;  background-color: #fff;  border-radius: 10px;}
.chatbox-popup .chatbox-popup__header {  box-sizing: border-box;  display: flex;  width: 100%;  padding: 10px;  color: #fff;  background-color: #00d573;  align-items: center;  justify-content: space-around;  border-top-right-radius: 10px;  border-top-left-radius: 10px;}
.chatbox-popup .chatbox-popup__main {  box-sizing: border-box;  width: 100%;  padding: calc(2 * 16px) 16px;  line-height: calc(16px + 16px / 2);  color: #888;  text-align: center;}
.chatbox-popup .chatbox-popup__footer {  box-sizing: border-box;  display: flex;  width: 100%;  padding: 16px;  border-top: 1px solid #ddd;  align-items: center;  justify-content: space-around;  border-bottom-right-radius: 12px;  border-bottom-left-radius: 12px;}
form.form-horizontal {    padding: 5px 12px;}
.chatbox-popup__header ul {    display: flex;    align-items: center;}
.chat-box-whatsapp{ background: url(img/chat.png) no-repeat;}
.message-chat {    width: 50%;    background: #fff;    padding: 10px;    border-radius: 10px;}
.message-chat span{     font-size: 13px;    font-weight: 700;    line-height: 18px;    color: rgba(0, 0, 0, 0.4);}
.message-chat p{font-size: 14px;    line-height: 19px;    margin-top: 4px;    color: rgb(17, 17, 17);}
.message-chat li {    font-size: 14px;}
a.whats-color  {    text-align: center;    background: #00d573;    padding: 10px 25px;    border-radius: 50px;}
.powered-by img{width: 1rem;}
.powered-by ul li {    font-size: 12px;}
a.primary-color{
  background: #0059a0;     
  width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;

  }
a.secondary-color{background: #f76c26;   width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;}



.modal-header {    padding: 0 15px;    color: #fff;    background-color: #ab4345;    height: 46px;}
.send_p { line-height: 22px;    text-align: center;    margin-bottom: 20px; color: #333;}
.modal-body form input {    border: 1px solid #ccc;    border-radius: 0px;    height: 35px;}
.modal-body form input:focus {    outline: none;}
.modal-body form textarea:focus {    outline: none;}
.modal-body form textarea {  border: 1px solid #ccc;    border-radius: 0px;    resize: none;}
.modal-header button span {   font-size: 40px;    position: relative;    bottom: 0px;}
#homepopupenquiry-form button[type=submit] {  line-height: 0px;    background: #ab4345;    outline: none;    color: #fff;    font-weight: 600;    border: none;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    width: 35%;    border-radius: 10px;    transition: 0.5s all;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;   padding: 20px;}
.modal-header > p {    font-size: 18px;    margin-top: 8px;}

.about-img {    float: left;    width: 500px;}
.about-content h1 {    font-size: 26px;}

.btn-design a {background-color: #ab4345;padding: 10px 30px;/* box-shadow: rgba(0, 91, 156, 0.5) 0px 7px 20px 0px; */border-radius: 50px;transition: 0.5s;}
.btn-design a:hover {  background-color: #2f2f2f;}

.product-content{background-color: #ab4345;}
.product-content a {    font-size: 18px;}
.product_box {    margin-bottom: 30px;}
.boxes-area {    position: relative;}
.why-choose-us h3 {    margin-bottom: 20px;    font-size: 25px; color: #000;}

.btn-know a{background-color: #2f2f2f;border-radius: 50px;}
.btn-know a:hover{    background-color: #ab4345;}

.btn-know a {    padding: 10px 30px;}

/*.why-choose-us{position: relative;}
.why-choose-us::before{position: absolute; content: ''; background: url(img/3-1.png)no-repeat; right: 0px; width: 100%;}*/

.bg-metter{background-color: #ab4345;}

.why-box .bg-white{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.top-up {    position: relative;    top: -35px;}
.why-box img {    margin-bottom: 8px;}
.why-box span {    display: block;    margin-bottom: 5px;}
.our-certificate{background-color: #00afe7;}
.certificate-item img { border:1px solid #fff; padding: 2px;   cursor: pointer;}

.ziehharmonika span {background: #ab4345;color: #fff;display: block;text-align: left;border-radius: 4px;padding: 5px 12px;cursor: pointer;margin-top: 0;font-size: 20px;margin-bottom: 9px;padding-right: 40px;transition: 0.25s all;position: relative;}
.ziehharmonika span.active {  margin-bottom: 21px;  color: #fff;  background: #2f2f2f;}
.ziehharmonika span::before { content: attr(data-prefix); }
.ziehharmonika span.alignLeft { padding-left: 35px;}
.ziehharmonika > div {  display: none;  background: #f5faff; border-radius: 4px; border: 1px solid #cdcdcd;text-align: left; padding: 31px 33px; margin-bottom: 9px;}
.ziehharmonika .arrowDown { width: 0; height: 0;  border-style: solid;  border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent;  position: absolute; bottom: 0;  left: 40px; transition: 0.25s all;  opacity: 0;}
.ziehharmonika .active .arrowDown { bottom: -13px;  border-color: #fff transparent transparent transparent;  opacity: 1;}
.ziehharmonika .collapseIcon {  position: absolute; right: 20px;  top: 45%; font-size: 35px;  font-weight: 300; -ms-transform: translate(0, -50%);      transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {  right: initial; left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}

#toTop {      position: fixed;    bottom: 25px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}

.bg-concept {    margin-bottom: 30px;}
.testimonial-home{margin: 0px auto;}
.testimonial-item img{width: 15%;}
.testimonial-item p {    font-size: 16px;}
/*.faqs{background-color: #005b9c;}*/

.home-form .row{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.home-content span{font-size: 30px; display: block;}
.home-filed input {    width: 48%;    float: left;    height: 45px;    border: 1px solid #ccc; padding-left: 15px; margin-bottom: 15px;     margin-right: 14px;}
.home-filed textarea{width: 98%; border: 1px solid #ccc; padding-left: 15px; padding-top: 10px; height: 100px;}
.home-filed button {border: none;padding: 10px 30px;background-color: #2f2f2f;border-radius: 50px;}
footer{background-color: #f6faff; position: relative;}
/*footer::before{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, #00afe7 0%, #006687 100%); top: 0px; opacity: 0.9; z-index: 9;}*/
.tagline-type h6 {font-size: 50px;color: #ab4345;}
.address-putting span{    font-size: 20px;    line-height: 24px;}
.address-putting p { font-size: 20px;    margin-top: 15px;}
.big-number a {  font-size: 1.9vw;}
.copy-right{border-top:1px solid #e3e3e3; z-index: 9;}
.video-concept {    position: absolute;    width: 100%;   top: 0px; height: 100%;}
.video-concept video {width: 100%;     object-fit: cover;}
footer .row {    position: relative;    z-index: 999; }
.mobile-menu {    display: none;}


.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 5px 0px;    width: 48%;}
.mobile-three-item {    text-align: center}
.mobile-three-item li:first-child {       background: #ab4345;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #333;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}

.common-banner {    padding: 120px 0;    position: relative;}
.inner-bread {    background: #222;    position: relative;    margin: 0;    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);}
ul.breadcrumb li {    color: #ab4345;}

.quick-contact-box {    position: relative;    margin-top: -90px;    display: block;    background: #2f2f2f;    padding: 28px 15px 30px;    z-index: 10;}
.btn-two {    color: #ffffff;    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    transition: all 500ms ease;}
.contact-box-content .text-holder .opening-hours .title-box.center h3 {    color: #2f2f2f;}
.contact-box-content .text-holder .opening-hours .inner-content h1 {    color: #f3441e;    font-size: 30px;    font-weight: 400;    margin: 10px 0 8px;}
.contact-box-content .text-holder .opening-hours .inner-content h3 {    color: #2f2f2f;    font-size: 18px;}
.contact-box-content .text-holder .opening-hours .title-box.center h3 {    padding-left: 16px;    color: #2f2f2f;}
.title-box.center h3 {    position: relative;    display: inline-block;    padding-left: 16px;    padding-right: 16px;    color: #ffffff;}
.title-box h3 {    color: #333333;    font-size: 16px;    font-weight: 400;    line-height: 16px;    text-transform: uppercase;}
.quick-contact-box ul li .title-holder p {    color: #fff;    margin: 0;}
.quick-contact-box .title-box h3 {    color: #ffffff;}
.title-box {    position: relative;    display: block;    padding-left: 0px;    padding-bottom: 29px;}
.contact-form {    position: relative;    display: block;    z-index: 1;}
.contact-form form textarea {    height: 95px;    padding: 10px 20px;}
.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {    background: transparent;    border: 0px solid;    border-bottom: 1px solid #e5e5e5;    color: #303030;    display: block;    font-size: 16px;    height: 55px;    margin-bottom: 0px;    padding: 0 0px;    width: 100%;    transition: all 500ms ease;}
.sec-title .inner span.clr2 {    color: #ab4345;}
.sec-title .title.clr2 {    color: #2f2f2f;      font-family: "Rubik", sans-serif;}
.sec-title .title {  position: relative;    display: block;     font-family: "Rubik", sans-serif;   margin: 7px 0 0;    color: #083061;    font-size: 28px;    line-height: 40px;    font-weight: 400;    text-transform: none;    z-index: 1;    font-weight: 700;}
.contact-form form button {    width: 100%;    padding: 15px 0 16px;    background: #ab4345;    border-radius: 0;    cursor: pointer;    border:0px;    display: block;}
.btn-two {    color: #ffffff;    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    transition: all 500ms ease;}
.middle-part {    margin: 0px auto;}
.title-holder {    margin-bottom: 22px;}
.input-box textarea{height: 100px !important;     border-bottom: 1px solid #e5e5e5 !important;}
.map iframe{height: 300px; width: 100%;}
form#contact-form {    background: #f1f1f1;    padding: 15px;}
.color-site {    background-color: #ab4345;}
.white-wrap {    background-color: #ab4345;}
.submit-btn button {    width: 100%;    color: #fff;    padding: 10px 0;    background-color: #000;    border: none;}
.sitema-links-item span {    font-size: 20px;}
.skin-color {    background: #2f2f2f;}
div#inner-frm span {    font-size: 22px;}
.inner-left-side-product ul li a {    background-color: #ab4345;    padding: 15px;    color: #fff;    font-size: 18px;}
.city a {  background: #2f2f2f;    padding: 10px 0px;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
.city-heading h2 {    font-size: 20px;    margin-bottom: 14px;}
.details-product-content ul li:first-child a {    background: #00d573;    padding: 10px 30px;    border-radius: 5px;    color: #000;}
.details-product-content ul li:nth-child(2) a {    background: #ab4345;    padding: 10px 30px;    border-radius: 5px;    color: #000;}
.details-product-content ul li:nth-child(3) a {    background: #000;    padding: 10px 30px;    border-radius: 5px;    color: #fff;}
.details-product-content ul li:nth-child(4) a {    background: #444;    padding: 10px 30px;    border-radius: 5px;    color: #fff;}

.full-discription-inner h2{font-size: 22px; margin-bottom: 12px;}
.full-discription-inner h3{font-size: 22px; margin-bottom: 12px;}
.full-discription-inner h4{font-size: 22px; margin-bottom: 12px;}
.full-discription-inner h5{font-size: 22px; margin-bottom: 12px;}
.full-discription-inner h6{font-size: 22px; margin-bottom: 12px;}

.full-discription-inner ul {    margin-bottom: 15px;   padding-left: 15px;}
.full-discription-inner ul li{list-style-type: disc; margin-bottom: 12px;}

.tab_inner nav {    background: #00afe7;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {    color: #fff;    background-color: #000;    border: none !important;}
.nav-tabs .nav-link{border-radius: 0px !important;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: none !important;}
.tab_inner nav a {    font-size: 20px;}
.tab_inner {    background: #f1f1f1;}
.nav-tabs .nav-item{margin-bottom: 0px !important; color: #fff;}
.tab-pane ul {    list-style: disc;}
.tab-pane ul li{line-height: 28px;}
/*.nav-tabs .nav-item:not(:last-child){margin: 0px; padding: 0px;}*/

table {  border-collapse: collapse;  width: 100%;     font-family: "Rubik", sans-serif;}
td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}
/*tr:nth-child(even) {  background-color:#0e57a5;}*/

tr:nth-child(even) {  background-color: #fff;}
tr:nth-child(odd) {    background-color: #ab4345;    color: #fff !important;}
table td {    font-size: 14px;}

.bg-43c784 {    min-height: 385px;}

img.leaf-setting {    position: absolute;    top: 0;}
.product_box img {    height: 225px;    object-fit: scale-down;    background: #fff;}
/*.set-class {    width: 8%;}*/
img.setting-right-corner {    position: absolute;    right: 0;}
.teagline-calling img {    filter: brightness(0.0);}


.home-form::before {    content: "";    position: absolute;    bottom: 0px;    right: 0;    background: url(img/overimg2.png) no-repeat bottom;    background-size: 100%;    width: 80px;    height: 100%;    z-index: 9;}
.home-form::after {    content: "";    position: absolute;    left: 0;    top: 0;    background: url(img/overimg1.png) no-repeat bottom;    background-size: 100%;    width: 300px;    height: 103%;    z-index: 9;}
.product-item img {    height: 250px;    object-fit: contain;    background: #fff;}
.lateh-btn a{    color: #ab4345;}
.natural_box img {    height: 250px;    object-fit: none;    background: #f1f1f1;}
.natural_box a {    display: block;    text-align: center;    background: #ab4345;   padding: 5px 0;}
.natural-mint-products {    background: #09666e;}

/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {border: none;outline: none;}
#whatsapp .wtsapp {position: fixed;transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 18px;bottom: 92px;left: 20px;border: 0;z-index: 99;width: 50px;height: 50px;line-height: 48px;}
#whatsapp .wtsapp:before {content: "";position: absolute;z-index: -1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: #25d366;border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}

/*Call Me*/
.phone_lefts-side {position: relative;}
.phone_lefts-side a {position: fixed;bottom: 175px;background-color: #2f2f2f;animation: topBottom 4s infinite;z-index: 999;left: 20px;color: #fff;padding: 10px 16px;border-radius: 50%;font-size: 20px;animation: bounce 4s infinite alternate;}
.glow {font-size: 80px;color: #fff;text-align: center;-webkit-animation: glow 1s ease-in-out infinite alternate;-moz-animation: glow 1s ease-in-out infinite alternate;animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;
}
to {
text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;
}
}
@keyframes glow {
from {
text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;
}
to {
text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;
}
}
.bounce {animation: bounce 965 1.6s ease infinite;transform-origin: 50% 50%;}
@keyframes bounce {
0% {
transform: translateY(0);
}

12.5% {
transform: translateY(0);
}

25% {
transform: translateY(0);
}

50% {
transform: translateY(-15px);
}

62.5% {
transform: translateY(0);
}

75% {
transform: translateY(-15px);
}

100% {
transform: translateY(0);
}
}

.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: #ab4345;   transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry {    position: fixed;    z-index: 1000;    bottom: 15px;    left: 20px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.enquiry strong {    background: #f69a1d;    line-height: 28px;    color: #fff;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover {    color: #fff;}
.enquiry strong:hover {   color: #000;    background: #eee;}
i.fa-square-facebook {    color: #007aeb;    font-size: 26px;}
i.fa-x-twitter {    color: #009eea;    font-size: 26px;}
i.fa-linkedin-in {    color: #0069bd;    font-size: 26px;}
i.fa-instagram {    color: #ff0068;    font-size: 26px;}
i.fa-youtube {    color: #ff0013;    font-size: 26px;}
i.fa-pinterest {    color: #ff0013;    font-size: 26px;}
img.set-leaf-right {    position: absolute;    right: 0;    top: 0;}
/*.item.white-bg {    margin: 10px;}*/
#tours {    position: relative;}
.tour1 {    position: relative;    width: 25%;    float: left;}
.tour1 a {    position: relative;    display: block;    text-decoration: none;}
.tour1 a figure {    position: relative;    z-index: 2;    top: 0;    transition: all 0.3s ease-out;    -moz-transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;   -o-transition: all 0.3s ease-out;    margin: 0px;}
.tour1 a:hover figure {    top: -160px;}
.tour1 a figure img {    width: 100%;}
.tour1 a .caption {    position: absolute;    background: #fff;    width: 100%;    left: 0;    bottom: 15px;    z-index: 1;    text-align: center;}
.tour1 a .caption .txt1 {font-size: 18px;    line-height: 1.1;    padding-bottom: 5px;    color: #222222;    text-transform: capitalize;    /* letter-spacing: 1px; */    font-weight: 600;}
.tour1 a .caption .txt2 .stars1 {    display: inline-block;}
.tour1 a .caption .txt2 .stars1 img {    padding-right: 5px;    vertical-align: top;    padding-top: 6px;}

.tour1 a .caption .txt2 .rev-num {    display: inline-block;    color: #bebebe;    padding-left: 10px;}
.tour1 a .caption .txt3 {    font-weight: 700;    font-size: 18px;    line-height: 1.1;    color: #222222;    text-transform: uppercase;    letter-spacing: 1px;    padding-top: 10px;}
.caption p {    padding-left: 20px;    padding-right: 20px;    color: #333;    font-size: 15px;}
.collage-img img {    width: 100%;}
/*.long-banner img {    width: 100%;}*/
.best-deal .main-title span {    top: -5px;    left: 36%;}

.why-choose-us{background-color: #ab4345;}

/*.why-choose-us li {    margin-left: 90px;}*/
.why-choose-us li {    font-size: 16px;}
.why-choose-us .title img {    filter: brightness(0.0) invert(1);}
.why-choose-us p {    font-size: 17px;}

.why-choose-us ul {    display: flex;    justify-content: space-between;    flex-basis: 100%;    text-align: center;}
/* .why-choose-us img {    filter: brightness(0.0) invert(1);} */

.full-content-who-we-ar{background-color: #ab4345;}

.story-middle-content h2 {    font-size: 24px;    margin-bottom: 12px;}
.story-middle-content h3 {    font-size: 24px;    margin-bottom: 12px;}
.story-middle-content h4 {    font-size: 24px;    margin-bottom: 12px;}
.story-middle-content h5 {    font-size: 24px;    margin-bottom: 12px;}
.story-middle-content h6 {    font-size: 24px;    margin-bottom: 12px;}


.story-middle-content p{text-align: justify; line-height: 25px;}
.story-middle-content ul li {    text-align: justify;    margin-bottom: 12px;    line-height: 25px;}
.certificates_box img {    height: 250px;    object-fit: cover;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #2f2f2f;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #2f2f2f;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 30px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}

.details-product-content ul li b {    float: right;    width: 30%;}

.details-product-content ul li {    margin-bottom: 5px;    padding-bottom: 5px;    border-bottom: 1px solid #ccc;}

.full-discription-inner span {  text-align: center;    display: block;    font-size: 30px;    display: block;    margin-bottom: 12px;}


  section.form-career {    padding-bottom: 50px;    padding-top: 50px;}
.icon-item img {    margin-bottom: 30px;}
.text-item-bottom span{font-size: 32px; padding-bottom: 20px; font-weight: 300; text-transform: capitalize;}
.text-item-bottom p {    padding-top: 15px;    line-height: 28px;    font-size: 15px;}
.career-filed select {    width: 100%; height: 40px;    border: none;    border-bottom: 1px solid #ccc;    margin-bottom: 22px; color: #787878;}
.career-filed select:focus{outline: none;}
.content-post a{color: #000; text-transform: uppercase;     font-size: 16px;}
.content-post b{color: #000; font-weight: 600;}
.main-title{position: relative; text-align: center;}
.main-title::after{position: absolute;    content: 'Apply Now';    letter-spacing: .28em;    top: 0px;    text-align: center;    left: 0px;    white-space: nowrap;    text-transform: uppercase;    color: #eaeaea;    font: 900 45px/0 'Poppins', sans-serif;    width: 100%;    z-index: -9999;}
.main-title p {    font-size: 30px;    font-weight: 500; color: #333;}
.main-title .separator {position: relative;    width: 100px;   margin-bottom: 20px;    left: 45%;    top: 39px;}
.main-title .separator:before {    position: absolute;    content: '';    left: 0px;    bottom: 18px;    width: 100%;    height: 1px;    background-color: #cccccc;}
.main-title .separator:after {    position: absolute;    content: '';    left: 42%;    top: -32px;    width: 30px;    height: 30px;    margin-left: -10px;    border: 10px solid #ffffff;    background-color: #2f2f2f;}

.form-item {    margin-top: 5%; position: relative;}
input.name{background: url(images/ic-name.png)no-repeat;      background-position: 0% 50%;}
input.email{background: url(images/ic-email.png)no-repeat;      background-position: 0% 50%;}
input.phone{background: url(images/ic-phone.png)no-repeat;      background-position: 0% 50%;}
select.select-img{background: url(images/career-icon.png)no-repeat;       background-position: 0% 50%;}
textarea.message{background: url(images/ic-discriptio.png)no-repeat;     background-position: 0% 0%; margin-bottom: 40px;}
.career-filed input {    width: 100%;    margin-bottom: 26px;    height: 40px;    border: 0px;    border-bottom: 1px solid #ccc;}
.career-filed-textarea textarea {    width: 100%;    resize: none;    border-bottom: 1px solid #ccc;    border: 0px;    border-bottom: 1px solid #ccc;    height: 150px;}
.career-filed-btn input {    background: #ab4345;    border: none;    padding: 15px 40px 15px 40px;    color: #fff;    border-radius: 50px;}
/*figure.effect-oscar {  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}*/
figure.effect-oscar img { -webkit-transition: opacity 0.35s;  transition: opacity 0.35s;}
figure.effect-oscar figcaption {  padding: 3em;  -webkit-transition: background-color 0.35s;  transition: background-color 0.35s;}
figure.effect-oscar figcaption::before {    position: absolute;    top: 15px;    right: 15px;    bottom: 15px;    left: 15px;    border: 1px solid #b83f49;    content: '';}
figure.effect-oscar h2 {  margin: 20% 0 10px 0;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;  -webkit-transform: translate3d(0,100%,0);  transform: translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,figure.effect-oscar p {  opacity: 0;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: scale(0);  transform: scale(0);}
figure.effect-oscar:hover h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
figure.effect-oscar:hover figcaption {  background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {  opacity: 0.3;}
.grid {  position: relative;  margin: 0 auto;   max-width: 1000px;  list-style: none;  text-align: center;     display: flow-root;}
/* Common style */
.grid figure {  position: relative;  float: left;  overflow: hidden;  min-width: 100%;  max-width: 100%;  width: 100%;  background: #fff;  text-align: center;  cursor: pointer; margin-bottom: 0px;}
.grid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;}
.grid figure figcaption {  padding: 30px;  color: #000;  text-transform: uppercase;  font-size: 1.25em;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {  pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;}
.grid figure h2 {  word-spacing: -0.15em;  font-weight: 300;}
.grid figure h2 span {  font-weight: 800;}
.grid figure h2,.grid figure p {  margin: 0;}
.grid figure p {text-transform: capitalize;}
.grid figcaption span {    text-transform: capitalize; opacity: 0;}
.grid figcaption:hover span {  opacity: 1;}
.grid figcaption ul { opacity: 0;  text-transform: capitalize;     white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.grid figcaption:hover ul{opacity: 1;}

.ul ul li a {    background: #ab4345;    padding: 2px 6px;    display: block;    font-size: 14px;}
.ul ul li a:hover {background-color: #2f2f2f;}
ul.white-pure li img {  filter: brightness(0) invert(1);}
.products_box-item {  margin-bottom: 30px;}
.products_box-item img {  height: 300px;  object-fit: scale-down;  width: 100%;}

ul.last-scroll {  max-height: 500px;  overflow-y: scroll;}
ul.last-scroll::-webkit-scrollbar {  width: 10px;}
ul.last-scroll::-webkit-scrollbar-track {  background: #f1f1f1;}
ul.last-scroll::-webkit-scrollbar-thumb {  background: #888;}
ul.last-scroll::-webkit-scrollbar-thumb:hover {  background: #555;}

.why-btn-design {  background: #ab4345;  text-align: center;  padding: 5px; margin-bottom: 30px;}

.chairman_boxes strong {      font-family: "Rubik", sans-serif;  display: block;  margin-bottom: 10px; font-size: 20px;  margin-top: 10px;}

.chairman_boxes ul li {  margin-bottom: 10px;  list-style-type: disc;}
.chairman_boxes ul{padding-left: 15px;}
.chairman_boxes p {  margin-bottom: 12px;}

.city-heading h2 {  background: #ab4345;  padding: 10px 15px; color: #fff;}


.details-product-content h2 {  font-size: 22px;  margin-bottom: 14px;}
.details-product-content h3 {  font-size: 22px;  margin-bottom: 14px; margin-top: 14px;}
.details-product-content h4 {  font-size: 22px;  margin-bottom: 14px; margin-top: 14px;}
.details-product-content h5 {  font-size: 22px;  margin-bottom: 14px; margin-top: 14px;}
.details-product-content h6 {  font-size: 22px;  margin-bottom: 14px; margin-top: 14px;}

.home-page-btn a {
    background-image: linear-gradient(to right, #ab4345, #ab4345);
    padding: 5px 15px;
    border-radius: 18px;
    box-shadow: rgba(240, 112, 63, 0.2) 0px 7px 29px 0px;
}

.location-items h1 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}
.location-items h2 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}
.location-items h3 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}
.location-items h4 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}
.location-items h5 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}
.location-items h6 {  font-size: 20px; margin-bottom: 14px; margin-top: 14px;}