@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

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: 16px; font-family: "Roboto", sans-serif; color: #000;}
a{font-size: 16px;  font-family: "Roboto", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px;  font-family: "Roboto", sans-serif; color: #000;}
body{padding: 0px; margin: 0px; box-sizing: content-box; background-color: #fff;}
span{padding: 0px; margin: 0px;  font-family: "Roboto", sans-serif;}
input{ font-family: "Roboto", sans-serif;}
textarea{ font-family: "Roboto", sans-serif;}

:root {    --brown: #522120;    --darkbrown: #331312;    --orange: #f58634;}
.about-section-two .link-btn a {    margin-right: 10px;}
.theme-btn.style-seven {    background: #fff;    padding-left: 80px;}
.sec-title.mb-30 ul li {    list-style: disc;    line-height: 27px;}
.sec-title.mb-30 ul {    padding-left: 30px;}

.container{width: 1320px; max-width: 1320px;}
.certification_box img {    cursor: pointer;}
/*Css*/
.search_bar input { width: 100%; padding: 0.375rem 1.75rem;  font-size: 1.2rem;    font-weight: 400;    line-height: 1.5;    color: #000;    background-color: #fff;    background-clip: padding-box;    border: 1px solid transparent;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0.25rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-left: 10%; font-family: "Roboto", sans-serif;}
.search_bar input::placeholder{color: #1d2e62;}
.search_bar button{  position: absolute;    top: 0;    left: 0px;    height: 100%;    padding: 0 15px;    line-height: 0;    background-color: transparent;    color: #fff;    border: 0;   height: 39px;    display: flex;    align-items: center;    justify-content: center;}
.search_bar input:focus{    outline: none;}
.search_bar button:focus{   outline: none;}
.search_bar .icon {color: #1d2e62;}
.search_bar button svg path{color: #1d2e62;}
.navigation_links a{    padding: 0 3px;    font-size: 13px;    text-transform: uppercase;}
.client-information a{color: #000;    text-decoration: none;    font-size: 15px;    font-weight: 600;}
.client-information path {   color: #191e6d;}
.navigation_links ul li{color: #d4b467;}
.navigation_links ul li a{color: #d4b467;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0 1.0rem;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #fff;  text-transform: capitalize;  padding: 12px 0px; position: relative;  z-index: 1;  margin: 0;     font-size: 17px;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background-color: #241e20; position: absolute;    border: none;    top: 80px;    left: 0px;    width: 350px;    z-index: 99;    display: block;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.dropdown-menu{padding: 0px !important;}
/*ul.dropdown-menu {    column-count: 3;}*/
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 0px;  display: block;  color: #fff; font-weight: 600;     font-size: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{padding: 0px;}
.hero_content {    margin: 0px auto;}
.hero-button a {  position: relative;    padding: 13px 25px 0 25px;    z-index: 1;    overflow: hidden;    display: inline-block;    font-weight: 700;    text-transform: uppercase;    line-height: 21px;    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);    transition: all .3s;   margin-top: 20px;    height: 44px;    margin-top: 0;    background: #fff;    color: #000;    font-size: 15px;    border-radius: 50px;}
.hero_content p{    font-size: 16px;    display: block;    width: 90%;    margin: 20px auto 0px;    text-transform: capitalize;    line-height: 25px;    animation-name: moveInleft;    animation-duration: 6s; color: #fff;}
.hero-button a{ color: #000;}
/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {    border: none;    outline: none;}
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0,0,0,0.15);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 130px;    left: 20px;    border: 0;    z-index: 99;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

.enquiry {    position: fixed;    z-index: 1000;    bottom: 115px;    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-image: linear-gradient(to right, #006C6D, #006C6D); transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background: #d8b075;    line-height: 28px;    color: #fff;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover {    color: #fff;}
.enquiry strong:hover {    color: #000;    background: #eee;}
.modal-header {    padding: 0 15px;    color: #fff;            background-image: linear-gradient(to right, #006C6D, #006C6D);height: 46px;}
.send_p { line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body form input {    border: 1px solid #ccc;    border-radius: 0px !important;    height: 35px;}
.modal-body form input:focus {    outline: none;}
.modal-body form textarea:focus {    outline: none;}
.modal-body form textarea {   border: 1px solid #ccc;    border-radius: 0px !important;    resize: none;}
.modal-header button span {       font-size: 27px;
    position: relative;
    bottom: -3px;}
#homepopupenquiry-form button[type=submit] { line-height: 0px;    background: #006C6D;    outline: none;    color: #fff;    font-weight: 600;    border: none;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    width: 35%;    border-radius: 10px;    transition: 0.5s all;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;   padding: 20px;}
.modal-header > p {      font-family: "Playfair Display", serif;  font-size: 18px;    margin-top: 8px;}

.reason-choose .title h2{padding: 0 0 0;font-size: 28px;margin: 0;text-align: center;text-transform: initial;color: #000;margin-bottom: 25px;position: relative;overflow: visible;}
.reason-choose .title:after {    background: #fff;    bottom: -55px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}


.reason-choose .whychoosewrap {    display: flex;    transition: all .3s linear;    padding: 30px 0px 20px;    border-radius: 35px 0px 35px 0px;    position: relative;    overflow: hidden;}
.reason-choose .whychoosecont {    margin-top: 30px;}
.reason-choose .whychoosewrap .whychooseiconBox {    width: 30%;    text-align: center;}
.reason-choose .whychoosewrap .whychoosecontent {    width: 70%;}
.reason-choose .whychoosewrap .whychoosecontent span {    color: #000;    font-size: 20px;    font-weight: 800;}
.reason-choose .whychoosewrap .whychoosecontent p {    color: #000;    font-size: 15px;}
.reason-choose .whychoosewrap .whychoosecontent a {    margin: 0;}
.reason-choose .whychoosewrap .whychooseiconBox img {    transition: all .4s linear;}
.reason-choose .whychoosewrap:hover .whychooseiconBox img {    transform: rotateY(360deg);}
.whychoosecontenHover {    position: absolute;    top: -100%;    left: 0;    background: #efb000;    width: 100%;    height: 100%;    display: flex;    justify-content: center;    align-items: center;    padding: 0px 27px 0px;    border-radius: 30px 0px 30px 0px;    opacity: 0;    visibility: hidden;    transition: all .3s linear;}
.reason-choose .whychoosewrap:hover .whychoosecontenHover {    opacity: 1;    visibility: visible;    top: 0;}
.read_more_btn {    outline: none;}
.whychoosecontenHover p {    color: #000;}
.sticky {width: 100%;    z-index: 999;  height: auto;  background-image: linear-gradient(to right, #006C6D, #006C6D);   position: sticky;    top: 0;}
.about-us .title h1{color: #000; font-size: 30px;    text-transform: capitalize;  letter-spacing: 0px;   font-weight: 400;    margin: 0 0 10px;}
span.tagline{       margin-top: 5px;    font-size: 15px;    color: #444;    font-weight: 400;     text-transform: capitalize;    font-weight: 500;}

.content-zik h3 {    font-size: 30px;    color: #000;}
.content-zik p {   line-height: 27px; font-size: 17px;}
.content-zik {    margin-bottom: 70px;}


.our-products { position: relative;   background-color: #f1f1f1;}
.our-products .title h4{    padding: 0 0 0;    font-size: 35px;    margin: 0;    text-align: center;    text-transform: initial;    color: #000;    position: relative;    overflow: visible;}
.our-products .title h4:after{ background: #006C6D;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}
.text-block a {    font-size: 20px; margin-bottom: 10px;   display: block;}
.product-btn a {     position: relative;    padding: 8px 20px 8px 20px;    background: #35363a;    z-index: 1;    overflow: hidden;    display: inline-block;   font-weight: 700;    text-transform: uppercase;    font-size: 13px;    line-height: 21px;    color: #fff;    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);    transition: all .3s;    margin-top: 20px; border-radius: 50px;}
.text-block p{    font-size: 15px;}
.under-border-line {    border: 1px solid #006C6D;}

.some-content-left h5{  overflow: visible;    padding: 0 0 0;    font-size: 22px;    margin: 0;    float: left;    width: 100%;    text-transform: capitalize;    color: #000;    margin-bottom: 25px;    position: relative;   font-weight: 600;}
.some-content-left h5:after{    width: 10%;    height: 2px;    background-color: #fff;    content: '';    position: absolute;    right: 665px;   bottom: -12px;}
.form_content-icon span{    font-size: 18px;    color: #000;    margin: 10px 0px;    text-transform: capitalize;}
.oil-img-with-list{ background-color: #191e6d;}
.oil-img-with-list span{    font-size: 20px;    margin-bottom: 15px;    text-align: center;    display: block;}
.list-group ul li {    line-height: 30px;    color: #fff;   border-bottom: 1px solid #353985;}
.about-company{ background-color: #191e6d;}
.work-content .work-header {    display: flex;    align-items: center;   margin-bottom: 15px;}
.work-content .work-header span {    height: 100px;    width: 100px;    border: 5px solid #d2d2d2;    text-align: center;    line-height: 100px;   font-size: 50px;    font-weight: 700;    color: #d5b76c;    margin-right: 20px;    display: inline-block;}
.work-content .work-header .title-icon {    font-size: 32px;    font-weight: 600;    text-transform: uppercase;    color: #000;    line-height: normal;}
.work-content .work-item .title-icon {    font-size: 17px;    line-height: normal;    padding-top: 15px;   padding-bottom: 5px;    margin: 0;    text-transform: initial;}
.work-content .work-item .title-icon span {    color: #d5b76c;}
.work-content h2.title_3 {    font-size: 36px;    text-transform: inherit;    margin-bottom: 20px;}
.work-content h2 {    font-size: 22px;    margin: 15px 0 10px;    color: #35363a;}
.work-content .work-item p {    line-height: 25px;    padding-right: 0;    text-align: justify;}
.work-content .work-item p strong {    color: #c3464d;}
.work-content .single-work-services p {    text-align: left;    font-size: 14px;}
.work-content ul {    list-style: none;    padding: 0;    margin: 0 0 11px;   display: block;    max-width: 100%;    clear: left;}
.work-content li {    line-height: 28px;    font-size: 16px;    margin: 0;    vertical-align: middle;    text-align: left;    padding: 0;    display: flex;    align-items: center;}
.work-content li:before {    width: 20px;    height: 20px;    color: #4e4e4e;    font-weight: 400;    margin-top: 0;    margin-right: 5px;    float: left;    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='currentColor' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/></svg>");}
.single-work-services {    box-shadow: 0 5px 30px 0 rgba(0,0,0,.05);    border-radius: 5px;    padding: 15px 20px;    -webkit-transition: all .4s ease-out 0s;    -moz-transition: all .4s ease-out 0s;    -ms-transition: all .4s ease-out 0s;    -o-transition: all .4s ease-out 0s;    transition: all .4s ease-out 0s;    background: #fff;    margin-bottom: 30px;    border: 1px solid #f9eacf;    overflow: hidden;}
.single-work-services .title-icon {    font-size: 20px;    font-weight: 600;    padding-top: 10px;    margin-bottom: 10px;    color: #000080;    -webkit-transition: all .4s ease-out 0s;    -moz-transition: all .4s ease-out 0s;    -ms-transition: all .4s ease-out 0s;    -o-transition: all .4s ease-out 0s;    transition: all .4s ease-out 0s;}
.single-work-services p {    font-size: 16px;    -webkit-transition: all .4s ease-out 0s;    -moz-transition: all .4s ease-out 0s;    -ms-transition: all .4s ease-out 0s;    -o-transition: all .4s ease-out 0s;    transition: all .4s ease-out 0s;    margin: 0;    color: #333;}
.home_right {    float: right;    max-width: 500px;    margin: 0 0 15px 25px;    border-radius: 8px;    overflow: hidden;}
.single-work-services {    box-shadow: 0 5px 30px 0 rgb(0 0 0 / 5%);    border-radius: 5px;    padding: 15px 20px;    -webkit-transition: all .4s ease-out 0s;    -moz-transition: all .4s ease-out 0s;    -ms-transition: all .4s ease-out 0s;    -o-transition: all .4s ease-out 0s;    transition: all .4s ease-out 0s;    background: #fff;    margin-bottom: 30px;    border: 1px solid #f9eacf;    overflow: hidden;}
.read_more {    position: relative;    padding: 10px 25px 10px 25px;    background-color: #efb000;    z-index: 1;    overflow: hidden;    display: inline-block;    font-weight: 700;    text-transform: uppercase;    font-size: 13px;    line-height: 24px;    color: #000;    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);    transition: all .3s;    margin-top: 20px;    height: 44px;}
.read_more:hover {    color: #fff;}
.product-two .title h4 {    width: 100%;    color: #000080;    font-size: 30px;    text-transform: uppercase;    font-weight: 700;    display: block;    padding-bottom: 15px;    text-align: center;    margin-bottom: 30px;    position: relative;}
/*Call Me*/
.phone_lefts-side {    position: relative;}
.phone_lefts-side a {    position: fixed;    bottom: 30px;    color: #fff;         background-image: linear-gradient(to right, #f59057, #f2bf82);  animation: topBottom 4s infinite;    z-index: 999;    left: 20px;   padding: 9px 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 #006C6D , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.phone_lefts-side i {    color: #000;}

@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 #006C6D , 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);}
}
.polpluar-product-segments h5{    padding: 0 0 0;    font-size: 35px;    margin: 0; text-transform: initial;    color: #000;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.polpluar-product-segments h5:after{        background: #fff;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}


.owl-carousel .owl-wrapper:after {  content: ".";   display: block; clear: both;visibility: hidden;line-height: 0;  height: 0;}
.owl-carousel{  display: none;  position: relative; width: 100%;  touch-action: pan-y;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{   overflow: hidden;   position: relative; width: 100%; top:6px;}
.owl-carousel .owl-wrapper-outer.autoHeight{    -webkit-transition: height 500ms ease-in-out;   -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out;   -o-transition: height 500ms ease-in-out;    transition: height 500ms ease-in-out;}  
.owl-carousel .owl-item{    float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none;   -moz-user-select: none; -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{  backface-visibility: hidden;  -webkit-backface-visibility: hidden;    -moz-backface-visibility:    hidden;    -ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
.owl-controls.clickable{ display:block !important;}
.owl-pagination {display: none;}
.owl-buttons{ position: absolute;    top: 0px;    color: #fff; height: 45px; width: 100%;}      
.owl-buttons .owl-next, .owl-prev{  width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;    left: 55px;       background-image: linear-gradient(to right, #006C6D, #006C6D);}
.owl-next {right:0px;}
.owl-prev{ left:-11px;}
.owl-next:hover {       color: #16639f !important;    }
.owl-prev:hover {    color: #16639f !important;    }
/* .owl-prev:before {        }  */
.owl-prev:before {      position: absolute;    top: 9px;    left: 8px}  
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}    
.owl-next:after {   position: absolute;    top: -3px;    color: #fff;    left: 11px;}   
.owl-prev.active {background: #ffbd1f;}
.owl-prev:before {    font: normal normal normal 25px/1 FontAwesome;  content: "\f104";   position: absolute;    top: 7px; left: 13px;}  
.owl-next:after {   font: normal normal normal 25px/1 FontAwesome;  content: "\f105";  position: absolute;    top: 7px;    color: #fff;    left: 16px;}   
.owl-buttons .owl-next {    position: absolute; left: 98%; top: 210px;     border-radius: 50px;}
.owl-buttons .owl-prev {    top: 210px;     border-radius: 50px;}
/*loader*/
.loader span{margin: 0px;    padding: 0px;    text-transform: uppercase;    font-size: 102px;    color: rgb(255,255,255, .1);    background-image: url(images/wave-beer.png);    background-repeat: repeat-x;    -webkit-background-clip: text !important; background-clip: text !important;   animation: animate 15s linear infinite;    font-weight: bolder;   line-height: 98px; text-align: center;}
.loader p{margin: 0px;    padding: 0px;    text-transform: uppercase;    font-size: 102px;    color: rgb(255,255,255, .1);    background-image: url(images/wave-beer.png);    background-repeat: repeat-x;    -webkit-background-clip: text !important; background-clip: text !important;   animation: animate 15s linear infinite;    font-weight: bolder;    padding-left: 25%;}
@keyframes animate{
0%{background-position: left 0px top 80px;}
40%{background-position: left 800px top -50px;}
80%{background-position: left 1800px top -50px;}
100%{background-position: left 2400px top 80px;}
}

.itme-block{    display: block;    overflow: hidden;    padding: 15px;    text-align: center;}
.itme-block a{        font-size: 14px;    margin: 0 0 10px;   font-weight: 700;}

.information_base h5{ font-size: 35px;  margin: 0;  text-transform: initial;    color: #000;    margin-bottom: 25px;    position: relative;   overflow: visible;  font-family: "Roboto", sans-serif;}
.information_base h5:after{        background: #fff;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
div#owl-demo-2 .item {    border: 1px solid #006C6D;}

.segemtn-block a{        font-size: 20px;    margin: 0 0 10px;   font-weight: 700; color: #000;}
.segemtn-block{        margin: 0;    padding: 10px 15px;}
.segemtn-block p {    font-size: 16px;    line-height: 24px;}
.button-blog a {    font-size: 13px;}
.testimonial h5{    padding: 0 0 0;    font-size: 35px;    margin: 0;  text-transform: initial;    color: #006C6D;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.testimonial h5:after{        background: #58595a;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
#owl-demo-3 .item{border-radius: 15px;}
div#owl-demo-3 .item {    border-radius: 15px; position: relative;}

.extra-client{position: relative;     border-radius: 15px; /*border: 1px solid #222;*/ text-align: center;}
.testimonial-info img {    border-radius: 50px;    width: 8%;    border: 1px solid #ccc;    padding: 2px;}
div#owl-demo-3 .owl-buttons {    display: none;}

.faqs .title h5{padding: 0 0 0;    font-size: 30px; color: #000;  position: relative;    overflow: visible; font-weight: 400;}
.faqs .title h5:after{        background: #000;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
.responsive-accordion {margin: 15px 0 20px 0;padding: 0;list-style-type: none;}
.responsive-accordion li {margin: 0 0 10px 0;padding: 0;}
.responsive-accordion li:last-child { margin-bottom: 0; }
.responsive-accordion li .responsive-accordion-head { cursor: pointer; }
.responsive-accordion li .responsive-accordion-head.active { font-weight: bold; }
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head {padding: 12px 30px 12px 10px;  border: 1px solid #ccc;      background-image: linear-gradient(to right, #f59057, #f2bf82); color: #333;line-height: normal;position: relative; font-weight: 600; font-size: 18px;     border-radius: 10px;}
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head i { position: absolute;    top: 13px;    right: 17px;   width: 20px;    height: 20px;    line-height: 20px;    font-size: 30px; transition: 0.2s; }
.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel { border:1px solid #006C6D;  border-radius: 10px; border-top: 0; background: #FFF;     padding: 1rem 1.25rem;}
.responsive-accordion-head i:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); appearance: none;}
/*.responsive-accordion-default.responsive-accordion li:hover{}*/

.responsive-accordion-head:hover{background-color: #024b83; border-radius: 5px;}

.widget span{color: #fff;    text-transform: capitalize;    text-align: left;    padding: 0 0;    font-size: 22px;   font-weight: 700;    margin-bottom: 20px;    }
.footer-btn a {    border-radius: 50px;   box-shadow: rgba(254, 138, 95, 0.5) 0px 7px 29px 0px;   background-image: linear-gradient(to right, #f59057, #f2bf82); padding: 10px 20px; font-size: 15px;}
.widget ul li {    margin-bottom: 12px;}
.social-media ul li i.fa.fa-facebook {    background-color: #4064ac;    width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff;}
.social-media ul li i.fa.fa-twitter{background-color: #1c9cea;  width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff;}
.social-media ul li i.fa.fa-instagram{ 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 );  width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff;}
.social-media ul li i.fa-youtube-play{ background: #ff0000;  width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff;}
.about-company .title h1 {    color: #fff; font-size: 30px;}

.mobile-three-item li {    display: inline-block;    margin-right: 0;    padding: 10px 30px;    width: 32%;}
.mobile-three-item {    text-align: center;}
.mobile-three-item li:first-child {      background-image: linear-gradient(to right, #006C6D, #006C6D);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {       background-image: linear-gradient(to right, #f59057, #f2bf82);}
.mobile-three-item li a {    color: #fff;}
.mobile-three-item {    text-align: center;    position: fixed;    z-index: 9999999999;   bottom: 0;    /* left: 8%; */   width: 100%;}
.mobile-three-item {    display: none;}
.common-banner {    padding: 90px 0; position: relative;}
.common-banner:after{width: 100%; height: 225px; background-color: rgba(0,0,0,.4); position: absolute; top: 0px; content: '';}
.common-banner h1 {    position: relative;    z-index: 9; font-size: 35px;}
.inner-bread{background: #222;    position: relative;    margin: 0;    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);   }
ul.breadcrumb li {    color: #f59057;}
.city a{     background-image: linear-gradient(to right, #006C6D, #006C6D);    padding: 10px 0px;}
.city-heading > h2{    font-size: 25px;    line-height: normal;    margin-bottom: 10px;    color: #35363a;}
.about-us-page .title h2{padding: 0 0 0;    font-size: 28px; color: #b2af5a;  position: relative;    overflow: visible;}
.about-us-page .title h2:after{background: #fff;    bottom: -6px;    content: "";   height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}
.more-content h3{color: #000;}
.more-content{position: relative;}
.more-content:after{    position: absolute;    content: "";    right: -25px;    top: -36px;    height: 380px;    border: 6px solid #8bd6fc;    border-radius: 12px;    display: block;    width: 930px;}
.more-content-img img {    position: relative;    z-index: 9;}
.more-content p {    line-height: 27px; color: #000; font-size: 17px;}
.contact-infomation_left h2{color: #333; font-size: 30px;}
.contact-infomation_left span {    font-size: 20px;}
.form-block span{ font-size: 30px;    font-family: "Roboto", sans-serif; text-align: left;    margin: 0 0 20px;    padding: 0;    color: #333; }
.contact-filed input {    margin-bottom: 15px; font-size: 16px;}
.contact-filed textarea {    height: 100px; font-size: 16px;}
.contact-filed button {outline: none; font-size: 18px;      background-image: linear-gradient(to right, #006C6D, #006C6D); border: none;    padding: 10px 35px;    border-radius: 5px;    font-family: "Roboto", sans-serif; }
.social-media i {    border-radius: 5px;}
.sitema-links-item h2 {    color: #191e6d; font-size: 25px;}
.sitema-links-item h3 {    color: #191e6d; font-size: 25px;}
.color-site {       background-image: linear-gradient(to right, #006C6D, #006C6D);}
.blog-text-page {    padding: 10px 15px;}
.border-system{border: 1px solid #d8b075; border-radius: 15px;}
.blog-text-page a{font-size: 18px;    font-weight: 600;}
.blog-btn-details a {    background: #333;    font-size: 13px;    padding: 10px 30px;    padding: 13px 25px 13px 25px;}
.blog-details_img img{text-align: center;}
.for-img img {    cursor: pointer;}
.modal-center a {      background-image: linear-gradient(to right, #006C6D, #006C6D);   padding: 10px 30px;    margin-top: 30px;    display: inline-block; font-size: 17px;}
.interseted-pop a {    background: #006499;    padding: 10px 30px; font-size: 17px;}
.related-products h4{ padding: 0 0 0;    font-size: 30px;    margin: 0;  text-transform: initial;    color: #006C6D;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.related-products h4:after{ background: #006499;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}
/*table*/
table {    margin-bottom: 15px; font-family: "Roboto", sans-serif;}
table tbody tr td {    vertical-align: middle;    padding: 6px 10px;    font-size: 17px;    line-height: normal;    text-align: left; 
	font-family: "Roboto", sans-serif;}
table tbody tr td {    border: 1px solid #58595a;    width: 60%;    color: #58595a; font-family: "Roboto", sans-serif;}
table tbody tr td:first-child {    color:#58595a;    width: 40%;}
.related-products {    background: #f1f1f1;}
.related_product span{        line-height: 24px;    padding: 10px 0;    text-align: left;    margin: 0;    font-size: 20px;    font-weight: 600;}
.button-list ul li a {        background-image: linear-gradient(to right, #006C6D, #006C6D);   padding: 10px 30px; font-size: 17px;}
.related_product table{width: 100%;}

@keyframes shrink {
0% {    background-size: 110% 110%;  }
100% {    background-size: 100% 100%;  }
}
nav.mobile-menu {    display: none;}
.tagline_content h4 {    font-size: 30px;}
.column-two {    column-count: 1;}
.product-details_content p {    line-height: 27px; font-size: 16px; text-align: justify; color: #000;}
.ctm_hdg p{font-size: 30px;  text-align: center;      font-family: "Playfair Display", serif;  color: #fff;    padding: 2px 0;       background-image: linear-gradient(to right, #006C6D, #006C6D);}
.contact-inner h6 {    font-weight: 300;    text-transform: uppercase;    color: #828080;    letter-spacing: 3px;    padding-left: 65px;    font-size: 16px !important;    font-weight: bold;    letter-spacing: 0;}
.contact-info p {    margin-bottom: 10px;    font-size: 16px;    font-weight: 400;   line-height: 24px;    position: relative;    color: #9A9A9A;}
.contact-inner p {    padding-left: 65px;    line-height: 24px;    position: relative;    color: #000000;}
.contact-form-home input,textarea,select {    width: 100%;    background: #fff;  color: #000;   outline: none;    border: 1px solid #ddd;   padding: 8px 15px;    font-size: 14px;    font-weight: 600;    letter-spacing: 1px;    -webkit-transition: .3s;    transition: .3s;   margin-bottom: 20px;}
#dealer-form input {    background: #fff;    outline: none;    border: 1px solid #ddd;    padding: 8px 15px;    font-size: 14px;    font-weight: 600;    letter-spacing: 1px;    -webkit-transition: .3s;    transition: .3s;    margin-bottom: 20px;    color: gray;}
#dealer-form button {    background-color: #8bd6fc;        font-family: "Roboto", sans-serif;}
.modal-header h5 {    width: 100%;    text-align: center;}
.contact-form-home textarea {    height: 150px;    resize: none;}
.contact-form-home input[type="submit"],
.contact-form-home button[type="submit"] {    border: none;    display: inline-block;    padding: 12px 20px;    width: auto;    -webkit-transition: .3s;    transition: .3s;    cursor: pointer;    font-size: 25px;    font-weight: 600; font-family: "Roboto", sans-serif; border-radius: 50px;}
.contact-form-home button[type="submit"]:focus{outline: none;}
button.main-btn {     background-image: linear-gradient(to right, #006C6D, #006C6D);    border: 0px; font-family: "Roboto", sans-serif;    padding: 5px 0;}
.contact-form-home input::placeholder,
.contact-form-home textarea::placeholder {    font-size: 14px;    font-weight: 500;    color: #333;}
.home-form {    background: #f1f1f1;}

.keywords h5{    padding: 0 0 0;    font-size: 30px;    margin: 0; text-transform: initial;    color: #006499;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.keywords h5:after{        background: #000;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
.scrolling-keywords li a {    color: #006499;    line-height: 30px; font-size: 17px;}
.scrolling-keywords {    column-count: 3;}
.keywords {      background-image: linear-gradient(to right, #f59057, #f2bf82); padding: 30px 0; position: relative;}
.scrolling-keywords ul li {    border-bottom: 1px dashed #f59057;    padding-bottom: 5px;    padding-top: 5px;}
.hero_content h1 {    color: #fff;}
.about-us {    background: #f1f1f1;}
.about-us-page_content p {    color: #58595a; font-size: 16px;    line-height: 25px;}
.blog-text p {    color: #58595a;    line-height: 25px;}
.contact-infomation_left a {    color: #58595a; font-size: 16px;}
.contact-infomation_left p {    color: #58595a; font-size: 16px;}
.product-details_content p {    color: #000;}
.bg-blue-print {    background: #024b83;    padding: 20px;    min-height: 224px;    border-radius: 5px;}
.address-point i {    display: block;    font-size: 30px;    margin-bottom: 10px;}
.bg-blue-print span {    font-weight: 800;    font-style: italic;    display: block;   margin-bottom: 10px;}
.bg-blue-print p strong {    color: #aead5b;    display: block;}
.bg-blue-print p {    margin-bottom: 5px;}
div#owl-demo .owl-buttons .owl-prev{top: 125px;}
div#owl-demo  .owl-buttons .owl-next{top: 125px;}
/*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);    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 30px;    bottom: 209px;    right: 95%;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 50px;}
#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 ul li a {    font-size: 14px;}
div#owl-demo .item img {    border: 1px solid #ccc;  height: 275px;  object-fit: cover;}
.top-header {background-image: linear-gradient(to right, #f59057, #f2bf82);}
a.color-mod-1 {    background: #006C6D;    padding: 10px 20px;}
a.color-mod-2 {    background: #006C6D;    padding: 10px 20px;}
a.color-mod-3 {    background: #006C6D;    padding: 10px 20px;}

.gkAbout {  padding: 40px 0 25px; background-position: bottom; background: url(img/product-leading.jpg); /*    background-image: linear-gradient(to right, #504b98, #00c9da);*/     background-attachment: fixed;}
.aboutContent .title>h2 {    color: #000;    font-weight: 500;    margin-bottom: 30px;    text-align: center;    font-size: 38px;}
.aboutContent {    text-align: justify;    color: #fff;    font-weight: 300;    max-width: 100%;    margin: auto;    letter-spacing: .5px;}
.viewBtn {    background-color: #8bd6fc;    color: #fff;    font-size: 15px;    border-radius: 50px;    padding: 8px 30px;    display: inline-block;    margin: 0px auto 0;    transition: .3s ease;    text-transform: capitalize;}
.features {    color: #fff;}
.features .icon {    line-height: 1.3;    position: relative;    width: 120px;    height: 120px;   /* background: #fff; */   margin: 0 auto;    margin-top: -60px;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    border-radius: 50%;}
.bg1 {    background-color: #8bd6fc;}
.bg2 {    background-color: #006C6D;}
.bg3 {    background-color: #8bd6fc;}
.bg4 {    background-color: #006C6D;}
.features h5 {    font-size: 23px;    margin-bottom: 16px;}
.about-wave{background: url(img/about-img-cover.jpg)no-repeat;}
.about_content-metter h4 {    font-size: 35px;    margin-bottom: 12px;}
.about_content-metter h5 {    font-size: 35px;    margin-bottom: 12px;}
.about_content-metter p {    line-height: 28px;   font-size: 16px; margin-bottom: 15px;}

.aboutText{ color: #000; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400;}
.content-zik ul li {    line-height: 32px;    list-style-type: disc; font-size: 17px;}
.content-zik ul {    padding-left: 15px;    margin-bottom: 13px;}
.icon-1-color {    background: #006C6D; border: 1px solid #fff;}
.icon-2-color {    background: #8bd6fc; border: 1px solid #fff;}
.icon-3-color {    background: #006C6D; border: 1px solid #fff;}
.icon-4-color {    background: #8bd6fc; border: 1px solid #fff;}
.call-to-action {    position: relative;    background-position: center center;    background-repeat: no-repeat;    background-size: cover;}
.call-to-action .content-column h3 span {    color: #8bd6fc;    font-size: 55px;    font-weight: 500;    text-transform: capitalize;}
.call-to-action .content-column h3 {    position: relative;    color: #006C6D;    font-size: 28px;    font-weight: 800;    line-height: 1.4em;    text-transform: capitalize;}
.call-to-action .content-column .text {    position: relative;    color: #000;    font-size: 16px;    line-height: 1.6em;    margin: 20px 0px 30px;}
.btn-style-one {    position: relative;    padding: 12px 40px;    line-height: 24px;    color: #000;    font-size: 16px;    font-weight: 700;    border-radius: 6px 0px 6px 0px;    background: #8bd6fc;  text-transform: uppercase;}
.image-column img {    position: absolute;    top: -50px;    width: 100%;    right: 0;}
.call-to-action {    padding: 50px 0 40px 0;}
.wave-img {    position: relative;    top: -16px;    z-index: 99;    transform: rotate(180deg);}
.varites {    background: url(img/pattern_7.png)repeat;}
.varites_product a {    text-decoration: underline;    font-size: 20px;}
.varites_product {    text-align: center;}
a.yellow-btn {    background: #006C6D;}
a.green-btn{background-color: #006C6D;}
a.red-btn{background-color: #006C6D;}
/*Footer*/
footer{position: relative;  padding: 150px 0 0 0;}
.widget_footer span { font-weight: 400;   font-size: 20px;    display: block;    margin-bottom: 22px; color: #fff;     font-style: italic; text-decoration: underline;}
.widget_footer ul li a {    font-size: 17px; color: #fff; position: relative; top: -10px;}
.widget_footer ul li {    line-height: 28px;}
.copy-right {   color: #000; background-color:#000;}
.img-footer-brush {    position: absolute;    top: 0;}
.img-footer-brush {    position: absolute;    top: 0;    right: 0;}
.img-footer-brush img {      width: 80%;    z-index: 1;    position: relative;    right: 0;    opacity: 0.1;}
footer .row {    position: relative;    z-index: 99;}
div#owl-demo-3 .item img {    border: 1px solid #ccc;    border-radius: 50px;}
.playground_border span {    background: #f20076;    padding: 10px 15px;    border: 1px dashed #fff; font-size: 17px;}
.playground_border img {    display: block;      margin: 0px auto;  text-align: center;}

#owl-demo-2 .owl-buttons .owl-prev{top: 115px;}
#owl-demo-2 .owl-buttons .owl-next{    top: 115px;}
ul.tnit-social-links li a i.fa-facebook {    background: #3d69a6; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
ul.tnit-social-links li a i.fa-twitter {    background: #009eea; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
ul.tnit-social-links li a i.fa-instagram {    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 ); width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
ul.tnit-social-links li a i.fa-linkedin {    background: #0069bc; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
ul.tnit-social-links li a i.fa-pinterest {    background: #f70023; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
ul.tnit-social-links li a i.fa-youtube {    background: #ff0013; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
/*.top-header{background-color: #8bd6fc;}*/
.top_header ul li a {  font-size: 15px;}
.top_number ul li a {   font-size: 15px;}
.client-information ul li i {    font-size: 20px; color: #006C6D;}
li.color_light{color: #e1e1e1;}
.playground_border ul li {    font-size: 16px;}
.widget_footer p {    font-size: 16px;    position: relative;    top: -8px; color: #fff;}
div#owl-demo-3 .item p {    font-size: 16px; color:#fff;}
.responsive-accordion-panel p { color: #000;  font-size: 16px;}
.varites h4 {    font-size: 35px;}

ul.navbar-nav li a svg {    display: block; opacity: 0; transition: 0.5s;}
ul.navbar-nav li a svg:hover{opacity: 1;}

.responsive-accordion-panel ul { column-count: 3;  padding-left: 15px;  margin-top: 12px;}
.responsive-accordion-panel ul li{list-style-type: disc;}
.content-inner-2::before{  position: absolute;    content: '';    height: 400px;    width: 400px;    border: 120px solid #8bd6fc;    transform: rotate(45deg);    background: #fff;    right: 103px;    top: 95px;    opacity: 0.1;}
.three-item{position: relative;}
.three-item {    background: url(img/line.png);    background-size: contain;   background-repeat: no-repeat;    background-position: center bottom;    position: relative;}
.section-head p {    font-size: 17px;}
.about-box .icon-bx-wraper .dlab-tilte {    margin-top: 0;    margin-bottom: 5px;    line-height: 38px;    font-weight: 900;    font-size: 22px;}
a.kids-btn {    background: #8bd6fc;    border-radius: 50px;    color: #000 !important;}
.icon-content p {    font-size: 17px;}
.section-head h2 {    font-size: 42px;    line-height: 60px;    color: #005098;    margin-bottom: 5px;}
.seaven-resions{background: url(img/img-min.jpg)no-repeat;  background-position: center;  background-size: cover;     background-attachment: fixed;}
.pink_dark-color h5 {font-size: 25px; line-height: 35px;}
.pink_dark-color span {  font-size: 20px;   font-weight: 600;    margin-top: 18px;    display: block;    margin-bottom: 10px; color: #333;}
.pink_dark-color p {font-size: 15px;}
.under-inner-color{     background-image: linear-gradient(to right, #006C6D, #006C6D);}

.year-text p {    background: url(img/image-1-500x420.jpg);    line-height: 140px;  background-clip: text;   -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-family: 'Montserrat', sans-serif;   font-weight: 900;    font-size: 85px;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation-name: masked-animation;    animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;   animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;}

@keyframes masked-animation {
0% {        background-position: 50% 35%;    }
50% { background-position: 50% 65%;}
100% {background-position: 50% 35%;}
}
.client-side {    background: #0092dd;    padding-top: 59px;    padding-bottom: 26px;}
.midd-center{ background-color: #241e20;}
.icons-circle ul li {  width: 100%;    text-align: left;}
.icons-circle ul li img{width: 10%;     margin-bottom: 10px;}
.icons-circle ul li span{display: block;     font-size: 17px;}
.icons-circle li {    margin-bottom: 30px;}
.tabs-mode{ background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 9%,rgba(255,255,255,.8) 91%,rgba(255,255,255,0) 100%) left top no-repeat,url(img/lined-paper-bg.svg);    background-size: cover,contain;    background-repeat: repeat-y;}
.products_range-about h5{max-width: initial; background-size: 100%;      background-size: contain; font-size: 33px;}    
.process__heading-title::before {    content: attr(data-text); font-family: "Roboto", sans-serif;    position: absolute;    color: #000;    top: 0;    left: 0.6rem;    white-space: pre;}
.process__heading-title::after {    transform: scale(1.7);    top: 0.3em;    left: 90%;}
.content_left-design p{font-size: 16px; text-align: justify;}
.content_left-design ul li {    font-size: 16px; text-align: justify; margin-bottom: 15px; list-style-type: disc;}
.content_left-design p {    margin-bottom: 30px;}

.process__intro-cta span {    padding: 0.5em 0;    display: block;    border: 1px dashed #4db5d7;    border-radius: 25px;    font-family: "Roboto", sans-serif; color: #006C6D;}
.process__intro-cta {    font-size: 1.2rem;}
.process__intro-cta{    padding: 0.25em 0.25em;    display: block;    text-align: center;    background-color: #73d8f9;    color: hsl(50,69%,25%);    font-weight: 600;    max-width: 350px;    margin: 30px auto 0;    border-radius: 25px;    box-shadow: 0 3px 4px rgba(56,39,39,.3);    text-decoration: none;    transition: background-color 250ms;}
.process__intro-cta {    font-size: 30px;}
.content_left-design h6 {    font-size: 27px;    margin-bottom: 12px;}
.tab {  padding-top: 50px;  margin-bottom: 20px;  position: relative;  overflow: hidden;  background: #fff;  width: 100%;  margin: 0 auto;  line-height: 1.5;  font-weight: 300;  color: #888;  -webkit-font-smoothing: antialiased;}
.tabs {  display: table;  position: relative;  overflow: hidden;  margin: 0;  width: 100%; display: flex; justify-content: center;}
.tabs li {  float: left;  line-height: 38px; margin-right: 8px; overflow: hidden;  padding: 0;  position: relative;}
.tabs a {  background-color: #eff0f2; color: #888;  font-weight: 500;  display: block;  letter-spacing: 0;  outline: none;  padding: 0 12px;  text-decoration: none;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; font-family: "Roboto", sans-serif; font-size: 17px;}
.tabs_item {  display: none;  padding: 30px 0;     margin-top: 5px;}
.tabs_item h4 {  font-weight: bold;  color: blue;  font-size: 20px;}
.tabs_item img {  width: 200px;  float: left;  margin-right: 30px;}
.tabs_item:first-child {  display: block;}

.bg-change-color-1 {    background: #006499;}
.bg-change-color-2 {    background: #006499;}
.bg-change-color-3 {    background: #006499;}
.bg-change-color-4 {    background: #006499;}
.bg-change-color-5 {    background: #006499;}
.bg-change-color-6 {    background: #006499;}


a.bg-change-color-1 {    background: #8bd6fc;}
a.bg-change-color-2 {    background: #8bd6fc;}
a.bg-change-color-3 {    background: #8bd6fc;}
a.bg-change-color-4 {    background: #8bd6fc;}
a.bg-change-color-5 {    background: #8bd6fc;}
a.bg-change-color-6 {    background: #8bd6fc;}
.image-metter-pure {    text-align: center;    width: 100%;    margin: 0px auto;}
.image-metter-pure ul {    display: flex;    justify-content: center;}
.tabs_item p {    font-size: 16px;}

/*.content_left-design {    height: 400px;    overflow-y: scroll;}*/


::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {     background-image: linear-gradient(to right, #f59057, #f2bf82);}
::-webkit-scrollbar-thumb:hover {     background-image: linear-gradient(to right, #f59057, #f2bf82);}
.arrow-bg img{width: 20%;}
.arrow-bg {    position: absolute;    top: 43%;    right: -27%;}

.products_range-about img {    position: absolute;    width: 30%;    right: -22px;    top: 0px;    z-index: 99;}
.content-column p {    font-size: 16px;}
.under-inner-color ul li {    margin-bottom: 14px;    font-size: 16px;}
.full-content-item p {    font-size: 16px;}
.full-content-item ul li {    float: left;    width: 20%;     margin-bottom: 30px;}
.full-content-item ul li img {    margin-bottom: 10px;}
.full-content-item span {    font-weight: 700;    font-size: 18px;}
ul.breadcrumb li a {    font-size: 16px;}

.partners-logos ul li img {    width: 90%;    background: #fff;    height: 70px;    object-fit: contain;    padding: 10px;    border-radius: 5px;}
.partners-logos ul li {    width: 31%;}
.partners-logos {    margin: 0px auto;}
.partners-logos h6 {   color: #006C6D;}
.about-us-page_content h2 {    margin-bottom: 16px;}
.product_box img {    height: 250px;    object-fit: fill;}
.related_product p {    font-size: 16px; margin-bottom: 15px;}
.small-link a {    font-size: 18px;}
#owl-demo-serving img{transition: 0.5s;}
#owl-demo-serving .inner-overflow{width: 100%;  height: auto; overflow: hidden; margin: 0 auto;  border: 1px solid #ccc;}
#owl-demo-serving .item .inner-overflow img{width: 100%;  transition: 0.3s all ease-in-out;}
#owl-demo-serving .item .inner-overflow:hover img{transform: scale(1.1);}
.categories-img-and-content{box-shadow: 0 10px 20px -9px rgba(0,0,0,.5); position: relative;}
.categories-img-and-content img{    transition: 0.3s all ease-in-out;}
.content-more span{   font-size: 2.3vw; font-weight: bold; display: block; width: 100%;}
.content-more a{color: #fff; font-size: 18px; line-height: 18px;}
.categories-img-and-content {    width: 400px; /*height: 229px; */ overflow: hidden;    }
.categories-img-and-content:hover img {    transform: scale(1.1);}
.categories_boz {    margin-bottom: 30px;}
/*.pink_dark-color {    height: 300px;    overflow-y: scroll;}*/
a.arial-family{font-family: "Roboto", sans-serif;    font-weight: 700;}
ul.tnit-social-links li img {    width: 35px;}
.content-more span {    font-size: 20px;    display: block;    text-align: center;    margin-top: 20px;   background-image: linear-gradient(to right, #006C6D, #006C6D); color: #fff; width: 98%;}
.content-kidzlet p {    font-size: 16px; margin-bottom: 25px; text-align: justify; line-height: 28px;}
.content-kidzlet ul{margin-top: 15px; padding-left: 15px;}
.content-kidzlet ul li{    font-size: 16px; list-style-type: disc;}
.content-kidzlet h2 {    font-size: 25px;    margin-bottom: 12px;}
.scrolling-keywords {    margin: 0px auto;}
.product-details_content p {    margin-bottom: 15px;}
.product-details_content h2 {    margin-bottom: 10px;}
.product-details_content ul {    margin-bottom: 12px; padding-left: 15px;}
.product-details_content ul li {  color:#000;  list-style-type: disc; font-size: 16px;     line-height: 32px;}
.product-details_content h1 {   margin-bottom: 10px; font-size: 25px;}
.product-details_content h2 {   margin-bottom: 10px; font-size: 25px;}
.product-details_content h3 {   margin-bottom: 10px; font-size: 25px;}
.product-details_content h4 {   margin-bottom: 10px; font-size: 25px;}
.product-details_content h5 {   margin-bottom: 10px; font-size: 25px;}
.product-details_content h6 {   margin-bottom: 10px; font-size: 25px;}


@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */

.download {    background: #673ab7;    box-shadow: 0 10px 15px 0 rgb(56 0 189 / 20%);    padding: 6px 20px;    text-align: center;    margin-bottom: 4px;   font-size: 13px;    border-radius: 5px;   -moz-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;    -moz-animation: blink normal 1.5s infinite ease-in-out;   -webkit-animation: blink normal 1.5s infinite ease-in-out;    -ms-animation: blink normal 1.5s infinite ease-in-out;    animation: blink normal 1.5s infinite ease-in-out;}
.ventures-partnership .title h2{font-size: 30px;}
.ventures_box {    position: relative;}
.read-more-btn {    position: absolute;    top: 80%;    left: 35%;  width: 100%;}
.read-more-btn a{border:1px solid #fff;  padding: 8px 20px; transition: 0.5s;}
.read-more-btn a:hover{background-color:#55b3e3;}
.ventures-partnership {    position: relative;    z-index: 1; overflow: hidden;}
.tag_line-three h2 {    font-size: 42px;    color: #de211b; margin-bottom: 12px;}
.kbt-imgs img {    border: 1px dashed #de211b;    margin-bottom: 30px;}
.music-ball span {    font-size: 30px;    font-weight: bolder;    display: block;    margin-bottom: 15px;}
.music-ball a {    border: 2px solid #006499;    padding: 15px;    border-radius: 5px;    transition: 0.5s;    margin-top: 25px;    display: inline-block;}
.music-ball {    text-align: center;}
.music-ball a:hover {    background-color: #39bde1;    color: #fff !important;}
.blog-discription {   background: #8bd6fc;    padding: 15px;}
.blog-discription a {    background: #006C6D;    color: #fff;    padding: 12px 20px 12px 20px;    border-radius: 5px;    line-height: 85px;    transition: 0.5s;}
.blog-discription span {    display: block;    font-size: 20px;    color: #000;    margin-bottom: 15px;}
.frzi p a {    background: transparent;    padding: 0px;    line-height: 0px;    color: red;    text-decoration: underline;}
section.product-details h2 {    position: relative;    z-index: 9;}
.final-products p {    line-height: 25px;}
.cover-product {    padding-left: 0;    min-height: 250px;    width: 385px;    float: left;    margin-right: 20px;}
.cover-product-this p {    line-height: 24px;    margin-bottom: 16px;    text-align: justify;}
.only-product h2 {    font-size: 32px;}
.zoom-effect img {    width: 100%;}
.cover-product-this p {    line-height: 26px;    color: #58595a;}
.products-fill {    border-right: 1px solid #ccc;}
.box-listing {    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;    border-bottom: 20px solid #653db9;}
.box-listing h4 {    color: #fff;    background: #673ab7;    background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);    background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);    background: linear-gradient(to right, #673ab7 0, #2196f3 100%);    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    padding: 10px 20px;    font-size: 20px;    font-weight: 700;    border-top-left-radius: 10px;    border-top-right-radius: 10px;}
.box-listing ul {    position: relative;    background-color: #fff;}
.box-listing ul li:hover {    opacity: 0.2;}
.box-listing ul li {    list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);    transition: transform 0.5s;    margin-bottom: 10px;}
.box-listing ul li:hover {    transform: scale(1.1);    z-index: 100;    background-color: #663bb8;    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);    color: #fff;    opacity: 1;}
.box-listing ul li span {    width: 20px;    height: 20px;    text-align: center;    line-height: 20px;    background-color: #2394f2;    color: #fff;    display: inline-block;    border-radius: 50%;    margin-right: 10px;    font-size: 12px;    font-weight: 600;    transform: translateY(0px);}
.box-listing ul li:hover span {    background: #673ab7;    background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);    background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);    background: linear-gradient(to right, #673ab7 0, #2196f3 100%);    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    color: #fff;}
.box-listing a {    color: #333;}
.box-listing a:hover {    color: #fff;}
.listing-product h2 {    font-size: 25px;}
.listing-product li {    font-size: 18px;    padding-left: 28px;    background-position: 0 58%;    line-height: 38px;}
.blog-short ol {    padding-left: 15px;}
.blog-short h2{margin-bottom: 10px;}
.blog-short h3{margin-bottom: 10px;}
.blog-short h4{margin-bottom: 10px;}
.blog-short h5{margin-bottom: 10px;}
.blog-short h6{margin-bottom: 10px;}
.blog-short ol li {    margin-bottom: 14px;}

.blog-short ul li {    margin-bottom: 18px;}
.certificate_box img {    height: 365px;    object-fit: contain;}
.blog-short ol li {    margin-bottom: 18px;}
.inner-left-side-product ul li a{  background-image: linear-gradient(to right, #f59057, #f2bf82);  padding: 15px;    color: #000;    font-size: 18px;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
.for-img img {    width: 100%;}
.pro-box img {    width: 100%;}
figure.effect-jazz img {    opacity: 1;}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-top: 1px solid #fff;    border-bottom: 1px solid #fff;    content: "";    opacity: 0;    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);    -webkit-transform-origin: 50% 50%;    transform-origin: 50% 50%;}
figure.effect-jazz h2,
figure.effect-jazz p {    opacity: 1;    -webkit-transform: scale3d(0.8, 0.8, 1);    transform: scale3d(0.8, 0.8, 1);}
figure.effect-jazz h2 {    padding-top: 26%;    -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;}
figure.effect-jazz p {    text-transform: none;    font-size: 0.85em;    opacity: 0;}
figure.effect-jazz:hover img {    opacity: 0.1;    -webkit-transform: scale3d(1.05, 1.05, 1);    transform: scale3d(1.05, 1.05, 1);}
figure.effect-jazz:hover figcaption::after {    opacity: 1;    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);}
.grid {    position: relative;    clear: both;    margin: 0 auto;    padding: 1em 0 4em;    max-width: 1000px;    list-style: none;    text-align: center;}
.grid figure {    position: relative;    float: left;    overflow: hidden;    margin: 10px 1%;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;     background-color: #73d8f9;    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, 0.2);    text-align: center;    cursor: pointer;}
.grid figure img {    position: relative;    display: block;    min-height: 100%;    max-width: 100%;}
.grid figure figcaption {    padding: 2em;    color: #fff;    text-transform: uppercase;    font-size: 1.25em;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {    pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.grid figure figcaption > a {    z-index: 1000;    text-indent: 200%;    white-space: nowrap;    font-size: 0;    opacity: 0;}
.grid figure h2 {    word-spacing: -0.15em;    font-weight: 300;}
.grid figure h2 span {    font-weight: 800;}
.grid figure h2,.grid figure p {    margin: 0;}
.grid figure p {    letter-spacing: 1px;    font-size: 15px;}
.our-products {    padding-top: 50px;    padding-bottom: 100px;    background: #f9f9f9;}
.grid span {    font-size: 20px;    font-weight: 700;}
.accordion {    width: 100%;      /* max-width: 500px; */      margin: 0 auto;      margin-bottom: 10px;      max-height: 500px !important;  }
.accordion__head {      cursor: pointer;      color: #000;     font-family: "Roboto", sans-serif;     padding: 2px 10px;      font-size: 16px;      border-bottom: 2px solid #379ebf;      display: flex;      justify-content: space-between;      align-items: center;      background: #8bd6fc;      line-height: 34px;  }
.accordion__head::after {    content: url('img/arrow-white.png');    transition: transform 300ms ease-in-out;  }
.opened .accordion__head::after {    transform: rotate(180deg);  }
.accordion__body {      padding-top: 12px;      color: #58595a;      font-size: 16px;      background: #fff;      padding: 10px;    font-family: "Roboto", sans-serif;    text-align: justify;}
.accordion__body li {    padding-top: 12px;    color: #58595a;    font-size: 16px;    line-height: 28px;    background: #fff;    list-style-type: disc;    padding: 0px;}
.accordion__body ul {    margin-top: 10px;    padding-left: 15px;    columns: 2;}
.product-details {    padding: 50px 0;}
.content-accordionse {    background: url(img/bg-blue.jpg)no-repeat;    background-attachment: fixed;    background-size: cover;}
.this-flex-none ol {    padding-left: 15px;}
.this-flex-none ol li{margin-bottom: 15px; color: #fff;}
.this-flex-none h4 {    margin-bottom: 12px;}
.this-flex-none p {    color: #fff;}
.box img {   /*    width: 100% !important;    height: 265px; */    border: 1px solid #ccc;}
.inner-content {    text-align: center;    background: #006499;}
.inner-content span {    color: #fff !important;}
.for-img img {    border: 1px solid #ccc;}
.pro-box {    margin-bottom: 30px;}
.cover-product-this h2 {    color: #000;}
.cover-product-this h3 {    color: #000;}
.cover-product-this h4 {    color: #000;}
.cover-product-this h5 {    color: #000;}
.cover-product-this h6 {    color: #000;}

.zoom-effect img {    border: 1px solid #ccc;}
.cover-product-this{    font-family: "Roboto", sans-serif; color: #58595a;}
.cover-product-this li {    font-size: 16px;}
.this-flex-none a {    color: #fff;    font-weight: 800;}
.client-logo-design ul li {    width: 25%;    float: left;}
.client-logo-design img {    border: 1px solid #ccc;    margin-bottom: 30px;}
.certificate_box {    margin-bottom: 30px;}
.content-netci p {    margin-bottom: 15px;}
.content-netci a{background-color: #222;}
.content-netci a {    padding: 10px 30px;    color: #fff;}
.content-side-kbt span {    font-size: 25px;    font-weight: 700;    display: block;  margin-bottom: 10px;}
.content-side-kbt a { color: #fff;   background: #222;    padding: 10px 30px;}
.content-netci ul li {    list-style-type: disc;}
.content-netci ul {    margin-bottom: 35px;    padding-left: 15px;}
.tag_line-three h2 {    font-size: 42px;    color: #de211b;}
.certificate_box img {    height: 365px;    object-fit: contain;}
.tagline-button{ background-color: #222;}
.tag_line-down span {  font-size: 45px;}
.tag_line-down a {    border: 1px dashed #fff;    padding: 10px 30px; transition: 0.5s;}
.tag_line-down a:hover {background-color: #8bd6fc;}
.get1 {    background-color: #000;    padding: 6px;    text-align: center;    margin-bottom: 10px;    color: #fff;    font-size: 23px;    font-weight: 700;}
.side-form {    text-align: center;background-color: #61b9e4;    padding: 8px;}
.paragraphs1 {    margin-bottom: 10px;}
.side-form .btn {    padding: 5px 28px;    margin-bottom: 22px;    background-color: #006C6D;    border: none;}
.box .price span {    color: gray;}
.box .price {font-size: 18px;margin-bottom: 16px;}
.add-tocart {   background-color: #006C6D;    color: #fff;    padding: 7px 13px;    border-radius: 5px;    transition: 0.5s;    position: absolute;   top: -15%;    transform: translateX(-44px);}
.box-head {/*    margin-top: 10px;margin-bottom: 10px;*/    background-color: #61b9e4;    padding: 5px 0;}
.add-tocart:hover {    color: #fff;    background-color: #000;}
.box:hover .add-tocart {    top: 45%;}
.box .product-images img {    transition: 1s;    width: 100%;}
.box .product-images:hover img {    transform: scale(1.2);}
.box .product-images {    overflow: hidden;}
.data-show-repeat .box {    transition: 0.5s;   position: relative;    overflow: hidden;    margin-bottom: 10px;}
.box:hover { box-shadow:    0px 0px 7px 0px #48484829;}
.drop-acc .card {    margin-bottom: 12px;    border: none;}
.drop-acc.card-header {    background-color: red;}
.drop-acc .card-header {    background: none !important;border: none;}
.drop-acc button {    color: #000;    padding: 0;}
.drop-acc .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {   background: #006C6D;    color: #fff;    font-weight: 100;    border: none;}
.drop-acc .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {    border: none;padding: 1rem 0.25rem;}
.ulnewlist {    column-count: initial !important;}
.ulnewlist li {    list-style: none !important;}
.ulnewlist li a {    color: #000;}
.fs-1 {    font-size: 10px;}
.fs-2 {    font-size: 20px;}
.fs-3 {    font-size: 30px;}
.fs-4 {    font-size: 40px;}
.colerd a {    background-color: red;    padding: 4px;    border-radius: 5px;    font-size: 13px;}
.colerd {    margin: 13px 0px;}
.add-pad {padding: 1px 0;    z-index: 999;}
.drop-acc {    margin-top: 23px;   background-color: #006C6D;    padding: 8px;}
.drop-acc p {    color: #fff;}
.drop-acc {    margin-top: 23px;    background-color: #006C6D;    padding: 8px;}
.drop-acc p {    color: #fff;}
.kids-play img {    width: 374px;    height: 279px;}
.dealer {    position: fixed;    top: 50%;    left: 0;    z-index: 999999;    transform: translateY(-50%);}
.dealer a {       background:#333;
    writing-mode: vertical-lr;
    padding: 13px 4px;
    color: #ffffffc7 !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transform: translateY(0px);
    transition: 0.5s ease-in-out;
    z-index: 999;
    font-weight: 800;}
.btn-side{        background-color: #61b9e4;      padding: 6px 19px;    color: #fff !important;    font-size: 12px;    text-transform: uppercase;    letter-spacing: 0.5px;    transition: 0.5s ease-in-out;    border: 0;    -ms-transform: rotate(90deg);    transform: rotate(90deg);    position: fixed;    top: 50%;    z-index: 99999999;    right: -69px;  font-family: "Roboto", sans-serif;}
.side-modal input{    border-bottom: 1px solid #f3f2f2 !important;  font-family: "Roboto", sans-serif;}
.modal-filed button {    background-color: #61b9e4;}.partners-logos ul {    display: inline-flex;}
.edit-img img {    height: 335px;}
.edit-img .grid span {    position: absolute;    width: 100%;    left: 0;    bottom: 0;    background-color: #61b9e4;    font-size: 17px;    padding: 4px 0;}
.edit-img .grid {    position: relative;}
/*.video-kidzlet {    width: 36%;    float: left; padding-right: 0px;}*/
@media (min-width: 268px) and (max-width: 568px){
.add-pad .add-tocart {       display: block;    transition: 0.5s;    /* width: 100%; */    transform: translateX(138px);}
}
.page-center p {    font-size: 22px;    text-align: center;    margin-bottom: 20px;}
.home-page-btn a {    background-color: #8bd6fc;    padding: 10px 30px;    color: #fff;   border-radius: 5px;}
.page-center {    margin: 0px auto;    text-align: center;}
.page-center img {    width: 60%;}
/*li.color-set-1 {    background: #d8dded;}
li.color-set-2 {    background: #d8dded;}
li.color-set-3 {    background: #d8dded;}
li.color-set-4 {    background: #d8dded;}
li.color-set-5 {    background: #d8dded;}
li.color-set-6 {    background: #d8dded;}
li.color-set-7 {    background: #e9eff1;}
li.color-set-8 {    background: #e9eff1;}
li.color-set-9 {    background: #e9eff1;}
li.color-set-10 {    background: #e9eff1;}
li.color-set-11 {    background: #e9eff1;}*/
ul.dropdown-menu li {    border-bottom: 1px solid #333;}
img.full-img-count {    width: 84% !important;    border-radius: 5px;}
a.video-btn {    background: #8bd6fc; color: #58595a;    padding: 12px 18px;}
.gallery-box img {    height: 300px;    object-fit: cover;}
.tg-line-type {    text-align: center;}
.under-inner-color ul li b {    color: #000 !important;}
.our-partners h2 {    margin-bottom: 30px;}
.inner-column-website {    background: #8bd6fc; padding: 25px;}
.inner-column-website ul {    column-count: 3;}
.inner-column-website ul li a{color: #000;}
.inner-column-website ul li {    line-height: 30px;}
ul.last-child-setting {    position: relative;    left: 0 !important;    width: 200px !important;}

.styling-tag ul {    display: flex;    justify-content: space-around;}
.styling-tag ul li a {    background: #d0233d;    padding: 10px 30px;}
.seo-side {    background: #f1f1f1;}
.aboutText a {    color: #000;    text-decoration: underline;}
.itme-block span {    font-size: 22px;}
.tagline-red{background-color: #f1f1f1;}
ul.list-item-custom li span {  display: block;  margin-bottom: 10px;  font-size: 22px;     font-family: "Playfair Display", serif;}
.nature-busienss-item i {    font-size: 40px;    margin-bottom: 10px;}
.nature-busienss-item {    margin-bottom: 30px;}
ul.list-item-custom p {    text-align: justify;}
.blog-content-text a span {    color: #333;    font-size: 22px;    font-weight: 600;    line-height: 30px;}
.border-blue {    border: 1px solid #ccc; background: #fff; /*height: 585px;*/}
.blog-btn > a {       background-image: linear-gradient(to right, #006C6D, #006C6D);   padding: 8px 22px;    border-radius: 50px;}
.information-base{background-color: #f1f1f1;}
/*.blogs .border-blue {    min-height: 600px;}*/
.map iframe {    width: 100%;    height: 300px;    border: 0px;}

.box-shadow {    background: #fff;    padding: 20px;}
ul.last-menu {    left: 350px !important;     top: 0px !important;}
.video-kidzlet img {    width: 350px;    float: left;}
.widget_footer svg {    color: #fff;}
.widget_footer i {    color: #fff;}
.blog-content-text p {    text-align: justify;}

.eluidee1cbb9c {    background-color: rgba(61, 61, 61, 1) !important;}
.eluid2ed10931 .kl-iconbox__title {    font-size: 32px;    line-height: 32px;    font-weight: 700;    color: #ffffff;    font-style: normal;}
.eluid2ed10931 .kl-iconbox__desc {    font-size: 13px;    line-height: 24px;    font-weight: 400;    color: #ffffff;    font-style: normal;}
.eluidbfd8fa06 .kl-iconbox__desc {    font-size: 13px;    line-height: 24px;    font-weight: 400;    color: #ffffff;    font-style: normal;}
.kl-bottommask--mask3 {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 57px;}
.kl-bottommask {    z-index: 1;}
.eluid0f284402 {    background-color: rgba(238, 124, 35, 1) !important;}
.eluid0f284402 {    padding-top: 6%;    padding-right: 15%;    padding-bottom: 2%;    padding-left: 10%;}
.kl-bottommask--mask3 .glyphicon{    position: absolute;    bottom: 5px;    left: 50%;    display: block;    width: 30px;    text-align: center;    font-size: 22px;    opacity: 0.2;    height: 15px;    top: auto;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    margin-left: 1px;}
.eluidee1cbb9c {    padding-top: 6%;    padding-right: 10%;    padding-bottom: 2%;    padding-left: 15%;}
.zn_section--relative {    position: relative;}
.border-raduis-design{position: relative;}
.full-content-item {    position: relative;     overflow: hidden;}
.border-raduis-design:after {     position: absolute;    content: '';   background: url(img/our-slutions-bg.jpg);/* background: red; */   left: -22px;    width: 1804px;    height: 429px;    top: -75px;    z-index: -1;    border-radius: 50px;}
.position-relative {    position: relative;}
.overlay-text {    position: absolute;	width: 100%;    top: 0;    left: 0px;    background: rgba(255, 140, 96, 0.9);    padding: 60px;    bottom: 0;    border-radius: 46px 0 0;    opacity: 0;    transition: 0.4s ease;    background-size: 100% 200%;}
.text-crowsel-v-width {    min-width: 300px;    /* margin: 0 auto; */    margin-bottom: 0px;    margin-bottom: 0px;    margin-bottom: 0px;    position: absolute;    bottom: 0px;    left: 60px;    background: #fff;    border-radius: 20px;    margin-bottom: 0;    border: 2px solid #fe8a5f;    padding: 20px;    text-align: center;}
.position-relative:hover .overlay-text{  opacity: 1;  background-position: 100% 100%;}
.text-crowsel-v-width a {  background-color: #f59057;    -webkit-background-clip: text;    background-clip: text;    -webkit-text-fill-color: #f59057;    font-size: 1rem;    text-decoration: none;}
.button-self {    justify-content: center;}
.button-self:hover img {    padding-left: 20px;    transition: 0.5s;}
.text-crowsel-v-width h3 {    margin-bottom: 15px;    font-size:18px;}
.position-relative img {    border-radius: 46px 0 0;}
.headings-tags p {    color: #fff;    font-size: 1rem;}


.circle-one {width: 100px; height: 100px; background-color: #ffffff26; position: absolute; right: 19%; top: -25px; border-radius: 50px; backdrop-filter: blur(10px);}
.circle-two {width: 50px;    height: 50px;    background-color: #ffffff26;    position: absolute;    left: 8px;    bottom: -23px;    border-radius: 50px;    backdrop-filter: blur(10px)}


.circle-one {    -webkit-animation: mover 1s infinite  alternate;    animation: mover 1s infinite  alternate;}
.circle-one {    -webkit-animation: mover 1s infinite  alternate;    animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.circle-two {    -webkit-animation: mover 1s infinite  alternate;    animation: mover 1s infinite  alternate;}
.circle-two {    -webkit-animation: mover 1s infinite  alternate;    animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.whats-app-item button {    color: inherit;    background-color: transparent;    border: 0;    outline: 0 !important;    cursor: pointer;}
.whats-app-item button.chatbox-open {    position: fixed;    bottom: 0;    right: 0;    width: 160px;	font-family: "Roboto", sans-serif;    height: 52px;    color: #fff;    background-color: #00d573;    background-position: center center;    background-repeat: no-repeat;    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);    border: 0;    border-radius: 50px;    cursor: pointer;    margin: 15px;    z-index: 9;}
.whats-app-item button.chatbox-close {    position: fixed;    bottom: 0;    right: 105px;    width: 52px;    height: 52px;    color: #fff;    background-color: #000;    background-position: center center;    background-repeat: no-repeat;    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);    border: 0;    border-radius: 50%;    cursor: pointer;    display: none;    margin: 16px calc(2 * 16px + 52px) 16px 16px;    z-index: 999;}
.chatbox-popup {    display: flex;    z-index: 999;    position: fixed;    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);    flex-direction: column;    display: none;    bottom: calc(2 * 16px + 52px);    right: 16px;    width: 377px;    height: auto;    background-color: #fff;    border-radius: 10px;}
.chatbox-popup .chatbox-popup__header {    box-sizing: border-box;    display: flex;    width: 100%;    padding: 10px;    color: #fff;    background-color: #00d573;    align-items: center;    justify-content: space-around;    border-top-right-radius: 10px;    border-top-left-radius: 10px;}
.chatbox-popup .chatbox-popup__main {    box-sizing: border-box;    width: 100%;    padding: calc(2 * 16px) 16px;    line-height: calc(16px + 16px / 2);    color: #888;   text-align: center;}
.chatbox-popup .chatbox-popup__footer {    box-sizing: border-box;    display: flex;   width: 100%;    padding: 16px;    border-top: 1px solid #ddd;    align-items: center;    justify-content: space-around;    border-bottom-right-radius: 12px;    border-bottom-left-radius: 12px;}
form.form-horizontal {    padding: 5px 12px;}
.chatbox-popup__header ul {    display: flex;    align-items: center;}
.chat-box-whatsapp {    background: url(img/chat.png) no-repeat;}
.message-chat {    width: 50%;    background: #fff;    padding: 10px;    border-radius: 10px;}
.message-chat span {    font-size: 13px;    font-weight: 700;    line-height: 18px;    color: rgba(0, 0, 0, 0.4);}
.message-chat p {    font-size: 14px;    line-height: 19px;    margin-top: 4px;    color: rgb(17, 17, 17);}
.message-chat li {    font-size: 14px;}
a.whats-color {    text-align: center;    background: #00d573;    padding: 10px 25px;    border-radius: 50px;}
.powered-by img {   width: 1rem;}
.powered-by ul li {    font-size: 12px;}
a.primary-color {    background: #333;   width: 35px;    height: 35px;    display: flex;    justify-content: center;    align-items: center;    border-radius: 50px;}
a.secondary-color {   	background-image: linear-gradient(to right, #006C6D, #006C6D);    width: 35px;    height: 35px;    display: flex;    justify-content: center;    align-items: center;    border-radius: 50px;}
.whats-app-item.blink {    position: relative;    z-index: 99;}
.about-area {	position: relative;}
.about-area::after {	content: "";	clear: both;	display: block;	position: absolute;	width: 60%;	height: 75%;	background: url(img/b3.png);	top: 0%;	background-repeat: no-repeat;	background-position: right;	right: 0;	z-index: -1;}
.about-area .row {	width: 100%;}
.about-top h2 {	font-size: 30px;	color: #404040;	font-weight: 700;	line-height: 1.286;	margin-bottom: 30px;	text-transform: capitalize;}
.about-top h2 span{	color: #f9004d;}
.about-top p {	font-size: 16px;	line-height: 1.667;font-weight: 400;}
.about-img {box-sizing: border-box;}
.about-content h4 { font-size: 18px;    color: #f9004d;    line-height: 28px;    font-weight: 700;}
.about-content h2 {	font-size: 35px;	color: rgb( 64, 64, 64 );	line-height: 1.486;	font-weight: 700;}
.about-content p {font-size: 16px;    font-weight: 400;    line-height: 1.75;    margin-bottom: 15px;    text-align: justify;}
.about-content a{	margin-top: 10px;}
.about-shap img {	position: absolute;}
.about-shap img.about-shap5 {	left: 15%;	top: 27%;}
.about-shap img.about-shap6 {	bottom: 12%;	right: 26%;}
.about-shap img.about-shap7 {	top: 45%;	right: 20%;}
.about-img img, .services-details-img img {    animation-name: bounce-1;    animation-timing-function: linear;    animation-duration: 3s;    animation-iteration-count: infinite;    margin: 0 auto 0 auto;    transform-origin: bottom;}
@keyframes bounce-1 {
0%   { transform: translateY(0); }
50%  { transform: translateY(-50px); }
100% { transform: translateY(0); }
}
.about-content a {    margin-top: 10px;}
.button-2 {display: inline-block;    padding: 8px 15px;    border-style: solid;    border-radius: 50px;    background-color: #f9004d;    color: #fff;    font-size: 17px;    font-weight: 500;    -webkit-transition: all .4s ease-in-out;    transition: all .5s ease-in-out;    text-transform: capitalize;    z-index: 11;    position: relative;}
.about-area {    position: relative;}

/*.pt-classes:after {
content: "";
    position: absolute;
    right: 21px;
    bottom: 0;
    display: inline-block;
    width: 5vh;
    height: 80%;
    background-image: linear-gradient(to right, #006C6D, #006C6D);
}*/
.pt-classes {    position: relative;    padding: 50px 0px;}
.pt-classes img {    position: relative;    z-index: 999;}
.pt-section-title-box .pt-section-title {    font-size: 24px;    line-height: 40px;    z-index: 9;    position: relative;    margin-bottom: 0;    letter-spacing: 1px;}
.pt-section-title-box .pt-section-description {    font-size: 16px;    z-index: 9;    position: relative;}
.about-img img {    width: 350px;    float: left;}
h6.pt-icon-box-title {    font-size: 18px;	margin-bottom: 10px;}
.pt-icon-box-content {    margin-bottom: 25px;}
.pt-icon-box-content span {    display: block;        font-family: "Playfair Display", serif;}
.pt-icon-box-icon2 {    float: left;    width: 6%;}
.pt-icon-box-icon2 i {    font-size: 25px;    color: #006C6D;}
p.pt-icon-box-description {    padding-left: 46px;    text-align: justify;    color: #333;}
.pt-icon-box-content small {    margin-top: 8px;	font-family: "Roboto", sans-serif;    display: block;    padding-left: 45px;}
.nature-busienss-item img {    filter: invert(0.3);	margin-bottom: 10px;}
.bg-img1 {    background-image: url(img/row-bgimage-1.png);    background-repeat: no-repeat;    background-size: cover;    background-position: center;}
.section-title .title-header {    position: relative;    margin-bottom: 20px;}
.section-title h2.title {    font-size: 30px;    line-height: 46px;   margin-bottom: 0;    text-transform: capitalize;}
.section-title span{color: #fe982f;     text-transform: uppercase;    font-size: 14px;    line-height: 1;    letter-spacing: .5px;    margin-bottom: 12px;    font-weight: 500;}
.cmt-icon.cmt-icon_element-size-md i {    font-size: 30px;}
.cmt-icon i {    display: inline-block;    position: absolute;    top: 50%;    left: 50%;   -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.featured-title h5 {    font-size: 21px;    line-height: 28px;    margin-bottom: 0;    text-transform: capitalize;}
.bg-img14 {	background-image: url(img/row-bgimage-14.png);	background-repeat: no-repeat;	background-size: cover;	background-position: center;	background-color: #f1f1f1;}
.featured-imagebox-post:hover .cmt-box-post-date {    transform: rotateY(360deg);}
.featured-imagebox .featured-thumbnail {    position: relative;    overflow: hidden;}
.featured-title h5 {    font-size: 21px;    line-height: 28px;    margin-bottom: 0;    text-transform: capitalize;}
#site-navigation .menu ul.dropdown>li>a:before, .cmt-bgcolor-darkgrey .cmt-custombutton.cmt-btn-bgcolor-skincolor:hover, .cmt-bgcolor-darkgrey .section-title.with-desc .title-header:before, .cmt-bgcolor-grey .pagination-block .page-numbers, .cmt-bgcolor-skincolor .inside.cmt-fid-view-topicon h3:after, .cmt-bgcolor-skincolor .section-title.with-desc .title-header:after, .cmt-bgcolor-white, .cmt-bgcolor-white>.cmt-bg-layer, .cmt-bgimage-yes .cmt-pricing-plan, .cmt-blog-single .blockquote-box, .cmt-btn-bgcolor-white, .cmt-btn.cmt-btn-style-border.cmt-bgcolor-white, .cmt-col-bgcolor-skincolor .inside.cmt-fid-view-topicon h3:after, .cmt-highlight-fid-style1, .cmt-icon_element-background-color-white, .cmt-video-btn .cmt-video-btn-play, .cmt-video-btn .cmt-video-btn-play:after, .cmt-video-btn .cmt-video-btn-play:before, .cmt-video-play-btn, .contact-box, .featured-icon-box.style2, .featured-imagebox-post.left-image, .featured-imagebox-post.style1 .featured-content, .featured-imagebox-services .featured-content-services, .featured-imagebox-team.style1 .social-icons li>a, .site-navigation ul.social-icons li a:hover{    background-color: #fff;}
.post-meta .cmt-meta-line i { padding-right: 4px;}
.post-meta .cmt-meta-line {    padding-right: 20px;    position: relative;    font-size: 13px;}
.featured-imagebox-post.top-image.style1 .post-meta {    border-top: 1px solid #efecec;    padding: 7px 60px;    margin: 0 auto;}
.post-meta .cmt-meta-line {    padding-right: 20px;    position: relative;    font-size: 13px;}
.post-meta .cmt-meta-line:not(:last-child):after {    position: absolute;    content: "|";    right: 8px;    top: -3px;    color: #efecec;}
.featured-imagebox-post.style1 .post-meta {    width: max-content;}
.featured-imagebox-post .post-meta {    padding: 7px 0;    border-bottom: 1px solid #efecec;}
.post-title h5 a {    color: #000;    font-size: 20px;    margin-bottom: 10px;    display: block;}
.cmt-box-post-date{    background-color: #fe982f;}
.cmt-box-post-date {    height: 58px;    width: 56px;    position: absolute;    top: 15px;    left: 15px;    font-weight: 600;    font-size: 24px;    line-height: 18px;    padding-top: 13px;    padding-bottom: 7px;    z-index: 1;    text-align: center;}
.featured-imagebox-portfolio.style2:hover .cmt-box-view-overlay .cmt-box-view-content-inner {	opacity: 1;	transform: translateY(0)}
.box-shadow {    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);   box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);}
.featured-imagebox-post.left-image{background-color: #fff;}
.featured-imagebox-post.left-image .featured-content {    padding-left: 25px;    display: flex;    justify-content: space-between;    flex-direction: column;   padding-right: 25px;}
.btn-theme.border {    background-color: transparent;    color: #e7272d;    border: 2px solid #e7272d;}
.blog-area .single-item .info > a {    text-transform: uppercase;    margin-top: 10px;}
.pt-fancybox-1 {    padding: 40px 15px;	background-image: linear-gradient(to right, #f59057, #f2bf82);   color: #fff;    height: 100%;    width: 100%;}
.pt-fancybox-info span {    font-size: 20px;    margin-bottom: 15px;    color: #333;    display: block;	padding-left: 50px;    padding-right: 50px;}
.pt-fancybox-info p {    text-align: justify;     padding-left: 15px;    font-size: 15px;    padding-right: 15px;    color: #333;}
.post-title a {    font-size: 22px;    color: #000;    font-weight: 500;}
.about_content p {    margin-bottom: 15px;    text-align: justify;    line-height: 26px;}
.link-btn a {      background-image: linear-gradient(to right, #f59057, #f2bf82);  padding: 10px 30px;    border-radius: 50px;}
.sub-title{font-family: "Roboto", sans-serif;}
.overlay-text h4 {  text-align: center;  font-size: 22px;}
.cascade-slider_container {     position: relative;     max-width: 1000px;     height: 50vh;     margin: 0 auto;}
.cascade-slider_item {     position: absolute;     top: 50%;     left: 50%;     transform: translateY(-50%) translateX(-50%) scale(0.3);     transition: all 1s ease;     opacity: 0;     z-index: -1;}
.cascade-slider_item.next {     left: 50%;     transform: translateY(-50%) translateX(-120%) scale(0.6);     opacity: 1;    z-index: 4 !important;}
.cascade-slider_item.prev {     left: 50%;     transform: translateY(-50%) translateX(20%) scale(0.6);     opacity: 1;     z-index: 2 !important;}
.cascade-slider_item.now {     top: 50%;     left: 50%;     transform: translateY(-50%) translateX(-50%) scale(1);     opacity: 1;    z-index: 5;}
.cascade-slider_arrow {	display: inline-block;    position: absolute;    top: 50%;    cursor: pointer;    z-index: 5;    transform: translate(0, -50%);    color: #000;    font-size: 30px;    background-image: linear-gradient(to right, #f59057, #f2bf82);    padding: 10px;    border-radius: 10px;}
.cascade-slider_arrow-left {     left: 5%;}
.cascade-slider_arrow-right {     right: 5%;}
.cascade-slider_nav {     position: absolute;     bottom: -120px;     width: 100%;     text-align: center;     z-index: 5;}
.cascade-slider_dot {     display: inline-block;     width: 1em;     height: 1em;     margin: 1em;     background: #ddd;     list-style: none;     cursor: pointer;}
.cascade-slider_dot:hover {     background: #555;} 
.cascade-slider_dot.cur {     background: #555;}
.cascade-slider_slides img {     max-width: 150px;}
.cascade-slider_item:not(.now) img {     filter: grayscale(0.95);}
 .cascade-slider_arrow img {     width: 25px;}
 @media screen and (min-width: 414px) {
/*     .cascade-slider_container {
         height: 50vh;
    }*/
.cascade-slider_slides img {  max-width: 200px;}
}
 @media screen and (min-width: 576px) {
/*     .cascade-slider_container {
         height: 60vh;
    }
*/     
.cascade-slider_slides img { max-width: 270px; }
}
 @media screen and (min-width: 768px) {
.cascade-slider_item.next {         left: 50%;         transform: translateY(-50%) translateX(-125%) scale(0.6);         opacity: 1;         z-index: 1;    }     
.cascade-slider_item.prev {         left: 50%;         transform: translateY(-50%) translateX(25%) scale(0.6);         opacity: 1;        z-index: 1;    }     
.cascade-slider_slides img {         max-width: 250px;}
}
 @media screen and (min-width: 991px) {
.cascade-slider_item.next {         left: 50%;         transform: translateY(-50%) translateX(-115%) scale(0.55);        opacity: 1;         z-index: 4 !important;    }     
.cascade-slider_item.prev {         left: 50%;         transform: translateY(-50%) translateX(15%) scale(0.55);         opacity: 1;         z-index: 4 !important;    }     
.cascade-slider_item.next2 {         left: 50%;        transform: translateY(-50%) translateX(-150%) scale(0.37);        opacity: 1;         z-index: 1 !important;    }     
.cascade-slider_item.prev2 {         left: 50%;         transform: translateY(-50%) translateX(50%) scale(0.37);         opacity: 1;         z-index: 2 !important;    }    
.cascade-slider_slides img {         max-width: 300px;    }
/*     .cascade-slider_container {
         height: 67vh;
    }
}*/
/* @media screen and (min-width: 1100px) {
     .cascade-slider_item.next {
         left: 50%;
         transform: translateY(-50%) translateX(-130%) scale(0.55);
         opacity: 1;
         z-index: 4 !important;
    }
     .cascade-slider_item.prev {
         left: 50%;
         transform: translateY(-50%) translateX(30%) scale(0.55);
         opacity: 1;
         z-index: 4 !important;
    }
     .cascade-slider_item.next2 {
         left: 50%;
         transform: translateY(-50%) translateX(-180%) scale(0.37);
         opacity: 1;
         z-index: 1 !important;
    }
     .cascade-slider_item.prev2 {
         left: 50%;
         transform: translateY(-50%) translateX(80%) scale(0.37);
         opacity: 1;
         z-index: 2 !important;
    }
     .cascade-slider_slides img {
         max-width: 350px;
    }
}*/
}

.container-xl {	background-image: linear-gradient(to right, #006C6D, #006C6D);}
.btn-video a{    background-image: linear-gradient(to right, #f59057, #f2bf82); padding: 10px 30px;    border-radius: 50px;}
.mainContent iframe {    border: 2px solid #fff;    padding: 2px;}
.about-section-two {    background: #f1f1f1;}
.categories a {    color: #242424;    font-size: 15px;    font-weight: 500;}
.search-form .form-control {    font-size: 18px;    height: auto;}
.btn {    border-radius: 0;    padding: 15px 28px 12px;    background-image: linear-gradient(to right, #006C6D, #006C6D);   line-height: 1;}
.sidebar-recent-blog-title {    font-size: 18px;    font-weight: 600;    margin-bottom: 13px;    color: #000;}
.recent-block h6 {    color: #000;}
.recent-block img {    width: 100px !important;    height: 80px;    object-fit: cover;}
.recent-blog .recent-blog-title, .recent-blog .recent-blog-date {    font-size: 15px;}
.categories ul li {    margin-bottom: 10px;    border-bottom: 1px solid #ccc;    padding-bottom: 10px;}
.blog-content p {    text-align: justify;    margin-bottom: 20px;}
h2.blog-title {    font-size: 22px;    margin-bottom: 15px;}
.blog-mata ul li a {    color: #242424;}
.blog-mata h3 {    font-size: 15px;    font-style: italic;}
.blog-details h3 {    font-size: 25px;    margin-bottom: 5px;}
h2.blog-title {    font-size: 22px;    margin-bottom: 15px;}
.blog-mata ul {    margin-bottom: 10px;}
.blog-mata ul li {    margin-right: 15px;    padding-right: 15px;    position: relative;}
.blog-mata ul li:before {    content: "";    position: absolute;    right: 0;    top: 50%;    transform: translateY(-50%);    width: 1px;    height: 15px;   background: #919191;}
.blog-mata ul li:last-child:before {    width: 0;}
.blog-content p {    color: #000;}
.web-head {    background-image: linear-gradient(to right, #006C6D, #006C6D);    /* height: 300px; */    height: auto;    border-radius: 20px;    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;}
p.websites.text-center {    font-size: 26px;    font-weight: 600;    background: #000;    width: 30%;    margin: 0px auto;    padding: 10px;   font-style: italic;    border-radius: 80px;    margin-top: 24px;    color: #fff;
}
ul.site_links li {    line-height: 35px;    border-bottom: 1px solid #f2b90c59;    padding-top: 10px;    text-align: left;    letter-spacing: 1px;    background-image: linear-gradient(to right, #f59057, #f2bf82);    border-radius: 35px;    margin-bottom: 13px;}
ul.site_links {    column-count: 2;    /* background: #d3d3d338; */}
ul.site_links li a {    color: #000;        margin-left: 13px;    font-size: 20px;}
ul.site_links li a i {    margin-right: 10px;    color: #000;}
ul.last-menu {    max-height: 500px;    overflow-y: scroll;}
.about_content h2 {  font-size: 25px;  margin-bottom: 12px;}
.about_content ul {    padding-left: 15px !important;}

.for-img img {    height: 400px;    object-fit: contain;}
img.syling-items {    height: 300px;    object-fit: cover;    border: 1px solid #ccc;}

.modal-center a:nth-first-child(2 of .text-white){ background: #000;}
.modal-center ul li:last-child a {    background: #ff0013;}