* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: arial;
}

body {



    background:
        /*#456173;*/
        /*        linear-gradient(to right, #b624d2, mediumpurple);*/
        /*        linear-gradient(to right,#A93226 ,#7D3C98   );*/
        linear-gradient(to right, #2E4053, #6C3483);

}

.logomain {


    display: flex;
    justify-content: center;

}

header {

    background-color: purple;


    color: #f1f1f1;

    padding: 20px;
    overflow: hidden;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;

}

.headerimage img {
    max-width: 100px;


    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 50%;
    border-color: black;
}

.mainbox {
    margin: 0 auto;
    max-width: 1200px;

    margin-top: 30px;
    padding: 0 20px;

}

.logos {
    display: flex;
    justify-content: space-between;
}

.titletxt img {
    max-width: 150px;
    height: auto;
}

.qrcodemain {
    display: flex;
    justify-content: space-between;
}

.qrcodemain img {
    /* max-width: 135px;
    height: auto;
    padding-top: 20px;*/

    max-width: 135px;
    height: auto;
    object-fit: contain;

}

/*...........slide start........................*/
.scrollmenu {
    margin-top: 10px;
    background-color: purple;
    overflow: auto;
    white-space: nowrap;
    height: 380px;
    padding: 10px;


}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 20px;
    text-decoration: none;

}

.scrollmenu img {
    height: 350px;
    max-width: 200px;
    padding: 5px;
}

.iframe-wrap {
    height: 350px;
    max-width: 300px;
    padding: 10px, 10px;

}

/*..................containtmaintext..........................*/
.containtmainbox {
    margin-top: 20px;
}

h3 {
    color: #28B463;
}

.paiduser {
    margin-top: 20px;
}

.howtouse p {
    color: #fff;
    font-size: 20px;
}

hr {
    height: 4px;
    background-color: #fff;
    border: none;
}

.howtouse span {
    color: #fff;
    font-size: 23px;
}

.usp {
    margin-top: 20px;
}

.usp span {
    font-size: 20px;
    color: #fff;
    font-weight: 900;

}

.usp p {
    font-size: 20px;
    color: #fff;
    /*     font-weight: 900;*/

}

.fotterbtn Button:hover {
    color: #000;
    cursor: pointer;
    background-color: gray;
}

.fotterbtn Button:hover {
    background-color: #fff;
    opacity: 0.9;

}

footer {
    margin-top: 20px;


}

.footerbtm {

    text-align: center;
    padding: 5px;
    background-color: purple;

    color: black;
}

.masslink a:hover {
    color: pink;
    cursor: pointer;
    text-decoration: none;
}

.masslink a {
    color: #fff;
    font-family: cursive;
    font-size: 20px;
}

.icon i {
    font-size: 20px;
}

.icon .fa-twitter:hover {
    color: pink;
}

.fa-twitter {
    color: #fff;
}

.fa-facebook {
    color: #fff;
}

.fa-facebook:hover {
    color: pink;
}

.fa-linkedin:hover {
    color: pink;
}

.fa-linkedin {
    color: #fff;
}

.tittlevedio {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    font-size: 20px;
    color: #28B463;

}

.tittlevedio a {

    color: #28B463;
    font-size: 30px;
}

.tittleeventvedio {
    display: flex;
    justify-content: flex-start;
    margin-top: 35px;
    font-size: 20px;

}

.tittleeventvedio a {
    color: #28B463;
    font-size: 30px;

}

/*
.vedios {

    margin-top: 20px;
    margin: 1px;
    display: flex;
    overflow-x: hidden;

}
*/

/*hkdskdsdskdsjkdskj*/

.scrollmenu2 iframe {
    max-width: 200px;
    height: 300px;
    margin-top: 10px;
    margin-left: 5px;
  
    
}

.scrollmenu2 .videos a {
    color: white;
    margin-top: 5px;
 pointer-events: none;        
         text-decoration: none;
}

.scrollmenu2 {
    margin-top: 0px;
    background-color: purple;
    height: 362px;
    overflow: auto;
    white-space: nowrap;

}

.videos {
    display: flex;
    justify-content: flex-start;
    list-style: none;
   
}

.videos li {
    margin: 0.2em;
    display: flex;
    flex-flow: column;
    align-items: center;
     
}
/*
.videos iframe{
 
    height:300px;

    
}
*/

/*
.videos a {
  margin:.5em 0;
}*/