/*@media (min-width: 992px) {*/

/* 01 Full Banner */
.banner-full{
/*position:static;*/
/*width: 1440px;*/
max-width:1440px;
height: 400px;
margin-left:auto;
margin-right:auto;



/*top: 116px;*/

/*background: url(../images/main_sms.jpg);*/


}

.banner-full-account{
/*position:static;*/
/*width: 1440px;*/
max-width:1440px;
height: 250px;
margin-left:auto;
margin-right:auto;


/*top: 116px;*/

/*background: url(../images/main_sms.jpg);*/


}
/* banner-full */

/*position: absolute;
width: 1440px;
height: 400px;
left: 0px;
top: 116px;   ammar*/



/* Mask */
.banner-full .Mask{ 
/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
height: 400px;
left: 0px;
top: 116px;

}

/* Object */
.banner-full .Object{ 
position: absolute;
width: 100px;
height: 100px;
left: 0px;
top: 116px;
}

.swiper-slide_form {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	background-position: top;
	/* position: relative;*/
  background-image: url(../images/contact.jpg);
	background-position: center -170px;
	background-repeat: no-repeat;
	background-size: cover;	
}

@media (max-width: 767px) {
.swiper-slide_form {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	background-position: top;
	/* position: relative;*/
  background-image: url(../images/contact.jpg);
	background-position: center -370px;
	background-repeat: no-repeat;
	background-size: cover;	
}
}








/* banner-full */
.banner-full .Image{
	/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
	height: 400px;
	/*left: 0px;*/
	/*top: -254px;*/
	background-image: url(../images/main_sms.png);
	background-position: 0px -170px;
	background-repeat: no-repeat;
}


.banner-full .Image-bulk{
	/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
	height: 400px;
	/*left: 0px;*/
	/*top: -254px;*/
	background-image: url(../images/bulk_sms_blue.jpg); /*bulk_sms_blue  bulk_sms_green*/
	background-position: 0px -170px;
	background-repeat: no-repeat;
}

.banner-full .Image-wholesale{
	/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
	height: 400px;
	/*left: 0px;*/
	/*top: -254px;*/
	background-image: url(../images/Wholesale_53.jpg);  /*Wholesale_53  Wholesale_68*/
	background-position: 0px -170px;
	background-repeat: no-repeat;
}

.banner-full .Image-billing{
	/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
	height: 400px;
	/*left: 0px;*/
	/*top: -254px;*/
	background-image: url(../images/billing.jpg);
	background-position: 0px -150px;
	background-repeat: no-repeat;
}


.banner-full-account .Image{
	/*position: absolute;*/
/*width: 1440px;*/
max-width:1440px;
	height: 250px;
	/*left: 0px;*/
	/*top: -254px;*/
	background-image: url(../images/account4.jpg); /*account.png green account2.jpg account2.jpg darker  account4.jpg less darker*/
	background-position: 0px -170px;
	background-repeat: no-repeat;
}


.banner-full .CTA_Solid_Main {

position:relative;
width: 230px;
height: 42px;
left: 136px;
top: 100px;


}



.banner-full .CTA_Solid_Main .Rectangle{

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #00E700;
box-shadow: 0px 3px 0px #01273B;
border-radius: 8px;
}

.banner-full .CTA_Solid_Main .Rectangle a{
position: absolute;
height: 18px;
left: 11.3%;
right: 10.87%;
top: calc(50% - 18px/2 + 1px);

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;  /*500 ammar sms*/
font-size: 14px !important;
line-height: 18px;
text-align: center;
letter-spacing: 0.875px !important;
text-transform: uppercase;

color: #01273B;

}

@supports (-moz-appearance:none) {
    .banner-full .CTA_Solid_Main .Rectangle a { font-size: 13px !important; } 
}

.banner-full .SMS_banner {

position:relative;
max-width: 668px;
height: 116px;
left: 136px;
top: 62px;
text-align:left !important;

}

.banner-full .SMS_banner h1{

/*position: absolute;*/

text-align:left !important;
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 47px;
letter-spacing: 2.25px;

color: #FFFFFF;

}



.banner-full-account .SMS_banner {
	/*position:relative;*/
/*max-width: 668px;*/
/*height: 116px;*/

/*top: 77px;*/
top:42%;
position:relative;
	text-align:center !important;
	margin-left:auto;
	margin-right:auto;
	


	
	
}

.banner-full-account .SMS_banner h1{
	/*position: absolute;*/

text-align:center !important;
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 47px;
	letter-spacing: 2.25px;
	color: #ccc;  /* #01273B  00E700; */

	
}















.banner-full .SMS_banner2 {
position:relative;
max-width: 520px;
height: 88px;
left: 136px;
top: 65px;
text-align:left !important;
}
.banner-full .SMS_banner2 h4{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 26px;
letter-spacing: 1.25px;
text-align:left !important;
color:#ffffff;

}



.rd-top  {

margin-left:auto;
margin-right:auto;
/*left:0%;
right:0%;*/

max-width:1440px;  /*ammar sms*/
/*width: 1440px;*/ /*ammar sms*/
/*left:auto;
right:auto;*/
top: 0%;
/*bottom: 68.97%;*/
height:36px;
 z-index: 1002;

background: #01273B;
}
@media (min-width: 992px) {
.showdiv {
display:block !important;

}
.hidediv{
display:none !important;
}


.alin_l_c {
text-align:left !important;
display: flex;
  justify-content: left;
  align-items: left;
  background:#f9f9f9;
  border-radius: 8px;
  padding-left:2px;
  padding-top:2px;
   /*box-shadow: none !important;
   border:none !important;*/
       
}
.alin_l_c   .cover{
color:#f9f9f9;

}

.alin_l_c::before{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
	left:3px;
  content: "";
  z-index:5
}
.alin_l_c::after{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
		left:-3px;
 content: "";	
z-index:5
}





.alin_l_c2 {
text-align:left !important;
display: flex;
  
  align-items: left;
  background:#f9f9f9;
  border-radius: 8px;
  padding-left:2px;
  padding-top:2px;
   /*box-shadow: none !important;
   border:none !important;*/

  justify-content: center;
  align-items: left;
  background:#f9f9f9;
  border-radius: 8px;
    padding-left:0px;      
}
.alin_l_c2   .cover{
color:#f9f9f9;

}

/*.alin_l_c2::before{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
	left:3px;
  content: "";
  z-index:5
  
 
  
  
}
.alin_l_c2::after{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
		left:-3px;
 content: "";	
z-index:5
}*/












}
@media (max-width: 991px) {


.showdiv {
display:none !important;

}
.hidediv{
display:block !important;
}

.alin_l_c {

/*margin:0;*/


 /* -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
 display: flex;
  justify-content: center;
  align-items: left;
  background:#f9f9f9;
  border-radius: 8px;
    padding-left:0px;
  
}
.alin_l_c::before{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
	left:3px;
  content: "";
  z-index:5
}
.alin_l_c::after{
position:relative;

border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f9f9f9;
		left:-3px;
 content: "";	
z-index:5
}


.banner-full{
height: 520px;
/*max-width:100%;
width:100%;*/

}



.banner-full .Image{

height: 520px;
background-position: -300px -100px;

}
.banner-full .Image-bulk{
height: 520px;
background-position: -300px -100px;
}



.banner-full .Image-billing{
height: 520px;
background-position: -300px -100px;

}




.banner-full .Image-wholesale{
height: 520px; 
}




.banner-full-account .Image{

background-position: -300px -170px;
	
}










.rd-top  {
position:fixed;
margin-left:auto;
margin-right:auto;
/*left:0%;
right:0%;*/
width:100% !important;
max-width:991px;  /*ammar sms*/
/*width: 1440px;*/ /*ammar sms*/
/*left:auto;
right:auto;*/
top: 0%;
/*bottom: 68.97%;*/
height:36px;
 z-index: 1002;

background: #01273B;
}



.banner-full .SMS_banner {

position:relative;
max-width: 400px;
height: 116px;
left: 32px; /*20*/
top: 122px;
text-align:left !important;

}


.banner-full-account .SMS_banner {
top:48%;

}

.banner-full-account .SMS_banner h1{
	/*position: absolute;*/

	font-size: 30px;
	
}



.banner-full .SMS_banner2 {
 
position:relative;
max-width:400px;
height:auto;
left: 32px; /*20*/
top: 10px;
text-align:left !important;


 
}

.box22 {
position:relative;
height:204px;
top:200px;
  
background-clip: border-box;
  /*border: 10px dotted black;*/
  background: rgba(1, 39, 59, 0.8);
  /*margin-left:auto;
margin-right:auto;*/
}

.banner-full .CTA_Solid_Main {

position:relative;
/*width: 230px;*/
max-width:100%;

width: 94%; /*96*/
height: 42px;
left:3%; /*2*/


top: 25px;


}

.banner-full .CTA_Solid_Main .Rectangle{

position: absolute;

left: 0%;
right:0%;



background: #00E700;
box-shadow: 0px 3px 0px #01273B;
border-radius: 8px;
}


}

@media (max-width: 767px) {
.banner-full .Image{
background-position: -500px -100px;

}
.banner-full .Image-bulk{

background-position: -500px -100px;
}


.banner-full .Image-billing{

background-position: -500px -100px;

}


.banner-full-account .Image{
background-position: -500px -170px;
	
}



.banner-full .SMS_banner {
left: 26px; /*20*/
}

.banner-full-account .SMS_banner h1{
	/*position: absolute;*/

	font-size: 28px;
	
}



.banner-full .SMS_banner2 {
left: 26px; /*20*/
}

.showdiv {
display:none !important;

}
.hidediv{
display:block !important;
}
}

@media (max-width: 479px) {
.banner-full .Image{
background-position: -700px -100px;

}

.banner-full .Image-bulk{

background-position: -700px -100px;
}


.banner-full .Image-billing{

background-position: -700px -100px;

}





.banner-full-account .Image{
background-position: -700px -170px;
	
}


.banner-full .SMS_banner {

position:relative;
max-width: 280px;
height: 116px;
left: 18px; /*20*/
top: 182px;
text-align:left !important;

}


.banner-full .SMS_banner2 {
 
position:relative;
max-width:280px;
height:auto;
left: 18px;/*20*/
top: 10px;
text-align:left !important;


 
}
.banner-full-account .SMS_banner h1{
	/*position: absolute;*/

	font-size: 24px;
	
}

.banner-full .SMS_banner h1{

/*position: absolute;*/

text-align:left !important;
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 30px;
letter-spacing: 2.25px;

color: #FFFFFF;

}


.banner-full .SMS_banner2 h4{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
letter-spacing: 1.25px;
text-align:left !important;
color:#ffffff;

}



.showdiv {
display:none !important;

}
.hidediv{
display:block !important;

}









}

@media (max-width: 300px) {
.banner-full .Image{


	background-position: -920px -100px;

}

.banner-full .Image-bulk{

background-position: -920px -100px;
}

.banner-full .Image-billing{

background-position: -920px -100px;

}

.banner-full-account .Image{
background-position: -920px -170px;
	
}




.banner-full .SMS_banner {

position:relative;
max-width: 200px;
height: 116px;
left: 20px;
top: 182px;
text-align:left !important;

}


.banner-full .SMS_banner2 {
 
position:relative;
max-width:200px;
height:auto;
left: 20px;
top: 10px;
text-align:left !important;


 
}


.banner-full .SMS_banner h1{

/*position: absolute;*/

text-align:left !important;
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: 2.25px;

color: #FFFFFF;

}


.banner-full .SMS_banner2 h4{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
letter-spacing: 1.25px;
text-align:left !important;
color:#ffffff;

}
.showdiv {
display:none !important;

}
.hidediv{
display:block !important;
}
}

@media (max-width: 240px) {
.banner-full .Image{
background-position: -1020px -100px;

}
.banner-full .Image-billing{

background-position: -1020px -100px;

}
.banner-full .Image-bulk{

background-position: -1020px -100px;
}


.banner-full-account .Image{
background-position: -1020px -170px;
	
}


.banner-full .SMS_banner {

position:relative;
max-width: 180px;
height: 116px;
left: 20px;
top: 122px;
text-align:left !important;

}


.banner-full .SMS_banner2 {
 
position:relative;
max-width:180px;
height:auto;
left: 20px;
top: 10px;
text-align:left !important;


 
}
.showdiv {
display:none !important;

}
.hidediv{
display:block !important;
}
}

.login {
position:relative;
height: 17px;
left:auto;
/*left: 42.44%;*/
left: 41.5%;
/*right: 4%;*/
top: calc(50% - 17px/2 - 39.5px);

font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 17px;
/* identical to box height */

text-align: right;
letter-spacing: 1px;

color: #FFFFFF;
padding-top:10px;

}

.login:hover {
color: #00E700;
}



.serach99 {
/*width:16px !important; */
height:auto !important;
display:inline !important; 
}

.login99 {
/*width:20px !important; */
height:auto !important;
display:inline !important; 
}


.shift {

position:relative;
left: 39.5%;
}

.shift2{
position:relative;
left: 41.75%;
/*color:#727272;*/
border-left: 1px solid #727272;
}

.shift3{
position:relative;
left: 42%;
color:#FFFFFF;
}


.shift4 {
	margin-top:18px;
	margin-bottom:18px;
	text-align: center;
	vertical-align: middle;
}

.shift9 {
position:relative;
	margin-top:18px;
	margin-bottom:18px;
	text-align: center;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto;

}

.shift5 {
	margin-top:18px;
	margin-bottom:18px;
	margin-left:13px;
	text-align: center;
	vertical-align: middle;
}



@media (max-width: 991px) {

.login {
left: 39.5% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 40.2%;

}
}


@media (max-width: 767px) {

.login {
left: 39% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 39.7%;

}}

@media (max-width: 697px) {

.login {
left: 38.2% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 39.2%;

}

}
@media (max-width: 600px) {

.login {
left: 33.8% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 34.6%;

}

}
@media (max-width: 500px) {

.login {
left: 33% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 33.6%;

}

}

@media (max-width: 400px) {

.login {
left: 23.5% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 24.1%;

}

}

@media (max-width: 300px) {

.login {
left: 23% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 23.7%;

}

}

@media (max-width: 240px) {

.login {
left: 16.5% !important;

}
.shift {
position:fixed !important;
left: 18px; !important;
padding-top:4px;

}
.shift2{
display:none !important;

}
.shift3{
left: 17.3%;

}

}

.serach88::before{
content:  url(../images/search.svg);
width:17px !important; 
height:auto !important;
display:inline !important; 
}


.rd-navbar-panel span{
position:relative;
height: 17px;
left: 19px;

top: 6px;
/*top: calc(50% - 17px/2 + 19.5px);*/

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 17px;
/* identical to box height */

letter-spacing: 1px;

color: #333333;
}

.figma h2 {
font-family: IBM Plex Sans !important;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
/* identical to box height */

text-align: center;
letter-spacing: 1px;

color: #333333 !important;


}

.figma2 h2 {
font-family: IBM Plex Sans !important;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
/* identical to box height */

text-align: center;
letter-spacing: 1px;
/*width:599px;*/

color: #333333 !important;

margin-left:auto;
margin-right:auto;
}


.figma3 h2 {
font-family: IBM Plex Sans !important;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
/* identical to box height */

text-align: left;
letter-spacing: 1px;

color: #333333 !important;


}





@media (max-width: 991px) {

.figma2 h2 {


text-align: left !important;
}

}


/*svg:hover {
  fill: red;
}

logo-img path {
  fill: #000;
}

*/

.reach {
text-align:left;

/*width:548px;*/

}

#growB {
margin-top:85px

}

#growB1 {
margin-top:65px

}


@media (max-width: 767px) {

#growB, #growB1   {
margin-top: auto;

}
}

.grow {
text-align:left;
padding: 4% 6% 4% 16%;


}

.growS {
text-align:left;
padding: 7% 5% 7% 5%;
/*width:668px;*/
}

.while{
text-align:left;
padding: 0% 4% 0% 0%;
}
.while2{
text-align:left;
padding: 0% 0% 0% 0%;
}
.see {
text-align:left;
/*width:471px;*/
margin-top:30px;
}



.connect {
 text-align:center !important;
 margin-left:auto;
margin-right:auto;
margin-bottom:30px;
margin-top:80px;
 }
 
 
 
 
 .footacc {
text-align:left;
/*margin-left:auto;
margin-right:auto;*/
}
 
 

.reach h2, .growS  h2 , .see h2 , .while h2, .while2 h2 {
/*font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;*/
font-size: 24px;
line-height: 42px;
/*letter-spacing: 1px;*/
text-align:left;

color: #1d1d1b;

}

.grow h2 {
/*font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;*/
font-size: 24px;
line-height: 42px;
/*letter-spacing: 1px;*/
text-align:left;

color: #1d1d1b;

}
.reach p, .grow p, .growS p, .see p {
/*font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;*/
font-size: 14px;
line-height: 24px;
font-weight:600;
/* or 150% */

letter-spacing: 0.5px;

color: #1d1d1b !important;

}
.while p, .while2 p {
	font-size: 14px;
	line-height: 24px;
	font-weight:600;
	/* or 150% */

letter-spacing: 0.5px;

color: #1d1d1b !important;
	text-align: justify;
}

.while p, .while2 h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight:600;
	/* or 150% */

letter-spacing: 0.5px;

color: #1d1d1b !important;
	text-align: justify;
}

.reach .Rectangle,  .grow .Rectangle, .see .Rectangle , .while .Rectangle, .connect .Rectangle {


/*width: 230px;*/
/*height: 42px;*/
/*background: #01273B;
box-shadow: 0px 3px 0px #00E700;
border-radius: 8px; */



font: bold 14px/18px 'Montserrat', serif; /*sms2021*/
  display: inline-block;
  border: 0px solid #fff !important;
  color: #1d1d1b;
  padding: 12px 50px 12px 20px;
  text-align: left;
  margin-top:60px;
  /*box-shadow: 0px 3px 0px #ffffff;*/
border-radius: 8px;








}

.reach .Rectangle a, .grow .Rectangle a, .see .Rectangle a, .while .Rectangle a, .connect .Rectangle a{
padding-top:12px;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;  /*500 ammar sms*/
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.875px;
text-transform: uppercase;

color: #ffffff !important;

}

.guaranteed, guaranteedA {
/*width:769px;*/
margin-left:auto;
margin-right:auto;
}


.connect2 {
/* width:548px;*/
margin-left:auto;
margin-right:auto;

 }
.connect2 h2 {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
text-align: center;
letter-spacing: 1px;

color: #333333;
}
.guaranteed h2   { 
font-size: 24px;
line-height: 42px;
/*letter-spacing: 1px;*/
text-align:left;
color: #1d1d1b;
text-align:center;
/*width: 45%;*/
margin: auto;

color: #FFFFFF;
margin-bottom:30px; /*50 lurd*/
}

.guaranteedA h2   { 
font-size: 24px;
line-height: 42px;
/*letter-spacing: 1px;*/
text-align:left;
color: #1d1d1b;
text-align:center;
/*width: 45%;*/
margin: auto;


margin-bottom:30px; /*50 lurd*/
}

.guaranteed   h3 a { 
font-size: 20px;
line-height: 42px;
/*letter-spacing: 1px;*/

color: #88de3e !important;
text-align:center;
/*width: 45%;*/
margin: auto;

color: #FFFFFF;
margin-bottom:50px;
}

.guaranteed   h3 a:hover { 
font-size: 20px;
line-height: 42px;
/*letter-spacing: 1px;*/

color: #fff !important;
text-align:center;
/*width: 45%;*/
margin: auto;

color: #FFFFFF;
margin-bottom:50px;
}
.guaranteedAb     { 
font-size: 20px;
line-height: 42px;
/*letter-spacing: 1px;*/

color: #88de3e;
text-align:center;
/*width: 45%;*/
margin: auto;

color: #FFFFFF;
margin-bottom:50px;
}







.connect3 {
width: 74px;
height: 74px;
border-radius: 50px;
background: #00E700;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
text-align: center;
margin-left:auto;
margin-right:auto;




font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
/* identical to box height */

text-align: center;
letter-spacing: 1px;

color: #FFFFFF;
padding-top:16px;

}

.connect3 span {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
/* identical to box height */

text-align: center;
letter-spacing: 1px;

color: #FF0000;
} 



.connect4 {
text-align: center;
max-width:310px;
margin-left:auto;
margin-right:auto;
}

.connect4  p{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
/* identical to box height, or 100% */
margin-top:23px;
margin-bottom:20px;
text-align: center;
letter-spacing: 0.75px;

color: #333333;
}

.connect4  span{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
/* or 150% */

text-align: center;
letter-spacing: 0.5px;



color: #333333;
}



.connect5 {
	background-image: url(../images/back_c.png);
	background-repeat: no-repeat;
	max-width:1440px;
	background-position: center center;
}


/*@media (max-width: 992px) {
.connect5 {
/*background-image: url(../images/back_c4.png);*/
/** display:none !important;
}
}*/


.free, .freeA, .free1, .free2, .free3, .free5  {
text-align:center;
margin:auto;

/* display: flex;*/

}

.freeT {
margin-left:auto;
margin-right:auto;
padding-left:3%;
padding-right:3%;



}


.freeT2 {
margin-left:auto;
margin-right:auto;
/*padding-left:3%;
padding-right:3%;*/



}






.mobile_t_m_0 {
margin-top:33px !important;

}





.mobile_b_m_0 {
margin-bottom:33px;

}


 .box-icon {
	
	/*position: absolute;*/
width: 100px;
height: 100px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:#FFFFFF solid 1px;

/*left: 220px;
top: 576px;*/
border-radius: 50px;
background: #1d1d1b; /*ammar sms 00E700 88de3e*/
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
margin-bottom:50px;
	
	}


@media (min-width: 1600px)  {

.freeT {
margin-left:auto;
margin-right:auto;
padding-left:15%;
padding-right:15%;



}
}

@media (max-width: 998px) { 
.mobile_b_m_0 {
margin-bottom:0px;
}

}
@media (max-width: 767px) { 
.freeT {
margin-left:auto;
margin-right:auto;
padding-left:25%;
padding-right:25%;



}
.mobile_t_m_0 {
margin-top:0px;

}


.mobile_b_m_0 {
margin-bottom:0px;
}

}

.freeleft {
padding-left:25%;
}
.free p  {
font-weight: 500;
align-items: center;
line-height: 32px;
margin-top:23px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
/*width:80%;*/
/* or 133% */

font-size: 24px;



/*letter-spacing: 1px;*/
text-align:center !important;
/*color: #1d1d1b;*/




color: #88de3e;

}


.free5 p  {
font-weight: 800;
align-items: center;
line-height: 32px;
margin-top:23px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
/*width:80%;*/
/* or 133% */

font-size: 24px;



/*letter-spacing: 1px;*/
text-align:center !important;
/*color: #1d1d1b;  88de3e*/




color: #1d1d1b;

}




.freeA p  {
font-weight: 500;
align-items: center;
/*line-height: 32px;*/
margin-top:-30px; /*23*/
margin-bottom:-10px !important;
margin-left:auto;
margin-right:auto;
/*width:80%;*/
/* or 133% */

font-size: 16px;



/*letter-spacing: 1px;*/
text-align:center !important;
/*color: #1d1d1b;*/




color: #1d1d1b; /* LURD 88de3e*/ 

}


.free1 p  {
font-weight: 500;
align-items: center;
line-height: 32px;
margin-top:23px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:80%;
/* or 133% */

font-size: 22px;
padding-left:100px;
margin-top:-50px;



/*letter-spacing: 1px;*/
text-align: left !important;
/*color: #1d1d1b;*/




color: #88de3e;

}


/*::before */

.free1 span{
/*content: "1 ./";*/
color: #88de3e;
/*margin-left:0px;
margin-right:0px;*/
/*top:20px !important;*/
font-size: 38px;
display:inline;
/*position:relative;*/
margin-left:0.7em;
float:none;
text-align:left;
/*top:-5px;
left:-120px;*/


}
 
.how .smallT p::before {
content:inherit;
} 
 



.free1 h5 {

font-size: 14px !important;
line-height: 22px !important;
/* or 150% */

text-align: left !important;
margin-left:auto;
margin-right:auto;
width:80%;

color: #FFFFFF;
font-weight:500 !important;
text-transform:none !important;

}

.free h5 {

font-size: 14px !important;
line-height: 22px !important;
/* or 150% */

text-align:center !important;
margin-left:auto;
margin-right:auto;


color: #FFFFFF;
font-weight:500 !important;
text-transform:none !important;

}


.free5 h5 {

font-size: 14px !important;
line-height: 26px !important;
/* or 150% */

text-align:center !important;
margin-left:auto;
margin-right:auto;


color: #1d1d1b;
font-weight:500 !important;
text-transform:none !important;

}
.free h6, .free1 h6 {

font-size: 14px !important;
line-height: 22px !important;
/* or 150% */

text-align: left !important;
margin-left:auto;
margin-right:auto;
width:90%;

color: #FFFFFF;
font-weight:500 !important;
text-transform:none !important;

}

.free ul {

font-size: 12px !important;
line-height: 22px !important;
/* or 150% */

text-align: left !important;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;

width:100%;

color: #FFFFFF;
font-weight:500 !important;
text-transform:none !important;

}

/*@media (max-width: 767px) { 

 .free h5  {

width:140%;

text-align:left !important;

}
.free p  {

width:140%;

text-align:left !important;

}

}*/

.banner-full5 {
/*position:static;*/
width: 1440px;
/*height: 580px;*/
margin-left:auto;
margin-right:auto;
background-color:#01273B;
padding-top:40px;
padding-bottom:40px;


/*top: 116px;*/

/*background: url(../images/main_sms.jpg);*/


}



@media (max-width: 992px) {
.banner-full5 {
/*position:static;*/
width:100%
/*height: 580px;*/
margin-left:auto;
margin-right:auto;
background-color:#01273B;
padding-top:40px;
padding-bottom:40px;


/*top: 116px;*/

/*background: url(../images/main_sms.jpg);*/


}

}


.how {
text-align:left;
/*width:548px;*/

}
.how h2{
padding-top:16px; 
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 42px;
letter-spacing: 1px;
text-align:left;
color: #FFFFFF;

}

.how p {

font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 24px;
/* or 100% */

letter-spacing: 0.75px;
padding-left:70px;
margin-top:5px;


color: #00FF12;
}
/*}*/
.how p::before {
content: url(../images/tick.svg);
margin-left:-67px;
margin-right:30px;
top:20px !important;

position:relative;
}
 
.how .smallT p::before {
content:inherit;
} 
 
.shift7  {

position:relative;
top:45px;
display:inline !important;

}

.smallT {
margin-bottom:20px;}
 
.smallT p{
position:relative;
top:10px;
 font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
/* or 150% */
padding-left:70px;
letter-spacing: 0.5px;
padding-top:0px;
margin-top:0px;

	/*white-space: nowrap;*/



color: #FFFFFF;
 } 
 
 
 
 .how2 {

 text-align:center !important;
 margin-left:auto;
margin-right:auto;
 }
 
 .footacc {
text-align:left;
/*margin-left:auto;
margin-right:auto;*/
}

 
 .how .Rectangle, .how2 .Rectangle, .footacc .Rectangle{

text-align: center;
width: 230px;
height: 42px;
margin-top:40px;



background: #00FF12;
box-shadow: 0px 3px 0px #00E700;
border-radius: 8px;




}

.how .Rectangle a, .how2 .Rectangle a, .footacc .Rectangle a{
padding-top:12px;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;  /*500 ammar sms*/
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.875px;
text-transform: uppercase;
color: #01273B;
/*color: #ffffff !important;*/

}
 
.driving_m {
text-align:center;
}
 
 .driving {
 
text-align:left;

padding: 12% 10% 7% 2%; 
 }
 .driving p{ 
/* font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;*/

font-size: 14px;
line-height: 24px;
font-weight:600;
/* or 150% */

/*letter-spacing: 0.5px;*/

color: #1d1d1b !important;




/*font-size: 16px;
line-height: 28px;*/
/*padding-left:90px;*/
/* or 140% */

letter-spacing: 0.625px;
margin-top:-65px;
padding-left:90px;




 }
@media (max-width: 991px) { 

 .driving p{ 
 
margin-top:-50px;



 }


}



@media (max-width: 767px) { 


.driving {
 
text-align:left;

padding: 2% 6% 7% 16%; 
 }

 .driving p{ 
 
margin-top:-70px;



 }


}




.figmaFooter {
font-family: IBM Plex Sans !important;
font-style: normal !important;
font-weight: normal !important; 
font-size: 14px !important;
line-height: 25px !important;
/* or 286% */

letter-spacing: 0.4375px !important;

color: #FFFFFF !important;
}


.figmaFooter:hover{
color:#00FF12 !important;
}



.footerrev a{

font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.4375px;
padding-top:11px;
padding-bottom:11px;

color: #01273B !important;



}
.footerrev span{

font-family: IBM Plex Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.4375px;
padding-top:11px;
padding-bottom:11px;

color: #01273B !important;



}


@media (max-width: 991px) { 

.footerrev a, .footerrev span{
line-height: 0px !important;
padding-top:15px !important;
padding-bottom:15px !important;
}

}





.bulkbrand {

margin-left:-34px;
margin-top:-5px;
}
.bulkbrand span{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */

letter-spacing: 0.2375px;
text-align: center;
color: #333333;
}


.bulkbrandm {
	display:none !important;
	
}
.bulkbrandm span{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */

letter-spacing: 0.2375px;
text-align: center;
color: #333333;
}
@media (max-width: 991px) { 

.bulkbrand {
display:none !important;

}

.bulkbrandm {


text-align: center;
	
	margin-right: auto;
	margin-left: auto;
	
margin-right:auto;
margin-right:auto;
display:block !important;

top:30px;
left:-200px;

}
.bulkbrandm span{
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 17px;
/* identical to box height */

letter-spacing: 0.2375px;
text-align: center;
color: #333333;
}

}
 
 
 @media (max-width: 479px) {
 .bulkbrandm {
position:relative;
margin-right:auto;
margin-right:auto;
display:block !important;
z-index:1400;
left:25px;
top:10px;
}
 }
 
 
 
 
 
 .bulksms {
 font-family: IBM Plex Sans !important;
font-style: normal !important;
font-weight: 500!important;
font-size: 12px!important;
line-height: 17px!important;
/* identical to box height */

letter-spacing: 0.2375px!important;
text-align: center!important;
color: #333333!important;
 }
 
 @media (max-width: 991px) {
 .bulksms { 
 font-size: 13px!important;
 }
 }
 
 
 
 
 
 
 @media (max-width: 991px) { 
 
.connect, .how2, .how, .footacc {
 text-align:center !important;
max-width:100%;
width: 94%;
margin-left:3%;
margin-right:3%;
 }
 
  
.reach .Rectangle,  .grow .Rectangle, .see .Rectangle , .while .Rectangle, .how2 .Rectangle, .connect .Rectangle, .footacc .Rectangle, .how .Rectangle, .how2 .Rectangle {

position:relative;
/*width: 230px;*/
max-width:100%;

width: 100%; /*96%*/
height: 42px;
/*left:2%;*/


top: 25px;


}



}


 
 
 @media (max-width: 300px) { 
 
.connect, .how2, .how, .footacc {
 text-align:center !important;
max-width:86%;
width: 100%; 
margin-left:7%;
margin-right:7%;
 }
 

  
.reach .Rectangle,  .grow .Rectangle, .see .Rectangle , .while .Rectangle, .how2 .Rectangle, .connect .Rectangle, .footacc .Rectangle, .how .Rectangle, .how2 .Rectangle {

position:relative;
/*width: 230px;*/
max-width:80%;

width: 100%; /*96%*/
height: 42px;
/*left:2%;*/
margin-left:7%;
margin-right:7%;

top: 25px;


}



}

@media (min-width: 992px) { 
.margin-7 {
 margin-left:-6% !important;
 }
}

@media (max-width: 991px) { 
 
 .margin-sm--30 {
 margin-top:-30px;
 }
 .margin-sm--50 {
 margin-top:-50px;
 }
 
.margin-7 {
margin-left:auto;
 }
  
.shift7  {
left:-320px;
/*position:relative;
top:45px;
display:inline !important;*/

}

 
 }



.mTop {
margin-top:50px;
}


.mTopW {
margin-top:30px;
}


#mTopM {
margin-top:-280px !important;
position:relative;
}

@media (max-width: 767px) { 

.mTop, .mTopW {
margin-top:auto;
}
#mTopM {
margin-top:auto;
}
}










@media (max-width: 479px) { 
  .text-xs-center {
    text-align: center; }
	.section-xs-top-60 {
    padding-top: 30px; }
	
	.margin-top--10 {
	margin-top:0px !important;
	}
	.footerrev a, .footerrev span{
line-height: 0px !important;
padding-top:15px !important;
padding-bottom:15px !important;
}
 .margin-sm--50 {
 margin-top:-50px;
 }

.section-xs-bottom-60 {
    padding-bottom: 60px; }

	
 }
 
 
 
@media (max-width: 300px) { 

.section-xs-bottom-60 {
    padding-bottom: 60px; }

	
 } 
 
 
 .thumbnail-caption {
   margin-top: 18px;
 }
 .thumbnail-caption a {
      color: #1d1d1b; } 

.thumbnail-caption a:hover {
      color: #88de3e; } 
 
 
 .thumbnail-caption .header h4 {
 margin-bottom: 30px;
    margin-top: 7px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    color: #1d1d1b;
 
 }
 
 .thumbnail-caption .sub-header  {
 margin-bottom: 0px;
    margin-top: 7px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px !important;
	text-align:center !important;
    color: #88de3e;
	font-weight:600;
	line-height:18px;
	height:60px;
	
	
 }
 
 .thumbnail-caption ul {
 display:inline;
 
 }
 .thumbnail-caption li  {
 display:inline;
 }
 .thumbnail-caption li a {
 display:inline;
 font-size:24px;
 padding-right:4px;

  color: #cccccc;
  font-weight:700;
 
 }
#cgreen a{
position:relative;
 color: #88de3e;
 top:3px;
 left:6px;
 
 }
#cgreen a:hover {
 color: #cccccc;
 }
 
 
 .list-objects-inline {
  margin-bottom: -4px;
  margin-left: -22px;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px); }
  .list-objects-inline > *, .list-objects-inline > *:first-child {
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    margin-left: 22px; }
  .list-objects-inline > li > * {
    display: inline-block;
    vertical-align: middle; }
  .list-objects-inline > li > * + * {
    margin-left: 5px; }
	
	
	
.slideUp {
	background-position: 0px -290px;
	background-repeat: no-repeat;
}	
.slideUp2 {
	background-position: 0px -180px;
	background-repeat: no-repeat;
}		
	
	@media (max-width: 1038px) { 

.slideUp {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}	

.slideUp2 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}	

}