@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..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');
/*Custom CSS*/
:root {
  --brand-primary: #008047; /* Logo Green */
  --brand-dark: #003a20;    /* Dark Forest Green */
  --brand-hover: #00a35b;   /* Hover Accent Green */
  --brand-light: #e6f3ec;   /* Soft Tint Green */
  --brand-deep: #002615;    /* Deep Forest Green for Footer */
}

h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;  font-family: "Work Sans", sans-serif;}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px;  font-family: "Work Sans", sans-serif;}

a{font-size: 15px; font-family: "Work Sans", sans-serif;}

a:hover{text-decoration: none;}

p{font-size: 15px; padding: 0px; margin: 0px; font-family: "Work Sans", sans-serif;}

body{padding: 0px; margin: 0px; box-sizing: content-box;     top: 0 !important;}

span{padding: 0px; margin: 0px; font-family: "Work Sans", sans-serif;}

input{font-family: "Work Sans", sans-serif;}

input:focus{outline: none;}

textarea{font-family: "Work Sans", sans-serif;}

button{font-family: "Work Sans", sans-serif;}

button:focus{outline: none;}

/*Start*/

header{background-color: var(--brand-dark);}

.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 #fff;	 padding: 5px;}

:focus-visible {    outline: none!important;}

.dropdown select:focus{outline: none;}

a.VIpgJd-ZVi9od-l4eHX-hSRGPd {    display: none !important;}



.sticky{background: var(--brand-primary);    position: sticky;    z-index: 999;    top: 0;}

.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: var(--brand-dark);  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: green;    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);}

.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: var(--brand-dark);}

.single-box.bg-f59f00 {    background-color: var(--brand-primary);}

.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: var(--brand-dark);    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: var(--brand-primary);    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;}
#homepopupenquiry-form button[type=submit]:hover { background: var(--brand-hover); }

.modal-header > p {    font-size: 18px;    margin-top: 8px;}



.about-img {    float: left;    width: 500px;}

.about-content h1 {    font-size: 28px; color: #000;}



.btn-design a { background-color: var(--brand-primary);  padding: 10px 30px;   border-radius: 50px; transition: 0.5s;}

.btn-design a:hover {  background-color: var(--brand-dark); color: #fff !important;}



.product-content{background-color: #fff;}

.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: var(--brand-primary); border-radius: 50px;}

.btn-know a:hover{    background-color: var(--brand-dark);}



.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: var(--brand-dark);}



.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: #f20040;  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:var(--brand-primary);}

.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: 30px;    right: 30px;    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-family: "Playfair Display", serif; font-size: 30px; margin-bottom: 15px; display: block;}

.home-filed input {    width: 48%;    float: left;    height: 45px;    border: 1px solid #ccc; padding-left: 15px; margin-right: 14px;}

.home-filed textarea{     border: 1px solid #ccc;    padding-left: 15px;    padding-top: 10px;    height: 100px;    width: 95.5% !important;}
.home-filed button {    border: none;    padding: 10px 30px; background-color: #000;     border-radius: 50px;}

footer{/*background-color: #0059a0;  */  /* background: linear-gradient(to bottom, #0059a0 0%, #03457a 100%);*/ position: relative; background: var(--brand-deep) url(../images/footer-bg.png); background-size: cover;}
/* 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;}

.address-putting span{    font-size: 20px;    line-height: 24px;    color: #fff;}

.address-putting p {color: #fff;  font-size: 20px;    margin-top: 15px;}

.big-number a {font-weight: 800;     font-size: 30px;}

.copy-right{border-top:1px solid #cccc; 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: 32%;}

.mobile-three-item {    text-align: center}

.mobile-three-item li:first-child {
    background-color: var(--brand-dark);
}

.mobile-three-item li:nth-child(2) {    background-color: #64b161;}

.mobile-three-item li:last-child {    background-color: #f20040;}

.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 , #64b161);}

.mobile-btn-animation a {    color: white;}

#mobile-call-container a {    width: 100%;    min-width: 100%;}



.common-banner {    padding: 90px 0;    position: relative;}

.inner-bread {    background: var(--brand-dark);    position: relative;    margin: 0;    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);}

ul.breadcrumb li {    color: #fff;}
.why-choose-us ul li



.quick-contact-box {    position: relative;    margin-top: -90px;    display: block;    background: #151515;    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: var(--brand-primary);}

.sec-title .title.clr2 {    color: #2f2f2f;  font-family: "Work Sans", sans-serif;}

.sec-title .title {  position: relative;    display: block;  font-family: "Work Sans", 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: #f20040;    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;}
form#contact-form {    background: #f1f1f1;    padding: 15px;}
.color-site {    background-color: var(--brand-primary);}
.white-wrap {    background-color: var(--brand-dark);}
.submit-btn button {    width: 100%;    color: #fff;    padding: 10px 0;    background-color: #f20040;    border: none;}
.sitema-links-item span {    font-size: 20px;}
.skin-color {    background: var(--brand-dark);}
div#inner-frm span {    font-size: 22px;}
.inner-left-side-product ul li a {    background-color: #000;    padding: 15px;    color: #fff;    font-size: 18px;}
.city a {  background: var(--brand-primary);    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: var(--brand-primary);    padding: 10px 30px;    border-radius: 5px;    color: #fff;}

.details-product-content ul li:nth-child(3) a {    background: #f20040;    padding: 10px 30px;    border-radius: 5px;    color: #fff;}

.details-product-content ul li:nth-child(4) a {    background: var(--brand-dark);    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: var(--brand-primary);}

.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: "Work Sans", 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: var(--brand-light);    color: #333 !important;}
table td {    font-size: 14px;}
ul.scroll-bar-menu {    max-height: 300px;    overflow-y: scroll;}

/* width */
ul.scroll-bar-menu::-webkit-scrollbar {    width: 10px;  }
ul.scroll-bar-menu::-webkit-scrollbar-track {    background: #f1f1f1;  }
ul.scroll-bar-menu::-webkit-scrollbar-thumb {    background: #888;  }  
ul.scroll-bar-menu::-webkit-scrollbar-thumb:hover { background: #555;}
.about-content p {    margin-bottom: 20px; text-align: justify;}
.wt-box h3 {    font-size: 20px;    margin-bottom: 16px;}
.wt-box p {    margin-bottom: 15px;}
.wt-box ul {    padding-left: 15px;    margin-bottom: 12px;}
.wt-box ul li {    line-height: 35px;    list-style: disc;}
.why-choose-us p {    margin-bottom: 20px;    text-align: justify;}
.why-choose-us ul li {    margin-bottom: 10px;    text-align: justify;}
.home-filed {    float: left;    width: 46%;}
.ziehharmonika p {    text-align: justify;}

.quick-form-design span{     font-family: "Work Sans", sans-serif;     font-size: 30px;}

.home-filed {    margin: 10px;}
.blog-content > a {    font-size: 20px;    display: block;}
.blog-content p {    text-align: justify;}
.blog-btn a {    background: var(--brand-primary);    padding: 8px 15px;}
.blog-content > a {     color: #000;    font-weight: 600;    display: block;    margin-bottom: 8px;}
.blog-btn a {    color: #fff;}

.about-content h2 {    text-transform: capitalize;    font-size: 18px;}
.about-content h3 {    text-transform: capitalize;    font-size: 18px;}

/*Call Me*/

.phone_lefts-side {    position: relative;}

.phone_lefts-side a {    position: fixed;    bottom: 205px;    color: white;    background-color: var(--brand-primary);    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    color: white;    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);}
}
/*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: 130px;    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;}
}
.enquiry {    position: fixed;    z-index: 1000;    bottom: 55px;    left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.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:#f20040;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.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;}
.full-discription-inner td > p {    color: #000;    font-size: 18px;}
.full-discription-inner p {    margin-bottom: 15px;    text-align: justify;}
.quick-contact-box {    background: var(--brand-dark);    text-align: left;    padding: 20px;}
.gallery-box img {    width: 100%;    height: 300px;    object-fit: contain;    border: 1px solid #ccc;    margin-bottom: 30px;     cursor: pointer;}
.blog-page-img img {  object-fit: contain;    border: 1px solid #ccc;}
/* .blog-page-img img {    margin-bottom: 20px;} */
.blog-page-content p {    text-align: justify;    margin-bottom: 15px;}
a.heading-set-blog {    font-size: 17px;    font-weight: 600;    color: #000;    margin-bottom: 15px;    display: block;}
.blog-items{margin-bottom: 30px;}
a.site-button {    color: var(--brand-primary);}
.blog-page-content {    background: #f1f1f1;    padding: 15px;    height: 330px;}
.blog-content p {    text-align: justify;    margin-bottom: 20px;}
.blog-details h3 {    font-size: 25px;    margin-bottom: 5px;}
.blog-content span {    font-weight: 900;    font-size: 18px;    color: #223a8b;    display: block;    margin-bottom: 10px;}
.blog-content ul li {   margin-bottom: 12px;    /* list-style-type: disc; */}
h2.blog-title {    font-size: 22px;    margin-bottom: 15px;}
.blog-mata ul li {    margin-right: 15px;    padding-right: 15px;    position: relative;}
.blog-mata h2 {    font-size: 15px;    font-style: italic;}
.blog-mata h3 {    font-size: 15px;    font-style: italic;}
.blog-mata h4 {    font-size: 15px;    font-style: italic;}
.blog-mata h5 {    font-size: 15px;    font-style: italic;}
.blog-mata h6 {    font-size: 15px;    font-style: italic;}
.btn {    border-radius: 0;    padding: 15px 28px 12px;         line-height: 1;}
.recent-block h6 {    color: #000;}
.recent-blog .recent-blog-title, .recent-blog .recent-blog-date {    font-size: 15px;}
.blog-comment-area p {    margin-bottom: 10px;    margin-top: 6px;}
.blog-details h3 {    font-size: 25px;    margin-bottom: 5px;}
.categories ul li {    margin-bottom: 10px;    border-bottom: 1px solid #ccc;    padding-bottom: 10px;}
h2.blog-title {    font-size: 22px;    margin-bottom: 15px;}
.blog-mata ul {    margin-bottom: 10px;}
.blog-mata h3 {    font-size: 15px;    font-style: italic;}
.blog-content span {    font-weight: 900;    font-size: 18px;    color: #223a8b;    display: block;    margin-bottom: 10px;}
.blog-content ul li {    margin-bottom: 12px;    /*list-style-type: disc;*/}
/*.blog-content ul {
    padding-left: 15px;
}*/
/*.blog-content i {
    width: 5%;
    float: left;
}*/
.recent-block img {    width: 100px !important;    height: 80px;    object-fit: cover;}
.categories a {    color: #242424;    font-size: 15px;    font-weight: 500;}
.sidebar-recent-blog-title {    font-size: 18px;    font-weight: 600;    margin-bottom: 13px;    color: #061538;}
.recent-blog-title {    color: #000;}
.product-links-type a {    background: var(--brand-primary);    display: block;    text-align: center;    line-height: 30px;}
.product-img-desing-box img {    height: 300px;    object-fit: contain;    border: 1px solid #ccc;}
.product-img-desing-box {    margin-bottom: 30px;}
.blog-details p {    margin-bottom: 15px;}
.blog-details ul li {    margin-bottom: 18px;}
.details-product-content p {    text-align: justify;}
.blog-text img { border: 1px solid #ccc;}
img.bright-color {    filter: brightness(0.5) invert(1);}
.quality{    color: #000;}
.testimonial h5{    color: #000;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #f20040;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}
.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 20px;}
.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;}
.related_content p {    margin-bottom: 20px;}
.related_content {    padding-bottom: 20px;}
.blog-content{font-family: "Work Sans", sans-serif;}
.choose h4 {color: #000;}
.choose{    background-color: rgb(232, 232, 232);}
.choose-sec p{    color: #000;    text-align: justify;   }
.choose-btn button{    padding: 12px 26px;    background-color: var(--brand-primary);    border: none;    border-radius: 50px;  }
.choose-btn button:hover{    background-color: var(--brand-dark);}
.choose-btn button a{    color: #fff;    font-size: 16px;}
.choose-icon i{    color: var(--brand-primary);    font-size: 42px;}
.choose-data p{    font-size: 15px;}
.choose-data h4{    font-size: 18px;}
.choose-custo{    display: flex;}
.choose-data{    margin-left: 20px;}
.choose-one{    border-right: 1px solid var(--brand-primary);}
.choose-three{   border-right: 1px solid var(--brand-primary);    border-top: 1px solid var(--brand-primary);}
.choose-four{       border-top: 1px solid #00518c;}
.choose-custo-two{    padding-top: 30px;}
.choose-custo-one{    padding-bottom: 30px;}
.abs-three{    background-color: var(--brand-primary) !important;}
.abs-data h4{    font-size: 22px;}
.abs-three i{    color: #fff !important;}
.abs-three h4{    color: #fff !important;}
.abs-two{    background-color: #f20040 !important;}
.abs-two h4{    color: #fff !important;}
.abs-two i{    color: #fff !important;}
.abs-one{    background-color: #fff;}
.abs-one h4{    color: #000 !important;}
.abs-icon i{    font-size: 43px;}
p.new-p {    font-size: 22px; font-weight: 600;}
.box-product{    text-align: center;    overflow: hidden;    position: relative;}
.box-product:before,
.box-product:after{    content: "";    background: rgba(0, 242, 101, 0.295);    width: 200%;    height: 200%;    opacity: .75;    transform: skew(45deg) translateX(100%);    position: absolute;    right: 0;    bottom: 0;    z-index: 1;    transition: all .6s ease;}
.box-product:after{    transform: skew(45deg) translateX(-100%);    top: 0;    left: 0;    right: auto;   bottom: auto;    z-index: 0;}
.box-product:hover:before,
.box-product:hover:after{    transform: skew(45deg) translateX(0);}
.box-product img{    width: 100%;    height: auto;    transition: all 0.35s;}
.box-product:hover img{ opacity: 0.5; }
.box-content-product{    color: #00a35b;    width: 85%;    opacity: 0;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;    z-index: 2;   transition: all 0.6s ease;}
.box-product:hover .box-content-product{ opacity: 1; }
.box-product .title-product{    font-size: 22px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);    margin: 0 0 3px;}
.box-product .post-product{    font-size: 14px;    font-weight: 200;    letter-spacing: 1px;    text-transform: capitalize;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);    margin: 0 0 10px;    display: block;}
.box-product .icon-product{    padding: 0;    margin: 0;    list-style: none;}
.box-product .icon-product li{    margin: 0 3px;    display: inline-block;}
.box-product .icon-product li a{    color: #054372;    background: #fff;    font-size: 16px;    line-height: 34px;    width: 34px;    height: 34px;    display: block;    transition: all 0.35s;}
.box-product .icon-product li a:hover{    color: #fff;    background: #00a35b;}
@media only screen and (max-width:990px){
.box-product{ margin: 0 0 30px; }
}
.product-plain-design p {    margin-bottom: 22px;}
.view-more-btn a {    background: #00a35b;    padding: 10px 30px;    border-radius: 50px; transition: 0.5s;}
.view-more-btn a:hover {    background: var(--brand-primary);    padding: 10px 30px;    border-radius: 50px;}


/* Feature Section 
============== */

.single-feature-item .feature-icon {	background: #eee;    color: var(--brand-primary);    display: inline-flex;    padding: 30px 0;    width: 80px;    height: 80px;    text-align: center;    float: left;    align-items: center;    justify-content: center;    line-height: 1;}
.feature-icon i:before {	font-size: 45px;}
.feature-image {	position: relative;	z-index: 1;	margin-top: 50px;}
.feature-image:after {	position: absolute;	content: " ";	width: 100%;	height: 100%;	top: -40px;	right: -40px;	border: 10px solid #f20040;z-index: -1;}
.feature-content {	margin: 40px 0;}
.feature-content span {	font-size: 20px;	padding-left: 20px;	margin-bottom: 10px;}
.feature-content p {	padding-left: 100px;    font-size: 16px;}

/* Working Process section */
.working-process-section {    position: relative;}
.process-block {    position: relative;    border: 4px solid #212121;    border-left: 0;    margin-top: 60px;}
.process-block:first-child {    border-left: 4px solid #212121;}
.process-block .inner-box {    position: relative;    text-align: center;    padding: 0 15px;    padding-bottom: 22px;}
.process-block .icon {    position: relative;    width: 120px;    height: 120px;    line-height: 110px;   text-align: center;    margin: 0 auto;    margin-bottom: 40px;    margin-top: -60px;}
.process-block .icon:before {    position: absolute;    content: '';    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    width: 202px;    height: 208px;    background-image: url(../images/shape-9.png);} 
.process-block .icon img {    position: relative;}
.process-block .count {    position: relative;    width: 50px;    height: 50px;    line-height: 50px;    border-radius: 50%;    margin: 0 auto;    font-size: 18px;    font-weight: 600;    color: #212121;    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);    text-align: center;   margin-bottom: 30px;}
.process-block .count span {    position: relative;}
.process-block .count:before {    position: absolute;    content: '';    left: 0;    top: 0;    bottom: 0;    right: 0;    border-radius: 50%;    border: 2px solid #fff;    transition: .5s;}
.process-block .inner-box:hover .count:before {    opacity: 0;}
.process-block .count:after {    position: absolute;    content: '';    left: -5px;    top: -5px;    bottom: -5px;    right: -5px;    border-radius: 50%;    border: 5px solid #f20040;    transition: .5s;    transform: scale(.8);    opacity: 0;}
.process-block .inner-box:hover .count:after {    transform: scale(1);    opacity: 1;}
.process-block h4 {    position: relative;    font-size: 19px;    font-weight: 600;    margin-bottom: 15px;}
.process-block .inner-box:before {    position: absolute;    content: '';    left: 61%;    top: 160px;    width: 210px;    height: 50px;    background-position: center;    background-repeat: no-repeat;    background-color: #fff;    background-image: url(../images/shape-8.png);}
.process-block:last-child .inner-box:before {    display: none;}
.feature-content span {    font-weight: 500;}
.process-block p {    text-align: justify;}
ul.column-two {    column-count: 2;}