.menu_open,.closee{
      display: none;
    }

    .nav_ph{
      display:inline;
    }
       /*bg_banner img start*/ 

       .font_size{
        font-size:50px; 
       }
        .bg_img,.bg_img_product{
            background-image: url('../background/background-image1.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
              }


    .bg_img_product{
           background-image: url('../background/bgimg.jpg');
    }         
       /*bg_banner img end*/
        

        /*border cur start*/
         .border_cur{
          border-radius: 74px 0px 74px 0px;
      -moz-border-radius: 74px 0px 74px 0px;
      -webkit-border-radius: 74px 0px 74px 0px;
      border: 0px solid #000000;
         }

       .po_2_div{
        top:50px; 
       }

       .pading{
        padding-left:200px;padding-right:200px;padding-top:10px;padding-bottom:50px
       }

       .img_size{
        width:280px; 
        height:200px;
       }
       
       

          @media screen and (min-width : 768px) and (max-width : 1024px) {
  
              .border_cur{
             border-radius: 20px 0px 20px 0px;
      -moz-border-radius: 20px 0px 20px 0px;
      -webkit-border-radius: 20px 0px 20px 0px;
      border: 0px solid #000000;
         }
         
         .f_size{
             font-size:20px;
         }
  
  
       .po_2_div{
        top:0px; 
       }
          .pading{
              padding-left:100px;padding-right:100px;padding-top:10px;padding-bottom:50px
          }

          }
        /*border cur end*/
    @media (max-width: 768px) {
         
         .f_size{
             font-size:16px;
         }

            .border_cur{
             border-radius: 0px 0px 0px 0px;
      -moz-border-radius: 0px 0px 0px 0px;
      -webkit-border-radius: 0px 0px 0px 0px;
      border: 0px solid #000000;
         }
   

    .closee{
      display:block;
    }
    .pading{
      padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:20px
    } 

           .img_size{
        width:100%; 
        height:200px;
       }
    .nav_ph{
      
      text-align: center;
        position: absolute;
      top:0px;
          display:none;
            width:100vw;
            right:0px;
           animation-name: menu_slide;
           animation-duration:1s;
           animation-fill-mode:forwards;    
      
    }

    @keyframes menu_slide{
           from{
            right:100vw; 
           }

           to{
            right:0px; 
           }

    }

       .nav_ph ul li{
        padding-top:5px;
        padding-bottom:5px;  
       }
         
    .nav_ph ul{
      display:block;
    
      padding-bottom: 50px;
      background: rgb(40,40,162);
            background: linear-gradient(90deg, rgba(40,40,162,1) 4%, 
             rgba(66,100,172,1) 54%, rgba(82,151,165,1) 100%);

    }

    .menu_open{
      display:inline;
    }

    .font_size{
        font-size:20px; 
       }


               /*border cur start*/


        /*border cur end*/
      
        .po_2_div{
        top:0px; 
       }

  }



.color_read_more{
   background-color:orange;
}

.color_read_more:hover{
 background-color:orange;
 color:white; 
  
}


.border_saida{
border-radius: 21px 21px 21px 21px;
-moz-border-radius: 21px 21px 21px 21px;
-webkit-border-radius: 21px 21px 21px 21px;
border: 0px solid #000000;
}

.ser_border{
  border-radius: 11px 11px 11px 11px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px solid #000000;font-size:30px
}

.slide_img_left{
width:100px;height:180px;border-radius: 0px 132px 129px 0px;
        -moz-border-radius: 0px 132px 129px 0px;
        -webkit-border-radius: 0px 132px 129px 0px;
        border: 0px solid #000000;  
}

.slide_img_right{
  width:100px;height:180px;
  border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000;
}

.bg-circle{
  width:400px;height:350px;border-radius: 200px 200px 175px 175px;
    -moz-border-radius: 200px 200px 175px 175px;
    -webkit-border-radius: 200px 200px 175px 175px;
    border: 0px solid #000000;
}


.img_slide_left_animation{
  animation-name:img_slide_left_animation;
  animation-duration:1s;
  animation-fill-mode: forwards; 
}

@keyframes img_slide_left_animation{
  from{
    position: relative;
    top:0px;
    left:0vw;

  }

  to{
    position: relative;
     top:140px;
    left:36.5vw;
  width:400px;height:350px;border-radius: 200px 200px 175px 175px;
    -moz-border-radius: 200px 200px 175px 175px;
    -webkit-border-radius: 200px 200px 175px 175px;
    border: 0px solid #000000;

  }
} 


.img_slide_left_animation1{
  animation-name:img_slide_left_animation1;
  animation-duration:1s;
  animation-fill-mode: forwards; 
}

@keyframes img_slide_left_animation1{
  from{
    position: relative;
    top:0px;
    left:0vw;

  }

  to{
    position: relative;
     top:140px;
    left:36.5vw;
  width:400px;height:350px;border-radius: 200px 200px 175px 175px;
    -moz-border-radius: 200px 200px 175px 175px;
    -webkit-border-radius: 200px 200px 175px 175px;
    border: 0px solid #000000;

  }
} 

.slide_img_right_animation_min{

  
  animation-name:slide_img_right_animation_min;
  animation-duration:1s;
  animation-fill-mode:forwards;
    position:relative;


}

@keyframes slide_img_right_animation_min{
  from{

  right:0vw;
  }

  to{
     right:92.5vw;
     transform:rotate(-180deg);

  }
}

.slide_img_right_animation_min1{

  
  animation-name:slide_img_right_animation_min1;
  animation-duration:1s;
  animation-fill-mode:forwards;
    position:relative;


}

@keyframes slide_img_right_animation_min1{
  from{

  right:0vw;
  }

  to{
     right:92.5vw;
     transform:rotate(-180deg);

  }
}


.center_left{
  position: relative;
    animation-name:center_left;
  animation-duration:1s;
  animation-fill-mode:forwards;
  left:-10vw; 
}

@keyframes center_left{

from{
         
}

to{
      top:140px;
      left:-36.5vw;
      width:400px;height:350px;border-radius: 200px 200px 175px 175px;
    -moz-border-radius: 200px 200px 175px 175px;
    -webkit-border-radius: 200px 200px 175px 175px;
    border: 0px solid #000000;

  transform:rotate(-80deg);
}
}



.student_trainng{
 animation-name: student_trainng;
  animation-duration:1s;
  animation-fill-mode:forwards;
 position:relative;

}

@keyframes student_trainng{
  from{
   right:0vw;
  }

  to{
    right:70vw; 
  }
}


.img_slide_center_anima{
  position:relative;


/*
   width:100px;height:180px;
   border-radius: 132px 0px 0px 137px;
  -moz-border-radius: 132px 0px 0px 137px;
  -webkit-border-radius: 132px 0px 0px 137px;
   border: 0px solid #000000;

*/




animation-name: img_slide_center_anima;
animation-duration: 1s;
animation-fill-mode:forwards;


}

@keyframes img_slide_center_anima{
  from{

  }

to{

top:-140px;
float:right;
left:26.5vw;
width:100px;height:180px;
border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000; 
 

  }
}


.center_left{
  top:50px;
float:right;
left:35vw;
width:400px;height:350px;border-radius: 200px 200px 175px 175px;
-moz-border-radius: 200px 200px 175px 175px;
  -webkit-border-radius: 200px 200px 175px 175px;
  border: 0px solid #000000;
   position: relative;
  animation-name: center_left;
animation-duration: 1s;
animation-fill-mode:forwards;
}

@keyframes center_left{


from{
    position: relative; 


}
to{
  top:0px;
left:74vw;
width:100px;height:180px;
border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000; 
}

}

.left_center{
   position: relative;
   left:-70vw;
  animation-name:left_center;
animation-duration: 1s;
animation-fill-mode:forwards;
}
@keyframes left_center{

from{
   
}
to{

  top:90px;
 left:-35vw;
width:400px;height:350px;border-radius: 200px 200px 175px 175px;
-moz-border-radius: 200px 200px 175px 175px;
  -webkit-border-radius: 200px 200px 175px 175px;
  border: 0px solid #000000;
  
 
}
}
.img_slide_center_anima1{
  position:relative;

/*    width:100px;height:180px;
  border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000; */



animation-name: img_slide_center_anima1;
animation-duration: 1s;
animation-fill-mode:forwards;


}

@keyframes img_slide_center_anima1{
  from{

  }

  to{
    top:-140px;
float:right;
left:26.5vw;

    width:100px;height:180px;
  border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000; 
  }
}

.reseach{
  position:relative;
  top:-80px;
  left:40vw;  
  display:none; 
} 

.slide_move_left{
/*     right:92.5vw;
     transform:rotate(-180deg);
*/

 position: relative;
  animation-name: slide;
  animation-duration: 1s;
  animation-fill-mode:forwards; 

}


@keyframes slide{
  

   from{

 top:-140px;
float:left;
left:26.5vw;
width:100px;height:180px;
border-radius: 132px 0px 0px 137px;
-moz-border-radius: 132px 0px 0px 137px;
-webkit-border-radius: 132px 0px 0px 137px;
border: 0px solid #000000; 

  }

  to{
     top:-140px;
     transform:rotate(-180deg);
     left:-52vw;
     width:100px;height:180px;
    border-radius: 132px 0px 0px 137px;
   -moz-border-radius: 132px 0px 0px 137px;
   -webkit-border-radius: 132px 0px 0px 137px; 
   border: 0px solid #000000;

  }
}

.hover_stright{
  position: relative;
  transition:linear;
  width:0%; 
}

.menu:hover>.hover_stright{

  animation-name:hover_stright;
  animation-duration:0.5s;
  animation-fill-mode:forwards;  
}

@keyframes hover_stright{
  from{
    width:0%; 
  }

  to{
    width:100%; 
  }
}