<meta charset="UTF-8">
<html>
    <head>
        <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet" type="text/css" />
        <style>
            body{
                background-color: #29aae3;
                width: 100%;
                height: 100%;
                font-family: Vazir;
                padding: 0 !important;
                margin: 0 !important;
            }
            .topImageContainer{
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .topImage{
                width: 40%;
            }
            .topImageLogoContainer{
                display: flex;
                justify-content: center;
                align-items: center; 
            }
            .ourServices{
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #f0f8ff26;
                margin: 0px 5%;
                border-radius: 20px;
                padding: 10px;
                box-shadow: 10px 10px 10px 10px #46464603;
                border: 1px solid #00f3ff63;
            }
            .ourServicesSubContainer{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center; 
                background-color: white;
                border-radius: 10px;
                width: 20%;
                padding: 20px;
                margin:10px;
                box-shadow: 10px 10px 10px black;
            }
            .ourServicesSubContainer {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background-color: white;
                border-radius: 20px;
                width: 15%;
                min-height: 250px;
                padding: 20px;
                margin: 20px 50px;
                box-shadow: 0px 12px 10px #46464638;
            }
            .serviceLinks{
                font-size: 22px;
                font-weight: 600;
                color:blue
            }
            .serviceDescription{
                text-align: center;
                font-size: 15px;
                color:rgb(133, 134, 134)
            }
            .imageServices{
                width:100px;
            }
            .mainTitleContainer{
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .titleStyle{
                color:white;
                margin-top: 0;
                font-size: 22px;
            }
            .divider{
                display: flex;
                justify-content: center;
                height:5px;
                align-items: center;
                background-color: #92d7f5;
                width: 20%;
                border-radius: 2px;
                border-bottom: 1px solid black;
            }
            .titleDecorContainer{
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <div class="topImageContainer">
            <img class="topImage" src="https://parsvds.com/wp-content/uploads/2022/08/suspendedanimation.gif" />
        </div>
    </body>
</html>
