:root{
    --red:#0a8581;
    --font-family2:cursive;
    --font-size1:22px;
    --paragraph:16.5px;
    --sub-hading:32px;
}



.aboutus_home_sudip{

    /* border: 1px solid red; */

    /* width: 100%; */

    /* height: 700px; */

    align-content: center;

    justify-items: center;
    /* margin-top: 30px; */
    margin-bottom: 30px;
    background-color: #EEF4FF;
padding: 3% 0;

}
 .child1{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    padding-top: 15px;
    
    font-family: "Outfit", sans-serif;
    letter-spacing: .5px;
    text-align: center;
    font-size: var(--sub-hading);
    font-weight: 700;
    color: var(--heading-color);
    /* flex-wrap: wrap; */
}
 .child2{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
   justify-items: center;
    padding-bottom: 8px;
}

 .child2 .child2_sub{
    /* border: 1px solid red; */
    width: 250px;
    height: auto;
    display: flex;
   justify-content: space-between;
   
}
 .child2 .child2_sub .child2_sub1{
    /* border: 1px solid red; */
    width: 110px;
    height: 30px;
    position: relative;
}
 .child2 .child2_sub .child2_sub1::before{
    content: '';
    position: absolute;
    width: 100%;
    border: 1.5px solid var(--heading-color);
    left: 1%;
    top: 15%;
}
 .child2 .child2_sub .child2_sub1::after{
    content: '';
    position: absolute;
    width: 80%;
    border: 1.5px solid var(--heading-color);
    left: 21%;
    top: 41%;
}
.child2 .child2_sub .child2_sub2{
    /* border: 2px solid red; */
    width: 20px;
    height: 20px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background-color: var(--heading-color);
}

 .child2 .child2_sub .child2_sub3{
    /* border: 1px solid rgb(0, 47, 255); */
    width: 110px;
    height: 30px;
    position: relative;
}

 .child2 .child2_sub .child2_sub3::before{
    content: '';
    position: absolute;
    width: 100%;
    border: 1.5px solid var(--heading-color);
    left: 0%;
    top: 15%;
}
.child2 .child2_sub .child2_sub3::after{
    content: '';
    position: absolute;
    width: 80%;
    border: 1.5px solid var(--heading-color);
    left: 0%;
    top: 41%;
}


.aboutus_home_sudip .child{

    /* border: 1px solid red; */

    width: 93%;

    /* height: 620px; */

    display: flex;
    gap: 15px;

    align-items: center;

   justify-content:center;
   





}



.aboutus_home_sudip .child .images{

    /* border: 1px solid red; */

    width: 520px;

    height: 540px;

    position: relative;



}

.aboutus_home_sudip .child .images .image_child1{

    border: 2px solid var(--bg-color);

    width: 80%;

    height: 90%;

    position: absolute;

    left: 8%;

    top: 5%;

    border-radius: 8px;

}
/* .aboutus_home_sudip .child .images .image_child::before{
      content: '';
    height: 150%;
    width: 30px;
    /* width: 80px; */
    /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); 
    background: linear-gradient(89deg,#81818100,#e0e0e073,  #8b8b8b00);
    position: absolute; 
    transform: rotate(50deg);

    animation: sh 3s linear infinite;
} */
.aboutus_home_sudip .child .images .image_child{

    position: relative;
    overflow: hidden;
    width: 64%;

    height: 73%;

    border: 3px solid var(--whitecolor);

    border-radius: 8px;

    /* box-shadow: -7px 7px 17px -7px var(--bg-color); 
    
    */
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);


}



.aboutus_home_sudip .child .images .image_child img{

    width: 100%;

    height: 100%;

    border-radius: 8px;

}
/* .aboutus_home_sudip .child .images .image_child2::before{
      content: '';
    height: 150%;
    width: 30px;
    /* width: 80px; */
    /* background: linear-gradient(to bottom,rgba(231, 230, 230, 0.116),rgba(245, 245, 245, 0.295),rgba(245, 245, 245, 0.137),rgba(245, 245, 245, 0.158)); 
    background: linear-gradient(89deg,#81818100,#e0e0e073,  #8b8b8b00);
    position: absolute; 
    transform: rotate(50deg);
    /* backdrop-filter: blur(10px); 
    animation: sh 3s linear infinite;
} */
.aboutus_home_sudip .child .images .image_child2{

    position: absolute;
    overflow: hidden;
    width: 52%;

    height: 53%;

    border: 3px solid  var(--whitecolor); 

    border-radius: 8px;

    /* box-shadow: 7px 7px 17px -7px var(--bg-color);  */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

    top: 44%;

    left: 23%;

 

}

.aboutus_home_sudip .child .images .image_child2 img{

    width: 100%;

    height: 100%;

    border-radius: 8px;

}

/* .aboutus_home_sudip .child .images .image_child3::before{
      content: '';
    height: 150%;
    width: 30px;
    /* width: 80px; */
    /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); 
    background: linear-gradient(89deg,#81818100,#e0e0e073,  #8b8b8b00);
    position: absolute; 
    transform: rotate(50deg);

    animation: sh 3s linear infinite;
} */

.aboutus_home_sudip .child .images .image_child3{

    position: absolute;
    overflow: hidden;
    width: 38%;

    height: 37%;

   border: 3px solid  var(--whitecolor);

    border-radius: 8px;

    /* box-shadow: 7px -7px 17px -7px var(--bg-color);
     */

     box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

    top: 15%;

    left: 56%;



}

.aboutus_home_sudip .child .images .image_child3 img{

    width: 100%;

    height: 100%;

    border-radius: 8px;

}



.aboutus_home_sudip .child .images .image_child4{

    position: absolute;

    width: 118px;

    height: 118px;

   /* border: 3px solid var(--headercolor); */

    border-radius: 50%;

  border: 4px solid #ffff;

    top: 32%;

    left: 47%;

    background-color: var(--heading-color) ;

    font-family: "Roboto", sans-serif;

    text-align: center; 

    align-content: center;

    font-size: 14.7px;

    font-weight: 600;
    color:#fff;
}





.aboutus_home_sudip .child .details{

    /* border: 1px solid red; */

    width: 675px;

    /* height: 540px; */

    align-content: center;

}



.aboutus_home_sudip .child .details .heading{

    /* border: 1px solid red; */

    width: 100%;

    height: 40px;

    align-content: center;

    font-family: "Outfit", sans-serif;

     font-size: var(--font-size1);

    font-weight: 500;

    color: var(--button-2-color);



}

.aboutus_home_sudip .child .details .heading i{

    font-size: 25px;

    color: var(--heading-color);

}



.aboutus_home_sudip .child .details .title{

    /* border: 1px solid red; */

    width: 100%;

    height: auto;

     align-content: center;

    font-family: "Outfit", sans-serif;

     font-size: var(--sub-hading);
       letter-spacing: .5px;

    font-weight: 700;

    color: var(--heading-color);

  

    padding: 5px 0px;

}



.aboutus_home_sudip .child .details .paragraph{

    /* border: 1px solid red; */

    width: 100%;

    height: auto;

     align-content: center;

    padding: 7px 0px;

}



.aboutus_home_sudip .child .details .paragraph p{

      font-family: "Roboto", sans-serif;

     font-size: var(--paragraph);


  letter-spacing: .5px;
    color: var(--gra);

    line-height: 1.5;

}



.aboutus_home_sudip .child .details .poient{

    /* border: 1px solid red; */

    width: 100%;

    height: auto;

    align-content: center;

}



.aboutus_home_sudip .child .details .poient .check{

    /* border: 1px solid red; */

    width: 100%;

    height: auto;
    padding: 3px 0px;
    display: flex;
    align-items: start;
    

    


}
.aboutus_home_sudip .child .details .poient .check .check_sub{
    height: 30px;
    width: 30px;
    align-content: start;
    text-align: center;
    color: var(--button-color);

}
.aboutus_home_sudip .child .details .poient .check .check_sub1{
    width: 80%;
}
.aboutus_home_sudip .child .details .poient .check .check_sub1 span{

      font-family: "Roboto", sans-serif;

     font-size: var(--paragraph);

    letter-spacing: .5px;

    color: var(--color);

   

}



.aboutus_home_sudip .child .details .video{

    /* border: 1px solid red; */

    width: 100%;

    height:auto;

   display: flex;
    margin-top: 17px;

   align-items: center;



}

.aboutus_home_sudip .child .details .video video{

    width: 280px;

    border-radius: 10px;
    
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  

}

.aboutus_home_sudip .child .details .more{

     /* border: 1px solid red;  */

    width: 100%;

    height: auto;

    padding-top: 25px;
    padding-bottom: 15px;




} 

 .aboutus_home_sudip .child .details .more button{

  position: relative;
  font-size: 1em;
  padding: 0.7em 1em;
  /* background:var(--red); */
  text-decoration: none;
  border: 1px solid var(--red);
  /* border: none; */
  border-radius: 0.5em;
    /* color:var(--red); */
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.3);
}
.aboutus_home_sudip .child .details .more button::after{
      content: "";
    background: linear-gradient(376deg, #033053, #1679c5);
    position: absolute;
    z-index: -1;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.5s;
}
        



.aboutus_home_sudip .child .details .more button:hover::after{

 width: 1.6em;
  height: 1.6em;
}

.aboutus_home_sudip .child .details .more button:active {
  box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.3);
  transform: translate(0.1em, 0.1em);
}






@media(max-width:1199px){
    .aboutus_home_sudip .child{
     justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    flex: start;
    }
}


@media(max-width:1080px){

    .aboutus_home_sudip .child .images{

        height: 480px;

    }

}







@media(max-width:840px){

    .aboutus_home_sudip{

        /* height: auto; */

        margin: 50px 0px 50px 0px;

    }

    .aboutus_home_sudip .child{

        flex-wrap: wrap;

        justify-content: center;

        /* height: auto; */

        gap: 35px;

    }

    .aboutus_home_sudip .child .images{
        margin-left: 20px;
        width: 450px;
    }





}


@media(max-width:750px){
    .aboutus_home_sudip .child .details{
        width: 450px;
    }
}

@media(max-width:600px){
    .aboutus_home_sudip .child .images{
        width: 100%;
    }
    .aboutus_home_sudip .child .details .video video{
        width: 100%;
    }
}



@media(max-width:470px) {
    .aboutus_home_sudip .child .details {
        width: 385px;
    }
}


@media(max-width:420px) {

    .aboutus_home_sudip .child .images {

        height: 420px;

    }



    .aboutus_home_sudip .child .details .title {

        font-size: 35px;

    }



    .aboutus_home_sudip .child .details .poient .check span {

        font-size: 13px;

    }

}

@media(max-width:380px) {
    .aboutus_home_sudip .child .details {
        width: 310px;
    }
      .aboutus_home_sudip .child .details .heading {

        font-size: 18px;

    }
}
@media(max-width:369px){
        .aboutus_home_sudip .child .details .heading{
        font-size: 14.5px;
    }
    .aboutus_home_sudip .child .details .heading i{
        font-size: 20px;
    }
 
}

@media(max-width:360px) {

  

    .aboutus_home_sudip .child .images {

        height: 370px;

    }



    .aboutus_home_sudip .child .details .title {

        font-size: 32px;

    }

    .aboutus_home_sudip .child .details .paragraph p {

        font-size: 15px;
    text-align: justify;

    }

    .aboutus_home_sudip .child .details .poient .check span {

        font-size: 12px;

    }

}

@media(max-width:335px) {
    .aboutus_home_sudip .child .details .poient .check span {

        font-size: 11px;

    }
}