/* ==============================
   1. Base Structure 
   ============================== */
   p{line-height:30px;font-size:18px;color:#444444;font-weight:500}
   li,ul{margin:0;padding:0;list-style:none;line-height: 26px;font-size: 16px;color: #565656;font-weight:500;} 
   :after,:before,a{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
   .bg-1{background:#EEF0EF}.bg-2{background:#2E578E}strong{font-weight:600;font-size: 98%;}a{text-decoration:none; }


/* ==============================
   2. Pre Loader & Go top
   ============================== */
   #preloader{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; color:#6c757d; background-repeat:no-repeat; background-color:#FFF; background-position:center; }
   #back-to-top{cursor:pointer;position:fixed;bottom: 7px;right: 7px;z-index:1111;display:none;color:#FFF!important;background: #2FA7B5;padding: 8px 12px 8px 12px;border-radius: 24px;}
   
   .title>*{color: #57A7B3;font-size: 65px;font-weight: 700;position: relative;padding-bottom: 12px;margin-bottom: 32px;}
   .title>* span{display: block;color: #525252;font-size: 70%;font-weight: 300;margin-top: -15px;}
   .title>*:after{content: ""; background: #57A7B3; width:64px; height: 8px; position: absolute; left: 0; bottom: 0;}

   .themebtn{border: solid 1px #2E578E;color: #444444;font-size: 15px;font-weight: 600;border-radius: 0;padding: 12px 40px 12px 18px;position: relative;min-width: 200px;text-align: left;}
   .themebtn i{color: #2E578E;position: absolute;right: 18px;top: 48%;transform: translateY(-50%);font-size: 30px;}
   .themebtn:hover{background: #2E578E; color: #FFF; }
   .themebtn:hover i{color: #FFF;  }
   
   .themebtn.bg-2, .themebtn.bg-2 i{color: #fff;  }
   .themebtn.bg-2:hover{background-color: transparent; color: #2E578E; }
   .themebtn.bg-2:hover i{color: #2E578E; }



/* ==============================
   3. home css 
   ============================== */
   .rightnav .phone{font-size: 16px;color: #444444;font-weight: 500;margin: 0px 22px;}
   .rightnav .phone .fa-phone {color: #2FA7B5; font-size: 22px; vertical-align: middle; }
   .quotebtn{padding: 9px 16px;background: #2FA7B5;color: #fff;border: 1px solid #2FA7B5;white-space: nowrap;font-size: 14px;display: block;position: relative;overflow: hidden;}
   .quotebtn:hover, .why-right a:hover{background-color: transparent; color: #444; }
   .btnbdr{background-color: transparent;color: #444; margin-right: 4px;} 
   .btnbdr:hover{/*background: #2FA7B5;*/ color: #fff;}

   .btnhvr{position: relative; overflow: hidden; z-index: 1; }
   .btnhvr:after {content: ""; background: #2FA7B5; position: absolute; transition: all 0.9s ease 0s; z-index: -1; height: 100%; left: -35%; top: 0; transform: skew(30deg); transform-origin: top left; width: 0; }
   .btnhvr:hover:after {height: 100%; width: 135%; background: #fff; }

   .search-link{background: #ffffff;color: #2E578E;padding: 11px 12px;font-size: 18px;line-height: 28px;margin-right: -18px;margin-left: 5px;border: solid 1px #2E578E;} 
   .search-link:hover{background: #2E578E;color: #ffffff;  }

   .options-toolbar {position: fixed;top: 40%;right: 0;display: block;width: 40px;line-height: 60px;background: #2fa7b5;text-align: center;z-index: 99;box-shadow: 0px 0 24px 0px rgb(0 0 0 / 12%);}
   .options-toolbar a {display: block; width: 40px; height: 40px; line-height: 40px; color: #fbfbfb; position: relative; font-size: 16px; }
   .options-toolbar a:before {margin-right: -13px; margin-bottom: -7px; content: ''; position: absolute; background: transparent; border: 7px solid transparent; border-left-color: #000000; z-index: 1000001; }
   .options-toolbar a:before, .options-toolbar a:after {-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }
   .options-toolbar a:before, .options-toolbar a:after {right: 100%; bottom: 50%; position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; }
   .options-toolbar a:after {content: attr(aria-label); box-shadow: 4px 4px 8px rgb(0 0 0 / 30%); margin-bottom: -14px; background: #000000; color: white; padding: 8px 10px 7px 10px; font-size: 13px; font-weight: 500; line-height: 13px; white-space: nowrap; border-radius: 0; }
   .options-toolbar a:focus, .options-toolbar a:hover {color: #fff!important; }
   .options-toolbar a:hover:before, .options-toolbar a:hover:after {-webkit-transition-delay: 100ms; transition-delay: 100ms; } 
   .options-toolbar a:hover:before, .options-toolbar a:hover:after {visibility: visible; opacity: 1; } 
   .options-toolbar a:hover:before {-webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }
   .options-toolbar a:hover:after {-webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }
   

   #mainslider .carousel-caption{left:auto;right: 3%;text-align: left;bottom: 18%;top: 18%;background: white;padding: 4% 32px;max-width: 525px;display: flex;flex-direction: column;box-shadow: 0px 0px 25px 1px rgb(0 0 0 / 5%);}
   #mainslider .carousel-caption h5{font-size: 40px; font-weight: bold; color: #444444; line-height: 45px; margin-bottom: 20px; }
   #mainslider .carousel-caption p {font-size: 20px; line-height: 30px; color: #777777; margin-bottom: auto; }
/*#mainslider .carousel-caption a.btn {border: 1px solid #2E578E; padding: 13.5px 15px; position: relative; width: 190px; font-size: 15px; font-weight: 600; }
*/
#mainslider .carousel-indicators{align-items: center;justify-content: start;min-height: 30px;}
#mainslider .carousel-indicators [data-bs-target]{height: 2px; width: 61px; opacity: 0.65; -webkit-transition: all 250ms linear; transition: all 250ms linear;  }
#mainslider .carousel-indicators .active {height: 9px; opacity: 1; }

.welcome h1 {font-size: 38px;line-height: 126%;font-weight: 600;max-width: 796px;color: #444444;margin-bottom: 20px;}
.welcome h6 {font-size: 17px; line-height: 20px; color: #444444; letter-spacing: 2px; }
.welcome p{max-width: 830px; }
.welright {margin-bottom: -35%; }

.certext{display:flex;height: 100%;align-items: center;padding: 24px 21px;font-size: 19px;font-weight: 500;line-height: 24px;color: white;text-align: center;justify-content: center;}
.dislider{background: #fff;padding: 8px;box-shadow: 0px 0px 25px 1px rgb(0 0 0 / 5%);}
.dislider .slick-active+.slick-active{border-left: solid 1px rgb(0 0 0 / 15%);}
.dislider .item{text-align: center;padding: 12px 7px;}
.dislider .item h5{margin-top: 10px; font-size: 15px; font-weight: 600; color: #444444; line-height: 18px; height: 25px; }
.dislider .slick-slide img {height: 83px; width: auto; object-fit: contain; }

.ourprod h2{font-size: 38px;line-height: 48px;font-weight: 600;color: #444444;}
.ourprod .prodslide{margin-left: -12px;margin-right: -12px;}
.ourprod .card{border: none;background-color: transparent;}
.ourprod .card-body {background-color: #ffffff;width: 82%;padding: 42px 24px;margin-top: -62px;margin-left: auto;margin-right: auto;transition: all .4s ease;}
.ourprod .card-body h5 {font-size: 20px;font-weight: 600;color: #444444;transition: all .4s ease;}
.ourprod .card-body i {font-size: 20px; margin-left: 8px; vertical-align: middle; color: #444444; }
.ourprod .card-body a{text-decoration: underline;font-size: 15px;font-weight: 500;line-height: 18px;color: #444444;}
.ourprod .card:hover .card-body {background-color: #2fa7b5; }
.ourprod .card:hover .card-body h5,
.ourprod .card:hover .card-body a,
.ourprod .card:hover .card-body a i{color: #fff; }

.why-choose {padding: 60px 0px 0px 0px;}
.why-choose h3 {margin-bottom: 80px;font-size: 38px;line-height: 48px;font-weight: 600;white-space: pre-line;color: #444444;text-align: center;}
.why-choose .box {border: 1px solid #cccccc;border-radius: 10px;position: relative;margin: 15px 40px 68px 0px;transition: 0.5s;text-align: center;}
.why-choose .box:hover {transform: translateY(-7px);box-shadow: 2px 1px 10px 6px rgb(0 0 0 / 6%);border: 1px solid #2FA7B5;}
.why-choose .box .boxpic {position: absolute;top: -40px;left: 50%;transform: translateX(-50%);background: #fff;width: 96px;padding: 4px 0px;border-radius: 10px 10px 0px 10px;}
.why-choose .box p {font-size: 18px;font-weight: 500;margin-top: 42px;line-height: 25px;white-space: pre-line;}

.why-right .card {background-color: transparent;border: none;transition: 0.5s;}
.why-right .card-body {background-color: #ffffff;margin-top: -70px;width: 93%;border: 1px solid #cccccc;margin-left: auto;margin-right: auto;border-radius: 10px;padding: 30px 34px;transition: 0.5s;box-shadow: 0px 0px 25px rgb(0 0 0 / 6%);}
.why-right p{font-size: 14px; line-height: 20px; color: #555555; letter-spacing: 1px; }
.why-right h5{font-size: 21px; line-height: 28px; color: #545454; margin-bottom: 20px; }
.why-right p, .why-right h5{white-space: pre-line;font-weight: 600;padding: 0px 18px;}
.why-right a {background-color: #2FA7B5;color: #ffffff;display: block;padding: 10px 10px 10px 23px;/* margin-left: -20px; */transition: 0.5s;font-size: 15px;font-weight: 400;text-decoration: underline;border: solid 1px #2FA7B5;}
.why-right a i {font-size: 20px; vertical-align: middle; margin-left: 10px; }

.exports {background: url(../images/exports-bg.jpg);background-size: cover;position: relative;background-repeat: no-repeat;overflow: hidden;background-position: top center;}
.exports h3 {margin-bottom: 18px;font-size: 38px;line-height: 48px;font-weight: 600;white-space: pre-line;color: #ffffff;}
.exports li {color: #ffffff;font-size: 15px;font-weight: 400;line-height: 28px;position: relative;padding-left: 36px;}
.exports li:before {content: "\f061";font-size: 10px;position: absolute;left: 15px;font-family: 'FontAwesome';font-weight: 400;}
.exports .exbtn{background-color: #2FA7B5;color: #ffffff;border: 1px solid #2FA7B5;text-decoration: underline;padding: 12px 32px 12px 15px;position: relative;margin-top: 24px;font-size: 15px;font-weight: 400;display: table;/* margin-left: 52%; */}
.exports .exbtn:hover  {background-color: #ffffff;color: #444444;text-decoration: none;border-color: #fff;}
.exports .exbtn:hover i{color: #333333; }
.exports .exbtn i {color: #ffffff;position: absolute;right: 15px;top: 52%;transform: translateY(-50%);font-size: 20px;}
.exportpic{position: absolute;z-index: 1;max-width: 664px;margin-left: auto;left: auto;right: 5%;top: 50%;transform: translateY(-50%);}
.exportpic .mappin{position: absolute;bottom: 45%;left: 69%;}
.exportpic .pin {width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #2fa7b5; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 50%; top: 50%; margin: -20px 0 0 -20px; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; }
.exportpic .pin:after {content: ''; width: 14px; height: 14px; margin: 8px 0 0 8px; background: #ffffff; position: absolute; border-radius: 50%; }
.exportpic .pulse {background: #c3c3c3; border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 50%; top: 50%; margin: 11px 0px 0px -12px; -webkit-transform: rotateX(55deg); -moz-transform: rotateX(55deg); -o-transform: rotateX(55deg); -ms-transform: rotateX(55deg); transform: rotateX(55deg); z-index: -2; }
.exportpic .pulse:after {content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; -webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 1px 3px #c3c3c3; box-shadow: 0 0 1px 3px #c3c3c3; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s; }
@-webkit-keyframes pulsate {0% {-webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% {opacity: 1; -ms-filter: none; filter: none; } 100% {-webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } }
@keyframes pulsate {0% {-webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% {opacity: 1; -ms-filter: none; filter: none; } 100% {-webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } }
@-webkit-keyframes bounce {0% {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% {opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% {-webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% {-webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } }
@keyframes bounce {0% {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% {opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% {-webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% {-webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } }

.blogslide .item{padding: 60px 36px 24px 36px;}
.bloghome h3{margin-bottom: 40px;font-size: 38px;line-height: 48px;font-weight: 600;color: #444444;text-align: center;}
.bloghome .card {border: none;border-radius: 10px;box-shadow: 0px 0px 20px 7px rgb(0 0 0 / 6%);}
.bloghome .cardpic {margin-top: -60px;margin-left: 24px;z-index: 9;transition: all 250ms linear;backface-visibility: hidden;border-radius: 0px 18px 22px 22px;}
.bloghome .card:hover .cardpic{margin-left: 12px;margin-right: 12px;}
.bloghome .card a {color: #2EA6B4; font-size: 15px; font-weight: 500; }
.bloghome .card a i {opacity: 0; font-size: 14px; transition: 0.5s; }
.bloghome .card:hover i{opacity: 1;margin-left: 10px;}
.bloghome .card p {background-color: #2B4560;color: #ffffff;white-space: pre-line;font-size: 13px;display: table;padding: 5px 25px;border-radius: 10px;line-height: unset;text-align: center;position: absolute;top: -38px;right: 21px;z-index: 11;}
.bloghome .card p strong {font-size: 25px; font-weight: 600; line-height: 30px; }
.bloghome .card h5{font-size: 22px;font-weight: 600;color: #333333;white-space: pre-line;}
.bloghome .card-body {padding: 56px 18px 30px 30px;position: relative;}

.footer h5 {margin-bottom: 16px;font-size: 21px;color: white;}
.footer p {color: rgb(255 255 255 / 75%);font-size: 15px;font-weight: 400;line-height: 25px;white-space: pre-line;}

.fnav li a {color: rgb(255 255 255 / 75%);font-weight: 400;font-size: 16px;padding: 5px 7px 5px 0px;display: inline-block;}
.fnav li a:hover{padding: 2px 0px 2px 7px;color: #fff;}

.social li+li{padding-left: 21px;}
.social li a {font-size: 25px;color: #fff;}
.social li a:hover{color: #2FA7B5; }
.social li a.gotobtn{color: #ffffff;background-color: #2FA7B5;padding: 14px 23px;font-size: 18px;border: 1px solid #2FA7B5;display: inline-block;}
.social li a.gotobtn:hover {background-color: transparent; color: #444; }

.whatsapp{margin: 20px 0px;font-weight: 600;font-size: 35px;color: #fff;display: table;white-space: nowrap;}
.whatsapp i {color: #2EA6B4;font-size: 40px;margin-right: 6px;position: relative;top: 3px;}
.whatsapp:hover{color: #2EA6B4;  }
.whatsapp:hover i{color: #fff;  }

.fright{display: flex;flex-direction: column;align-items: flex-end;}
.fright p a{display: table; color: #fff; margin-left: auto;  }
.fright p a:hover {text-decoration: underline;}
.fright p{display: inline-block;margin-bottom: 7px;}

footer{border-top: solid 1px rgb(255 255 255 / 15%);}
footer p, footer a {color:rgba(255, 255, 255, 0.75);font-size: 15px;line-height:22px;text-align:center;font-weight: 300;}
footer a:hover{color: #fff; text-decoration: underline;}

/* ==============================
   4. sub page css 
   ============================== */   
.sub-banner {position:relative;background: #2e578e;width:100%;min-height: 92px;}
.sub-banner h4 {font-size: 32px;font-weight: 600;color: #ffffff;padding-top:32px;text-transform: uppercase;margin-bottom: 7px;}
.sub-banner img.img-fluid {position: absolute;height: 100%;width: 100%;object-fit: cover;z-index: 1;} 
.sub-banner .breadcrumb{background-color: transparent;display: inline-flex;align-items: center;margin: 0;padding: 1px 1px 32px 1px;}
.sub-banner .breadcrumb li, .sub-banner .breadcrumb li a{color: #ffffff;font-weight: 500;font-size: 15px;letter-spacing: 0.2px;text-transform: uppercase;}
.breadcrumb-item+.breadcrumb-item::before{color: #f3f4f5;  }
.sub-banner .breadcrumb li .fa-angle-down {background: white; color: #3a3a3a; display: inline-block; padding: 0px 4px; font-size: 20px; border-radius: 2px; margin-left: 3px; }

.subpage h1 {font-size: 32px;font-weight: 600;color: #424242;}
.subpage h2 {font-size: 27px;font-weight: 600;color: #444444;}
.subpage p {color: #565656;  }

.twopics{position: relative;height: 100%;}
.twopics>img{width: calc(100% - 48%);height: 100%;object-fit: cover;}
.twopics .mask{left: auto;right: 0;top: auto;bottom: 0;width: calc(100% - 40%);padding: 24px 0px;}
.twopics .mask>img {border: solid 12px #ffffff;/* border-right: none; */}
.twopics .mask>h6{background-color: #2e578e;padding: 36px 18px;color: #fff;font-size: 19px;font-weight: 500;text-align: center;margin-left: 24%;margin-right: 12px;}

.about p{text-align: justify; }
.about h1{font-size: 32px;  }
.radadiya{margin-top: 42px;background: white;box-shadow: 0px 0px 24px -1px rgb(0 0 0 / 12%);padding: 32px 24px;border-left: solid 3px #2fa7b5;}
.radadiya>p{margin-bottom: 0;font-size: 17px;line-height: 28px;}

.list-square li{position: relative;padding: 7px 0px 7px 24px;border-bottom: solid 1px #ddd;}
.list-square li:before {content:"\f046";position: absolute;font-family: 'FontAwesome';left: 1px;color: #2fa7b5;}
.list-square li:last-child{border-bottom: none;  }

.why-choose.bg-1 .boxpic{background-color: #eef0ef; transition: 0.5s;}
.why-choose.bg-1 .box{margin: 15px 0px 56px 0px; }
.why-choose.bg-1 h3 {margin-bottom: 64px;}
.why-choose.bg-1 .box:hover, .why-choose.bg-1 .box:hover .boxpic{background: #fff;  }

.infra h6 {font-size: 17px; line-height: 20px; color: #444444; letter-spacing: 2px; }
.infra .cardpic{margin-top: -24%;margin-left: 24px;margin-right: 24px;position: relative;overflow: hidden;z-index: 1;display: block; border: solid 1px rgb(46 87 142 / 15%);}
.infra .card{border: none;border-radius: 0;margin-top: 24%;margin-left: auto;margin-right: auto;max-width: 320px;box-shadow: 0px 7px 12px 0px rgb(0 0 0 / 5%);height: calc(100% - 18%);}
.infra .card h5{font-size: 16px;font-weight: 600;text-align: center;margin: 0;color: #424242;}

.process p{text-align: center;  }
.process .card{margin-bottom: -1px;  }
.process .card p{text-align: justify;padding: 24px;margin-bottom: 0;}
.process .card img{height: 100%; object-fit: cover; }

#chartdiv{width: 100%;height: 34vw;max-height: 600px;margin: auto;overflow: hidden;}
#chartdiv svg g[aria-labelledby=id-79-title]{display: none; visibility: hidden; pointer-events: none;}

.list-flag li{position: relative;padding-left: 42px;margin: 2px 0px;color: #565656;white-space: nowrap;}
.list-flag li:before {content: "\f024";position: absolute;font-family: 'FontAwesome';left: 16px;color: #2fa7b5;font-size: 14px;}

.form-check-input:checked {background-color: #2fa7b5; border-color: #2fa7b5; box-shadow: none;}

.getintouch h3{font-size: 25px;margin-bottom: 16px;}
.getintouch .form-control{border: 1px solid #c9c9c9;border-radius: 2px;height: 48px;font-size: 14px;font-weight: 500;}
.getintouch textarea.form-control{height: 86px;resize: none;}
.getintouch .form-control:focus{border-color: #868686;}
.btn-submit{background: #2fa7b5;color: #fff;border: none;border-radius: 0;font-size: 14px;padding: 14px 48px;font-weight: 500;}
.btn-submit:hover{color: #ffffff;background: #2e578e;}
.form-label{color: #565656;font-size: 16px;margin: 5px 0px;font-weight: 500;}
.form-label sup{color: #ff0000;top: -3px;}
.form-check-label{color: #565656;font-size: 16px;font-weight: 500;}
.distributor .getintouch{background: #fff;padding: 24px;box-shadow: 0px 0px 24px -2px rgb(0 0 0 / 7%);border-radius: 8px;}
.ex-fields{display: none;  }

.query{background: #ffffff;padding: 24px;border-radius: 4px;box-shadow: 0px 0px 24px -2px rgb(0 0 0 / 7%);}
.query h3{font-weight: 600;font-size: 27px;color: #444444;margin-bottom: 14px;}
.query li {position: relative;padding-left: 38px;display: flex;flex-direction: column;justify-content: center;font-size: 16px;font-weight: 600;color: #444444;margin-top: 7px;padding-top: 7px;border-top: solid 1px #dcdcdc;}
.query li i {position: absolute;left: 0;font-size: 24px;width: 24px;text-align: center;color: #2fa7b5;}
.query li i.fa-mobile{font-size: 32px;  }
.query li i.fa-whatsapp{font-size: 28px;}
.query li a {display: inline-block;font-size: 16px;font-weight: 500;color: #565656;}

.form-floating>label{color: #656565;font-weight: 500;font-size: 14px;}
#formFile {padding-top: 12px;position: relative;}
#formFile::before {content: "Choose file"; position: absolute; z-index: 2; display: block; background-color: #e9ecef; width: 107px; height: 100%; left: 0; top: 0; padding: 12px; }

.contact .query li{font-size: 14px;margin-top: 9px;padding-top: 9px;color: #929292;font-weight: 500;}
.contact .mappin {max-width: 56px; margin-right: 18px; }
.contact .query{box-shadow: none;}
.contact .getintouch{padding: 48px 32px;box-shadow: -12px 0px 24px -2px rgb(0 0 0 / 12%);}  
.contact .ratio{min-height: 276px;max-height: 564px;border-top: solid 2px #ccc;}

.blog .card{border: none;border-radius: 0;box-shadow: 0px 4px 24px 0px rgb(0 0 0 / 7%);}
.blog .cardpic{position: relative;overflow: hidden;margin-bottom: 7px;}
.blog .cardpic>img{will-change: blur;display: block;width: 100%;backface-visibility: hidden;}
.blog .card:hover .cardpic>img{animation: qodef-distortion 1.4s cubic-bezier(.25,.46,.45,.94); } 
@keyframes qodef-distortion{0%{filter:blur(0)}50%{filter:blur(2px)}100%{filter:blur(0)}}
.blog .card h5{font-size: 19px;font-weight: 600;color: #353535;line-height: 28px;}
.blog .card h5{display: initial;background-image: linear-gradient(currentColor,currentColor);background-position: 0 100%;background-repeat: no-repeat;background-size: 0 1px;transition: background-size .45s ease-out;}
.blog .card:hover h5{background-size: 100% 1px; }
.blog .card h6{font-size: 15px;font-weight: 500;position: relative;padding-left: 24px;margin-bottom: 7px;color: #84898a;} 
.blog .card h6:before {content: "\f073";font-family: 'FontAwesome';background: #2fa7b5;height: 6px;width: 0px;left: 0;top: 0px;position: absolute;color: #2fa7b5;}

.theme-pagination{box-shadow: 0px 3px 12px -1px rgb(0 0 0 / 2%);background: #fff;padding: 7px;border-radius: 48px;}
.theme-pagination .pagination li a{border: none;margin: 7px;color: #12a8b9;min-width: 35px;text-align: center;border-radius: .25rem;}
.theme-pagination .pagination li a:hover, .theme-pagination .pagination li.visible a, .theme-pagination .pagination li a:focus{color: #565656;background-color: #e9ecef;box-shadow: none;} 
.theme-pagination .page-item.active .page-link {background-color: #2fa7b5; border-color: #2fa7b5; }

.angle-list li {margin-bottom: 10px; position: relative; padding-left: 22px; line-height: 28px; font-size: 17px; color: #666; } 
.angle-list li:before {content: "\f105"; font-family: 'FontAwesome'; position: absolute; top: 9px; left: 2px; color: #2fa7b5; font-size: 18px; background: white; line-height: 12px; }
.angle-list li a {color: unset; }

.blog-detail h6{font-size: 14px;font-weight: 500;color: #2fa7b5;line-height:26px;position:relative;padding-left:56px;}
.blog-detail h6:before{content:"";background: #2e578e;height:1px;width:46px;left:0;top:13px;position:absolute;}
.blog-detail .blogpic{box-shadow: 0px 4px 18px 0px rgb(0 0 0 / 12%);margin: 32px 0px 42px 0px;}
.blog-detail .blogright{-webkit-box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 10%);box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 10%);padding:35px;border-radius: 4px;}
.blog-detail .blogright h4{font-size:24px;font-weight: 600;color: #424242;margin: 10px 0px 20px 0px;}
.blog-detail .blogright li {border-bottom:solid 1px #e5e5e5;padding-bottom: 10px;} 
.blog-detail .article {display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.blog-detail .article h5{margin-bottom:0;padding-top:3px;}
.blog-detail .article h5 a{font-size: 16px;color: #56585a;font-weight: 600;display:block;line-height: 22px;}
.blog-detail .article h5 a:hover{text-decoration:none; color:#0197d9; }
.blog-detail .article p{margin-bottom:0;font-size:14px;color: #2fa7b5;}
.blog-detail .article+.article{border-top:solid 1px #e5e5e5; padding-top:24px; margin-top:24px; }
.blog-detail .article>img{max-width: 80px;height: 80px;object-fit: cover;margin-right: 18px;}
.blog-detail .theme-pagination {display: flex;box-shadow: 0px 2px 18px -1px rgb(0 0 0 / 12%);flex-direction: row;justify-content: space-evenly;align-items: center;}
.blog-detail .blog_sharing li strong{font-size:18px;color: #424242;font-weight:500;padding-right: 7px;}
.blog-detail .blog_sharing a{color: #8b8e93; padding:3px 6px;}

.products .card{border: none; border-radius: 0;  }
.products .cardpic{height: 324px;position: relative;z-index: 1;background: #fff;overflow: hidden;display: block;}
.products .cardpic:before{content: "";position: absolute;height: 100%;width: 100%;left: 0;top: 0;background: rgb(51 51 51 / 50%);mix-blend-mode: difference;pointer-events: none;z-index: 1;}
.products .cardpic>img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.products .card-body h5 {font-size: 18px;font-weight: 600;color: #444444;transition: 0.5s;margin: 4px 0px;} 
.products .card-body span i{font-size: 20px;margin-left: 8px;transition: 0.5s;vertical-align: middle;color: #444444;position: relative;top: -1px;}
.products .card-body span{text-decoration: underline;transition: 0.5s;font-size: 15px;font-weight: 500;line-height: 18px;color: #009688;}
.products .card-body span:hover{color: #2e5790;}
.products .card-body span:hover i{margin-left: 14px; }

.filtering span {border-bottom: 2px solid transparent;color: #868484;cursor: pointer;font-size: 16px;font-weight: 500;margin-right: 18px;display: inline-block;margin-bottom: 8px;} 
.filtering span:last-child {margin: 0; } 
.filtering .active {border-color: #2fa7b5;color: #353535;}
.filtering span:hover{color: #353535;}

#exampleModal h5,#exampleModal1 h5{font-size: 25px;font-weight: 600;color: #353535;position: relative;z-index: 1;display: inline-block;}
#exampleModal h5:after,#exampleModal1 h5:after{content: "";position: absolute;left: 1%;bottom: 4px;width: 98%;height: 5px;z-index: -1;background: rgb(0 150 136 / 32%);}
#exampleModal .modal-body,#exampleModal1 .modal-body{padding: 28px 32px 32px 32px;position: relative;}
#exampleModal .btn-close,#exampleModal1 .btn-close{position: absolute; top: 18px; right: 14px; }
#exampleModal .modal-content,#exampleModal1 .modal-content {border-radius: 24px;box-shadow: 0px 7px 24px 0px rgb(0 0 0 / 24%);}

.prodetail h1{margin-bottom: 18px;  }
.prodetail h6 {font-size: 17px; line-height: 20px; color: #444444; letter-spacing: 2px; }
.prodetail h4{font-size: 20px;font-weight: 600;color: #444444;padding-top: 10px;}
.prodetail .themebtn{min-width: 150px;display: inline-block !important;padding: 12px 18px 12px 40px;}
.prodetail .themebtn  i{font-size: 18px;right: auto;left: 14px;}
.prodetail .themebtn.bg-2 i{font-size: 16px;}
.speclist li{padding: 9px 0px 9px 24px;border-top: solid 1px #eee;position: relative;z-index: 1;}
.speclist li:before{content: "\f046";font-family: 'FontAwesome';position: absolute;top: 10px;left: 3px;color: #009688;font-size: 14px;}

#searchmodal h4{font-size: 16px;font-weight: 500;color: #848e9f;margin-bottom: 20px;}
#searchmodal .modal-content{max-height: 280px;align-items: center;justify-content: center;flex-direction: inherit;}
#searchmodal .modal-body{max-width: 1170px;margin: 0 auto;padding: 48px 16px;}
#searchmodal .btn-close{position: absolute;right: 20px;top: 7px;}
#searchmodal input[type="search"] {border: 0;border-radius: 0;color: #565656;font-weight: 500;font-size: 21px;padding: 5px 0px;border-bottom: 1px solid #dcdcdc;}
#searchmodal .btn-link{color: #847e7e;border-bottom: 1px solid #dcdcdc;border-radius: 0;font-size: 18px;}

.downloadpdf{position: absolute;top: -24%;left: 0;bottom: 0;width: 100%;opacity: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgb(0 0 0 / 40%);-webkit-transition:all 250ms linear;transition:all 250ms linear;} 
.downloadpdf i{width: 52px;height: 52px;line-height: 52px;border-radius: 4px;background: #fff;color: #2fa7b5;font-size: 26px;text-align: center;}
.downloadpdf h4 {color: #fff;margin: 7px;text-shadow: 0 1px 12px rgb(0 0 0 / 50%);font-size: 16px;}
.infra .card:hover .downloadpdf{top: 0; opacity: 1; }

.products .cardpic:after{position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg ); -ms-transform: skewX(-25deg); transform: skewX(-25deg ); z-index: 11;}
.products .card:hover .cardpic:after{-webkit-animation: shine 1s; animation: shine 1s; }
@-webkit-keyframes shine {100% {left: 125%; } } @keyframes shine {100% {left: 125%; } }

.contact{position: relative; overflow: hidden;}

.btncsr{color: #565656;font-size: 16px;border: solid 2px #2fa7b5;padding:3px 16px 3px 4px;border-radius:38px;font-weight: 600;box-shadow: 0px 2px 12px 0px rgb(229 46 52 / 18%);}
.btncsr i{height:40px;width:40px;line-height:40px;text-align:center;background: #2fa7b5;border-radius:50%;color:#FFF;margin-right:5px;position:relative;}
.btncsr:hover, .btncsr:focus{color: #2e578e;box-shadow:0px 2px 12px 0px rgba(180, 65, 152, 0.24) !important;}
.btncsr i:before{position:relative;}
.btncsr:hover i.fa.fa-arrow-down:before{border-top-color: #4CC713; -webkit-animation: downloadArrow 2s linear infinite; animation: downloadArrow 2s linear infinite; }
.btncsr:hover i.fa.fa-arrow-left:before{border-top-color: #4CC713; -webkit-animation: backArrow 2s linear infinite; animation: backArrow 2s linear infinite; }

.illustration {position:relative; overflow:hidden;transition: opacity 1s ease; }
.illustration h4{font-size:32px;color: #0e3256;margin-bottom: 19px;font-weight: 700;letter-spacing: 1px;}
.illustration svg path{fill:none;stroke:#656565;stroke-width:70;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.illustration.show{opacity:1;}
.illustration .pencil-text{margin-top:-20%;}
.illustration p {font-size: 18px; }

#thanks{max-width:568px;width:100%;padding:48px 24px;text-align:center;margin:auto;min-height:456px;}
#thanks h2{font-size:40px;color: #212529;font-weight:700;margin-bottom: 18px;}
#thanks p{font-size: 19px;line-height:28px;padding:7px 0px;color:#666;text-align: center;}
#thanks svg{width:118px;display:block;margin:0 auto 32px; }
#thanks .path{stroke-dasharray:1000;stroke-dashoffset:0}
#thanks .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}
#thanks .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}
#thanks .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}


.news-img {max-width:168px;width: 100%;}
.news-img img{object-fit: cover;height: 100%;width: 100%;}
.news-content{padding: 12px 12px 9px 20px;}
.news-box{margin-top:10px;padding: 8px;}
.news{padding: 32px;position: relative;z-index: 1;height: 100%; background:#b5c3d6;}
.news-box{display: flex;width: 100%;background: #fff;padding: 7px;margin: 3px 0px; min-height: 150px;}
.news-box p{font-size: 16px;line-height: 24px;font-weight: 600;margin-bottom: 9px;}
.news-box h6{color:rgb(0 0  0 /55%);font-weight:600;display: block;font-size: 13px;}
.news .slick-prev {cursor: pointer;top: -40px;right: 32px;left: auto;}
.news .slick-next {right: 5px;cursor: pointer;top: -40px;}
.news h2{font-size: 38px;line-height: 48px;font-weight: 600;color: #444444;margin-bottom: 18px;}
.news .slick-next::before {content:'\f178';font-family:Fontawesome;color: #0f4e8c;} 
.news .slick-prev::before {content:'\f177';font-family:Fontawesome;color: #0f4e8c;} 
/*.news:after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100vw;z-index: -1;background: rgb(255 255 255 / 65%);}*/



.ourprod h2{font-size: 38px;line-height: 48px;font-weight: 600;color: #444444;}
.ourprod .prodslide{margin-left: -12px;margin-right: -12px;}
.ourprod .card{border: none;background-color: transparent; height:100%; }
.ourprod .card-body {background-color: #ffffff;width: 82%;padding: 42px 24px;margin-top: -62px;margin-left: auto;margin-right: auto;transition: all .4s ease; height:auto;}
.ourprod .card-body h5 {font-size: 20px;font-weight: 600;color: #444444;transition: all .4s ease;}
.ourprod .card-body i {font-size: 20px; margin-left: 8px; vertical-align: middle; color: #444444; }
.ourprod .card-body span{text-decoration: underline;font-size: 15px;font-weight: 500;line-height: 18px;color: #444444;}
.ourprod .card:hover .card-body {background-color: #2fa7b5; }
.ourprod .card:hover .card-body h5,
.ourprod .card:hover .card-body span,
.ourprod .card:hover .card-body span i{color: #fff; }


#preloader{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; color:#6c757d; background-repeat:no-repeat; background-color:#FFF; background-position:center; }


.ourprod .card>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 380px;
}

.prodslide .slick-track
{
    display: flex !important;
    flex:wrap;
}

.prodslide .slick-slide
{
    height: inherit !important;
}


/* 17-5-2022 */
.buy_online {display: block;position: relative;margin-top: 20px;}

.footer .buy_online h5 {font-size: 15px;margin-bottom: 8px;text-transform: uppercase;}

.footer .buy_online a {color: #ffffff;font-weight: 500;text-decoration: underline;}

/*11.07.2022 Riyaz*/
.faqs{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; position:relative;}
.faqs h3{ font-size:20px; color:#333; font-weight:600; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}
.faq-bg{ background:#ffffffcf;}
.subpage.about .accordion-item { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.125) !important; border:none; padding: 30px 0px;}
.subpage.about .accordion-button{ padding: 0px 20px; font-size: 20px; color: #2e578e !important; font-weight: 600;}
.subpage.about .accordion-button:not(.collapsed){ box-shadow:none; background:none;}
.subpage.about .accordion-body{ padding: 1rem 1.25rem; font-size: 16px; color: #444; font-weight: 500;}
 .news h2{font-size: 38px;line-height: 48px;font-weight: 600;color: #444444;margin-bottom: 24px;}
 
 /*13-07-2022*/
.faq_tabing {padding: 25px; background: #fff; margin-right: 20px; border: 1px solid #cccccc; }
.faq_tabing h5 {color: #444444; font-size: 28px; font-weight: 600; line-height: 38px; margin-bottom: 20px; }
.faq_tabing ul li a {color: #444; position: relative; padding: 12px 15px 12px 25px; display: block; box-shadow: 0px 10px 15px -15px rgb(58 92 120 / 26%); z-index: 1; }
.faq_tabing ul li {margin-bottom: 10px; }
.faq_tabing ul li a:before {content: "\f105"; position: absolute; font-family: 'FontAwesome'; left: 10px; top: 11px; }
.faq_tabing ul li a.active:after {width: 100%; }
.faq_tabing ul li a.active{color: #fff; }
.faq_tabing ul li a:after {content: ""; position: absolute; width: 0; height: 100%; background: #2fa7b5; left: 0; top: 0; z-index: -1; transition: 0.5s all; }
.faq_tabing ul li a:hover {color: #fff; padding: 12px 15px 12px 30px; }
.faq_tabing ul li a:hover:after {width: 100%; }
.faq_tabing ul li a:hover:before {color: #fff; left: 16px; }

/*29-11-2022*/
.why-choose .box{ margin:15px 40px 40px 0px;}
.why-right .card-body{ margin:-70px auto 50px auto;}