*{
	text-align:center;
}
.line-white{
	height:0px;
	border:0.5px solid #ccc;
}
.home-slider{
    height: 80vh;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.home-slider-layer{
    width: 100%;
    height: 100%;
    margin: 0px;
    z-index: 0;
    position: absolute;
    /* background-color: rgb(27, 92, 122); */
    background-image: linear-gradient(to right, rgb(27, 92, 122),rgba(27, 92, 122,0.9),rgba(0, 0, 0, 0.3));
}

.circle{
	background-color:white;
	padding:5px;
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:10px;
}
q{
	font-size:14px;
	color:#ccc;
    font-style: italic;
}

.break{
	width: 30px;
	display:
	block;
}

.break1{
	width: 30px;
	display:
	block;
}

html{
    --background-image: linear-gradient(rgba(146, 177, 192,1),#1b5c7a);
    font-family: "Segoe UI",Arial,sans-serif;
    --warning-color:#FFA500;
    --theme-color:#1b5c7a;
    --theme-color-hover:#124258;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI",Arial,sans-serif;
}
.check-bot{
	margin-left:5%;
    width:90%;
    margin-right:5%;
}
.test{
    display: flex;
    flex-direction: row;
   
}
.test input{
	margin-top:-1%;
    font-size:13px!important;
}
p{
    font-family: Arial, Helvetica, sans-serif;
}
.text-left{
	text-align:left;
	line-height:1.5rem;
	padding-left: 5px;
}
/*loading*/

.loading{
    position:absolute;
    top:50%;
    height:4em;
    margin:0px;
    overflow:show;
    z-index: 100;
}
.while-loading{
    width:100%;
    margin:0;
    padding:0;
}
input[type=text],input[type=email],input[type=number],input[type=password]{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  
    text-align: center;
    border-radius:4px;
    border: 1px solid rgb(173, 173, 173);
}
textarea{
    width:90%;
    margin-left: auto;
    margin-right: auto;
    border-radius:4px;
    border: 1px solid rgb(173, 173, 173);
}

.letter{
    animation:letter 1s linear;
    -webkit-animation:letter 1s linear;
    display:none;
   
    font-weight: 700 !important;
    font-family: Arial, Helvetica, sans-serif !important;
   
}
.services-card{
    margin:0;
    height: 100%;
    position: relative;
   top:0px;
   width:100%;
    height: 10em;
    background-color: rgb(8, 10, 10);
   opacity:1;
}

.p-0{
    padding: 0px !important;
}
.p-1{
    padding: 0.3rem !important;  
}

.p-2{
    padding: 0.5rem !important;  
}
.m-0{
    margin: 0px;
}
.theme-color{
    color: rgb(255, 136, 0);
   
}
.viewmore{
    padding: 4px;
    font-size: 21px;
    margin:auto;
}
@media only screen and (max-width:600px){

.viewmore{
    
    font-size: 16px;
   
}
}
.m-1{
    margin: 5px !important;
}
.px-1{
    padding-left:0.25rem !important ;
    padding-right:0.25rem !important ;
}

.py-1{
    padding-top:0.25rem !important ;
    padding-bottom:0.25rem !important ;
}
.px-2{
    padding-left:0.5rem !important ;
    padding-right:0.5rem !important ;
}

.px-3{
    padding-left:0.75rem !important ;
    padding-right:0.75rem !important ;
}

.px-3{
    padding-left:1rem !important ;
    padding-right:1rem !important ;
}
.mr-1{
    margin-right: 0.3rem ;
}

.mr-2{
    margin-right: 0.5rem ;
}
.float-left{
    float: left!important;
}

.coding img{
    height:auto;
    opacity: 0.7;
    width:100%;
    position:absolute;
    top:-20em;
    left:0px;
}
@keyframes letter{
    from{
    opacity:0;
    transform: skewY(50deg);
    
    
    }
    to{
        opacity:1;
        transform: skewY(0deg);

    
    }
}

@-webkit-keyframes letter{
    from{
        opacity:0;
        transform: skewY(50deg);
    }
    to{
        opacity:1;
        transform: skewY(0deg);
    }
} 
.loading .loader{
    position: absolute;
    top:-2em;
    color:grey;
    font-weight: bold;
    left:0em;
    z-index:100;
    animation:loader 1s linear infinite;
}
@keyframes loader{
    from{
        opacity: 0;
        color:#ccc;
    }
    to{opacity: 1;
        color:black;}
}
.loading .left{
    height:4em;
    width:4px;
    background-color: blue;
    position:absolute;
    top:0;
    left:-4px;
    animation:left 1s linear;
    animation-delay: 1s;

}

.loading .right{
    height:4em;
    width:4px;
    background-color: rgb(255, 94, 0);
    position:absolute;
    top:0;
    right:-4px;

}

.loading .top{
    height:4px;
    width:100%;
    background-color: rgb(255, 0, 0);
    position:absolute;
    top:0;
    right:-4px;
    animation:top 1s linear;

}

.loading .bottom{
    height:4px;
    width:100%;
    background-color: rgb(255, 0, 0);
    position:absolute;
    bottom:-8px;
    right:-4px;

}
.loading .right,.loading .left,.loading .top,.loading .bottom{
    display:none;
}
.loading img{
    width:100%;
    height:auto;
    border-radius: 6px;
    animation:loader 1s linear infinite;
}
@keyframes top{
    from{
right:-140px;
    }
    top{
        right:-4px;

    }
    
}

@keyframes left{
    from{
top:-140px;
    }
    top{
        top:0px;

    }
    
}
/*end of loading*/

.services_section {
background-color:white;
position:relative;
margin:0;
width:100%;
}

#all-content{

margin:0;

padding:0;

overflow-x: hidden;

overflow-y: hidden;
display: none;
}

.header{
    position:fixed;
    margin:0;
    top:0;
    width:100%;
}

.text_style{
    margin-top: 10px;
    font-family:hand_font;
    color: rgb(224, 123, 6);
}

.hand_font{
    font-family:hand_font;
}
.get_us{
    position:fixed;
    display:flex;
    flex-direction: row;
	animation:fadeup 0.5s linear ;

   
}
/*  Scrolling bars styles */

::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px #ccc;
    border-radius:20px;

}
::-webkit-scrollbar-thumb{
    background-image: linear-gradient(rgba(146, 177, 192,1),#1b5c7a);
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background-image: linear-gradient(white,rgba(76,140,170,1));
}
::-webkit-scrollbar-button{
   display:none;
}
/*End of scrolling bar*/
.get_us a{
            margin-left: 15px;
            color: rgb(236, 236, 236)!important;
            font-weight: 400;
            padding: 8px 10px;
            border-radius: 3px;
            background-image: linear-gradient(rgb(28, 79, 102),rgb(28, 79, 102));
        }
    
        
.get_us a:hover{
margin-left: 15px;
	
 color: rgba(250,255,255,1)!important;
 font-weight: 300;
 border:0.5px solid white;
padding:4px;
border-radius: 3px;
background-image:  linear-gradient(rgba(27, 92, 122,1),rgba(76,140,170,1));

}

.button{
    color: white !important;
    border:1px white solid;
    border-radius: 5px;
    text-decoration: none;
    background-image: linear-gradient(to right,rgb(77, 49, 49),rgba(212, 26, 26,1),rgba(255, 0, 0,1));
}


.button:hover{
    color:white;
    background-image: linear-gradient(to right,rgb(197, 38, 38),rgba(231, 18, 18,1),red);
    border:1px white solid;
    text-decoration: underline;
    border-radius: 12px;
    opacity:1;
}
/*style for buttons inside projects*/
.Projects a,.about a{
    padding:6px;
    font-size: 20px;
    margin-top: 1em;
}

@media only screen and (max-width:600px){
    .Projects a,.about a{
        font-size: 16px;
    } 
}

/*end of style*/

.webdev{
	width:100%;
	margin: 0;
	animation:intro 3s;
	-webkit-animation:intro 3s;
	background-color:white;
	background-image: linear-gradient(white,#cccccc,white);
	animation:weball 1s;
	-webkit-animation:weball 1s;
    position: relative;
}

#header{
    background-image: linear-gradient(to bottom right, rgba(146, 177, 192,1),#1b5c7af0);
    opacity:1 !important;
}

.services_section h1{
	text-decoration: underline;
}

#header1{
    background-image: linear-gradient(to bottom right, rgba(146, 177, 192,0),rgba(27, 92, 122,0));
 }


/*developer login style*/
.whatsaap a i{
    color:white;
    background-color: green;
    border-radius: 50%;
    font-size: 35px;
    padding: 8px;
    width:50px;
    height: 50%;
    text-align: center;
    display: none;
    animation:fadeout 1s linear;
}
.whatsaap a{
    text-decoration: none!important;
}
.whatsaap .notification{
    background-color: red;
    border-radius:50%;
    position:absolute;
    color:white;
    font-size: 10px;
    padding:5px;
    top:0;
    right:0px;
    text-align: center;
    display:none;
    width:20px;
    height:20px;
    animation:fadeout 1s linear;
    z-index: 1;
}
.whatsaap {
    position:fixed;
    bottom:5px;
    right:3px;
    z-index: 10;
    width:auto;
    
}
.dev_login{
    background-color:rgb(17, 16, 16);
    border-radius:4px; 
    padding:6px;
    margin: 0px !important;
}
.p_img{
    display:flex;
    flex-direction: row;
}
.dev_login a:hover{
    color:#f3a007!important;
}
.container{	
	width:100%;
	margin:0;
	position: sticky;
	top: -15px;
	padding: 0px !important;
	z-index: -1;
	height: 70vh;
	animation:
	weball 1s linear;
	-webkit-animation:weball 1s linear;
	overflow: hidden;
}
.coding{
    width:100%;
    margin:0;
    padding:0;
    position: relative;
    height: 100%;
}
/*
@keyframes weball{
		
    from{
        left:-100em;
        opacity:0;
    }
    to{
        left:0;
        opacity:1;
    }
}

@-webkit-keyframes weball{
    
    from{
        
        opacity:0;
    }
    to{
        opacity:1;
    }
}*/
.dev_login>a{
   color: rgb(255, 255, 255)!important;
   font-weight: 400;
   text-decoration: none!important;
   letter-spacing: 3px;
}
.linear-border{
    background-image: linear-gradient(to bottom right, rgb(101, 189, 201),rgb(2, 0, 126),rgb(255, 118, 5));
    border-radius:4px; 
}
.gradient-border{
    background-image: linear-gradient(to bottom right, rgb(101, 189, 201),rgb(2, 0, 126),rgb(255, 118, 5));

}
/*End of developer login*/
/*Animations */


/*Animations for FadeUp */
.fadeup{
    animation:fadeup 0.5s linear ;
}
.overflow-none{
	overflow:none;
}
@keyframes fadedown{
    from{
      opacity: 0;
      bottom:-2em;
      position: relative;
    }
    to{
      opacity: 1;
      bottom:0em;
      position: relative;
    }
    
  }
  /*===End of animation  */
  
/*Animations for FadeUp */
.fadedown{
    animation:fadeup 0.5s linear ;
}
@keyframes fadeup{
    from{
      opacity: 0;
      top:-2em;
      position: relative;
    }
    to{
      opacity: 1;
      top:0em;
      position: relative;
    }
    
  }
  /*===End of animation  */

  /*Animations for Faderight */
.faderight{
    animation:faderight 1s linear ;
}
@keyframes faderight{
    from{
        position: relative;
      opacity: 0!important;
      left:10em;
      
    }
    to{
        position: relative;
      opacity: 1!important;
      left:0em;
      
    }
    
  }
  /*===End of animation faderight */
  
  
  /*Animations for FadeLeft */
.fadeleft{
    animation:fadeleft 1s linear ;
}
@keyframes fadeleft{
    from{
        position: relative;
      opacity: 0!important;
      right:10em;
      
    }
    to{
        position: relative;
      opacity: 1!important;
      right:0em;
      
    }
    
  }
  /*===End of animation fadeleft */
  
/*Animations for Fadeout */
.fadeout{
    animation: fadeout 0.5s linear;
}

@keyframes fadeout{
    from{
      opacity: 0;
      transform: scale(0);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
    
  }
  
  /*===End of animation  animation:change 0.5s linear; */

  

  .about{
      width: 100%;
      height: 100%;
  }

  .contactss {
     width: 100%;
     background: linear-gradient(to bottom right ,rgb(39, 164, 223) ,rgb(124, 196, 201));
     position: absolute;
     height: 100%;

  }
  .contactss p{
      color: black;
  }


  .card{
    background-image: linear-gradient(to bottom right,rgb(39, 164, 223),rgb(8, 51, 92) );
      color: white !important;
      text-decoration: none;
      border:1px dotted white;
      box-shadow:1px 2px 3px black;
    

  }


  .hover:hover{
      opacity:0.5;
  }

  .card:hover{
    /* animation:change 0.5s linear; */
    transition: all 0.5s;
    background-image: linear-gradient(to bottom right,rgb(4, 97, 139),rgb(8, 51, 92) );
}
@keyframes  change{
    from{
        background-image: linear-gradient(to bottom right,rgb(4, 97, 139),rgb(8, 51, 92) );
    }
    to{
        background-image: linear-gradient(to bottom right,rgb(4, 97, 139),rgb(8, 51, 92) );
    }
}
footer{
    width:100%;
    margin:0;
    background-color:rgb(9, 100, 153);
    position:relative;
}

.newsletter{
	position:absolute;
	top:-3em;
	border-radius:12px;
	height:10em;
	border:1px dotted white;
	border-radius:12px;
    overflow:hidden;
    z-index:1;
}
.found{
    color:white;
    font-family: MyFont;
    position:absolute;
    z-index: 10;
}
.rounded{
    border-radius: 6px;
}

.rounded-shadow{
    border-radius: 6px;
    box-shadow: 3px 3px 4px black;
}
.p-service {
	position:relative;
	top:-15px;
    padding: 4px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Segoe UI",Arial,sans-serif;
    color:white;
    z-index: 5;
    font-size:15px;
    text-align:left;
    height: 100%;
}
.p-service .list{
    position: relative;
    z-index: 5;
    background-color:rgba(26, 26, 26, 0.5);
    height: 100%;
}

.p-service .list li{
   font-size:20px;
	line-height:35px;
}
.footer_body{
    width:100%;
    margin:0;
    display:flex;
    flex-wrap: wrap;
    position:relative;
    top:10em;
    border: 1px;
    color:white;
    background-color: rgb(9, 100, 153);
}
.copy{
    color:white;
    position:relative;
    top:10em;
    background-color: rgb(9, 100, 153);
}
.footer_body>div{
    color:white;
    border:1px;
}

.footer_body p{
    width:100%;
    color:white;
    text-align: center;

}
.header_footer{
    width:100%;
    color:inherit;
}
.card_shadow{
    border-radius:12px;
    width:4em;
    height:5em;
    background-color:grey;
    position:absolute;
    top:-45px;
    right:28%;
    transform:rotate(26deg);
}
.card_shadow1{
    width:inherit;
    height:4em;
    position:absolute;
    top:0px;
    margin:inherit;
    background-color: inherit!important;
    z-index:1;
}
.newsletter1{
    color:rgb(243, 148, 7);
    font-weight:bold;
    margin-top:1em;
}
.newsletter p{
    color:white;
    font-size: 13px;
}

.newsletter #newsletter{
    padding:10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 3px 2px 4px black;
    margin-top: 5px;
    margin-bottom: 5px;

}
/*Starter package*/
.packages{

   display:flex;
   margin:auto;

}
.package{
    background-color: var(--theme-color);
    border:1px dotted white;
    color:white;
    border-radius:10px;
    overflow:hidden;
    margin: auto;
    box-shadow:2px 3px 4px black;
}
.package_body li{
     margin-top:4px;
     list-style: none;
     line-height: 19px;
     text-align: left;
}

.package p{
    color: white;
   }
.request a{
    color:white!important;
    text-decoration:none!important;
    font-size:14px;
}
.package .fa-star{
    float:left;
}
.package .price{
  
    padding-top:10px;
    font-weight:bold;
}
.package_header{
    width:110%;
    margin:-3px;
    background-color:white;
    font-family:hand_font;
    color:rgb(243, 148, 7);
    padding:5px 10px 5px 10px;
}
/*End of starter package*/

/*choose us styles*/
.prices{
	width:100%;
	background-color:rgb(9, 100, 153);
	margin:0;
	position:relative;
	top:1.8em;
	/* padding:4em 0em 7em 0em; */
}
.about .triangle{
   
    background-color:white;
    margin:auto;
    position:absolute;
  
    transform:rotate(45deg);
}
.socials i{
    margin:2px 4px 1px 2px;
    color:rgb(243, 148, 7);
    float: left;
   
}

.choose .notes{ 
    background-color:white;
    color: #e44800;
    padding: 3px;
    font-size: 14px;
    font-family: hand_font;
    border-radius:3px;
    position:absolute;
    bottom:2px;
    left: 5px;
    z-index: 0.99;
    }
    .choose p{
        color:white;
        line-height: 24px;
        font-weight: normal;
        text-align: left;
        padding-left: 5px;
    }
     
.prices .choose{
	position:relative;
	padding-bottom:2em;
	z-index: 10;
}
.prices img{
    position: absolute;
    z-index:0;
    top:0px;
    left: 0px;
    width:100%;
    height:auto;
    opacity: 0.5;
}
.like_number{
    color:red;
    margin:1px 3px 1px 3px;
}
.about{
    margin:0;
    width:100%;
    position: relative;
}
.scrolling{
    margin:0;
}
  
.logo_pic{
    position:absolute;
    z-index: 1;
    color:white;
    font-family: hand_font;
    background-image: transparent;

}
.greeting{
    display:flex;
    flex-direction: row;
    width:100%;
    margin:0;
}
.opacity-0{
    opacity: 0 !important;
}


.opacity-1{
    opacity: 1;
}
.greeting .left{
    background-color:black;
    background-image: linear-gradient(black);
    font-family: hand_font;
    padding-top: 4px;
 color:rgb(224, 104, 6)!important;
   
    height:inherit;
    width:15%;
    margin:0;
}
.greeting .small_text{
          background-image: linear-gradient(white,rgba(76,140,170,1));
    margin:0;
    height:100%;
    width:85%;
    color: black;
padding:10px;

}
.border_logo{
    margin:0px;
    background-color:transparent;
}
.cursor{
    color:red;
    background-color: red!important;
    height:100%;
    font-size:inherit;
    animation: cursor 0.5s linear infinite;

}
@keyframes cursor {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
#promo{
    font-family: hand_font;
    animation:letter 1s linear;
    -webkit-animation:letter 1s linear;
}
.services_package{
    display:flex;
    margin:0px;
    padding: 0px;
}
.services_package>div{
    width:30%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    padding: 3px !important;
    margin-top: 5px;
    margin-bottom: 0px;
}
.services_package .bg-light{
    border-radius: 4px;
    height:100%;
    margin:0px;
    background-image: linear-gradient(white);
}
.bg-light{
    background-color: white!important;
}
.container-back img{width: 100%;height: auto;}

.pic_back_card{
    position:absolute;
    opacity: 0.8;
    top:0;
    width:100%;
    z-index: 0;

}
.white-background{
    position: absolute;
    opacity: 0.7;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
}

.bg-light{
    overflow-y: hidden;
}
.pic_back_card img{
    width:100%;
    height: auto;
}
.graphic-design {
   
    display:flex;
    flex-wrap: wrap;
}
.mt-0{
    margin-top: 0px;
}

.graphic-design div img{
    width:100%;
    height:auto;
    border-radius: 12px;
}

.graphic-design div{
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    height: auto!important;
}
.meet{
    position: relative;
    background-image: linear(to bottom right, rgb(252, 252, 252), rgb(234, 239, 241), rgb(203, 228, 238));
}
.sshape{
    width:30%;
    position:
    absolute;
    left: 0;
    top: 0;
    opacity: 0.4;
    z-index: -0.5;
}
#sw-js-blob-svg{
    opacity:0.3;
    z-index: 0;

}
.text-center{
text-align: center;
}
.w-100{
    width:100%;
}
#teamwork-pic{
    position: absolute;
    top:0px;
    left:30%;
    width:40%;
    height:
    auto;
    opacity: 0.1;
}

.service-h1{
	font-weight: bold;
}
.about-steps{
    position: relative;
    z-index: 1;
}
.about-steps>div{
border: 1px solid #ccc;
padding:4px;
text-align: center;

margin-left: auto;
margin-right: auto;
}
.about-steps img{
    width:25%;
    height:auto;
}
.border-right{
    border-right:1px solid #ccc;
}
.colo-red{
    color: red;
}
.form-content{
    margin-left: auto;
    margin-right: auto;
    padding:5px;
    list-style: none;
    margin-top:10px;
    margin-bottom: 10px;
   
    border:1px solid rgb(192, 192, 192);
}
.form-content li,.form-content input,#name,#email_q{
    text-align: left !important;
}
.close-quotation{
    position: sticky;
    top: 0px;
    left: 95%;
    color:red;
}
.opacity-01{
    opacity: 0.1;
}
.quotation{
    box-shadow: 6px 10px 8px rgb(37, 37, 37);
    position:fixed;
    z-index: 100;
    display: none;
    background-color: white;
    max-height: 90%;
    overflow-y:auto;
    overflow-x:hidden;
}
.quote_list li{
margin-top:13px;
float:left;

}
.quote_list {
    text-align: left !important;
}

.quote_list li input[type=checkbox]{
width:18px;
	height:18px;

}
.part-2 {
	 display:none; 
	
}
.btn-quote{
	margin-top:1em;
    padding-top:1em;
	position:relative;
	left:0px;
	float:left;
}
.btn-quote button{
	font-size:20px;
	color:white;
	background-color:rgba(27, 92, 122,1);
	border-radius:5px;
	padding:5px;
}
.quote_list input[type='radio']{

    width:18px;
    height:18px;
    border-radius: 50%;
    text-align: left;

}
.quote_list input, .quote_list label {
    margin-top:13px;
}
.footer-sidebar{
    position: absolute;
    bottom:2%;
    width:90%;
    margin:auto;
    border: 1px solid #ccc;
}
.text-warning{
    color:#e44800;
}
.sidebar-contact{
    width:90%;
    margin: 5% auto;
    border: 1px solid #ccc;
}
.sidebar-socials{
    display:flex;
    flex-direction:row;
    
}

.sidebar-socials>div{
    margin:auto 5%;

}
.sidebar-socials div a{
    font-size:30px;
}
.sidebar-contact h3, .sidebar-contact li,.footer-sidebar h3,.footer-sidebar a{
    color: white !important;

}
.border{
    border: 1px solid #ccc;
}
.reviews-container{width: 100%;margin: auto;display: flex;flex-direction: row;overflow: none;}
.google-reviews{
	position:
	relative;
	top:0px;
}
.google-img img{
    width:90%;
    height: auto;
    margin: 10px auto;
    box-shadow: 4px 4px 6px #080808;
    border-radius: 10px;
}
.over-lay-reviews{
	position:
	absolute;
	background-color:rgba(0,0,0,0.1);
	height: 100%;
	width: 100%;
	display:none;
    transition: all 0.5s;
	
}
.google-reviews:hover .over-lay-reviews{
	display:block;
}


.over-lay-reviews>div{
	position:relative;
	top:50%;
	width:50%;
	margin:auto;
    animation:reviews 0.5s linear;
}
@keyframes reviews{
    from{
        top:0%;
    }
    to{
        top:50%;
    }
}
.bg-waves{
    position: absolute;
}
/* This is for positioning elemment in relative */
.position-relative{
    position: relative;

}


/* This is for positioning elemment in absolute */
.position-absolute{
    position: absolute;

}


/* Make top 0 this is general */
.top{
    top:0px;
}

.bg-waves{
    bottom: -0.9%;
    width: 100%;
    left: 0%;
    margin: 0px;
    padding: 0px;
}
.bg-waves img{
    width: 100%;
  
}
.reviews{
    position: relative;
    top:10%;
}
.m-auto{
    margin: auto;
}
.google-reviews-container{
    width:100%;
}
.prev-btn,.next-btn {
	position:
	absolute;
	top:45%;
	
	font-size:40px;
	background-color: rgb(0,0,0,0.6);
	padding:4px 10px;
	border-radius:10px;
	color: white;
}

.next-btn{
	right: 0%;
}

.prev-btn{
	left:0%;
}
.slide-reviews{
	position:relative;
	width:98%;
	margin:auto;
	overflow: hidden;
}
.hover:hover{
    opacity: 0.5;
}

.review-slide-body {
	width:80%;
	margin:10px auto;
	background-color: #1b5c7af0;
	border-radius:10px;
	/* border: 1px dotted white; */
	color:
	white;
	padding:6px 1px;
}

.review-title{
	position:relative;
	left:2%;
	font-weight:bold;
	font-size:20px;
	text-align:left;
	 color: #e44800;
}

.review-ref{
	margin-top:15px;
	color:#eee;
	text-align:left;
   
}
.weball_pop_ups{
    color:white;
    border: 1px solid #ccc;
}
   
.text-warning{
color: #e44800 !important;;
}
.float-left{
    float: left !important;
}
.cancel_btn_weball{
    position:relative;
    left: 48%;
    padding:auto;
    color: red;
    font-size:1.4em;
    border-radius:50%;

    }
    
    .cancel_btn_weball:hover
    {
        opacity: 0.5;
    }
    

	.services-btn{
        background-color: var(--theme-color);
    }