@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap);
@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(css/ma5-menu.min.css);
@import url(css/responsive.css);
@import url(css/animate.css);

/* Global */

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

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

li{padding: 0px; margin: 0px; font-size: 15px; font-family: "Inter", sans-serif; list-style-type: none;}

a{font-size: 15px; font-family: "Inter", sans-serif; text-decoration: none;}

a:hover{text-decoration: none;}

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

body{padding: 0px; margin: 0px; box-sizing: content-box; /*background: url(img/bg01.jpg) repeat;*/ background-position: center; background-attachment: fixed;}

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

input,textarea,button,select,option{font-family: "Inter", sans-serif; font-size: 15px;}
input:focus{outline: none;}
textarea:focus{outline: none;}
select:focus{outline: none;}
option:focus{outline: none;}

::selection{color: #fff; background: var(--secondaryColor);}

:root{--primaryColor:#175297; --secondaryColor:#ec691f; --BackColor: #000; --Sora:"Sora", sans-serif; --Inter:"Inter", sans-serif; --darkBlue: #0c223b;}

/* Start CSS */

.bg-orange{background-color: var(--secondaryColor);}
.bg-blue{background-color: var(--primaryColor);}

header{background-color: var(--primaryColor); }

header:after{    position: absolute;  left: 0px;    right: 0px; background-color: var(--primaryColor); height: 41px;   top: 0px;    bottom: 0px;    width: 60%;    shape-outside: polygon(0 100%, 96% 100%, 100% 0, 0 0);    clip-path: polygon(0 100%, 96% 100%, 100% 0, 0 0); content: '';}

.address-links {    z-index: 9;}

.sticky_inner img{    width: 40%;}

.text-justify{text-align: justify;}

/* Nav */

nav {  width: 100%;  display: flex;  justify-content: center;}

nav ul {  list-style: none;  margin: 0;  padding: 0; display: flex;  justify-content: center;}

nav li {  position: relative;}

.dropdown {color: #fff; perspective: 1000px;  z-index: 100;}

.dropdown_menu {  position: absolute;  top: 100%;  left: -80px;  width: 300px; perspective: 1000px;  z-index: -1;}

.dropdown{background: url(img/bg-menu.png); background-repeat: repeat;}

.dropdown_menu li {  display: none;  color: #fff;  background-color: #fff;  padding: 10px 20px;  font-size: 16px;  opacity: 0;}

.dropdown_menu li:hover {  background-color: var(--primaryColor); color: #fff !important;}

.dropdown_menu li:hover a{color: #fff !important;}

.dropdown_menu li a:hover{background-color: var(--primaryColor);}

.dropdown:hover .dropdown_menu--animated {  display: block;}

.dropdown_menu--animated {  display: none;}

.dropdown_menu--animated li {  display: block;  opacity: 1;}

.dropdown_menu-10 {  animation: rotateY 300ms ease-in-out forwards;  transform-origin: top center;}

nav ul li a, 

nav ul li a:after, 

nav ul li a:before {  transition: all .5s;}

@keyframes rotateY {

0% {transform: rotateY(90deg);}

80% {transform: rotateY(-10deg);}

100% {transform: rotateY(0);}

}

ul.dropdown_menu {    height: 400px; overflow-y: scroll;  z-index: 999; }

::-webkit-scrollbar {  width: 5px;}

::-webkit-scrollbar-track {  background: #f1f1f1;}

::-webkit-scrollbar-thumb {  background: var(--secondaryColor);}

::-webkit-scrollbar-thumb:hover {  background: #ccc;}

/* SHIFT */

nav.shift ul li a {  position:relative;  z-index: 1;}

/* nav.shift ul li a:hover {  color: #fff !important;} */

/* nav.shift ul li a:after {  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0; right: 0;  margin: auto;  width: 100%;  height: 1px;  content: '.'; color: transparent;  background: var(--primaryColor);  visibility: none;  opacity: 0;  z-index: -1;} */

/* nav.shift ul li a:hover:after {  opacity: 1;  visibility: visible;  height: 100%;} */

/* Keyframes */

@-webkit-keyframes fill {

0% {width: 0%; height: 1px;}

50% {width: 100%; height: 1px;}

100% {width: 100%; height: 100%; background: #333;}

}

@keyframes fill {

0% { width: 0%; height: 1px; }

50% {   width: 100%; height: 1px; }

100% {    width: 100%; height: 100%;  background: #333;}

}

@-webkit-keyframes circle {

0% {    width: 1px;    top: 0;    left: 0;    bottom: 0;    right: 0;    margin: auto;    height: 1px;    z-index: -1;    background: #eee;    border-radius: 100%;  }

100% {    background: #aaa;    height: 5000%;    width: 5000%;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;    border-radius: 0;  }

}



@keyframes circle {

0% {    width: 1px;    top: 0;    left: 0;    bottom: 0;    right: 0;    margin: auto;    height: 1px;    z-index: -1;    background: #eee;    border-radius: 100%;  }

100% {    background: #aaa;    height: 5000%;    width: 5000%;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;    border-radius: 0;  }

}

.sticky {    position: sticky;    top: 0;    z-index: 999;    background: #fff;}

.about-content h1 {line-height: 22px; font-size: 22px; margin-bottom: 15px;}

.text-justify{text-align: justify;}

/* hvr-radial-out */

.hvr-radial-out {  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;  overflow: hidden;  background: var(--secondaryColor);  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background:var(--secondaryColor);  border-radius: 100%;  -webkit-transform: scale(0); transform: scale(0);  -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;}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}

.about-btn a{background-color: var(--primaryColor);}

.about-us{background: url(img/bg-menu.png) no-repeat; background-position: bottom right;}

img.about-two {    position: absolute;    z-index: 9;    right: 12%;    bottom: 150px;}

.title-convert{font-size: 30px; font-weight: 600;}

/* GC */

.gc {  box-sizing: border-box;  display: inline-block;  margin-right: -0.25em;  min-height: 1px;  vertical-align: top;}

.gc--1-of-3 {  width: 23%;  padding-right: 25px;  margin-right: 25px;}

.gc--2-of-3 {  width: 72.66666%;}

.naccs {  position: relative;  width: 100%;}

.naccs .menu div {  padding: 15px 20px 15px 40px;  margin-bottom: 10px;  color: #ccc;  background: var(--primaryColor);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  cursor: pointer;  position: relative;  vertical-align: middle;  font-weight: 00;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); }

.naccs .menu div:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.naccs .menu div span.light {  height: 10px;  width: 10px;  position: absolute;  top: 24px; left: 15px;  background-color: #fff;  border-radius: 100%;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}

.naccs .menu div.active span.light {  background-color: var(--secondaryColor);  left: 0;  height: 100%;  width: 3px; top: 0;  border-radius: 0;}

.naccs .menu div.active {  color: #fff;  padding: 15px 20px 15px 20px;}

ul.nacc {  position: relative;  height: 0px;  list-style: none; margin: 0;  padding: 0;  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);}

ul.nacc li {  opacity: 0;  transform: translateX(50px);  position: absolute;  list-style: none;  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}

ul.nacc li.active {  transition-delay: 0.3s;  z-index: 2; opacity: 1;  transform: translateX(0px);}

ul.nacc li p {  margin: 0;}

.read-btn{color: var(--primaryColor);}



figure.effect-bubba {  background: #9e5406;}

figure.effect-bubba img {  -webkit-transition: opacity 0.35s;  transition: opacity 0.35s;}

figure.effect-bubba:hover img {  opacity: 0.4;}

figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {  position: absolute;  top: 30px;  right: 30px;  bottom: 30px;  left: 30px;  content: ""; opacity: 0;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}

figure.effect-bubba figcaption::before {  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: scale(0, 1);  transform: scale(0, 1);}

figure.effect-bubba figcaption::after {  border-right: 1px solid #fff;  border-left: 1px solid #fff;  -webkit-transform: scale(1, 0);  transform: scale(1, 0);}

figure.effect-bubba h2 {  padding-top: 30%;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;  -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}

figure.effect-bubba p {  padding: 20px 2.5em;  opacity: 0;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}

figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}

figure.effect-bubba:hover h2,

figure.effect-bubba:hover p {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}

/* Common style */

.grid figure {  position: relative;  float: left;  overflow: hidden;  min-width: 100%;  max-width: 100%;  max-height: 360px;  width: 100%;  background: var(--primaryColor);  text-align: center;  cursor: pointer;}

.grid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  /* opacity: 0.8; */}

.grid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}

.grid figure figcaption::before,

.grid figure figcaption::after {  pointer-events: none;}

.grid figure figcaption,

.grid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

.grid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0; opacity: 0;}

.our-products {background: #fff url(img/footer-bg.png) no-repeat;}

.counter-number{background: url(img/Year-of-Experience-complete-bg-min.jpg) no-repeat;     padding: 100px 0 80px 0;  background-size: cover;}

span.fb {    font-size: 40px;    font-weight: 800;}

span.code {    font-size: 40px;    font-weight: 800;}

span.bike {    font-size: 40px;    font-weight: 800;}

span.coffee {    font-size: 40px;    font-weight: 800;}

.counter-box img {    filter: brightness(0) invert(1);}

/* Book */

.book{    background: #fff url(img/left-corner.png) no-repeat left bottom;}

.pdf-book span{    font-family: var(--Sora);    color: var(--primaryColor);    font-size: 28px;    line-height: 44px;    letter-spacing: 0;    font-weight: 700;    margin: 0;    }

.pdf-book small{ font-family: var(--Inter);  font-weight: 400;    color: var(--secondaryColor);    font-size: 38px;}

.pdf-book ul li:first-child a {background: var(--primaryColor); padding: 10px 30px;}

.pdf-book ul li:last-child a {background: #075e54; padding: 10px 30px;}

.footer-btn-design{background-color: var(--primaryColor);}

.copy-right{background-color: var(--darkBlue);}

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

/*Call Me*/

.phone_lefts-side {    position: relative;}

.phone_lefts-side a {    position: fixed;    bottom: 50px;    color: white;    background-color: var(--primaryColor);   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 Desktop */

.venom-button {    position: fixed;    bottom: 15px;    left: 15px;    font-size: 14px;    transition: bottom .2s; z-index: 9;}

.venom-button .venom-button-button {       position: relative;    border-radius: 50%;    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);    transition: box-shadow .2s;    cursor: pointer;    overflow: hidden;    top: -117px;    z-index: 999;    left: 5px;}

.venom-button .venom-button-button img,.venom-button .venom-button-button svg {    position: absolute;    width: 80%;    height: auto;    object-fit: cover;    top: 50%;    left: 50%;    transform: translate3d(-50%, -50%, 0);    border-radius: 50%;}

.venom-button:hover {    bottom: 17px;}

.venom-button:hover .venom-button-button {    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4);}

.venom-button .venom-button-popup {    border-radius: 6px;    background-color: #e5ddd5;    position: absolute;    overflow: hidden;    padding: 0;    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);   width: 0;    height: 0;    bottom: 0;    opacity: 0;    transition: bottom .1s ease-out, opacity .2s ease-out;    transform-origin: bottom;}

.venom-button .venom-button-popup.active {    padding: 0 12px 12px 12px;    width: 300px;    height: auto;    bottom: 200px;    opacity: 1;}

.venom-button .venom-button-popup .venom-button-message {    background-color: #fff;    padding: 8px;    border-radius: 0 5px 5px 5px;    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);    opacity: 0;    transition: opacity .2s;}

.venom-button .venom-button-popup.active .venom-button-message {    opacity: 1;    transition-delay: .2s;    font-family: var(--Inter);}

.venom-button .venom-button-popup .venom-button-head {    text-align: right;    color: #fff;    margin: 0 -15px 10px -15px;   padding: 6px 12px;    display: flex;    justify-content: center;    cursor: pointer;}

.venom-button .venom-button-input-message {    background-color: #fff;    margin: 10px -15px -15px -15px;    padding: 20px 15px;    display: flex;    align-items: center;} .venom-button .venom-button-input-message textarea {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: none;    padding: 8px;    margin: 10px 0;    width: 100%;    max-width: 100%;    resize: none;}

.venom-button .venom-button-input-message textarea:focus {    outline: none;}

.venom-button .venom-button-btn-send {    margin-left: 12px;    font-size: 0;    cursor: pointer;}

.venom-button-head span {    margin-right: 10px;}

.venom-button-input-message textarea {    width: 100%;    padding: 10px 8px;    border: 1px solid #ccc;    resize: none;}

.form-design{background: url(img/form.jpg) no-repeat; background-size: cover;}

/* Input */

.home-form input {    width: 46%;   height: 45px;    margin-right: 23px;     border-radius: 50px;   padding-left: 15px; margin: 0px auto; margin-bottom: 25px;}

.home-form textarea {     width: 97%;    height: 100px;    border-radius: 50px;    margin-bottom: 30px;    padding-left: 30px;   padding-top: 10px;    margin: 0px auto;}

.home-form input:focus{outline: none;}

.home-form textarea:focus{outline: none;}

.btn-center button{background-color: var(--primaryColor); border: none; transition: 0.5s;}

.btn-center button:hover{background-color: var(--secondaryColor);}

.qr-code p{font-size: 16px;}

.about-content ul{margin-top: 18px;  padding-left: 15px;    margin-bottom: 25px;}

.about-content ul li{margin-bottom: 10px; list-style-type: disc;}

.main_testimonial .item i{font-size: 30px; color: var(--primaryColor);}

.main_testimonial .item img{border-radius: 50px; width: 70px; height: 70px; border: 2px solid var(--secondaryColor);}

.custom-svg-3 {    position: absolute;    right: 0;        bottom: 0px;    width: 150px; z-index: -1;}

/* Box */

.box{  width:100%;  margin: 0 auto;  position: relative;  perspective: 1000px;}

.box .box-img{  transform: rotateY(0);  transition: all 0.5s ease-in-out 0s;}

.box:hover .box-img{  transform: rotateY(-90deg);}

.box .box-img img{  width: 100%;  height: auto;}

.box .box-content{  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  padding: 60px 20px;  border: 5px solid var(--primaryColor);  box-sizing: border-box;  text-align: center;  color: #fff;  background: rgba(23,82,151,0.7);  transform: rotateY(90deg);  transition: all 0.5s ease-in-out 0s;}

.box:hover .box-content{  transform: rotateY(0);}

.box-content h3 {    display: flex;    align-items: center;    height: 100%;    text-align: center;    justify-content: center;}

.why-importance{background: var(--primaryColor);}

.content-important span {font-family: "Sora", sans-serif; font-size: 28px; font-weight: 500; display: block; margin-bottom: 18px;  color: #bed4ee;}

.content-important p { color: #bed4ee;}



.list-type ul li:first-child img {position: absolute;  left: 0px;  width: 35%; top: 92px;}
.list-type ul li:nth-child(2) img {position: absolute; left: 57px; width: 30%; top: 300px;}
.list-type ul li:nth-child(3) img {     position: absolute; right:0px;  width: 28%;  bottom: 25px;}

/* .list-type ul li:nth-child(4) img {    position: absolute; left: 240px; width: 28%; top: -0px;} */

.sodium-img img { position: relative; z-index: 99;}

/* .marign-set {    margin-top: -120px;} */



a.mobile-btn {    width: 100%;    background:var(--secondaryColor);    text-align: center;    padding: 10px 0 12px 0; color: #fff; font-size: 20px;}

nav.mobile-menu {display: none;}



/* Float Button */

.flaot-button{display: none; position: fixed; z-index: 99; bottom: 0;  width: 100%;}

.flaot-button ul {    display: flex; width: 95%;   justify-content: space-between;    align-items: center;    justify-items: center; margin-bottom: 0px; margin: 0px auto;}

.flaot-button ul li { width: 48%; text-align: center; padding: 5px 0;}

.flaot-button ul li:first-child {background-color: var(--primaryColor);}

.flaot-button ul li:last-child  { background-color: #199082;}



.contact-page {position: relative; display: block; }

.section-title__tagline {    position: relative;    display: inline-block;    font-size: 14px;    line-height: 14px;    color: var(--secondaryColor);    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.1em;    padding-left: 20px;    z-index: 1;}

.section-title__tagline:before {    content: "";    position: absolute;    top: 2px;    left: 0;    height: 10px;   width: 2px;    background-color: var(--secondaryColor);    transform: rotate(15deg);}

.section-title__tagline:after {    content: "";    position: absolute;    top: 2px;    left: 6px;    height: 10px;    width: 2px;    background-color: var(--secondaryColor);    transform: rotate(15deg);}

.contact-page__left .section-title {    margin-bottom: 30px;}

.contact-page__contact-list li .icon {    position: relative;    display: flex;    align-items: center;   justify-content: center;    height: 50px;    width: 50px;    border: 2px solid var(--secondaryColor);    border-radius: 50%;    font-size: 18px;    color: #000;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.contact-page__contact-list li .content {    margin-left: 20px;}

.contact-page__contact-list li .content h4 a {    color: #000;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.contact-page__contact-list li {    position: relative;    display: flex;    align-items: center;}

.contact-page__contact-list li .content h4 {    font-size: 15px;    font-weight: 700;    letter-spacing: 0;    line-height: 28px;}

.contact-page__contact-list li:hover .icon {    background-color: var(--primaryColor);    color: #fff;}

.contact-page__left h2 {    font-size: 25px;    margin-top: 10px;}

.contact-page__content-inner {    position: relative;    display: block;    padding: 60px 80px 60px;    border: 1px solid #ccc;    overflow: hidden;    z-index: 1;}

.contact-page-shape-1 {    position: absolute;    bottom: 0;    left: 80px;    z-index: -1;}

.contact-page__right {    position: relative;    display: block;}

.contact-page__content {    position: relative;    display: block;    background-color: rgb(255, 255, 255);    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);    z-index: 1;}

.contact-page__right .section-title {    margin-bottom: 30px;}

.contact-page__form-input-box input[type=text], .contact-page__form-input-box input[type=email] {    height: 50px;    width: 100%;    border: none;    background-color: #f1f1f1;    padding-left: 30px;    padding-right: 30px;    outline: none;    font-size: 14px;   color: #000;    display: block;    font-weight: 500;}

.contact-page__form-input-box textarea {    font-size: 14px;    color: #000;    height: 150px;    width: 100%;    background-color: #f1f1f1;    padding: 15px 30px 30px;    border: none;   outline: none;    margin-bottom: 0px;    font-weight: 500;}

.contact-page__form-input-box select{    font-size: 14px;    color: #000;    height: 50px;    width: 100%;    padding-left: 30px;    padding-right: 30px;    background-color: #f1f1f1;    border: none;    outline: none;    margin-bottom: 0px;    font-weight: 500;}

.contact-page__btn{background-color: var(--secondaryColor); transition: 0.5s;}

.contact-page__btn:hover{background-color: var(--primaryColor);}

.page-header-bg {    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-repeat: no-repeat;   background-position: center;    background-size: cover;    z-index: -1;}

.main-slider-border {    position: absolute;    top: 0;    left: 0;    bottom: 0;    width: 14.29%;    border-right: 1px solid rgba(255, 255, 255, 0.05);   z-index: 10;}

.main-slider-border-two {    left: 14.29%;}

.main-slider-border-three {    left: 28.59%;}

.main-slider-border-four {    left: 42.88%;}

.main-slider-border-five {    left: 57.17%;}

.main-slider-border-six {    left: 71.46%;}

.page-header {    position: relative;    display: block;    padding: 100px 0;    z-index: 1;}

.page-header-bg:before {    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    content: "";    background-color: rgba(39, 43, 48, 0.6);}

.page-header__inner {    z-index: 99;    position: relative;}



.color-site {    background: var(--primaryColor);}

.skin-color {    background-color: var(--secondaryColor)}

.sitema-links-item h2 {    font-size: 22px;}

.sitema-links-item h3 {    font-size: 22px;}



.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}

.full-width-type { background-color: var(--primaryColor);    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

/* News Section */

.news-one__single {    position: relative;    display: block;    margin-bottom: 30px;   z-index: 1;}

.news-one__img-box {    position: relative;    display: block;    overflow: hidden;    z-index: 1;}

.news-one__img-box img {    width: 100%;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.news-one__img-box > a {    position: absolute;    top: 0;    left: 0;    right: 0;   bottom: 0;    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;    color: #000;    transition: all 900ms ease;    -moz-transition: all 900ms ease;    -webkit-transition: all 900ms ease;    -ms-transition: all 900ms ease;    -o-transition: all 900ms ease;    transition: -webkit-transform 0.5s ease;    transition: transform 0.5s ease;    transition: transform 0.5s ease, -webkit-transform 0.5s ease;    -webkit-transform: scale(0, 1);    -ms-transform: scale(0, 1);    transform: scale(0, 1);    -webkit-transform-origin: right center;    -ms-transform-origin: right center;    transform-origin: right center;    background-position: center center;    z-index: 1;}

.news-one__img-box > a:before {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    content: "";    background-color: #175397c3;    z-index: -1;}

.news-one__content-box {    position: relative;    display: block;    background-color: rgb(255, 255, 255);    padding: 21px 40px 0;    margin-left: 20px;    margin-right: 20px;    margin-top: -30px;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;    z-index: 2;}

.news-one__content {    position: relative;    display: block;}

.news-one__meta {    position: relative;    display: flex;    align-items: center;    justify-content: center;}

.news-one__meta li a {    font-size: 14px;    font-weight: 500;    color:#000;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.news-one__meta li + li {    margin-left: 10px;}

.news-one__title {  line-height: 29px;    text-align: center;    margin-top: 6px;    margin-bottom: 25px;}

.news-one__title a {    color: #000;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.news-one__bottom {    position: relative;    display: block;    text-align: center;}

.news-one__read-more {    font-size: 12px;    font-weight: 700;    color: #000;    text-transform: uppercase;    letter-spacing: 0.1em;    position: relative;    display: flex;    align-items: center;   justify-content: center;    border-top: 1px solid #ccc;    padding: 10px 0px 9px;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.news-one__single:hover .news-one__img-box>a {  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);  -webkit-transform-origin: left center;  -ms-transform-origin: left center;  transform-origin: left center;}

h3.news-one__title a {    font-size: 24px;}

.btn-home a {    background: var(--primaryColor);    padding: 10px 30px; transition: 0.5s;}

.btn-home a:hover{background-color: var(--secondaryColor);}



.service-details__left {    position: relative;    display: block;}

.service-details__category {    position: relative;    display: block;}

.service-details__category-list {    position: relative;    display: block;}



.service-details__category-list li {    position: relative;    display: block;}

.service-details__category-list li.active a {    color: #fff;}

.service-details__category-list li a {    color: #000;    font-size: 16px;    font-weight: 800;    position: relative;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;    display: block;    background: none;    padding: 13px 30px 12px;    background-color: var(--primaryColor);    z-index: 1;}

.service-details__need-help-bg {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-size: cover;    background-repeat: no-repeat;    background-position: center;   background-color: var(--secondaryColor);    opacity: 0.1;    border-radius: 30px;    background-blend-mode: luminosity;    z-index: -1;}

.service-details__need-help-icon {    height: 85px;    width: 85px;    background-color: #fff;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    border-radius: 50%;    margin: 0 auto 28px;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.service-details__need-help-title {    font-size: 26px;    color: #fff;    line-height: 32px;    letter-spacing: 0;    text-align: center;}

.service-details__need-help-contact {    position: relative;    display: block;}

.service-details__category ul li {    margin-bottom: 18px;}

.service-details__need-help {    position: relative;    display: block;    padding: 50px 50px 45px;  margin-bottom: 30px;    text-align: center;    z-index: 1;    background-color: var(--primaryColor);}

.service-details__need-help-contact a {    font-size: 20px;    color: #fff;    font-weight: 800;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;}

.service-details__need-help-contact p {    font-size: 16px;    color: #fff;    margin: 0;    line-height: 16px;    font-weight: 500;    margin-bottom: 2px;}

.service-details__img {    float: left; width: 40%; margin-right: 25px;}

.service-details__img img{width: 100%;}

h3.service-details__title {    font-size: 25px;    margin-bottom: 15px;}

.service-details__content-box p {    margin-bottom: 20px;    text-align: justify;}

.white-wrap .form {    background-color: var(--primaryColor);    padding: 1px 20px 1px 20px;    position: relative;}

.inputBox input {    height: 45px;    padding-left: 15px;}

.inputBox button {    padding: 10px 0px;    background: var(--secondaryColor);}

.inputBox textarea {    height: 100px;    padding-left: 15px;}



p.related-heading {    background-color: var(--primaryColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}

.read-btn a {    background: var(--primaryColor);    padding: 7px 15px;    color: #fff;}

.related_img img {    width: 100%;    object-fit: contain;   height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;    padding: 2px;}

ul.export-btn li {background: var(--primaryColor);    padding: 10px 30px;    width: 25%;    margin-right: 25px;}

select.text-input { border: none;    height: 45px; padding-left: 15px; color: #676767;}

select.style-design-select {    width: 96%;    margin: 0px auto; }
select.style-design-select:focus{outline: none;}
.height-custom {    min-height: 255px;}


/* Navigation */
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: normal;    color: #000;    text-transform: capitalize;    padding: 20px 12px;    position: relative;    z-index: 1;    margin: 0;    font-size: 15px; font-weight: bold;}
.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: #312e29; position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  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: 14px;  font-weight: 400;}
.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;}
.about-content p {    margin-bottom: 30px; text-align: justify;}
.product-content p {    text-align: justify;}

span.news-one__title a {    font-size: 22px;    display: block;    text-align: center;    margin-bottom: 15px;}
.service-details__need-help-contact p {    margin-bottom: 12px;}
span.text-theme-colored {    font-size: 30px;}

.form input {    width: 100%;  border-radius: 50px;  height: 40px;    border: none;    padding-left: 15px;}
.form select {    width: 100%;  border-radius: 50px;  height: 40px;    border: none;    padding-left: 15px;}
.form textarea{   width: 100%; border-radius: 50px;   height: 100px;    border: none;    padding-left: 30px; padding-top: 10px;}
.sidebar_btn button {    background: var(--secondaryColor);    margin-top: 30px;}
.form span {    font-size: 22px;    text-align: center;    display: block;}
.about-content h2 {    font-size: 22px;    margin-bottom: 17px;}
.about-content h3 {    font-size: 22px;    margin-bottom: 17px;}
.about-content h4 {    font-size: 22px;    margin-bottom: 17px;}
.about-content h5 {    font-size: 22px;    margin-bottom: 17px;}
.about-content h6 {    font-size: 22px;    margin-bottom: 17px;}


span.section-title__title {    display: block;    font-size: 30px;    font-weight: 500;}
.content a {    color: #000;}
.content p {    font-size: 18px;    font-weight: 500;    display: block;    margin-bottom: 4px;}
.two-img-set {    float: left;    margin-right: 25px;    width: 30%; }
.two-img-set img{width: 100%;}