@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');

.banner-heading {
    color: white;
    font-family: "Roboto";
    font-size: 60px;
    font-weight: 600;
}

.banner-baground-section {
    background-image: url("https://d1tgh8fmlzexmh.cloudfront.net/ccbp-responsive-website/vr-banner-bg.png");
    height: 100vh;
    background-size: cover;
}

.banner-button {
    color: white;
    background-color: #1a2137;
    height: 45px;
    width: 140px;
    font-family: "Roboto";
    border-color: #000000;
    border-radius: 5px;
    border-width: 0;
}

.vr-sec-logo {
    height: 70px;
    width: 80px;
}

#nav1-item-1 {
    color: #323f4b;
    font-family: "Roboto";
}

#nav1-item-2 {
    color: #323f4b;
    font-family: "Roboto";
}

#nav1-item-3 {
    color: #323f4b;
    font-family: "Roboto";
}

#nav1-item-4 {
    color: #323f4b;
    font-family: "Roboto";
}

.features-section {
    background-color: #ffffff;
}

.features-card {
    background-color: #ffffff;
    text-align: center;
}

.features-card-heighlight {
    font-style: italic;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}

.features-head {
    font-family: Roboto;
    color: #1f2933;
    font-weight: 600;
    font-size: 30px;
}

.features-card-img {
    height: 70px;
    width: 80px;
}

.features-card-head {
    font-size: 23px;
    font-weight: 500;
    font-family: "Roboto";
}

.features-card-discription {
    color: #7b8794;
    font-family: "Roboto";
    font-size: 17px;
    font-weight: 100;

}

.vr-kit-sec-head {
    color: #1f2933;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 30px;
    background-color: #ffffff;
}

.kit-sec-img {
    height: 280px;
    width: 200px;
}

.kit-sec-card {
    background-color: #ffffff;
    text-align: center;
}

.kit-sec-card-head {
    color: #323f4b;
    font-size: 28px;
    font-weight: 100;
    font-family: "Roboto";
}

.vr-optics-sec {
    background-color: #ffffff;
}

.vr-optics-sec-head {
    color: #1f2933;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 30px;
    background-color: #ffffff;
}

.vr-optics-sec-description {
    color: #7b8794;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 100;

}

.vr-optics-sec-button {

    margin-top: 5px;
    color: #ffffff;
    font-family: "Roboto";
    background-color: #1a2137;
    height: 45px;
    width: 135px;
    border-radius: 5px;
    border-width: 0;
}

.vr-cus-sec {
    background-color: #222b36;
    height: 100%;
    width: 100%;
    background-size: cover;

}

.vr-cus-head {
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 30px;


}

.vr-cus-but {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
    font-family: "Roboto";
    background-color: transparent;
    height: 40px;
    width: 135px;
    border-radius: 5px;
    border-color: #ffffff;
    border-width: 2px;
}

.vr-bloges-sec {
    background-color: #ffffff;
}

.vr-blogs-head {
    color: #1f2933;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 30px;
    background-color: #ffffff;
}

.vr-bloges-card {
    color: #ffffff;
    border-radius: 3px;
}

.bloges-inner-head {
    color: #959ead;
    font-size: 15px;
    font-family: "Roboto";
}

.blogsclick {
    color: #1754a1;
    font-size: 17px;
    font-weight: 600;
    font-family: "Roboto";
}

.vr-Blogs-out-button {
    margin-top: 5px;
    color: #ffffff;
    font-family: "Roboto";
    background-color: #1754a1;
    height: 45px;
    width: 135px;
    border-radius: 5px;
    border-color: #1754a1;
    border-width: 0;
}

.bloges-inner-discription {
    color: #323f4b;
    font-family: "Roboto";
    font-size: 17px;
}

.vr-product-card1 {
    background-image: url("https://d1tgh8fmlzexmh.cloudfront.net/ccbp-responsive-website/vr-products-headset-img.png");
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.vr-product-out-button {
    margin-top: 5px;
    color: #ffffff;
    font-family: "Roboto";
    background-color: #1754a1;
    height: 45px;
    width: 135px;
    border-radius: 5px;
    border-color: #1754a1;
    border-width: 0;
}

.vr-product-card2 {
    background-image: url("https://d1tgh8fmlzexmh.cloudfront.net/ccbp-responsive-website/vr-products-headset-with-controllers-img.png");
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.vr-product-sec {
    background-color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
}

.products-sec-head {
    color: #1f2933;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 30px;
    background-color: #ffffff;
}

.vr-product-discription {
    color: #ffffff;
}

.vr-product-button {
    background-color: transparent;
    height: 45px;
    width: 130px;
    border-style: solid;
    border-radius: 5px;
    border-width: 2px;
    border-color: #ffffff;
    color: #ffffff;

}





.follow-us-section {
    background-color: #0d2436;
}

.follow-us-section-heading {
    text-align: center;
    color: #183b56;
    font-family: "Roboto";
    font-size: 28px;
    font-weight: 700;
}

.follow-us-icon-container {
    background-color: #202b36;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 15px;
    padding-top: 22px;
    padding-bottom: 14px;
    padding-right: 16px;
    padding-left: 22px;
}

.icon {
    color: #d0b200;
    font-size: 30px;
}

.footer-section {
    background-color: #0d2436;
}

.footer-section-mail-id {
    color: #959ead;
    font-family: "Roboto";
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}

.footer-section-address {
    color: #959ead;
    font-family: "Roboto";
    font-size: 20px;
}

.finaltouch,
.colorline {
    background-color: #0d2436;
    color: #959ead;
    font-family: "Roboto";
}

.colortext {
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
}