@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.theHead {
    background-color: #5D4438;
    top: 0;
    padding: 5px;
    text-align: center;
    align-items: center;
    font-size: 13px;
    color: #DCDCDC;
}

.social {
    display: none;
}

.anotherHead {
    display: flex;
    margin: 10px;
    align-items: center;
    justify-content: center;
}

.anotherHead span {
    cursor: pointer;
}

#cancel {
    display: none;
}

.desktop-list {
    display: none;
}

#mobile-menu{
    display: none;
}

.mobile-list ul {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    right: 1%;
    width: 100%;
    background-color: #f1f1f1;
    border: 1px solid #555;
    margin-top: 30px;
}

.mobile-list li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

.mobile-list li {
    text-align: center;
    border-bottom: 1px solid #555;
}

.mobile-list li:last-child {
    border-bottom: none;
}

.mobile-list li a.active {
    background-color: #5D4438;
    color: white;
}

.mobile-list li a:hover:not(.active) {
    background-color: #9e9c9c;
    color: white;
}

.number2 {
    margin: 10px;
}

.number2 img {
    width: 60%;
    text-align: center;
    border-radius: 20px;
    text-align: center;
    margin: 20%;
}

.greetings {
    margin: 10px;
    min-height: auto;
    min-width: auto;
}

.greetings h3 {
    font-size: 16px;
    color: #5D4438;
}

.greetings h2 {
    font-size: 42px;
    color: #00A6ED;
}

.greetings p {
    margin: 0 0 14px 0;
    font-size: 18px;
    line-height: 28px;
}

.greetings button {
    padding: 16px 30px 16px 30px;
    background-color: #00A6ED;
    transition: .3s;
    border: none;
    text-align: center;
}

.number3 {
    text-align: center;
    padding: 10px;
}

.number3 h1 {
    text-align: center;
    font-size: 42px;
    line-height: 42px;
    font-family: "PT Sans", sans-serif;
}

.number3 button {
    height: 44px;
    width: 136.738px;
    border-radius: 30px;
    border: 2px #5D4438 solid;
    background-color: #5D4438;
    color: white;
    transition: .3s;
}

.number3 button:hover {
    background-color: #fff;
    border: 2px solid #5D4438;
    color: black;
}

.photo img {
    text-align: center;
    width: 90%;
    border-radius: 20px;
}

.number4 {
    background-color: #000000;
    color: #DCDCDC;
}

.number4 img {
    width: 80%;
    height: 500px;
    margin: 10%;
}

.theme {
    line-height: 29px;
    color: white;
    padding: 10px;
}

.theme h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: yellow;
    text-align: center;
}

.theme h1 {
    height: 50.4px;
    width: auto;
    text-align: center;
    font-size: 16px;
}

.theme p {
    font-size: 18px;
    line-height: 28px;
    height: 144px;
    width: 478.85px;
    margin: 0 0 14px 0;
}

.theme button {
    height: 48px;
    width: 175.975px;
    padding: 16px 30px 16px 30px;
    background-color: #00A6ED;
    transition: .3s;
    border: none;
    margin-left: 25%;
}

.number5 {
    background-color: #f7f7f7;
    margin: 10px;
}

.number5 h2 {
    font-size: 22px;
    line-height: 42px;
    text-align: center;
}

.number5 p {
    font-size: 12px;
    line-height: 29px;
    text-align: center;
}

.coolImages {
    text-align: center;
}

.coolImages img {
    width: 90%;
    border-radius: 25px;
}

.nothing {
    display: none;
}

.mandateWords {
    height: 172.4px;
    width: 290px;
    margin: -159px 18px 0 18px;
    padding: 10px 10px 10px 10px;
    background-color: #5D4438;
    margin-left: 20%;
    color: white;
    opacity: 0.8;
}

.mandateWords span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 19.2px;
    text-align: center;
    height: auto;
    width: auto;
}

.mandateWords p {
    height: 115.2px;
    width: 298px;
    font-size: 18px;
    line-height: 29px;
    margin-top: 20px;
}

.number6 {
    padding: 20px 30px 40px 30px;
    background-color: blue;
    margin-top: 40px;
    text-align: center;
    color: #DCDCDC;
}

.number6 h2 {
    font-size: 22px;
    line-height: 42px;
}

.number6 p {
    font-size: 18px;
    line-height: 29px;
}

.number6 button {
    height: 48px;
    padding: 16px 30px 16px 30px;
    background-color: #5D4438;
    transition: .3s;
    border: none;

}

.number6 button:hover {
    background-color: white;
}

.number7 {
    height: 372.8px;
    background-color: #030B1E;
    color: #fff;
}

.logoOne {
    min-height: auto;
    min-width: auto;
    padding: 13px;
}

.logoOne img {
    height: 54.85px;
    width: 153.7px;
    max-width: 100%;
}

.logoOne p {
    font-size: 18px;
    line-height: 29px;
    height: 172.8px;
    width: 265px;
    font-family: "Open Sans Hebrew", sans-serif;
}

.officialInfo {
    padding: 10px;
    min-height: auto;
    min-width: auto;
    cursor: pointer;
    background-color: #030B1E;
}

.officialInfo h3 {
    height: 16px;
    width: 265px;
    font-size: 16px;
    font-weight: 600;
    font-family: "PT Sans", sans-serif;
}

.divider {
    /* height: 6.4px; */
    width: 265px;
    padding: 2px 0 2px 0;
    font-size: 18px;
    line-height: 29px;
}

.divider span {
    height: 2.4px;
    width: 45.05px;
    border-top: 2px solid #A00506;
    min-height: auto;
    min-width: auto;
    color: #030B1E;
}

.widget {
    height: 196.8px;
    width: 265px;
    border-top: 0px solid #A00506;
    border-right: 0px solid #A00506;
    border-bottom: 0px solid #A00506;
    border-left: 5px solid #A00506;
    padding: 0 0 0 15px;
}



.widget li {
    padding: 0 0 6px 0;
    line-height: 29px;
    text-decoration: none;
    list-style: none;
}

.widget li:hover {
    color: #A00506;
}

.widget li i {
    font-size: 13px;
}

.newsletter {
    padding: 10px 10px 10px 10px;
    min-height: auto;
    min-width: auto;
    font-size: 18px;
    line-height: 29px;
    background-color: #030B1E;
}

.newsletter h3 {
    height: 16px;
    width: 300.625px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    font-family: "PT Sans", sans-serif;
}

.newsletter p {
    font-size: 18px;
    line-height: 29px;
    font-family: "Open Sans Hebrew", sans-serif;
}

.newsletter input {
    height: 40px;
    width: 80%;
    border: 0px solid #69727D;
    padding: 8px 16px 8px 16px;
    min-height: 40px;
    max-width: 100%;
    min-width: auto;
    transform: none;
    transition: 0.3s;
    outline: rgb(0, 0, 0) dashed 0px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    color: red;
}

.newsletter button {
    width: 80%;
    padding: 0 24px 0 24px;
    min-height: 40px;
    background-color: #420cd4;
    border: none;

}


.grate {
    border-top: 1px solid #424242;
    border-right: 0px solid #424242;
    border-bottom: 0px solid #424242;
    border-left: 0px solid #424242;
    padding: 20px 20px 20px 20px;
    background-color: #000000;
}


.footer {
    padding: 10px 10px 10px 10px;
    min-height: auto;
    min-width: auto;
    font-size: 18px;
}

.footer a {
    height: auto;
    width: auto;
    font-family: "PT Sans", sans-serif;
    text-decoration: none;
    color: red;
    font-size: 18px;
    line-height: 18px;
}

/* //about us page  */
.slideImage {
    text-align: center;
}

.image1 h1 {
    margin-top: -45%;
    font-size: 17px;
    text-align: center;
}

.service1 {
    margin-top: 40%;
    padding: 20px;
}

.servicePut {
    padding: 20px;
}

.servicePut h5 {
    font-size: 30px;
    margin-top: 10px;
    color: #420cd4;
}

.bracket {
    padding: 20px 20px 20px 20px;
    background-color: #EEEEEE;
}

.bracket p {
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 18px;
    line-height: 28.8px;
}

.service2 {
    padding: 20px;
    font-size: 20px;
    font-family: "Open Sans Hebrew", sans-serif;
    line-height: 28.8px;
}

.payment1 {
    margin-top: 35%;
    min-height: auto;
    min-width: auto;
    text-align: center;
}

.payment1 h3 {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    text-align: center;
    color: #5D4438;
    font-weight: 600;
}

.payment1 h2 {
    font-size: 42px;
    line-height: 42px;
    height: 42px;
    font-family: "PT Sans", sans-serif;
    text-align: center;
    font-weight: 100;
}

.payment1 p {
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 18px;
    line-height: 28.8px;
    margin: 0 0 14px 0;
    text-align: center;
    color: #4a4848;

}

.payment2 {
    text-align: center;
    padding: 10px;
}

.payment2 img {
    height: 500px;
}


.payment4 {
    border-top: 5px solid #FF7F50;
    border-right: 0px solid #FF7F50;
    border-bottom: 0px solid #FF7F50;
    border-left: 0px solid #FF7F50;
    margin: 20px 20px 20px 20px;
    padding: 40px 40px 40px 40px;
    min-height: auto;
    min-width: auto;
    background-color: #F1F3F5;
}

.payment4 h3 {
    font-size: 27px;
}

.payment4 p {
    font-size: 20px;
    margin-top: 20%;
    line-height: 30px;
}

.payment5 {
    margin-top: 24%;
}

.payment5 a:hover {
    border-top: 0px solid #001C31;
    border-right: 0px solid #001C31;
    border-bottom: 2px solid #001C31;
    border-left: 0px solid #001C31;
    padding: 15px 0 15px 0;
}

.payment5 a {
    border-top: 0px solid #FF7F50;
    border-right: 0px solid #FF7F50;
    border-bottom: 2px solid #FF7F50;
    border-left: 0px solid #FF7F50;
    padding: 15px 0 15px 0;
    text-decoration: none;
}

.payment5 span {
    min-height: auto;
    min-width: auto;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 18px;
    color: #FF7F50;
}

.payment4 span:hover {
    color: #001C31;
    font: 900;
}

.about2 {
    min-height: auto;
    min-width: auto;
    text-align: center;
    margin-top: 30%;
}

.expectation h3 {
    font-family: Nunito, sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 18px;
}

.expectation p {
    font-family: Nunito, sans-serif;
    font-size: 18px;
    line-height: 30.6px;
    text-align: center;
    color: #555;
}

.dividers {
    font-size: 18px;
    line-height: 29px;
}

.dividers span {
    border-top: 2px solid #5D4438;
    min-height: auto;
    min-width: auto;
    color: white;
}
.card {
    text-align: center;
    margin-top: 20%;
    gap: 2%;
    display: grid;
}

.first2 {
    padding: 20px;
    justify-content: space-evenly;
    text-align: center;
    background-color: #5D4438;
}
❤️

.first2 img {
    margin-top: -23%;
    border-radius: 20px;
}

.container1 h3 {
    font-size: 27px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    color: white;
}
.container1 h4 {
    font-size: 15.66px;
    font-weight: 800;
    letter-spacing: 4px;
    line-height: 15.66px;
    text-align: center;
    color: white;
}

.container1 p {
    font-family: sans-serif;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: white;
}


.first2 button {

    border: 2px solid #FFFFFF;
    padding: 12px 24px 12px 24px;
    color: white;
    background-color: blue;
    font-size: 14px;
    transition: .3s;
}

.first2 button:hover {
    background-color: #5D4438;
}
.about4 {
    margin-top: 10%;
    padding: 20px;
    line-height: 40px;
}

.about4 p {
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 18px;
    line-height: 30px;
}
.contact1 {
    padding: 10px 10px 10px 10px;
    min-height: auto;
    min-width: auto;
    margin-top: 30%;
}

.contact1 h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    color: #5D4438;
}

.contact1 h2 {
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    font-weight: 100;
}

.contact1 p {
    font-size: 18px;
    line-height: 29px;
    font-family: "Open Sans Hebrew", sans-serif;
}

.contact3 {
    padding: 20px;
}

.contact3 b {
    text-align: center;
    font-size: 18px;
    line-height: 29px;
    font-family: "Open Sans Hebrew", sans-serif;
}

label {
    font-size: 16px;
    line-height: 16px;
    font-family: "PT Sans", sans-serif;
    height: 20px;
    color: #0728AA;
    width: 87.3625px;
    padding: 0 0 9px 0;
    min-height: auto;
    min-width: auto;
    margin-top: 300px;
}

label b {
    color: red;
}

.input1,
.input2 {
    width: 90%;
    border: 1px solid #C3C3C3;
    padding: 6px 16px 6px 16px;
    min-height: 37px;
    max-width: 100%;
    min-width: auto;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    outline: rgb(160, 5, 6) dashed 0px;
    margin-top: 6px;
    color: #5D4438;
    font-size: 16px;
}

.input1 {
    width: 90%;
}

textarea {
    height: 103.2px;
    width: 90%;
    border: 1px solid #C3C3C3;
    padding: 6px 16px 6px 16px;
    min-height: 47px;
    max-width: 96%;
    min-width: auto;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    outline: rgb(160, 5, 6) dashed 0px;
    color: #5D4438;
}

.contact3 button {
    height: 47px;
    width: 185.613px;
    padding: 15px 30px 15px 30px;
    min-height: 47px;
    min-width: auto;
    margin-top: 10px;
    border: none;
    background-color: #0728AA;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    color: white;
    transition: .3s;
}

.contact3 button:hover {
    background-color: #5D4438;
}

.contact3 button i {
    position: absolute;
    right: 140px;
}

.contactDetails {
    border: 1px solid #DCDCDC;
    min-height: auto;
    min-width: auto;
    font-size: 18px;
    line-height: 29px;
    width: 75%;
    padding: 10px;
}

.contact {
    height: 40px;
    width: auto;
    padding: 35px 15px 35px 15px;
    background-color: #5D4438;
}

.contact h2 {
    font-family: "PT Sans", sans-serif;
    text-align: center;
    font-size: 25px;
    line-height: 29px;
    font-weight: 500;
}

.contEmail {
    padding: 1%;
    margin-left: 10px;
}

.contImage1  i {
    background-color: #5D4438;
    padding: 10px;
    border-radius: 50%;
    font-size: 40px;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;
    color: #EEEEEE;
}
.contImage1 i:hover{
    color: #cbced2;
}

.page{
    width: 50%;
    margin-top: -23%;
    margin-left: 24%;
    font-size: 20px;
    font-family: "PT Sans", sans-serif;
    color: #252628;
}
.page span{
    font-weight: 800;
    color: black;
}
.page p{
    color: #565758;
    line-height: 28px;
}

.contDivider {
    height: 0.8px;
    width: 363.688px;
    border-top: 1px solid #8a8686;
    min-height: auto;
    min-width: auto;
}
.givePage{
    padding: 10px;
    margin-top: 30%;
}
.givePage1 img{
    border-radius: 10%;
}
.givePage2{
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}
.givePage2 h3{
    font-weight: 900;
}
.givePage3{
    padding: 10px;
    text-align: center;
}
.givePage3 img{
    border-radius: 20px;
    width: 90%;
}





@media screen and (min-width: 600px) {
    body {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .givePage{
        padding: 10px;
        margin-top: -0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .givePage1{
        /* background-color: red; */
        width: 40%;
    }
    .givePage1 img{
        border-radius: 10%;
        width: 70%;
    }
    .givePage2{
        padding: 20px;
        border-radius: 10px;
        font-size: 20px;
        margin-top: 10px;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    }
    .givePage2 h3{
        font-weight: 900;
    }
    .givePage3 img{
        width: 50%;
        height: 350px;
    }


    .theHead {
        background: #5D4438;
        top: 0;
        height: 7%;
        font-size: 18px;
        word-spacing: 1px;
    }

    .anotherHead img {
        border: 1px solid black;
        border-radius: 50%;
    }

    .email i {
        font-size: 18px;
    }

    .email {
        color: #fff;
        font-size: 18px;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    .social {
        top: 0;
        color: #fff;
        font-size: 18px;
    }

    .line {
        color: white;
    }


    .anotherHead p {
        width: 100%;
    }
    .mobile-list{
        display: none;
    }

    .desktop-list{
        display: block;
    }
    a {
        text-decoration: none;
        color: #000000;
    }

    .text {
        position: absolute;
        top: 9%;
        margin-left: 20px;
        max-width: 20px;
        font-size: 19px;
    }

    #home {
        color: #00A6ED;
    }

    .anotherHead ul {
        position: absolute;
        display: flex;
        gap: 40px;
        margin-left: 28%;
    }

    .anotherHead span {
        display: none;
    }

    .anotherHead li {
        list-style: none;
        font-size: 20px;
        font-family: "PT Sans", system-ui;
    }

    .anotherHead li i {
        position: absolute;
        font-size: 1px;
    }

    .anotherHead li:hover {
        color: #00A6ED;
        cursor: pointer;
    }

    #give {
        background: black;
        color: #5D4438;
        padding: 10px;
        border-radius: 20px;
        font-size: 14px;
        transition: .3s;
    }

    #give:hover {
        border: none;
        background-color: #00A6ED;
    }

    .number2 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5%;
    }


    .number2 img {
        margin-left: 15%;
        height: 482.337px;
        width: 546.05px;
        max-width: 100%;
        border-radius: 20px;
    }

    .greetings {
        padding: 10px 10px 10px 70px;
        min-height: auto;
        min-width: auto;
        width: 60%;
    }

    .greetings h3 {
        font-size: 16px;
        color: #5D4438;
    }

    .greetings h2 {
        font-size: 42px;
        color: #00A6ED;
    }

    .greetings p {
        margin: 0 0 14px 0;
        font-size: 18px;
        line-height: 28px;
    }

    .greetings button {
        padding: 16px 30px 16px 30px;
        background-color: #00A6ED;
        transition: .3s;
        border: none;
        text-align: center;
    }

    .greetings button:hover {
        background-color: #fff;
        border: 2px #5D4438 solid;
    }

    .number3 h1 {
        text-align: center;
        font-size: 42px;
        line-height: 42px;
        font-family: "PT Sans", sans-serif;
    }

    .photo img {
        width: 293px;
        height: 291px;
        border-radius: 20px;
    }

    .image1 h1 {
        position: absolute;
        top: 40%;
        margin-left: 42%;
        font-size: 59px;
        font-weight: 700;
        line-height: 59px;
    }

    .image1 p {
        position: absolute;
        /* width: 1120px; */
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 18px;
        margin-left: 46%;
        top: 55%;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    .about2 {
        padding: 80px 50px 80px 80px;
        min-height: auto;
        min-width: auto;
        margin-top: 0%;
    }


    .expectation h3 {
        font-family: Nunito, sans-serif;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 4px;
        line-height: 18px;
    }

    .expectation p {
        font-family: Nunito, sans-serif;
        font-size: 18px;
        line-height: 30.6px;
        text-align: center;
    }

    .dividers {
        padding: 2px 0 2px 0;
        font-size: 18px;
        line-height: 29px;
    }

    .dividers span {
        border-top: 2px solid black;
        min-height: auto;
        min-width: auto;
        color: white;
    }

    .card {
        display: flex;
        margin-top: 6%;

    }

    .first2 {
        height: 753.062px;
        width: 343.325px;
        margin: 20px 20px 20px 20px;
        padding: 20px 20px 20px 20px;
        min-height: auto;
        min-width: auto;
        background-color: #5D4438;
    }

    .first2 img {
        margin-top: -23%;
        border-radius: 20px;
    }

    .container1 h3 {
        font-size: 27px;
        font-weight: 700;
        line-height: 27px;
        text-align: center;
        color: white;
    }

    .container1 p {
        font-family: sans-serif;
        height: 86.4px;
        width: 341.725px;
        margin: 0 0 14px 0;
        font-size: 18px;
        line-height: 29px;
        text-align: center;
        color: white;
    }

    .container1 h4 {
        font-size: 15.66px;
        font-weight: 800;
        letter-spacing: 4px;
        line-height: 15.66px;
        text-align: center;
        color: white;
    }

    .first2 button {
        height: 41.2px;
        width: 137.575px;
        border: 2px solid #FFFFFF;
        padding: 12px 24px 12px 24px;
        color: white;
        background-color: blue;
        font-size: 14px;
        margin-left: 25%;
        transition: .3s;
    }

    .first2 button:hover {
        background-color: #5D4438;
    }

    .about4 {
        height: 158.4px;
        width: 1120px;
        margin-left: 12%;
    }

    .about4 p {
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 18px;
        line-height: 28.8px;
    }

    .iconWrapper {
        position: absolute;
        height: 21px;
        width: 21px;
        margin-left: 49.5%;
        top: 64%;
    }

    .iconWrapper i {
        font-size: 29px;
        font-weight: 900;
        line-height: 21px;
        font-weight: 900;
    }

    .service1 {
        margin: 30px 0 50px 0;
        padding: 10px 10px 10px 10px;
    }

    .servicePut {
        width: 600px;
        height: 370px;
        padding: 10px 70px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 12%;
    }

    .servicePut h3 {
        height: 16px;
        width: 580.975px;
        font-family: "PT Sans", sans-serif;
        font-size: 16px;
    }

    .servicePut h5 {
        height: 60px;
        width: 580.975px;
        font-size: 46px;
        line-height: 60px;
        font-family: "PT Sans", sans-serif;
        letter-spacing: 2px;
        margin-top: -3px;
    }

    .bracket {
        height: 155.2px;
        width: 540px;
        padding: 20px 20px 20px 20px;
        background-color: #EEEEEE;
        margin-top: 0px;
    }

    .bracket p {
        height: 115.2px;
        width: 540.975px;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 18px;
        line-height: 28.8px;
    }

    .serviceImage {
        position: absolute;
        height: 371.013px;
        width: 479.013px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 57%;
        margin-top: -26%;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 19px -11px;
    }

    .serviceImage img {
        border-radius: 20px;
        object-fit: contain;
    }

    .service2 {
        height: 351.2px;
        width: 1160px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 13%;
    }

    .service2 p {
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 18px;
        line-height: 28px;
    }

    .loadImages {
        display: flex;
        gap: 10px;
        width: fit-content;
    }

    .number3 {
        width: 100%;
    }

    .number3 a {
        display: flex;
        justify-content: center;
        text-align: center;
        text-decoration: none;
    }

    .number3 button {
        height: 44px;
        width: 136.738px;
        padding: 15px 30px 15px 30px;
        border-radius: 30px;
        border: 2px #5D4438 solid;
        background-color: #5D4438;
        color: white;
        transition: .3s;
    }

    .number3 button:hover {
        background-color: #fff;
        border: 2px solid #5D4438;
        color: black;
    }

    .number4 {
        padding: 10px;
        background-color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .number4 img {
        width: 40%;
        border-radius: 30px;
    }

    .theme {
        padding: 50px 50px 50px 50px;
        font-size: 18px;
        line-height: 29px;
        color: white;
    }

    .theme h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        text-align: center;
    }

    .theme h1 {
        height: 50.4px;
        width: auto;
        text-align: center;
    }

    .theme p {
        font-size: 18px;
        line-height: 28px;
        height: 144px;
        width: 478.85px;
        margin: 0 0 14px 0;
    }

    .theme button {
        height: 48px;
        width: 175.975px;
        padding: 16px 30px 16px 30px;
        background-color: #00A6ED;
        transition: .3s;
        border: none;
    }

    .number5 {
        margin-top: 100px;
        text-align: center;
    }

    .nothing {
        display: block;
    }

    .number5 h2 {
        font-size: 42px;
        line-height: 42px;
        text-align: center;
    }

    .number5 p {
        font-size: 18px;
        line-height: 29px;
        text-align: center;
    }

    .coolImages img {
        border-radius: 25px;
        width: 75%;
        height: 400px;
    }

    .splitMandate {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10%;
    }

    .mandate {
        text-align: center;
    }

    .mandateWords {
        color: white;
        opacity: 0.8;
    }

    .mandateWords span {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 2px;
        line-height: 19.2px;
        text-align: center;
        /* margin-left: 35%; */
        height: auto;
        width: auto;
    }

    .mandateWords p {
        height: 115.2px;
        width: 298px;
        font-size: 18px;
        line-height: 29px;
    }

    .number6 {
        padding: 20px 30px 40px 30px;
        background-color: #00A6ED;
        margin-top: 40px;
    }

    .number6 h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .number6 p {
        font-size: 18px;
        line-height: 29px;
    }

    .number6 button {
        background-color: #5D4438;
        transition: .3s;
        border: none;
    }

    .number7 {
        height: 372.8px;
        width: 93.3%;
        padding: 50px 50px 50px 50px;
        background-color: #030B1E;
        color: #fff;
    }

    .logoOne {
        height: 272.8px;
        width: 285px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 11%;
    }

    .logoOne img {
        height: 54.85px;
        width: 153.7px;
        max-width: 100%;
    }

    .logoOne p {
        font-size: 18px;
        line-height: 29px;
        height: 172.8px;
        width: 265px;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    .officialInfo {
        height: 272.8px;
        width: 285px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 32%;
        margin-top: -21%;
        cursor: pointer;
    }

    .divider {
        /* height: 6.4px; */
        width: 265px;
        padding: 2px 0 2px 0;
        font-size: 18px;
        line-height: 29px;
    }

    .divider span {
        height: 2.4px;
        width: 45.05px;
        border-top: 2px solid #A00506;
        min-height: auto;
        min-width: auto;
        color: #030B1E;
    }

    .widget {
        height: 196.8px;
        width: 265px;
        border-top: 0px solid #A00506;
        border-right: 0px solid #A00506;
        border-bottom: 0px solid #A00506;
        border-left: 5px solid #A00506;
        padding: 0 0 0 15px;
    }

    .officialInfo h3 {
        height: 16px;
        width: 265px;
        font-size: 16px;
        font-weight: 600;
        font-family: "PT Sans", sans-serif;
    }

    .widget li {
        height: 34.8px;
        width: 245.2px;
        padding: 0 0 6px 0;
        line-height: 29px;
        text-decoration: none;
        list-style: none;
    }

    .widget li i {
        font-size: 13px;
    }

    svg:hover {
        color: red;
    }

    .widget li:hover {
        color: red;
    }

    .widget span {
        height: 28.8px;
        width: 208.625px;
        padding: 0 0 0 5px;
        min-height: auto;
        min-width: auto;
        font-size: 16px;
        font-family: "PT Sans", sans-serif;
        line-height: 28px;
    }

    .contact1 {
        height: 200px;
        width: 1140px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 12%;
        margin-top: 20px;
    }

    .contact1 h3 {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        font-family: "PT Sans", sans-serif;
    }

    .contact1 h2 {
        font-size: 42px;
        line-height: 42px;
        text-align: center;
        font-family: "PT Sans", sans-serif;
        font-weight: 100;
    }

    .contact1 p {
        font-size: 18px;
        line-height: 29px;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    .contactDetails {
        height: 722.388px;
        width: 365.288px;
        border: 1px solid #DCDCDC;
        margin: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        font-size: 18px;
        line-height: 29px;
        margin-left: 12%;
        margin-top: 5%;
    }

    .contact {
        height: 40px;
        width: auto;
        padding: 35px 15px 35px 15px;
        background-color: #5D4438;
    }

    .contact h2 {
        font-family: "PT Sans", sans-serif;
        text-align: center;
        font-size: 25px;
        line-height: 29px;
        font-weight: 500;
    }

    .contEmail {
        padding: 1%;
        margin-left: 10px;
    }

    .contImage1  i {
        background-color: #5D4438;
        padding: 10px;
        border-radius: 50%;
        font-size: 40px;
        width: 50px;
        height: 50px;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-top: 20px;
        color: #EEEEEE;
    }
    .contImage1 i:hover{
        color: #cbced2;
    }

    .page{
        width: 50%;
        margin-top: -23%;
        margin-left: 24%;
        font-size: 20px;
        font-family: "PT Sans", sans-serif;
        color: #252628;
    }
    .page span{
        font-weight: 800;
        color: black;
    }
    .page p{
        color: #565758;
        line-height: 28px;
    }

    .contDivider {
        height: 0.8px;
        width: 363.688px;
        border-top: 1px solid #8a8686;
        min-height: auto;
        min-width: auto;
    }

    .contact3 {
        position: absolute;
        height: 700px;
        width: 714.7px;
        margin: 0 -5px -17px -5px;
        margin-left: 40%;
        padding: 10px;
        top: 121%;
    }

    .contact3 b {
        font-size: 18px;
        line-height: 29px;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    label {
        font-size: 16px;
        line-height: 16px;
        font-family: "PT Sans", sans-serif;
        height: 20px;
        color: #0728AA;
        width: 87.3625px;
        padding: 0 0 9px 0;
        min-height: auto;
        min-width: auto;
        margin-top: 300px;
    }

    label b {
        color: red;
    }

    .input1,
    .input2 {
        width: 317.35px;
        border: 1px solid #C3C3C3;
        padding: 6px 16px 6px 16px;
        min-height: 37px;
        max-width: 100%;
        min-width: auto;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
        outline: rgb(160, 5, 6) dashed 0px;
        margin-top: 6px;
        color: #5D4438;
        font-size: 16px;
    }

    .input1 {
        width: 96%;
    }

    textarea {
        height: 103.2px;
        width: 704.7px;
        border: 1px solid #C3C3C3;
        padding: 6px 16px 6px 16px;
        min-height: 47px;
        max-width: 96%;
        min-width: auto;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
        outline: rgb(160, 5, 6) dashed 0px;
        color: #5D4438;
    }

    .contact3 button {
        height: 47px;
        width: 185.613px;
        padding: 15px 30px 15px 30px;
        min-height: 47px;
        min-width: auto;
        margin-left: 75%;
        margin-top: 10px;
        border: none;
        background-color: #0728AA;
        font-family: "PT Sans", sans-serif;
        font-size: 14px;
        color: white;
        transition: .3s;
    }

    .contact3 button:hover {
        background-color: #5D4438;
    }

    .contact3 button i {
        position: absolute;
        right: 140px;
    }

    .details1 {
        height: 72px;
        width: 357.35px;
        margin: 0 0 17px 0;
        padding: 0 5px 0 5px;
        min-height: 1px;
        min-width: auto;
        margin-top: 10px;
    }

    .details2 {
        position: absolute;
        margin-left: 50%;
        top: 40px;
    }

    .payment1 {
        min-height: auto;
        min-width: auto;
        margin-top: 1%;
    }

    .payment1 h3 {
        font-family: "PT Sans", sans-serif;
        font-size: 14px;
        text-align: center;
        color: #5D4438;
        font-weight: 600;
    }

    .payment1 h2 {
        font-size: 42px;
        line-height: 42px;
        height: 42px;
        font-family: "PT Sans", sans-serif;
        text-align: center;
        font-weight: 100;
    }

    .payment1 p {
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 18px;
        line-height: 28.8px;
        text-align: center;
        color: #4a4848;

    }

    .payment2 {
        text-align: center;
    }

    .payment2 img {
        height: 500px
    }


    .payment3 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -22%;
    }

    .payment4 {
        border-top: 5px solid #FF7F50;
        border-right: 0px solid #FF7F50;
        border-bottom: 0px solid #FF7F50;
        border-left: 0px solid #FF7F50;
        margin: 20px 20px 20px 20px;
        padding: 40px 40px 40px 40px;
        min-height: auto;
        min-width: auto;
        background-color: #F1F3F5;
    }

    .payment4 h3 {
        font-size: 27px;
    }

    .payment4 p {
        font-size: 20px;
        margin-top: 20%;
        line-height: 30px;
    }

    .payment5 {
        margin-top: 24%;
    }

    .payment5 a:hover {
        border-top: 0px solid #001C31;
        border-right: 0px solid #001C31;
        border-bottom: 2px solid #001C31;
        border-left: 0px solid #001C31;
        padding: 15px 0 15px 0;
    }

    .payment5 a {
        border-top: 0px solid #FF7F50;
        border-right: 0px solid #FF7F50;
        border-bottom: 2px solid #FF7F50;
        border-left: 0px solid #FF7F50;
        padding: 15px 0 15px 0;
    }

    .payment5 span {
        min-height: auto;
        min-width: auto;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: 1px;
        line-height: 18px;
        color: #FF7F50;
    }

    .payment4 span:hover {
        color: #001C31;
        font: 900;
    }

    .newsletter {
        height: 272.8px;
        width: 320.625px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        font-size: 18px;
        line-height: 29px;
        margin-left: 52%;
        margin-top: -21%;
    }

    .newsletter h3 {
        height: 16px;
        width: 300.625px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        font-family: "PT Sans", sans-serif;
    }

    .newsletter p {
        height: 57.6px;
        width: 300.625px;
        font-size: 18px;
        line-height: 29px;
        font-family: "Open Sans Hebrew", sans-serif;
    }

    .newsletter input {
        height: 40px;
        width: 200.413px;
        border: 0px solid #69727D;
        padding: 8px 16px 8px 16px;
        min-height: 40px;
        max-width: 100%;
        min-width: auto;
        transform: none;
        transition: 0.3s;
        outline: rgb(0, 0, 0) dashed 0px;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
        color: red;
    }

    .newsletter button {
        position: absolute;
        height: 40px;
        width: 62px;
        padding: 0 24px 0 24px;
        min-height: 40px;
        min-width: auto;
        background-color: #00A6ED;
        border: none;

    }

    .message {
        height: 272.8px;
        width: 248.8px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        margin-left: 75%;
        margin-top: -21%;
    }

    b .grate {
        height: 40.8px;
        width: 97.2%;
        border-top: 1px solid #424242;
        border-right: 0px solid #424242;
        border-bottom: 0px solid #424242;
        border-left: 0px solid #424242;
        padding: 20px 20px 20px 20px;
        background-color: #000000;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .grate .footer {
        height: 38px;
        width: 1140px;
        padding: 10px 10px 10px 10px;
        min-height: auto;
        min-width: auto;
        font-size: 18px;
        margin-left: 30%;
    }

    .grate.footer p {
        height: 18px;
        width: 1120;
    }

    .grate .footer a {
        height: auto;
        width: auto;
        font-family: "PT Sans", sans-serif;
        text-decoration: none;
        color: red;
        font-size: 18px;
        line-height: 18px;
    }

}