@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
*{
    padding: 0%;
    margin: 0%;
    scroll-behavior: smooth; 
    font-family: 'Montserrat', sans-serif;
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.nav-icon {
    position: relative;
    top: 2px;
    font-size: 15px;
}

section {
    background-image: url("../images/background.png");
    /* The image used */
    background-color: #cccccc;
    /* Used if the image is unavailable */
    height: 500px;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    backdrop-filter: blur(2px);
}

.Section_2 {
    background-image: url("../images/background-pattern.png"), url("../images/background1.png");
    /* The image used */
    background-blend-mode: soft-light;
    background-position: center;
    /* Center the image */
    background-repeat: repeat;
}

.section_word {
    text-shadow: 2px 2px 15px #F1870A;
}

.right_border {
    border-right: 2px solid #1A6C90;
}

.button1 {
    background-color: white;
}

.button1:active {
    transform: translateY(4px);
}
.button2:active {
    transform: translateY(4px);
}

.button1:hover {
    background-color: #1A6C90;
    color: white;
}

.main_paragraph {
    width: 730px;
}

.Section_2 li, .Section_3 div ul li {
    list-style: disc;
}

.Section_3 {
    background-image: url("../images/background-pattern.png");
    /* The image used */
    background-blend-mode: difference;
    background-position: center;
    /* Center the image */
    background-repeat: repeat;
}

.box1 {
    width: 329px;
    height: 310px;
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
}

.box1:hover {
    position: relative;
    top: -2px;
    box-shadow: 2px 2px 5px rgb(175, 175, 175);
    
}

.icon_box{
    width: 300px;
    height: 480px;
}

.Section_4 {
    background-image: url("../images/background-pattern.png");
    /* The image used */
    background-color: #1A6C90;
    background-blend-mode: multiply;
    background-position: center;
    /* Center the image */
    background-repeat: repeat;
}

.section4_image{
    width: 200px;
    height: 200px;
    border: 3px solid white;
}

.Section_5 {
    background-image: url("../images/background-pattern.png");
    /* The image used */
    background-position: center;
    /* Center the image */
    background-repeat: repeat;
}

.form_box{
    background-color: white;
    box-shadow: 2px 2px 5px rgb(175, 175, 175);
    border: 1px solid #ccc;
    width: 900px;
}

footer {
    background-image: url("../images/background-pattern.png");
    /* The image used */
    background-color: #353535;
    background-blend-mode: multiply;
    background-position: center;
    /* Center the image */
    background-repeat: repeat;
}

.footer_logo{
    width: 100px;
}

.footer_first_div{
    width: 330px;
}

@media screen and (max-width: 836px) {
    .right_border {
        border-right: none;
        border-bottom: 2px solid #1A6C90;
    }

}

@media screen and (max-width: 660px) {
    .main_paragraph {
        width: 100%;
    }

}

@media screen and (max-width: 340px) {
    .box1 {
        width: 250px;
        height: 320px;
    }

}
@media screen and (max-width: 370px) {
    .footer_first_div{
        width: 100%;
    }
    .resposive_check{
        align-items: center;
    }

}