*{
    margin: 0%;
padding: 0%;
box-sizing: border-box;
font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif ;
}
.nav{
     display: flex;
justify-content: space-between;
align-items: center;
    background-color:#ffffff;
    padding: 0 20px;
    height: 48px; 
    position: fixed;
    width: 100%;
   border: 1px solid #ffffff;
cursor: pointer;

}
nav ul{
    list-style:none ;
    cursor: pointer;
    display: flex;
    gap: 30px;
    align-items: center;
     justify-content: center;
     font-weight: 10;
     font-size: small;
    font-family:  "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;

}
 ul li a{

  color: #000000;  
  text-decoration: none;
  Width :64.9414px;
Height:43.9844px;
border-radius: 0px;


  
}
.navleft{
color: #000000;
margin-left: 100px;
}
.nav-last{
    color: #000000;
margin-right: 100px;
    
}
.img{
    height: 20px;
    width: 20px;
    /*nav compelete---,!*/
}
.main{
    background-image: url('./assets/asset\ 35.jpeg');
    padding-top: 48px;
    height: 700px;
    width: 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
/*position: relative;*/

}
.head{
    display: flex;
    justify-content: center;
   /* font-weight: 400;*/
    font-size: 25px;
    font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 25px;
padding-top: 48px;
color:#1D1D1F;

}
div h3{
text-align: center;
margin-top: 20px;
font-size: 30px;
font-weight: 350;

}
.btn{
    display: flex;
    justify-content: center;
    gap: 15px;

}
.btn1{
padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;


}
.btn2{
padding: 10px;
margin-top:20px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;

}
.btn2:hover{
    padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;
}
.prg{
    display: flex;
    margin-top: 330px;
    
    justify-content: center;

}
div p {
    font-weight: 400;
    font-size:large;
    font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif ;
background-image: linear-gradient(43deg,#3E77EE 0%,rgba(115, 72, 170, 0.747) 
46%,rgb(211, 80, 29) 100% );
-webkit-background-clip: text;
color: transparent;
}
         /* sec 1 ---...!*/

         .main2{
            width: 100%;
            font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif ;
            background-image: url(assets/asset\ 39.jpeg);
            display: flex;
            flex-direction: column;
           /*  display: grid;
         grid-template-areas:header header
           sidebar contant ;
           grid-template-rows: 100px 100px;
           */
        
           .main2, h1 {
            font-size:35px;
           }
           .rds1 h1 {
            line-height: 40px;
           }
         }
         .rds1{
            background-color: #417AFF;
            border-radius:  50px ;
            height: 160px;
            width: 240px;
            padding: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            margin-left: 43%;
            line-height: 30px;
            margin-top:50px ;
            position: relative;
         }

         
    .imgs{
        float: right;
        position: absolute;
        
        margin-left: 770px;
    
    }
    .is{
        position: absolute;
        margin-left: 783px;
margin-top: 119px;
    }
         .img1 {
            height: 90px;
            width: 110px;
            top: 900;
         margin-top: 30px;
         }
         .img2{
            height: 75px;
            width: 60px;
            
            margin-top: -9px;
         }
.rds2{
    background-color: #417AFF;
            border-radius:100px ;
            height: 40px;
            width: 250px;
            padding: 7px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            margin-left: 43%;
            text-align: center;
          margin-top: 10px;
  line-height: 30px;
}
 .rds2 p {
    color: #ffffff;
 }
 .rds3{
    
            background-color: #417AFF;
            border-radius:15px  50px 35px  40px ;
            height: 190px;
            width: 250px;
            padding: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            margin-left: 43%;
            text-align: center;
            margin-top:15px ;
    position: relative;


 }
 .imf{
    top: 965px; ;
    position: absolute;
    margin-left: 540px;
 }
 .btnsc2{
padding: 10px;
margin-top:20px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 40px;
border: 1px solid #3E77EE ;
width: 80px;
height: 47px;
   margin-left: 50%;
   margin-bottom: 70px;
   font-size: medium;
}
.btnsc2:hover{
        padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 40px;
border: 1px solid #3E77EE ;
width: 80px;
height: 47px;
   font-size: medium;

}


                      
            /*sec--2---complete---.*/
            

        .main3{
            background-image:url(assets/asset\ 43.jpeg) ;
           height:  690px;
            background-position: center;
            font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
        }   
        .l1{
            margin-top: 450px;
            margin-left: 40%;
        }
        .prgs{
            margin-left:39% ;
            
        }
        .prgs p{
color: #ffffff;
        font-size:20px ;
            font-weight: 900px;
            margin-top: 10px;


        }
        .btnj1{
            padding: 10px;
margin-top:20px ;
color: black;
border-radius: 20px;
border: 1px solid #ffffff ;
margin-left: 540px;

        }
        .btnj2{
           padding: 10px;
margin-top: ;
background-color: transparent;
color:#ffffff;
border-radius: 20px;
border: 1px solid #ffffff;
width: 100px;
height: 40px;
   margin-left:10px ;
   margin-bottom: 50px;
   
   
        }
        .btnj2:hover{
             padding: 10px;
margin-left: 10px ;
background-color:#ffffff;
color: black;
border-radius: 20px;
border: 1px solid #ffffff ;
width: 100px; 
height: 40px; 
   font-size: ;
        }

        /* 3..sec --compelete..*/

        
        .doub{
            display:flex;
          /*  grid-template-columns:50% 50%;*/
            flex-direction: row;
            flex-wrap: wrap;
        }
        .d1{
          
          background-image: url(assets/asset\ 44.jpeg);
          background-position: center;
          width: 50%;
        }
        .ps4{
            color: #ffffff;
            margin-top: 30px;
            text-align: center;
            font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif ;
        }
        .pg4{
            color: #ffffff;
             text-align: center;

        }
        .bot1{
padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
        }
        .bot4{
            margin-left: 250px;
        }
        .bot2{
padding: 10px;
margin-top:20px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;
        }
        .bot2:hover{
             padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;

        }
        .pg42{
            text-align: center;
            margin-top: 370px;
            margin-bottom: 40px;
             font-weight: 400;
    font-size:large;
    font-family:Arial, Helvetica, sans-serif ;
background-image: linear-gradient(43deg,#3E77EE 48%,red
48%,rgba(180, 9, 137, 0.836) 100% );
-webkit-background-clip: text;
color: transparent;
        }

        .d2{
          
          background-image: url(assets/asset\ 47.jpeg);
          background-position: center;
          width: 50%;
        }
        
        .ps5{
            
            color: black;
            margin-top: 30px;
            text-align: center;
            font-size: 40px;
        }
        .pg50{
            color: black;
             text-align: center;  
        }

        .bot51{
            padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
        }
        .bot52{
            padding: 10px;
margin-top:20px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;
        }
        .bot52:hover{
                     padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;
        }
        .pg52{
            
            text-align: center;
            margin-top: 360px;
            margin-bottom: 40px;
             font-weight: 400;
    font-size:large;
    font-family:Arial, Helvetica, sans-serif ;
background-image: linear-gradient(43deg,#3E77EE 48%,rgb(218, 85, 85)
48%,rgba(180, 9, 137, 0.836) 100% );
-webkit-background-clip: text;
color: transparent;
        }
        .bot5{
              margin-left: 250px;
        }
        .col{
            color: #3468BB;
        }


                      /* sec 4 compelete---*/

                      .doub2{
                        display: grid;
                        grid-template-columns: 50% 50%;
                     
                     margin-top: 10px;
                      }

                      .df1{
                    
                        background-image: url(assets/asset\ 49.jpeg);
                       background-position: center;
                       height: 520px;
                      }
                      .dm{
                        margin-left:280px ;
                        margin-top: 30px;
                      }
                      .dp{
                        color:black;
                        margin-left: 287px;
                        margin-top: 6px;
                      }
                      .dbt{
                    margin-left: 274px;
                      }
                      .dbt1{
                        padding: 10px;
                         margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;

                      }
 .dbt2{
   padding: 10px;                     
margin-top:15px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;

         }
         .dbt2:hover{
  padding: 10px;                     
margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 60px;
height: 40px;          
         }

                      .df2{
                         
                        background-image: url(assets/asset\ 37.jpeg);
                        background-position: center;
                      }
                      .dh{
                        text-align: center;
                        margin-top:30px ;
                        font-size: 40px;
                      }
                      .dfp{
                        text-align: center;
                        margin-top: 6px;
                        color: black;
                        
                      }
                      .dfbt{
margin-left: 250px;

                      }
     .dfb1{
 padding: 10px;
margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;

      }
                      .dfb2{
   padding: 10px;                     
margin-top:15px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 100px;
height: 40px;
                      }
.dfb2:hover{
 padding: 10px;                     
margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 100px;
height: 40px;
                      }
    
    .dfpg{
        text-align: center;
           margin-top: 30px;
             font-weight: 400;
    font-size:large;
    font-family:Arial, Helvetica, sans-serif ;
background-image: linear-gradient(43deg,#3E77EE 48%,rgb(218, 85, 85)
48%,rgba(180, 9, 137, 0.836) 100% );
-webkit-background-clip: text;
color: transparent;
    }

            /*sec...4-compelet....*/


    .doub3{
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: 10px;
    }
   .dx1{
background-image: url(assets/asset\ 51.jpeg);
background-position: center;
height: 500px;

   } 
.xm{
        margin-left:260px ;
         margin-top: 30px;
}
.xp1{
   text-align: center;
   margin-top: 8px;
   color: black;
   font-weight: 200px;
  
}
.xbt1{
            padding: 10px;
margin-top:20px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
margin-left:265px ;
}

   .dx2{
background-image: url(assets/asset\ 53.jpeg);
background-position: center;
background-repeat: no-repeat;

   }

   .xm2{
      margin-left:280px ;
         margin-top: 30px;
}
   
      .xpm2{
        
text-align: center;
color: black;
font-weight: 400px;
cursor: pointer;
font: optional;
margin-top: 8px;
font-size: 20px;
      }
.nbt{
    margin-left: 260px;
}
.nbt1{
        padding: 10px;
                         margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
}
.nbt2{
     padding: 10px;                     
margin-top:15px ;
background-color:#ffffff ;
color:#3E77EE;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 100px;
height: 40px;
}
.nbt2:hover{
 padding: 10px;                     
margin-top:15px ;
background-color: #3E77EE;
color: #ffffff;
border-radius: 20px;
border: 1px solid #3E77EE ;
width: 100px;
height: 40px;
}

         /*sec----5,compelete*/


       .sec6{
        background-color:#F5F5F7 ;
        margin-top: 60px;
       }  
       
      .sc6_p1{
margin-left:  170px;
margin-right: 170px;
      } 

      .p1_1{
color:#858586;
font-size: 12px;
font-weight: 100;

      }
      /*...p1--compelete*/

      .sc_p2{
        display: flex;
        flex-direction: row;
margin-left:170px ;
margin-right:170px ;
gap:60px ;
margin-top: 20px;
color:#858586;
;
p{
  color: #4C4C4D;
  font-size: 12px;
margin-top
:11px ;
}
ul{
  list-style: none;
  
  
  li{
    
    font-size: 12px;
    
    padding: 7px;
  }
}
      }
      .p2_5  ul {
padding: 7px;
p{
  margin-left: 17px;
}
      }
      .p2_3{
        
        ul{
          padding:11px ;
        }
        p{
          margin-left: 13px;
        }
      }
      .b{
        color: #4C4C4D;
      }
      .hr{
        margin-left: 17px;
      }
      .sc_lst{
        font-size: 12px;
        margin-left: 170px;
        color:#858586 ;
      }
      .sc_flst{
        margin-left: 170px ;
        margin-right: 170px;
      }
      .lst{
        font-size: 12px;
        margin-left: 170px;
        color:#858586 ;
      }