.btn-red-filled {
    font-family: 'Nexa';
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background: #E84923;
    border: none;
    border-radius: 4px;
    padding: 11px 20px;
    cursor: pointer;
    transition: 0.5s;
}

    .btn-red-filled:hover {
        background: #FF613C;
    }

.burger-menu svg {
    fill-rule: evenodd;
    clip-rule: evenodd;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 1.5;
    cursor: pointer;
}

    .burger-menu svg path {
        fill: none;
        stroke: #326296;
        stroke-width: 3px;
    }

    .burger-menu svg + svg {
        margin-left: 1.5rem;
    }

.burger-menu #top,
.burger-menu #bottom {
    stroke-dasharray: 30, 75.39;
    transition: all 0.6s cubic-bezier(0.6, 0.33, 0.67, 1.29);
}

.burger-menu svg.active #top,
.burger-menu svg.active #bottom {
    stroke-dasharray: 75.39;
    stroke-dashoffset: -60;
}

.burger-menu svg:nth-child(2) {
    transform: rotate(0deg);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .burger-menu svg:nth-child(2) path {
        transition: all 0.4s ease-in-out 0.6s;
    }

    .burger-menu svg:nth-child(2).active {
        transform: rotate(180deg);
    }

.burger-menu .rocket #top {
    stroke-dasharray: 30, 88;
}

header {
    position: fixed;
    z-index: 10;
    width: 100%;
}

    header .body {
        height: 80px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 30px;
        justify-content: space-between;
        background: #fff;
    }

        header .body .left-part {
            display: flex;
            align-items: center;
            gap: 20px;
            padding-right: 50px;
        }

            header .body .left-part .header-logo {
                height: 42px;
                width: auto;
                margin-top: 15px;
            }

                header .body .left-part .header-logo img {
                    height: 42px;
                    width: auto;
                }

        header .body .center-part {
            height: 100%;
            flex: 1;
            transform: skew(-17deg);
            background: #F1F5F7;
            display: flex;
            padding: 0 30px;
            z-index: 1;
        }

            header .body .center-part .menu-content {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 30px;
                transform: skew(17deg);
            }

                header .body .center-part .menu-content .search-wrapper {
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    flex: 1;
                }

                    header .body .center-part .menu-content .search-wrapper img {
                        cursor: pointer;
                        width: 22px;
                    }

                    header .body .center-part .menu-content .search-wrapper input {
                        border: none;
                        font-family: 'Nexa';
                        font-weight: 700;
                        font-size: 16px;
                        color: #343434;
                        background: none;
                        flex: 1;
                    }

                        header .body .center-part .menu-content .search-wrapper input:focus {
                            outline-width: 0;
                        }
                            header .body .center-part .menu-content .search-wrapper input:focus::placeholder {
                                color: transparent;
                            }


        header .body .right-part {
            display: flex;
            align-items: center;
            gap: 14px;
            position: relative;
            background: #E5EAEE;
            height: 100%;
            margin: 0 -30px;
            padding: 0 30px;
        }

            header .body .right-part .user-info {
                display: flex;
                gap: 10px;
            }

            header .body .right-part span {
                font-family: 'Nexa';
                font-weight: 700;
                font-size: 14px;
                color: #343434;
                padding-left: 30px;
                cursor: pointer;
            }

        header .body .dropdown-content {
            z-index: 10;
            top: 42px;
        }

    header .header-ad {
        height: 24px;
        background: #89BDE5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
    }

        header .header-ad div {
            text-align: center;
            font-family: 'Nexa';
            font-style: normal;
            font-size: 14px;
            color: #326296;
            cursor: pointer;
        }

        header .header-ad img {
            width: 12px;
            height: 12px;
            cursor: pointer;
        }

    header .body .left-part .header-logo .mobile-logo {
        display: none;
    }

#pageContent {
    margin-top: 80px;
}
.follow-us-dropdown-wrapper {
    position: relative;
}

    .follow-us-dropdown-wrapper .follow-us-menu {
        display: none;
        position: absolute;
        right: 0;
        top: 50px;
        background: #D9D9D9;
        border-radius: 8px;
        padding: 10px;
        gap: 4px;
    }

        .follow-us-dropdown-wrapper .follow-us-menu .follow-us-item {
            background: #FFFFFF;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding: 6px;
            color: #343434;
            cursor: pointer;
            transition: 0.7s;
        }

            .follow-us-dropdown-wrapper .follow-us-menu .follow-us-item:hover {
                background: #326296;
                color: #fff;
            }

                .follow-us-dropdown-wrapper .follow-us-menu .follow-us-item:hover img {
                    filter: brightness(0) invert(1);
                }

            .follow-us-dropdown-wrapper .follow-us-menu .follow-us-item img {
                margin: 0 auto;
                width: 24px;
                height: 24px;
            }

            .follow-us-dropdown-wrapper .follow-us-menu .follow-us-item span {
                font-family: 'Nexa';
                font-weight: 700;
                font-size: 10px;
            }
.side-menu {
    height: calc(100vh - 80px);
    width: 270px;
    background: #326296;
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    gap: 20px;
    transition: 0.8s;
    margin-left: -100%;
    position: fixed;
}

    .side-menu.opened {
        margin-left: 0;
        display: flex;
    }

    .side-menu.closed {
        display: none;
    }

    .side-menu .menu-content {
        display: flex;
        flex-direction: column;
        gap: 3px;
        overflow: hidden;
    }

        .side-menu .menu-content .section {
            display: flex;
            flex-direction: column;
        }

            .side-menu .menu-content .section .heading {
                border-radius: 4px;
                color: #89BDE5;
                font-family: 'Nexa';
                font-weight: 700;
                font-size: 18px;
                cursor: pointer;
                flex: 1;
                display: flex;
                justify-content: space-between;
                padding: 7px 10px;
                transition: 0.6s;
                align-items: center;
            }

            .side-menu .menu-content .section .heading .icon {
                width: 20px;
            }

                .side-menu .menu-content .section .heading:hover,
                .side-menu .menu-content .section .heading.active {
                    background: #1F4267;
                    color: #fff;
                }

                    .side-menu .menu-content .section .heading:hover .icon,
                    .side-menu .menu-content .section .heading.active .icon {
                        filter: brightness(0) invert(1);
                    }

                .side-menu .menu-content .section .heading .text {
                    display: flex;
                    gap: 16px;
                    align-items: center;
                }

                .side-menu .menu-content .section .heading .arrow,
                .side-menu .menu-content .section .heading-second-level .arrow {
                    width: 20px;
                    transition: 0.6s;
                    transform: rotate(180deg);
                }

                .side-menu .menu-content .section .heading.active .arrow,
                .side-menu .menu-content .section .heading-second-level.active .arrow {
                    transform: rotate(0);
                }

                .side-menu .menu-content .section .heading .text div,
                .side-menu .menu-content .section .heading div:last-child {
                    display: flex;
                }

            .side-menu .menu-content .section .categories-wrapper {
                overflow: hidden;
            }

            .side-menu .menu-content .section .categories {
                display: flex;
                flex-direction: column;
                gap: 8px;
                transition: 0.7s;
                padding: 20px 0px 10px 50px;
            }

                .side-menu .menu-content .section .categories a {
                    font-family: 'Nexa';
                    font-weight: 700;
                    font-size: 16px;
                    color: #89BDE5;
                    text-decoration: none;
                    transition: 0.4s;
                }

                    .side-menu .menu-content .section .categories a:hover {
                        color: #D0D9E0;
                    }

            .side-menu .menu-content .section .heading-second-level {
                display: flex;
                justify-content: space-between;
                font-family: 'Nexa';
                font-weight: 700;
                font-size: 16px;
                color: #89BDE5;
                transition: 0.4s;
                cursor: pointer;
            }

                .side-menu .menu-content .section .heading-second-level:hover {
                    color: #D0D9E0;
                }

            .side-menu .menu-content .section .second-categories-wrapper {
                overflow: hidden;
            }

            .side-menu .menu-content .section .second-categories {
                display: flex;
                flex-direction: column;
                gap: 8px;
                padding: 10px 0;
                transition: 0.7s;
            }

    .side-menu .calendar {
        background: #1F4267;
        color: #89BDE5;
        display: flex;
        padding: 7px 10px;
        border-radius: 4px;
        color: #89BDE5;
        font-family: 'Nexa';
        font-weight: 700;
        font-size: 14px;
        align-items: center;
        cursor: pointer;
        padding: 13px 16px;
        transition: 0.6s;
    }

        .side-menu .calendar:hover {
            color: #fff;
            background: #254D78;
        }

            .side-menu .calendar:hover img {
                filter: brightness(0) invert(1);
            }

        .side-menu .calendar span {
            flex: 1;
            text-align: center;
        }
footer {
    background: #1F4267;
    display: flex;
}

    footer .company-details {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 50px;
        border-right: 1px solid #5691C4;
        flex: 1;
    }

        footer .company-details .logo img {
            width: 160px;
        }

        footer .company-details .copyright-wrapper {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

            footer .company-details .copyright-wrapper .social-medias {
                display: flex;
                gap: 8px;
            }

                footer .company-details .copyright-wrapper .social-medias img {
                    width: 24px;
                    height: 24px;
                }

            footer .company-details .copyright-wrapper .copyright {
                font-family: 'Nexa';
                font-weight: 500;
                font-size: 10px;
                color: #5691C4;
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

                footer .company-details .copyright-wrapper .copyright p {
                    margin: 0;
                }

                footer .company-details .copyright-wrapper .copyright a {
                    color: #5691C4;
                    text-decoration: underline;
                    transition: 0.6s;
                }

                    footer .company-details .copyright-wrapper .copyright a:hover {
                        color: #fff;
                    }

    footer .links-wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex: 4;
    }


        footer .links-wrapper .website-content {
            padding: 50px 80px 50px 60px;
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            gap: 20px;
        }

            footer .links-wrapper .website-content .website-links-group {
                display: flex;
                gap: 40px;
            }

            footer .links-wrapper .website-content .website-links-wrapper {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

                footer .links-wrapper .website-content .website-links-wrapper .heading h6 {
                    font-family: 'Nexa';
                    font-weight: 700;
                    font-size: 10px;
                    text-transform: uppercase;
                    color: #5691C4;
                    margin: 0;
                }

                footer .links-wrapper .website-content .website-links-wrapper .links-wrapper {
                    display: flex;
                    flex-direction: row;
                    gap: 40px;
                }

                footer .links-wrapper .website-content .website-links-wrapper .links {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;
                }

                    footer .links-wrapper .website-content .website-links-wrapper .links a {
                        font-family: 'Nexa';
                        font-weight: 700;
                        font-size: 14px;
                        color: #FFFFFF;
                        text-decoration: none;
                        transition: 0.6s;
                    }

                        footer .links-wrapper .website-content .website-links-wrapper .links a:hover {
                            color: #89BDE5;
                        }

        footer .links-wrapper .privacy {
            background: #2A4E74;
            display: flex;
            padding: 25px 60px;
            font-family: 'Nexa';
            font-weight: 700;
            font-size: 12px;
            gap: 20px;
            margin-right: -150%;
            display: flex;
            flex-direction: row;
        }

            footer .links-wrapper .privacy a {
                color: #FFFFFF;
                text-decoration: none;
                transition: 0.6s;
            }

                footer .links-wrapper .privacy a:hover {
                    color: #5691C4;
                }

            footer .links-wrapper .privacy span {
                color: #5691C4;
            }

.mobile-copyright {
    display: none;
}

@media(max-width:1440px) {
    footer .links-wrapper .website-content .website-links-wrapper .links-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    footer .links-wrapper .website-content .website-links-group {
        gap: 40px;
        flex-direction: column;
    }

    footer .links-wrapper .website-content {
        justify-content: space-around;
    }
}

@media(max-width:768px) {
    footer {
        flex-direction: column;
    }

        footer .company-details {
            padding: 32px 17px;
            flex-direction: row;
            border: none;
            border-bottom: 1px solid #5691C4;
        }

            footer .company-details .copyright-wrapper .copyright {
                display: none;
            }

        footer .links-wrapper .website-content {
            padding: 40px 17px;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 60px;
        }

            footer .links-wrapper .website-content .website-links-group-third {
                flex-direction: row;
                flex: 1;
                gap: 70px;
            }

        footer .links-wrapper .privacy {
            padding: 15px;
            flex-wrap: wrap;
            width: 100%;
            border-top: 1px solid #5691C4;
            justify-content: center;
        }

        footer .mobile-copyright {
            font-family: 'Nexa';
            font-weight: 500;
            font-size: 10px;
            color: #5691C4;
            display: flex;
            flex-direction: column;
            padding: 24px;
            text-align: center;
            gap: 4px;
        }

            footer .mobile-copyright p {
                margin: 0;
            }

            footer .mobile-copyright a {
                color: #5691C4;
                text-decoration: underline;
                transition: 0.6s;
            }

    header .body {
        padding: 0 20px;
    }

        header .body .left-part .header-logo .pc-logo {
            display: none;
        }

        header .body .left-part .header-logo .mobile-logo {
            display: block;
        }

        header .body .left-part .header-logo {
            margin: 0;
        }

        header .body .left-part {
            padding-right: 20px;
        }

        header .body .center-part .menu-content .search-wrapper input {
            display: none;
        }

        header .body .center-part {
            padding: 0 15px;
        }

            header .body .center-part .menu-content {
                gap: 20px;
            }

                header .body .center-part .menu-content .btn-red-filled {
                    white-space: nowrap;
                }

        header .body .right-part span {
            display: none;
        }

        header .body .right-part {
            margin-left: -15px;
        }
}