body{
    margin: 0;
    padding: 0;
}
.sarlavha{
    text-align: center;
    font-family: 'Edu VIC WA NT Beginner', cursive;
    font-weight: bolder;
    font-size: 45px;
    margin-top: 50px;

}

/*nav-start*/

.navbar{
    width: 100%;
    height: 80px;

}
.conteyner{
    margin: 0 30px;
    display: flex;
    justify-content: flex-end;
}

.navbar h1 {
    font-family: "Courier New";
    font-size: 35px;
    font-weight: bold;

}

/*nav-end*/

/*hedr-start*/

.hedr{
    width: 100% ;
    height: 530px;
    object-fit: cover;
    background-image: url("img/exam.jpg");
    background-repeat: round;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hedr h1{
    font-family: 'Edu VIC WA NT Beginner', cursive;
    font-weight: bolder;
    font-size: 90px;

}

/*hedr-end*/

/*main-start*/

.main{
    margin: 5%;
}
.main .row{
    display: flex;
    justify-content: space-between;
}
.col-xl-4{
    width: 33.33%;
}
.col-xl-4 img{
    width: 100%;
    height: 100%;
    gap: 10px;
    box-shadow: 0 0 5px 5px darkgray;
    transition: 0.5s;
}
.col-xl-4 img:hover{
    transform: scale(1.05);
}
.tranzishin{
    width: 100%;
    height: 500px;
    border: 20px groove burlywood;
    flex-wrap: wrap;
}
.box{
    width: 50%;
    height: 30px;
    background-color: black;
    border-radius: 5px;
    animation-name: box;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes box {
    0%{
        transform: translateX(0) translateY(0);

    }
    25%{
        transform: translateX(100%) translateY(0);
    }
    50%{
        transform: translateX(100%) translateY(470px);
    }
    75%{
        transform: translateX(0) translateY(470px);
    }
    100%{
        transform: translateX(0) translateY(0);

    }
}

/*main-end*/

/*footer-start*/

.footre{
    height: 450px;
    background-color: rgb(4%,4%,4%);
    padding: 0 150px;
}
.footre .sarlavha{
    color: white;
    font-size: 65px;
    font-weight: bolder;
}
[style="display: flex"]{
    width: 100%;
    justify-content: center;
}
.foter-box{
    width: 100%;
}
.footre .row{
    display: flex;
}
.col-xl-6{
    width: 50%;
    color: white;

}
.col-xl-6 p{
    font-weight: normal;
    line-height: normal;
}
.col-xl-6 iframe{
    height: 100%;
    width: 100%;
    margin: 0;
}
.footer-end{
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer-end h1{
    font-size: 25px;
    font-weight: bold;
    color: white;
}
/*footer-end*/