* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.navbar {
    background-color: rgba(245, 245, 247, .8);
}

.main_div {
    display: flex;
    margin: auto;
    overflow: hidden;
}

.logo>img {
    width: 15px;
}

.list>ul {
    display: flex;
    gap: 30px;
    list-style: none;
    font-size: 12px;
    margin: 5px;
}

.search-img {
    display: flex;
}

.navbar-toggler {
    display: none;
}

@media screen and (max-width: 910px) {

    .list {
        visibility: hidden;
    }

    .logo>img {
        margin-top: 5px;
    }

    .logo {
        position: absolute;
        left: 15px;
    }

    .search-img {
        position: absolute;
        right: 15px;
    }

    .navbar-toggler {
        display: block;
    }

    .navbar {
        background-color: rgba(245, 245, 247, .8);
        height: 50px;
    }
}

.Donate {
    background-color: rgba(251, 250, 250, 0.9);
    display: flex;
    justify-content: center;
    padding: 20px;
    color: #0071e3;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.Donate>img {
    object-fit: contain;
}

.Donate>h6 {
    padding: 10px;
    padding-top: 18px;
}

@media screen and (max-width: 720px) {
    .Donate {
        display: block;
        text-align: center;
    }

    .Donate>h6 {
        font-size: 14px;
        line-height: 1.28577;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
        width: 185px;
        margin: auto;
    }

}

.Valentine {
    position: relative;
    width: 100%;
}

.Valentine>img {
    width: 100%;
    height: 590px;
    object-fit: cover;
}

.Valentine_heading {
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.Valentine_heading>h1 {
    font-size: 3.1rem;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.Valentine_heading>p {
    font-size: 1.5rem;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.Valentine_heading>button {
    cursor: pointer;
    font-size: 17px;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
    border: none;
}

.Valentine_heading>button:hover {
    background-color: #0177ec;
}

@media screen and (max-width: 720px) {
    .Valentine_heading {
        bottom: 20px;
    }

    .Valentine_heading>h1 {
        font-size: 2rem;
    }

    .Valentine_heading>p {
        font-size: 1.1rem;
        width: 210px;
        margin: auto;
        margin-bottom: 10px;
    }

    .Valentine_heading>button {
        font-size: 14px;
    }
}

.iphone {
    position: relative;
    width: 100%;
}

.iphone>img {
    width: 100%;
    height: 530px;
    margin-top: 10px;
    object-fit: cover;
}

.iphone_text {
    text-align: center;
    position: absolute;
    top: 50px;
    width: 100%;
    color: white;
}

.iphone_text>h1 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.iphone_text>p {
    font-size: 24px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.learn_btn {
    color: white;
    background-color: #0071e3;
    padding: 10px;
    border: none;
    border-radius: 100px;
    width: 140px;
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
}

.learn_btn:hover {
    background-color: #0177ec;
}

.buy_btn {
    color: white;
    background-color: transparent;
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
    width: 80px;
    color: #0071e3;
    border: 2px solid #0071e3;
    font-size: 18px;
}

.buy_btn:hover {
    background-color: #0071e3;
    color: #fff;
}

.second_hide_img {
    display: none;
}

@media screen and (max-width: 720px) {
    .hide_img {
        display: none;
    }

    .second_hide_img {
        display: block;
    }

    .iphone_text {
        position: absolute;
        top: 370px;
    }

    .iphone_text>h1 {
        font-size: 32px;
    }

    .iphone_text>p {
        font-size: 19px;
    }

    .learn_btn {
        padding: 8px;
        width: 100px;
        font-size: 15px;
    }

    .buy_btn {
        padding: 8px;
        width: 60px;
        font-size: 15px;
    }
}

.iphone_text_second {
    text-align: center;
    position: absolute;
    top: 50px;
    width: 100%;
    color: white;
}

.iphone_text_second>h1 {
    font-size: 3rem;
    font-weight: bold;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.iphone_text_second>p {
    font-size: 24px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


.learn_btn_second {
    color: rgb(0, 0, 0);
    background-color: #f0ecec;
    padding: 10px;
    border: none;
    border-radius: 100px;
    width: 140px;
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
}

.learn_btn_second:hover {
    background-color: #ffffff;
}

.buy_btn_second {
    color: white;
    background-color: transparent;
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
    width: 80px;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-size: 18px;
}

.buy_btn_second:hover {
    background-color: #ffffff;
    color: #000000;
}

@media screen and (max-width: 720px) {

    .iphone_text_second {
        position: absolute;
        top: 20px;
    }

    .iphone_text_second>h1 {
        font-size: 32px;
    }

    .iphone_text_second>p {
        font-size: 19px;
    }

    .learn_btn_second {
        padding: 8px;
        width: 100px;
        font-size: 15px;
    }

    .buy_btn_second {
        padding: 8px;
        width: 60px;
        font-size: 15px;
    }
}

.watch {
    margin: 15px;
}


.watch_img {
    width: 100%;
    height: 100%;
    display: block;
}

.classic {
    position: relative;
    display: inline-block;
    width: 100%;
}

.classic_text {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
}

.classic_text>img {
    width: 150px;
}

.classic_text>p {
    font-size: 20px;
    margin-top: 10px;
    color: black;
}

.classic_learn_btn {
    color: white;
    background-color: #0071e3;
    padding: 10px;
    border: none;
    border-radius: 100px;
    width: 110px;
    cursor: pointer;
    font-size: 15px;
    margin-right: 10px;
}

.classic_learn_btn:hover {
    background-color: #0177ec;
}

.classic_buy_btn {
    color: white;
    background-color: transparent;
    padding: 8px;
    border-radius: 100px;
    cursor: pointer;
    width: 70px;
    color: #0071e3;
    border: 2px solid #0071e3;
    font-size: 15px;
}

.classic_buy_btn:hover {
    background-color: #0071e3;
    color: #fff;
}

@media screen and (max-width: 520px) {
    .classic {
        margin-top: 10px;
    }

    .classic_text>img {
        width: 100px;
    }

    .classic_text>p {
        font-size: 15px;
        margin-top: 5px;
        color: black;
    }

    .classic_buy_btn {
        padding: 6px;
        width: 65px;
    }

    .classic_learn_btn {
        padding: 8px;
        width: 105px;
    }
}

.ipad_img {
    width: 100%;
    height: 100%;
}

.ipad {
    position: relative;
    display: block;
    width: 100%;
}

.ipad_text {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 20px;
    color: rgb(249, 248, 248);
    margin-top: 10px;
}

.ipad_text>p {
    font-size: 20px;
}

@media screen and (max-width: 520px) {
    .ipad {
        margin-top: 10px;
    }

    .ipad_text>p {
        font-size: 17px;
    }
}

.AirPods_img {
    width: 100%;
    height: 100%;
}


.AirPods {
    position: relative;
    display: block;
    width: 100%;
}

.AirPods_text {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    color: rgb(249, 248, 248);
}

.AirPods_text>p {
    font-size: 20px;
}

@media screen and (max-width: 520px) {
    .AirPods_text>p {
        font-size: 17px;
    }

    .AirPods_text {
        margin-top: -20px;
    }
}

.main {
    position: relative;
}

.main .wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.main .wrapper_holder {
    display: grid;
    grid-template-columns: repeat(10, 100%);
    height: 100%;
    width: 100%;
    animation: slider 30s ease-in-out infinite alternate;
}

.main .wrapper_holder>div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main #slider_img1 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/EUeDAPovZrBtOcrP2Da5Lw/689x387.jpg);
}

.main #slider_img2 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/S2T1FMcov5a0GzmninlU4Q/689x387.jpg);
}

.main #slider_img3 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/LEDx4gCVQd_lTJt81zQq8w/689x387.jpg);
}

.main #slider_img4 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/C34jADlGtR5wObjPAMbW4w/689x387.jpg);
}

.main #slider_img5 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/3pfG0GJkoI0OFlPiIDdvUQ/689x387.jpg);
}

.main #slider_img6 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/ageP1PYyLi7UlNiWMva32Q/689x387.jpg);
}

.main #slider_img7 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/6MX4xqvBb9inB6eBoPGdcw/689x387.jpg);
}

.main #slider_img8 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/5tQkYfzU9bSMUol0GajO4w/689x387.jpg);
}

.main #slider_img9 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/e6_6t4WH4pUTV0plZH7R9w/689x387.jpg);
}

.main #slider_img10 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/b9/6c/68/b96c68d2-3728-e602-6e19-2ce0157335c1/284c3b0a-d043-4797-b7c8-23d6e8a981ab.png/689x387.jpg);
}

.main .button_holder {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
}

.main .button_holder .button {
    background-color: rgb(255, 255, 255);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 0.3rem;
}

@keyframes slider {
    0% {
        transform: translateX(0%);
    }

    5% {
        transform: translateX(0%);
    }

    10% {
        transform: translateX(-100%);
    }

    15% {
        transform: translateX(-100%);
    }

    20% {
        transform: translateX(-200%);
    }

    25% {
        transform: translateX(-200%);
    }

    30% {
        transform: translateX(-300%);
    }

    35% {
        transform: translateX(-300%);
    }

    40% {
        transform: translateX(-400%);
    }

    45% {
        transform: translateX(-400%);
    }

    50% {
        transform: translateX(-500%);
    }

    55% {
        transform: translateX(-500%);
    }

    60% {
        transform: translateX(-600%);
    }

    65% {
        transform: translateX(-600%);
    }

    70% {
        transform: translateX(-700%);
    }

    75% {
        transform: translateX(-700%);
    }

    80% {
        transform: translateX(-800%);
    }

    85% {
        transform: translateX(-800%);
    }

    90% {
        transform: translateX(-900%);
    }

    95% {
        transform: translateX(-900%);
    }

    100% {
        transform: translateX(0%);
    }
}

@media screen and (max-width: 720px) {
    .main #slider_img1 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/5e/dc/9e/5edc9eac-ba29-42aa-364f-5870a0454c2c/9879cfb1-4800-496f-81e7-09d123016302.png/274x593.jpg);
    }

    .main #slider_img2 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/77/db/bc/77dbbc7e-336a-38d8-323d-8af92f7d21a2/910d2485-44e1-4d72-995f-bd91ab7508bc.png/274x593.jpg);
    }

    .main #slider_img3 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/99/4b/48/994b48b4-1053-88a4-3176-a7cd98cd430e/56e57fd6-65b7-4dd4-b38e-dc58f703fb85.png/274x593.jpg);
    }

    .main #slider_img4 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/a1/2f/0e/a12f0e31-0590-8c6b-5f70-06c578f282c9/2b91b0a9-a1cc-4b02-a1e0-7ce24a762586.png/274x593.jpg);
    }

    .main #slider_img5 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/fc/48/11/fc48112d-e5f1-08ba-226c-c81cf7480ec2/ceec2b38-2fab-4b7b-9da1-305e5f0a9f10.png/274x593.jpg);
    }

    .main #slider_img6 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/b0/ed/85/b0ed85e2-e28f-a58c-67bf-34849c901838/c654767b-7d04-4501-98b1-7fb2b6b2d4f4.png/274x593.jpg);
    }

    .main #slider_img7 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/88/f3/73/88f3739a-b0df-c8a5-60ce-9d8bf8cae2a0/2a847184-1370-4460-a349-ab648d1caf21.png/274x593.jpg);
    }

    .main #slider_img8 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/5e/dc/9e/5edc9eac-ba29-42aa-364f-5870a0454c2c/9879cfb1-4800-496f-81e7-09d123016302.png/274x593.jpg);
    }

    .main #slider_img9 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/79/f8/50/79f850b0-cb6e-e10c-7017-2e49739d2a42/ae46775e-da1a-4b8f-8403-3dc83afcf841.png/274x593.jpg);
    }

    .main #slider_img10 {
        background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features126/v4/b3/fa/77/b3fa7718-b692-ca56-87ce-5af818a447f7/955d54ab-6986-4e68-981d-b11df46a0029.png/274x593.jpg);
    }

}

.slider_container {
    margin-top: 10px;
}

.slider {
    width: 100%;
    height: 40vh;
    overflow: hidden;
}

.slider_holder {
    display: grid;
    grid-template-columns: repeat(15, 100%);
    height: 100%;
    width: 30%;
    animation: second_slider 20s ease-in-out infinite alternate;

}

.slider_container .slider_holder>div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 10px;
}

.slider_container #slide1 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/bd/60/67/bd6067ae-64ac-04df-dc96-4757069c37dd/6610be22-3caa-493c-90b0-a8f73520c9bf.png/238x134.jpg);
}

.slider_container #slide2 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Video221/v4/cc/88/58/cc8858ff-e318-d96e-8a1a-a15dad8f5dbf/media-ST_GC_0157-9764864-Artwork-iOS-323746.png/238x134.jpg);
}

.slider_container #slide3 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features/v4/50/43/57/504357ca-3385-ca23-9a32-cbf7045a4a74/0004de7f-c0ba-4eef-a67f-3397b7052937.png/114x114SC.DN01.jpg?l=en-US);
    background-size: contain;
    background-color: black;
}

.slider_container #slide4 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features211/v4/5b/b3/4a/5bb34a60-695c-a96f-75ec-8a957fc2a20b/45899847-e52c-44a1-9ce5-09aedebb7a78.png/238x134.jpg);
}

.slider_container #slide5 {
    background-image: url(https://is1-ssl.mzstatic.com/image/thumb/Features112/v4/34/6a/0a/346a0a1c-05fc-5205-0462-fcfaacae884e/d0c6e10a-7cd0-4248-9734-212745ba7fd4.png/238x134.jpg);
}

@keyframes second_slider {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

.text {
    margin-top: 25px;
    padding-top: 20px;
    background-color: rgba(245, 245, 247, .8);
}

.p_text {
    font-size: 12px;
    color: rgb(114, 114, 114);
}


.footer {
    margin-top: 25px;
}

.footer_col {
    font-size: 13px;
}

h6 {
    color: black;
    font-size: 13px !important;
    margin-left: 30px;
}

ul {
    list-style: none;
    color: rgb(114, 114, 114);
}

li {
    line-height: 25px;
    text-align: start;
}

.responsive_footer {
    display: none;
}

@media screen and (max-width: 990px) {
    .footer_col {
        display: none;
    }

    .responsive_footer {
        display: inline;
    }

    .responsive_footer>p {
        border-bottom: 1px solid lightgray;
        font-size: 14px;
    }

    .para {
        cursor: pointer;
        padding: 3px;
    }

    .para_ul {
        display: none;
        margin-left: -10px;
    }

    .one:hover .para_ul {
        display: block;
    }

    .two:hover .para_ul {
        display: block;
    }

    .three:hover .para_ul {
        display: block;
    }

    .four:hover .para_ul {
        display: block;
    }

    .five:hover .para_ul {
        display: block;
    }

    .six:hover .para_ul {
        display: block;
    }

    .seven:hover .para_ul {
        display: block;
    }

    .eight:hover .para_ul {
        display: block;
    }

    .nine:hover .para_ul {
        display: block;
    }

    .ten:hover .para_ul {
        display: block;
    }

    .eleven:hover .para_ul {
        display: block;
    }
}

.last_line {
    font-size: 13px;
    color: gray;
    margin-top: 15px !important;
    margin-left: 30px !important;
}

.Copyright {
    font-size: 13px;
    margin: -15px 30px 30px !important;
}

.first_span {
    color: gray;
}

.second_span {
    margin-left: 30px;
}

.third_span {
    display: flex;
    justify-content: end;
    position: relative;
    top: 22px;
}

@media screen and (max-width: 990px) {
    .last_line {
        margin-left: 0px !important;
    }

    .Copyright {
        margin: 0px 0px 20px !important;
    }

    .second_span {
        margin-left: 0px;
        display: block;
    }

    .third_span {
        display: block;
        position: relative;
        top: -5px;
        margin: 10px 0px 10px;
    }

    .hide {
        display: none;
    }
}