
.head >hr{
    width:100px;
    margin-left:auto ;
    margin-right:auto ;
}
.head >hr{
    height: 1px;
    background-color:#7010BF ;
}
.head>h2,.head >hr{
    color:#7010BF;
    text-align: center;
   }
   .head>p{
       width:80%;
       margin: auto;
       text-align: center;
   }

.head,.attendee-profile-containner,.aboutus-contianner,.Benefit-card-containner{
    width: 80%;
    margin-left:auto ;
    margin-right:auto ;
    }
/*  */
.aboutus-contianner{
    display: flex;
    justify-content: center;
    height: auto;
    flex-wrap:wrap;
}
.aboutus-button>a:hover{
    color: white;
    box-shadow: 2px 2px 4px #636262;
}
.aboutus-button>a{
    padding:12px 52px;
    color:white;
    background-color: #7010BF;
    margin-top: auto;
    margin-bottom: 10px;
}
.aboutus-p>p{   
    width: auto;
    height:auto;
}

.aboutus-text>h3{
    color:#7010BF;
    margin-top: 10px;
    margin-bottom: auto;
}
.aboutus-text-containner{
    margin-top: 5%;
    margin: auto;
    width: 550px;
    height: 350px;
}
.aboutus-img >img{
    width: auto;
    height: auto;
}
.aboutus-img{   
    margin: auto;
        width:580px;
        height:auto;
        position: relative;
    }


.attendee-profile-containner,.Benefit-card-containner{
    margin: auto;
    display: flex;
    justify-content: center;
    width: 80%;
    height: auto; 
    flex-wrap:wrap;
}
/*  */
.Benefit-card{
    margin: 40px;
    box-shadow: 2px 2px 4px #636262;
}
.Benefit-description>li{
    line-height: 1.5;
    font-size:small;
    font-style: bold;
}
/*  */

.profile-img{
width: 250px;
height: auto;
}
.profile-img >img{
    width: auto;
    height: auto;
}
.profile-description{
    width: 200px;
    height: auto;
}
.profile-description>li{
    line-height: 1.5;
    font-size:small;
    font-style: bold;
}
.profile-card{
    margin: 40px;
    display: flex;
    justify-content: center;
    box-shadow: 2px 2px 4px #636262;
}

/*  */


#middle-sponsorship{
    margin-top:5% ;
    margin-bottom: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.aboutusmiddle-text>h3,.aboutusmiddle-p>li{
    color: white;
    margin-top: 10px;
margin-bottom: auto;
font-size: 16px;
}
.aboutusmiddle-text>h3,.aboutusbottom-text>h3{
font-size: 30px;
}
.aboutusbottom-text>h3{
color:#7010BF;
margin-top: 10px;
margin-bottom: auto;
}
.aboutusbottom-text>li{
    font-size: 16px;
}
.tg-sponder{
    width: 150px;
    height: 150px;
    justify-content: center;
}
.tg-sponder>a{
    width: 150px;
    height: 150px;
    justify-content: center;
    background-color: white;
}

.head-img{
    -ms-transform: rotate(359.9999999999999999deg); /* IE 9 */
    transform: rotate(359.9999999999999999deg);
}

