body{
    padding:0;
    margin:0;
    Display:;
   
}
body {
    background:white;
}
.log{
    padding-top:93px;
}
.nav{
  background-color:black;
  width:100%;
  height:300px;
 /* background-image:url("images/raynet.jpg");*/
  /*background-repeat:no-repeat;
  allow the background repeat for desktop view*/
}
a{
    text-decoration:none;}
.nav a{
    color:white;
    display:inline-block;
    font-size:18px;
    font-family:Comic;
    padding:10px 13px 10px 13px;
    margin-top:30px;   
    text-decoration:none;
    background:orange;
    border-top:2px solid red;
    border-bottom:2px solid red;
    border-bottom-right-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    border-top-left-radius:20px;
    position:relative;
    z-index:1;
}

.nav a:hover{
    color:white;
    background-color:;
    border-top:2px solid white;
    border-bottom:2px solid white;
    border-bottom-right-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    border-top-left-radius:20px;
    box-shadow: 1px 2px 3px 4px rgba(20,20,20,0.4); 
}
.logo{
    background-image:url("raynet.jpg");
    width:190px;
    height:200px;
}
h1{
    color:white;
}
.sect1{
    Border-radius:25px;
    width:90%;
    display-items:center;
    text-align:center;
    padding-left:20px;
}
.span1{
    width:80%;
    border-top:4px dashed lightblue;
    border-bottom:4px dashed lightblue;
    border-radius:20px;
    background-color:#f4f4f4;
    padding:30px 3px 40px 3px;
    margin-top:40px;
}
.span2{
    width:97%;
    margin:40px 5px 40px 5px;
    border:2px solid green;
    height:195px;
    Border-radius :23px;
    margin-top :50px;  
    padding:30px 3px 30px 3px;
                }
       
    .span2 .right2{
        width:55%;
        float:right;
                }
            
          .span2 .left2{
              width:35%;
                height:160px;
                float:left;
            /*    padding-top:10px; */
              /*  Padding-left:50px;   */  
             }
    
.img1{
    Border-radius:50%;
    border-bottom:10px dashed black;
    border-top:10px dashed skyblue;
}

.img2{
    Border-radius:50%;
    border-bottom:10px dashed orange;
    border-top:10px dashed #0ef5;
   
}
.links{
    position:fixed;
    margin:5px 1px 10px 25px;
}
.pagecontent{
    padding-bottom:50px;
    border-bottom:4px solid black;
}
footer{
    width:100%;
    text-align:center;
    background: blue;
    color:white; 
    bottom:0; 
    position:fixed;  
    padding-top:0px;
}
form{
    border:2px dashed green;
    Border-radius:20px;
    background-color:#0ef5;
    margin:30px;
    padding: 40px 20px 40px 20px;
}
.contact {
    width:75%;
    background-color:#333;
    margin: 30px;
    color:white;   
    text-align:center; 
    Border-radius:24px;
}
.testimony_left{
   width: 46%;
    float:left;
    background-color: orange;
    margin-bottom:50px;
    padding:30px 3px 15px 3px;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
    color:white;
    text-align:center;
    border:2px solid #333;
}

.testimony_right{
   width: 49%;
    float:right;
    background-color: #000000;
    margin-bottom:50px;
    padding:30px 3px 15px 3px;
    border-top-left-radius:20px;
    color:orange;
    border-top-right-radius:20px;
    text-align:center;
   /* border:2px solid orange;*/
}
.button_1 {
  background-color: #25D366; /* WhatsApp green */
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}
.button_2{
  background-color: #22c321; /* WhatsApp green */
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  border-top:4px solid white;
  border-top-right-radius:20px;
  box-shadow: 1px 2px 3px 4px rgba(20,20,20,0.4); 
}
.section2{
    margin:30px 10px 400px 13px;
}
.section2 nav{
    display:inline-block;
    margin-top:30px;
}

.section2_right{
  /* the text aside the coder*/
    float:left;
    width:50%;
    background-color:#f4f4f4;
    Height:190px;
    Overflow:auto;
    
}

.section2_left{
  /* background-image:url("images/coder3.png");*/
    float:right;
    width:30%;
    padding:20px 20px 20px 20px;
}
.orangecolor{
    color:orange;
    font-family:sans-serif;
}
.whitecolor{
    color:white;
    font-size:13px;
    font-family:Comic;
}
.greencolor{
    color:green;
    font-size:13px;
    font-family:Comic;
}
.bluecolor {
    color:blue;
    font-size:25px;
    font-family: Comic;
    padding:5px 10px 5px 10px;
}

#myDiv {
   Border-radius:20px;
  align-items:center;
  padding:15px 10px 15px 10px;
  margin:30px 0 30px 0;
  width: 90%;
 /* height: 100px;*/
  background-color: blue;
  transition: background-color 0.3s; /* Add a smooth transition */
}
img{
    Border-radius:15px;
}
.whatsapp{
    margin-top:50px;
    margin:50px;
}
.quicklinks a{
    display:block;
    color: blue;
    text-decoration:none;
    text-align:center ;
    padding-top :20px;
    font-family:Comic ;
    font-size:18px;
}
/*collapsible text*/
.collapsible {
  background-color: #eee;
  cursor: pointer;
  padding:2px;
  /*width: 40%;*/
  border: none;
  /*text-align: left;*/
  outline: none;
  font-size: 19px;
  font-family:Comic;
  margin:25px;
  box-shadow: 1px 2px 3px 4px rgba(20,20,20,0.4); 
}
    

.active, .collapsible:hover {
  background-color: #ccc;
  
}

.content {
  padding: 0 10px 10px 10px;
  display: none;
  overflow: hidden;
  background-color: #007ff;
}
/*services*/
.lists{
    font-size:18px px;
    font-family:Comic;
    font-weight:bold;
    background-color:#007bff;
   Border-radius:25px;
}
.lists li{
    padding:20px;
}