body {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.section1 {
    margin-top: -55px;
    /* height: 639px !important; */
}

.carousel .img1 {
    height: 300px !important;
}

.info {
    width: 29.5% !important;
    margin: 5px;
    margin-top: 20px;
    height: 35px;
    border: outset;
}

form {
    overflow-x: hidden;
}

.pt-0 {
    padding-top: 0 !important;
 
    margin-right: 10px !important;
}

.img {
    width: 100px;
    height: 40px;
    margin-bottom: 20px;
}

.img1 {
    width: 50px;
}

.form-check .form-check-input {
    float: right !important;
    margin-right: 1.5em !important;
}

.imgb {
    margin-top: 50px;
}

.container {
    margin-top: 40px;
}

h2 {
    margin-bottom: 20px;
}

h2,h3,h4,h5,h6,span{
    color: #5d5d5d;
}

button {
    width: 100%;
    background-color: #2dccac !important;
    border: none !important;
    border-radius: 2px !important;
}

label {
    float: right;
    margin-right: 30px;
}

footer {
    height: 70px;
    background-color: rgba(0, 0, 0, 0.25);
}

strong {
    margin-top: 20px !important;
}

footer .row {
    margin-left: 0px !important;
}

#email {
    width: 40px;
    height: 40px;
    position: absolute;
    opacity: 0;
}

footer {
    width: 100% !important;
}

/* a {
    width: 100% !important;
    padding: 0px 439px;
} */

a{
    text-decoration: unset;
    color: inherit;
}

/*                                         index1                                        */

.sec1 .carousel {
    height: 300px;
}

.sec1 {
    height: 639px !important;
}

.sec1 .carousel .img1 {
    height: 300px !important;
}

.sec1 form {
    overflow-x: hidden;
}

.sec1 .pt-0 {
    padding-top: 0 !important;
    margin-right: 10px !important;
}

.sec1 .img {
    width: 100px;
    height: 40px;
    margin-bottom: 20px;
}

.img1 {
    width: 50px;
}

.form-check .form-check-input {
    float: right !important;
    margin-right: 1.5em !important;
}

.imgb {
    margin-top: 50px;
}

.container {
    margin-top: 40px;
}

.sec1 h2 {
    margin-bottom: 20px;
}

.sec1 button {
    width: 100%;
    background-color: #0b681e !important;
    border: none !important;
}

.sec1 label {
    float: right;
    margin-right: 30px;
}

.sec1 footer {
    height: 70px;
    background-color: rgba(0, 0, 0, 0.25);
}

.sec1 strong {
    margin-top: 20px !important;
}

.sec1 footer .row {
    margin-left: 0px !important;
}

.sec1 #email {
    width: 40px;
    height: 40px;
    position: absolute;
    opacity: 0;
}

.sec1 footer {
    width: 100% !important;
}

.sec4 .container {
    margin-top: 40px;
    padding: 15px 0px;
    border: 1px black solid;
    width: 97%;
}

.sec4 h2 {
    margin-bottom: 25px;
    letter-spacing: 1 !important;
    margin-left: 68%;
}

.sec4 input {
    width: 70%;
    margin: 35px auto;
}

.sec4 button {
    width: 90%;
    background-color: #000000 !important;
    border: none !important;
}

.sec4 button:hover {
    color: black;
}

button a{
  text-decoration: none;
  color: #fff;
  padding: 6px 44.5%;
  width: 100% !important;
}
button a:hover{
color: rgb(210, 210, 210);
}

.payments{
    max-width: 80%;
    margin: auto;
    margin-top: 20px;

}

.payments .col-lg-3{
    width: 23%;
}

.payments .col-6{
    width: 48%;
}



.payments .item{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    height: 110px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 1%;
}

.section1{
    max-width: 50%;
    margin: 50px auto 50px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 12px;
    padding: 10px;
}


@media (max-width:575px){

    .payments  .col-sm-6{
        width: 48%;
   }

    .section1{
        max-width: 100%;
        box-shadow: unset;
        margin-top: 10px;

    }

    .payments{
        max-width: 100%;
        margin-bottom: 15px;
    }

    .payments .item{
        height: 80px;
        padding: 30px;
    }

    .payments .item img{
        width: 80px ;
        height: 30px  ;
    }

    .mada-img{
        width: 80px !important;
        height: 80px !important;
    }

    .visa{
        width: 80px !important;
        height: 60px !important; 
    }

    .tmara{
        height: 30px;
        width: 60px;
    }

    .wallet-assurance{
        width: 40px;
        height: 30px;

    }

    .container{
        margin-top: 10px !important;
    }
}

.form-control:focus,.form-select:focus{
    box-shadow: unset;
    border: 1px solid #eee;
}

.active::after{
    font-family: "Font Awesome 6 free";
    content: "\f058";
    font-weight: 900;
    color: #2dccac;
    position: absolute;
    right: -1px;
    top: -5px;
    font-size: 20px;

}

.active{
    border: 3px solid #2dccac;
}

.form-control,.form-select{
    border-radius: 2px;
    height: 45px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: none;

}

i{
    color: #8b8b8b;
}