*{margin: 0;
padding: 0;}
html {
scroll-behavior: smooth
}
body {
margin: 0;
padding: 0;
background: #fff;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #2a2a2a;
font-weight: 400;
overflow-x: hidden
}
p {
text-align: justify;
font-size: 16px;
line-height: 1.6;
}
ul{ margin: 0; padding: 0}
li {
text-align: justify;
font-size: 16px;
line-height: 1.8
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400
}
a {
transition: all .3s ease-in;
color: #2a2a2a;
}
a:hover {
text-decoration: none;
transition: all .3s ease-in
}
h5{ font-size: 19px;}
.mt30{ margin-top: 30px;}
.mt70 {
margin-top: 70px
}
.mb70 {
margin-bottom: 70px
}
.mt100 {
margin-top: 100px
}
.pt70 {
padding-top: 70px
}
.ptb70 {
padding: 70px 0
}
.pt100 {
padding-top: 100px
}
.ptb100 {
padding: 100px 0
}
.mt170 {
margin-top: 170px;
}
.img-fluid {
width: 100%;
}
.top-btn {
float: left;
width: auto;
margin: 10px 10px 0 0;
}
.top-btn a {
display: block;
background: #6c6d70;
color: #fff;
border-radius: 7px;
padding: 5px 10px;
}
.top-btn .top-btn-red {
display: block;
background: #f0505d;
color: #fff;
padding: 5px 25px;
}
.searchbox {
position: relative;
border: solid 1px #f0505d;
border-radius: 5px;
}
.searchbox button {
position: absolute;
right: 7px;
top: -3px;
z-index: 9;
border: 0;
background: none;
font-size: 25px;
font-weight: normal
}
.searchbox .form-control {
border: 0;
font-size: 14px;
}
.search-col {
float: left;
width: 40%;
margin: 10px 0 0;
}
.search-col .fa {
color: #6c6d70;
font-size: 20px;
}
.product-box p {
text-transform: uppercase;
}
.product-box {
width: 180px;
border-radius: 10px;
position: relative;
display: inline-block;
margin: 10px 0;
border: solid 1px #ddd; overflow: hidden;
}
.product-box img {
width: 100%;
border-radius: 10px;
}
.product-box p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: #ffffffc4;
margin: 0;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 1.3;
padding: 4px 0;
}
.product-page .product-box{ width: 195px;}
.center-sec {
margin: 15px 0 0;
}
.top-product-slider {
text-align: center
}
.top-product-slider .owl-theme .owl-controls .owl-page{ display: none}
.scaner {
margin: 15px 0 0;
position: relative
}
.scaner-data {
position: absolute;
left: 0;
right: 0;
overflow: hidden;
top: 25px;
margin: 0 auto;
text-align: center;
}
ul.social-network {
list-style: none;
/* display: inline-block; */
margin-left: 0!important;
padding: 0;
text-align: left;
}
ul.social-network li {
display: inline-block;
line-height: 32px!important;
margin: 0;
padding: 0
}
.social-network a.icoFacebook {
background-color: #3b5998;
transition: all .5s ease-in
}
.social-network a.icoTwitter {
background-color: #3cf;
transition: all .5s ease-in
}
.social-network a.icoGoogle {
background-color: #bd3518;
transition: all .5s ease-in
}
.social-network a.icoVimeo {
background-color: #0590b8;
transition: all .5s ease-in
}
.social-network a.icoLinkedin {
background-color: #007bb7;
transition: all .5s ease-in
}
.social-network a.icotripadvisor {
background-color: #666;
transition: all .5s ease-in
}
.social-network a.icoyoutube {
background-color: #b00;
transition: all .5s ease-in
}
.social-network a.icopinterest {
background-color: #d53633;
transition: all .5s ease-in
}
.social-network a.icoinstagram {
background: #d82564;
background: -moz-linear-gradient(top, #d82564 0, #d82564 0, #f77d2a 34%, #d82564 58%, #ec474f 73%, #ec474f 73%, #fec662 100%);
background: -webkit-linear-gradient(top, #d82564 0, #d82564 0, #f77d2a 34%, #d82564 58%, #ec474f 73%, #ec474f 73%, #fec662 100%);
background: linear-gradient(to bottom, #d82564 0, #d82564 0, #f77d2a 34%, #d82564 58%, #ec474f 73%, #ec474f 73%, #fec662 100%);
transition: all .5s ease-in
}
.socialHoverClass, a.socialIcon:hover {
color: #44bcdd
}
.social-circle li a {
display: inline-block;
position: relative;
margin: 0 auto 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 32px;
height: 32px;
font-size: 17px
}
.social-circle li:before {
display: none
}
.social-circle li i {
margin: 0;
line-height: 32px;
color: #fff;
text-align: center
}
.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all .3s;
transition: all .3s ease-in;
color: #fff
}
.social-circle i {
color: #3e4958
}
.social-network a {
background-color: #fff
}
.slider-data {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background: rgb(0 0 0 / 36%);
}
.slider-data h3 {
color: #fff;
font-size: 40px;
text-align: center;
text-transform: uppercase;
margin: 5px;
}
.slider-sec .carousel-indicators li {
width: 17px;
height: 17px;
border-radius: 50%
}
.cursor {
cursor: pointer
}
.slider-sec .carousel-control-next-icon:before, .owl-next:before {
content: "\f054";
font-family: 'FontAwesome';
color: #000 !important;
}
.slider-sec .carousel-control-prev-icon:before {
content: "\f053";
font-family: 'FontAwesome';
color: #000
}
.slider-sec .carousel-control-next-icon, .carousel-control-prev-icon {
background: #fff!important;
width: 40px;
height: 40px;
line-height: 40px;
}
.carousel-control-next, .carousel-control-prev {
width: 4%
}
.vedio-sec img {
border: solid 2px #ddd;
padding: 5px;
}
.active-trade li {
font-weight: bold;
font-size: 16px;
text-align: left;
border-bottom: dotted 1px #333;
padding-bottom: 5px;
margin-bottom: 5px
}
.active-trade {
border: solid 2px #ccc;
padding: 10px;
}
.active-trade marquee{ height: 132px !important}
.available-stock{ padding:10px; background: #efefef; margin-bottom:20px;}
.available-stock h6{color: #000; font-size: 16px; font-weight: bold; margin: 0}
.available-stock p{color: #333; font-size: 13px; line-height: 1.2; margin-bottom: 0;}
.available-stock .ref p{ font-size: 15px; color: #000;}
.available-stock .ref span{ font-size: 15px; color: #fff; background: #019800; display: inline-block; padding:2px 5px; margin-left: 10px;}
.available-stock .ref .red{ background: red !important}
.headding11 {
margin: 35px 0;
text-align: center;
font-weight: bold;
font-size: 40px;
}
.common-btn {/* display: inline-block; */
text-align: center;
width: 100%;
}
.common-btn li {
list-style: none;
display: inline-block;
vertical-align: text-bottom;
}
.common-btn a {
padding: 8px 15px;
color: #fff;
background: #95b31a;
border-radius: 10px;
text-align: center;
width: 150px;
line-height: 1.2;
font-size: 17px;
justify-content: center;
display: flex;
align-items: center;
height: 60px;
}
.common-btn .first22 li a {
background: #faa742
}
.work-row {
margin: 70px 0px;
}
.first2 .common-btn a {
background: #66939f
}
.first3 .common-btn a {
background: #f0515d
}
.first1 {
-ms-flex: 210px;
flex: 210px;
max-width: 185px;
padding-right: 15px;
padding-left: 15px;
}
.first2 {
-ms-flex: 560px;
flex: 560px;
max-width: 503px;
padding-right: 15px;
padding-left: 15px;
border: 2px solid #7c7c7c;
}
.first3 {
-ms-flex: 560px;
flex: 560px;
max-width: 669px;
}
.first22 {
margin-bottom: 80px;
margin-top: -30px;
}
.first22-bottom {
margin-bottom: -30px;
}
.first3 .common-btn a {
height: 70px;
}
.work-sec video{ width: 100%; padding: 5px; border: solid 5px #ddd;}
.why-us-sec {
text-align: center
}
.why-col {
border: solid 2px #07506a;
display: inline-block;
width:169px;
border-radius: 15px;
overflow: hidden;
margin: 10px 5px;
}
.why-col-img {
background: #0f6685;
padding: 35px;
border-radius: 0;
}
.why-col p {
margin: 0;
background: #66939f;
justify-content: center;
height: 80px;
color: #fff;
display: flex;
align-items: center;
text-align: center;
line-height: 1.3;
font-weight: bold;
}
/* team slider start*/
.content-hover {
position: relative;
margin: auto;
overflow: hidden;
}
.content-hover .content-overlay {
background: rgba(0,0,0,0.7);
position: absolute;
height:100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.content-hover:hover .content-overlay{
opacity: 1;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.content-hover:hover .content-details{
top: 50%;
left: 50%;
opacity: 1;
}
.content-details h4{
color: #fff;
font-weight: 500;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.fadeIn-bottom {
top: 80%;
}
.common-arrow .owl-buttons{
width: 100%;
/*height: 40px;*/
position: absolute;
top:36%;
left: 0;
}
.common-arrow .owl-prev,
.common-arrow .owl-next{
position: absolute;
left: 0;
transition: all 0.4s ease-in-out 0s;
}
.common-arrow .owl-next{
left: auto;
right: 0;
}
.common-arrow .owl-buttons .owl-prev:before,
.common-arrow .owl-buttons .owl-next:before{
content: "\f104";
font-family:"FontAwesome";
font-size: 38px;
font-weight: normal;
color: #fff !important;
line-height: 30px;
opacity: 1;
}
.common-arrow .owl-buttons .owl-next:before{
content: "\f105";
}
.common-arrow .owl-theme .owl-controls .owl-buttons div{
background: #0f6685;
width: 40px;
height: 40px;
opacity: 1;
text-align: center; margin: 0;
}
.team-slider-sec .owl-theme .owl-controls{
margin-top:20px;
}
.team-slider-sec .owl-theme .owl-controls .owl-page span{
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid #66939f;
background-size: cover;
transition: all 0.3s ease-in-out 0s;
background: #66939f;
opacity: 1;
}
.team-slider-sec .owl-theme .owl-controls.clickable .owl-page:hover span{
opacity: 0.5;
}
.team-slider-sec .owl-theme .owl-controls .owl-page.active span,
.team-slider-sec .owl-theme .owl-controls .owl-page.active:hover span{
border-color: #0f6685;
opacity: 1;
}
.team-slide{ margin: 0 10px}
/* team slider end*/
.testimonial-slide {background: #fff;box-shadow: 0px 0px 10px #ccc;padding: 25px 35px;text-align: center;margin:15px;border-radius: 30px;min-height: 380px;}
.testimonial-slide img{ width: 100px; height: 100px; border-radius: 50%;}
.testimonial-slide h4{ font-weight: bold; font-size: 18px; margin: 15px 0 10px;}
.testimonial-slide p{ text-align: center}
.testimonials-slider-sec .owl-pagination{ display: none}
.testimonials-slider-sec .owl-buttons{ top: 45%}
/* logo start*/
/*@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 7));
}
}*/
.slider-logo {
overflow: hidden;
/* border-top: solid 1px #ccc; */
/* border-bottom: solid 1px #ccc; */
padding: 10px 0;
margin: 25px 0 0;
position: relative;
text-align: center;
}
.slider-logo .slide-track {
/* animation: scroll 40s linear infinite; */
/* display: flex; */
/* width: calc(250px * 5); */
}
.slider-logo .slide-logo {
height: auto;
width: 165px;
border: solid 1px #ddd;
margin: 5px;
display: inline-block;
padding: 5px;
}
.slider-logo .slide-logo img{ width: 95%}
/* logo end*/
footer{ background:#fff8ed; padding: 70px 0;}
.footer-links ul{
padding: 0px;
list-style: none;
}
.footer-links h5{
color: #e47925;
font-size: 20px;
font-weight: 600;
}
.footer-links ul li { text-align: left}
.footer-links ul li a{
color: #72615d;
}
.bottom-link ul{ padding: 0; margin: 0; text-align: center}
.bottom-link ul li{border-right: 1px #72615d solid;display: inline-block;font-size: 14px;padding:0 10px;line-height: 1;}
.bottom-link ul li a{ color:#72615d; }
.bottom-link ul li:last-child{ border: 0}
.bottom-link p{ text-align: center; color:#72615d; font-size: 14px;}
.submit-review{ text-align: center}
.submit-review a{width: 330px;margin: 40px auto 0;background: #e47925;font-size: 25px;text-align: center;color: #fff;font-weight: bold;display: block;padding: 10px;border-radius: 15px;}
/*inner pages start*/
.inner-middle{padding:70px 0 0;}
.inner-btn {position: relative;}
.inner-btn .btnn{ position: absolute; right: 0; width: auto; display: inline-block}
.inner-btn .btnn a{ background: #f0505d; display:block; color: #fff; padding: 5px 10px}
.buyer-menu p{ font-weight: bold; font-size: 18px; margin-bottom: 5px;}
.buyer-menu ul{ padding: 0; margin: 0}
.buyer-menu ul li{ display: block; list-style: none;}
.buyer-menu ul li a{display: block;padding: 10px 10px;border-bottom: solid 1px #ddd}
.buyer-menu ul li a:hover{ background:#f0505d; color: #fff;}
.headding11-inner{ background:#6c6d70; display: inline-block; color: #fff; padding: 5px 10px; font-size:20px;}
.breadcrum { padding: 0; margin-bottom: 25px; }
.breadcrum li{ font-size: 14px; display: inline-block;}
.breadcrum li a{border-right:1px #545050 solid; padding: 0 5px 0 0;}
.form-sec .form-control { border: solid 1px #b7b7b7; border-radius: 0;}
.form-sec .form-group p{ margin-bottom: 3px;}
.form-group p{ text-align: left}
.form-group .submit-btn{background:#f0505d;padding: 5px 25px;color: #fff;font-size: 20px;text-align: center;border: 0;transition: all .3s ease-in; display: inline-block;}
.form-group .submit-btn:hover{ background:#d73b48; transition: all .3s ease-in}
.buyer-menu .active{ background:#f0505d; color: #fff;}
.form-sec .table-bordered td, .table-bordered th{padding:5px;border: 0;text-align: center; font-size: 14px;}
.submit-blue{border: 0;background:#1d3b71;border-radius:15px;color: #fff;padding: 2px 10px;font-size: 13px;}
.form-sec .table-bordered{ border: 0}
.form-sec .table-striped tbody tr{ border: solid 1px #000; background: #fff; text-align: center}
.all-delete { text-align: right;}
.all-delete a{ color:#f0505d;}
.link-color{ color: #f0505d;}
.start{ color: #DD0408;}
/*login pages start*/
.login-signup { width: 100%; box-shadow: 0px 0px 10px #ccc; padding: 25px; }
.login-signup img{ display: block}
.underline{height: 1px;background: #333;position: relative;width: 100%;margin: 15px 0;}
.underline span{position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;top: -12px;background: #fff; display: inline-block;width: 35px;}
textarea{ resize:none}
.box-btn { width: 250px; display: inline-block; }
.box-btn a { background:#6c6d70; color: #fff; display: block; text-align: center; padding: 50px; font-size: 30px;}
.box-btn2 a { background:#f0505d; }
h3{ font-size: 20px; line-height: 1.2;}
.swith-ac p{display: inline-block;border: solid 1px #000;padding: 0 10px;margin: 5px 0 8px;font-weight: normal;font-size: 16px;}
.form-sec .offer-circel{ text-align: center; width: 15px;height: 15px;border-radius: 50%; background:#f0505d;color:#fff;font-size: 10px;display: inline-block;margin-left: 5px;line-height: 15px;margin: 0 0 0 3px;}
/*login pages end*/
.offer-popup p{ margin-bottom: 5px; font-weight: bold}
.offer-popup .modal-dialog{max-width: 900px;}
.product-detail {background: #efefef;padding: 25px;}
.persoin-box .swith-btn { background:none !important; color: #2a2a2a !important;}
.persoin-box{ background: #efefef; padding: 15px;}
.scroll-cover {
overflow-y: auto;
height: 350px;
}
.bg-gray {
background: #efefef;
margin-bottom: 15px;
padding: 15px;
}
.seller-information{ margin-top: 25px;}
.middle-inner .headding11{ margin: 35px 0 10px }
.footer-text {text-align: left;padding: 8px;line-height: 1.2;border: solid 1px #ebab79;display: inline-block;overflow: hidden;margin: 5px 0 5px;color: #72615d;}
.thanks{ box-shadow: 1px 1px 10px #ddd; width: 75%; margin:70px auto 0; padding: 80px 0; text-align: center}
.thanks .headding11{ font-size: 30px;}
.pagination-main{ text-align: center; margin: 25px auto; width: 200px;}
div.pagination {
padding: 3px;
margin: 3px; width: 200px;
}
div.pagination a {
padding: 0;
margin: 4px;
border: 1px solid #AAD;
text-decoration: none;
color: #1F1F1F;
display: block;
width: 25px;
border-radius: 50%;
height: 25px;
line-height: 23px;
text-align: center;
font-size: 12px;
background: #949599;
color: #fff;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #1F1F1F;
color: #000
}
div.pagination span.current {
padding: 0;
margin: 3px 0 0;
border: 0;
font-weight: normal;
background-color: #f0505d;
color: #FFF;
font-size: 12px;
width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
line-height: 24px;
}
div.pagination span.disabled {
padding: 0;
margin: 3px;
border: 1px solid #949599;
color: #333;
width: 25px;
height: 25px;
border-radius: 50%;
font-size: 12px;
text-align: center;
line-height: 24px;
}
.scroll-cover {
overflow-y: auto;
height: 350px;
}
.bg-gray {
background: #efefef;
margin-bottom: 15px;
padding: 15px;
}
.seller-information{ margin-top: 25px;}
.middle-inner .headding11{ margin: 35px 0 10px }
.subscription-plans a{ text-decoration: underline;}
.subscription-plans a:hover{ text-decoration: none;}
.dropdown-select-box{ height: 160px; border: solid 1px #000; padding: 10px; overflow-y: auto; text-align: left}
.dropdown-select-box label{ display: block}
.membership-popup .modal-dialog { max-width: 1300px; width: 100%; margin-top: 5px; }
.google_translate_element{ text-align: right;
background: #6c6d70;
padding: 5px 0;}
.inner-bg {
background: url(../images/texture-bg.jpg) top center/cover no-repeat;
padding:30px 0;
text-align: left;
}
.inner-headding
{ color: #fff; text-align:left; font-size: 35px;}
.bradcrum ul li {
display: inline-block;
color: #fff;
margin: 0 3px;
font-weight: 400;
font-size: 14px; text-align: left;}
.bradcrum ul li a{ color: #fff}
.events-card {
padding: 20px;
box-shadow: 0px 4px 22px #ddd;
border-radius: 20px;
margin-bottom: 20px;
background-color: #fff;}
.events-card p{ font-size: 14px; margin-bottom:0;}
.about-history-box {
box-shadow: 1px 2px 19px #ddd;
padding: 18px;
border-radius: 10px; background: #fff;
}
.titlle {
font-size: 30px;
font-weight: 600;
color: #dc2128;
margin-bottom:10px;
}
.members {
background-image: url(../images/member-bg.jpg);
margin-top: 70px;
}
.about-logo ul{ padding: 0; margin: 0; text-align: center}
.about-logo ul li{ display: inline-block; border: solid 1px #ccc; padding: 5px; width: 200px}
.export-import-sec {
background-image: url(../images/member-bg.jpg);
}
.grow-together{
background-image: url(../images/member-bg.jpg); }
.export-import-sec .titlle {
text-align: center;
}
.members-content p {
margin-bottom: 0;
margin-top: 15px;
}
.members-content .titlle {
font-size: 30px;
}
.why-we-points li::before {
content: '\f054';
font-family: FontAwesome;
position: absolute;
color: #dc2128;
left: 0;
}
.why-we-points li {
position: relative;
list-style: none;
padding-left: 20px;
margin-bottom: 15px;
}
.export-import-sec ul li {
list-style: none;
background-color: #fff;
/* text-align: center; */
margin-bottom: 10px;
padding: 5px 15px;
border-radius: 15px;
font-size: 18px;
}
.features-delivery .titlle {
text-align: center;
}
.delivery-points p {
font-size: 18px;
padding: 10px;
box-shadow: 1px 1px 17px #ddd;
margin-bottom: 20px;
}
.delivery-points .titlle {
font-size: 20px;
}
.grow-together h4{color: #dc2128;}
.privacy-policy h4{ color: #dc2128}
.about-bg{ background: url(../images/about-bg.jpg) top center no-repeat; padding: 70px 0; background-size: 100%;}
.about-bg2{ background: url(../images/about-bg2.jpg) top center no-repeat; padding: 70px 0; background-size: 100%;}
.step {
font-size: 35px;
font-weight: bold;
color: #ddd;
}
#flip {
padding: 10px 15px;
cursor: pointer;
font-size: 18px;
color: #fff;
background: #6c6e74;
position: relative;
display: none;
}
#panel {
display: block;
}
#flip:before {
content: "\f00b";
cursor: pointer;
position: absolute;
top: 5px;
right: 10px;
color: #fff;
font-size: 25px;
font-family: FontAwesome;
}
.modal-open .modal{ padding-right: 0 !important}
.contactDetails {
position: relative;
/* background: #eee; */
padding: 35px 43px 10px;
min-height: 434px;
box-shadow: 0px 0px 10px #ccc;
}
.contactAddres .simple-article, .contactAddres a {
padding-left: 25px;
}
.contactAddres .simple-article, .contactAddres p{ padding-left: 25px; text-align: left; font-size: 18px;}
.contactDetails:before {
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
border: 1px solid #717171;
/* content: ''; */
}
.contactAddres {
position: relative;
border-bottom:1px solid #d1c4c4;
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 18px;
}
.contactDetails .imgWrapper {
position: absolute;
top: 0;
left: 0
}
.contactDetails h3 {
line-height: 36px;
margin-top: 50px
}
.work-card h5 {
font-size:23px;
font-weight:normal;
color: #dc2128; margin-bottom: 8px;
}
.work-card {
padding: 20px;
box-shadow: -4px 2px 25px #ddd;
margin-bottom: 30px;
}
.bottom-link{ margin: 25px 0 0;}
.tooltipWrapper .work-card { margin-bottom: 0}
.category-product-li li{ margin: 0 0 20px; list-style: none; background: #efefef; padding: 20px; text-align: left;}
.category-product-li li ul li{ display: inline-block; width: 24%; margin-bottom: 0; padding: 0}
/*subscription-page-table start*/
.subscription-page-table .table-bordered th{padding: 5px;font-weight: bold;font-size:18px;color: #fff;line-height: 1.3;}
.subscription-page-table .plan{background: #ffaa2e;}
.subscription-page-table .plan01{background: #FF9800;}
.subscription-page-table .plan02{background: #e78b03;}
.subscription-page-table .plan03{background: #c97b07;}
.subscription-page-table .table-bordered td{
border: 1px solid #dee2e6;
font-weight: 500;
font-size: 15px;
padding: 5px;
text-align: center;
}
.subscription-page h4{font-weight: bold;color: #ff9800;margin-bottom: 15px;font-size: 25px;}
/*subscription-page-table end*/
.subscription-page .top-btn .top-btn-red { display: inline-block; background: #ff9800;}
.subscription-page thead.cf{ position: sticky; top: 0}
.hovermain{ position: relative; width: 100%;}
.hovermain .hoverr{ opacity: 0}
.hovermain:hover .hoverr{ opacity:1}
.footer-links-border{ border: solid 1px #ebab79; overflow: hidden; padding: 15px;}
.footer-links-border ul { float: left; width:47%;}
.tooltipWrapper{ position: relative}
.tooltipp {
cursor: pointer;
display: inline-block; }
.tooltipp .tooltip__content {
background-color: #fff;
border-radius: 4px; text-align: left;
top:-100px;
left: 0;
position: absolute;
transition: opacity 0.5s;
visibility: hidden;
width:80%;
z-index: 99;
right: 0;
margin: 0 auto; box-shadow: 0;
}
.tooltipp:hover .tooltip__content {
opacity: 1;
visibility: visible;
}
.tooltipp .tooltip__content p{ background: #fff; color:#2a2a2a; font-weight: normal; text-align: left; display: block}
.why-us-tooltip{ width: 100%; padding: 15px;}
.why-us-tooltip .tooltip-data { font-weight: bold; font-size: 28px; width: 48%; display: inline-block; vertical-align: top; text-align: left}
.why-us-tooltip .tooltip-data h4{ font-weight: bold; font-size: 25px; margin-bottom: 25px;}
.why-us-tooltip .tooltip-pic { width: 48%; display: inline-block; vertical-align: top}
.why-us-tooltip .tooltip-data p{ background:none; color: #333; text-align: left; font-weight: normal; line-height: 1.6; display: block}
.selected-green {
text-align: left;
font-size: 15px;
color: #fff;
background: #03a303;
padding: 0 5px;
}
.tc label{ font-size: 14px}
.tc a{ text-decoration: underline}
.tc a:hover{ text-decoration:none}
.whatsapp {
position: fixed;
bottom:10px;
left:5px;
z-index: 99;
}
.mobile{ display: none}
.desktopenone{ display: none}
.mobile-plan-box{ text-align: center; padding: 25px; border: solid 2px #e78b03; margin-bottom: 15px;}
.mobile-plan-box p{ font-weight: bold; margin-bottom:0px;}
.subscription-view{ font-size: 12px;}
.request-a-demo .form-control{ background: #efefef}
.go-back{ margin: 0 10px 10px}
.product-data-style{ background:#f5f5f5; padding: 25px;}
.product-data-style p{ text-align: justify}
.product-data-style h2, h3{ margin-bottom: 15px; font-size: 23px; text-align: left}
/*inner pages end*/
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr { border: 1px solid #ccc; margin-top: 25px; }
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
#no-more-tables td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;}
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}