@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('https://webclickindia.co.in/smtp/css/mail.css');
@import url(css/responsive.css);
@import url(css/ma5-menu.min.css);
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;  font-family: 'Roboto Slab', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 16px; font-family: 'Roboto Slab', serif; color: #58595a;}
a{font-size: 16px;font-family: 'Roboto Slab', serif; font-weight: 400;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Roboto Slab', serif; color: #58595a; font-weight: 400;}
body{padding: 0px; margin: 0px; box-sizing: content-box; background-color: #fff;}
span{padding: 0px; margin: 0px; font-family: 'Roboto Slab', serif;}
input{font-family: 'Roboto Slab', serif;}
textarea{font-family: 'Roboto Slab', serif;}
.container{width: 1320px; max-width: 1320px;}
/*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 Slab', 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: 16px;}
.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: #ff9800;    position: absolute;    border: none;    top: 80px;    left: -30px;    width: 300px;    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; overflow-y: scroll;    max-height: 500px;}
.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: #000; 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: 55px;    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: #4a4a4a;    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-color: #4a4a4a;    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; color:#000;     font-family: 'Roboto Slab', serif;}
.modal-header button span {       font-size: 27px;    position: relative;    bottom: -3px;}
#homepopupenquiry-form button[type=submit] { line-height: 0px;    background: #ff9800;    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-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: 99;  height: auto;    background-color: #4a4a4a;    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: #24629d;    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;}
.text-block p{    font-size: 15px;}
.under-border-line {    border: 1px solid #24629d;}

.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: 130px;    color: #000;    background-color: #ff9800;    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;}
@keyframes glow {
    from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
    to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
    }
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.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%;    -ms-touch-action: pan-y; touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px); 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{   -webkit-backface-visibility: hidden; backface-visibility: hidden;   -moz-backface-visibility:    hidden;    -ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0); 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: #8bd6fc;}
.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; background-clip: text !important;   -webkit-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 Slab', 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 #24629d;}

.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: #000;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.testimonial h5:after{        background: #000;    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;}
.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-color: #ff9800;  color: #000;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 #000;  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 {    background: #ff9800;    padding: 10px 20px;}
.widget ul li {    margin-bottom: 12px;}

.fa-facebook-f {    background-color: #4064ac;    width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff; border-radius: 50px;}

.fa-x-twitter{background-color: #000;  width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff; border-radius: 50px;}

.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; border-radius: 50px;   text-align: center;    line-height: 30px;   color: #fff;}

.fa-linkedin-in{ background: #0069bc;  width: 30px;    height: 30px;    text-align: center;    line-height: 30px;   color: #fff; border-radius: 50px;}

.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-color: #4a4a4a;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #ff9800;}
.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: #ff9800;}
.city a{    background-color: #4a4a4a;    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: #4a4a4a; font-size: 25px;}
.contact-infomation_left span {    font-size: 20px;}
.form-block span{ font-size: 25px;      font-family: 'Roboto Slab', serif; text-align: left;    margin: 0 0 20px;    padding: 0;    color: #4a4a4a; }
.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: #4a4a4a; border: none;    padding: 10px 35px;    border-radius: 5px;    font-family: 'Roboto Slab', 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: #4a4a4a;}
.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: #4a4a4a;    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: #4a4a4a;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.related-products h4:after{ background: #4a4a4a;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}
/*table*/
table {    margin-bottom: 15px;  font-family: 'Roboto Slab', serif;}
table tbody tr td {    vertical-align: middle;    padding: 6px 10px;    font-size: 17px;    line-height: normal;    text-align: left; font-family: 'Roboto Slab', serif;}
table tbody tr td {    border: 1px solid #000;    width: 60%;    color: #000; font-family: 'Roboto Slab', serif;}
table tbody tr td:first-child {    color:#000;    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: #ff9800;    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;}
.ctm_hdg p{font-size: 30px;  text-align: center;    color: #000;    padding: 2px 0;    background: #4a4a4a;}
.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 Slab', 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 Slab', serif;}
button.main-btn {    background: #ff9800; border: 0px;  font-family: 'Roboto Slab', 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: #fff;}

.keywords h5{    padding: 0 0 0;    font-size: 30px;    margin: 0; text-transform: initial;    color: #fff;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.keywords h5:after{        background: #fff;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
.scrolling-keywords li a {    color: #fff;    line-height: 30px; font-size: 17px;}
.scrolling-keywords {    column-count: 3;}
.keywords {    background: #4a4a4a;    padding: 30px 0; position: relative;}
.scrolling-keywords ul li {    border-bottom: 1px dashed #606060;    padding-bottom: 5px;    padding-top: 5px;}
.hero_content h1 {    color: #fff;}
.faqs {    background: #f1f1f1;}
.about-us {    background: #f1f1f1;}
.about-us-page_content p {    color: #000; font-size: 16px;    line-height: 25px;}
.blog-text p {    color: #58595a;    line-height: 25px;}
.contact-infomation_left a {    color: #000; font-size: 16px; text-decoration: underline;}
.contact-infomation_left p {    color: #000; 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: #f6b44a;}
a.color-mod-1 {    background: #24629d;    padding: 10px 20px;}
a.color-mod-2 {    background: #24629d;    padding: 10px 20px;}
a.color-mod-3 {    background: #24629d;    padding: 10px 20px;}

.gkAbout {  padding: 40px 0 25px;    background: url(img/services_bg_shape.png)no-repeat;   /*   background-color: #FCF9F4;*/ background-position: bottom;}
.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: #24629d;}
.bg3 {    background-color: #8bd6fc;}
.bg4 {    background-color: #24629d;}
.features h5 {    font-size: 23px;    margin-bottom: 16px;}
.about_content-metter h4 {    font-size: 30px;    margin-bottom: 12px;}
.about_content-metter h5 {    font-size: 30px;    margin-bottom: 12px;}
.about_content-metter p {    line-height: 28px;   font-size: 16px; margin-bottom: 15px; color: #000;}
.about_content-metter a {    color: #000;    text-decoration: underline;}
.content-column a {     text-decoration: underline;}

.aboutText{ color: #000; font-family: 'Roboto Slab', 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: #24629d; border: 1px solid #fff;}
.icon-2-color {    background: #8bd6fc; border: 1px solid #fff;}
.icon-3-color {    background: #24629d; 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: #000;    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: #4a4a4a;  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: #24629d;}
a.green-btn{background-color: #24629d;}
a.red-btn{background-color: #24629d;}
/*Footer*/
footer{background-color: #4a4a4a; position: relative;}
.widget_footer span {  color: #fff;  font-size: 20px;    display: block;    margin-bottom: 15px;}
.widget_footer ul li a {    font-size: 17px; color: #fff; position: relative; top: -10px; line-height: 35px;}
.widget_footer ul li {    line-height: 28px;}
.copy-right {    z-index: 9;    color: #000; background-color:#ff9800;}
.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-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: .875rem;}
.top_number ul li a {    font-size: .875rem; color: #000;}
.client-information ul li i {    font-size: 20px; color: #24629d;}
li.color_light{color: #e1e1e1;}
.playground_border ul li {    font-size: 16px;}
.widget_footer p { color: #fff;   font-size: 16px;}
div#owl-demo-3 .item p {    font-size: 16px; color:#000;}
.responsive-accordion-panel p {    font-size: 16px;}
.varites h4 {    font-size: 35px;}
.top_number i {    color: #000;}

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.webp)no-repeat;  background-position: center;  background-size: cover;}
.pink_dark-color h5 {font-size: 25px; line-height: 35px;}
.pink_dark-color span {  font-size: 20px;   font-weight: 600;  display: block;    margin-bottom: 10px; color: #000;}
.pink_dark-color p {font-size: 15px; color: #000;}
.under-inner-color{background-color: #ff9800;}

.year-text p {    background: url(img/image-1-500x420.webp);    line-height: 140px;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-family: 'Montserrat', sans-serif;   font-weight: 900;    font-size: 85px; background-clip: text;   -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: #ff9800;}
.icons-circle ul li {  width: 100%;    text-align: left;}
.icons-circle ul li img{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: 30px;}    
.process__heading-title::before {    content: attr(data-text);   font-family: 'Roboto Slab', 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; color: #000;}

.process__intro-cta span {    padding: 0.5em 0;    display: block;    border: 1px dashed #ff9800;    border-radius: 25px;   font-family: 'Roboto Slab', serif; color: #fff;}
.process__intro-cta {    font-size: 1.2rem;}
.process__intro-cta{    padding: 0.25em 0.25em;    display: block;    text-align: center;    background-color: #4a4a4a;    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 20px;  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 Slab', serif; font-size: 14px;}
.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: #ff9800;}
.bg-change-color-2 {    background: #ff9800;}
.bg-change-color-3 {    background: #ff9800;}
.bg-change-color-4 {    background: #ff9800;}
.bg-change-color-5 {    background: #ff9800;}
.bg-change-color-6 {    background: #ff9800;}


a.bg-change-color-1 {    background: #ff9800;}
a.bg-change-color-2 {    background: #ff9800;}
a.bg-change-color-3 {    background: #ff9800;}
a.bg-change-color-4 {    background: #ff9800;}
a.bg-change-color-5 {    background: #ff9800;}
a.bg-change-color-6 {    background: #ff9800;}
.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;     font-weight: 400;}

.tabs_item {    height: 495px;}

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


::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #4a4a4a;}
::-webkit-scrollbar-thumb:hover {  background: #ff9800;}
.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; color: #000;}
.under-inner-color ul li {    margin-bottom: 14px;    font-size: 16px;}
.full-content-item p { color: #000;   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: #24629d;}
.about-us-page_content h2 {    margin-bottom: 16px;}
.product_box img {    height: 250px;    object-fit: fill;}
.related_product p {     text-align: justify;   font-size: 16px; margin-bottom: 15px; color: #000;}
.small-link a {    font-size: 18px;}
#owl-demo-serving .inner-overflow{width: 100%;  height: auto; overflow: hidden; margin: 0 auto; }
#owl-demo-serving .item .inner-overflow img{ 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: #333; 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: 40px;}
/*.pink_dark-color {    height: 300px;    overflow-y: scroll;}*/
a.arial-family{font-family: 'Roboto Slab', serif;   font-weight: 700;}
ul.tnit-social-links li img {position: relative;  top: -2px;}
.content-more span {    font-size: 20px;    display: block;    text-align: center;    margin-top: 20px;    background: #ff9800;    color: #fff;}
.content-kidzlet p {    font-size: 16px; margin-bottom: 25px; text-align: justify; color: #000;}
.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 {    list-style-type: disc; font-size: 16px;     line-height: 32px;}
.product-details_content h1 {   margin-bottom: 10px; font-size: 20px;}
.product-details_content h2 {   margin-bottom: 10px; font-size: 20px;}
.product-details_content h3 {   margin-bottom: 10px; font-size: 20px;}
.product-details_content h4 {   margin-bottom: 10px; font-size: 20px;}
.product-details_content h5 {   margin-bottom: 10px; font-size: 20px;}
.product-details_content h6 {   margin-bottom: 10px; font-size: 20px;}

.related-products .title {    margin-bottom: 50px;}

@-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: #24629d;    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: #000;}
.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: #000;    padding: 15px;    color: #fff;    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 Slab', 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 Slab', 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 Slab', 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 {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: #24629d;    border: none;}
.box .price span {    color: gray;}
.box .price {font-size: 18px;margin-bottom: 16px;}
.add-tocart {   background-color: #24629d;    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: #60b8e4;    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: #24629d;    padding: 8px;}
.drop-acc p {    color: #fff;}
.drop-acc {    margin-top: 23px;    background-color: #24629d;    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-color: #61b9e4;    writing-mode: vertical-lr;    padding: 13px 4px;    color: #ffffffc7 !important;    font-size: 12px;    text-transform: uppercase;    letter-spacing: 0.5px;    transform: translateY(0px);    transition: 0.5s ease-in-out;    z-index: 999;}
.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 Slab', serif;}
.side-modal input{    border-bottom: 1px solid #f3f2f2 !important;    font-family: 'Roboto Slab', 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: 43%;    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 #fba930;}
img.full-img-count {    width: 84% !important;    border-radius: 5px; padding-left: 25px;}
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: #ff9800;    padding: 10px 30px;}
.aboutText a {    color: #000; font-weight: 600;   text-decoration: underline;}
.itme-block span {    font-size: 22px;}
.tagline-red{background-color: #ff9800;}
ul.list-item-custom li span {    font-size: 25px;}
.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: #000;}
.border-blue {    border: 1px solid #ff9800; background: #fff;}
.blog-btn > a {    background: #4a4a4a;    padding: 6px 15px;}
.information-base{background-color: #4a4a4a;}
/*.blogs .border-blue {    min-height: 600px;}*/
.map iframe {    width: 100%;    height: 300px;    border: 0px;}

.box-shadow {    background: #fff;    padding: 20px;}
.information_box {    margin-bottom: 30px;}
.owl-buttons{display:none;}
.social-media-icon-navigation i.fa-facebook{background: #3d69a6; width: 35px; height: 35px;  text-align: center; line-height: 35px;   border-radius: 50px;}
.social-media-icon-navigation 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: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;}
.social-media-icon-navigation i.fa-linkedin{background: #0069bc;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;}
.social-media-icon-navigation i.fa-youtube{    background: #ff0013;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;}
    
    .more-content-upper-side {    padding: 50px 0;    background: #f1f1f1;}
    .more-content-img img {    float: left;    margin-right: 20px;}
    .more-content-text ul li {    list-style-type: disc;}
    .more-content-text ul {    padding-left: 15px;}
    .more-content-text h2 {    font-size: 22px;    margin-bottom: 10px;}
    .more-content-text h3 {color:#000;    font-size: 22px;    margin-bottom: 10px;}
    .more-content-text p {    text-align: center;    margin-bottom: 15px;}
    .why-chose-content {    background: #ff9800;    padding: 10px 0;}
    .slotted-pallet img {    width: 100%;}
    .blue-color {    padding: 15px;    background: #4a4a4a;    border-radius: 5px;}
    .blue-color > span { font-size: 22px;  margin-bottom: 15px;}
    .blue-color img {   margin-bottom: 15px;}
    .blue-color a {    color: #fff;}
    .blue-color ul li { line-height: 30px;}
    .more-content-text li {    margin-bottom: 12px;}
    .top_header li {    color: #000;}
    .full-content-item .title > span {font-size: 30px; font-weight: 600;}
    span.process__heading-title{font-size: 25px; line-height: 32px;}
    .keywords .title span {    color: #fff;    font-size: 30px;    }
    .about_content-metter span {text-align: center; width: 100%; font-size: 6px; display: block; margin-bottom: 10px; font-size: 30px;}
     .midd-center .title span {font-size: 30px;}
     .nature-busienss-item span{color:#fff;}
     .client-logo-design .title span {        font-size: 30px;        margin-bottom: 18px;    }
    .information-base .title span {        font-size: 30px;    }
    .faqs .title > span {        display: block;        font-size: 30px;    }
    .content-column span {        font-size: 30px;    }
    div#carouselExampleIndicators img {        margin: 0px auto;    }
    .about-us-page_content a {        color: #000;        text-decoration: underline;    }
    .about-us-page_content p{margin-bottom: 15px;}
    .related_product img {        border: 1px solid #ccc;    }
    .blog-content-text p {        color: #000;    }
    .blog-short a {        text-decoration: underline;        color: #000;    }
    .product-details_content a {        font-weight: 700;        color: #000;        text-decoration: underline;    }

    .client-information span {        font-size: 18px;        font-weight: 700;        line-height: 19px;    }

    .search_bar i {        width: 35px;        height: 35px;        display: flex;        justify-content: center;        align-items: center;        background: #ff9800;        border-radius: 50px;    }

    .widget_footer svg {        filter: brightness(0.0) invert(1);    }

    .content-kidzlet h2 {font-size: 22px; margin-bottom: 10px;  }
    .content-kidzlet h3 {font-size: 22px; margin-bottom: 10px;}
    .content-kidzlet h4 {font-size: 22px; margin-bottom: 10px;}
    .content-kidzlet h5 {font-size: 22px; margin-bottom: 10px;}
    .content-kidzlet h6 {font-size: 22px; margin-bottom: 10px;}

    .why-chose-content_content {    text-align: center;}

    .white-wrap {    background-color: #4a4a4a; margin-top: 50px;}
    .submit-btn button {    font-family: 'Roboto', sans-serif;    width: 100%;    background: #ff9330;    border: none;}
    .submit-btn button:hover{background-color: #000;}
    div#inner-frm span {    font-size: 25px;}
    div#inner-frm {    position: sticky;    top: 60px;    z-index: 9;}
    .related_product a {    color: #000;    text-decoration: underline;}
.sticky-mode-design {    position: sticky;    top: 70px;}
.main-slider {    position: relative;}
.slider-form-side-bar {  position: absolute; top: 0;  right: 30px; z-index:9;}
.inner-form-side{background: #4a4a4ae6;  width: 100%;  padding: 20px;     border-radius: 8px;}
.slider-form-side-bar form input {      margin-bottom: 18px;  width: 100%;    border: none;    height: 45px; padding-left:15px;}
.slider-form-side-bar form input:focus{outline:none;}

.slider-form-side-bar span {    display: block;    text-align: center;    margin-bottom: 22px;    color: #fff;    font-size: 22px;}
.slider-form-side-bar button {    width: 100%; background-color:#ff9800;   border: none; padding: 10px 0; font-family: 'Roboto Slab', serif;}
.slider-form-side-bar button:focus{outline:none;}
.inner-form-side {    background: #4a4a4ae6;    width: 35%;    padding: 20px;    float: right; }
div#sliderhomeenquiry-form {    height: 77vh;    /* background: red; */    display: flex;    align-items: center;    justify-content: right;}