@import url('css/responsive.css');
@import url('css/ma5-menu.min.css');
@import url('css/mail.css');
@import url('css/font-awesome.min.css');

@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
src: local('FontAwesome'), local('FontAwesome'),
url(fonts/fontawesome-webfont.woff2)
format('woff2');
font-display: swap;
}

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: 15px;  color: #000;    font-family: "Roboto Slab", serif;}
a{font-size: 15px;     font-family: "Roboto Slab", serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; color: #000;     font-family: "Roboto Slab", serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box; background-color: #fff;    font-family: "Roboto Slab", serif;}
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;}
/* ========================================== ULTRA PROFESSIONAL ENQUIRY FORM DESIGN ONLY FOR HOME FORM ========================================== */ #homeenquiry-form { position: relative; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(14px); padding: 45px 38px; border-radius: 24px; overflow: hidden; border: 1px solid rgba(47, 47, 47, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 25px 60px rgba(0, 0, 0, 0.08); transition: 0.4s ease; } #homeenquiry-form:hover { transform: translateY(-3px); } /* Decorative Elements */ #homeenquiry-form::before { content: ""; position: absolute; top: -80px; right: -80px; width: 220px; height: 220px; background: rgba(47, 47, 47, 0.04); border-radius: 50%; } #homeenquiry-form::after { content: ""; position: absolute; bottom: -90px; left: -90px; width: 220px; height: 220px; background: rgba(47, 47, 47, 0.03); border-radius: 50%; } #homeenquiry-form form { position: relative; z-index: 2; } /* ========================= HEADING ========================= */ .form-details.ctm_hdg > p { font-size: 42px; font-weight: 800; color: #2f2f2f; line-height: 1.2; margin-bottom: 30px; position: relative; display: inline-block; letter-spacing: -0.5px; background: transparent !important; } .form-details.ctm_hdg > p::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 85px; height: 4px; border-radius: 50px; background: #2f2f2f; } /* ========================= INPUTS ========================= */ #homeenquiry-form input, #homeenquiry-form textarea { width: 100%; background: #fff; border: 1px solid #e6e6e6; border-radius: 16px; padding: 18px 20px; font-size: 15px; font-weight: 500; color: #2f2f2f; margin-bottom: 18px; transition: all 0.3s ease; box-shadow: none; } #homeenquiry-form input:hover, #homeenquiry-form textarea:hover { border-color: rgba(47, 47, 47, 0.25); } #homeenquiry-form input:focus, #homeenquiry-form textarea:focus { outline: none; border-color: #2f2f2f; box-shadow: 0 0 0 5px rgba(47, 47, 47, 0.08); transform: translateY(-1px); } #homeenquiry-form input::placeholder, #homeenquiry-form textarea::placeholder { color: #888; font-size: 15px; font-weight: 500; } #homeenquiry-form textarea { min-height: 170px; resize: none; border-radius: 18px; } /* ========================= BUTTON ========================= */ #homeenquiry-form button[type="submit"] { position: relative; overflow: hidden; background: #2f2f2f; color: #fff; border: none; border-radius: 60px; padding: 17px 48px; min-width: 220px; font-size: 16px; font-weight: 700; letter-spacing: 0.4px; transition: all 0.35s ease; box-shadow: 0 12px 25px rgba(47, 47, 47, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1); } #homeenquiry-form button[type="submit"]::before { content: ""; position: absolute; top: 0; left: -120%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.18), transparent ); transition: 0.6s; } #homeenquiry-form button[type="submit"]:hover::before { left: 120%; } #homeenquiry-form button[type="submit"]:hover { background: #1f1f1f; transform: translateY(-3px); box-shadow: 0 18px 35px rgba(47, 47, 47, 0.28); } #homeenquiry-form button[type="submit"]:active { transform: scale(0.98); } /* ========================= REMOVE EXTRA SYMBOLS ========================= */ #homeenquiry-form form { font-size: 0; } #homeenquiry-form input, #homeenquiry-form textarea, #homeenquiry-form button, #homeenquiry-form p { font-size: initial; }

/*Css*/
.search_bar input { width: 100%; padding: 0.375rem 2.75rem; font-size: 15px;    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%;*/ background: #2b2d3e; border-radius: 50px; color: #fff;}
.search_bar input::placeholder{color: #fff;}
.search_bar button{  position: absolute;    top: 0;    left: 12px;    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: #2f2f2f;    position: absolute;    border: none;    top: 80px;    left: 0px;    width: 320px;    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 {  background: #2f2f2f;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: #24629d;    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: #2b2d3e;    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: #2b2d3e;    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: 999;  height: auto;    background-color: #2f2f2f;    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: #2f2f2f;    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: 5px;}
.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: #55b3e3;    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 #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
@keyframes glow {
    from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
    to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
    }
.bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;}
@keyframes bounce {
0% {transform: translateY(0);}
12.5% {transform: translateY(0);}
25% {transform: translateY(0);}
50% {transform: translateY(-15px);}
62.5% {transform: translateY(0);}
75% {transform: translateY(-15px);}
100% {transform: translateY(0);}
}
.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{ backface-visibility: hidden;  -webkit-backface-visibility: hidden;    -moz-backface-visibility:    hidden;    -ms-backface-visibility:     hidden; transform: translate3d(0,0,0); -webkit-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: -70px;    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: #2f2f2f;}
.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; content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; position: absolute; top: 7px; left: 13px; color: #ffffff;}  
.owl-next:after {   font: normal normal normal 25px/1 FontAwesome;  content: "\f105";  position: absolute;    top: 7px;    color: #fff;    left: 16px; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; position: absolute; top: 7px; right: 13px; color: #fff;}   
.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-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-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: 30px;  margin: 0;  text-transform: initial;    color: #000;    margin-bottom: 25px;    position: relative;   overflow: visible; }
.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: 30px;    margin: 0;  text-transform: initial;    color: #fff;    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: #2f2f2f;  color: #fff;line-height: normal;position: relative; font-weight: 600; font-size: 18px;}
.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 #2f2f2f;  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: #ff0030;    padding: 10px 20px;}
.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-pinterest-p{ 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: #007bc8;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #2a2d3d;}
.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,.5); 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: #ffffff;}
.city a{    background-color: #2f2f2f;    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: 25px;}
.contact-infomation_left span {    font-size: 20px;}
.form-block span{ font-size: 25px;     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: #2f2f2f; border: none;    padding: 10px 35px;    border-radius: 5px;  }
.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: #006499;}
.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: #2f2f2f;    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: #000;    margin-bottom: 25px;    position: relative;   overflow: visible;}
.related-products h4:after{ background: #000;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;    width: 50px;}
/*table*/
table {    margin-bottom: 15px; }
table tbody tr td {    vertical-align: middle;    padding: 6px 10px;    font-size: 17px;    line-height: normal;    text-align: left;}
table tbody tr td {    border: 1px solid #58595a;    width: 60%;    color: #58595a;}
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: #ff0030;    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: #2f2f2f;}
.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;      }
.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: 5px 0;    width: auto;    -webkit-transition: .3s;    transition: .3s;    cursor: pointer;    font-size: 20px;    font-weight: normal; }
button.main-btn {    background: #2f2f2f; border: 0px;    padding: 5px 0;}
.contact-form-home input::placeholder,
.contact-form-home textarea::placeholder {    font-size: 14px;    font-weight: 500;    color: #333;}
.home-form { background: url(img/form-bg.webp) no-repeat;  background-size: cover;}

.keywords h5{    padding: 0 0 0;    font-size: 35px;    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: 4;}
.keywords {    background: #212c6c;    padding: 30px 0; position: relative;}
.scrolling-keywords ul li {    border-bottom: 1px dashed #4b5aaf;    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: #000;    line-height: 25px;}
.contact-infomation_left a {    color: #000; font-size: 16px;}
.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: #2b2d3e;}
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;}

.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-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-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: #24629d;    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: #24629d;}
a.green-btn{background-color: #24629d;}
a.red-btn{background-color: #24629d;}
/*Footer*/
footer{background-color: #2f2f2f; position: relative;}
.widget_footer span {     font-size: 20px;    display: block;    margin-bottom: 15px;    color: #fff;    font-weight: 400;}
.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:#2f2f2f;} */
.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;}
.tagline-red span{color:#fff !important}
#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-pinterest-p {    background: #ff0013; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50px;}
.top_header ul li a {    font-size: 16px;     font-weight: 700;}
.top_number ul li a {    font-size: 16px;     font-weight: 700;}
.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 {    font-size: 16px;    position: relative;    top: 25px; color:#fff;}
div#owl-demo-3 .item p {    font-size: 16px; color:#fff;}
.responsive-accordion-panel p {    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-attachment: fixed; background-size: cover;} */
.pink_dark-color h5 {font-size: 25px; line-height: 35px; color: #fff;}
.pink_dark-color span {  font-size: 20px;   font-weight: 600;    margin-top: 18px;    display: block;    margin-bottom: 10px; color: #000;}
.pink_dark-color p {font-size: 15px; color: #fff; text-align: justify;}
.under-inner-color{background-color: #2b2d3e;}

.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-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: #2f2f2f;}
.icons-circle ul li {  width: 100%;    text-align: left;}
.icons-circle ul li img{margin-bottom: 10px;     filter: brightness(0.1);}
.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);   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; color: #24629d;}
.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 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-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;}*/



.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: #24629d;}
.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; }
#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: #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: 40px;}
/*.pink_dark-color {    height: 300px;    overflow-y: scroll;}*/
a.arial-family{    font-weight: 700;}
ul.tnit-social-links li img { margin-top: -2px;}
.content-more span {    font-size: 20px;    display: block;    text-align: center;    margin-top: 20px;    background: #2f2f2f;    color: #fff;}
.content-kidzlet p {    font-size: 16px; margin-bottom: 25px; text-align: justify; line-height: 25px;}
.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: 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: #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: #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: #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;        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;       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-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{  color: #58595a;}
.cover-product-this li {    font-size: 16px;}
.this-flex-none a {    color: #fff;    font-weight: 800;}
.client-logo-design ul li {    width: 20%;    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: #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: #ff0030;    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; }
.side-modal input{    border-bottom: 1px solid #f3f2f2 !important; }
.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){
    #homeenquiry-form{ padding: 28px 20px; border-radius: 18px; } .form-details.ctm_hdg > p{ font-size: 28px; margin-bottom: 25px; } #homeenquiry-form input, #homeenquiry-form textarea{ padding: 15px 16px; border-radius: 14px; font-size: 14px; } #homeenquiry-form textarea{ min-height: 140px; } #homeenquiry-form button[type="submit"]{ padding: 15px 20px; font-size: 15px; }
.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 #058ae9;}
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: #2f2f2f; padding: 25px;}
.inner-column-website ul {    column-count: 3;}
.inner-column-website ul li a{color: #fff; font-size: 18px;}
.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: #2b2d3e;    padding: 10px 30px;     border-radius: 5px;}
.seo-side {    background: #2f2f2f;}
.aboutText a {    color: #000;    text-decoration: underline;}
.itme-block span {    font-size: 22px;}
.tagline-red{background-color: #2f2f2f;}
ul.list-item-custom li span {    font-size: 20px;}
.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 #ff0030; background: #fff;}
.blog-btn > a {    background: #ff0030;    padding: 6px 15px;     background: #ff0030;}
.information-base{background-color: #f1f1f1;}
.blogs .border-blue {      min-height: 565px;}
.map iframe {    width: 100%;    height: 300px;    border: 0px;}
.box-shadow {    background: #fff;    padding: 20px;}
.form-design form input {    width: 100%;    border-radius: 50px;    border: 0px;}
.form-design input {    background-color: #eee;    height: 45px;    padding-left: 50px; }
.form-design form {    position: relative;}
.form-design button {    position: absolute;    top: 10px;    left: 10px;}
.client-information i{color: #2f2f2f;}
.styling-tag ul li h1 {    color: #fff;}

.demo__open-btn i {
    color: #fff;
}

.demo__social-btn-4 {
    background: #00d573;
}

.demo__social-btn-3 {
    background: #ec0046;
}

.demo__social-btn-2 {
    background: #50007d;
}

.demo__social-btn-1 {
    background: #0090ea;
}


.demo__buttons {
    position: fixed;
    bottom: 17%;
    left: 7%;
    transform: translate(-100px, -100px);
    filter: url(#goo);
    z-index: 999;
}

.demo__buttons.step-0 .demo__social-btn-1, .demo__buttons.step-0 .demo__social-btn-2, .demo__buttons.step-0 .demo__social-btn-3, .demo__buttons.step-0 .demo__social-btn-4 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-1 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-1 .demo__social-btn-2, .demo__buttons.step-1 .demo__social-btn-3, .demo__buttons.step-1 .demo__social-btn-4 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-2 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-3, .demo__buttons.step-2 .demo__social-btn-4 {
    transform: translate3d(50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-2 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-3 {
    transform: translate3d(50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-4 {
    transform: translate3d(50px, -50px, 0);
}

.demo__social-btn {
    position: absolute;
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    background-image: linear-gradient(to right, #f05a28, #f6931e);
    color: #261758;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.demo__social-btn:hover {
    color: #106279;
}

.demo__open-btn {
    position: absolute;
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    font-size: 30px;
    font-family: sans-serif;
    background-color: #2f2f2f;
    color: #000;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.demo__open-btn:hover {
    color: #106279;
    box-shadow: 0 0 15px white;
}

.about-me {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: white;
}

.about-me a {
    color: white;
}

.about-me a:hover {
    color: #6666ff;
}

.demo__open-btn i {
    color: #fff;
}

.demo__social-btn-4 {
    background: #00d573;
}

.demo__social-btn-3 {
    background: #ff002c;
}

.demo__social-btn-2 {
    background: #252b70;
}

.demo__social-btn-1 {
    background: #2f2f2f;
}

.demo__social-btn i {
    font-size: 25px;
    color: #fff;
}
.styling-tag ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.blog-content-text a {
    font-weight: 700;
    border-radius: 5px;
}
.blog-content-text p {
    text-align: justify;
}
/* div#owl-demo-serving .item img {    height: 300px;    object-fit: cover;} */

.information-base img {    height: 300px;    object-fit: cover;}
.btn {    border-radius: 0;    padding: 15px 28px 12px;    background-color: #223a8b;    border-color: #223a8b;    line-height: 1;}


.categories ul li {    margin-bottom: 10px;    border-bottom: 1px solid #ccc;    padding-bottom: 10px;}
h2.blog-title {    font-size: 22px;    margin-bottom: 15px;}
.blog-mata ul {    margin-bottom: 10px;}
.blog-mata h3 {    font-size: 15px;    font-style: italic;}
.blog-content span {    font-weight: 900;    font-size: 18px;    color: #223a8b;    display: block;    margin-bottom: 10px;}
.blog-content ul li {    margin-bottom: 12px;    /*list-style-type: disc;*/}
/*.blog-content ul {
    padding-left: 15px;
}*/
/*.blog-content i {
    width: 5%;
    float: left;
}*/
.recent-block img {    width: 100px !important;    height: 80px;    object-fit: cover;}
.categories a {
    color: #242424;
    font-size: 15px;
    font-weight: 500;
}
.sidebar-recent-blog-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
    color: #061538;
}
.recent-blog .recent-blog-title, .recent-blog .recent-blog-date {
    font-size: 15px;
}
.recent-block h6 {
    color: #000;
}
.blog-content p {
    text-align: justify;
    margin-bottom: 20px;
}
.blog-mata ul li a:hover {
    color: #ff5e14;
}
.blog-mata ul li a {
    color: #242424;
}
.blog-mata {
    margin-bottom: 10px;
}
.blog-details h3 {
    font-size: 25px;
    margin-bottom: 5px;
}
.under-bullet-point h6 {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.blog-details h3 {
    font-size: 25px;
    margin-bottom: 5px;
}

.styling-tag li span {    font-size: 25px;    color: #fff;}

.aboutText h1 {    font-size: 22px;    margin-bottom: 10px;}
.aboutText h2 {    font-size: 22px;    margin-bottom: 10px;}
.aboutText h3 {    font-size: 22px;    margin-bottom: 10px;}
.aboutText h4 {    font-size: 22px;    margin-bottom: 10px;}
.aboutText h5 {    font-size: 22px;    margin-bottom: 10px;}
.aboutText h6 {    font-size: 22px;    margin-bottom: 10px;}
.tagline-red span a{color:#fff !important}
.bgred ul li:first-child a {    background: #fff;    padding: 10px 30px;    color: #333;    font-weight: bold;    border-radius: 5px;}
.bgred ul li:last-child a {    background: transparent;    padding: 10px 30px;  border:1px solid #fff;  color: #fff;    font-weight: bold;    border-radius: 5px; transition: 0.5s;}
.bgred ul li:last-child a:hover{background: #fff;color:#2f2f2f}

.tagline-red{background: 
    linear-gradient(
        rgba(0, 0, 0, 0.72),
        rgba(0, 0, 0, 0.72)
    ),
    url("../public/img/bg-overlay.webp");

background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed; }
.form-details p {    color: #fff;}


::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #2b2d3e;}
::-webkit-scrollbar-thumb:hover {  background: #2f2f2f;}

.about-us-page_content h2{font-size: 22px;}
.about-us-page_content h3{font-size: 22px; margin-bottom: 12px;margin-top: 12px;}
.about-us-page_content h4{font-size: 22px; margin-bottom: 12px;margin-top: 12px;}
.about-us-page_content h5{font-size: 22px; margin-bottom: 12px;margin-top: 12px;}
.about-us-page_content h6{font-size: 22px; margin-bottom: 12px;margin-top: 12px;}
.about-us-page_content ul li {    list-style-type: disc;    line-height: 30px;}
.about-us-page_content ul{padding-left: 15px;}

.footer_bottom {    background: url(../public/img/footer_bg.png) repeat-x scroll center top;    background-size: cover;    width: 100%;    height: 120px;    padding: 30px 0 0;}
/* ul.dropdown-menu {    max-height: 300px;    overflow-y: scroll;} */
.copy-right p {    padding-left: 125px;    padding-right: 0px;}
ul.scroll-bar-type {    max-height: 267px;    overflow-y: scroll !important; top: 0 !important;}
ul.last-child-no-wrap {    width: 250px !important; }
ul.scroll-height-bar-design {    max-height: 400px;    overflow-y: scroll;}

span.class-styling {    font-size: 30px;    font-weight: 500;}
span.class-styling a{    font-size: 30px;    font-weight: 500;}
.sitema-links-item span {    font-size: 22px;}
.search-bar-type-page img {    height: 300px;    object-fit: scale-down;    border: 1px solid #ccc;}

.map iframe{width: 100%; height: 450px;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #2f2f2f;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}