@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('../assets/libs/slick-carousel/1.8.1/slick.css');

@import url('../assets/libs/slick-carousel/1.8.1/slick-theme.css');


@import url('../assets/libs/fancybox/3.5.7/jquery.fancybox.min.js');

@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: 30px; margin: 0px; padding: 0px;  font-family: "Playfair Display", serif;}

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

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

a{font-size: 16px; font-family: "DM Sans", sans-serif;}

a:hover{text-decoration: none;}

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

body{padding: 0px; margin: 0px; box-sizing: content-box; background: #fff;}

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

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

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

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



:root {

--body-font: 'Roboto', sans-serif;

--heading-font: "Poppins", sans-serif;

--theme-color: #ff0080;

--theme-color2: #4A1685;

--theme-bg-light: #F8F9FE; 

--color-dark: #111111;

--color-gray: #F6F6F6;

--body-text-color: #757F95;

--color-white: #ffffff;

--hero-overlay: rgb(5, 3, 17);

--slider-arrow-bg: rgba(140, 82, 255, .2);

--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);

--box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);

--transition: all .5s ease-in-out;

--transition2: all .3s ease-in-out;

--border-info-color: rgba(0, 0, 0, 0.08);

--border-info-color2: rgba(0, 0, 0, 0.05);

--border-white-color: rgba(255, 255, 255, 0.08);

--border-white-color2: rgba(255, 255, 255, 0.05);

--footer-bg: #01103B;

--footer-bg2: #00134C;

--footer-text-color: #F5FAFF;

--theme-gradient: linear-gradient(45deg, #00a9a6, #396fc1, #08a99b);

}



/*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: var(--theme-gradient);}

.mobile-three-item li a {    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: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);    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: 20px;    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: #000;    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;   background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);}

.enquiry strong:hover {    color: #000;    background: #eee;}

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 {     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: 16px;    border-radius: 4px;    cursor: pointer;    transition: 0.5s;}

.modal_btn:hover,.modal_btn:focus {    background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);  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: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);}



/* ===================

21. About css 

====================== */

.about-area {  position: relative;  display: block; background: #fff;}

.about-left {  position: relative;  display: block;  margin-right: 50px;}

.about-img{  position: relative;}

.about-img img{  border-radius: 50%;  border: 10px solid var(--color-white);  box-shadow: var(--box-shadow);}

.about-img .img-2{  position: absolute;  right: -50px;  bottom: -50px;  width: 280px;  box-shadow: none;}

.about-img .img-3{  position: absolute;  right: -30px;  top: -30px; width: 200px;  box-shadow: none;}

.about-right {  position: relative;  display: block;  padding-left: 30px;}

.about-experience{  background: var(--theme-gradient);  box-shadow: var(--box-shadow);  position: absolute;  left: -30px;  bottom: 80px;  padding: 40px 20px;  border-radius: 10px;  text-align: center;}

.about-experience h5{  color: var(--color-white);  font-size: 20px;}

.about-experience span{  color: var(--color-white);  font-size: 70px;  font-weight: 900;  line-height: 1;  margin-bottom: 10px;  display: inline-block;}

.about-list-wrap {  position: relative;  display: block;  margin-top: 25px;  margin-bottom: 15px;}

.about-list {  position: relative;  display: block;}

.about-list li {  position: relative;  display: flex;  align-items: center;  border-bottom: 1px solid var(--border-info-color);  padding-bottom: 0px;  margin-bottom: 20px;}

.about-list li:last-child{  border-bottom: none;}

.about-list li .icon {  position: relative;  display: flex;  align-items: center;}

.about-list li .icon i {  font-size: 50px;  color: var(--theme-color);}

.about-list li .icon img{  width: 50px;}

.about-list li .about-item h4 span{  color: #396fc1;  margin-right: 10px;}

.about-list li .about-item p {  margin-top: 5px;}

@media all and (max-width: 767px) {

.about-right {    padding-left: 0;  }

.about-title {    font-size: 30px;  }

.about-left {    margin-right: 0;  }

.about-left-content {    bottom: -70px;}

.about-img{    width: 90%;  }

.about-experience{    left: -7px;    padding: 20px 10px;}

.about-img .img-3{    width: 140px;  }

.about-img .img-2{    width: 150px;  right: -10px;}

}

.site-shadow-text {    position: absolute;    right: 0px;    top: 0px;    line-height: 0;    font-size: 100px;    font-family: var(--heading-font2);    font-weight: bold;    color: var(--color-gray);    text-transform: uppercase;    z-index: -1;}

.site-title span {    color: #396fc1;    font-weight: 500;}

ul.about-list h4 {    font-size: 20px;    padding-bottom: 10px;}

a.theme-btn {        background: #000;   padding: 10px 30px;}

/* Radial In */

.hvr-radial-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;  overflow: hidden;  background: #000;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-in:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  background: var(--theme-gradient);  bottom: 0;  border-radius: 100%;  -webkit-transform: scale(2); transform: scale(2);  -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-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {  color: white;}

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

.corner-box {  position: relative;  width: 90px;  height: 90px;  margin: 0px auto;  background-color: #f5f5f5;  border: 1px solid #f8f9fa;  display: flex;  justify-content: center;  align-items: center;}

.icon {  font-size: 32px;  color: #777;  z-index: 1;}

.corner {  width: 15px;  height: 15px;  position: absolute;  border-color: #396fc1;  border-style: solid;  z-index: 2;}

.top-left {  top: 0;  left: 0;  border-width: 1px 0 0 1px;}

.top-right {  top: 0;  right: 0;  border-width: 1px 1px 0 0;}

.bottom-left {  bottom: 0;  left: 0;  border-width: 0 0 1px 1px;}

.bottom-right {  bottom: 0;  right: 0;  border-width: 0 1px 1px 0;}



.color-line-wrapper {    display: flex;    width: fit-content;    justify-content: center;    width: 100%;    }

.color-line-wrapper::before,    .color-line-wrapper::after {      content: '';      width: 100px;      height: 2px;   display: block;    }

.color-line {      background-color: #336db7;      color: white;      padding: 1px 138px;    }

/*.glimpse .title h4 {    margin-bottom: 10px;}*/



.full-hd-img-with-pdf{background: url(../assets/image/img/bg-full-hd.jpg) no-repeat; padding: 150px 0px; background-attachment: fixed;    background-repeat: repeat;    background-size: cover;    background-blend-mode: multiply;     background-position: center;}

.full-hd-img-with-pdf_inner ul li a{font-size: 18px}

.full-hd-img-with-pdf_inner ul li a:hover{background: #000 !important;}

.full-hd-img-with-pdf_inner ul li:first-child a {    background: #6ebee0;    padding: 10px 30px;}

.full-hd-img-with-pdf_inner ul li:nth-child(2) a {    background: #3075bb;    padding: 10px 30px;}

.full-hd-img-with-pdf_inner ul li:last-child a {    background: #05af9c;    padding: 10px 30px;}

.hvr-radial-in-1 {  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: #000;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-in-1:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  background: #6ebee0;  bottom: 0;  border-radius: 100%;  -webkit-transform: scale(2); transform: scale(2);  -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-in-1:hover, .hvr-radial-in-1:focus, .hvr-radial-in-1:active {  color: white;}

.hvr-radial-in-1:hover:before, .hvr-radial-in-1:focus:before, .hvr-radial-in-1:active:before {  -webkit-transform: scale(0);  transform: scale(0);}



.hvr-radial-in-2 {  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: #000;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-in-2:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;    background: #3075bb;  right: 0;   bottom: 0;  border-radius: 100%;  -webkit-transform: scale(2); transform: scale(2);  -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-in-2:hover, .hvr-radial-in-2:focus, .hvr-radial-in-2:active {  color: white;}

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



.hvr-radial-in-3 {  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: #000;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-in-3:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  border-radius: 100%;  -webkit-transform: scale(2); transform: scale(2);  -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-in-3:hover, .hvr-radial-in-3:focus, .hvr-radial-in-3:active {  color: white;}

.hvr-radial-in-3:hover:before, .hvr-radial-in-3:focus:before, .hvr-radial-in-3:active:before {background: #05af9c;  -webkit-transform: scale(0);  transform: scale(0);}



.form-design{padding: 100px 0px; background: #000 url(../assets/image/img/1-opti1.png);     background-repeat: repeat;    background-size: cover;     background-position: 50% 40%;}

.middle-range-form input{background: transparent; border:none; border-bottom:1px solid #ccc; color: #fff;}

.middle-range-form textarea{border:none; border-bottom:1px solid #ccc; height: 100px; background: transparent; width: 100%; color: #fff; resize: none;     padding-left: 25px;}

.middle-range-form textarea:focus{outline: none;}

.middle-range-form input:focus{outline: none;}

.middle-range-form form input { margin-bottom: 35px; padding-left: 25px; padding-bottom: 5px;}

.middle-range-form input::placeholder{color: #fff;}

.middle-range-form textarea::placeholder{color: #fff;}





.middle-range-form button {    width: 100%;    border: 0;  font-size: 18px; padding: 10px 0; margin-top: 35px; background: var(--theme-gradient);}

.middle-range-form span{font-family: "Playfair Display", serif;  font-size: 28px;}

.home-div i {    position: absolute;    padding-left: 0; margin-top: 5px;}

/*accordion*/

.accordion {  list-style: none;  padding: 0;  width: 100%;  margin: 0 auto; }

.accordion > li > a {  display: block; background: var(--theme-gradient); color: #fff;      padding: 10px 40px 10px 18px; text-decoration: none;  cursor: pointer;  border-bottom: 1px solid #fff;  position: relative; transition: background 0.3s;}

.accordion > li > a::after {  content: "▶"; position: absolute;  right: 15px;  top: 50%;  transform: translateY(-50%);  font-size: 14px;  transition: transform 0.3s;}

.accordion > li > a.active {     background: var(--theme-gradient);  color: white;}

.accordion > li > a.active::after {  content: "▼";  transform: translateY(-50%) rotate(0deg);}

.accordion > li > a:hover {  background: #000; color: #fff;}

.sub-menu {display: none; background: #f9f9f9; padding: 15px 15px; border-bottom: 1px solid #ccc;}

.accordion > li > a::after {  content: "\f105";  font-family: "Font Awesome 6 Free";  font-weight: 900;}

.accordion > li > a.active::after {  content: "\f077"; }

.accordion > li > a::after {  content: "\f107";  transition: transform 0.3s;}

.accordion > li > a.active::after {  transform: translateY(-50%) rotate(90deg);}

.trophy-line {display: flex; align-items: center; gap: 10px; justify-content: center;}

.line {width: 50px; height: 2px; background-color: #fff; margin-top: 6px;}

.trophy {color: #e99287; font-size: 1.5em;}

.trophy-line i {    font-size: 20px;}

/*trophy-line-color*/

.trophy-line-color {display: flex; align-items: center; gap: 10px; justify-content: center;}

.line-color {width: 50px; height: 2px; background-color: #396fc1; margin-top: 6px;}

.trophy-color {color: #e99287; font-size: 1.5em;}

.trophy-line-color i {    font-size: 20px; color: #396fc1;}



.faqs_inner-design span {    text-align: center;    display: block;}

.faqs_inner-design h5 {    text-align: center;    display: block;}

ul.accordion p {    text-align: justify;}

.call-to-action-section-two .inner-container {    position: relative;    padding: 80px 100px 120px;}

.call-to-action-section-two.margin {    z-index: 1;}

.call-to-action-section-two {    position: relative;    padding: 0px 0px 0px;    background-position: center top;    background-repeat: no-repeat;}

.call-to-action-section-two h1 {    position: relative;    line-height: 1.3em;    color: #202123;    font-size: 33px;    font-weight: 600;}

.call-to-action-section-two h1 span {    position: relative;    color: #6d0014;}

.larget-widget p {    color: #616161;    text-align: justify;    margin-top: 15px;}

.footer-social-media ul li{width: 32%;}

.footer-social-media ul li img{width: 100%;}

.social-media_us ul li:first-child a {    background: #365f97;}
.social-media_us ul li:nth-child(2) a {    background: #000;}
.social-media_us ul li:nth-child(3) a {    background: #f90027;}
.social-media_us ul li:nth-child(4) a {    background: #0079b1;}
.social-media_us ul li a { width: 35px;    display: block;    text-align: center;    height: 35px; line-height: 35px;}

.social-media_us ul li:last-child a {    background: #f09433;    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}

.footer-btn a {    background: #000;    padding: 10px 30px;}

.larget-widget {    border-right: 1px solid #f1f1f1;}

.icons-1 span{ font-family: "Playfair Display", serif;   color: #1675ba; display: block;  margin-bottom: 12px;}

.icons-1 ul li {    line-height: 32px; color: #616161;}

.icons-1 ul li a { font-size: 14.4px;   color: #616161; transition: 0.5s;}

.icons-1 ul li a:hover{color: #7346bf;}

img.gift-icons {    position: absolute;    top: 0;    z-index: -1;    opacity: 0.2;}

img.vector-icons {    position: absolute;    right: 0;    bottom: 0; opacity: 0.5}

.copy-right{background: var(--theme-gradient);}

.fatta_inner-design h4{    font-size: 40px;    font-weight: 700;    text-transform: capitalize;    line-height: 45px;    letter-spacing: 0.2px;    color: #2B2B2B;     margin-bottom: 10px;}

.fatta_inner-design h5{color: #396fc1;}

.fatta_inner-design p {    font-size: 20px;    text-align: justify;    margin-top: 18px;}

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



.client-item i{font-size: 50px; color: #396fc1;}

.client-item img {    border-radius: 50px;}

ul.star-part i {    font-size: 15px;}

ul.star-part li:last-child {       background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);   color: #fff;    padding: 1px 12px;}

.client-item {    background: #f9f9f9;}

/*main-testimonial*/

.main-testimonial .slick-prev, .slick-next {  color: #fff;  border: none;  padding: 10px;  border-radius: 50%;  z-index: 1;}

.main-testimonial .slick-prev {  left: -40px;}

.main-testimonial .slick-next {  right: -40px;}

.main-testimonial .slick-prev i, .slick-next i {  font-size: 20px;}

.main-testimonial .slick-prev:before{    content: none !important;}

.main-testimonial .slick-next:before{    content: none !important;}

.main-testimonial button.slick-prev.slick-arrow i {    color: #3075bb;}

.main-testimonial button.slick-next.slick-arrow i {    color: #3075bb;}



.main-hot-products .slick-prev, .slick-next {  color: #fff;  border: none;  padding: 10px;  border-radius: 50%;  z-index: 1;}

.main-hot-products .slick-prev {  left: -40px;}

.main-hot-products .slick-next {  right: -40px;}

.main-hot-products .slick-prev i, .slick-next i {  font-size: 20px;}

.main-hot-products .slick-prev:before{    content: none !important;}

.main-hot-products .slick-next:before{    content: none !important;}

.main-hot-products button.slick-prev.slick-arrow i {    color: #fff;}

.main-hot-products button.slick-next.slick-arrow i {    color: #fff;}





.internal-flex {    display: flex;  flex-direction: column;    height: 59vh;    justify-content: center;     background: #396fc124;     padding: 50px 85px;   min-height: 477px;}

.internal-flex span {    font-size: 32px;    display: block;    margin-bottom: 15px;}

.internal-flex p{text-align: justify;}

/*Project*/

.project-section-two {    position: relative;    background-color: #f2f3f5;/*    padding: 120px 0 0;*/    overflow: hidden;    background:url(../assets/image/img/img-setup.jpg);     background-attachment: fixed; background-size: cover;}

.project-section-two.style-two:before {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background-color: #000000;    content: "";    opacity: .60;}

.project-section-two .projects-outer {    position: relative;    background-repeat: no-repeat;    background-position: center;    background-size: cover;}

.project-section-two .projects-outer:before {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background-color: #1a1f26;    content: '';    opacity: .40;}

.project-block-four {    position: relative;}

.project-block-four .inner-box {    position: relative;    padding: 0 50px;    padding-top: 260px;    padding-bottom: 60px;     height: 100vh;}

.project-block-four:last-child .inner-box:before {    display: none;}

.project-block-four .count {    position: relative;    display: block;    font-size: 70px;    line-height: 1em;    font-weight: 400;    color: #ffffff;    opacity: .30;    margin-bottom: 45px;}

.project-block-four h5 {    position: relative;    display: block;    font-size: 24px;    line-height: 1.2em;    color: #ffffff;    font-weight: 600;    padding-bottom: 15px;    margin-bottom: 25px;}

.project-block-four h5:before {    position: absolute;    left: 0;    bottom: 0;    height: 2px;    width: 50px;   background-color: rgba(255,255,255,.50);    content: '';}

.project-block-four h5 a {    color: #ffffff;    display: inline-block;    transition: all 300ms ease;    font-size: 24px;}

.project-block-four .text {    position: relative;    display: block;    font-size: 16px;    line-height: 24px;    color: #fefefe;    margin-bottom: 20px;}

.project-block-four .btn-box {    position: relative;}

.project-block-four .btn-box a {    position: relative;    display: inline-block;    font-size: 15px;    line-height: 26px;    color: #ffffff;    font-weight: 500;    padding: 10px 12px;    border: 2px solid rgba(255,255,255,.50);    -webkit-transition: all 300ms ease;    -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;}

.project-block-four .btn-box a:hover {   color: #333;    background-color: #ffffff;}

.project-block-four .overlay-box {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    opacity: 0;    background-color: #fda700;    -webkit-transition: all 400ms ease;    -moz-transition: all 400ms ease;   -ms-transition: all 400ms ease;    -o-transition: all 400ms ease;    transition: all 400ms ease;}

.project-block-four .overlay-box .inner {    position: absolute;    left: 0;    bottom: 20%;    padding: 15px 15px;    -webkit-transition: all 700ms ease;   -moz-transition: all 700ms ease;    -ms-transition: all 700ms ease;    -o-transition: all 700ms ease;   width: 100%;    transition: all 700ms ease;    background-color: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);}

.project-block-four .inner-box:hover .overlay-box, .project-block-four.active .inner-box .overlay-box {    opacity: 1;}

.project-block-four .inner-box:hover .overlay-box .inner, .project-block-four.active .inner-box .overlay-box .inner {    bottom: 0;}

.project-section-two.style-two .project-block-four .inner-box {     border-right: 1px solid #4e4e4e;}

.project-section-two.style-two {    background-repeat: no-repeat;  height: 70vh;    background-position: center;    background-size: cover;/*    padding-top: 300px;*/}

.imghvr1 img {    border: 1px solid #f58634;}

.green-color {    background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);}

.bigget-img img{transition: 0.5s;}

.bigget-img img:hover {    transform: scale(1.1); opacity: 0.7;}

.fulling-img-categories img {    margin-bottom: 12px;}





.fulling-img-categories img{transition: 0.5s;}

.fulling-img-categories img:hover {    transform: scale(1.1); opacity: 0.7;}

.filter-buttons {  margin-bottom: 20px;}

.filter-btn {  padding: 10px 15px;  margin-right: 10px;  border: none; background: var(--theme-gradient);  color: white;  cursor: pointer;  border-radius: 5px;}

.filter-btn:hover {  background-color: #0056b3;}

.product-list {  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 10px;}

.product-item {/*  border: 1px solid #ddd;*/  border-radius: 4px;  width: 24%;  text-align: center;}

.product-item ul li:first-child a { color: #0056b3;       padding: 8px 15px;}

.product-item ul li:last-child a {   color: #7242bc;  padding: 8px 15px;}

.product-item > a {    font-size: 16px;}

.box{background: var(--theme-gradient);    text-align: center;    overflow: hidden;    position: relative;    transition: all 0.3s ease 0s;}

.box:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.4); }

.box:before,

.box:after{    content: "";    opacity: 0;    position: absolute;    top: 20px;    right: 20px;    bottom: 20px;    left: 20px;    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.15);    transition: all 0.5s;}

.box:before{    transform: scale(0, 1);    border-top: 4px solid #fff;    border-bottom: 4px solid #fff;}

.box:after{    transform: scale(1, 0);    border-right: 4px solid #fff;    border-left: 4px solid #fff;}

.box:hover:before,.box:hover:after{    opacity: 0.8;    transform: scale(1);}

.box img{    width: 100%;    height: auto;    transition: all 0.5s;}

.box:hover img{    opacity: 0.2;    filter: blur(5px);    transform: scale(1.1);}

.box .box-content{    color: #fff;    width: 100%;    transform: translateY(-30%);    position: absolute;    top: 50%;    left: 0;    z-index: 2;    transition: all .5s ease;}   

.box:hover .box-content{ transform: translateY(-50%); }

.box .title{    font-size: 17px;    font-weight: 700;    letter-spacing: 1px;    text-transform: capitalize;    margin: 0 0 3px 0;    opacity: 0;    text-shadow: 0 0 40px #fff;    transition: all 0.5s linear;}

.box .post{    font-size: 16px;    font-weight: 500;    text-transform: capitalize;    margin: 0 0 10px;    display: block;    opacity: 0;    text-shadow: 0 0 40px #fff;    transition: all 0.5s linear;}

.box:hover .title,.box:hover .post{    opacity: 1;    text-shadow: 0 0 0 rgba(255, 255, 255, 0);    transition-delay: 0.2s;}

.box .icon{    padding: 0;    margin: 0;    list-style: none;    transform: scale(0);    transition: all 0.5s ease;}

.box:hover .icon{ transform: scale(1); }

.box .icon li{    margin: 0 2px;    display: inline-block;}

.box .icon li a{    color: #ff0606;    background-color: #fff;    font-size: 16px;    line-height: 35px;  height: 35px;    width: 35px;    display: block;    transition: all 0.5s ease 0s;}

.box .icon li a:hover{    color: #000;    background: white;    box-shadow: 0 0 5px rgba(0,0,0,0.8);}

.box .icon li a i {    line-height: inherit;    color: #000;  font-size: 12px;}



.email input {    width: 100%;    background: #f1f1f1;    height: 42px;    border-radius: 50px;    border: 1px solid #dddddd;    padding-left: 20px;    font-size: 17px;}

.email button {    position: absolute;    right: 22px;    top: 8px;}

.email a {    color: #000;    font-size: 17px;}

.socia-media-side li:first-child a {    padding: 10px 30px;}

.socia-media-side {   position: relative;   z-index: 9;}

div#navbarSupportedContent i {    position: relative;    top: -1px;}



/*Slider*/

.slider {    margin-top: -209px;}

.main-slider button.slick-next {background: var(--theme-gradient); border-radius: 50px;    right: 15px;    z-index: 9;    padding: 30px;}

.main-slider button.slick-prev {border-radius: 50px;  padding: 30px; background: var(--theme-gradient);   left: 15px;    z-index: 9;}

.main-slider .slick-prev:before {      right: 10px;  position: relative;  top: -12px;   font-size: 25px;}

.slick-prev:before {    content: "\f104";    font-family: "FontAwesome";}

.main-slider i {position: relative; left: -5px; top: -7px;}

.main-slider button.slick-prev.slick-arrow i {    color: #fff;}

.main-slider button.slick-next.slick-arrow i {    color: #fff;}

header {     z-index: 9;    position: relative;}

.logo {    position: relative;    z-index: 9;}

.welcome-side {    position: relative;    z-index: 9;}

/*.main-slider  .slick-prev:before{content: inherit !important;}*/

.main-slider  .slick-next:before{content: inherit !important;}

.header-bottom-container {    justify-content: center;}

.site-mobile-navigation {  width: 100%;  position: relative;  z-index: 99; }

.site-mobile-nav {  margin-right: 0 !important;  max-width: none; }

.site-mobile-nav .dl-trigger {position: absolute;right: 0;top: -25px; }

.site-mobile-nav .hamburger {display: block;cursor: pointer;-webkit-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;background-color: transparent;border: 0;margin: 0;overflow: visible;padding: 0;width: auto;height: auto; }

.site-mobile-nav .hamburger.dl-active, .site-mobile-nav .hamburger:hover, .site-mobile-nav .hamburger:focus {background-color: transparent; }

.site-mobile-nav .hamburger::after {display: none; }

.site-mobile-nav .hamburger .hamburger-box {width: 26px;height: 20px;display: block;position: relative; }



.site-mobile-nav .hamburger .hamburger-box .hamburger-inner {     display: block;     top: 50%;    margin-top: -2px;}

.site-mobile-nav .hamburger .hamburger-box .hamburger-inner, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {     width: 26px;     height: 2px;     background-color: #232324;     border-radius: 4px;     position: absolute;     -webkit-transition: all 0.15s ease;     -o-transition: all 0.15s ease;     transition: all 0.15s ease;}

.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {     content: "";     display: block;}

.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before {    top: -8px;}

.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {    bottom: -8px;}

.site-mobile-nav .hamburger--spin .hamburger-inner {    -webkit-transition-duration: 0.22s;    -o-transition-duration: 0.22s;    transition-duration: 0.22s;    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

.site-mobile-nav .hamburger--spin .hamburger-inner::before {    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}

.site-mobile-nav .hamburger--spin .hamburger-inner::after {    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}

.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner {    -webkit-transform: rotate(225deg);    -ms-transform: rotate(225deg);    transform: rotate(225deg);    -webkit-transition-delay: 0.12s;    -o-transition-delay: 0.12s;    transition-delay: 0.12s;    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

 .site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::before {    top: 0;    opacity: 0;    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}

 .site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::after {    bottom: 0;    -webkit-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    transform: rotate(-90deg);    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

 .site-mobile-nav .dl-menu {    background-color: #ffffff;    overflow: hidden;    -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);    margin: 40px 0 0 0;}

 .site-mobile-nav .dl-menu li {    border-bottom: 1px solid #eeeeee;}

 .site-mobile-nav .dl-menu li:last-child {    border-bottom: none;}

 .site-mobile-nav .dl-menu li > a {    color: #232324;    display: block;    position: relative;    padding: 10px 25px;    line-height: 30px;    font-weight: 400;}

 .site-mobile-nav .dl-menu li > a:not(:only-child)::after {    font-family: "FontAwesome";    content: "\f105";    font-size: 18px;   color: #232324;    right: 25px;}

 .site-mobile-nav .dl-menu li:hover > a {    color: #ffffff;    background-color: #333333;}

 .site-mobile-nav .dl-menu li:hover > a::after {    color: #ffffff;}

 .site-mobile-nav .dl-menu li .dl-submenu {    background-color: transparent !important;}

 .site-mobile-nav .dl-menu li .dl-submenu li.dl-back a {     background-color: transparent;     text-align: right;     color: #232324;     z-index: 3;     position: relative;}

 .site-mobile-nav .dl-menu li .dl-submenu li.dl-back a::after {     font-family: "FontAwesome";     content: "\f177";     left: 25px;     color: #232324;     z-index: -1;     position: absolute;     top: 0;     line-height: 50px;     width: auto;     right: auto;}

 .site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a {     color: #ffffff;     background-color: #333333;}

 .site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a::after {     color: #ffffff;}

 .site-mobile-nav .dl-submenu {     background-color: #ffffff !important;     top: 40px !important;}

 .overlay-navigation-menu {     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 100%;     z-index: 9999;     display: table;}

 .overlay-navigation-menu:after {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background-color: #ffffff;     content: "";     z-index: -1;     opacity: 0.9;}

 .overlay-navigation-menu .overlay-menu-close-icon {     display: inline-block;     position: absolute;     top: 30px;     right: 30px;}

 .overlay-navigation-menu .overlay-menu-close-icon a {     color: #333333;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;}

 .overlay-navigation-menu .overlay-menu-close-icon a:hover {     -webkit-transform: rotate(90deg);     -ms-transform: rotate(90deg);     transform: rotate(90deg);}

 .overlay-navigation-menu .overlay-menu-close-icon a i {     font-size: 25px;}

 .overlay-navigation-menu .overlay-navigation-menu-container {     text-align: center;     height: 100vh;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     overflow: auto;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav {     margin: auto;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li {     margin-bottom: 20px;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li:last-of-type {     margin-bottom: 0;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li a {    font-size: 32px;    line-height: 57px;    color: #333333;    position: relative;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:after {    position: absolute;    bottom: 0;    left: auto;    right: 0;    width: 0;    height: 2px;   content: "";    background-color: #333;    -webkit-transition: 0.3s;    -o-transition: 0.3s;    transition: 0.3s;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:hover:after {    left: 0;    right: auto;    width: 100%;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li {    margin-bottom: 0;}

 .overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li a {    font-size: 20px;    line-height: 40px;}

.header-bottom-container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;}

.header-bottom-container .logo-with-offcanvas {    -ms-flex-preferred-size: 20%;    flex-basis: 20%;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-bottom-container .logo-with-offcanvas {        -ms-flex-preferred-size: 40%;        flex-basis: 40%;  }

}

 @media only screen and (max-width: 767px) {

  .header-bottom-container .logo-with-offcanvas {        -ms-flex-preferred-size: 60%;         flex-basis: 60%;    }

}

 .header-bottom-container .header-bottom-navigation {    -ms-flex-preferred-size: 100%;     flex-basis: 100%;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-bottom-container .header-bottom-navigation {         -ms-flex-preferred-size: 0;         flex-basis: 0; }

}

 @media only screen and (max-width: 767px) {

  .header-bottom-container .header-bottom-navigation {        -ms-flex-preferred-size: 0;         flex-basis: 0;    }

}

.header-bottom-container .header-right-container {     -ms-flex-preferred-size: 20%;     flex-basis: 20%;

}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-bottom-container .header-right-container {         -ms-flex-preferred-size: 60%;         flex-basis: 60%;    }

}

 @media only screen and (max-width: 767px) {

  .header-bottom-container .header-right-container {         -ms-flex-preferred-size: 40%;         flex-basis: 40%;  }

}



.header-sticky.is-sticky {     position: fixed;     top: 0;     left: 0;     width: 100%;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;     animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;     z-index: 999;     background-color: #ffffff;}

 nav.center-menu > ul {    text-align: center;}

 nav.center-menu > ul > li.menu-item-has-children ul.mega-menu {    right: 50%;    -webkit-transform: translateX(50%);    -ms-transform: translateX(50%);    transform: translateX(50%); height: auto;}

 nav.site-nav > ul > li {    display: inline-block;    position: static;    margin: 0 25px;    text-align: left;    line-height: 80px;}

 nav.site-nav > ul > li a {     position: relative;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

  nav.site-nav > ul > li {         margin: 0 20px;    }

}

 nav.site-nav > ul > li:hover > a {     position: relative;     color: #333;}

 nav.site-nav > ul > li:hover > a:after {     width: 100%;     right: auto;     left: 0;}

 nav.site-nav > ul > li.menu-item-has-children:hover .sub-menu {     visibility: visible;     opacity: 1;     margin-top: 0;}

 nav.site-nav > ul > li.menu-item-has-children > a {     position: relative;}

  nav.site-nav > ul > li.menu-item-has-children > a:before {     position: absolute;     top: 50%;     -webkit-transform: translateY(-50%);     -ms-transform: translateY(-50%);     transform: translateY(-50%);     right: -15px;     content: "\f107";     font-family: fontAwesome;     color: #D0D0D0;}

nav.site-nav > ul > li > a {     color: #7e7e7e;     font-weight: 500;}

 nav.site-nav > ul > li ul.sub-menu {     position: absolute;     -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);     box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);     visibility: hidden;     opacity: 0;     -webkit-transition: 0.6s;     -o-transition: 0.6s;     transition: 0.6s;     margin-top: 45px;     background: var(--theme-gradient);     z-index: 9999;}

 nav.site-nav > ul > li ul.sub-menu li {     line-height: 1;}

 nav.site-nav > ul > li ul.single-column-menu {     padding: 30px;     min-width: 280px;     max-width: 350px;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li {     position: relative;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li:after {     position: absolute;     right: 0;     content: "\f105";     font-family: fontAwesome;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li:hover .multilevel-submenu {     visibility: visible;     opacity: 1;    margin-top: 0;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu {     position: absolute;     top: 0;     left: 110%;     min-width: 280px;     background-color: #ffffff;     -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);     box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);     padding: 30px;     visibility: hidden;     opacity: 0;     -webkit-transition: 0.6s;     -o-transition: 0.6s;     transition: 0.6s;     margin-top: 15px;}

  @media only screen and (min-width: 1200px) and (max-width: 1499px) {     

  	nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu {         left: -140%;    }

}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

   nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu {         left: -140%;    }

}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li {     display: block;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li a {     margin-bottom: 15px;}

 nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li:last-child a {     margin-bottom: 0;}

 nav.site-nav > ul > li ul.single-column-menu li a {     position: relative;     margin-bottom: 15px;     font-size: 15px;     line-height: 22px;     color: #7e7e7e;}

 nav.site-nav > ul > li ul.single-column-menu li a:hover {     color: #333333;}

 nav.site-nav > ul > li ul.single-column-menu li a:hover:after {     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 1px;     background-color: #e7e7e7;     content: "";}

 nav.site-nav > ul > li ul.single-column-menu li:last-child a {     margin-bottom: 0;}

 nav.site-nav > ul > li ul.mega-menu {     padding: 30px 30px;     overflow: hidden;     z-index: 9999;}

 nav.site-nav > ul > li ul.mega-menu > li {     display: inline-block;}

  nav.site-nav > ul > li ul.mega-menu > li ul li {     display: block;}

 nav.site-nav > ul > li ul.mega-menu-column-4 {     max-width: 1100px;     width: 100%;     display: -webkit-box;     flex-wrap: wrap;     display: -ms-flexbox;     display: flex;     right: 400px;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

 nav.site-nav > ul > li ul.mega-menu-column-4 {         max-width: 850px; }

} 

nav.site-nav > ul > li ul.mega-menu-column-4 > li {     -webkit-box-flex: 0;     -ms-flex: 0 0 25%;     flex: 0 0 25%;    /* padding-left: 30px;    */}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li:first-child {     padding-left: 0;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

  nav.site-nav > ul > li ul.mega-menu-column-4 > li:nth-of-type(3) {         border-right: none;    }

}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child {     border-right: none;}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child .menu-image {     position: absolute;     padding-right: 60px;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

 nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child {         display: none;         padding-left: 0; }

}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

     nav.site-nav > ul > li ul.mega-menu-column-4 > li {         -webkit-box-flex: 0;         -ms-flex: 0 0 33.33%;         flex: 0 0 33.33%;    }

}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li a.mega-column-title {     font-size: 18px;     line-height: 18px;     text-decoration: underline;     font-family: "Playfair Display", serif;     font-weight: 500;     margin-bottom: 20px;     color: #fff;}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li a.mega-column-title:after {     display: none;}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a {     position: relative;     margin-bottom: 15px;     font-size: 14px;     line-height: 28px;     color: #fff;}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a:hover {     color: #fff;}

  nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a:hover:after {     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 1px;     background-color: #e7e7e7;     content: "";}

 nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li:last-child a {     margin-bottom: 0;}

  nav.site-nav > ul > li ul.mega-menu-column-5 {     max-width: 1170px;     width: 100%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     right: 450px;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

 nav.site-nav > ul > li ul.mega-menu-column-5 {         max-width: 950px;    }

} nav.site-nav > ul > li ul.mega-menu-column-5 > li {     -webkit-box-flex: 0;     -ms-flex: 0 0 20%;     flex: 0 0 20%;     padding: 0 25px;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

    nav.site-nav > ul > li ul.mega-menu-column-5 > li {         -webkit-box-flex: 0;         -ms-flex: 0 0 25%;       flex: 0 0 25%;  }

}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li:first-child {     padding-left: 0;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

     nav.site-nav > ul > li ul.mega-menu-column-5 > li:nth-of-type(4) {         border-right: none;    }

}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child {     border-right: none;     padding-right: 0;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child .menu-image {     position: absolute;     padding-right: 60px;}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

  nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child {         margin-left: 0;         display: none;}

}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li a.mega-column-title {     font-size: 15px;     line-height: 18px;     font-weight: 500;     margin-bottom: 20px;     color: #333333;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li a.mega-column-title:after {     display: none;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li {     position: relative;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li img {     position: absolute;     bottom: -20px;     left: 50%;     width: 250px;     height: auto;    border-radius: 5px;    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);     opacity: 0;     visibility: hidden;     z-index: 99;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li:hover img {     visibility: visible;     opacity: 1;     bottom: -10px;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a {     position: relative;     margin-bottom: 15px;     font-size: 15px;     line-height: 22px;     color: #7e7e7e;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:hover {     color: #333333;}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:hover:after {     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 1px;     background-color: #e7e7e7;     content: "";}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:before {     position: absolute;     top: 0;     right: 0;     width: 250px;     height: auto;     border-radius: 5px;     -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);     opacity: 1;    visibility: visible;     z-index: 99;     content: "";     background-image: 'attr(data-homeimage)';}

 nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li:last-child a {     margin-bottom: 0;} 

  @media only screen and (min-width: 768px) and (max-width: 991px) { 

  	.header-right-icons {         margin-right: 55px;  }

} @media only screen and (max-width: 767px) {

 .header-right-icons {         margin-right: 45px;}

} .header-right-icons .single-icon {     margin-left: 30px;}

 @media only screen and (max-width: 479px) {

  .header-right-icons .single-icon { margin-left: 20px;    }

}

 @media only screen and (max-width: 479px) {

 .header-right-icons .single-icon.wishlist { display: none;    }

}

 @media only screen and (max-width: 479px) {

 .header-right-icons .single-icon.user-login {display: none;    }

}

 .header-right-icons .single-icon a {     position: relative;}

 .header-right-icons .single-icon a i {     font-size: 20px;     color: #333;}

.header-right-icons .single-icon a span.count {     position: absolute;     top: -5px;     right: -10px;     width: 16px;     height: 16px;     line-height: 16px;     background-color: #D3122A;     color: #ffffff;     text-align: center;     font-size: 14px;     border-radius: 50%;     font-weight: 500;}

.overlay-close, .wishlist-overlay-close, .cart-overlay-close {     position: absolute;     width: 100%;     height: 100%;     z-index: 2;}

.header-split {     border-bottom: 1px solid #efefef;}

.header-split:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-split::before {        display: none;}

} @media only screen and (max-width: 767px) {

.header-split::before {         display: none;    }

}



.header-split.is-sticky::before {     display: none;}

 @media only screen and (min-width: 1200px) and (max-width: 1499px) {

 .header-split .header-bottom .header-bottom-container .logo-with-offcanvas {     -ms-flex-preferred-size: 10%;     flex-basis: 10%;   }

}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-split .header-bottom .header-bottom-container .logo-with-offcanvas {         -ms-flex-preferred-size: 10%;       flex-basis: 10%;    }

}

 .header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {     position: absolute;     left: 50%;}

 @media only screen and (min-width: 1200px) and (max-width: 1499px) {

     .header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {         left: 45%;    }

}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

     .header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {         left: 45%;    }

}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

     .header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {         position: relative;         left: 0; }

}

 @media only screen and (max-width: 767px) {

  .header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {         position: relative;         left: 0;  }

}

 @media only screen and (min-width: 1200px) and (max-width: 1499px) {

  .header-split .header-bottom .header-bottom-container .header-bottom-navigation {         -ms-flex-preferred-size: 70%;         flex-basis: 70%;    }

}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-split .header-bottom .header-bottom-container .header-bottom-navigation {         -ms-flex-preferred-size: 70%;         flex-basis: 70%;    }

}

/*---------- header offcanvas about ----------*/

 .header-offcanvas-about {     border-bottom: 1px solid #efefef;     position: relative;}

 .header-offcanvas-about:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-offcanvas-about::before {         display: none;    }

}

 @media only screen and (max-width: 767px) {

  .header-offcanvas-about::before {         display: none;    }

}

 .header-offcanvas-about.is-sticky::before {     display: none;}

/* icon about off canvas*/

 .offcanvas-about-icon a {     color: #333;     display: inline-block;}

 .offcanvas-about-icon a i {     font-size: 30px;}

 .header-wide-topbar.is-sticky .header-top {     display: none;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-wide-topbar {         -webkit-box-shadow: none;         box-shadow: none;    }

}

 @media only screen and (max-width: 767px) {

  .header-wide-topbar {         -webkit-box-shadow: none;         box-shadow: none;   }

}

 .header-top {     border-bottom: 1px solid #dedede;}

 .header-top .header-separator {     margin: 0 10px;     color: #d8d8d8;}

 .top-newsletter-subscription a {     font-size: 14px;}

 .top-newsletter-subscription a:hover {     color: #333333;} 

 .order-online-text {   font-size: 14px;}

 .order-online-text a {     font-size: 14px;     line-height: 14px;     color: #333333;     border-bottom: 1px solid #333333;}

 .header-top-container {     display: -webkit-box;     display: -ms-flexbox;     display: flex;}

 .header-top-container .header-top-left {     -ms-flex-preferred-size: 50%;     flex-basis: 50%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-top-container .header-top-left {         -ms-flex-preferred-size: 100%;         flex-basis: 100%;         -webkit-box-pack: center;         -ms-flex-pack: center;         justify-content: center;   }

}

 @media only screen and (max-width: 767px) {

  .header-top-container .header-top-left {         -ms-flex-preferred-size: 100%;         flex-basis: 100%;     -webkit-box-pack: center;         -ms-flex-pack: center;         justify-content: center;    }

}

 .header-top-container .header-top-right {     -ms-flex-preferred-size: 50%;     flex-basis: 50%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: end;     -ms-flex-pack: end;     justify-content: flex-end;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-top-container .header-top-right {         display: none;    }

}

 @media only screen and (max-width: 767px) {

  .header-top-container .header-top-right {         display: none;    }

}

 .header-top-container .header-top-right .top-social-icons ul li {     display: inline-block;}

 .header-top-container .header-top-right .top-social-icons ul li a {     color: #333333;     margin-right: 20px;}

 .header-top-container .header-top-right .top-social-icons ul li:last-child a {     margin-right: 0;}

 .change-dropdown {     position: relative;     margin-right: 15px;}

 .change-dropdown > a {     font-size: 14px;     color: #7e7e7e;     position: relative;}

 .change-dropdown > a:hover {     color: #333333;}

 .change-dropdown > a:before {     position: absolute;     top: 0;     right: -15px;     content: "\f107";     font-family: fontAwesome;} 

 .change-dropdown:hover ul {     visibility: visible;     opacity: 1;     margin-top: 0;}

 .change-dropdown ul {     position: absolute;     top: 120%;     background-color: #ffffff;     -webkit-box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3);     box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3);     min-width: 150px;     visibility: hidden;     opacity: 0;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;     margin-top: 10px;     z-index: 999;}

 .change-dropdown ul li a {     font-size: 14px;     display: block;     padding: 8px 15px;     color: #7e7e7e;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;}

 .change-dropdown ul li a:hover {     color: #333333;     padding-left: 20px;}

 .header-box-topbar:before {     position: absolute;     top: -3px;     left: 0;    width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

 .header-box-topbar::before {         display: none;    }

}

 @media only screen and (max-width: 767px) {

  .header-box-topbar::before {         display: none;    }

}

 .header-box-topbar.is-sticky::before {     display: none;}

 .header-box-topbar.is-sticky .header-bottom {     padding-top: 0 !important;}

 .header-box-topbar.is-sticky .header-bottom-container .language-currency-change-container {     display: none;}

 .header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas {     -ms-flex-preferred-size: 20%;     flex-basis: 20%;     -webkit-box-ordinal-group: 2;     -ms-flex-order: 1;     order: 1;     text-align: left;}

 .header-box-topbar.is-sticky .header-bottom-container .header-bottom-navigation {     -ms-flex-preferred-size: 60%;     flex-basis: 60%;     margin-top: 0;     -webkit-box-ordinal-group: 3;     -ms-flex-order: 2;     order: 2;}

 .header-box-topbar.is-sticky .header-bottom-container .header-right-container {     -ms-flex-preferred-size: 20%;     flex-basis: 20%;     -webkit-box-ordinal-group: 4;     -ms-flex-order: 3;     order: 3;}

 .header-box-topbar .header-bottom-container {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;}

 .header-box-topbar .header-bottom-container .language-currency-change-container {     -ms-flex-preferred-size: 30%;     flex-basis: 30%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;}

 @media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-box-topbar .header-bottom-container .language-currency-change-container {         display: none;    }

} @media only screen and (max-width: 767px) {

  .header-box-topbar .header-bottom-container .language-currency-change-container {         display: none; }

}

 .header-box-topbar .header-bottom-container .language-currency-change-container .header-separator {     margin: 0 20px;}

 .header-box-topbar .header-bottom-container .logo-with-offcanvas {     -ms-flex-preferred-size: 40%;     flex-basis: 40%;   text-align: center;}

 .header-box-topbar .header-bottom-container .header-right-container {     -ms-flex-preferred-size: 30%;     flex-basis: 30%;}

 .header-box-topbar .header-bottom-container .header-bottom-navigation {     -ms-flex-preferred-size: 100%;     flex-basis: 100%;     margin-top: 40px;}

/*---------- header without topbar ----------*/

 .header-without-topbar {     position: relative;}

 .header-without-topbar:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 .header-without-topbar.is-sticky::before {     display: none;}

 .header-without-topbar.no-shadow:before {     display: none;}

 .header-without-topbar.slider-bottom-header {     position: static;     z-index: 99;}

 .header-without-topbar.slider-bottom-header.slider-bottom-header-sticky.is-sticky {     position: fixed;     top: 0;     left: 0;     width: 100%;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;     animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;     -webkit-transition: 0.3s;     -o-transition: 0.3s;     transition: 0.3s;     z-index: 999;     background-color: #ffffff;}

 .header-transparent-background {     position: absolute;     top: 0;     left: 0;     width: 100%;     z-index: 99;     -webkit-transition: 0.3s;     -o-transition: 0.3s;    transition: 0.3s; }

 .header-transparent-background .language-currency-change-container .change-dropdown > a {     color: #ffffff;}

 .header-transparent-background:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 .header-transparent-background.is-sticky::before {     display: none;}

 .header-transparent-background.is-sticky {     background-color: #ffffff;     border-bottom: 1px solid #efefef;}

 .header-transparent-background.is-sticky .logo a img:nth-child(1) {     visibility: hidden;     opacity: 0;    display: none;}

 .header-transparent-background.is-sticky .logo a img:nth-child(2) {     visibility: visible;     opacity: 1;     display: block;}

 .header-transparent-background.is-sticky .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {     color: #7e7e7e;}

  .header-transparent-background.is-sticky .header-bottom-navigation .site-main-nav .site-nav > ul > li > a:hover {     color: #333333;}

 .header-transparent-background.is-sticky .header-right-container .header-right-icons .single-icon a i {     color: #333;}

  .header-transparent-background:hover {     background-color: #ffffff;     border-bottom: 1px solid #efefef;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;}

 .header-transparent-background:hover .language-currency-change-container .change-dropdown > a {     color: #7e7e7e;}

 .header-transparent-background:hover .logo a img:nth-child(1) {     visibility: hidden;     opacity: 0;     display: none;}

 .header-transparent-background:hover .logo a img:nth-child(2) {     visibility: visible;     opacity: 1;     display: block;}

 .header-transparent-background:hover .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {     color: #7e7e7e;}

 .header-transparent-background:hover .header-bottom-navigation .site-main-nav .site-nav > ul > li > a:hover {     color: #333333;}

 .header-transparent-background:hover .header-right-container .header-right-icons .single-icon a i {     color: #333;}

 .header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {     background-color: #333333;}

 .header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {     background-color: #333333;}

 .header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {     background-color: #333333;}

 .header-transparent-background .logo a img:nth-child(2) {     visibility: hidden;     opacity: 0;     display: none;}

 .header-transparent-background .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {     color: #ffffff;}

 .header-transparent-background .header-right-container .header-right-icons .single-icon a i {     color: #ffffff;}

 .header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {     background-color: #ffffff;}

 .header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {     background-color: #ffffff;}

 .header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {     background-color: #ffffff;}

 .header-transparent-background--black {     -webkit-box-shadow: none;     box-shadow: none;    border-bottom: none;}

 .header-transparent-background--black .logo a img:nth-child(1) {     visibility: hidden;     opacity: 0;     display: none;}

 .header-transparent-background--black .logo a img:nth-child(2) {     visibility: visible;     opacity: 1;     display: block;}

 .header-transparent-background--black .header-bottom-navigation {     visibility: hidden;     opacity: 0;}

 .header-transparent-background--black .header-right-container .header-right-icons .single-icon a i {     color: #333;}

 .header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {     background-color: #333;}

 .header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {     background-color: #333;}

 .header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {     background-color: #333;}

 .header-transparent-background--black:hover {     background-color: transparent;     -webkit-box-shadow: none;     box-shadow: none;     border-bottom: none;}

 .header-overlay-menu {     position: absolute;     top: 0;     left: 0;     width: 100%;     z-index: 99;}

 .header-overlay-menu:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 .header-overlay-menu.is-sticky:before {     display: none;}

 .header-overlay-menu.is-sticky .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {     color: #333;}

 .header-overlay-menu.is-sticky .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {     font-size: 25px;}

 .header-overlay-menu:hover {     background-color: #fff;     border-bottom: none;     -webkit-box-shadow: none;     box-shadow: none;}

 .header-overlay-menu:hover .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {     color: #333;}

 .header-overlay-menu:hover .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {     font-size: 25px;} 

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas {     -ms-flex-preferred-size: 50% !important;     flex-basis: 50% !important;}

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {     color: #ffffff;}

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {     font-size: 25px;}

 .header-overlay-menu .header-bottom .header-bottom-container .header-bottom-navigation {     display: none;}

 .header-overlay-menu .header-bottom .header-bottom-container .header-right-container {     -ms-flex-preferred-size: 50%;     flex-basis: 50%;}

 .overlay-navigation-inactive {     visibility: hidden;     opacity: 0;     -webkit-transform: scale(0);     -ms-transform: scale(0);     transform: scale(0);     -webkit-transition-duration: 0.6s;     -o-transition-duration: 0.6s;     transition-duration: 0.6s;     -webkit-transition-delay: 0.3s;     -o-transition-delay: 0.3s;     transition-delay: 0.3s;}

 .overlay-navigation-inactive .overlay-navigation-menu-container {     visibility: hidden;     opacity: 0;     -webkit-transition-duration: 0.3s;     -o-transition-duration: 0.3s;     transition-duration: 0.3s;}

 .overlay-navigation-inactive .overlay-navigation-menu-container nav ul li {     opacity: 0;     -webkit-transform: translateY(50px);     -ms-transform: translateY(50px);    transform: translateY(50px);     -webkit-transition-delay: 0.5s;     -o-transition-delay: 0.5s;     transition-delay: 0.5s;     -webkit-transition-duration: 0.5s;     -o-transition-duration: 0.5s;     transition-duration: 0.5s;}

 .overlay-navigation-active {    visibility: visible;    opacity: 1;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    -webkit-transition-duration: 0.6s;    -o-transition-duration: 0.6s;    transition-duration: 0.6s;}

 .overlay-navigation-active .overlay-navigation-menu-container nav ul li {    opacity: 1;    -webkit-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);    -webkit-transition-delay: 0.5s;    -o-transition-delay: 0.5s;    transition-delay: 0.5s;    -webkit-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    transition-duration: 0.5s;}

/*---------- header overlay menu ----------*/

 .header-overlay-menu {    position: absolute;    top: 0;    left: 0;    width: 100%;   z-index: 99;}

 .header-overlay-menu:before {    position: absolute;    top: -3px;    left: 0;    width: 100%;    height: 3px;    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);    content: "";}

 .header-overlay-menu.is-sticky:before {    display: none;}

 .header-overlay-menu.is-sticky .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {    color: #333;}

 .header-overlay-menu.is-sticky .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {    font-size: 25px;}

 .header-overlay-menu:hover {    background-color: #fff;    border-bottom: none;    -webkit-box-shadow: none;    box-shadow: none;}

 .header-overlay-menu:hover .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {    color: #333;}

 .header-overlay-menu:hover .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {    font-size: 25px;}

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas {    -ms-flex-preferred-size: 50% !important;    flex-basis: 50% !important;}

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {    color: #ffffff;}

 .header-overlay-menu .header-bottom .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {    font-size: 25px;}

 .header-overlay-menu .header-bottom .header-bottom-container .header-bottom-navigation {     display: none;}

 .header-overlay-menu .header-bottom .header-bottom-container .header-right-container {     -ms-flex-preferred-size: 50%;     flex-basis: 50%;}

 .overlay-navigation-inactive {     visibility: hidden;     opacity: 0;     -webkit-transform: scale(0);     -ms-transform: scale(0);     transform: scale(0);     -webkit-transition-duration: 0.6s;     -o-transition-duration: 0.6s;     transition-duration: 0.6s;     -webkit-transition-delay: 0.3s;     -o-transition-delay: 0.3s;     transition-delay: 0.3s;}

 .overlay-navigation-inactive .overlay-navigation-menu-container {     visibility: hidden;     opacity: 0;     -webkit-transition-duration: 0.3s;     -o-transition-duration: 0.3s;     transition-duration: 0.3s;}

 .overlay-navigation-inactive .overlay-navigation-menu-container nav ul li {     opacity: 0;     -webkit-transform: translateY(50px);     -ms-transform: translateY(50px);     transform: translateY(50px);     -webkit-transition-delay: 0.5s;     -o-transition-delay: 0.5s;     transition-delay: 0.5s;     -webkit-transition-duration: 0.5s;     -o-transition-duration: 0.5s;     transition-duration: 0.5s;}

 .overlay-navigation-active {     visibility: visible;     opacity: 1;     -webkit-transform: scale(1);     -ms-transform: scale(1);     transform: scale(1);     -webkit-transition-duration: 0.6s;     -o-transition-duration: 0.6s;     transition-duration: 0.6s;}

 .overlay-navigation-active .overlay-navigation-menu-container nav ul li {     opacity: 1;     -webkit-transform: translateY(0);     -ms-transform: translateY(0);     transform: translateY(0);     -webkit-transition-delay: 0.5s;     -o-transition-delay: 0.5s;     transition-delay: 0.5s;     -webkit-transition-duration: 0.5s;     -o-transition-duration: 0.5s;     transition-duration: 0.5s;}

/*---------- non transparent overlay menu ----------*/

 .header-nontransparent-overlay-menu {     position: absolute;     top: 0;     left: 0;     width: 100%;     z-index: 99;     -webkit-transition: 0.6s;     -o-transition: 0.6s;     transition: 0.6s;}

 .header-nontransparent-overlay-menu.static-header {     position: static;}

 .header-nontransparent-overlay-menu.static-header.is-sticky {     position: fixed;}

 .header-nontransparent-overlay-menu.static-header.is-sticky:before {     display: none;}

 .header-nontransparent-overlay-menu:before {     position: absolute;     top: -3px;     left: 0;     width: 100%;     height: 3px;     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);     content: "";}

 .header-nontransparent-overlay-menu .header-bottom-container .logo-with-offcanvas {     -ms-flex-preferred-size: 30%;     flex-basis: 30%;}

 .header-nontransparent-overlay-menu .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a {     color: #333333;}

 .header-nontransparent-overlay-menu .header-bottom-container .logo-with-offcanvas .overlay-menu-icon a i {     font-size: 25px;}

 .header-nontransparent-overlay-menu .header-bottom-container .header-bottom-navigation {     display: none;} 

 .header-nontransparent-overlay-menu .header-bottom-container .logo {     -ms-flex-preferred-size: 40%;     flex-basis: 40%;     text-align: center;}

 .header-nontransparent-overlay-menu .header-bottom-container .header-right-container {    -ms-flex-preferred-size: 30%;    flex-basis: 30%;}

 .header-nontransparent-overlay-menu:hover {     background-color: #fff;} 

 .header-vertical {     width: 120px;     background-color: #333333;     height: 100%;     position: fixed;     top: 0;     left: 0;     padding: 30px 15px;     z-index: 99;}

 .vertical-header-container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    height: 100%;}

 .header-bottom-container.vertical-header-bottom .logo-with-offcanvas {    -ms-flex-preferred-size: 40%;    flex-basis: 40%;}

 .header-bottom-container.vertical-header-bottom .header-bottom-navigation {    -ms-flex-preferred-size: 0;    flex-basis: 0;}

 .header-bottom-container.vertical-header-bottom .header-right-container {    -ms-flex-preferred-size: 60%;    flex-basis: 60%;}

 .header-bottom-container .header-right-icons.vertical-dark-menu-bottom {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: center;    ms-flex-align: center;    align-items: center;}

 .header-bottom-container .header-right-icons.vertical-dark-menu-bottom p.copyright-text {    -webkit-transform: rotate(270deg);    -ms-transform: rotate(270deg);    transform: rotate(270deg);    margin-bottom: 40px;   white-space: nowrap;    color: #ababab;    font-size: 15px;}

 .header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon {    margin-top: 40px;    margin-left: 0;}

 .header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon a i {    color: #fff;}

 .header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon a span {    border: 1px solid #ffffff;    width: 20px;    height: 20px;    right: -15px;}

 .menu-icon-container {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}

 .menu-icon-container a {    display: inline-block;}

 .menu-icon-container a.active .menu-icon:nth-child(1) {     -webkit-transform: rotate(50deg) translate(6px, 5px);     -ms-transform: rotate(50deg) translate(6px, 5px);     transform: rotate(50deg) translate(6px, 5px);}

 .menu-icon-container a.active .menu-icon:nth-child(2) {     -webkit-transform: rotate(-50deg) translate(0, 0px);     -ms-transform: rotate(-50deg) translate(0, 0px);     transform: rotate(-50deg) translate(0, 0px);}

 .menu-icon-container a.active .menu-icon:nth-child(3) {     visibility: hidden;     opacity: 0;}

 .menu-icon-container a .menu-icon {    width: 25px;    height: 3px;    background-color: #ffffff;    display: block;    position: relative;}

 .menu-icon-container a .menu-icon:nth-child(1) {    margin-bottom: 5px;}

 .menu-icon-container a .menu-icon:nth-child(2) {    margin-bottom: 5px;}

 .vertical-menu-container-dark {    position: fixed;    top: 0;    width: 320px;    height: 100vh;    background-color: #383838;    -webkit-transform: translateX(-30px);    -ms-transform: translateX(-30px);    transform: translateX(-30px);    visibility: hidden;    opacity: 0;    -webkit-transition: 0.4s;    -o-transition: 0.4s;    transition: 0.4s;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    z-index: 99999;}

 .vertical-menu-container-dark nav > ul > li > a:hover:after {    left: 0;    right: auto;    width: 100%;}

 .vertical-menu-container-dark nav > ul > li > a:after {    position: absolute;    bottom: 0;    right: 0;    left: auto;   width: 0;   height: 1px;    background-color: #ffffff;    content: "";    -webkit-transition: 0.3s;    -o-transition: 0.3s;    transition: 0.3s;}

 .vertical-menu-container-dark nav > ul > li:last-child a {    margin-bottom: 0;}

 .vertical-menu-container-dark nav > ul > li.has-children {    position: relative;}

 .vertical-menu-container-dark nav > ul > li.has-children:hover > ul {    visibility: visible;    opacity: 1;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul {    position: absolute;    top: -100%;    left: 100%;    background-color: #333;    min-width: 300px;    max-width: 400px;    text-align: left;    padding: 30px;    visibility: hidden;    opacity: 0; transition-duration: 0.3s;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;    -o-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-delay: 0.3s;    -o-transition-delay: 0.3s;    transition-delay: 0.3s;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li.has-children {    position: relative;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li.has-children:after {    position: absolute;    right: 0;    content: "\f105";    font-family: fontAwesome;    color: #fff;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li.has-children:hover ul.multilevel-submenu {    visibility: visible;    opacity: 1;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li.has-children ul.multilevel-submenu {    position: absolute;    left: 105%;    top: -50%;    min-width: 300px;    max-width: 400px;    background-color: #333;    padding: 30px;    visibility: hidden;    opacity: 0;    -webkit-transition: 0.3s;    -o-transition: 0.3s;    transition: 0.3s;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li a {    color: #ffffff;    position: relative;    display: inline-block;    margin-bottom: 15px;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li a:hover:after {    visibility: visible;    opacity: 1;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li a:after {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background-color: #4b4b4b;    visibility: hidden;    opacity: 0;    content: "";}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li:last-child a {    margin-bottom: 0;} 

 .vertical-menu-container-dark nav > ul > li.has-children > ul li:last-child ul li a {    margin-bottom: 15px;}

 .vertical-menu-container-dark nav > ul > li.has-children > ul li:last-child ul li:last-child a {    margin-bottom: 0;}

 .vertical-menu-mobile-header {    background-color: #333;}

 .vertical-menu-mobile-header .header-right-icons .single-icon a i {    color: #fff;}

 ul.mega-menu-column-4 {     height: 600px;    
 /*overflow-y: scroll !important;*/
     
 }

 .hot-products {     background: url(../assets/image/img/Frame-179.jpg);     background-attachment: fixed;     background-size: cover;}

 .number-type {     position: relative;     z-index: 99;}

.number-type ul li a {     font-size: 15px;}

.logo-center {     position: relative;     z-index: 99;}

.searchin-put{    position: relative;     z-index: 99;}

.searchin-put input:focus{    outline: none;}

.searchin-put input {     color: #fff;     border-bottom: 1px solid #565656 !important;     height: 40px;}

 .searchin-put input::placeholder{    color: #7c7c7c;}

 .searchin-put form button {     right: 12px;     position: absolute;     background: transparent;   color: #7c7c7c;}

 .footer-location span{     font-family: "Playfair Display", serif;     color: #1675ba;     display: block;     margin-bottom: 12px;}

 .footer-location ul li a{     color: #616161;}

 .faqs_img {     margin-top: 90px;} 

 .logo-center {     padding: 10px;}

.breadcumb {    margin-top: -185px;    padding-top: 250px; padding-bottom: 100px;}

.contact-content {    margin-bottom: 50px;}

.contact-info {    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    gap: 15px;    padding: 25px 20px;    position: relative;    min-height: 225px;    margin-bottom: 25px;    border-radius: 30px;    background: #fff;    border: 2px solid #1675ba;    transition: 0.5s;}

.contact-info:hover {   transform: translateY(-8px);}

.contact-info .icon {    font-size: 35px;    color: #fff;    width: 70px;    height: 70px;   line-height: 70px;    text-align: center;    border-radius: 50px;    background: var(--theme-gradient);}

.contact-info .content h5 {    font-size: 20px;    margin-bottom: 8px;   color: #333;}

.contact-info .content p {    color: #333;    font-weight: 500;    font-size: 16px;}

.contact-img img {    width: 100%;    border-radius: 40px;}

.contact-form {    background: #f1f1f1;    padding: 30px;    border-radius: 40px;}

.contact-form-header {    margin-bottom: 30px;}

.contact-form-header h2 {    font-size: 30px;    margin-bottom: 10px;    color: #333;}

.contact-form-header p {    color: #555;}

.contact-form .form-message.success, .contact-form .form-message.error {    margin-bottom: 20px;    border-radius: 10px;    padding: 10px 18px;}

.contact-form .form-message.success {    color: #41BE7D;    background: rgba(65, 190, 125, .1);}

.contact-form .form-message.error {    color: #FF7F7F;    background: rgba(255, 127, 127, .1);}

.contact-form .form-message.error {    color: var(--color-red);}

.contact-map {    margin-bottom: -9px;}

.contact-map iframe {    width: 100%;    height: 450px;}

/* custom form */

.form-group {    margin-bottom: 20px;}



.form-group .form-label {    color: var(--color-dark);}

.form-group .form-control,.form-group .form-select {    padding: 14px 20px 14px 20px;    border-radius: 7px;    background-color: var(--color-white);    color: var(--color-dark);    border-color: var(--border-info-color);}

.form-group .form-control::placeholder {    color: var(--body-text-color);}

.form-group .form-control:focus, .form-group .form-select:focus {    border-color: #08a99b;    box-shadow: 0 0 0 .25rem #08a99b;}

.form-group .form-icon {    position: relative;}

.form-group .form-icon i {    position: absolute;    top: 12px;    left: 20px;   color: #1675ba;    z-index: 1;}

.form-group .form-icon .form-control,.form-group .form-icon .form-select {    padding-left: 42px;}

.form-check {    margin-bottom: 20px;}

.form-check .form-check-input {    border-radius: 6px;    margin-top: 6.5px;   border-color: var(--border-info-color);}

.form-check .form-check-label {    color: var(--color-dark);}

.form-check .form-check-input:checked {    background-color: var(--theme-color);    border-color: var(--theme-color);}

.form-check .form-check-input:focus {    border-color: var(--theme-color);    box-shadow: 0 0 0 .25rem var(--theme-color-light);}

button.theme-btn {    border: none;    padding: 10px 30px;	background: var(--theme-gradient);    border-radius: 7px;    color: #fff;    transition: 0.5s;}

button.theme-btn:hover {    background: #000;}

ul.coloring li a {    background: #08a99b;    padding: 15px;   color: #000;    font-size: 18px;}

.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

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

.inner-states a {    background: var(--theme-gradient);    display: block;    margin-bottom: 15px;}

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

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

.inputBox button {    color: #fff;    padding: 10px 0px;    background: #000;}

.inputBox input {    height: 35px;}

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

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

.form h2 {    font-size: 22px;}



ul.two-btn-design li:first-child a {    background: #004487;}

ul.two-btn-design li:last-child a {    background: var(--theme-gradient);    color: #000;}

ul.two-btn-design li a {    background: red;    padding: 10px 30px;    border-radius: 10px;}

.strip-design {    background: var(--theme-gradient);}

.strip-design_inner ul li:first-child a {   background: #000;    padding: 15px 15px;    color: #fff;    display: block;}

.full-width-content_products h2 {    font-size: 20px;    margin-bottom: 12px;    margin-top: 12px;}

.full-width-content_products h3 {    font-size: 20px;    margin-bottom: 12px;    margin-top: 12px;}

.full-width-content_products h4 {    font-size: 20px;    margin-bottom: 12px;    margin-top: 12px;}

.full-width-content_products h5 {    font-size: 20px;    margin-bottom: 12px;    margin-top: 12px;}

.full-width-content_products h6 {    font-size: 20px;    margin-bottom: 12px;    margin-top: 12px;}

.full-width-content_products ul {    padding-left: 15px;}

.full-width-content_products ul li {    margin-bottom: 15px;    text-align: justify;    list-style-type: disc;}

.full-width-content {    margin: 0px auto;}

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

.read-btn a {    background: #000;    padding: 7px 15px;}

/*.slider  .slick-dots li.slick-active button {    height: 26px;    border-radius: 10px;    background-color: white;    margin-bottom: 8px;}*/

.slider .slick-dots li.slick-active button {    height: 20px;    border-radius: 10px;    background-color: white;}

.slider .slick-dots li button {    width: 12px;    height: 12px;    background-color: rgba(255, 255, 255, 0.4);    border-radius: 100%;}

.slider  .slick-dots li button:before{	content: '';}

.slider ul.slick-dots {    display: flex;    flex-direction: column;    right: 15px;  align-items: end;    top: 50%;}

.slick-dots li{margin: 5px 5px;}

/*business-award*/

.business-award {    grid-column-gap: 16px;    width: 100%;    height: 600px;    display: flex;    position: relative;    overflow: hidden;}

.business-award.verti {    flex-direction: column;}

.business-col-1 {    flex-direction: column;    justify-content: flex-start;    display: flex;}

.business-col-1.hori {    flex-direction: row;}

.award-image {    margin-bottom: 16px;}

.business-col-2 {    flex-direction: column;    justify-content: flex-start;    display: flex;}

.business-col-2.hori {    flex-direction: row;}

.business-shadow {    background-image: linear-gradient(#fff, #0000);    height: 100px;   position: absolute;    inset: -1% 0% auto;}

.business-shadow.btm-shadow {    background-image: linear-gradient(#0000, #fff);    inset: auto 0% -1%;}

.business-col {    flex-direction: column;    display: flex;}

.business-col.hori {    flex-direction: row;}

.line-inner {  animation: waveline 20s linear infinite;}

@keyframes waveline {

0% {-webkit-transform: translateX(0%); }

99.99% {   -webkit-transform: translateX(-100%);}

}

.business-col-1 .business-col {  animation: myfirst 40s linear infinite;}

.business-col-2 .business-col {  animation: myfirst 40s linear infinite;  animation-direction: reverse;}

.top-bar { background-color: transparent; position: absolute; right: 0; top: 0; padding: 8px; margin-top:0; } 

@keyframes myfirst {

0% {-webkit-transform: translateY(0%);}

99.99% {-webkit-transform: translateY(-100%);}

}

.line-inner, .business-logo-row {  animation: waveline 40s linear infinite;}

@keyframes waveline {

0% {-webkit-transform: translateX(0%);   }

99.99% {-webkit-transform: translateX(-100%);}

}

.business-logo-line.rev .business-logo-row {  animation: logoline 40s linear infinite;}



@keyframes logoline {

0% {-webkit-transform: translateX(-100%); }

99.99% {   -webkit-transform: translateX(0%);}

}

.rich-content ul,.rich-content figure { max-width: 1070px !important; margin: 20px auto; min-width: 1070px !important; padding: 0px 15px; }

.rich-content iframe {  margin: 20px auto; padding: 0px 15px; display: block; }

.rich-content p, .rich-content h1, .rich-content h2, .rich-content h3, .rich-content h4, .rich-content h5, .rich-content h6 {

  margin-left: auto; margin-right: auto;

}

.rich-content ul li { margin-left: 20px; }

.d-none { display:none; }

.rich-content table {    width: 100%;    border-collapse: collapse;    border: 1px solid #ccc;    margin-bottom: 1.5rem;}

.rich-content table td, .rich-content table th {    padding: 10px;    vertical-align: top;    border: 1px solid #990f02;}

.rich-content table th {    background-color: #990f02;    color: #fff;    font-weight: 700;}

.rich-content table th, .rich-content table td {    border: 1px solid #ccc;    padding: 12px;    text-align: left;}

.rich-content table tr:nth-child(even) td {    background-color: #f9f9f9;}

.business-left img {    width: 100%;}





.counters-container {    display: flex;    gap: 40px;}

.counter-box {    background: white;    padding: 30px 40px;    border-radius: 12px;    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);    text-align: center;    width: 180px;}

.counter-box h2 {    margin-bottom: 15px;    color: #333;}

.counter {    font-size: 60px;    color: #007acc;    font-weight: 700;}

.block-wrapper{ margin-right: auto; margin-left: auto; width:100% }

.block-1{ float: left; width: 20%; text-align: center;}

.block-1 p { margin: 0; color: #677788;}

.block-1 p i{ font-size: 40px; color: #019F9A; }

.counter-wrapper{ font-weight:700; margin:5px 0px 5px 0px; font-size: 2rem;}

.text-block{ font-size: 17px; }

/* icon */

.lnr-wrapper{ margin-top: 20px }

.lnr-heart, .lnr-code, .lnr-bicycle, .lnr-history { color: #019F9A; font-size: 45px; }

p.text-block {  font-size: 1rem;}



.trophy-today {  background-color: #f1f1f1; border-radius: 50px;}

.trophy-today ul {  display: flex;  justify-content: space-between; padding: 30px;}

.trophy-today span {  font-size: 20px;  font-weight: 600;}

/* .row-grid{  display: flex;} */

.trophy-today ul li .media p{font-size: 30px; font-weight: 700; margin-right: 10px;}

.content-customize h2 {  font-size: 38px;  margin-bottom: 10px;}

.collab-this {  min-height: 218px;}





.background-hover-image {    position: fixed;    top: 0;    left: 0;    width: 100vw;    height: 70vh;    background-position: center;    background-size: cover;    background-repeat: no-repeat;    z-index: 999;    opacity: 0;    pointer-events: none;    transition: opacity 0.4s ease;}

.background-hover-image.active {    opacity: 1;}

.related_content p {    text-align: justify;}

.related_img img {    height: 160px;    margin: 10px 0px;}

.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}

.tagline-type{background: var(--theme-gradient), url(../assets/image/img/logo-icon.png); }

.tagline-type:after{    position: absolute;    width: 100%;    height: 300px;    content: '';  top: -95px;    z-index: 1;   opacity: 0.1;}

.tagline-type p{font-size: 30px; text-align: center;}



.bg-shadow{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.form-content ul li {    line-height: 37px;}



.form-img{background: url(../assets/image/img/workersbg.jpg);}

.form-img h3 {    color: #fff;    line-height: 98px;    font-size: 70px;    text-align: center;     font-weight: normal;     margin-top: 20px;}

.form-content {    padding-left: 35px;}

.form-content {    padding-top: 8px;}

.our-value ul {    display: flex;    justify-content: space-between; width: 100%;}

.our-value img {    width: 70px;    text-align: center;}

.our-value span {    display: block;   font-size: 18px; text-align: center;}

.our-value ul li {    text-align: center;}

.about_us-content h2 {    margin-bottom: 25px;    font-size: 20px;    line-height: 27px;    text-align: justify;}

.about_us-content p {    text-align: justify;    margin-bottom: 18px;}

.about_us-img img {    filter: grayscale(1); transition: 0.5s;}

.about_us-img img:hover {    filter: grayscale(0);}





.block--project {  display: block;  border-right: 1px solid #838383;  position: relative;  overflow: hidden;  width: 100vw;  height:100vh;  padding: 0 2rem;  font-size: 1.2rem;  color: #EFEFEF;  border-bottom: 1px solid rgba(239, 239, 239, 0.25);  transition: 0.3s ease-in-out;}

@media (min-width: 500px) {

 .block--project {    font-size: 2rem;    font-size: 6vw;}

}

.block--project:hover {  color: #5AA8B3;}

.block--project:last-of-type {  border-bottom: none;}

.block--project .block__title {  position: relative;  top: 50%;  text-transform: uppercase;  transform: translateY(-50%);}

.section--project-bg {  overflow: hidden;  z-index: -2;}

/*.section--project-bg:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(34, 34, 34, 0.5);

}*/

.section--project-bg,

.section--project-bg .image {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;}

.section--project-bg .image {  background-size: cover;  background-position: center center;  background-repeat: no-repeat;  opacity: 0;  transform: scale(1.05);  transition: 0.5s ease-in-out;}

.section--project-bg .image.active {  opacity: 1;  transform: scale(1);}

.section.section--projects {    display: flex;    height: 69vh;}
.section.section--projects {    text-align: center;}

.section--slider {  position: relative;  z-index: 1;  padding: 40px;  background: #1f1f2f;}

/*.slick-slider img {

  width: 100%;

  height: auto;

  border-radius: 10px;

}

*/

.image {  padding: 40px;  background: rgba(0,0,0,0.7); /* Optional background */}

.section--project-bg {  /*position: fixed; */ top: 0; left: 0;  width: 100vw; /* height: 59vh;*/  z-index: -1;  overflow: hidden;}

.bg-image {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  transition: background-image 0.3s ease-in-out;/*  filter: brightness(0.7);*/}

.project-slider {  width: 100%;/*  margin: auto;*/overflow: hidden;}

.section--projects .block { border-right: 1px solid #0c536a;  height: 73vh;  align-items: end;  display: flex;  justify-content: center;  color: #fff;  padding-bottom: 0;  margin-top: 10px;}

.section--projects .slick-prev {    position: relative;}



.slider {    background: #fff;}

.testimonial {    background: #fff;}

footer {    background: #fff;}

.slick-vertical .slick-slide{border: none !important;}

.main {    height: 76vh;     position: relative; overflow: hidden;}

div#bg-image {    background-size: contain; background-repeat: no-repeat;   background-attachment: local;    background-position: 40% 15% !important;}

.block a{font-size: 25px; position: relative; top: -65px;    font-family: "Playfair Display", serif;}

/*.project-slider .slick-prev:before {    content: none !important;}

.project-slider .slick-next:before {    content: none !important;}*/

.project-slider .slick-prev i, .slick-next i {   font-size: 20px;}

.project-slider button.slick-prev.slick-arrow i {color: #fff;}

.project-slider button.slick-next.slick-arrow i {color: #fff;}

.project-slider .slick-prev {left: 15px; z-index: 99; top: 42%;}

.project-slider .slick-next {right: 15px; z-index: 999; top: 42%;}

.project-slider .slick-prev:before {    content: none !important;}

.project-slider .slick-next:before {    content: none !important;}

.our-products {    margin-top: -50px;}

/*.block.active {

  color: red;

}*/



.block:not(.active) a {  opacity: 0.5;}

.block a {  transition: opacity 0.3s ease;  color: red;}

.block a{ transition: transform 0.3s ease; display: block; /*transform: translate(0px, 30px);*/ font-size: 23px !important;}

.block:hover a {transform: translateY(-10px); /* Slide 10px up */}



nav.mobile-menu{display: none;}

.mobile-item a {       background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);    display: block;    text-align: center;    padding: 10px 0;}

.about-right h3 {    font-size: 24px;}

.about-right h2 {  font-size: 22px;  margin-bottom: 14px;}

.about-right p {  text-align: justify;}

.image-concept img {  width: 30%;  float: left;}

.content-customize {  position: relative;  top: 90px;}

.content-customize p {  padding-right: 50px;  text-align: justify;}

.two-design-devide .title {  text-align: center;  margin-bottom: 30px;}

.form-content .row {  margin-bottom: 20px;}

.form-content span {    font-weight: 600;  width: 100%;  display: block;}

.form-content .row p {  padding-left: 20px;}

.two-design-devide_inner {  background: var(--theme-gradient);}

.about_us-img {  float: left;  width: 40%;  margin-right: 25px;}

.products_content p {  text-align: justify;  margin-bottom: 15px;}

.related_content p {  margin-bottom: 25px;}

.full-width-content .row {  margin-bottom: 20px;  padding-bottom: 20px !important;}



.about-us-home-content h2 {  font-size: 20px;  margin-top: 15px;  margin-bottom: 15px;}

.about-us-home-content h3 {  font-size: 20px;  margin-top: 15px;  margin-bottom: 15px;}

.about-us-home-content h4 {  font-size: 20px;  margin-top: 15px;  margin-bottom: 15px;}

.about-us-home-content h5 {  font-size: 20px;  margin-top: 15px;  margin-bottom: 15px;}

.about-us-home-content h6 {  font-size: 20px;  margin-top: 15px;  margin-bottom: 15px;}

.about-us-home-content p {  margin-bottom: 15px;}

.about-right ul li {  list-style-type: disc;     line-height: 28px;}

.about-right ul{padding-left: 15px;}



.about-right {  height: 500px;  overflow-y: scroll;}



.about-right::-webkit-scrollbar {  width: 5px;}

.about-right::-webkit-scrollbar-track {  background: #f1f1f1;}

.about-right::-webkit-scrollbar-thumb {  background: #888;}

.about-right::-webkit-scrollbar-thumb:hover {  background: #555;}

.main-hot-products .hot-item img {  height: 250px;  object-fit: cover;}

.full-width-content_products p {  margin-bottom: 15px;}



.privacy-policy_inner span strong {    font-size: 20px;    margin-bottom: 10px;    display: block;    margin-top: 11px;}

.privacy-policy_inner ul{padding-left: 15px;}

.privacy-policy_inner ul li {  line-height: 32px;  list-style-type: disc;  text-align: justify;}

.privacy-policy_inner ul {  padding-left: 15px; padding-bottom: 10px;}

.privacy-policy_inner p { margin-bottom: 12px; text-align: justify;}

i.set-center {  position: relative;  right: 5px;  top: -7px;}

.products_content h2 {  font-size: 20px;  margin-bottom: 15px;}

.products_content h3 {  font-size: 20px;  margin-bottom: 15px;}

.products_content h4 {  font-size: 20px;  margin-bottom: 15px;}

.products_content h5 {  font-size: 20px;  margin-bottom: 15px;}

.products_content h6 {  font-size: 20px;  margin-bottom: 15px;}

img.mobile-logo {  display: none;}

.mobile-three-item li a:hover {  color: #fff !important;}

.larget-widget img {    background: #000;    padding: 10px; /* width: 265px; */ border-radius: 8px;}
.download-btn{position: relative; z-index: 99;}
.pdf-btn{ background: linear-gradient(45deg, #44a9d3, #396fc1, #08a99b); padding: 10px 15px; color: #fff; border-radius: 5px; font-size: 16px; transition: .5s;}
.pdf-btn:hover{ background-color: #000; color: #fff;}
.pdf-btn i{ padding-left: 5px;}

a.d-btn {    display: none;}
article.ttm-blog-classic .ttm-post-featured-wrapper, article.ttm-blog-single .ttm-post-featured-wrapper {
    position: relative;
    overflow: hidden;
}
article.ttm-blog-classic .ttm-blog-classic-content {
    padding: 30px;
    display: block;
    position: relative;
    -webkit-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
    box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08);
}
/* ::selection {
    background: #8cbc43;
    color: #fff;
    text-shadow: none;
} */
article.ttm-blog-classic .ttm-post-featured-wrapper img {   
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
  }
article.ttm-blog-classic:hover .ttm-post-featured-wrapper img {
    transform: scale(1.03) rotate(0.50deg);
}
article.ttm-blog-classic {
    margin-bottom: 40px;
    padding-bottom: 0;
}
.blog-img{
      height: 500px;
    width: 100%;
    object-fit: contain;
    border: 1px solid rgb(124, 124, 124);
}
.blog-section .row{ padding-top: 50px;}
.ttm-blog-classic .ttm-box-post-date, .ttm-blog-single .ttm-box-post-date {
    position: absolute;
    right: 30px;
    left: auto;
    top: 30px;
    height: 62px;
    width: 62px;
    font-size: 28px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding-top: 11px;
    z-index: 2;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);
}
time.entry-date {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 21px;
}

.sidebar .widget-area .widget {
    position: relative;
    margin-bottom: 40px;
}
.widget-recent-post .widget-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
    position: relative;
    font-weight: 700;
}
 .widget-recent-post .widget-title:after {
    display: block;
    height: 3px;
    content: '';
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    bottom: -10px;
    background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);
  }
  .widget-recent-post ul.ttm-recent-post-list>li {
    padding: 16px 0px 16px 10px;
    display: flex;
    border-bottom: 1px solid #7e7e7e;
}

aside.widget.widget-recent-post.with-title{
      padding: 26px 30px 15px 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
    box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);
    height: 40%;
    width: 100%;
}
 .widget-recent-post ul.ttm-recent-post-list>li a{
  color: black;
  font-size: 15px;
 }
 .ttm-blog-classic-content h2 a {
    color: #1675ba;
}
.blog-outer-section img{
  height: 200px;
  width: 300px;
  object-fit: cover;
}

.blog-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-content p{
  font-size: 17px;
  text-align: justify;
}
.blogs-outer{
  display: flex;
  gap: 30px;
  justify-content: center;
}
a.read-more-btn {
    display: block;
    color: #fff;
    margin-top: 15px;
    font-size: 18px;
    background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b);;
    width: 25%;
    padding: 10px;
    text-align: center;
    border-radius: 15px;
    font-weight: bold;
}
.blog-outer-section{
  margin-top: 50px;
}


/* Blog Single Post */

.blog-single-post {
    position: relative;
}

.blog-single-post .top-content {
    position: relative;
}

.blog-single-post .lower-content {
    position: relative;
    margin: 0 100px;
    padding: 0 100px;
    border-radius: 6px;
    margin-top: -100px;
    background-color: #fff;
}

.blog-single-post .title h1 {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 65px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.blog-single-post .category {
    position: relative;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 12px;
    padding: 3px 21px;
    -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
            transform: translateY(-12px);
    margin-bottom: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #201630;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    line-height: 18px;
    margin: 0 auto 10px;
}

.blog-single-post .post-meta {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.blog-single-post .post-meta li {
    font-size: 15px;
    font-weight: 500;
    color: #838d9e;
    margin-right: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.blog-single-post .post-meta li i {
    margin-right: 5px;
}

.blog-single-post h3 {    font-size: 22px;    font-weight: 400;  margin-top: 20px;  margin-bottom: 20px;}
.blog-single-post h4 {    font-size: 22px;    font-weight: 400;  margin-top: 20px;  margin-bottom: 20px;}
.blog-single-post h5 {    font-size: 22px;    font-weight: 400;  margin-top: 20px;  margin-bottom: 20px;}
.blog-single-post h6 {    font-size: 22px;    font-weight: 400;  margin-top: 20px;   margin-bottom: 20px;}


.blog-single-post .text {
    margin-bottom: 30px;
}

.blog-single-post .text,
.blog-single-post .text p {
    font-size: 16px;
 }

.blog-single-post .text p a {
    color: #1675ba;
    text-decoration: underline;
}

.blog-single-post blockquote {
    padding: 50px 0;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: #0c2957;
    font-family: var(--fira-sans);
    font-style: italic;
    text-align: center;
    margin: 0;
    background-color: transparent;
}

.blog-single-post ul.tag {
    margin: 0 -5px;
    margin-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e5e9;
    text-align: center;
}

.blog-single-post ul.tag li {
    margin: 0 5px 10px;
    display: inline-block;
}

.blog-single-post ul.tag li a {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border-radius: 20px;
    color: #838d9e;
    padding: 3.5px 17px 7px;
    display: inline-block;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
}

.blog-single-post ul.tag li a:hover {
    color: #fff;
}

.blog-single-post .share-icon {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.blog-single-post .share-icon h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.blog-single-post .share-icon .social-links {
    position: relative;
    text-align: center;
}

.blog-single-post .share-icon .social-links li {
    display: inline-block;
    margin: 0 5px;
}

.blog-single-post .share-icon .social-links a {
    font-size: 14px;
    color: #fff;
    font-family: var(--fira-sans);
    display: inline-block;
    padding: 11.5px 35px;
    border-radius: 25px;
}

.blog-single-post .share-icon .social-links a i {
    margin-right: 10px;
}

.blog-single-post .share-icon .social-links a.facebook {
    background-color: #3b5998;
}

.blog-single-post .share-icon .social-links a.twitter {
    background-color: #55acee;
}

.blog-single-post .share-icon .social-links a.linkedin {
    background-color: #dc4e41;
}

.blog-single-post .share-icon .social-links a.pinterest {
    background-color: #bd081c;
}

.blog-single-post .author-box {
    position: relative;
    padding: 40px 40px 30px;
    padding-left: 170px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    border-radius: 6px;
}

.blog-single-post .author-box .image {
    position: absolute;
    left: 40px;
    top: 40px;
}

.blog-single-post .author-box .image img {
    border-radius: 50%;
}

.blog-single-post .author-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.blog-single-post .author-box h5 {
    font-family: inherit;
    margin-bottom: 10px;
}

.blog-single-post .author-box h5 a {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #838d9e;
}

.blog-single-post .author-box .text {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.blog-single-post .author-box .social-links {
    position: relative;
    margin-bottom: 10px;
}

.blog-single-post .author-box .social-links li {
    position: relative;
    margin-right: 8px;
    margin-bottom: 10px;
    display: inline-block;
}

.blog-single-post .author-box .social-links li a {
    position: relative;
    display: block;
    color: #838d9e;
    font-size: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e2e6ea;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-single-post .author-box .social-links li a:hover {
    color: #ffffff;
    border-color: transparent;
}

.blog-single-post .author-box .social-links li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.blog-single-post .author-box .social-links li a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-single-post .author-box .social-links li a span {
    position: relative;
}


/* Blog Sidebar */

.blog-sidebar {
    position: relative;
    height: auto;
    position: sticky;
    top: 0px;
    border: 1px solid #e1e5e9;
    background-color: #f1edff;
    padding: 20px 20px;
    border-radius: 6px;
}

.blog-sidebar .widget_search {
    margin-top: -40px;
    margin-left: -30px;
    margin-right: -30px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}

.widget_popular_post {
    position: relative;
}

.widget_popular_post .post {
    position: relative;
    padding-left: 90px;
    padding-bottom: 50px;
    overflow: hidden;
    /* margin-bottom: 30px; */
}

.widget_popular_post .post:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    height: 7px;
    width: 100%;
    background-image: url(../index.html);
}


.widget_popular_post .post .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.widget_popular_post .post .post-thumb img {
    border-radius: 50%;
}

.widget_popular_post .post h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}

.widget_popular_post .post h5 a {
    color: #0c2957;
    font-size: 15px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}

.widget_popular_post .post .post-info {
    font-size: 15px;
    font-weight: 500;
}
.widget_search .form-group input[type='search'] {
    position: relative;
    width: 100%;
    height: 57px;
    border: 1px solid #eee;
    font-size: 17px;
    font-weight: 500;
    color: #5a5a68;
    padding: 10px 80px 10px 20px;
    border-radius: 5px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.widget_search button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    width: 50px;
    height: 57px;
}
.widget_search button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    width: 50px;
    height: 57px;
}
.widget_categories .categories-list li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 35px;
    font-weight: 600;
    color: #1e1e2a;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.widget .widget-title {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 600;
}

.widget_popular_post .post .post-info{
color: #c40e2c;
}
.blog-single-post img {
    width: 40%;
    float: left;
    margin-right: 15px;
}
.blog-single-post p {
    text-align: justify;
    line-height: 28px;
       margin-bottom: 15px;
}
.blog-single-post ul li {
    margin-bottom: 15px;
    list-style-type: disc;
}

.blog-single-post ul{
padding-left: 15px;
}

.map iframe{
    width: 100%;
    height: 250px;
}
div#blogs-result {
    padding-top: 50px;
}
.blog-item{ align-items: center !important;}
.blog-content h2:hover{ color: #000; text-decoration: none !important;}
.blog-item img{ object-fit: contain !important; border: 1px solid #eee; width: 250px !important;
    height: 250px !important;}
.blog_cat ul li a:hover{ background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b) !important ;}
.blogs-outer{ margin-top: 50px;}
.blog_left h2{ text-align: center; font-size: 30px !important;}
.blogs-outer{ position: sticky; top: 20px;}
a.blog-detals{ background: linear-gradient(45deg, #7242bc, #396fc1, #08a99b) !important;}
.card img{ object-fit: contain !important;}

.navigation {    position: relative;    z-index: 999;}

.modal-backdrop {
position: unset;
top: unset;
left: unset;
z-index: unset;
width:unset;
height:unset;
background-color: unset;
}
.modal {
    background: #000000a3 !important;
}
.blog-single-post h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}