section.video-promo.mobile-app {

    background: rgba(56, 56, 56, 0.4);

}

section.video-promo.mobile-app .asaa {

    background-image: linear-gradient(to top left, rgba(31, 31, 31, 0.4), rgba(82, 82, 82, 0.4));

}

.header.mobile-app-header {

    background: rgba(42, 41, 41, 0.5);

}

.header.mobile-app-header.sticky {

    background: #191c1ef7;

}

.main-slider header .item .cover {

    background: transparent;

}

.main-slider header .item .cover .header-content .line {

    /*background: rgba(0, 0, 0, 0.5);*/

    clip-path: polygon(0 0, 90% 0, 70% 100%, 0 100%);

    -webkit-clip-path:polygon(0 0, 90% 0, 70% 100%, 0 100%);

    display: none;

}


#pricing .price .hd1 {
  font-size: 18px;
  color: #6B6B6B; 
  font-weight:normal; 
  text-decoration: line-through;  
}

#pricing .price-content .discount{ color:#fff; position:absolute; right:0; top:90px; background: url(../img/box-arrow.webp) no-repeat; height:43px; padding: 7px 2px 7px 15px; line-height: 14px; font-size:13px;}

#pricing a.read-more {color:#4b4a4a; font-weight:900;}
#pricing a.read-more:hover{color:#4b4a4a;text-decoration:none;}

/*#testimonial{ margin:0 0 80px 0;}*/
#testimonial{ margin:0 0 0 0; background: url(../img/testimonial-img.webp) fixed center center;
    background-size: cover;}

#testimonial .box {
  padding: 30px;    
  border-radius: 10px;
  margin: 20px 10px 20px 10px;
  background: #fff;  
  position: relative;
  color:#000;
  opacity: 0.8;
}


#testimonial .box.arrow-bottom:after {
  content: " ";
  position: absolute;
  left: 30px;
  bottom: -15px;
  border-top: 30px solid #fff;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: none; 
}

#testimonial .image-box
{ display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    max-height: 80px;
    margin:0 0 0 35px;			
	}
	
#testimonial .image-box-one {border-radius: 50%; max-width: 61px;
    height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
    background-position: -1px 0px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;
}
  
  
 #testimonial .image-box-two{height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
    background-position: -77px 0px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;}   
    
    
 #testimonial .image-box-three{height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
    background-position: -150px 0px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;}   
    
    
    #testimonial .image-box-four{height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
        background-position: 0px 64px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;} 
    
    
     #testimonial .image-box-five{height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
    background-position: -77px -74px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;}
    
    
      #testimonial .image-box-six{height: auto; background-image: url(../img/team-img.webp);
    height: 61px;
    background-position: -150px -356px;
    background-repeat-x: no-repeat;
    padding: 0;
    margin-left: 0;
    max-width: 61px;
    width: 100%;
    margin: 0 0 0 57px;
    display: inline-block;
    border-radius: 50%;}
    
    
#testimonial .image-box img {border-radius: 50%; max-width: 60px;
    }    
    
    
#testimonial .name{ font-size:13px;  font-weight:800; display:inline-block; width: 120px; margin:2px 0 0 0; color:#fff;
   }
   

#portfolio{ margin:0 0 0 0; background: url(/img/portfolio/portfolio-bg.png) fixed center center; background-size: cover;}

#portfolio .modal-body{overflow: auto; height: 700px;}


 ::-webkit-scrollbar {
  width: 15px;
}

 ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
 ::-webkit-scrollbar-thumb {
  background: #6a6a6a; 
  border-radius: 10px;
}


 ::-webkit-scrollbar-thumb:hover {
  background: #6a6a6a; 
}








 #portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
  display: flex;
   color: #191c1e;
}

 #portfolio #portfolio-flters li {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #191c1e;
  margin: 0 4px 8px 4px;
 
}

 #portfolio #portfolio-flters  li a{transition: all ease-in-out 0.3s;
  border-radius: 50px;
  background: #fff;
  border:#d5d5d5 1px solid;
  padding: 12px 9px 12px 9px;
   color: #191c1e;
 }




#portfolio #portfolio-flters > li.active > a, #portfolio #portfolio-flters > li.active > a:focus, #portfolio #portfolio-flters > li.active > a:hover {
color:#e88100 !important;
  border:#e88100 1px solid;}

#portfolio #portfolio-flters li a:hover, a:focus { color: #e88100;}

 #portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-item {
  margin-bottom: 30px;
}



#portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #fff;
  border:#d5d5d5 1px solid;
  padding:11px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(84, 84, 84, 0.6);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
  border:#f1a03b 11px solid;
}

#portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



#portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

#portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 13px;
  padding: 0 12px;
  margin: 0;
  line-height:normal;
  text-align:center;
}

#portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

#portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

#portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #e96b56;
}

#portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

#portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

#portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}

#portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}
   
   
#portfolio .tab-content>.active {
    display: flex !important;
}

   
#portfolio .fade.in {
    opacity: 1 !important;
}   
   
#portfolio .tab-content{margin:0 15px 0 15px;}  






#pricing #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
  display: flex;
   color: #191c1e;
}

 #pricing #portfolio-flters li {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #191c1e;
  margin: 0 4px 8px 4px;
 
}

 #pricing #portfolio-flters  li a{transition: all ease-in-out 0.3s;
  border-radius: 30px;
  padding: 10px 25px;
  color: #191c1e;
  border: 2px solid transparent;
 }




#pricing #portfolio-flters > li.active > a, #portfolio #portfolio-flters > li.active > a:focus, #portfolio #portfolio-flters > li.active > a:hover {
color:#fff !important;
 background:#f69f31; border: 2px solid #f69f31;}

#pricing #portfolio-flters li a:hover, a:focus { color: #e88100; border: 2px solid #f69f31;}

 #pricing #portfolio-flters li:last-child {
  margin-right: 0;
}

#pricing .fade.in {
    opacity: 1 !important;
}

#pricing .tab-content>.active {
    display: flex !important;
}










body{padding-right:0 !important;}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto !important;
}
   
  #payment  .card_main {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
 
 #payment .small-hd{color:#504d4d !important; font-size:25px !important; display:block; padding-bottom:10px; font-weight:800;}
 
 #payment .small-hd-one{color:#504d4d !important; font-size:18px !important; display:block; padding-bottom:10px; font-weight:800;}
 
 #payment .hd{color:#191c1e; font-size:20px; border-bottom:#d6d6d6 2px solid; margin:0 15px 30px 15px; text-transform:uppercase; padding:10px 0 0 0;}
  
 
#payment span.payIcon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    background: none !important;
    padding: 10px 10px 9px 11px;
    height: 44px;
}
 
#payment label {
    font-weight: 700;
    color: #585858;
}
 
 
#payment .form-group {
    position: relative;
}
 
#payment span.detail21 {
    padding-left: 0px;
    font-size: 15px;
    display: block;
    border: 1px solid #c7c7c7;
    border-radius:5px;
    padding: 10px 15px 10px 52px;
    background: #fff;
    color:#5f5f5f;
}

#payment span.detail21 [aria-current="page"] { pointer-events: none;
  cursor: default;
  text-decoration: none; color: #5f5f5f;}

#payment span.detail21:focus{color:#5f5f5f;}



#payment .detail21{color:#5f5f5f;}

#payment .p_mode{border-right:#d0d0d0 1px solid; padding:10px; }
#payment .p_mode img{transition: transform .1s;}
#payment .p_mode img:hover{transform: scale(1.2);}


#payment .p_mode.last{border:none;}
#payment .b_btm{margin:0 0 0 15px; padding:0 0 30px 0;}


#payment .form_l{background:#f97116; position:relative; margin-left: 0;
    margin-right: 0;}

#payment .form_l .image_shape {position:absolute; right:0; top:50%;}

#payment .form_l p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom:25px;    
}

 #payment .form_l .hd{color:#fff; font-size:20px; border-bottom:#fff 2px solid; margin:0 0 30px 0; text-transform:uppercase; padding:10px 0 0 0; text-align: center;}
 #payment .payIcona{background:none !important;}
 
 #payment .pl_s{ padding-left:0; position:relative;}
 
 #payment .modal-content{border-radius: none !important; background:none; border:none;}
 
 
 #payment .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
}
 
 #payment .modal-body img {border-radius: 0 0 5px 5px;}
 
 #payment .modal-header{border-bottom: none;padding: 0.5rem 1rem;}
 #payment .modal-header:focus{border:none;}
 
 
#payment .back {
    color: #000;
    position: relative;
    right: 31px;
    top: 28px;
    position:absolute;
    text-transform:uppercase;
    font-weight:600;
}
 
 #payment .back:focus{color:#000 !important;}

 
 #faq {box-shadow: 0px 0px 6px #979797;}
 
 #faq .card-body p{color:#000; line-height:22px;}
 
 .helpline{right:-133px; left:auto;}
/* .helpline{left:-133px;}*/

.helpline img{margin-top:-4px;}

.helpline a {
    color: #fff;
}

.helpline a:focus {
    color: #fff;
}

.helpline span {
    width: 38px;
    display: inline-block;
    margin-right: 14px;
    font-size: 8px;
    text-align: center;
    height: 33px;
}

.get-call-back {
    position: fixed;
    z-index: 9999;
    /*left: -107px;*/
	right:-107px;
}

.get-call-back img{margin-top:-2px;}

.call-now {
    position: fixed;
    z-index: 9999;
    /*left: -123px;*/
	right:-123px;
    top: 241px;
}

.call-now img{margin-top:-2px;}


.face-book {
    position: fixed;
    z-index: 9999;
    /*left: -83px;*/
	right: -83px;
    top: 296px;
}

.face-book i{font-size: 29px;
    padding: 3px;}
    
 
.instagram {
    position: fixed;
    z-index: 9999;
    /*left: -88px;*/
	right:-88px;
    top: 352px;}
    
.instagram i{font-size: 29px;
    padding: 3px;}
    
.twitter {
    position: fixed;
    z-index: 9999;
    /*left: -67px;*/
	right:-67px;
    top: 408px;
}
    
.twitter i{font-size: 29px;
    padding: 3px;}    
    

.linkdin {
    position: fixed;
    z-index: 9999;
    /*left: -68px;*/
	right: -68px;
    top: 464px;
}
    
.linkdin i{font-size: 29px;
    padding: 3px;} 
    
.rss {
    position: fixed;
    z-index: 9999;
    /*left: -41px;*/
	right: -41px;
    top: 520px;
}
    
.rss i{font-size: 29px;
    padding: 3px;}   
  
    

.helpline:hover {
    /*left: 0;*/
	right:0;
	left:auto;
    transition: right ease 1s;
}

.whatsappbx {
    top: 283px;
}

.whatsappbx i{font-size: 32px;
    padding: 1px;}



.navigation-wrap .navbar img {
    padding: 0;
    margin: 0;
    max-height: 80px;
}


.img-fluid {
    max-width: 100%;
    height: auto;
}

/*Start Error section*/

.error-box{text-align:center; margin:150px 0 50px 0;}
.error-box p{color:#b3b3b3; font-size:25px; font-weight:600; text-transform:uppercase; line-height:25px; text-align:center;}
.error-box p span{ text-transform:none; font-size:14px; font-weight:300; color:#b3b3b3;}
.error-box span{ color:#000; font-size:14px; font-weight:800; display:block;}
.error-box .button{margin-top:30px; border:none;}
.error-box .button a{background:#ed6234; border-radius:30px; text-align:center; text-transform:uppercase; color:#fff; text-decoration:none; padding:10px 30px;}


.navbar-nav.ml-auto{margin-left: 0!important;}

/*End Error section*/


/*Start site map*/

.site_map{margin-bottom: 54px;}    
.site_map h4{font-size:18px; line-height:normal; border-bottom:#ccc 1px solid; padding-bottom:0.5rem; margin-bottom:0; color:#191c1e; text-transform: uppercase;}
.site_map ul{margin:0; padding:0;}
.site_map ul li{float:left;  margin:0 0 0 5rem;}

.site_map ul > li > ul > li{float:none;  border-bottom: #ccc 1px dotted; width:100%; margin:0;}
.site_map ul > li > ul > li a{display:block; color:#212529; text-decoration:none; padding:0.5rem;}
.site_map ul > li > ul > li a:hover{color:#191c1e; background:#e6e6e6; display:block;}

/*End site map*/


/*Start popu form*/
.container.sm_box{width:50%;}
.form-popup-main .close-btn{ position:absolute; top: 5px; right: 23px;}

.form-popup-main .close-btn a{ color:#fff; text-decoration:none;}
.form-popup-main .close-btn a i{font-size:23px; font-weight:400;}

.form-popup-main .form-control{background:#f2f2f2;}

.form-popup-main{
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    position: relative;
   
}

.form-popup-main .inner-section{padding:20px 80px 20px 80px;}
.form-popup-main h4{color:#fff;}
.form-popup-main p{color: #fff;
    text-align: center;
    line-height: normal;
    padding: 15px;
    font-size: 13px;}


.form-popup-main .form-control:focus {
    border: 1px solid #c7c7c7;
    outline: none;
    box-shadow: none;
}

.form-popup-main button{background:#f97116; dispaly:flex; border-radius:3px; padding:15px; text-align:center; width:100%; border:none; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;}
.form-popup-main button:hover{background:#e06310;}


/*End popu form*/


/*Start services page*/

.stretch-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch; }
  
  .stretch-card > .card {
    width: 100%;
    min-width: 100%; }
    
.grid-margin, .purchase-popup {
  margin-bottom: 2.5rem; }   

.card.card-img-holder {
    position: relative;
}  

.stretch-card > .card {
    width: 100%;
    min-width: 100%;
}

.card {
    border: 0;
    background: #fff;
}

.text-white{color: #ffffff !important;}

.card .card-body {
    padding: 1.5rem 1.5rem;
}


.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.card.card-img-holder {position: relative; }
.card.card-img-holder .card-img-absolute { position: absolute; top: 0; right: 0;
      height: 100%; }
      
.card-text:last-child {
    margin-bottom: 0;
}      
   
.bg-gradient-danger {
  background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
  background: linear-gradient(to right, #fb4c7b, #fc356b) !important;
    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
  
  
  
  
  
 .bg-gradient-info {
  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
  background: linear-gradient(to right, #2484d2, #015598 99%) !important; 
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);     
     
 } 
  
 .bg-gradient-success {
  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
  background: linear-gradient(to right, #03bda0, #03a98f) !important;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     
 }
  
  
 .bg-gradient-warning {
  background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
  background: linear-gradient(to right, #f6e384, #ffd500) !important; } 
  
  .bg-gradient-dark {
  background: linear-gradient(89deg, #37414d, #262e38) !important; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);      
      
  }
  
  
  
.font-weight-normal { font-weight: 600!important; font-size: 22px; color:#fff;}
.font-weight-normal i{font-size: 34px;  margin-top: -27px;}

.card-body p{color:#fff; line-height:22px;}
.now-more-btn{float:right; padding: 1.5rem 0 1.5rem 0; z-index: 10; position: relative;}

.sub p{text-align:center; padding:25px 0 0 0; width:80%; margin:auto;}
.mg_l{margin-left:17%;}
  
/*End services page*/


/*Start hosting page*/

.owl-carousel{display:block;}
.slider-text-one {background: rgba(42, 42, 42, 0.6); width: auto;  max-width: 600px; display: inline-block; padding: 20px 15px 15px 15px;  transition: 1s; border-right: 0;}
.slider-text-one h2{font-size: 22px !important;}
.slider-text-one ul{margin:0; padding:0; list-style:none;}
.slider-text-one ul li{ padding:10px; float:left; display:block; background:#202325; width: 47%;  margin: 0 28px 11px 0; font-size: 14px;
    font-weight: 600; border-left:#f1a03b 6px solid;}
.slider-text-one ul li.last{margin: 0;}	
.slider-text-one ul li a{ color:#fff; text-decoration:none; padding:10px; }
.slider-text-one ul li a:hover{color:#f1a03b;}
.slider-text-one .text-btn{display:block; margin:10px 0 0 0; font-size:16px; font-weight:600; text-align:center;}
.slider-text-one .text-btn a{color:#fff; text-decoration:none; }
.slider-text-one .text-btn a:hover{color:#f1a03b;}
.plan {justify-content: center; align-items: center; text-align: center;  backface-visibility: hidden; font-weight: 700; color: #fff;
    border: 0px solid; text-transform: uppercase; display: block; padding: 12px 30px; background: #E6AF2A; border-radius: 0; font-size: 16px;
    border-bottom: 5px solid #ab7b07; clear: both;}
.connect-slocial{background:#171d28; margin-bottom:25px; margin-top: 12px;}	
.connect-slocial img{ width:auto !important; height:auto !important; margin-left:8px;  padding: 7px;}	
.connect-slocial-bg {position: relative; background: #e8452d; height: 48px; width: auto; padding-left:10px; margin-right: 35px; margin-left: 0px!important; margin-top: 0; float: left;}
.connect-slocial-bg h4 {font-size: 16px !important; font-weight: 300; line-height: 49px !important; color: #fff;}
.connect-slocial-triangle {width: 0; height: 0; border-style: solid; border-width: 25px 0 24px 30px; border-color: transparent transparent transparent #e8452d;
    position: absolute; right: -30px; top: 0;}
	
.money_back_box{background-image: linear-gradient(90deg, #2a2e30 0%, #333a3d 35%, #2d3c43 100%); border-radius: 30px 0 30px 0; text-align:center; padding: 30px 30px 50px; margin:80px auto 80px auto; max-width:97%;}	
.money_back_box h4 {font-size: 31px; color:#fff; padding-bottom:16px;}
.money_back_box p{text-align:center; color:#fff; padding-bottom:20px;}
.money-back-icon{margin-top: -101px; text-align:center;}
.item.top{margin-top:-14px;}
.free-domain{color: #e94f32 !important; font-weight: 800 !important; text-transform: uppercase;}

.web-hosting-expre-box {max-width: 97%; margin: 50px auto 0;}
.web-hosting-expre-box .inner-box:hover {border-color: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 15%);}

/*End hosting page*/







@media (max-width: 768px) {
    .navbar-brand{font-size: 1.10rem;}
    .navbar-brand img{height: auto;  max-height:47px !important;}
    
 #portfolio #portfolio-flters { display: block; }
 #portfolio #portfolio-flters li{margin: 0 4px 45px 4px;}
 #portfolio #portfolio-flters li a {padding: 12px 30px 12px 30px;}
 
 #payment .p_mode{border-bottom:#d0d0d0 1px solid; border-right:none; padding:10px; text-align:center; }
 
 #payment .pl_s{padding-left:15px;}
 
 #payment .form_l{background:#f97116; position:relative; margin-left: 15px;
    margin-right: 15px;}
    
 #payment .form_l .image_shape {position:absolute; bottom:0; top:50%; display:none;}    
 
 #payment .detail21a{width:100%;}
 
 #payment .modal-header:focus{border:none;}
 
 li a.try-before-btn{display:none;}
 .container.sm_box{width:100%;}
 .form-popup-main .inner-section{padding:20px;}
 #payment .form_l{display:none;}
 .mg_l{margin-left:0;}
 
 .slider-text-one ul li{width: 47%; font-size:12px; margin: 0 12px 11px 0; text-align:center;}
 
 
 header .item.top { height: 95vh;}
.main-slider .owl-carousel.box-hosting  {height: 42vh;}
.slider-text-one h2{font-size: 15px !important; text-align: center; padding-top: 30px;}
.slider-text-one ul li.last {margin: 0 0 10px 0;}
.connect-slocial-triangle{right: -29px;}
.connect-slocial-bg h4 {font-size: 13px !important;}
  
}  

@media (max-width:1280px) {
li a.try-before-btn {right: 0;}
/*.try-before-btn img {max-width: 43% !important;}*/    
    
}  

@media (max-width:800px) {
li a.try-before-btn {display:none;}
}

.payIcon {margin-right: 15px;}

.payIcon21 {width: auto !important; /*padding-left: 15px;*/ padding-left:0;}


/*modal*/


/*header nav bar*/

.topHeader a{padding: 0 10px;}
.navbar-nav.ml-auto { margin-left: 55px!important;}
/*.try-before-btn{ position:absolute; /*right:-220px;*/ right:-131px;}*/
/*.try-before-btn img{max-width:50%;}*/
.topR img{max-width:129%; height: auto;}

/*li a.try-before-btn {font-size: 13px;
    font-weight: 500;
    color: #fff !important;
    border-radius: 0;
    padding: 4px 12px;
    letter-spacing: 1px;
    display: inline-block;
    background-color: #f69f31;
    background-image: linear-gradient( to top right, #e47b1e , #f69f31 );
    color: #fff;
    border-radius: 8px;
    margin: 2px 15px 10px 20px;
}

li a.try-before-btn:hover{background-image: linear-gradient( to top left, #f69f31, #fc8924 ); color:#482302 !important;}*/





li a.try-before-btn {font-size: 13px;
    font-weight: 600;
    border-radius: 0;
    padding: 4px 12px;
    letter-spacing: 1px;
    display: inline-block;
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #e94b2f 0%, #F09819 51%, #e94b2f 100%);
    background-size: 200% auto;
    color: #fff;
    border-radius: 10px;
    margin: 2px 15px 10px 20px;
    text-transform:uppercase;
   
}

li a.try-before-btn:hover{background-position: right center;}

li a.try-before-btn i{font-weight: 600;}


li a.try-before-btn:focus{outline: none !important;
    color: #fff !important;}
    
li a.try-before-btn span{
			animation: blink 2s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}


*, *:after, *:before {

   box-sizing: border-box;

}

 

 body {

   position: relative;

}

 a {

   outline: none;

   text-decoration: none;

   color: #fff;

   transition: 0.2s;

}

 .back-link {

   color: rgba(255, 255, 255, .6);

   border-bottom: 2px solid rgba(255, 255, 255, .6);

}

 .back-link:hover, .back-link:focus {

   border-color: #fff;

   color: #fff;

}

 .article__pointer {

    justify-content: center;

    align-items: center;

    text-align: center;

    backface-visibility: hidden;

    font-weight: 700;

    color: #fff;

    border: 0px solid;

    text-transform: uppercase;

    display: inline-block;

    padding: 12px 30px;

    background: #E6AF2A;

    border-radius: 0;

    font-size: 12px;

    border-bottom: 5px solid #ab7b07;

}



.article__pointer_blue:hover, .article__pointer_blue:focus {

    box-shadow: 0px 7px 10px 0px rgba(55, 56, 57, 0.39);

    color: #fff;

}

 .article__layer {

   display: block;

   position: absolute;

   z-index: 1;

   top: 0;

   left: 0;

   height: 100px;

   width: 100px;

   border-radius: 100%;

   backface-visibility: hidden;

   will-change: transform;

   transform: scale(0);

   transition: 0.6s ease-in-out;

}

 .article__layer_blue {

   background: gray;

   box-shadow: 0 0 0 100vw #333, 0 0 0 100vh #333;

}

 

 .article__panel {

   position: fixed;

   z-index: 999;

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

   display: flex;

   align-items: center;

   opacity: 0;

   visibility: hidden;

   transform: scale(0.95);

   backface-visibility: hidden;

   will-change: opacity, transform;

   transition: 0.2s;

}

 .article__panel:target {

   opacity: 1;

   visibility: visible;

   transform: scale(1);

   transition: 0.2s 0.4s;

}

 .article__panel:target ~ a {

   z-index: 1;

}

 .article__panel:target ~ a span {

   transform: scale(1);

}

 .article__panel_blue {

   background: gray;

}

 

 .article__body {

   max-height: 100%;

   width: 100%;

   flex: 0 0 100%;

   padding: 40px 20px;

   line-height: 1.6;

   letter-spacing: 0.025em;

   color: rgba(255, 255, 255, .75);

   overflow-x: hidden;

   overflow-y: auto;

   -webkit-overflow-scrolling: touch;

}

 .article__container {

   max-width: 600px;

   margin: auto;

}

 .article__header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 40px;

}

#contact .article__header h2 {

    font-size: 25px !important;

    font-weight: 600 !important;

    padding: 5px;

    margin: 0;

    color: #fff;

}

.article__container .row {

    padding: 10px;

    background: #3d3d3d;

    border-radius: 10px;

}

.article__container .row input.form-control {

    padding: 10px;

}

.article__container .row .form-group {

    margin-bottom: 1rem;

    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.48);

}

.row.pricing-tables h3 {

    text-align: center;

    width: 100%;

    font-size: 25px;

    color: #202325;

}

.row.pricing-tables ul.slatr-list {

    width: auto;

    margin: 0 auto;

    display: inline-block;

}

.row.pricing-tables ul.slatr-list li {

    float: left;

    width: 25px;

    margin: 0 5px;

}

.row.pricing-tables ul.slatr-list li img {

    width: 100%;

}

.row.pricing-tables ul.price-list {

    width: 100%;

    display: flex;

    padding: 30px;

    justify-content: center;

    align-items: flex-start;

    flex-wrap: wrap;

}

.row.pricing-tables ul.price-list li {

    float: left;

    width: calc(20% - 20px);

    text-align: center;

    background: #fff;

    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);

    border-radius: 5px;

    margin: 0 10px;

    overflow: hidden;

    transition: .8s;

}

.row.pricing-tables ul.price-list li:hover {

    transform: scale(1.05);

}

.row.pricing-tables ul.price-list li .price-content {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.row.pricing-tables ul.price-list li .price-content .header {

    width: 100%;

    background: #f69f31;

    color: #fff;

    padding: 10px;

    font-size: 18px;

}

.row.pricing-tables ul.price-list li .price-content .price {

    padding: 10px;

    font-size: 24px;

    color: #f69f31;

    font-weight: 600;

    /*display: inline-block;*/

    padding-bottom: 0;

}

.row.pricing-tables ul.price-list li .price-content .price sup {

    position: relative;

    left: 5px;

}

.row.pricing-tables ul.price-list li .price-content .price span {

    width: 100%;

    display: inline-block;

    font-size: 13px;

    color: gray;

    position: relative;

    top: -10px;

    font-weight: 500;

}

.row.pricing-tables ul.price-list li .price-content ul.price-count {

    width: 100%;

    display: inline-block;

    padding: 5px 10px;

}

.row.pricing-tables ul.price-list li .price-content ul.price-count li {

    width: 100%;

    box-shadow: unset;

    margin: 5px 0;

    padding-bottom: 5px;

    border-bottom: 1px solid #b8b7b7;

    border-radius: 0;

    color: #4b4a4a;

    font-weight: 600;

}

.row.pricing-tables ul.price-list li .price-content ul.price-count li:hover {

    transform: unset;

}

.row.pricing-tables ul.price-list li .price-content .price-content.business:hover {

    border: 2px dashed #2b2b2b;

}



.row.pricing-tables ul.price-list li .price-content .buy-btn {

    display: inline-block;

    width: 100%;

    padding: 10px 10px 15px;

}

.row.pricing-tables ul.price-list li .price-content .buy-btn a {

    background: #f69f31;

    padding: 5px 10px;

    width: 100px;

    display: inline-block;

    color: #fff;

    border-radius: 2px;

    transition: .5s;

}

.row.pricing-tables ul.price-list li .price-content .buy-btn a:hover {

    box-shadow: 12px 7px 0px 0px rgba(246, 159, 49, 0.5);

}

.row.pricing-tables ul.price-list li .price-content.standard .header {

    background: #202325;

}

.row.pricing-tables ul.price-list li .price-content.premium .header {

    background: #e6af2a;

}

.row.pricing-tables ul.price-list li .price-content.business .header {

    background: #2b2b2b;

}

.row.pricing-tables ul.price-list li .price-content.developer .header {

    background: #efa132;

}

.row.pricing-tables ul.price-list li .price-content.standard .buy-btn a {

    background: #202325;

}

.row.pricing-tables ul.price-list li .price-content.premium .buy-btn a {

    background: #e6af2a;

}

.row.pricing-tables ul.price-list li .price-content.business .buy-btn a {

    background: #2b2b2b;

}

.row.pricing-tables ul.price-list li .price-content.developer .buy-btn a {

    background: #efa132;

}

.row.pricing-tables ul.price-list li .price-content.standard .buy-btn a:hover {

    box-shadow: 12px 7px 0px 0px rgba(32, 35, 37, 0.5);

}

.row.pricing-tables ul.price-list li .price-content.premium .buy-btn a:hover {

    box-shadow: 12px 7px 0px 0px rgba(230, 175, 42, 0.5);

}

.row.pricing-tables ul.price-list li .price-content.business .buy-btn a:hover {

    box-shadow: 12px 7px 0px 0px rgba(43, 43, 43, 0.5);

}

.row.pricing-tables ul.price-list li .price-content.developer .buy-btn a:hover {

    box-shadow: 12px 7px 0px 0px rgba(239, 161, 50, 0.5);

}

.row.pricing-tables ul.price-list li .price-content.standard .price{

  color: #202325;

}

.row.pricing-tables ul.price-list li .price-content.premium .price{

  color: #e6af2a;

}

.row.pricing-tables ul.price-list li .price-content.business .price{

  color: #2b2b2b;

}

.row.pricing-tables ul.price-list li .price-content.developer .price{

  color: #efa132;

}

.row.pricing-tables ul.price-list li .price-content:after {

    content: '';

    width: 0%;

    border-bottom: 4px solid #f69f31;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: .5s;

}

.row.pricing-tables ul.price-list li .price-content.standard:after {

    border-bottom: 4px solid #202325;

}

.row.pricing-tables ul.price-list li .price-content.premium:after {

    border-bottom: 4px solid #e6af2a;

}

.row.pricing-tables ul.price-list li .price-content.business:after {

    border-bottom: 4px solid #2b2b2b;

}

.row.pricing-tables ul.price-list li .price-content.developer:after {

    border-bottom: 4px solid #efa132;

}

.row.pricing-tables ul.price-list li .price-content:hover:after {

    width: 100%;

}



.make-ovarlay {

    background: rgba(42, 42, 42, 0.6);

    width: auto;

    max-width: 600px;

    display: inline-block;

    padding: 20px;

    border: 8px solid #fff;

    transition: 1s;

    border-right: 0;
    /*float:right;*/

}

.row.pricing-tables ul.price-list li .price-content.business {

    border: 2px dashed #2b2b2b;

}

.row.pricing-tables ul.price-list li .price-content.premium {

    border: 2px dashed #e6af2a;

}

.row.pricing-tables ul.price-list li .price-content.premium:hover {

    border-bottom: 0;

}

.row.pricing-tables ul.price-list li .price-content.business:hover {

    border-bottom: 0;

}

/*description table*/



.description-table {

    width: 100%;

    overflow-x: auto;

    /*border: 1px solid #ddd;*/

}

.description-table table {

    width: 100%;

    overflow: auto;

    border: 1px solid #ddd;

    color: #fff;

}

.description-table table th, td {

    padding: 10px;

    border: 1px solid #ddd;

    text-align: justify;

}

.description-table table thead th {

    text-align: center;

}

#description {

    background-image: url(../img/table-bg-1.jpg);

    padding: 60px 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.description-table table tbody tr td.content {

    min-width: 200px;

    max-width: 200px;

}

.description-table table td {

    min-width: 250px;

}

.description-table table tr {

    vertical-align: baseline;

}

.highlight {

  animation: scale 2s linear infinite;

}

.panel {

  display: none;

}

.panel-list {

  display: none;

}

.description-table table tbody tr td.dgil {

    font-weight: 600;

}

button.flip {

    background: #fff;

    border: 0;

    padding: 5px;

    border-radius: 5px;

    margin: 5px;

    font-weight: 600;

    text-transform: capitalize;

    box-shadow: inset 1px 1px 6px 0px #000;

}

button.flip-list {

    background: #fff;

    border: 0;

    padding: 5px;

    border-radius: 5px;

    margin: 5px;

    font-weight: 600;

    text-transform: capitalize;

    box-shadow: inset 1px 1px 6px 0px #000;

}

  

@keyframes scale {

  50% {

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -ms-transform:scale(1.2);

    -o-transform:scale(1.2);

    transform:scale(1.2);

  }

}





/*why mobile app */

.why-mobile-app-section {

    width: 100%;

    display: inline-block;

    padding: 20px;

}

.why-mobile-app-section ul.list-view {

    width: 100%;

}

.why-mobile-app-section ul.list-view li {

    width: 100%;

    display: inline-block;

    padding: 0px;

}

.why-mobile-app-section ul.list-view li .content {

    float: left;

    width: 50%;

    position: relative;

}

.why-mobile-app-section ul.list-view li .content .inner-contant {

    position: absolute;

    width: 90px;

    height: 90px;

    background: #f69d31;

    top: calc(50% - 45px);

    right: 10px;

    border-radius: 0 60px 60px 0;

    box-shadow: inset 1px 1px 15px 1px #000;

    z-index: 9;

}

.why-mobile-app-section ul.list-view li .content .side-circle {

    width: calc(100% - 80px);

    background: #fff;

    margin: 10px 0;

    padding: 10px;

    border-radius: 20px 50px 50px 20px;

    box-shadow: inset 1px 2px 14px #000;

    position: relative;

    float: left;

    z-index: 9;

}

.why-mobile-app-section ul.list-view li .content .side-circle span.circle-round {

    width: 140px;

    height: 140px;

    position: absolute;

    border: 10px solid #f69d31;

    border-radius: 50%;

    right: 10px;

    top: calc(50% - 70px);

    z-index: 2;

    box-shadow: inset 1px 1px 10px 1px #000;

}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant {

    width: calc(100% - 30px);

    padding: 10px;

    background: #ffffff;

    color: #262626;

    border-radius: 20px 50px 50px 20px;

    position: relative;

    z-index: 3;

    float: right;

    margin-right: 20px;

    text-align: right;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.5);

    overflow: hidden;

}





.why-mobile-app-section ul.list-view li .content .side-circle .main-contant:after {

    position: absolute;

    content: '';

    background: linear-gradient(90deg, #181c1e 50%, transparent 50%), linear-gradient(90deg, #181c1e 50%, transparent 50%), linear-gradient(0deg, #202325 50%, transparent 50%), linear-gradient(0deg, #181c1e 50%, transparent 50%);

    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;

    background-size: 4px 4px, 4px 4px, 4px 4px, 4px 4px;

    background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;

    animation: border-dance 4s infinite linear;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@keyframes border-dance {

  0% {

    background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;

  }

  100% {

    background-position: 100% 0px, 0px 100%, 0px 0px, 100% 100%;

  }

}









.why-mobile-app-section ul.list-view li .content .side-circle .main-contant abbr {

    float: right;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background: #f69d31;

    text-align: center;

    font-size: 15px;

    color: #fff;

    font-weight: 700;

    line-height: 80px;

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.56);

}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant p {

    float: left;

    width: calc(100% - 80px);

    text-align: right;

    color: #000;

    font-weight: 600;

    padding-right: 20px;

    font-size: 15px;

    line-height: 1.5;

}

.why-mobile-app-section ul.list-view li.right .content {

    float: right;

}

.why-mobile-app-section ul.list-view li .design {

    float: left;

    width: 50%;

}

.why-mobile-app-section ul.list-view li.right .content .inner-contant {

    right: unset;

    left: 10px;

    border-radius: 60px 0 0 60px;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle {

    float: right;

    border-radius: 50px 20px 20px 50px;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle span.circle-round {

    right: unset;

    left: 10px;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle .main-contant {

    float: left;

    border-radius: 50px 20px 20px 50px;

    margin: 0;

    margin-left: 20px;

    justify-content: flex-start;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle .main-contant abbr {

    float: left;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle .main-contant p {

    float: right;

    text-align: left;

    padding-left: 20px;

    padding-right: 0;

}

.why-mobile-app-section ul.list-view li .content:after {

    content: '';

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

    top: calc(50% - 25px);

    background: #ffffff;

    border-radius: 5px;

    transform: rotate(45deg);

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.73);

    z-index: 9;

}

.why-mobile-app-section ul.list-view li.right .content:after {

    right: unset;

    left: 0;

}

.why-mobile-app-section ul.list-view li .content:before {

    content: '';

    width: 20px;

    height: 20px;

    background: #20201e;

    position: absolute;

    right: 15px;

    top: calc(50% - 10px);

    z-index: 10;

    border-radius: 50%;

}

.why-mobile-app-section ul.list-view li.right .content:before {

    left: 15px;

    top: calc(50% - 10px);

    right: unset;

}

#why-mobile-app {

    position: relative;

    background-image: url(../img/new-bg-3a.webp);

    /*padding: 120px 0px 60px;*/
    padding: 140px 0px 60px;

}

#why-mobile-app h2.section-title.title11 {

    background-image: linear-gradient(to top left, #e6af2a, #f2771a) !important;

    border-bottom: 3px solid #f69f32 !important;

    position: relative;

    z-index: 9;

}

#why-mobile-app .othrInfo.othrInfo2 {

    border: 2px dashed #f69d31;

}

#why-mobile-app .othrInfo.othrInfo2 h4 {

    color: #f69d31;

}



#why-mobile-app:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    /*background: rgba(255, 255, 255, 0.82);*/

    z-index: 1;

}

.mobile-res{

  display: none;

  position: relative;

  z-index: 99;

}



/*contact us section*/



.contact-details {

    width: 100%;

    position: relative;

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.42);

}

.contact-details .contect-content {

    width: 100%;

    height: 100%;

    padding: 10px 10px 20px;

    border-radius: 5px;

    background: #fff;

    text-align: center;

    box-shadow: inset 1px 1px 10px #000;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    position: relative;

}

.contact-details .contect-content .content-box{

  display: inline-block;

}

.contact-details .contect-content p a {

    color: #03A9F4;

    position: relative;

    z-index: 9;

}

.contact-details .contect-content span.icon {

    width: 80px;

    display: inline-block;

    margin: 0 0 10px 0;

}

.contact-details .contect-content span.icon img {

    width: 35px;

}

.contact-details .contect-content p {

    font-size: 14px;

    text-align: center;

    line-height: 1.5;

    width: 100%;

    color: #202325;

    font-weight: 600;

}

.contact-details:before {

    content: '';

    width: 100%;

    height: 100%;

    border: 2px dashed #202325;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 5px;

    border-right: 0;

    border-bottom: 0;

    transition: .8s;

}

.contact-details:after {

    content: '';

    width: 100%;

    height: 100%;

    border: 2px dashed #f69e31;

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: 5px;

    border-left: 0;

    border-top: 0;

    transition: .8s;

}

.contact-details:hover:before {

    width: 0%;

    height: 0%;

    opacity: 0;

}

.contact-details:hover:after {

    width: 0%;

    height: 0%;

    opacity: 0;

}

.contact-details .contect-content:before {

    content: '';

    width: 0%;

    height: 0%;

    border: 2px dashed #f69e31;

    position: absolute;

    left: -2px;

    top: -2px;

    border-radius: 5px;

    border-right: 0;

    border-bottom: 0;

    transition: .5s;

    opacity: 0;

}

.contact-details .contect-content:after {

    content: '';

    width: 0%;

    height: 0%;

    border: 2px dashed #202325;

    position: absolute;

    right: -2px;

    bottom: -2px;

    border-radius: 5px;

    border-left: 0;

    border-top: 0;

    transition: .5s;

    opacity: 0;

}

.contact-details .contect-content:hover:before {

    width: 100%;

    height: 100%;

    opacity: 1;

}

.contact-details .contect-content:hover:after {

    width: 100%;

    height: 100%;

    opacity: 1;

}

.contact-modal {

    padding: 20px 0 0;

}

#contact .contact-block .row .col-md-4, .col-md-3 {

    display: flex;

    margin: 10px 0;

}

#contact .contact-block .row {

    justify-content: center;

}

div#clients-scroller {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

}

.featureBx {

    height: auto;

    overflow: hidden;

    width: 100%;

}

#features .row {

   /* justify-content: center;*/

}

section.section.add-bg {

    background: gray;

    background-image: url(../img/table-bg-1.webp);

}

#contact {

    background: #f5f5f5;

    padding-bottom: 80px;

    position: relative;

    text-align: center;

    background-image: url(../img/new-bg-b.jpg);

}

#contact .contact-block {

    background: rgba(255, 255, 255, 0.2);

}

span.count {

    position: relative;

}

span.count:after {

    content: '+';

    position: absolute;

    top: 0;

    right: -20px;

}

.dropdown-menu2 {

    /*top: 30px !important;*/
    top: 23px !important;

}

a.test.drop-btn {

    position: relative;

}

a.test.drop-btn:after {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    right: 10px;

    top: calc(50% - 6px);

    border: 2px solid;

    border-left: 0;

    border-top: 0;

    transform: rotate(45deg);

}



.agent-footer-section:before {

    background-color: rgba(32, 35, 37, 0.90);

}

.agent-single-footer-wraper p {

    color: #fff;

}

.agent-single-footer-wraper h4 {

    color: #fff;

}

p.text-center.agent-copyright-txt {

    color: #c7c7c7;

}



/*hosting page css*/

.all-services.hosting .service-content img.spin-img {

    animation: unset;

}



/*footer style css*/



ul.footer-list {

    width: 100%;

    padding: 5px;

    display: inline-block;

    text-align: center;

}

ul.footer-list li.footer-content {

    float: left;

    width: 20%;

    padding: 5px;

    color: #fff;

}

ul.footer-list li.footer-content h5 {

    font-size: 20px;

    color: #fff;

    font-weight: 600;

}

ul.footer-list li.footer-content ul.list-unstyled li {

    padding: 5px 0;

    transition: .4s;

}

ul.footer-list li.footer-content ul.list-unstyled li:hover a {

    color: #f2902a;

    font-weight: 600;

}

ul.footer-list li.footer-content ul.list-unstyled li:hover {

    transform: scale(1.1);

}

.footer-padding{

    padding: 25px 0 0px;

}

footer.agent-footer-section.footer-padding .row {

    margin: 0;

}

footer.agent-footer-section.footer-padding .footer-social {
    width: calc(100% + 30px);

    padding: 10px;

    color: #fff;

    display: inline-block;

    background: rgba(25, 28, 30, 0.7);

    position: relative;

    margin-left: -15px;

    float: left;

}

.footer-social ul#social-logo{/*display:none;*/  margin-top:4px; margin-right:50px;}

footer.agent-footer-section.footer-padding .footer-social ul {

    width: auto;
    /*width:38%;*/
    float: right;
    /*float: none;*/

}

footer.agent-footer-section.footer-padding .footer-social ul li {

    margin: 0;

    margin-right: 10px;

}

footer.agent-footer-section.footer-padding .footer-social ul li a {

    color: white;

    position: relative;

    transition: .8s;

}

footer.agent-footer-section.footer-padding .footer-social ul li a:focus{outline:none; border: none;}


footer.agent-footer-section.footer-padding .footer-social ul li a span {

    width: 40px;

    height: 40px;

    display: inline-block;

    border: 1px solid #fff;

    border-radius: 50%;

    line-height: 40px;

    font-size: 20px;

    transition: .8s;

}

footer.agent-footer-section.footer-padding .footer-social ul li a:hover {

    color: #f08e29;

    /*transform: rotate(360deg);*/

}

footer.agent-footer-section.footer-padding .footer-social ul li a:hover span {

    border: 1px solid #f08e29;
     transform: rotate(360deg);

}

footer.agent-footer-section.footer-padding .footer-bootom {

    background: rgba(25, 28, 30, 0.9);

    position: relative;

    padding: 10px;

    width: calc(100% + 30px);

    margin-left: -15px;

    display: inline-block;

}

footer.agent-footer-section.footer-padding .offer-bx {

    display: none;

}



footer.agent-footer-section.footer-padding .footer-social ul.privacy {

    /*float: left;*/
    float: left;
    padding: 10px;
    margin:auto;
    margin-left:50px;

}

footer.agent-footer-section.footer-padding .footer-social ul.privacy li {

    margin: 0;

    padding-right: 15px;

    border-right: 1px solid;

}

footer.agent-footer-section.footer-padding .footer-social ul.privacy li:nth-child(2){
    padding-right: 15px;
    padding-left: 15px;
}
footer.agent-footer-section.footer-padding .footer-social ul.privacy li:nth-child(3){
    padding-right: 15px;
    padding-left: 15px;
}

footer.agent-footer-section.footer-padding .footer-social ul.privacy li:nth-child(3) {

    border: 0;

}



footer.agent-footer-section.footer-padding .footer-subscribe {

    width: 100%;

    position: relative;

    padding: 10px;

    border: 1px dashed #fff;

    border-radius: 5px;

    text-align: center;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

footer.agent-footer-section.footer-padding .footer-subscribe h3 {

    color: #fff;

    font-size: 22px;

    font-weight: 600;

}



footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li {

    display: inline-block;

    width: 30%;

    padding: 5px;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li .input-box {

    width: 100%;

    background: #dfdfdf;

    border-radius: 2px;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li .input-box input {

    width: 100%;

    padding: 10px;

    background: transparent;

    border: 0;

    color: #191c1e;

    font-weight: 600;

    outline: 0;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li:nth-child(4) {

    width: 15%;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li .input-box input[type=submit],footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li .input-box input[type=button] {

    width: 100%;

    padding: 10px;

    display: inline-block;

    text-align: center;

    background: #e6af2a;

    color: #fff;

    font-weight: 600;

    box-shadow: -1px 0px 0px 4px #b88c22;

}



/*hosting window feature popup css*/







.feature-popup button{

    border: none;

    background: #333;

    color: #fff;

    padding: 10px 30px;

    border-radius: 5px;

    font-size:17px;

    cursor:pointer;

}

.popup-flex{

  margin:30px;

}

.popup-container {

    visibility: hidden;

    opacity: 0;

    transition: all 0.3s ease-in-out;

    transform: scale(1.3);

    position: fixed;

    z-index: 9999;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(21, 17, 17, 0.61);

    display: flex;

    align-items: center;

    overflow: auto;

}

.popup-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border: 1px solid #888;

    width: 100%;

}

.popup-content p{

    font-size: 17px;

    padding: 10px;

    line-height: 20px;

}

.popup-content span{

    color: #aaaaaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.popup-content span:hover,

.popup-content span:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}



.show{

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}



.more-articles{

  margin:30px 30px 50px;

  font-size:20px;

}

.more-articles a{

  margin:0 10px;

  text-decoration:underline;

}

.table-title h4 {

    font-size: 17px;

    font-weight: 500;

    color: #333;

}

.section-title h2 {

    font-size: 30px;

    color: #333;

}

.feature-popup .row .col-xl-3.col-lg-3.col-md-3.col-sm-3.col-xs-24 {

    display: unset;

}

.feature-popup {

    width: 100%;

}

.feature-popup span#close {

    position: absolute;

    right: 20px;

    top: 20px;

    width: 40px;

    height: 40px;

    background: #fff;

    color: red;

    border-radius: 50%;

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.38);

    text-align: center;

    font-size: 20px;

    line-height: 40px;

    z-index: 99999;

}

.othrInfo3 button#popup-btn {

    justify-content: center;

    align-items: center;

    text-align: center;

    backface-visibility: hidden;

    font-weight: 700;

    color: #fff;

    border: 0px solid;

    text-transform: uppercase;

    display: inline-block;

    padding: 12px 30px;

    background: #E6AF2A;

    border-radius: 0;

    font-size: 12px;

    border-bottom: 5px solid #ab7b07;

}

.all-services.hosting.linux .service-content {

    width: 100%;

}

.all-services.hosting.linux .service-content .box-title {

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    margin: 0 0 20px;

}

.all-services.hosting.linux .service-content .main-content {

    padding: 10px;

    border-radius: 5px;

    background: rgba(62, 66, 69, 0.48);

    margin: 10px 5px;

}

.all-services.hosting.linux .service-content .main-content .title-icon {

    display: inline-block;

    width: 100%;

    margin: 10px 0;

}

.all-services.hosting.linux .service-content .main-content .title-icon span {

    position: unset;

    width: 100px;

    height: 100px;

    display: inline-block;

    border: 1px solid #fff;

    padding: 10px;

    border-radius: 5px;

    transition: .8s;

}

.all-services.hosting.linux .service-content .main-content .title-icon span img {

    width: 90%;

}

.all-services.hosting.linux .service-content .main-content .title-content {

    width: 100%;

    margin-top: 20px;

}

.all-services.hosting.linux .service-content .main-content .title-content h3 {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

}

.all-services.hosting.linux .service-content .main-content .title-content p {

    color: #fff;

    line-height: 1.5;

    text-align: center;

}

.all-services.hosting.linux .service-content .main-content:hover .title-icon span {

    transform: rotate(360deg);

}
.fix-contacts a i.fa {
    color: #f08e27;
}
/*terms-use-css*/

.main-content {
    display: inline-block;
    padding: 10px;
    width: 100%;
}
.main-content .devide-sec {
    width: 100%;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    border-bottom: 2px dashed #fb9f37;
}
.main-content .devide-sec p.line-paragraph {
    font-weight: 600;
}
.main-content .devide-sec p.line-paragraph a {
    color: #03A9F4;
    margin: 0 5px;
}
.main-content .devide-sec h3.side-heading {
    font-size: 25px;
    margin: 0 0 10px;
}


/*New css 11 Sep 2020*/

.agent-footer-section.footer-padding  .fiKefb{display:none !important;}

footer .phone{bottom: 10px; left: 75px; opacity: 1; transition: opacity 0.5s ease 0s; box-sizing: border-box; right:6px; text-align: LEFT;  position: fixed !important; z-index: 16000160 !important; width:150px;}

footer .phone i{background: #f69f31; color: #fff;   height: 60px;   width: 60px;
    border-radius: 50px; text-align: center; padding-top: 13px;  font-size: 32px; border: #fff 4px solid;}

footer .phone a i{ height: 60px;   width: 60px;
    border-radius: 50px;}

footer .phone a:focus{outline:none; border:none;}


#main-header-navigation .dropdown-menu ul{margin:0; padding:0; list-style:none; line-height:normal;}


#main-header-navigation .dropdown-menu ul > li {
    width: 25%;
    padding: 0px 13px;
    margin: 26px 0 19px;
    float: left;
    border-left: 1px solid #c1baba;
}

#main-header-navigation .dropdown-menu ul > li h4{font-size:18px; }


#main-header-navigation .nav-item {
   position: inherit !important; 
   transition: all 200ms linear;
}

#main-header-navigation .dropdown-menu{width:100%;}

#main-header-navigation .dropdown-menu {padding: 10px; margin-top: -15px !important; /*margin-left:19%; margin-right:16%;*/} 

#main-header-navigation .nav-item .dropdown-menu .dropdown-item{padding-left:0;}

#main-header-navigation .dropdown-menu .dropdown-item.active, #main-header-navigation .dropdown-menu .dropdown-item:hover{padding-left:15px;}


.dropdown-menu{background-color: rgba(255,255,255,.9) !important;}

.navbar-nav.ml-auto{padding-top: 9px !important;}

#main-header-navigation .nav-item.active .nav-link:focus{outline:none; border:none;}


.drop-down {
    display: none !important;
}
.cstmsd8:hover .drop-down {
    display:block !important;
}


.navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link:hover:before{border:none;}


/*New css 26 Feb 2020*/

#brand_partners .col-md-3{border-radius: 2px;  padding: 3px 6px 3px 6px!important;  text-align: center; border-right:#e8e8e8 1px solid; }
#brand_partners .col-md-3:last-child{border-right:none;}
#brand_partners .col-md-3 a:focus{outline:none; border: none;}

/*media query scc*/







 /*New css 13 May 2023*/
        
        .lgx-photo-gallery .lgx-single figure, .lgx-register .single, .lgx-testimonials .lgx-owltestimonial {
    position: relative;
}

.lgx-photo-gallery .lgx-single figure, .lgx-register .single, .lgx-testimonials .lgx-owltestimonial {
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0,0);
}

.owl-stage{transform: translate3d(-4560px, 0px, 0px);
    transition: all 0.5s ease 0s;
    width: 6840px;}
    
   .lgx-testimonials .owl-carousel .owl-item {
    padding: 0 3rem;
    width: 1140px;
    margin-right: 0px;
} 


.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-client-image {
    display: inline-block;
    margin: 0 auto -5.7rem;
    position: relative;
    top: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-client-image img {
    width: auto;
    max-width: 180px;
    display: inline-block;
    border: 4px solid #EC5A39;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 10px rgba(52,61,71,.45);
    -moz-box-shadow: 1px 2px 10px rgba(52,61,71,.45);
    box-shadow: 1px 2px 10px rgba(52,61,71,.45);
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-client-image figcaption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    color: #EC5A39;
    background-color: #fff;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: -3.554px 33.814px 122px rgba(21, 34, 4, 0.30);
}
.lgx-testimonials{
    box-shadow: -3.554px 33.814px 122px rgba(21, 34, 4, 0.18);
    border-radius: 10px;
    padding: 50px 30px 10px 30px;
    background:#fff;
    border: #ccc 1px solid;
}

.lgx-testimonials .lgx-owltestimonial .item .lgx-client-image figcaption i {
    color: #EC5A39;
    font-size: 26px;
    line-height: 46px;
}

.lgx-testimonials .lgx-owltestimonial .item .testi-info-area {
    padding-top: 4.2rem;
    display: block;
    border-radius: 4px;
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-review {
    width: 90%;
    margin: 0 auto;
    font-weight: 400;
    padding: 40px 0 20px;
    text-align: center;
}

.lgx-testimonials .lgx-owltestimonial .item .lgx-review {
    width: 79%;
    margin: 0 auto;
    font-weight: 400;
    padding: 40px 20px;
}


.lgx-testimonials .lgx-owltestimonial .owl-controls .owl-nav .owl-prev:hover, .lgx-testimonials .lgx-owltestimonial .owl-controls .owl-nav .owl-next:hover {
    background: #dc4e41;
}

.lgx-owltestimonial .active .lgx-fadeInLeft {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .1s;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}


.lgx-testimonials .lgx-owltestimonial .item {
    text-align: center;
    color: #fff;
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-client-name {
    text-align: center;
    font-family: Oswald,sans-serif;
    color: #343d47;
    font-size: 1rem;
    line-height: 2.4000000000000004rem;
    padding-bottom: 0.6rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05rem;
}


.lgx-testimonials .lgx-owltestimonial .item .lgx-client-name span {
    color: #dc4e41;
    text-transform: none;
    font-size: inherit;
    display: block;
    line-height:15px;
}


.lgx-testimonials .lgx-owltestimonial .owl-nav .owl-prev span {
    position: absolute;
    left: 0;
    bottom: 41%;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    font-size: 3rem;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    color: #EA382B;
    line-height: 40px;
}

.lgx-testimonials .lgx-owltestimonial .owl-nav .owl-prev span:hover{background: #dc4e41; color:#fff;}


.lgx-testimonials .lgx-owltestimonial .owl-nav .owl-next span {
    position: absolute;
    right: 0;
    bottom: 41%;
    height: 60px;
    width: 60px;
    border-radius: 50%;
     font-size: 3rem;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    color: #EA382B;
    line-height: 40px;
}

.lgx-testimonials .lgx-owltestimonial .owl-nav .owl-next span:hover{background: #dc4e41; color:#fff;}

.lgx-testiowlarea .owl-nav .owl-prev{background:none !important;}

.lgx-testiowlarea .owl-nav .owl-prev:hover{background:none !important;}

.lgx-testiowlarea .owl-nav .owl-next{background:none !important;}

.lgx-testiowlarea .owl-nav .owl-next:hover{background:none !important;}

.lgx-testiowlarea .item{height:auto;}

/*End css 13 May 2023*/



@media (max-width:1024px){

#main-header-navigation .dropdown-menu{width:100%;}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant p {

    font-size: 13px;

}

.row.pricing-tables ul.price-list li {

    width: calc(33.3% - 20px);

    margin: 10px;

}

.contact-details .contect-content p {

    font-size: 12px;

}



}



@media (max-width:991px){



.contact-details .contect-content p {

    font-size: 10px;

}

.contact-details {

    padding: 10px;

}

.all-services .service-content {

    width: 100%;

    padding: 20px 0

}



}



@media (max-width:768px){

#main-header-navigation .dropdown-menu{width:100%;}

.why-mobile-app-section ul.list-view li .content {

    width: 100%;

}

.description-table {

    border: 1px solid #ddd;

}

.contact-details {

    padding: 15px;

}

section.slidein-bottom {

    overflow: auto;

    width: 100%;

    height: 90vh;

    overflow-x: hidden;

}

.popup-content {

    position: relative;

    overflow: hidden;

    padding-top: 50px;

}

.mobile-res.mo-none{

    display: none;

}

.header.mobile-app-header {

    background: rgb(40, 40, 40);

}

.round #tawkchat-minified-wrapper {

    bottom: 30px !important;

}

.round.right #tawkchat-chat-indicator {

    left: 50px;

    top: 0px !important;

}
.main-agileinfo2In {
    width: 100%;
}

#testimonial .name {
    margin: 0 0 0 15px;
    width: 60%;
    max-width: 66%;
}

}



@media(max-width:768px){
    ul.footer-list li.footer-content{
        width:50%;
        margin: 0 auto;
        height:166px;
        margin-bottom:10px;
    }
    ul.footer-list li.footer-content h5 {
        border: 1px dashed #fff;
        padding: 5px;
    }
}


@media screen and (max-width: 680px) and (min-width: 575px) {



  #contact .contact-block .row .col-md-4, .col-md-3 {

    display: flex;

    margin: 10px 0;

    padding: 0 5px;

}



}




@media (max-width:540px){

.row.pricing-tables ul.price-list li {

    width: 100%;

    margin: 10px 0px;

}

.article__body {

    max-height: 80%;

  }

.mobile-res{

  display: block;

}

.why-mobile-app-section {

    padding: 0;

}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant abbr {

    width: 60px;

    height: 60px;

    font-size: 14px;

    line-height: 60px;

}

.why-mobile-app-section ul.list-view li.right .content .side-circle .main-contant p {

    padding-left: 10px;

}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant p {

    width: calc(100% - 60px);

    padding-right: 10px;

    font-size: 11px;

}

.why-mobile-app-section ul.list-view li .content .side-circle {

    width: calc(100% - 70px);

}

.why-mobile-app-section ul.list-view li .content .inner-contant {

    width: 80px;

    height: 80px;

    top: calc(50% - 40px);

}

.why-mobile-app-section ul.list-view li .content .side-circle span.circle-round {

    width: 120px;

    height: 120px;

    top: calc(50% - 60px);

}

.why-mobile-app-section ul.list-view li.right .content:before {

    left: 13px;

    top: calc(50% - 7px);

}

.why-mobile-app-section ul.list-view li .content:before {

    width: 14px;

    height: 14px;

    right: 13px;

    top: calc(50% - 7px);

}

.why-mobile-app-section ul.list-view li .content:after {

    width: 40px;

    height: 40px;

    top: calc(50% - 20px);

}

.description-table table tbody tr td.content {

    min-width: 350px;

}

.description-table table tbody tr td {

    min-width: 200px;

    font-size: 11px;

    line-height: 1.8;

}

.description-table table th {

    font-size: 12px;

}

.contact-details {

    padding: 20px;

}

footer.agent-footer-section.footer-padding .footer-social ul {

    width: 100%;

    float: right;

    display: flex;

    align-items: center;

    justify-content: center;

}

footer.agent-footer-section.footer-padding .footer-social ul.privacy {

    width: 100%;

    margin:10px 0;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form {

    flex-wrap: wrap;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li {

    width: 100%;

}

footer.agent-footer-section.footer-padding .footer-subscribe ul.s-form li:nth-child(4) {

    width: 80%;

    margin: 10px 0;

}

ul.footer-list li.footer-content {
    height:auto;
    width: 100%;

}

ul.footer-list li.footer-content h5 {

    border: 1px dashed #fff;

    padding: 5px;

}

footer.agent-footer-section.footer-padding .footer-social ul.privacy li {

    padding-left: 15px;

}
header .item .cover .header-content {
    padding: 15px;
}



}



@media (max-width:420px){

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant abbr {

    width: 50px;

    height: 50px;

    font-size: 12px;

    line-height: 50px;

}

.why-mobile-app-section ul.list-view li .content .side-circle .main-contant p {

    width: calc(100% - 50px);

    font-size: 9px;

}

.why-mobile-app-section ul.list-view li .content .inner-contant {

    width: 70px;

    height: 70px;

    top: calc(50% - 35px);

}

.why-mobile-app-section ul.list-view li .content .side-circle {

    width: calc(100% - 60px);

}

.description-table {

    border: 1px solid #ddd;

}

#portfolio .modal-content{top: 80px;}

}
.mobile-whatsapp {
    max-width:100% !important;
}
 /*request a quote css*/
.triangle-container {
      position: absolute;
      top: 55px; 
      right: 0px; 
      z-index: 0; 
      transition: top 0.5s ease, right 0.5s ease;
      
    }

    #triangle-topright {
      position: relative;
      width: 0;
      height: 0;
      border-top: 160px solid #e94b2f;
      border-left: 160px solid transparent;
    }

    #triangle-topright::after {
      content: 'REQUEST A';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-103%, -529%) rotate(45deg);
      color: white; 
      font-size: 16px;
      white-space: nowrap;
    }

    #triangle-topright::before {
      content: 'FREE QUOTE';
      position: absolute;
      top: 70%; 
      left: 50%;
      transform: translate(-119%, -444%) rotate(45deg);
      color: white; 
      font-size: 16px;
      white-space: nowrap;
      text-align: center;
    }
     
    
    @media only screen and (max-width: 768px) {
  #triangle-topright {
    border-top: 90px solid #e94b2f; 
    border-left: 90px solid transparent; 
  }

  #triangle-topright::after {
    font-size: 12px; 
      transform: translate(-94%, -401%) rotate(45deg);
  }

  #triangle-topright::before {
    font-size: 12px;
      transform: translate(-103%, -339%) rotate(45deg);
  }
  .triangle-container {
      position: absolute;
      top: 48px; 
      right: -1px; 
      z-index: 1; 
    }
}