@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@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(css/ma5-menu.min.css);
@import url(css/responsive.css);
@import url(css/animate.css);
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600;  font-family: "Public Sans", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;  font-family: "Public Sans", sans-serif;}
a{font-size: 15px;   font-family: "Public Sans", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;   font-family: "Public Sans", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px;   font-family: "Public Sans", sans-serif;}
button{ font-family: "Public Sans", sans-serif;}
input{ font-family: "Public Sans", sans-serif;}
textarea{ font-family: "Public Sans", sans-serif;}
/*Start*/

/*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: 111px;    left: 20px;    border: 0;    z-index: 999;    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;}
}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;   width: 32%;}
.mobile-three-item li:nth-child(1) {    background-color: #000;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {      background-image: linear-gradient(to right, #b3559f, #009da4);}
.mobile-three-item li a {      padding: 10px 0;  color: #fff;}
.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%;   z-index: 1000; background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
/*Call Me*/
.phone_lefts-side {    position: relative;}
.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;      background: #000;   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);}
}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 45px;    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-image: linear-gradient(to top, #b3559f, #009da4);   transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background-color: #0680ce;    line-height: 28px;    color: #000;    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-image: linear-gradient(90deg, #4D51AB 0%, #55CEE3 100%);}
div#exampleModal .modal-dialog {    width: 100% !important;}
/* Modal Form*/
.modal-content {    border-radius: 0;}
.close {    float: right;    font-size: 23px;    font-weight: 600;   line-height: 2;    color: #fff;    text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {    color: #fff;    text-decoration: none;    cursor: pointer;    opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;   margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] {    width: 100%;    padding: 5px 12px;    border-radius: 0px;}
.modal-body textarea {    width: 100%;    height: 120px;    padding: 5px 12px;    border-radius: 0px;}
.modal-body select {    width: 100%;}
.pac-container {    z-index: 100000;}
.g-recaptcha {    transform: scale(0.80);    transform-origin: 0 0;    -webkit-transform-origin: 0 0}
.modal_btn {    width: auto;    background: #000;    padding: 8px 25px;    border: none;    color: #fff;    font-size: 14px;    border-radius: 4px;    cursor: pointer;    transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus {        background-image: linear-gradient(to right, #b3559f, #009da4);  color: #fff;}
.form-group textarea {    height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px !important;    font-size: 25px !important;}
.modal-header {background-image: linear-gradient(to right, #b3559f, #009da4);}
.about-area .area-title {    margin-bottom: 40px;    position: relative;}
.area-title {    margin-bottom: 40px;    position: relative;}
.area-title::after {    background: #010064;    bottom: -10px;   content: "";    height: 2px;    left: 0;    position: absolute;    width: 150px;}
.about-area .area-title::after {    background: #010064;    bottom: -10px;    content: "";    height: 2px;    left: 0;    position: absolute;    width: 150px;}
.area-title1 {    margin-bottom: 50px;    position: relative;}
.area-title p, .area-title h2{  margin:0;}
.about-details ul{ position:relative; left:30px;}
.about-image {    box-shadow: 0 0 0 20px #ebebeb inset;    margin-left: 60px;   /* margin-top: -40px;*/    position: relative;}
.about-image img {    -webkit-transform: translateY(-60px) translateX(-60px);    transform: translateY(-60px) translateX(-60px);    width: 100%;    z-index: 1;}
a.readmore {   background-image: linear-gradient(to right, #b3559f, #009da4);    color: #fff;    display: inline-block;    font-size: 14px;    font-weight: 400;    transition: 0.5s;   letter-spacing: 2px;    margin-top: 10px;    padding: 10px 0;    text-align: center;    text-transform: capitalize;    width: 150px;    border-radius: 3px;    display: block;}
a.readmore:hover {    background: #000;    color: #fff;}
.join-now-area {    position: relative;    background: url(img/pattern-1.png) repeat;   padding: 50px 0;}
.join-now-area * {    position: relative;}
.join-now-area:before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;      background-image: linear-gradient(to right, #b3559f, #009da4);    display: block;    opacity: .85;}
.join-now-area .section-title span {    background: #a6c311;}
.join-now-area.page-title {    padding-bottom: 30px;}
.join-now-area.pattern-2 * {    position: relative;}
.join-now-area.pattern-2:before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: #010064;    display: block;    opacity: .95;}
.join-now-area.pattern-2 .section-title span {    background: #131313;}
.join-now-area .join-now h1 {    color: #ffffff;    font-size: 36px;    line-height: 52px;    margin: 0 0 37px;}
.join-now-area .join-now .button a {    margin: 0 13px;}
/*.process-section {  background-image: url(img/progress.jpg);}*/
.process-section-title h2 {  color: #fff;}
.process-section-title .cdf-title a {  text-decoration: underline;  color: #31bf6d;}
.process-section-title .cdf-text p {  max-width: 550px;  margin: 0 auto;  color: #fff;}
.process-icon-box {  position: relative;}
.process-icon-box .cdf-icon-img {  width: 100px;  margin: 0 auto;  background-color: #fff;  border-radius: 100px;  line-height: 100px;  height: 100px;}
.process-icon-box:after {  content: "";  width: 73%;  top: 35%;  right: -42%; height: 1px;  position: absolute;  border-bottom: 1px dashed #fff;}
.process-icons:last-child .process-icon-box:after {  display: none;}
.process-icons .cdf-title h2 {  color: #fff;  text-transform: capitalize;  font-size: 18px;}
.animation-ripple {  width: 100px;  height: 100px;  position: absolute;  top: 0;  border-radius: 100px;}
.process-icon-box:hover .animation-ripple {  animation: ripple 1.3s ease-out 75ms;}
@keyframes ripple {
0% {opacity:0.3;}
40% {opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.2);opacity:0;}
}
header {background-image: linear-gradient(to right, #b3559f, #009da4); padding: 5px 0 0 0;  position: relative;  z-index: 99;  box-shadow: 0 0 3px 2px #10101014;}
#header-top {  position: relative;}
#header-top:after {  position: absolute;  content: "";  top: 55px;  right: 0px;  top: 55px;  display: block;  z-index: -14; height: 55px;  width: 80%;  transform: skew(0deg);  background: linear-gradient(to right, #ffffff, #ffffffed);}
.logo:before {  position: relative;}
.logo:before {  position: absolute;  content: ""; top: -16px;  right: 31px;  display: block;  height: 138px;  width: 500px;  z-index: -6;  background-image: url(img/logo-bg.png);  background-repeat: no-repeat;  transform: skew(-1deg, 0deg);  box-shadow: 12px -3px X 1px #fffffffa;}
.head-certify {  text-align: right;}
#text-ul-li a {  font-size: 15px;  color: #fff;  text-align: right !important;  font-weight: 400;  line-height: 45px;  letter-spacing: 1.1px;}
.head-certify h6 {  color: #fff;  font-size: 17px;  padding-top: 7px;  font-weight: 500;  letter-spacing: 0.7px;}
.head-email {  /*background: #fff;*/  width: 260px;  float: left;  /*    -webkit-transform: skew(25deg);*/ /*    transform: skew(25deg);*/  border-left: 1px solid #f2f3f6;  padding: 0px 2px 0 2px;  text-align: center;  height: 40px;  position: relative;  margin-left: -10px;}
.head-email h6 i {  padding-right: 5px;}
.head-email h6 {  /*    transform: skew(0deg);*/  line-height: 45px;  font-family: inherit;  font-weight: 500;  color: #fff;}
.head-email h6 a {  color: #000;}
.head-phone h6 {  font-size: 22px;  font-weight: 400;  line-height: 38px;  text-align: center;  font-family: inherit;}
.head-phone h6 a {  color: #fff;}
/************************/
.main-nav {  margin-top: 10px;}
.main-nav > ul {  margin-top: 0px;}
.main-nav > ul > li {  position: relative;  white-space: nowrap;  float: left;}
.logo img {  width: 140px;}
.main-nav a {  display: block;  position: relative;  color: #000;  padding: 10px 20px;  transition: 0.3s; font-size: 17px;  font-weight: 600;}
.main-nav ul li {  position: relative;}
/*.main-nav ul li:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 17px;
  bottom: 0;
  background-color: #8a8a8a;
  width: 2px;
  height: 12px;
}*/
/*.main-nav ul li:nth-child(1):before {
  background-color: #fbfcfc;
}*/
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {  color: #000;  text-decoration: none;}
.last-menu {  padding-right: 0px !important;}
.main-nav .drop-down ul {  display: block;  position: absolute;  left: 0;  top: calc(100% + 30px); z-index: 99;  opacity: 0;  visibility: hidden;  padding: 0px 0;  background: #fff;  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);  transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {  opacity: 1;  top: 100%;  visibility: visible;}
.main-nav .drop-down li {  min-width: 270px;  position: relative;}
.main-nav .drop-down li:hover { background-image: linear-gradient(to right, #b3559f, #009da4);}
.main-nav .drop-down ul a {  padding: 7px 20px;  font-size: 14px;  color: #66707f;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {  color: #fff;}
.main-nav .drop-down .drop-down ul {  top: 0;  left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {  opacity: 1;  top: 0;  left: 100%;}
.main-nav .drop-down .drop-down > a {  padding-right: 35px;}
/*******************/
.mobile-nav {  position: fixed;  top: 0;  bottom: 0;  z-index: 9999;  overflow-y: auto;  left: -260px;  width: 260px;  padding-top: 18px;  background: rgba(19, 39, 57, 0.8);  transition: 0.4s;}
.mobile-nav a {  display: block;  position: relative;  color: #fff;  padding: 10px 20px;  font-weight: 500;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {  color: #74b5fc;  text-decoration: none;}
.mobile-nav .drop-down > a:after {  content: "\f078";  font-family: FontAwesome;  padding-left: 10px;  position: absolute;  right: 15px;}
.mobile-nav .active.drop-down > a:after {  content: "\f077";}
.mobile-nav .drop-down > a {  padding-right: 35px;}
.mobile-nav .drop-down ul {  display: none;  overflow: hidden;}
.mobile-nav .drop-down li {  padding-left: 20px;}
.mobile-nav-toggle {  position: fixed;  right: 0;  top: 0;  z-index: 9998;  border: 0;  background: none;  font-size: 16px;  transition: all 0.4s;  outline: none !important;  line-height: 1;  cursor: pointer;  text-align: right;  color: #000;  background: #fff;  padding: 6px 10px;  font-weight: 500;  margin-top: 30px;  margin-right: 10px;}
.fa-times:before {  color: #40c2f1;}
.mobile-nav-toggle i {  margin: 0px;  color: #40c2f1;}
.mobile-nav-overly {  width: 100%;  height: 100%; z-index: 9997;  top: 0; left: 0;  position: fixed;  background: rgba(19, 39, 57, 0.8);  overflow: hidden;  display: none;}
.mobile-nav-active {  overflow: hidden;}
.mobile-nav-active .mobile-nav {  left: 0;}
.mobile-nav-active .mobile-nav-toggle i {  color: #fff;}
.header-scrolled .main-nav > ul {  margin-top: 0px;}
#text-ul-li img {    width: 20px;}
#text-ul-li ul li:before {    position: absolute;    content: "";    left: 7px;    right: 22px;    top: 12px;    right: 26px;    border-right: 2px dashed #c8c8c8;    width: 3px;    height: 21px;}
#text-ul-li ul {    display: flex;    float: right;}
#text-ul-li ul li {    position: relative;}
#text-ul-li ul li {    padding-left: 25px;}
#text-ul-li ul li:nth-child(1):before {    border-right: none;}
.cdf-icon-img img {    width: 70px;}
#about {padding: 100px 0 30px 0;}
.area-title h2 {    font-size: 25px;    margin-top: 10px;}
.hm-cli img { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    margin-bottom: 22px;    padding: 15px;}
#footer_main {  /*    background:#1a2452;*/  padding: 80px 0 0 0;  background-image: url(img/footer.png);  background-size: cover;  background-position: center; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);}
.footer_rgt_bg {  padding: 5px 0 20px;}
.footer_rgt_bg ul {  margin: 0 auto;  display: table;}
.footer_rgt_bg ul li {  display: inline-block;  border-right: 1px solid #fff;}
.footer_rgt_bg ul li:last-child {  border-right: 0px;}
.footer_rgt_bg ul li a {  color: #fff;  font-weight: 500;  text-transform: uppercase;  letter-spacing: 0.5px;  font-size: 14px;  padding: 0 20px;}
.footer_rgt_bg ul li a:hover {  color: #3e9bd5;}
.footer_middle {  padding: 35px 0;  border-top: 1px solid #f4f4f438;}
.footer_logo img {  margin: 0 auto;  display: table;}
.footer_add {  padding: 10px 0;}
.footer_add h5 {  font-size: 18px;  padding-bottom: 10px;  color: #3e9bd5;  letter-spacing: 0.5px;  text-align: left;}
.footer_add span {  color: #fff;  letter-spacing: 0.25px;  text-align: left;  padding-bottom: 10px;  font-size: 15px;  display: block;}
.foot_line {  border-left: 1px solid #f4f4f438;  border-right: 1px solid #f4f4f438;}
.footer_add p {  color: #fff;  letter-spacing: 0.5px;  line-height: 24px;  display: block;  font-weight: 500;  text-align: left;}
.footer_add p a {  text-align: center;  color: #fff;  font-size: 15px;  letter-spacing: 0.5px;  line-height: 30px;  font-weight: 400;}
.social-icon ul {  margin: 0 auto;  display: table;}
.social-icon ul li {  float: left;  padding: 0 6px;}
.social-icon ul li a i {  font-size: 18px;  width: 40px;  height: 40px;  line-height: 37px;  border-radius: 50px;  text-align: center;  transition: all 0.8s;  -webkit-transition: 0.8s ease;  border: 2px solid #f4f4f4;}
.icon1 i {  background: #4d6bb3;  color: #fff;  border: 2px solid #4d6bb3;}
.icon2 i {  background: #000;  color: #fff;  border: 2px solid #2ba63a;}
.icon3 i {  background: #0879a9; color: #fff;  border: 2px solid #ed2a24;}
.icon4 i {  background: #f9082e;  color: #fff;  border: 2px solid #0078b5;}
.icon5 i {  background: #0078b5;  color: #fff;  border: 2px solid #0078b5;}
.icon6 i {  background: red;  color: #fff;  border: 2px solid #0078b5;}
.social-icon ul li a:hover i {  -webkit-transform: scale(1.08);  transform: scale(1.08);}
.footer_btm {  padding: 10px 0;  background: #000;}
.foot_last p {  text-align: center;  font-size: 14px;  display: block;  font-weight: 500; letter-spacing: 0.5px;  color: #3d3d3d;}
.foot_last p a {  color: #e98e8b;}
.our-products{background: url(img/product-background.png);}
.hm-section:before{position: absolute; content: ''; width: 100%; height: 300px; background: url(img/pattern.png) no-repeat;}
.client-logo-img {    position: relative;    z-index: 9;    background: #fff;    padding: 15px;    border-radius: 10px;}
#toTop {    position: fixed;    bottom: 80px;    right: 5px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}
/*Box*/
.box{    position: relative;    overflow: hidden;}
.box:before{    content: "";     background-image: linear-gradient(to right, #b3559fd1, #009da4c9);   width: calc(100% - 30px);    height: calc(88% - 30px);    transform: translateX(-50%) translateY(-50%) scale(0);    position: absolute;    top: 43%;    left: 50%;    transition: all 0.4s ease-in-out;    z-index: 1;}
.box:hover:before{ transform: translateX(-50%) translateY(-50%) scale(1); }
.box img{    width: 100%;    height: auto; transition: all 0.25s linear;}
.box .inner-content{    color: #fff;    text-align: center;    width: 70%;    opacity: 0;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 70%;    left: 50%;   transition: all 600ms ease;    z-index: 1;}
.box:hover .inner-content{    opacity: 1;    top: 50%;}
.box .title{    font-size: 20px;    font-weight: 800;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0 0 3px;}
.box .post{    font-size: 14px;    letter-spacing: 1px;    text-transform: capitalize;    margin: 0 0 12px;    display: block;}
.box .icon{    padding: 0;    margin: 0;    list-style: none;}
.box .icon li{    display: inline-block;    margin: 0 4px;}
.box .icon li a{    color: #fff;    font-size: 18px;    line-height: 32px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 10px 0 10px 0;   display: block;   transition: all 0.3s;}
.box .icon li a:hover{    color: #000;    background: #fff;    border-radius: 50px 50px;    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);}
.box .icon li  a i{line-height:inherit;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
ul.icon {position: relative; top: -20px;}
.some-design{position: relative;}
.some-design:after {position: absolute;    width: 75%;    right: 0px;    top: 0px;   height: 450px;  background-image: linear-gradient(to right, #b3559f, #009da4);    content: '';    z-index: -1;    border-radius: 50px 0 0px 50px;}
.about-area{background: url(img/bg-right.png) no-repeat; background-position: top right;}
.certificate_inner ul {display: flex;    align-items: center;    flex-wrap: wrap;    justify-content: center;}
.certificate_inner ul li img{width: 100%; border: 5px solid #009ba2; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.certificate_inner ul li {width: 15%; margin: 5px;}
.certificate_inner span {    font-size: 18px;    font-weight: 700;}
.certificate_inner img {    cursor: pointer;}
.none-box-shadow{box-shadow: none !important;}
.product-advantage{background: url(img/bg-item.webp) no-repeat;}

.content-side-img img{border-radius: 50px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.content-side span {    font-size: 18px;    font-weight: 500;    display: block;    margin-bottom: 5px;}
.content-side p{text-align: justify;}
.some-design_content img {    border-radius: 100px;}
.some-design_inner img {   border-radius: 80px 0 80px 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.contact-us{background: url(img/world_map.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.form-inner-design{    background-image: linear-gradient(to right, #b3559f, #009da4);}
.contact-filed input:focus{outline: none;}
.form-inner-design textarea:focus{outline: none;}
.contact-filed input {    height: 45px;    margin-bottom: 30px;    padding-left: 15px;}
.form-inner-design textarea{padding-left: 15px; height: 100px; padding-top: 10px;}
.btn-design button { background: #000;    border: none;    padding: 10px 30px;}
.full-bg-content{background: url(img/bg-single.jpg) no-repeat; background-position: 50% 50%; background-attachment: fixed; background-size: cover;}
.content-modify h3 {    font-size: 25px;}
.slick-next:before{    font-family: 'FontAwesome';}
.slick-prev:before{    font-family: 'FontAwesome';}
.main-product-slider button{transition: 0.5s;}
.main-product-slider button:hover{background: #000;}
.main-product-slider button {     background-image: linear-gradient(to top, #b3559f, #009da4);   padding: 10px 0;    width: 40px;    height: 40px;    display: flex;    align-items: center;   justify-content: center;    border-radius: 5px;}
.background_overlay {    top: 0;    left: 0;    width: 100%;    height: 100%;    position: absolute;}
.ft-breadcrumb-section {    padding: 120px 0px 100px 0;    background: url(img/sub-header.webp);}
.ft-breadcrumb-section .background_overlay {    background-color: rgba(0, 62, 77, 0.7);}
.design-shape {    bottom: 0;    right: 0;}
h1.header {    color: #fff;    font-size: 36px;    font-weight: 700;    padding-bottom: 15px;}
.ft-breadcrumb-content .ft-breadcrumb-list li {    color: #fff;    position: relative;}
.ul-li ul li {    list-style: none;   display: inline-block;}

.ft-contact-section {    z-index: 1;    overflow: hidden;    padding: 105px 0px 140px;}
.ft-contact-section:before {    top: 0;    width: 70%;    z-index: -1;    content: "";    left: -22%;    height: 100%;    position: absolute;   -webkit-transform: skew(-43deg);    transform: skew(-43deg);    background-color: #f4f4f4;}
.ft-contact-content {    max-width: 580px;}
.ft-contact-form-wrapper {    margin-top: 30px;}
.ft-contact-form-wrapper input,.ft-contact-form-wrapper textarea {    width: 100%;   height: 55px;    border-radius: 5px;    margin-bottom: 20px;    padding-left: 20px;    border: 1px solid #cbcbcb;}
.ft-contact-form-wrapper textarea {    height: 140px;    padding-top: 15px;}
.ft-contact-form-wrapper .ft-sb-button {    background-color: #00044b;}
.ft-contact-cta-items {    padding: 17px 30px 15px;    margin-bottom: 20px;    background-image: linear-gradient(to right, #b3559f, #009da4);    -webkit-transition: 500ms all ease;    transition: 500ms all ease;    border-top: 5px solid #f4f4f4;    min-height: 100px;    display: flex;    align-items: center;}
.ft-contact-cta-items .ft-contact-cta-icon {    width: 55px;    height: 55px;    margin-right: 30px;    border-radius: 8px;    background-color: #438fc959;}
.ft-contact-cta-items .ft-contact-cta-icon i {    font-size: 30px;    color: #0B3C5F;}
/*.ft-contact-cta-items .ft-contact-cta-text {    max-width: 275px;}*/
.ft-contact-cta-items .ft-contact-cta-text h3 {    color: #002a34;    font-size: 20px;    font-weight: 700;    padding-bottom: 10px;}
.ft-contact-cta-items:hover {    border-top: 5px solid #0B3C5F;}
.ft-contact-cta-items.fg.d-flex {    border-top: none !important;}
.ft-contact-cta-items.fg.d-flex:hover {    border-top: none;}
.ft-contact-page-form-wrapper {    padding: 30px;    background-color: #f4f4f4;}
.ft-contact-page-form-wrapper h3 {    color: #043641;    font-size: 36px;    font-weight: 700;    padding-bottom: 30px;}
.ft-contact-page-form-wrapper input,.ft-contact-page-form-wrapper textarea {    width: 100%;    height: 50px;    border: none;    padding-left: 20px;    margin-bottom: 20px;    border-radius: 5px;    background-color: #fff;}
.ft-contact-page-form-wrapper textarea {    height: 210px;    padding-top: 15px;}
.ft-contact-page-form-wrapper button {    color: #fff;    width: 100%;    height: 55px;    border: none;    border-radius: 6px;    font-family: "Poppins";    background-color: #0B3C5F;    -webkit-transition: 500ms all ease;    transition: 500ms all ease;}
.ft-contact-page-form-wrapper button:hover {    background-color: #00044b;}
.ft-thx-cta-section-3 {    padding: 120px 0px;    background-attachment: fixed;}
.ft-thx-cta-section-3 .background_overlay {    background-color: rgba(0, 0, 0, 0.8);}
.ft-thx-cta-content-3 h3 {    color: #fff;    font-size: 40px;    font-weight: 700;    line-height: 1.6;    padding-bottom: 40px;}
.contact-main-page {    background-color: #000;    padding: 20px;}
.input-form input {    border: none;    border-radius: 0px;    margin-bottom: 20px;}
.input-form textarea {    border: none;    border-radius: 0px;    margin-bottom: 20px;}
.input-form button {     background-image: linear-gradient(to right, #b3559f, #009da4);   border: none;  display: block;    width: 100%;    padding: 10px 0;}
.input-form h3 {    font-size: 25px;    margin-bottom: 30px;}
.ft-contact-cta-text h2{font-size: 1.25rem;}
.contact-form_get {    background-image: linear-gradient(to right, #b3559f, #009da4);    height: auto; position: sticky; top: 150px; z-index: 9;}
.form-group-btn button {      background-color: #000;}
.contact-form_get span {    font-size: 25px;    text-align: center;    display: block;    margin-bottom: 20px;}
.color-site {  background-image: linear-gradient(to right, #b3559f, #009da4);}
.skin-color {      background: #000;}
.inner-left-side-product h3 {    padding-bottom: 15px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.inner-states {    text-align: left;}
.inner-states a {    color: #fff;    width: 100%;    text-align: center;    color: #fff;}
.hvr-rectangle-in {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);   position: relative;    background: #555555;    -webkit-transition-property: color;    transition-property: color;   -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.hvr-rectangle-in:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    bottom: 0;        background-image: linear-gradient(to right, #b3559f, #009da4);    -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
p.related-heading {    background-image: linear-gradient(to right, #b3559f, #009da4);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background-image: linear-gradient(to right, #b3559f, #009da4);    padding: 7px 15px;    color: #fff;}
ul.two-btn-design li:first-child a {    background-image: linear-gradient(to right, #b3559f, #009da4);    padding: 10px 30px;}
ul.two-btn-design li:nth-child(2) a {    background: #008e7f;    padding: 10px 30px;    color: #000;}
ul.two-btn-design li:last-child a {    background: #000;    padding: 10px 30px;    color: #fff;}
.products_content p {    text-align: justify;}
.related_img img {    border: 1px solid #ccc;}
.related_content {    padding-top: 20px;}
.related_content p {    text-align: justify;}
.sitema-links-item h2 {    font-size: 22px;}
.sitema-links-item h3 {    font-size: 22px;}
#header-top {    position: sticky;    top: 0;    z-index: 99;}
button.ma5menu__toggle {    display: none;}
.about-content h1 {    font-size: 30px;}
.about-details h3 {    font-size: 22px;    margin-bottom: 15px;}
.about-details p {    margin-bottom: 15px;}
.products_content p {    margin-bottom: 15px;}
.products_content h2 {    font-size: 21px;    margin-bottom: 12px; margin-top: 10px;}
.products_content h3 {    font-size: 21px;    margin-bottom: 12px; margin-top: 10px;}
.products_content h4 {    font-size: 21px;    margin-bottom: 12px; margin-top: 10px;}
.products_content h5 {    font-size: 21px;    margin-bottom: 12px; margin-top: 10px;}
.products_content h6 {    font-size: 21px;    margin-bottom: 12px; margin-top: 10px;}
.products_content ul{margin-bottom: 10px;}
.products_content ul li {    list-style-type: disc;}
.products_content ul {    padding-left: 15px;}
.products_content ul li {    margin-bottom: 15px;}
.related_content p {    margin-bottom: 15px;}
.related_content h2 {    font-size: 20px;    margin-bottom: 13px; margin-top: 10px;}
.related_content h3 {    font-size: 20px;    margin-bottom: 13px; margin-top: 10px;}
.related_content h4 {    font-size: 20px;    margin-bottom: 13px; margin-top: 10px;}
.related_content h5 {    font-size: 20px;    margin-bottom: 13px; margin-top: 10px ;}
.related_content h6 {    font-size: 20px;    margin-bottom: 13px; margin-top: 10px;}

.fix-sticky {    position: sticky;    top: 140px;    z-index: 9;}