@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-family: 'Raleway', sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Muli', sans-serif;}
a{font-size: 16px; }
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;  font-family: 'Muli', sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Muli', sans-serif;}
input:focus{outline: none; box-shadow: none;}
.hk-hide{pointer-events: none;}
/*css*/
.twd_container p.text-center {   font-size: 35px;}
.top-mails i {    color: #ec8934;}
.scoop-main-container {    min-height: auto !important;}
/*.logo img {    position: absolute;   z-index: 999;    text-align: center;}*/
.nav-link i {    font-size: 12px;}
.nav-link a {    color: #ef8933;}
header{background: #3bb77e;}
.social-media i{text-align: center; color: #9b9daf;}
.social-media li{transition: 0.5s;}
.social-media li:hover{background-color: #f5ad0d;}
.social-media li {border-right: 1px solid #43d994;}
.information span{font-size: 18px;}
.inner-infor a{    color: #787878; font-weight: 500; font-family: 'Raleway', sans-serif;   }
.inner-infor span {font-weight: 700;}
.inner-infor p {    color: #787878;}
.nav-inner{background-color: #3bb77e;}
.get-to-quate a {background: #fdc040; padding: 10px 25px 10px 25px; transition: 0.5s;}
.get-to-quate a:hover{background-color: #438566;}
.about-section{position: relative;}
.behide-animation{position: absolute; right: 0px; opacity: 0.1;}
.behide-animation img{transition: 0.5s; }
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}



.home_ab p {margin-left: 101px;}
.about-text span { font-size: 16px;}
.about-text p{line-height: 28px; color: #787878;}
.about-text ul li{line-height: 28px; color: #787878; margin-left:20px; list-style-type:disc;}
.about-text {    box-shadow: 0px 0px 38px 0px #f1f1f1;}
img.poisiton-absolute {    position: absolute; /*bottom: -90px;*/}
.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;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%; top:6px;}
.owl-carousel .owl-wrapper-outer.autoHeight{	-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{	-webkit-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);}
.owl-controls.clickable{ display:block !important;}
.owl-pagination {display: none;}
.owl-buttons{ position: absolute;    top: -216px;    color: #fff;    right: 1%;    width: 100px;    height: 45px;}	 	
.owl-buttons .owl-next,	.owl-prev{	width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;	background:transparent;left: 55px;	    background: #3bb77e;}
.owl-next {right:0;}
.owl-prev{ left:0px;}
.owl-next:hover {color: #16639f !important;}
.owl-prev:hover {color: #16639f !important;}
.owl-prev:before {content:url(images/left.png);    position: absolute;       top: 7px;    left: 7px;}
.owl-next:after {font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}	
.owl-next:after {content: url(images/right.png);    position: absolute;    top: -2px;    color: #fff;    left: 7px;}
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {background: rebeccapurple;}
div#owl-demo {text-align: center;    position: relative;   left: 32%;    z-index: 999;    top: 20%;}
.our_websites {    padding: 20px 0px;}
.web-head {    background: #3bb77e;    overflow-y: scroll;
    height: 339px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
ul.site_links li a i {
    margin-right: 10px;
    color: black;
}
ul.site_links {
    column-count: 3;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #4caf50;
    padding-top: 10px;
    text-align: left;
}
ul.site_links li a {
    color: slateblue;
}
.web-head ul li a {
    font-size: 14px;
    color: #333;
}
ul.site_links li a {
    color: white;
    margin-left: 13px;
    font-size: 14px;
}
p.websites.text-center {
    font-size: 26px!important;
    font-weight: 600;
   background: white;
    width: 24%;
    margin: 0px auto;
    padding: 10px
}
.list-kidz {    
    display: inline;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: white black;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 20px;
  border: 3px solid black;
}




.section-heading h3 {    position: relative;  font-weight: 400;    color: #222;    line-height: 130%;    margin-bottom: 10px;    margin-top: 5px;}
.section-heading p {    font-size: 15px;    font-weight: 400;    color: #777;    line-height: 1.8;    padding-top: 15px;    margin-bottom: 0px;}
.service-block {    position: relative;    display: block;    text-align: center;    margin: 15px 0px;    -webkit-transition-duration: .3s;    transition-duration: .3s;}
.service-block img {    width: 100%;    border-radius: 5px;}
.service-block-content {    position: relative;    background: #fff;    width: calc(100% - 45px);    box-shadow: 0 20px 30px rgba(0,0,0,.05);    border-radius: 5px;    padding: 35px 10px 55px 10px;    margin: auto;    transform: translateY(-25px);}
.service-block-content h4 {    font-size: 19px;    font-weight: 600;    margin-bottom: 14px;    line-height: 1.4;}
.service-block-content p.pro-h4d {    font-size: 17px;    font-weight: 600;    margin-bottom: 14px;    line-height: 1.4; color:#19185c;}
.service-block-content p {    font-size: 20px;     color: #787878; line-height: 26px;}
.service-block-content-button {    position: absolute;    bottom: 0;    left: calc(50% - 30px);    border-radius: 10px;    display: inline-block;    background: #3bb77e;    border: 2px solid #3bb77e;    color: #fff;    width: 60px;    height: 60px;    padding: 17px 21px;    margin: auto;    transform: translateY(28px) rotate(45deg);}
.service-block-content-button i {    color: #fff;    font-size: 18px;    transform: rotate(-45deg);}
.why-choose-us {    background: #f1f1f1;}
.tabs {  display: table;  table-layout: fixed;  width: 100%;  -webkit-transform: translateY(5px);  transform: translateY(5px);}
.tabs > li {transition-duration: .25s;    display: table-cell;    list-style: none;    text-align: center;    padding: 15px 10px 15px 10px;    position: relative;    overflow: hidden;    cursor: pointer;    color: #333;    font-size: 15px;    font-weight: 700;}
.tabs > li:before {  z-index: -1;  position: absolute;  content: "";  width: 100%;  height: 120%;  top: 0;  left: 0;  background-color: rgba(255, 255, 255, 0.3);  -webkit-transform: translateY(100%);  transform: translateY(100%);  transition-duration: .25s;  border-radius: 5px 5px 0 0;}
.tabs > li:hover:before {  -webkit-transform: translateY(70%);  transform: translateY(70%);}
.tabs > li.active {    color: #fff; background: #3bb77e;}
.tabs > li.active:before {  transition-duration: .5s;  background-color: white;  -webkit-transform: translateY(0);  transform: translateY(0);}
.tab__content {  background-color: white;  position: relative;  width: 100%;  border-radius: 5px;}
.tab__content > li {  width: 100%;  position: absolute;  top: 0;  left: 0;  display: none;  list-style: none;}
.tab__content > li .content__wrapper { text-align: center; width: 100%;    padding: 45px 40px 40px 40px;    background-color: white;    border-bottom: 2px solid #eaeaea;    border-top: 2px solid #eaeaea;}
.content__wrapper h2 {  width: 100%;  text-align: center;  padding-bottom: 20px;  font-weight: 300;}
.content__wrapper img {  width: 100%;  height: auto;  border-radius: 5px;}
.content__wrapper p {    line-height: 28px;    color: #787878;}
.list-design a{color: #333;}
.list-design i{color: #3bb77e;}
.footer-filed input {     width: 430px !important;    height: 42px;    box-shadow: 0 0 5px 0px #ececec;    padding-left: 40px;    background: url(images/footer-mail.png)no-repeat;    background-position: 2% 58%;}
.footer-filed-btn input {       height: 42px;    position: absolute;    top: 0;    left: 72%;    padding-left: 12px;    background: #3bb77e;    color: #fff;    padding-right: 12px;}
ul.social-media-foooter li {    background: #3bb77e;    width: 40px;    height: 40px;    text-align: center;    vertical-align: initial;    line-height: 40px;    border-radius: 50px;    box-shadow: 0px 5px 15px #3bb77e; transition: 0.5s;}
ul.social-media-foooter li:hover{  background: #fdc040; box-shadow: 0px 5px 15px #fdc040;}
ul.social-media-foooter li a{color: #fff;}
.copy-right {background: #228557;}
.forming span{position: relative;}
.forming span::after{position: absolute;    left: 0px;    width: 50px;    height: 2px;    background-color: #3bb77e;    content: '';    top: 9px;    left: -53px;}
.forming textarea{resize: none; background-color: #f8f8f8; height: 100px;}
.forming textarea:focus{outline: none; box-shadow: none;}
.forming input{width: 100%; height: 50px; background-color: #f8f8f8;}
.filed-btn input{background-color: #3bb77e; transition: 0.5s; border-radius: 50px;     width: 100% !important;}
.filed-btn input:hover{background-color: #fdc040;}
.email-icon-img p{font-size: 20px;}
.email-icon-img a{color: #333;}
p.small-text {    font-size: 15px;    line-height: 25px;    color: #787878;}
.gradient-lines{position: relative;}
.gradient-lines::after{     content: '';    position: absolute;    left: 50%;    width: 2px;    height: 345px;   background-image: linear-gradient(#3bb77e, white);  top: 100px;}
.gradient-lines::before{  content: '';    position: absolute;   left: 50%;   width: 2px;    height: 435px;   background-image: linear-gradient(#3bb77e, white);  top: 20px;    transform: rotate(90deg);}
.section-block-bg {   margin-bottom: 50px;}
p.gray-color {    color: #787878;    font-size: 18px;}
.heading-client{position: relative;}
.heading-client::before{position: absolute;    background-color: #19185c;    content: '';    width: 100%;    height: 219px;    left: 0px;    z-index: -999;}
.heading-client p {    font-size: 50px;    line-height: 60px;    padding: 15px;}
div#owl-demo-client-logo .owl-buttons {    display: none !important;}
.testimonial {    background: url(images/bg-client.png)no-repeat;    background-attachment: fixed;    background-size: cover;}
div#owl-demo-client i {    font-size: 30px;}
div#owl-demo-client p {    line-height: 28px;}
.client-feed li {font-weight: 600;}
div#owl-demo-client .owl-buttons{display: none !important;}
.form-attachment{background: url(images/bg-white.png)no-repeat; background-attachment: fixed; background-size: cover;}
.bg-image {    background-repeat: no-repeat;    background-attachment: scroll;    background-position: center;    background-size: cover;}
.breadcrumb {    background-color: transparent;    padding: 15px 0;    margin-bottom: 0;    -webkit-border-radius: 0;    -moz-border-radius: 0;    -ms-border-radius: 0;    -o-border-radius: 0;    border-radius: 0;}
.breadcrumb li a{    color: #fff;}
.breadcrumb li {    color: #fff;}
.page-title-area{background: url(images/inner-banner.jpg); background-position: 50% 50%; padding: 150px 0;}
.breadcrumb-area {    background: #3bb77e;}
.dreidbg, .dreidbgleft {    position: relative;}
.dreidbgleft:after {    content: "";    background-color: #19185c;    height: 90%;    width: 90%;    position: absolute;    bottom: -20px;    left: -20px;   z-index: -1;}
.section-title h3 {    font-size: 25px;    line-height: 1.2em;    font-weight: 700;    margin-bottom: 5px;}
.text-left .bar {    margin: 20px 0;}
.bar {    height: 6px;    width: 90px;     background: rgb(25, 24, 92);    position: relative;}
.bar::before {    content: '';    position: absolute;    left: 45%;    top: -3px;    height: 12px;    width: 10px;        background: #ef8b36;}
.section-title p{line-height: 30px; color: #353535;}
.dlab-social-icon-lg.dlab-social-icon li {    display: inline-block;    font-size: 12px;    padding: 0;}
.contact-style-1 .dlab-social-icon-lg {    border-top: 1px solid #eee;    padding-top: 20px;    text-align: left;    width: 100%;    margin: 0;}
.dlab-social-icon-lg.dlab-social-icon li {    display: inline-block;    font-size: 12px;    padding: 0;}
.dlab-social-icon-lg.dlab-social-icon.border li a {    border: 1px solid rgba(255,255,255,.05);}
.dlab-social-icon.dlab-social-icon-lg li a {    color: #fff;    font-size: 14px;    height: 35px;    line-height: 34px;    padding: 0;    width: 35px;}
.contact-area h3{    font-size: 28px;    line-height: 35px; color: #fff;}
.site-button:hover{    background-color: #3bb77e;}
.contact-style-1 .site-button {   height: 35px;    width: 100%; font-size: 18px;}
.site-button{background-color:#fdc040; border: none;}
.bg-gray {background-color: #efefef;}
.form-control:focus{    border-color: none !important;     box-shadow: none !important;}
.send-item h3 {    font-size: 25px;    text-align: center;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control{resize: none; border: 0;}
.contact-area {    background: #3bb77e;}
.contact-area p {    color: #fff;}
.icon-content b {    color: #fff; font-family: 'Raleway', sans-serif;}

.quick-form h2{font-size: 30px;     padding-bottom: 25px; color: #fff;}
.side-filed input{width: 100%; height: 35px; margin-bottom: 15px; padding-left: 10px;}
.side-filed{padding: 0px;}
.side-filed textarea{width: 100%; resize: none; height: 150px; outline: none; padding-left: 15px;  padding-right: 15px; padding-top: 10px; border: none;     margin-bottom: 12px; } 
.quick-form {padding-bottom: 430px; padding-top: 28px;}
/*.form-side{background-color: #0c1e82; }*/
.form-side input{border: none;}
.quick-form{ text-align: center; background: linear-gradient(to bottom right, #decb02, #a1b101);  padding: 15px; padding-bottom: 427px; margin-bottom: 35px; p}
.quick-form h3{color: #fff; padding-bottom: 20px;}
.submit-btn-side input{text-transform: uppercase; background: #0c1e82; color: #fff;}
.sitemap-links li{line-height: 35px;}
.sitemap-links li a{color: #333; font-weight: 500; transition: 0.5s;}
.sitemap-links li a:hover{padding-left: 5px; color: #3bb77e;}
.sitemap-links ul ul{padding-left: 15px;}
.top-content-style { background: #f5bf23; padding: 15px 0;}
.sub-main-w3 form {    background: #ffff;    padding: 2em;    -webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    -moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    margin: -2.5em 2.5em 2em;    -webkit-border-radius: 4px;    -o-border-radius: 4px;   -ms-border-radius: 4px;   -moz-border-radius: 4px;    border-radius: 4px;}
p.legend {color: #4e4d4d;font-size: 24px;  text-align: center;    text-transform: uppercase;    font-weight: 700;}
p.legend span {color: #000; margin-left: 10px;}
.input {position: relative;    margin: 20px auto;    width: 100%;}
.input input {width: 100%;  padding: 6px 35px 6px 35px;   display: block;    border: none;   border: 1px solid #ccc;    color: #000;   box-sizing: border-box;    font-size: 16px;    outline: none;    letter-spacing: 1px;    background: #fff;   }
.input i  {    position: absolute;    display: block;    left: 8px;    top: 8px;   font-size: 20px; color: #3bb77e;}
.submit {width: 100%;    height: 45px;    display: block;    background: #3bb77e;    -webkit-border-radius: 10px;    -o-border-radius: 10px;    -ms-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px;    border: none;    color: #fff;    cursor: pointer;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;    transition: 0.5s all;    text-transform: uppercase;    font-weight: 600;    font-size: 18px;}
.submit:hover{background: #fdc040;}
.top-content-style img {    width: 100%;    margin-bottom: 15px;}
.sub-main-w3 form {background: #ffff;    padding: 2em;    -webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    -moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);    margin: -2.5em 2.5em 2em;    -webkit-border-radius: 4px;    -o-border-radius: 4px;    -ms-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}
.input textarea{width: 100%;     padding: 4px 10px 13px 34px;    display: block;    border: none;   border: 1px solid #ccc;    color: #000;   box-sizing: border-box;    font-size: 16px;    outline: none;    letter-spacing: 1px;    background: #fff;     resize: none; height: 100px;}
.top-content-style {background: #ffffff;    padding: 0px 30px;    padding-top: 15px;    padding-bottom: 15px;    border: 1px solid #3bb77e}
/*.bg-content-w3pvt {    background: #ef8b36;}*/
.plain-text-product p {    line-height: 30px;}
.page-title-area h1 {color: #fff;}
.demo {  display: inline-block;  width: 24%;  padding: 10px;  -webkit-box-sizing: border-box;  box-sizing: border-box;  zoom: 1;  display: inline;}
.imghvr-zoom-out-flip-vert {  -webkit-perspective: 50em;  perspective: 50em;}
.imghvr-zoom-out-flip-vert figcaption {  opacity: 0;  -webkit-transform: rotateY(90deg) translate(50%,0) scale(.5);  transform: rotateY(90deg) translate(50%,0) scale(.5);}
.imghvr-zoom-out-flip-vert.hover img,.imghvr-zoom-out-flip-vert:hover img {  -webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);  transform: rotateY(-100deg) translateX(50%) scale(.5); opacity: 0;  -webkit-transition-delay: 0;  transition-delay: 0;}
.imghvr-zoom-out-flip-vert.hover figcaption,.imghvr-zoom-out-flip-vert:hover figcaption {  -webkit-transform: rotateY(0) translate(0,0) scale(1);  transform: rotateY(0) translate(0,0) scale(1);  opacity: 1;  -webkit-transition-delay: .3s;  transition-delay: .3s;}
.img-product-effect [class*=' imghvr-'],[class^=imghvr-] {  position: relative;  display: inline-block;  margin: 0;  max-width: 100%;  background-color: rgba(230,230,230,.7);  color: #666;  overflow: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform: translateZ(0);  transform: translateZ(0);}
.img-product-effect [class*=' imghvr-'] img,[class^=imghvr-] img {  vertical-align: top;  max-width: 100%;}
.img-product-effect [class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption {  background-color: rgba(255,255,255,.9);  padding: 20px;  position: absolute;  top: 15px;  bottom: 15px;  left: 15px;  right: 15px;  border: 1px solid rgba(0,0,0,.1);}
.img-product-effect [class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] h3,[class^=imghvr-] p {  margin: 0;  padding: 0;}
.img-product-effect [class*=' imghvr-'] h3,[class^=imghvr-] h3 {  font-weight: 700;  color: #333;  margin-bottom: 2px;}
.img-product-effect [class*=' imghvr-'] p,[class^=imghvr-] p {  font-size: .9em;}
.img-product-effect [class*=' imghvr-'] a,[class^=imghvr-] a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
.img-product-effect [class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .35s ease;  transition: all .35s ease;}
.products-item-bottom {    background: #f1f1f1;}

.side-bar-form input {background: #fff; font-size: 14px; padding-left: 10px; height: 30px;}
.side-bar-form textarea{  background: #fff;  font-size: 14px; padding-left: 10px; height: 100px; resize: none; outline: none;}
.side-bar-form-btn input{ background: #fff;   border: none;    width: 18%; color: #333;   border-radius: 50px;    transition: 0.5s; margin: 0px auto; border-radius: 100px !important;}
.side-bar-form-btn {    padding-bottom: 15px;}
.email-phone li {    background: #333; }
.email-phone a{color: #fff; font-size: 14px;}
.final-products img{width: 100%; margin-bottom: 20px;}
.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 25px; color: #777;}
.products-fill { border-right: 1px solid #ccc;}
.listing-item span{font-weight: 600; font-size: 25px;}
.listing-item li{line-height: 40px; background: url(images/arrow.png)no-repeat; padding-left: 17px; font-size: 16px; background-position: 0% 45% !important;}
.listing-item span{position: relative;}
.listing-item span::after{ position: absolute;    width: 60px;    height: 4px;    background: #3bb77e;    content: '';    bottom: -8px;    left: 3.9%;    border-radius: 100px;}
.listing-item span::before{position: absolute;  width: 20px; height: 4px;    background: #fdc040;    content: '';    bottom: -8px;    left: 0%;    border-radius: 100px;}
.products-details {background: #f5f5f5;}

.inner-our-presence {     background: #3bb77e; padding: 15px 0;  text-align: center; color: #fff;}
.inner-our-presence a{ color: #fff;  font-size: 18px;  font-weight: 500;}
.city{background-color: #fdc040; padding: 15px 20px 15px 20px;     margin-bottom: 25px;}
.city a{color: #fff;  font-size: 18px;}
.our-presence-row {margin-bottom: 30px; padding: 2px;}
.inner-box{background-color: #333; text-align: center;     padding-bottom: 15px;  padding-top: 15px;     background-color: #321c18;}
.inner-box a{color: #fff; font-size: 16px; display: block;}
.inner-box h4{color: #fff; font-size: 16px; margin-top:10px !important;}
.under-cover{margin-bottom: 15px; width: 100%; float: left;}
.boxes {margin-bottom: 20px; padding: 2px;}
.our-presence {    background: #f7f7f7;}


button.custom-btn {background: #19185c; border: none;}
button.custom-btn:hover {background: #ef8b36; border: none;}
.for-img-text p{line-height: 28px;}

.bg-color-item {    background: #ef8b36;  padding-top: 0px; padding-bottom: 0;}
/*.modal-content {    overflow-y: scroll;    height: 600px;    position: relative !important;    top: 65px !important;}*/
::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1; }
::-webkit-scrollbar-thumb {  background: #888; }
::-webkit-scrollbar-thumb:hover {  background: #555; }
p.heading-uses {    font-size: 30px;    font-weight: 600;}
.for-img-text{color: #787878;}
.blog{padding: 50px 0px; background-color: #fff;}
/*.left-side{margin-bottom: 50px;}*/
.date-blog{width: 25%; float: left; height: auto; background-color: #ef8b36; text-align: center; display: table; color: #fff;     padding-bottom: 10px; padding-top: 10px;}
.date-blog p{display: table-cell; vertical-align: middle; margin-bottom: 0px;}
.help-blog{width: 75%; height: auto; float: left; padding-left: 20px; margin-bottom: 40px;}
.help-blog ul {  padding: 0;}
.help-blog li{display: inline-block; padding-right: 15px;}
.help-blog p {    margin-bottom: 0px;    font-size: 24px;    font-weight: 600;    line-height: 36px !important;}
.help-blog p.blg-indx {    margin-bottom: 0px;    font-size: 17px;    font-weight: 600;    line-height: 23px !important;}
.help-blog i {padding-right: 8px;}
.help-blog a{color: #444; font-weight: bold; font-size: 12px;}
.img-full img {width: 100%; height: auto; float: left; margin-bottom: 15px;}
.left-side-btn {    padding: 8px 10px; line-height: 50px; color: #fff; transition: 0.5s;     background: #ef8b36;}
.left-side { border-right: 1px solid #ccc;}
.left-side-btn:hover{background-color: #444; color: #fff; text-decoration: none;}
.gray-color{background-color: #f6f6f6;}
.inner-blog-left{margin-bottom: 50px; background: #f1f1f1;}
.blog-search input{padding-left: 15px; height: 35px; border: none; width: 100%;}
.blog-search input:focus{outline: none;}
.blog-search{margin-bottom: 30px;}
.cat-sidebar{margin-bottom: 25px;}
.cat-sidebar ul {padding-top: 20px; padding: 0;}
.cat-sidebar h4{padding-bottom: 8px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase;}
.desc-blg h2 {    font-size: 24px;    line-height: 30px;    margin-bottom: 10px;}
.desc-blg h3 {    font-size: 22px;    line-height: 30px;    margin: 10px 0px;}
.desc-blg ul li {    font-size: 16px;    line-height 25px;    margin: 8px;    list-style-type: disc;    margin-left: 28px;}

.cat-sidebar h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top:37px; left: 0px; background-color: #ef8b36;}
.cat-sidebar li{display: inline-block; width: 100%; line-height: 40px; border-bottom: 1px solid#e5e5e5;}
.cat-sidebar li span{float: right;}
.cat-sidebar a{color: #4a4a4a; transition: 0.5s;}
.cat-sidebar a:hover {color: #ef8b36;}
/*.recent-post h4{padding-bottom: 20px;}*/
.recent-post h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.recent-post h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top:32px; left: 0px; background-color: #ffbd1f;}
.img-sidbar{width: 30%; height: auto; float: left;}
.content-sidebar{width: 70%; height: auto; float: left;}
.img-sidbar img{width: 100%;}
.content-sidebar{padding-left: 15px;}
.content-sidebar li{display: inline-block; padding-right: 5px;}
.content-sidebar a{color: #aeaeae;}
.content-sidebar i{padding-right: 5px;}
.content-sidebar p{margin-bottom: 5px;}
.inner-post-recnet {width: 100%; float: left; margin-bottom: 20px;}
.tags-side-bar h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.tags-side-bar h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top: 34px;  left: 0px; background-color: #ffbd1f;}
.tags-side-bar li{display: inline-block; padding-right: 15px; line-height: 60px;}
.tags-side-bar a{background-color: #ebebeb; padding: 15px; color: #444; transition: 0.5s;}
.tags-side-bar a:hover{background-color: #444; color: #fff;}
p.right-side-single-blog {background: #fff; text-align: center; border-left: 3px solid #ffbd1f; padding: 30px;}
.heading-single h4 {padding-bottom: 20px;}
.heading-single a {background-color: #ebebeb; padding: 15px; color: #444; transition: 0.5s;}
.heading-single a:hover{background-color: #444; color: #fff;}
.heading-single li{display: inline-block; padding-right: 15px;}
.blog-form{width: 100%; height: auto; float: left;}
.blog-form input{width: 100%; height: 45px; float: left; padding-left: 15px; margin-bottom: 20px; outline: none;}
.blog-form h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.blog-form h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top:32px; left: 0px; background-color: #ffbd1f;}
.cat-sidebar h4 {    padding-bottom: 8px;    position: relative;    border-bottom: 1px solid#e5e5e5;    font-size: 25px;   text-transform: uppercase;}
.inner-blog-left p {    line-height: 27px;}


/*our agents*/
.our-team{    position: relative;    background-color: #f1f1f1;    z-index: 9;    background-position: center;    background-size: cover;    background-attachment: fixed;}
.our-team .team-block .inner-box {    position: relative;    background-color: #ffffff;    transition: all 500ms ease;}
.our-team .team-block .image .overlay-box {    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;}
.our-team .team-block .image .overlay-box:before {    position: absolute;    content: '';    left: 0px;    top: 0px;    right: 0px;   bottom: 0px;    opacity: 0;    top: 100%;    transition: all 900ms ease;    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fd5d14 100%);}
.our-team .team-block .inner-box:hover .overlay-box:before {    opacity: 1;    top: 0%;}
.our-team .team-social-box {    position: absolute;    left: 15px;    top: 50%;    transform: translateY(-50%);}
.our-team .team-social-box li {    position: relative;    left: -70px;    margin-bottom: 10px;    transition: all 900ms ease;}
.our-team .team-social-box li a {    position: relative;    width: 36px;    height: 36px;    z-index: 1;    line-height: 36px;    text-align: center;    border-radius: 50%;    display: inline-block;    background-color: #ffffff;}
.our-team .team-social-box li .social-name {    position: relative;    opacity: 0;    visibility: hidden;    margin-left: -32px;    text-transform: capitalize;    display: inline-block;    border-radius: 0px 50px 50px 0px;    background-color: #ffffff;    transition: all 0.3s ease;    padding: 4px 14px 4px 15px;    top: -1px;}
.our-team .team-social-box li:last-child {    margin-bottom: 0px;}
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li,
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2),
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3),
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {    left: 0px;}
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) {    transition-delay: 500ms;}
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) {    transition-delay: 750ms;}
.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {    transition-delay: 1000ms;}
.our-team .team-social-box li:hover .social-name {    opacity: 1;    margin-left: -9px;    visibility: visible;}
.our-team .team-social-box li.youtube a {    color: #ff0000;}
.our-team .team-social-box li.linkedin a {    color: #0077b5;}
.our-team .team-social-box li.facebook a {    color: #3b5998;}
.our-team .team-social-box li.twitter a {    color: #1da1f2;}
.our-team .team-social-box li.youtube .social-name {    background-color: #ff0000;}
.our-team .team-social-box li.linkedin .social-name {    background-color: #0077b5;}
.our-team .team-social-box li.facebook .social-name {    background-color: #3b5998;}
.our-team .team-social-box li.twitter .social-name {    background-color: #1da1f2;}
.our-team .team-block .lower-content {    border: 1px solid #19185c;    background: #19185c;    position: relative;    width: 100%;}
.our-team .team-block .lower-content:before {    content: '';    border-width: 10px;    border-color: #fd5d1400 #fd5d1400 #fd5d14 #fd5d14;    border-style: solid;        background: #f1f1f1;    position: absolute;    right: -2px;    top: -20px;    z-index: -1;}
.our-team .team-block .lower-content h4 {    margin-bottom: 5px;    margin-top: -5px;}
.our-team .team-block .lower-content h4 a{    color: #030e27;}
.our-team .team-block .icon-box {    position: relative;    width: 40px;    height: 40px;    line-height: 38px;    margin: 0 auto;    text-align: center;    border-radius: 50%;    margin-top: -10px;    top: -10px;    display: inline-block;        background-color: #ffffff;    border: 1px solid #fff;    transition: all 500ms ease;    cursor: pointer;}
.our-team .team-block .inner-box:hover .icon-box {    color: #fd5d14;    border-color: #ffffff;    background-color: #ffffff;    transform: rotate(360deg);}
.section-header .section-heading h5 {    font-weight: 600;    margin-bottom: 10px;    text-transform: uppercase;}
.section-header .section-heading h3 {    padding-bottom: 20px;    font-weight: 600;}
.text-custom-white {    color: #333;    padding-bottom: 15px;}
.section-header {    max-width: 540px;    padding-bottom: 30px;    margin: 0 auto;    text-align: center;    position: relative;   z-index: 10;}
.section-header .section-heading:after {    content: "";    height: 5px;    width: 80px;    background-color: #fd5d14;    position: absolute;    top: auto;    left: 0;    right: 0;     bottom: 40px;    text-align: center;    margin: 0 auto;}
.for-img-text ul {   line-height: 25px;   list-style: disc;   padding: 20px;}
.row.hd-rel-spc p.itm-orp {    text-align: center !important;    padding: 23px 0px !important;    font-weight: 700;    font-size: 22px;}

.cover-product-this h2 {    font-size: 29px;    color: #19185c;	line-height:35px;	margin:10px 0px;}
.cover-product-this h3 {    font-size: 28px;    color: #19185c;	line-height:35px;	margin:10px 0px;}
.cover-product-this h4 {    font-size: 27px;    color: #19185c;	line-height:35px;}
.cover-product-this p {    font-size: 16px;	line-height:27px;}
.cover-product-this ul li {    font-size: 16px;    line-height: 27px;    color: #777;    /* list-style-type: disc; */    margin-left: 0;    margin-bottom: 15px;    background: url()no-repeat;    padding-left: 28px;    background-position: 0% 15%;}
p.flip-pro-nme {    font-size: 20px;    color: #19185c;	line-height: 25px;    margin-bottom: 7px;}
.forming input{border: 1px solid #ccc !important;}
.forming textarea{border: 1px solid #ccc !important;}
div#owl-demo-client-logo {    margin-top: 25px;    text-align: center;}
.mobile-menu {    display: none;}
.mission-box h3 {    font-size: 25px;}
.mission-box h4{    font-size: 25px;}
.mission-box h5{    font-size: 25px;}
section.our-mission {    background: #f1f1f1;}
.white-bg{background: #fff;     min-height: 265px;}
.mission-box p {line-height: 25px; color: #808080; }
ul.main-pro-lst li a {font-size: 16px;    line-height: 27px;    /* list-style-type: disc; */    margin-left: 0;    margin-bottom: 15px;    background: url()no-repeat;    padding-left: 28px;    background-position: 0% 15%;}	
.about-text li {    margin-bottom: 10px;}
p.heading-cusotm {    font-size: 25px;    font-weight: 900;}
.hd-rel-spc p {    text-align: center !important;    width: 100%;    font-size: 30px !important;}
ul.height-scroll {height: 500px !important;  overflow-x: scroll;}
.about-text p { padding-bottom: 10px;}
.about-page-content p {padding-bottom: 15px;}
.img-effect-item { text-align: center;}
.copy-right p {    font-size: 14px;}
.about-page-content h2 {font-size: 30px;font-weight: 700;}
p.heading-custom_new {  font-size: 22px; display: block;  margin-bottom: 15px; font-weight: 700;}
.whats-app-icon img{position: fixed;    bottom: 50px;    left: 50px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
.demo h3 {    font-size: 18px;}
.service-block img {    height: 250px;}
.listing-item h2 {    font-size: 25px;    margin-bottom: 20px;}
.listing-item ul {    margin-top: 30px;    margin-bottom: 30px;}
.listing-item h3 {    font-size: 25px;    padding-bottom: 10px;}
.whats-app-icon img{    position: fixed;    bottom: 50px;    left: 53px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);    border-radius: 100px;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 107px;    color: white;    background-color: #3bb77e;    animation: topBottom 4s infinite;    left: 54px;    color: white;    padding: 10px 15px;    border-radius: 50%;    font-size: 17px;    animation: bounce 4s infinite alternate;     z-index: 999;}
.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 ;}
}
.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)}
}

.enquiry{position: fixed;z-index: 1000;bottom: 60px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background-color: #228557; 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; background: #893492;}
.enquiry strong:hover{ color:#000; background: #eee;}


div#exampleModal .modal-dialog{width: 100% !important;}


/* Modal Form*/
.modal-content{border-radius: 0;}
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus{background: #fe3b0e; color: #fff;}
.modal-header {    padding: 0 15px !important;    color: #fff; background-color: #228557;   height: 46px;}
.white-wrap { border-radius: 10px;    box-shadow: 0px 5px 10px #ccc;    float: left;    width: 100%;    padding: 30px;    background: #ed1c24;margin-bottom: 40px;}
span.modal-title {display: block;    text-align: center;    width: 100%;    font-size: 22px;    line-height: 43px;}
.close {    float: right;    font-size: 23px;    font-weight: 600;    line-height: 2;    color: #fff;    text-shadow: 0 1px 0 #fff;    opacity: .7;    background: #0e0000 !important;    height: 45px;    margin-top: 0px !important;}
span.custom_btn-close {    position: relative;    bottom: 17px;}

.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 200px;    color:white;    background-color:#228557;   animation: topBottom 4s infinite;  left: 38px;        color: white;    padding: 8px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate; z-index: 9;} 
.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 ;}
}
.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)}
}


.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 4px;  width: 32%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:first-child{background-color: #3bb77e;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #f9be2c;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;  display: none;   position: fixed;    z-index: 999;  bottom: 0; width: 100%;}

.whats-app-icon img{position: fixed;    bottom: 140px;    left: 35px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}

section.related-products {  padding-top: 0px!important;}



.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #3bb77e;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
/*.related-products .container {    padding: 0;}*/
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content h4 {    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;}
.related_content p {    margin-bottom: 20px;}
.content-side-product-details span {    font-size: 23px;    display: block;    margin-bottom: 10px;}
.expandedContent ul {    column-count: 1;    list-style-type: disc;    padding-left: 10px;}
.web_site_link p a {    color: #000;    font-weight: 600;}
.map iframe{width: 100%; height: 450px;}