body {
            font-family: museo_sans, sans-serif;
            margin: 0;
            padding: 0;
            background:#242b32;
        }
        .content-box{
            padding: 0 20px;
            img{
                width: 100%;
            }
        }
        p{
            strong{
                font-weight: bold;
                font-family: 'Museo Sans 700';
            }
        }
        .container {
            width: 100%;
            max-width: 600px; /* Adjust as needed for your design */
            margin: 0 auto;
            /*padding: 0 10px;*/
            background: #ffffff;
            p{
                font-family: 'Museo Sans 300';
                font-size: 16px;
                font-weight: 300;
                line-height: 19.2px;
                text-align: left;

            }
        }
        header{
            display: flex;
            justify-content: space-between;
        }
        header .header{
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        header .search{
            display: flex;
            gap: 12px;
            align-self: center;
        }
        header .search img{
            width: 32px;
            height: 32px;
        }
        .banner-image{
            position: relative;
        }

        .banner-text span{
            font-family: 'Museo Slab 300';
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            text-align: left;
            color: #FFFFFF;
        }
        .banner-text h3{
            font-family: 'museosanscyrl-700uploadedfile';
            font-size: 34px;
            font-weight: 700;
            line-height: 30px;
            text-align: left;
            color: #00AEEF;
            margin: 0;

        }
        .main-header{
            font-family: 'museosanscyrl-700uploadedfile';
            font-size: 24px;
            font-weight: 700;
            line-height: 28.8px;
            text-align: left;
            margin: 0;
            margin-top: 14px;

        }
        .main-header::after {
            content: '';
            display: block;
            width: 34px;
            height: 5px;
            background-color: #AD9E6E;
            margin-bottom: 15px;
            margin-top: 4px;
        }

        .title{
            font-family: 'Museo Sans 500';
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
            color: #AD9E6E;
            margin:0;
        }

        section{
            p{
                padding: 0 !important;
            }
            .background-block{
                background: #223A6F;
                padding: 20px;
                color: #ffffff;
                margin: 12px 0;
            }
            ul{
                padding-left: 18px;
                li{
                    font-family: 'Museo Sans 300';
                    font-size: 16px;
                    font-weight: 300;
                    line-height: 19.2px;
                    text-align: left;
                    margin-bottom: 12px;
                }
            }
        }
        .highlight-area{
            background: #00AEF00F;
            padding: 16px 10px;
            .title{
                color: #00AEEF;
                font-family:  'Museo Sans 700';
                font-size: 18px;
                font-weight: 600;
                line-height: 21.6px;
                text-align: left;
                padding: 0;
            }
            ul{
                padding: 0 20px;
                margin-bottom: 0;
                li{
                    margin-bottom: 30px;
                    font-family:  'Museo Sans 500';
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 19.2px;
                    text-align: left;
                }
                li:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .fig-capton{
            font-style: italic;

            margin: 0 ;
            font-family: 'Museo Sans 300';
            font-size: 13px;
            font-weight: 300;
            line-height: 15.6px;
            justify-content: flex-start;
            display: flex;
        }


        .author {
            font-family: 'Museo Sans 700';
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: 0.05em;
            text-align: left;
            color: #AD9E6E;
            margin: 0;
            margin-bottom: 10px;

        }
        .position{
            width: 60%;
            font-family: 'Museo Sans 700';
            font-size: 14px;
            font-weight: 600;
            line-height: 16.8px;
            letter-spacing: 0.05em;
            text-align: left;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 27px;
        }



        .menu li {
            padding: 10px 20px;
            background-color: #242B34;
            border-bottom: 1px solid #ccc;
            cursor: pointer;
            transition: background-color 0.3s ease;
            color: #FFFFff;
        }


        footer{
            background-image: url(https://assets.kreatio.net/perenti/img/footer_background.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 20px;
        }
        .footer-logo-section{
            justify-content: space-between;
            display: flex;
        }
        .address-section{
            justify-content: space-between;
            display: flex;
        }
        .registered{
            font-family: 'museosanscyrl-700uploadedfile';
            font-weight: 700;
            line-height: 24px;
            text-align: left;
            color: #AD9E6E;
            margin-top: 25px;
            font-size: 15px;
            padding: 0px 0 6px 0;
            margin-bottom: 0;
        }
        address{
            font-family: 'Museo Sans 500';
            font-style: normal;
            font-size: 18px;
            font-weight: 400;
            line-height: 21.6px;
            text-align: left;
            color: #FFFFFF;
            display: flex;
            flex-direction: column;
            justify-content:flex-end;
        }
        address.add{
            width: 60%;
        }
        address .tadd{
            font-family: 'Montserrat', sans-serif; font-weight: 400; font-style:normal;font-size: 12px;
            font-weight: 400;
            line-height: 18.6px;text-align: left;color: #FFFFFF;
            padding: 0;
            margin: 0;
        }

        address.post img{
            margin-top: 25px;
            margin-left: 12px;
        }


        h1 {
            font-size: 24px;
            text-align: center;
        }

        p {
            font-size: 16px;
            line-height: 1.5;
        }

        @media only screen and (max-width: 599px) {
            .container {
                width: 100%;
                max-width: 600px;
                .body-container{
                    padding: 0 10px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        @media only screen and (max-width: 400px) {
            .footer-logo-section{
                .perenti-flogo{
                    width: 80%;
                    height: unset;
                }
                .scope-logo{
                    width: 35%;
                }
            }
        }