body{
    overflow-x:hidden;
}

.fw-bold{
    font-weight:bold;
}

a{
  cursor: pointer;
}

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

.hero-section{
  background-image:linear-gradient(to right,rgb(25, 30, 104),rgb(12, 67, 112),rgba(12, 67, 112,0.3)),url("../assets/images/hero-bg.jpg");
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  position:relative;
  height:78vh;
    padding-left:10px !important;
    padding-bottom:10px;
    overflow:hidden;


}

.hero-text p{
  margin-left:14%;   
}





@media screen and (max-width:768px){
    
.hero-text p{
  margin-left:3%;   
}
}



@media screen and (max-width:768px){
    
 .hero-section{   
    height:80vh !important;
    padding-left:10px !important;
    
}
}

.get_started{
    margin-left:12%;
}


@media screen and (max-width:768px){
    
.get_started{
    margin-left:3%;
}
}





.text-container{
  width:100% !important;
  height:200px;
  overflow:hidden;
    }

.text-slide {
  position: absolute;
  top:150px !important;
  left: 100%;
  margin-left:5%;
  width: 100% !important;
  opacity: 0;
  white-space:wrap !important;
  transition: all 0.8s ease-in-out;
}

@media screen and (max-width: 768px) {

  .text-slide {

    top:120px !important;
    font-size:19px !important;
    width: 90% !important;
    margin-left:3%;
    
   
  }

}

@media screen and (max-width: 768px) {

  .text-slide h3 {

   
    font-size:2rem;
    
   
  }

}



@media screen and (max-width: 768px) {

  .text-slide h3 span {

   
    font-size:1.4rem !important;
    
   
  }

}


.text-slide.active {
  left: 5px;
  opacity: 1;
}

.text-slide.previous {
  left: -100%;
  opacity: 0;
}




.content_home{
background-color: #e4e4e4;
}

.report{
display: flex;
justify-content: space-around;

}


@media screen and (max-width: 768px) {
  .report  h5{
 
    font-size:16px;
    font-weight:bold;
  }
  


  .report  p{
 
    font-size:14px;
    width:80%;
   
  }


  }


.report .btn-danger{
  border-radius:25px;
  color:white !important;
}


@media screen and (max-width: 768px) {
  .report .btn-danger{
 
    font-size:14px;
  }
  

  }




  .navigation{
    display:flex;
    justify-content:space-evenly;
    align-items: center;
   gap: 20px;
   flex-wrap:wrap;
  }

  @media screen and (max-width: 768px) {
  .naviLinks{
    width:150px !important;
    height:150px !important;
  }

}
   .naviLinks{
    width:210px;
    height:180px;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction: column;
    box-shadow:0px 3px 10px rgb(167, 167, 167);
    background-color: #fff;
    margin-top:15px;
    cursor: pointer;
   
    }
    


.naviLinks img{
    
      width:100px;
    
      height:100px;
    
      object-fit: cover;

      transition: 0.3s linear;
    
    } 

    .naviLinks p{

      font-weight:bold !important;
        text-transform:capitalize !important;
        font-size:14px !important;
       
        }

        
.e_report{
  margin-top: 30px;
  text-align:center;
}

.e_report p{
font-size:13px;
}

.e_report h6{
text-align:center;
font-weight:bold;

font-size:18px;
}


 .sorted h6{
  color:rgb(9, 50, 126);
}

 .nreports h6,.nreports p{
  color:rgb(214, 17, 17);
}

.preports h6{
    color:rgb(9, 50, 126);
    }

.experience-section{
background-color: rgb(9, 50, 126);
padding:10px 20px;
}


.experience-section a{
color:white;
font-weight: 700;
border:2px solid white;
padding:5px;
border-radius:15px;
margin:10px 3px;
text-decoration:none;
  }

  .experience-section h6{
    color:white;
    font-weight:bold;
    margin-top: 10px;
    }

    .experience-section p{
      color:white;
      font-size:13px;
    }

    .fa-check{
    color:white;
    background-color:red;
    border-radius:50%;
    padding:8px;
    margin-right:5px;
    }

    .sub_experience{
      padding:10px;
    }

    .sub_experience span{
    color:white;
    }

    .experience-section img{
    padding:20px;
    width:100%;
    }

    .how_it_works{
     
      font-weight:bold;
    }

    .p{
    
      font-size:13px;
    }

    .work-section .circle{
     width:250px;
     height:250px;
     border-radius: 50%;
     box-shadow:0px 0px 3px rgba(0,0,0,0.2);
    }



    .circle_Home{
     margin-top:40px;
     }


    .circle-container{
    display:flex;
    justify-content:center;
    gap:10px;
    text-align:center;
    position: relative;

    }

    .circle-container svg{
    height:150px;
    width:300px;
    }




    @media screen and (max-width: 1200px) {
      .circle-container{
      flex-wrap:wrap;
    
        } 

        .work-section .circle{
          width:230px;
          height:230px;
          border-radius: 50%;
          margin-left:35px;
          box-shadow:0px 0px 3px rgba(0,0,0,0.2);
         }


         .circle_Home{
          margin-top:0px;
           }
      

    }
    
    .circle-container h6{
      font-weight: bold;  
      margin-top:10px;
      text-align:center;
      }

      .circle-container p{
        font-size:13px;
        text-align:center;
        }

        .circle img{
        width:100%;
        height:100%;
        border-radius:50%;
        }

        .circle:hover{
          background-image:linear-gradient( rgba(9, 50, 126,0.5), rgba(9,50,126,0.5));
          }
    

          .blog-section{
            margin-top:30px;
  
          }


          
          .blog-section h5{
           font-weight:bold;
           margin:21px;
  
          }

          

          .blog-container{
           display:flex;
           justify-content:space-around;
           align-items:center;

          }

          
    @media screen and (max-width: 820px) {
      .blog-container{
       flex-wrap:wrap;
       margin-top:20px;

       }

       .blog-container div{
       
        margin-top:20px;
 
        }



        .blog-container figure{
          width:320px;
          height:270px;
        
     
        }





    }

          .blog-container figure{
            width:250px !important;
            height:250px !important;
          
            overflow:hidden;
            box-shadow:0px 3px 15px rgb(177, 176, 176);
          }


          
          .blog-container figure:hover{
            opacity:0.6;
          
            overflow:hidden;
            box-shadow:0px 3px 15px rgb(177, 176, 176);
          }

          .blog-container span {
          font-size:12px;
          display:block;
          }


          
          .blog-container small{
            font-weight:bold;
            }
 
            
            .blog-container strong{
            margin-top:15px;
             }
 
 
             .blog-container a{
               margin-top:15px;
               color:red;
               font-size:13px;
                }

                .blog-container .fa-arrow-right{
                  background-color:red;
                  color:white;
                  padding:3px;
                  font-weight:bold;
                  border-radius:50%;
                }


                .blog-container figure img{
                width:100% !important;
                height:100% !important;
                object-fit:cover;
               
              
                }



                
                .blog-container figure video{
                  width:100% !important;
                  height:100% !important;
                  object-fit:cover;
                  
                 
                
                  }
 
          
          video{
            margin-right:21px;
          }
          

       
          .short_videos{
              display:flex;
              justify-content:space-between;
          }
          
          .short_videos:nth-child(1){
           font-weight:bold !important;
           font-size:2em;
          }
          
          
          .see_more a{
            font-size:14px;
            
            color:red !important;
          }


          .group_inc{
            margin-right: 18px;
            width:250px;
            box-shadow:0px 0px 10px rgba(0,0,0,0.4);
            background-color:rgb(235, 235, 235);
            padding-bottom:18px;
          }


          .group_inc img{
            
            width:100%;

            height:200px;

            object-fit: cover;



          }


          h5{
            
            font-weight:bold;
            margin:10px 0px;
      
          }

          .group_inc h6{
            font-weight: bold;
          }


          .group_inc a{
           background-color: rgba(5, 30, 75, 0.5);
           color:white;
           border:1px solid transparent;
           padding:5px 15px;
           font-weight: bold;
        }

        .group_inc h6,.group_inc p,.group_inc a{
        margin-left:10px;
        }


        .col-md-2 div:nth-child(2){
        display:block !important;
        width:100%;
        position:absolute;
        }


        .fade-in {
          opacity: 0;
          transition: opacity 1s ease-in-out;
      }
      .visible {
          opacity: 1;
      }


        
      #pop{
        background-color:whitesmoke;  
        position:fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width:450px;
        height:380px;
        padding:5px;
        z-index: 9;
        box-shadow: 0 5px 30px rgba(0,0,0,.30);
        transition: 0.3s;
        display:none;
        }
        
        
        @media screen and (max-width:768px){
            
                   
      #pop{
  
        width: 80%;
        height:380px;
     
        }
         
            
        }
       
        #close{
     
            position: absolute;
            top: -10px;
            left: 95%;
            margin-top: -10px;
            color:red;
            cursor: pointer;
            font-size:18px;
            background-color: white;
            border-radius: 50%;
            padding:0px 6px;
            }
        
        
            #close:hover, #close:focus{
            opacity: 0.6;
          
           
            
            }
        
            video{
                width:100%;
                height:100%;
            }
    
            .btn-play{
                cursor:pointer;
            }
    
            .btn-play:hover{
               opacity:0.8;
            }

            .video-container{
              width:100%;
              height:400px;
           
            }


            .video-container video{
              width:300px;
              height:100% !important;
            
            }