:root {
    --txt-primary:rgb(0, 0, 0) ;
    --txt-secondary: #090914f6;
    /* --txt-content: #18181a; */
    /* --txt-content: #171718; */
    --txt-content: #1f3028;
    --txt-tertiary: #112b17;
    --txt-tertiary2: #0a2711;
/* ------------- */

--txt-primary:rgb(0, 0, 0)  ;
--txt-secondary: #000000 ;
--txt-content: #000000 ;
--txt-tertiary: #000000 ;
--txt-tertiary2: #000000 ;

/* --txt-primary:rgb(255, 255, 255)  ;
--txt-secondary: #ffffff ;
--txt-content: #ffffff ;
--txt-tertiary: #ffffff ;
--txt-tertiary2: #ffffff ; */


    --xl-h1: 56px;
    --xl-h2: 48px;
    --xl-h3: 40px;
    --xl-p: 20px;

    --m-h1: 48px;
    --m-h2: 40px;
    --m-h3: 32px;
    --m-p: 18px;

    --t-h1: 40px;
    --t-h2: 32px;
    --t-h3: 28px;
    --t-p: 16px;

    --mb-h1: 32px;
    --mb-h2: 28px;
    --mb-h3: 24px;
    --mb-p: 15px;
}


.o1{
   padding: 5.4% 5%;
    /* background: rgb(248, 247, 255); */
    background: #eaf2fc;
    display: flex;
    justify-content: space-between;
   
    font-family: "Poppins", sans-serif;
}
.w{
    width: 520px;
    height: 100%;

    padding-top: 30px;
    filter: drop-shadow(0px 0px 5px rgb(160, 187, 238));
    border-radius: 8px;
    background: linear-gradient(to bottom right, #0630b8 20% ,rgb(205, 217, 250),rgb(222, 240, 255) 60%);
}
.b1{
    width: 504px;
    height: 100%;
    /* filter: drop-shadow(0px 0px 10px rgb(243, 244, 255)); */
    /* filter: drop-shadow(10px 10px 10px black);
    */
    /* animation: shadow 1s infinite; */
    
}
.o1{
    /* background: linear-gradient(to bottom right, #1005ac,rgb(62, 192, 10)); */
    /* background: linear-gradient(to bottom right, #0630b8,rgb(62, 192, 10)); */

    background: linear-gradient(to bottom right, #0630b8 20% ,rgb(233, 238, 252),rgb(222, 240, 255) 60%);

    background: linear-gradient(to bottom right, #0630b8 20% ,rgb(205, 217, 250),rgb(222, 240, 255) 60%);
    /* animation: b s infinite; */
    /* background: radial-gradient(rgb(255, 136, 0), rgb(255, 242, 231),rgb(255, 0, 0),rgb(5, 5, 5),rgb(30, 255, 0),rgb(11, 72, 241),#31316b,#eb302a,#2e2bee,#00eeff,rgb(14, 156, 156),rgb(187, 149, 149),rgb(3, 0, 209),rgb(127, 255, 138),rgb(220, 104, 255),rgb(19, 41, 235)) */

}
@media (max-width: 550px){
   
    /* .o{
        background: linear-gradient(#0630b8 20% ,rgb(216, 221, 247),rgb(226, 241, 253) 60%);
    } */
    .w{
        padding-top: 30px;
        filter: drop-shadow(0px 0px 5px rgb(160, 187, 238));
        border-radius: 8px;
        background: linear-gradient(to bottom right, #0630b8 20% ,rgb(205, 217, 250),rgb(222, 240, 255) 60%);
    }

    /* .txt-content{
        background: whitesmoke;
    } */
    /* .o1{
        background: linear-gradient(to bottom right, #0630b8  ,rgb(211, 223, 253) 20% ,rgb(233, 245, 255) 60%);
    } */
    .o1{
        background: linear-gradient(to bottom right, #0630b8  ,rgb(211, 223, 253) 20% ,rgb(233, 245, 255) 60%);
    }
}


/* rgb(159, 252, 255) rgb(136, 234, 247) */
@keyframes shadow{
    80%{
        filter: drop-shadow(0px 0px 5px rgb(228, 230, 238));
    }
    90%{
        /* filter: drop-shadow(0px 0px 10px rgb(136, 234, 247)); */
        /* filter: drop-shadow(0px 0px 10px rgb(165, 229, 238)); */
    }
    /* 90%{
        filter: drop-shadow(0px 0px 10px rgb(14, 207, 255));
    } */
    100%{
        filter: drop-shadow(0px 0px 5px rgb(203, 209, 233));
    }
}

.txt-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-left: 0px;

    text-shadow: 0px 0px 10px rgb(249, 253, 255);

    padding: 5px 0 20px 35px;
    filter: drop-shadow(0px 0px 5px rgb(160, 187, 238));
    border-radius: 8px;
    background: linear-gradient(to bottom right, #e1e8ff 10% ,rgb(218, 238, 248),rgb(222, 240, 255) 60%);
    
}
.d1{
    width: 600px;
    padding: 0 0 0 50px;
  
}

.d1 .txt-content h2{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 28px;
    color: var(--txt-primary);
    text-align: left;
}

.d1 .txt-content h3{
    margin-top: 6px;
    margin-bottom: 1px;
    font-size: 22px;
    color: var(--txt-secondary);
    text-align: left;
}

.d1 .txt-content h4{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 18px;
    color: var(--txt-tertiary);
    text-align: left;
}
.d1 .txt-content li{
    text-align: left;
    margin-bottom:8px;
    padding-left: 4px;
    font-size: 18px;
    color: var(--txt-content);
    list-style-type: square;
 
}



#li2{
    list-style-type: circle;
    padding-left: 24px;
}
#li2 li{
    list-style: circle;
    margin-top: 6px;
    margin-bottom: 1px;
    font-size: 20px;
    font-weight: bolder;
    color: var(--txt-secondary);
    text-align: left;
} 

#li3{
    list-style-type: square;
    padding-left: 22px;
}

#li3 li{
    list-style: square;
    margin-top: 6px;
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: var(--txt-tertiary2);
    text-align: left;
} 
#mh4{
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 1px;
    font-size: 16px;
    color: var(--txt-tertiary2);
    text-align: left;
}
/* News Section */
.news{
    padding: 80px 30px;
    height: fit-content;
    /* background: rgb(244, 246, 250); */
    background: #f2fdff;
   /* box-shadow: inset 0.1px 0px 8px rgba(97, 98, 105, 0.788); */
    width: 100%;
    
}
.news h1{
    margin: 5px 0 10px 0; 
    font-size: 30px;
    color: #211f33;
    filter: drop-shadow(0px 0px 5px #9fbaf5);
}
@media(max-width:425px){
    .news h1{
        margin: 0px 0 5px 0;
    }
}
.news-content{
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    padding-top: 50px;
}
article{
    padding: 5px;
    width: 370px;
    height: 300px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgb(160, 187, 238);
    /* box-shadow: 0.2px 2px 5px rgb(211, 223, 250); */
}


article img{
    width: 100%;
    height: 250px;
}
article p{
    padding: 5px;
    text-align: center;
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
@media (min-width:1730px){
    .news-content{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding: 0 50%;
        padding-top: 50px;
    }
}
@media(min-width:1520px){
    .o1{
        padding: 70px 13%;
        padding-top: 150px;
         /* background: rgb(248, 247, 255); */
        
         display: flex;
         justify-content: space-between;
         
         font-family: "Poppins", sans-serif;
     }
     .w{
         width: 520px;
         height: 100%;
     }
     .b1{
         width: 504px;
         height: 100%;
     }
     
     .txt-content{
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         text-align: left;
     }
     .d1{
         width: 504px;
         padding: 0 0 40px 0;
     }
     
     
     .d1 .txt-content h2{
         margin-top: 30px;
         margin-bottom: 20px;
         font-size: 28px;
         color: var(--txt-primary);
         text-align: left;
     }
     
     .d1 .txt-content h3{
         margin-top: 6px;
         margin-bottom: 1px;
         font-size: 22px;
         color: var(--txt-secondary);
         text-align: left;
     }
     
     .d1 .txt-content h4{
         margin-top: 2px;
         margin-bottom: 2px;
         font-size: 18px;
         color: var(--txt-tertiary);
         text-align: left;
     }
     .d1 .txt-content li{
         text-align: left;
         margin-bottom:8px;
         padding-left: 4px;
         font-size: 18px;
         color: var(--txt-content);
         list-style-type: square;
      
     }
     
     
     
     #li2{
         list-style-type: circle;
         padding-left: 24px;
     }
     #li2 li{
         list-style: circle;
         margin-top: 6px;
         margin-bottom: 1px;
         font-size: 20px;
         font-weight: bolder;
         color: var(--txt-secondary);
         text-align: left;
     } 
     
     #li3{
         list-style-type: square;
         padding-left: 22px;
     }
     
     #li3 li{
         list-style: square;
         margin-top: 6px;
         margin-bottom: 1px;
         font-size: 16px;
         font-weight: bold;
         color: var(--txt-tertiary2);
         text-align: left;
     } 
     #mh4{
         padding-left: 5px;
         margin-top: 2px;
         margin-bottom: 1px;
         font-size: 16px;
         color: var(--txt-tertiary2);
         text-align: left;
     }
     /* News Section */
     .news-content{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding: 0 10%;
        padding-top: 50px;
    }
     .news h1{
         font-size: 30px;

     }
  
     article{
         width: 350px;
         height: 300px;
        
        
     }
     article img{
         width: 100%;
         height: 260px;
     }
     article p{
         padding: 5px;
         text-align: center;
         font-size: 16px;
        
     }
}
@media(max-width:1225px){
    .o1{
        padding: 150px 2%;
         /* background: rgb(248, 247, 255); */
        
         display: flex;
         justify-content: space-between;
         
         font-family: "Poppins", sans-serif;
     }

   .news{
    padding: 30px;
    height: fit-content;
    width: 100%;
}
.news h1{
    font-size: 30px;
}
.news-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding-top: 10px;
}
article{
    margin: 20px 0;
    width: 350px;
    height: 300px;
   

}
article img{
    width: 100%;
    height: 260px;
   
}
article p{
    padding: 5px;
    text-align: center;
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: bold;
   
}
}
@media(max-width:1125px){
    .o1{
        padding: 150px 2%;
         /* background: rgb(248, 247, 255); */
       
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         
         font-family: "Poppins", sans-serif;
     }
     .txt-content{
        
        padding: 5px 5px 20px 5px;
    }
     .d1{
        width: 520px;
        padding: 80px 0 0 0px;
      
    }
     /* 
    
   
     .b1{
         width: 300px;
         height: 100%;
        }
    .d1{
         width: 95%;
         padding: 0;
         margin-top: 20px;
    }
    .txt-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        margin-left: 0px;
    } */

}
@media(max-width:425px),(max-width:400px){
    .o1{
        padding: 50px 2%;
        padding-bottom: 0px;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content:center;
     }
     
     .d1 .txt-content h2{
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 20px;
        color: var(--txt-primary);
        text-align: left;
        
    }
    #header3{
        color: rgb(21, 22, 36);
        /* background: rgb(135, 202, 223); */
        /*background: linear-gradient(to right bottom, rgb(163, 206, 255), rgb(0, 186, 199));*/
        border-radius: 6px;
        padding: 0 5px;
        text-shadow: 0px 0px 5px rgb(249, 253, 255);
    }
    .d1 .txt-content h3{
        color: #565079;
        margin-top: 6px;
        margin-bottom: 1px;
        font-size: 18px;
        color: var(--txt-secondary);
        text-align: left;
        /* background: rgb(144, 214, 255); */
                /*background: rgb(94, 248, 158);*/
        border-radius: 6px;
        padding: 0 5px;
        text-shadow: 0px 0px 10px rgb(244, 252, 255);
    }
    .d1 .txt-content h4{
        color: #050505;
        /*background: linear-gradient(to right bottom, rgb(229, 255, 0), rgb(131, 255, 127));*/
        /* background-color: rgb(251, 255, 0); */
        /* background: rgb(194, 248, 94); */
        border-radius: 6px;
        padding: 0 5px;
        font-size:14px;
    }
    .d1 .txt-content li{
        text-align: left;
        margin-bottom:8px;
        padding-left: 4px;
        font-size: 12px;
        color: var(--txt-content);
        list-style-type: square;
     
        color: #000000;
        /*background: linear-gradient(to bottom right, rgb(173, 143, 255), rgb(148, 255, 201));*/
        border-radius: 6px;
        padding: 0 5px;
        text-shadow: 0px 0px 5px rgb(236, 244, 255);
    }
  
    .txt-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        
        margin: 50px 0 0 0;

        text-shadow: 0px 0px 2px rgb(247, 248, 255);
        filter: drop-shadow(0px 0px 0px rgb(152, 170, 204));
        /* background: none; */
        padding: 5px  10px 50px 10px ;
        border-radius: 3px;
        
              
    }
 
     .w{
        width: 300px;
     }
     .b1{
         width: 300px;
         height: 100%;
        }
    .d1{
         width: 95%;
         padding: 0;
         margin-top: 20px;
    }
  
    
#li2{
    list-style-type: circle;
    padding-left: 24px;
}
#li2 li{
    list-style: circle;
    margin-top: 6px;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: bolder;
    color: var(--txt-secondary);
    text-align: left;
} 

.d1 .txt-content p{
    font-size: 12px;
}

    .news-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    article{
        margin: 20px 0;
      
        height: fit-content;
    }
    article img{
        width: 100%;
        height: 220px;
    }
  
    .news{
        height: fit-content;
    }

}

@media(max-width:365px){
    .o1{
        padding: 50px 5px 0 5px;
     }
    .news{
        padding: 20px 0px;
    }
    article{
        width: 320px;
        height: fit-content;
    }
    article img{
        width: 100%;
        height: 220px;
    }
}