@import "bootstrap.min.css";


/* @import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap'); */
/*  */
/* 1.0 - General */
body{margin: 0; background: #FFFFFF; }
table,div{font-family: 'Open Sans', sans-serif; font-size:16px; color:white; line-height:30px;}
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #FFFFFF;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #FFFFFF;}/* Firefox 19+ */
:-ms-input-placeholder {color: #FFFFFF;}/* IE 10+ */
:-moz-placeholder {color: #FFFFFF;}/* Firefox 18- */

label{
  color:black;
}
input{
  color:black;
}

img{border:none;}
p{ margin:10px 0;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px;}
/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0; padding: 0; list-style: none;line-height: 22px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #46aa9f; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.green-btn{border: none; padding: 10px 20px; color: #FFFFFF; background: #ff6347; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #ff6347; transition: all .2s ease-in-out;}
.green-btn:hover{background: #ff6347;}
.white-btn{border: none; padding: 10px 20px; color: #2e941e; background: #FFFFFF; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}
.white-btn:hover{background: #f1f1f1;}

/*.green-btn-myprofile{border: none; padding: 4px 20px; color: #FFFFFF; background: #2e941e; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}*/

.green-btn-myprofile {
    float: right;
    border: none;
    padding: 4px 15px;
    color: #FFFFFF;
    background: #2e941e;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out;
}

.newclearfix{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.green-btn-new{
  
  background-color: #ff6347!important;
    border: 0;
    padding: 8px 30px;
    float: left;
   
    margin-top: 10px;
    border-radius: 5px;
    width: 131px;
}
.green-btn-myprofile:hover{background: #217314;}
/*.white-btn-myprofile{border: none; padding: 4px 20px; color: #2e941e; background: #FFFFFF; font-size: 16px; text-transform: uppercase; font-weight: bold; border-radius: 5px; border: 1px solid #2e941e; transition: all .2s ease-in-out;}*/
.white-btn-myprofile {
    border: none;
    padding: 4px 15px;
    color: #2e941e;
    background: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out;
    float: left;
}
.white-btn-myprofile:hover{background: #f1f1f1;}
.red-btn-myprofile {
    float: right;
    border: none;
    padding: 4px 15px;
    color: #FFFFFF;
    background: #E71D36;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    /*border: 1px solid #2e941e;*/
    transition: all .2s ease-in-out;
}
.buybtn{
  float: left;
    width: 100%;
    background: #23afa4;
    position: absolute 	;
    bottom:-82px;
    text-align: left;
    text-align: center;
    /*padding-left: 122px;*/
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-size: 24px;
}
.red-btn-myprofile:hover{background: #6f0f1b;}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #000000; display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 4px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0}
.navbar-inverse{background-color: transparent; border-color: transparent;}
.navbar {border-radius: 0;
  border: none;
  min-height: auto;
  background: #ffffff;
  position: relative;
  width: 100%;
  z-index: 100000;
  overflow: hidden;
  position: fixed;}
.navbar-brand {z-index: 1; position: relative; display: block; padding: 0; height: 76px;}
.navbar-brand > img {display: inline;}
.navbar-header{margin: 20px 0 0}
.navi{position: relative;}
.navi:before{background: #cccccc; height: 1px; width: 100%; position: absolute; content: ''; left: 0; top: 15px;}

.top-right{float: right; margin: 12px 0 0px}
.top-right ul{margin: 0; padding: 0; list-style: none;}
.top-right ul li{float: left; font-size: 16px; font-weight: bold; position: relative; padding-left: 40px; margin-left: 40px; line-height: 18px;}
.top-right ul li span{display: block; font-size: 12px; color: #616060; font-weight: 300}
.top-right ul li img{position: absolute; left: 0; top: 5px;}

.carousel-control .icon-prev {left: 50%; margin-left: -10px; background: url(../images/pre-icon.png) no-repeat;}
.carousel-control .icon-prev::before{display: none}
.carousel-control .icon-next {right: 50%; margin-right: -10px; background: url(../images/next-icon.png) no-repeat;}
.carousel-control .icon-next::before{display: none}

.carousel-caption{margin-top: -146px;}
.carousel-caption h1{font-weight: bold; font-size: 62px; color: black
	; margin: 0 0 40px; line-height: 62px;}
.carousel-caption h1 span{display: block;    background-color: #e2cbc757;}
.carousel-caption p{font-size: 20px;background-color: #e2cbc757;
    color: black;
    font-weight: 900;}

/* janki start */

#pagewrap {margin: 0 auto;width: 600px;padding-left: 150px;position: relative;}

/*
Back to top button 
*/
#back-top {position: fixed; bottom: 30px; margin: 0; right: 30px}
#back-top a {width: 64px; display: block; text-align: center;  text-transform: uppercase; text-decoration: none; color: #bbb; 	/* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 64px; height: 64px; display: block; 	margin-bottom: 7px; background: url(../up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px;	border-radius: 15px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span {}

.icon-scroll,
.icon-scroll:before {position: absolute; left: 50%;}
.icon-scroll {
  width: 40px;
  height: 70px;
  margin-left: -20px;
  bottom: 120px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}
.icon-scroll a{display: block; width: 40px; height: 70px;}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
/* janki end */

/*plan section new*/
.leftsmall{
	float: left;
	width: 100%;
	text-align: center;
}
.leftsmall .smallleftspan{
	color: rgba(255,255,255,0.8);
	font-size:15px;
}
.leftheading{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;

}
.leftheading .leftsmallheading{
color: white !important;
    font-size: 34px !important;
}
.leftcontents{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding: 0px 20px 0px 20px;
}
.leftcontents .leftsmallheading{
	color: rgba(255,255,255,0.8);
	font-size:17px;
}
.leftcontentsbtns{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}


.leftuppersection{
  float: left;
  width: 100%;
  background: #20b0a6;
  color: white;
  height:174px;
  padding-top:10px;

 clip-path: polygon(0 0%, 100% 0, 100% 55%, 0 100%);
 border-radius: 25px 25px 0px 0px;
 position: relative;
    z-index: 0;
}
.leftuppersection h1{
  color: white !important;
  font-weight: 200 !important;
} 

/*plan section new ends*/

.vibrant-btn {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.vibrant-btn i {
  margin-right: 5px;
}

.vibrant-btn.btn-color-1 {
  background-color: #2E294E;
}

.vibrant-btn.btn-color-2 {
  background-color: #F46036;
}
.btn-content{
	float: left;
	width: 100%;
	text-align: center;
	clear: both;
}

.vibrant-btn.btn-color-3 {
  background-color: #1B998B;
}

.vibrant-btn.btn-color-4 {
  background-color: #E71D36;
}

.vibrant-btn:hover {
  opacity: 0.8;
}

.vibrant-btn:active {
  opacity: 0.6;
}

.leftbuybtn{
width: 31%;
    margin: 0 1.16%;
    border-radius: 25px;
    background:#23afa4;
    clear: both;
  }

.jumbotron{padding: 0}
.jumbotron .container { max-width: 100%; height: 100%;}
.about-ban{position: relative; margin: 0; margin-top: 110px;}
.about-ban img{width: 100%;}
.about-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%;}
.about-ban .ban-text{text-align: center; position: relative; margin: -60px auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; /*width: 100%;*/ top: 50%; width: 50%;}
.about-ban .ban-text h1{font-size: 40px; line-height: 40px; margin: 0 0 20px; text-transform: uppercase; font-weight: bold;}

/** 3.0 - Content **/
#content .row{padding: 80px 0;}

h1{font-size: 40px; font-weight: bold;}
h2{font-size: 32px; font-weight: bold;}

.welcome{background: #f1f1f1; text-align: center}
.welcome .container{ position: relative; z-index: 0}
.welcome h1{margin:12px 0 11px; text-align: center;    color: #0000008f;
    font-size: 21px;}
.welcome h4{font-size: 18px; font-weight: 300px; margin:0 0 30px 0; line-height: 30px; text-align: center; color: #000; padding: 0 100px;}
.welcome .left, .welcome .right{width: 22%; -moz-box-shadow: 0 2px 6px #CCCCCC; /* FF3.5+ */ -webkit-box-shadow: 0 2px 6px #CCCCCC; /* Saf3.0+, Chrome */ box-shadow: 0 2px 6px #CCCCCC; /* Opera 10.5, IE 9.0 */ padding-bottom: 40px; /*border-radius: 8px;*/margin-top: 20px; margin-left: 10px; /*max-height: 345px; overflow-y: scroll;*/ min-height: 830px;}
.welcome h2{background: #e50d0d; color: #FFFFFF; font-size: 25px; font-weight: bold; border-radius: 8px 8px 0 0; line-height: 25px; padding: 22px 0; margin: 0}
.welcome .price{background: #f1f1f1; padding: 20px;}
.welcome ul{margin: 0 0 40px; padding: 0; list-style: none; }
.welcome ul li{border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.welcome .price {font-size: 43px; color: #5f5f5f; font-weight: bold;}
.welcome .price h3{font-size: 26px; color: #5f5f5f; font-weight: bold;}
.welcome .price sup{font-size: 25px; font-weight: bold;}
.welcome .price span{font-size: 26px; font-weight: 300;}

/* .about{background: url(../images/about-bg.jpg) no-repeat center center; background-size: cover; text-align: center; padding-bottom: 180px !important;} */
.about h1{color: #000;}
.about p{color: #000;}
.about .left{width: 50%; float: left; padding-top: 110px; padding-right: 40px;}
.about .right{width: 50%; float: right;}

.usp{text-align: center; border-top: 4px dotted #929ca8;}
.usp h1{color: #5f5f5f; font-size: 55px; margin: 0 0 20px; position: relative; padding-bottom: 10px;}
.usp h1:after{background: #FFF; height: 3px; width: 100px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; content: ''}
.usp h3{color: #5f5f5f; font-size: 28px; font-weight: bold; margin: 0 0 20px;}
.usp .green-btn{font-size: 30px; padding: 20px 50px;}

.usp ul{ padding: 0; list-style: none; text-align: center;}
.usp ul li{display: inline-block; font-size: 20px; color: #000; font-weight: 400;width: 272px; margin: 0 20px; border-right: 3px dotted #929ca8;} 
.usp ul li:last-child{border-right: 0;}
.usp ul li span{font-weight: bold; font-size: 75px; display: block; line-height: 80px;}
.usp ul li .icon{margin: 0 auto 30px; display: table; }

.download-app{background: #e50d0d}
.download-app .left, .download-app .right{width: 48%;}
.download-app .left{}
.download-app .left h1{color: #FFFFFF; margin: 0 0 50px;}
.download-app .left h4{color: #FFFFFF; font-size: 25px; font-weight: 300px; margin: 0 0 50px; line-height: 38px;}

/** 4.0 - Footer **/
footer{}
footer .footer1{padding: 50px 0; background: #19232f}
footer .footer1 h4{font-size: 14px; margin: 0 0 20px; color: white; }
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .links ul li{line-height: 40px; font-size: 16px; font-weight: 300}
footer .footer1 .links ul li a{color: #929ca8;}
footer .footer1 .links ul li i{margin-right: 5px;}

footer .footer1 .contact ul li{padding-left: 50px; position: relative; color: #929ca8; font-size: 16px; font-weight: 300; line-height: 18px; margin-bottom: 20px;}
footer .footer1 .contact ul li img{position: absolute; left: 0;}
footer .footer1 .contact ul li a{color: #929ca8; line-height: 45px}

footer .footer2{padding: 20px 0; background: #141c26}
footer .footer2 .left, footer .footer2 .right{font-size: 16px; color: #929ca8; line-height: 35px; padding: 6px 0;}
footer .footer2 .social-media{margin: 0 auto;}
footer .footer2 .social-media ul{margin: 0; padding: 0; list-style: none; text-align: center}
footer .footer2 .social-media ul li{width: 44px; height: 44px; line-height: 44px; text-align: center; border:1px solid #929ca8; border-radius: 50%; margin-left: 5px; display: inline-block}
footer .footer2 .social-media ul li a{display: block; color: #FFFFFF; font-size: 18px;}

/* */
.pricing{background: #f1f1f1; text-align: center}
.pricing .left, .pricing .right{width: 32%; -moz-box-shadow: 0 2px 6px #CCCCCC; /* FF3.5+ */ -webkit-box-shadow: 0 2px 6px #CCCCCC; /* Saf3.0+, Chrome */ box-shadow: 0 2px 6px #CCCCCC; /* Opera 10.5, IE 9.0 */ padding-bottom: 40px; border-radius: 8px; background: #FFFFFF;margin-top: 20px; margin-left: 10px; }
.pricing h2{background: #e50d0d; color: #FFFFFF; font-size: 25px; font-weight: bold; border-radius: 8px 8px 0 0; line-height: 25px; margin: 0; padding:22px 0; }
.pricing .price{background: #f1f1f1; padding: 20px;}
.pricing ul{margin: 0 0 40px; padding: 0; list-style: none; }
.pricing ul li{border-bottom: 1px solid #e4e4e4; padding: 10px 20px; }
.pricing .price {font-size: 43px; color: #5f5f5f; font-weight: bold;}
.pricing .price h3{font-size: 26px; color: #5f5f5f; font-weight: bold;}
.pricing .price sup{font-size: 25px; font-weight: bold;}
.pricing .price span{font-size: 26px; font-weight: 300;}
.pricing button{margin: 0 20px;}
.pricing-myprofile button{margin: 0 35px;float: left;}

.contents_body .container .additional_addon{
	float: right;
	
}
.contents_body .container .additional_addon a{
	text-decoration: underline;			
	color: #E40C0D;
}

/* */
.features{background: #f1f1f1}
.features ul{margin: 30px 0 0; padding: 0; list-style: none;}
.features ul li{width: 24%; margin: 0 1.3% 1.3% 0; background: #FFFFFF; border-radius: 4px; float: left; text-align: center; padding: 50px 40px; -moz-box-shadow: 0px 3px 10px #d5d5d5; /* FF3.5+ */ -webkit-box-shadow: 0px 3px 10px #d5d5d5; /* Saf3.0+, Chrome */ box-shadow: 0px 3px 10px #d5d5d5; /* Opera 10.5, IE 9.0 */}
.features ul li:nth-child(4n+4){margin-right: 0}
.features ul li span{margin-bottom: 40px; display: block;}
.features ul li .name{text-transform: uppercase; font-size: 18px; line-height: 22px; height: 42px; font-weight: bold; color:black;}

/**/
.about .usp ul{margin: 0; padding: 0; list-style: none; text-align: center;}

/* */
.contactus{background: #f1f1f1}
.contactus h2{font-size: 40px; color: #2a2a2a; font-weight: bold; margin: 0 0 40px;}
.contactus ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.contactus ul li{float: left; text-align: left; width: 30%; margin-right: 5%;}
.contactus ul li span{display: block;}
.contactus ul li:last-child{margin-right: 0}
.contactus h3{font-size: 40px; color: #5f5f5f; font-weight: 300; margin: 0 0 20px; border-bottom: 1px solid #c2c2c2; padding-bottom: 10px;}
.contactus ul li i{}

.quick-inquiry{background: #FFFFFF; padding: 40px; margin-top: 40px;}
.quick-inquiry h2{margin: 0 0 10px;}
.quick-inquiry span{float: left; width: 49%; margin-right: 2%; margin-bottom: 20px;}
.quick-inquiry span:nth-child(2n+2){margin-right: 0}
.quick-inquiry .input{border: 2px solid #7f7f7f; padding: 0 10px; line-height: 46px; height: 46px; width: 100%; color: #000000; font-size: 16px;}
.quick-inquiry .input.textarea{min-height: 120px; margin-bottom: 30px}
.quick-inquiry p{font-weight: 300; color: #000000; font-size: 14px; margin: 20px 0}
.quick-inquiry label{font-weight: 300}
.quick-inquiry .green-btn{float: left; padding: 8px 30px;}

.map{padding: 0 !important}
.map img, .map iframe{width: 100%;}

.try-for{background: #FFFFFF; margin: 0 auto; width: 500px; padding: 40px;}
.try-for label{font-weight: 300; display: block;}
.try-for .input{width: 100%; border: 2px solid #7f7f7f; margin-bottom: 14px; height: 40px; line-height: 40px;}
.try-for .submit{background: #ff6347; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 18px; border: 0; padding: 10px 30px; display: table; margin: 30px auto 0;border-radius: 5px;}

.btntrack{
    padding: 4px 19px;
    color: #2e941e;
    background: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #2e941e;
    transition: all .2s ease-in-out
}
.trackingcode{
    padding: 4px 20px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 5px;
    border: 1px solid;
}

.welcome .left{width:24%;  margin:70px 1.16%; margin-top:40px !important ; box-shadow: 0 0px 6px rgb(0 0 0 / 10%); min-height: 410px; border-radius: 25px;position:relative}
.welcome h2{height: 25px; padding: 0; border-radius: 25px 25px 0 0;}
.welcome .price{color: #FFF; background: #e50d0d; text-align: left; padding-top: 0; padding-left: 33px;}
.usp ul li span{font-size: 55px;color: #000;}
.welcome .left .store-text p{text-align: left; font-weight: bold; color: #000; position: relative; padding-left: 23px; margin: 0; margin-bottom: 4px;}
.welcome .left .store-text{background-color: #fce6e6; padding-left: 33px; padding-top: 18px; padding-bottom: 35px;}
.welcome .left {
  margin-top: 80px;
}
.welcome .left .store-text .building::before{
  content: "";
  background: url('../building-icon.svg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 8px;
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  top: 5px;
}
.welcome .left .store-text .user-suit::before{
  content: "";
  background: url('../user-icon.svg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 8px;
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  top: 5px;
}
.welcome .left .store-text .location::before{
  content: "";
  background: url('../location-icon.svg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 8px;
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  top: 5px;
}
.welcome .left p.feature-text{ background-color: #595959; color: #fff; padding: 4px 0; border-radius: 0 22px 22px 0px; max-width: 150px; margin-top: -20px; position: relative; z-index: 1;}
.welcome .left  .save-text{background-color: #000; color: #fff; padding: 4px 0; border-radius: 0 22px 22px 0px; max-width: 150px; margin-top: -48px; margin-left: 125px;}

.like-services{background: #e50d0d; border-radius: 10px; width: calc(100% - 70px); margin: 0 auto; padding: 30px;}
.like-services h1{color: #FFFFFF}
.like-services h3{color: #FFFFFF}

.like-services-row{background: url(../image/catalog/like-service-bg.jpg) no-repeat center center; background-size: cover; background-position: right; margin-top: 40px;}
.like-services-row h2{color: #fff; margin-bottom: 20px; -webkit-text-stroke: 1px #151F26;}
.like-services-row h2 span{display: block;}
.like-services-row .left{width: 35%; float: left;}
.like-services-row .left img{margin-top: -50px;}
.like-services-row .right{width: 70%; float: right;  height:178px; position: relative;text-align: center;margin-top: 134px;}


.like-services-row .right .green-btn{background-color: #0055b8; color: white; border: 0 !important; border-bottom: 2px solid #fff; padding: 7px 30px;}
.like-services-row .right .green-btn:hover{background-color: #0055b8; border: 0; color: #fff;}

.download-app-store .container{background: url(../image/catalog/download-app-bg.png) no-repeat center center;}
.download-app-store .store-detail .left-text{float: left; width: 50%; padding-left: 60px;}
.download-app-store .store-detail .right-img{float: right; width: 50%; text-align: end; padding-right: 45px;}
.download-app-store .store-detail h2{color: #fff; margin-bottom: 0; font-size: 38px;}
.download-app-store .store-detail p{color: #fff; line-height: 25px; margin-bottom: 30px;}
.download-app-store .store-detail p span{display: block;}
.download-app-store .store-detail{display: flex; align-items: center;}
.download-app-store .playstore-btn a{display: inline-block; width: 100%; max-width: 171px; height: 50px; margin-right: 15px; padding: 15px 0;}
.download-app-store .playstore-btn .g-pay-btn{background: url(../image/catalog/google-play-btn.png) no-repeat center center; background-size: cover;}
.download-app-store .playstore-btn .app-store-btn{background: url(../image/catalog/app-store-btn.png) no-repeat center center; background-size: cover;}

footer .footer1{background-color:rgba(21,31,38,1.0);padding-bottom: 130px; background-position: bottom;color: white;}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.carousel-caption h1{font-size: 52px; line-height: 52px;}
.carousel-caption {margin-top: -106px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.carousel-caption h1{font-size: 40px; line-height: 32px;}
.carousel-caption {margin-top: -106px;}

.usp ul li{margin: 0 4px 20px}

footer .footer1 .contact ul li{font-size: 13px;}
footer .footer1 .links ul li {line-height: 40px; font-size: 15px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption {margin-top: -106px;}

.usp ul li{margin: 0 20px 20px}

footer .footer1 .contact ul li{font-size: 13px;}
footer .footer1 .links ul li {line-height: 40px; font-size: 15px;}

.about-ban .ban-text{width: 100%; margin: -15px auto 0;}
.about-ban .ban-text h1{font-size: 40px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

.welcome .left, .welcome .right{min-height: 634px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {


.navi:before{display: none}
.navbar-header{ float: none; margin-bottom: 0}
.navbar-brand{width: 300px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}

.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -86px;}

#content .row{padding: 40px 0}
h1 {font-size: 40px;}

.welcome .container{padding: 20px; margin-top: -110px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 32px;}

.usp h1{font-size: 45px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

/* */
.about-ban .ban-text{width: 100%; margin: -15px auto 0;}
.about-ban .ban-text h1{font-size: 40px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 32px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}
.bgimg{display:none}

.carousel-caption h1{font-size: 32px; line-height: 32px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 32px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 10px 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 30px; line-height: 30px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 32px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.quick-inquiry span{width: 100%;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu-toggle{display: block; float: right; padding: 14px 0}

.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px;}
.top-right ul li{margin-left: 10px;}
.navbar{z-index: 100;}
.bgimg{display:none}

.carousel-caption h1{font-size: 22px; line-height: 22px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 100%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 22px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 0 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px; width: 100%;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 20px; line-height: 20px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 22px;}

/* */
.features ul li{width: 48%; margin: 0 4% 20px 0;}
.features ul li:nth-child(2n+2){margin-right: 0;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.contactus h2 {font-size: 30px;}
.quick-inquiry span{width: 100%;}

.try-for{width: 100%; padding: 20px;}

.welcome .left, .welcome .right{min-height: auto;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.top-right ul li img{left: 7px;}
.top-right ul li {font-size:10px;}
.top-right ul li span {font-size:7px;}
#menu-toggle{display: block; float: right; padding: 14px 0}


.navi:before{display: none}
.navbar-header{padding: 0 20px;}
.navbar-brand{width: 200px; height: auto;}
.navbar-brand img{width: 100%;}
.top-right{margin: 10px 0 20px; width: 100%}
.top-right ul li{margin-left: -6px;}
.navbar{z-index: 100;}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
margin-top: 70px;
}
.about-ban {
  position: relative;
  margin: 0;
  margin-top: 70px !important;
}
.carousel-caption h1{font-size: 22px; line-height: 22px;}
.carousel-caption p{display: none;}
.carousel-caption {margin-top: -56px;}

.carousel-control .icon-prev{background-size: 20px;}
.carousel-control .icon-next{background-size: 20px;}
.bgimg{display:none}

#content .row{padding: 40px 0}
h1 {font-size: 30px;}
h2 {font-size: 20px;}

.newclearfix{
  display: block;
  
}


.containers{
  display: block !important;
}
.containers h4{
  margin-top: 6px !important;
}

.containers hr{
  width: 18% !important;
}

.containers div{
  float: left;
  width: 100%;
  text-align: center;
}

.welcome .container{margin: 0 15px; padding: 20px;}
.welcome .left, .welcome .right{width: 95%;margin-left: 2.5%;}



.leftbuybtn{width: 95%;margin-left: 2.5%;}
.welcome .left{margin-bottom: 20px;}
.welcome h4{padding: 0}
.welcome h2{font-size: 22px;}

.usp ul li{margin: 0 0 20px;}

.usp .green-btn {font-size: 20px; padding: 20px 20px; width: 100%;}
.usp h1{font-size: 30px; margin: 0 0 20px;}
.usp h3{font-size: 18px;}

.download-app .left, .download-app .right{width: 100%;}
.download-app .left{margin-bottom: 20px;}
.download-app .left h1{margin: 0 0 30px;}
.download-app .right img{width: 100%;}
.download-app .left h4{font-size: 18px; line-height: 28px;}

footer .footer2 .left, footer .footer2 .right{text-align: center; line-height: 24px;}
footer .footer1 .contact ul li{font-size: 15px;}
footer .footer1 .links{margin-bottom: 30px;}

.mobile{display: block;}
.desktop{display: none;}

/* */
.about-ban .ban-text{width: 100%; margin: -10px auto 0;}
.about-ban .ban-text h1{font-size: 20px; line-height: 20px; margin: 0;}
.about-ban .ban-text p{display: none;}

/* */
.pricing .left, .pricing .right{width: 100%;}
.pricing .left{margin-bottom: 20px;}
.pricing h4{padding: 0}
.pricing h2{font-size: 22px;}

/* */
.features ul li{width: 100%; margin: 0 0 20px;}

/* */
.contactus ul li{width: 100%; margin: 0 0 20px;}
.contactus h2 {font-size: 30px;}
.quick-inquiry span{width: 100%;}

.try-for{width: 100%; padding: 20px;}

.welcome .left, .welcome .right{min-height: auto;}

.trackorder table tr td{display: block;}
.trackingcode{margin: 10px 0}
.carousel-inner > .item > img{height: 230px;}
.icon-scroll{bottom: 50px; width: 30px;
  height: 40px;
  margin-left: -16px;}
   .btn1left { display: flex;
    float: left;
    width: 100%;
    text-align: center;
    /* padding-left: 69px; */
    justify-content: center;
    /* align-items: center; */
    margin: auto;}
  
.welcome .left{margin-bottom: 68px;}







.bgimg{display:none}

}
.bgimg{position: absolute; bottom:0; left: 0; width: 100%; height:120px; background-image: url('/image/badal.png'); background-size: cover; background-position: top; }

.planbuttons{
  width: 200px;
}
.divdash{
  width:100px;
  text-align: center; 
}

/* Temporary Styling */
.col-md-3.contact{
    display:none;
}
.maincircle{
  float: left;
  width:100%;
  text-align: center;
  position: relative;
  z-index: 1;
  top: -100px;
}
.outer-div {
  width:38%; /* Adjust the width and height as needed */
  height:117px;
  border: 5px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%; /* Makes it circular */
  background-color: #20b1a4; /* Set the inside color */
  overflow: hidden; /* Hide content overflowing the circular div */
  margin: 0 auto;
}

.circular-div {
  color: white;
  font-size: 24px; /* Adjust font size as needed */
      margin-left: -4px;
    margin-top: -2px;
}
.bulletsection{
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
  margin-top: -90px;
  color: #939393;
  font-weight: 700;
}

.btn1left{

  display: flex;
  float: left;
  width: 100%;
  text-align: center;
  /* padding-left: 69px; */
  justify-content: center;
  /* align-items: center; */
  margin: auto;
}

.planbtn{
  background: #b52525;
}


input.error,textarea.error{ border: 1px solid #f00 !important; }
label.error{ display:none !important; }

.top-right{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.top-right .track-order-list li{margin-left: 0;}

.welcome .left{background-color: #d9d9d9;/*padding: 40px 0px 40px 0px;*/}
.welcome .left ul{margin: 0; padding: 0;}
.welcome .left ul li{padding: 0; list-style: none; position: relative;color: #00000061; border: 0; text-align: left;border-bottom: 1px dotted;    margin-bottom: 10px; }
.welcome .left ul li::before{
  content: "";
  /*background: url('../check-circle-icon.svg') no-repeat;*/
  background-size: cover;
  float: left; 
  margin-right: 8px;
  position: absolute;
  left: 0;
  height: 15px;
  width: 15px;
  top: 8px;
}
.welcome .left .green-btn{background-color:#ff6347; border: 0; padding: 8px 30px; float: left; margin-left: 20px; margin-top: 10px;}
.welcome .left .green-btn:hover{background-color: #ff6347!important;}


.try_2{background-color:#ff6347!important;}

@media (min-width: 1400px){
  .container {
    width: 1355px;
  }
  
  
  
}

.innerdivcalss{margin-top: 3px;color: #0000008f;font-size: 21px;}
.leftclass{float: left;    width:1%;    color: #d9d9d9;}
.ulclass{width:96%; float: left;  text-align: center;padding: 0px 10px;}

.clearsvboths{float: left; clear: both;}

.welcome .left .green-btn {margin-left: 0px;}

.colors{    background-color: #ff6347!important;}


.colorsodds{    background-color:black!important;}
.navbar .container{
  display: none;
}
.carousel-inner {

  margin-top: 110px;
}
/* @media (min-width: 1200px){
 .container {
  
    display: none;
} 
} */


div#content1{
    position: relative;

    margin-top: 110px;
}


@media only screen and (min-width:320px) and (max-width: 988px) {
#menu-toggle{display: block; float: right; padding: 14px 0}
.navbar .container {display: block !important;}
.carousel-inner {margin-top: 70px !important;}
}