* {
    margin: 0;
    padding: 0;
}

#pcontent {
    /* position: relative; */
    width: 100%;
    min-height: 18rem;
    margin-top: 12rem;
    /* border: solid 2px red; */
    /* background-color: chartreuse; */
    /* top:13%; */
}

#h11 {
    /* background-color: #59C1BD; */
    text-align: center;
    font-size: 2.5rem;
    color: #434242;
    position: relative;
    font-weight: bold;
}

/* #h11::after{
    position: absolute;
    content: '';
    height: .3rem;
    width:10%;
    background-color:gold;
    bottom: -.5rem;
    left:45%;
    border-radius: 50%;
} */
#p1 {
    font-weight: 5px;
    /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
    font-size: 1.5rem;
    color: #525E75;
    box-shadow: rgba(33, 120, 192, 0.292) 0px 0.0625em 0.0625em, rgba(50, 90, 221, 0.502) 0px 0.125em 0.5em, rgba(16, 199, 219, 0.555) 0px 0px 0px 1px inset;
    border-radius: .5rem;
    text-align: justify;
    padding: 1rem 1.5rem;
    margin: 1.5rem 2rem 0 2rem;
}

#rcontent {
    width: 100%;
    height: 27%;
    /* background-color: darkseagreen; */
    margin-top: 1rem;
    /* border: solid 2px red; */
}

#h12 {
    /* background-color: #59C1BD; */
    text-align: center;
    font-size: 2.5rem;
    color: #434242;
    position: relative;
    font-weight: bold;

}

/* #h12::after{
    position: absolute;
    content: '';
    height: .3rem;
    width:12%;
    background-color:gold;
    bottom: -1rem;
    left:44%;
    border-radius: 50%;
} */

#p2 {
    margin: 0 2rem 0 2rem;
    /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
    /* font-size: medium; */
    font-weight: 5px;
    color: #525E75;
    box-shadow: rgba(33, 120, 192, 0.292) 0px 0.0625em 0.0625em, rgba(50, 90, 221, 0.502) 0px 0.125em 0.5em, rgba(16, 199, 219, 0.555) 0px 0px 0px 1px inset;
    border-radius: .5rem;
    margin-top: 2rem;
    text-align: justify;
    padding: 1rem 1.5rem;
    border-radius: .5rem;

}

#p2 ul li {
    font-size: 1.5rem;
    list-style-type: disc;
}

#boxdiv {
    padding: 3rem 0;
    width: 98%;
    min-height: 20rem;
    /* border: 2px solid blue; */
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: space-around;
    /* margin-top: 6rem;
    margin-bottom:2rem; */
}

.dv1 {
    width: 30%;
    height: 100%;
    /* background-color: aquamarine; */
    /* border:2px solid red; */
    /* margin-left:2.5%; */
    padding: 1rem 0;
    box-shadow: rgba(38, 209, 239, 0.527) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 1rem;
}

#box1 {
    background-image: radial-gradient(circle 975px at 2.6% 48.3%, rgba(0, 8, 120, 1) 0%, rgba(95, 184, 224, 1) 99.7%);
    background-color: #CFF5E7;
}

#box2 {
    background-color: azure;
    background-image: radial-gradient(circle 975px at 2.6% 48.3%, rgba(0, 8, 120, 1) 0%, rgba(95, 184, 224, 1) 99.7%);
}

#box3 {
    background-image: radial-gradient(circle 975px at 2.6% 48.3%, rgba(0, 8, 120, 1) 0%, rgba(95, 184, 224, 1) 99.7%);
    background-color: #BAD7E9;
}

#a1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    text-decoration: none;
    color: white;
    filter: drop-shadow(2px 2px 2px #b4e4e941);
}

#demons {
    width: 100%;
    text-align: center;
    margin-top: 4rem;
    box-shadow: rgba(50, 100, 100, 0.279) 0px 2px 70px 4px;
}

#h13 {
    padding: 2rem;
    font-size: 2.5rem;
    /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
    position: relative;
    color: #40394A;
}

/* #h13::after{
    position: absolute;
    content: '';
    height: .3rem;
    width:25%;
    background-color:gold;
    bottom:1rem;
    left:38%;
    border-radius: 50%;
} */
#box2div {
    padding: 2rem 0;
    width: 98%;
    margin: auto;
    min-height: 20rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    column-gap: 2rem;
    row-gap: 3rem;
}

.vd {
    width: 30%;
    height: 20.5rem;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;

}

.vd iframe {
    width: 100%;
    height: 100%;
}

#v1 {
    background-color: azure;
}

#v2 {
    background-color: beige;
}

#v3 {
    background-color: cornsilk;
}

.batch-box {
    width: 96%;
    margin: auto;
    position: relative;
    background: #fff;
    height: 35rem !important;
    /* border: solid 2px darkred; */
}

.batch {
    /* border: 2px solid green; */
    width: 100%;
    height: 35rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* position: relative; */
}

.batch .items {
    width: 30rem !important;
    height: 80%;
    margin-left: 3rem;
    margin-right: 3rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: .8rem;
    padding: 1.5rem;
    border: .2rem solid rgba(42, 63, 99, 1);
}

.batch .items iframe {
    width: 100%;
    height: 100%;
}

.batch .slick-slide {
    margin: 1.5rem;

}

.slick-dots {
    position: absolute;
    bottom: -1rem;
}

.slick-dots li.slick-active button:before {
    color: #fff;
}

.slick-dots li button:before {
    font-size: 1.2rem;
}


.slick-next:before,
.slick-prev:before {
    font-size: 2.4rem;
    position: absolute;
    background-color: #525E75;
    border-radius: 50%;
}

.slick-next {
    right: -1rem !important;
    z-index: 1111;
}

.slick-prev {
    left: -3rem !important;
    z-index: 1111;
}

#button1 {
    width: 100%;
    height: 10rem;
    display: grid;
    /* padding-top: 2rem; */
}

#button1 button {
    margin: auto;
    border: 1px solid rgb(114, 113, 113);
    color: black;
    background-color: gold;
    padding: 1rem 1.5rem;
    font-size: 2rem;
    font-weight: bold;
    border-radius: .5rem;
}

img {
    width: 20%;
}

.batch .items iframe:hover {
    transform: scale(1.075);
    transition: .3s;
}

@media(max-width:768px) {
    .vd {
        width: 40%;
        /* height: 20rem; */
    }

    .dv1 {
        width: 70%;
    }

    /* #h11::after,#h12::after{
        width: 20%;
        left: 40%;
    } */
}

@media (max-width:876px) {
    html {
        font-size: 45%;
    }

    #boxdiv {
        flex-direction: column;
    }

    .dv1 {
        margin-bottom: 3rem;
    }

}