/* common--------------------

} */

*{padding: 0px;margin: 0px;box-sizing: border-box;font-family: 'Noto Sans',sans-serif;}
a{text-decoration: none;background-color: transparent;}
img{max-width: 100%;border: 0;vertical-align: middle;display: inline-block;}
button{cursor: pointer;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.floatLeft{float: left;}
.black{color: black;}
.white{color: white;}
.width100{width: 100%;}
.height100{height: 100%;}
.verticalAlignMiddle{vertical-align: middle;}
.verticalAlignTop{vertical-align: top;}
.padding0{padding: 0px;}
.paddingLeft{padding-left: 0px;}
.paddingRight{padding-right: 0px;}
.paddingTop{padding-top: 0;}
.paddingBottom{padding-bottom: 0;}
.margin0{margin: 0px;}
.marginLeft{margin-left: 0px;}
.marginRight{margin-right: 0px;}
.marginTop{margin-top: 0;}
.marginBottom{margin-bottom: 0;}


.sizeNoteTable{display: table;width: 100%;}
.sizeNoteTr{display: table-row;}
.sizeNoteTd{display: table-cell;}

.sizeNoteWidth{width: 100%;max-width: 1000px;margin: 0 auto; text-align: center; height: 768px; min-height: 620px;}
.sizeNoteWidthN{width: 100%;max-width: 1000px; margin: 0 auto; text-align: center; padding: 0px 20px;}
.widthHalf{width: 50%;}
.sizeNoteH1{font-weight: bold;font-size: 48px;line-height: 74px;letter-spacing: -0.05em;color: #FFFFFF;}
.sizeNoteH3{font-size: 19px;line-height: 30px;text-align: center;color: white;letter-spacing: -0.03em;
margin-top: 30px;font-weight: normal;}
.indexlangh3{font-size: 19px;}
.sizeNoteP{font-size: 18px;line-height: 25px;text-align: center;letter-spacing: 1px;font-weight: 500;}
.sec{width: 100%;height: 768px;}

/* annimation part */
.sizeNoteH1 span{display: inline-block;}
.sizeNoteH1 span , #btnfx {opacity: 0;animation: headingIn .5s ease forwards;animation-delay: 1s;}
@keyframes headingIn{
	0%{transform: translateY(100%);opacity: 1;}
	100%{transform: translateY(5px);opacity: 1;}
}
#dvbtnfix  #btnfx{background-color: #FF2F5E;margin: 25px 0px;}
@media only screen and (max-width: 640px) {
    .sizeNoteTable{width: 100%;display: block;}
    .sizeNoteTr{display: block;text-align: center;}
    .sizeNoteTd{display: block;width: 100%;text-align: center;}
    .sizeNoteWidth{width: 100%;margin: 0 auto;height: auto;}
    .sizeNoteWidthN {width: 100%; height: auto; padding: 0px 16px;}
    .widthHalf{width: 100%;text-align: center;}
    .sizeNoteH1{font-size: 28px;line-height: 44px;}
    #btnfx{-webkit-box-shadow: 0px -2px 18px 0px #000000;box-shadow: 0px -2px 18px 0px #000000;}
    .sec{height: auto;}
    .sizeNoteH3{font-size: 18px;line-height: 25px;text-align: center;}
    .sizeNoteP{font-size: 15px;line-height: 20px;text-align: center;}
} 
@media only screen and (max-width: 460px){
    .sizeNoteH1{font-size: 28px;line-height: 44px;}
    .sizeNoteH3{font-size: 19px;line-height: 25px;text-align: center;}
    .sizeNoteP{font-size: 11px;line-height: 20px;text-align: center;}

}
@media only screen and (max-width: 400px){
    .sizeNoteH1{font-size: 28px;}
}
.ssbtnbig{padding: 15px 54px;font-size: 22px;border: 0;border-radius: 5px;background-color: #fc6256;;color: white;font-weight: 600;letter-spacing: 1px;
margin: 20px 0;outline: 0;
}
.indexdvcenter{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@media only screen and (max-width: 640px){
    .indexdvcenter{position: initial;top: 0;left: 0;transform: translate(0, 0);}
}

/* end common css in index page+++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------- */
/* header of index page all css code */
.headnavbar{background-color: #430223;position: fixed;top: 0;z-index: 100000;width: 100%;}
#navbardv{width: 100%;display: flex;align-items: center;flex-grow: 1;justify-content: flex-end;}
.navbarcontainerc{display: flex;align-items: center;height: 52px;max-width: 1000px;margin: 0 auto;background-color: #430223;padding: 17px 0;}

#navbardv{width: 100%;display: flex;align-items: center;flex-grow: 1;justify-content: flex-end;}
#navbardv .navbaritem{list-style: none;}
#navbardv .navbaritem li{display: inline-block;margin-left: 13px;}
    
.navbartext{font-weight: normal;font-size: 18px;line-height: 25px;letter-spacing: -0.03em;color: #FF99AF;margin: 0px 2px;}
#navbar-signIn{font-weight: bold !important;font-size: 16px !important;line-height: 22px !important;text-align: center !important;
letter-spacing: -0.015em !important;color: #430223 !important;background: #F9F9F9;border-radius: 8px;padding: 5px 9px}
@media only screen and (max-width: 640px) {
    .headnavbar{padding: 0px 12px;}
    /* #navbar-signIn{padding: 6px 9px 5px 9px;} */
    #navbar-signIn{padding: 1px 9px 1px 9px;}
}
/* language select dropown csss code+++++++++++++++++++++++++++++++++++++++++ */
#dropdownlanguagebtn-container{margin-left: 10px;}
.dropdownlanguagebtn {width: 75px;border: 1px solid black;border-radius: 8px;height: 33px;display: flex;align-items: center;justify-content: center;
cursor: pointer;background-color: white;}
.Landropdownlist{width: 55px;;background:#000000;position: absolute;color:white;opacity: 0.8;}
.Lanlistoption{ height: 23px;display: flex;align-items: center;padding: 0px 7px;justify-content: space-evenly;}
.Lanlistoption:hover{background-color: rgb(248, 215, 215);cursor: pointer;}
.dropdownlistshow{align-items: center;justify-content: center;cursor: pointer;width: 55px;border:none;
border-radius: 8px;height: 33px;padding: 0px 7px;background-color: transparent;}
.cnflag{width: 15px;height: 15px;background-color: transparent;}
.worldimg{width: 15px;height: 15px;margin-right: 10px;border-radius: 50%;}
.downlistimg{width: 10px;height: 10px;margin-left: 5px;}
.countrynm{font-size: 12px;font-weight: 600;}
@media only screen and (max-width: 640px) {
    #languageslspan{display: none;}
}
@media only screen and (max-width: 400px) {
    #dropdownlanguagebtn-container{margin-left: 5px;}
    .dropdownlanguagebtn{width: 50px;}
    .dropdownlistshow{width: 50px;}
    .worldimg{width: 13px;height: 13px;}
    .downlistimg{width: 8px;height: 8px;}
    #navbardv .navbaritem li{margin-left: 5px;font-size: 15px !important;}
    #navbardv .navbartext{font-size: 14px !important;}
}
/*end language select dropown csss code+++++++++++++++++++++++++++++++++++++++++ */
/* navbar  background-color: #430223*/
#top{width: 100%;background-color: #430223;display: flex;position: fixed;top: 0;text-align: center;
    padding: 10px 20px;z-index: 1000;height: 55px;justify-content: center;align-items: center;}
.logo-img{padding-top: 7px;}
#logo{width: auto;height: 18px;}
.nav-item{float: right;color: #FFF;text-align: right;flex-grow: 1;padding-top: 8px;}
.nav-item a{font-size: 18px;font-weight: 500;color: #FF99AF;;padding-left: 25px;}
#nav-signIn,#register{padding: 7px 15px;;background-color: #fff;border-radius: 4.8px;color: #22010c;font-size: 16px;font-weight: 500;line-height: 22px;}
.signIndv{padding-left: 25px;;}
@media only screen and (max-width: 640px){
    #top{padding: 10px 10px;min-height: 50px;}
    /* #logo{height: 20px;} */
    .nav-item a{font-size: 18px;font-weight: 500;padding-left: 10px;}
    .signIndv{padding-left: 10px;}
    #nav-signIn, #register{padding:5px 5px;font-size: 16px;font-weight: 500;}
    
}
@media only screen and (max-width: 400px){
    #indexheaderlogo #logo{width: 110px;height: auto;}
}
@media only screen and (max-width: 360px){
    
    .nav-item a{padding-left: 7px;}
  
}
@media only screen and (max-width: 300px){
    
    .logo-img{padding-top: 5px;}
}
/* navbar end */

/* section one */
.indexsecOne{width: 100%;min-height: 768px;height: 768px;}
.sol{text-align: left;}
.sor{text-align: right;}
/* #soimg{width: 100%;} */
.sobcolor{background-color: #430223;padding:115px 60px 0px 60px;background-position: center;min-height: 768px;
background-repeat: no-repeat;background-size: 100% 100%;background-image: url('/res/img/DSC05218 1.png');}
.sobcolor_container{max-width: 1000px;margin: 0 auto;}
#dvbtnfix button{width:328px;height: 60px;text-align: center;background-color: #FF2F5E;border: 0;outline: 0;font-weight: bold;font-size: 18px;
line-height: 25px;text-align: center;letter-spacing: -0.03em;border-radius: 8px;color: #FFFFFF;}
@media only screen and (max-width: 640px){
    .sobcolor{padding: 90px 0 20px 0px;background-image: none;}
    /* #soimg{width: 100%;} */
    .sol{text-align:center;}
    .sor{text-align: center;padding-left: 35px;text-align: center;text-align: -webkit-center;padding-top: 30px;}
    #dvbtnfix{width: 100%;position: fixed;bottom: -5px;left: 0px;padding: 0px 17px;z-index: 1000;}
    #dvbtnfix .btn{width: 100%;padding: 15px 20px 10px 20px;font-size: 18px;line-height: 25px;border: 0;outline: 0;}
}
@media only screen and (max-width: 480px){
    #dvbtnfix .btn{padding: 15px 20px;}
    #soimg{width: auto;}
}

#soimgmob{display: none;}
@media only screen and (max-width: 640px) {
    #soimg{display: none;}
    #soimgmob{display: block;margin-left: 42px;}
}
/* end section one */


/* section two */
.st{background-color: #240000;}
#stsec{text-align: left;padding-left: 395px;padding-top: 149px;}
.stponespan{color: #FF6D8D;;}
#cmbtn{padding: 13px 25px;font-size: 16px;border-radius: 26px;border: 0;letter-spacing: 1px;color: #939191;outline: 0;line-height: 22px;margin-top: 10px;}
#cmspan{color: white;font-size: 18px;letter-spacing: 2px;margin-left: 10px;}
/* .stl{vertical-align: middle;text-align: left;width: 80%;} */
.stl{vertical-align: middle;text-align: left;width: 70%;}
.str{vertical-align: middle;text-align: right;width: 30%;}
#stimg{width: 560px;height: 290px;}
.sec-twoPT{font-weight: normal;font-size: 14px;line-height: 19px;text-align: center;letter-spacing: -0.01em;
color: #B6537C;margin-top: 5px;}
#stmb{display: none;}
#stabp h3, #stabp p{text-align: left;}
@media only screen and (max-width: 640px){
    #stpc{display: none}#stmb{display: block;}
    .st{position: relative;margin-top: -123px;-webkit-box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);
        box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);}
    #stsec {text-align: center;margin-left: 0;padding: 0;padding-top: 90px !important;}
    #stabp h3, #stabp p{text-align: center;}
    #cmbtn {padding: 6px 10px;}#cmspan {font-size: 15px;}
    
    .stl{vertical-align: middle;text-align: center;width: 100%;margin-top: 30px;}
    .str{vertical-align: middle;text-align: center;width: 100%;}
    /* #stimg{width: 100%;margin-left: -80px;width: 360px;height: 180px;} */
    #stimg{width: 100%;margin-left: -80px;width: 440px;height: 230px;}
}

/* section three */
/* .sthr{background: #000000;} */
.sth{background-color:black}
.sthl{vertical-align: middle;text-align: left;}
.sthl p{text-align: left;color: #8F8D8E;}
.sthr{vertical-align: middle;text-align: right;background: #000000;}
#sthimg{width: 540px;}
.sthPtext{font-weight: normal;font-size: 16px;line-height: 22px;letter-spacing: -0.05em;color: #8F8D8E;}
@media only screen and (max-width: 640px){
    .sth-container{width: 100%;}
    /* .sth{margin-top: 82%;} */
    .sthl{padding-top: 90px;}
    .sthl h1{color: black;}
    .sthl p{text-align: center;}
    .sthl{vertical-align: middle;text-align: center;}
    .sthr{vertical-align: middle;text-align: center;padding-top: 30px;}
    #sthimg{width: 100%;width: 370px;height: 230px;}
    .sth{background-color: #F3F3F3;}
    .sthPtext{font-size: 13px;}
}
@media only screen and (max-width: 500px){
    /* .sth{margin-top: 95%;} */
}
@media only screen and (max-width: 430px){
    /* .sth{margin-top: 106%;} */
}
@media only screen and (max-width: 380px){
    /* .sth{margin-top: 120%;} */
}
@media only screen and (max-width: 360px){
    /* .sth{margin-top: 125%;} */
}
@media only screen and (max-width: 345px){
    /* .sth{margin-top: 108%;} */
    
}
/* section four */
.indexsecFour{background-color:#C50037}
.sfl{width: 50%;vertical-align: middle;text-align: left;}
.sfr{width: 50%;vertical-align: middle;text-align: left;}
.sfrlang1h1{font-size: 42px;}
/* .sfr p{text-align: left;color: white; margin-top: 40px;} */
#sfmob{display: none;}
/* #sfimg{width: 400px;} */
.sfPtext{font-weight: normal;font-size: 16px;line-height: 22px;letter-spacing: -0.05em;color: #FFE0E0;}
@media only screen and (max-width: 640px){
    #sfpc{display: none;}
    #sfmob{display: block;}
    .sfmobPtext{font-weight: normal;font-size: 13px;line-height: 22px;text-align: center;letter-spacing: -0.05em;color: #FF99AF;}
    #sfimg{width: 300px;height: auto;margin-left: 45px;}
    .sfl{width: 100%;vertical-align: middle;text-align: center;padding-top: 30px;}
    .sfr{width: 100%;vertical-align: middle;text-align: center;padding-top: 90px;}
    .sfr p{text-align: center;padding-top: 20px;}
}
/* section five */

.sfv{background-color: #F3E2E9;}
@media only screen and (max-width: 640px){
    
   .sfv{-webkit-box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);
    box-shadow: 0px -15px 26px -4px rgba(0,0,0,0.75);
    /* margin-top: -75px; */
    margin-top: 0px;
}
}
#leftc{position: absolute;top: 50%;font-size: 25px;padding: 5px;background-color: green;
    transform: translate(0%, -50%);cursor: pointer;
}
#rightc{top: 50%;position: absolute;right: 0;font-size: 25px;padding: 5px;background-color: green;
    transform: translate(0%, -50%);cursor: pointer;
}
.tabbtn{padding: 10px 2px;border: 0;font-size: 19px;outline: 0;background: none;font-weight: 700;
        letter-spacing: 1px;margin: 0px 5px;color: #817e7e;cursor: pointer;;
}
.indexdot {    cursor: pointer;
    margin: 0 2px;
    background-color: #bbb;
    padding: 5px;
    border: 0;
    background: none;
    outline: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.015em;
    color: #3C383A;
}
.indexdotdv{margin: 20px 0px 35px 0px;}
.indeximginfo{height: 70px;padding-top: 20px;text-align: center;}
#mobviewsfv{display: none;}
.indexsepsimgmob{display: none;}
#pcviewsfv .prev{left: 50px;}
#pcviewsfv .next{right: 50px;}
#pcviewsfv .prev img,.next img{width: 8px;height: 16px;left: 50px;}
#pcviewsfv .prev,#pcviewsfv .next {transform: translate(0px, -50%);cursor: pointer;position: absolute;top: 43%;padding: 5px;color: #B6537C;;
font-weight: bold;
}
.slideshow-container {width: 450px;position: relative;margin: auto;}
.mySlides {display: none ;}

/* .active{border-bottom: 2px solid black;color: #000;} */
.activeIndex{border-bottom: 2px solid black;color: #000;}
.indeximginfo h3{font-weight: bold;font-size: 14px;line-height: 19px;text-align: center;letter-spacing: -0.01em;color: #3C383A;}
.indeximginfo p{font-weight: normal;font-size: 14px;line-height: 19px;text-align: center;letter-spacing: -0.01em;color: #524E50;}
@media only screen and (max-width: 640px){
    .slideshow-container{width: 100%;}
    .mySlides{width: 100%;}
    /* .mySlides img{width: auto;} */
    .dot{font-size: 15px;}
    .indexdotdv{margin: 20px 0px 24px 0px;}
}
@media only screen and (max-width: 640px){
    .sfvheading{padding-top: 60px;}
    #mobviewsfv{display: block;}
    .indeximginfo {padding-top: 0px;}
    .prev{left: 55px;}
    .next{right: 55px;}
    /* .indexsepsimgpc{display: none;} */
    .indexsepsimgmob{display: initial;}
}
@media only screen and (max-width: 640px){
    .prev{left: 15px !important;}
    .next{right: 15px !important;}
}

/* section six */
.six{background-color: #F9F9F9;}
/* .sx{background-color:#fff;padding: 100px;} */

#sxtableimg{padding: 50px 20px;}
@media only screen and (max-width: 640px){
  .sixheading{padding-top: 90px;}
}

/* #sxtable{width: 430px;margin: 40px auto;border-collapse: collapse;}
#sxtable tr{border-bottom: 1.6px solid #d9d9d9;}
#sxtable tr td{text-align: center;padding: 15px 15px;font-size: 15px;width: 100px;}
#sxtable tr td:nth-child(even){ color: #E91E63;;} */
@media only screen and (max-width: 640px){
    .sx{padding: 0;}
    #sxtable{width: 100%;margin: 25px auto}
    #sxtable tr td{font-size: 13px;}
}
/* section-seven(sec-s)(sev)+++++++++++++++++++++++++++++++++++++++ */
.secv{background-color:#efeded;}
.sec_sevendvcontainer{text-align: center;height: 100%;position: relative;}
.sstd{padding: 10px 8px; width: 260px; min-height: 350px; min-width: 250px; height: 370px; }
.ssbx{background-color: #fff; padding: 0px 13px 15px 13px;text-align: left;min-height: 336px; height:375px;}
.sstd_header{height: 10px;;width:100%}
#enter_header{background-color: #000000;}
#prof_header{background-color: #FF2F5E;}
#std_header{background-color: #EC7597;}
#str_header{background-color:  #B6B4B5;}
.sbxh{padding: 20px 0;border-bottom: 1.5px solid #ebe8e8;}
/* .sbxh h2{font-size: 18px;line-height: 25px;} */
.sbxhp{padding: 20px 0;border-bottom: 1.5px solid #ebe8e8;}
.indexsbxhplang1free{padding: 20px 0px 36px 0px;}
.sbxh h2, .sbxhp h2{font-size: 17px;line-height: 25px;}
.sbxhp p{font-size: 12px;line-height: 16px;margin-top: 10px;color: #5c5b5b;font-weight: 600;}
.sbxul{padding: 20px 0;}
/* .sbxul ul li {list-style-position: inside;font-size: 12px;line-height: 28px;font-weight: 600;color: #3C383A;} */
.sbxul ul li {list-style-position: inside;font-size: 10px;line-height: 28px;font-weight: normal;color: #3C383A;}
.sbxul ul li span{color: #C50037;font-weight: bold;}
.ssbtn{width: 100%;background-color: #FFFFFF;padding: 10px 10px;border-radius: 8px;box-sizing: border-box; border: 1px solid #8F8D8E;}
.sbxbtn{text-align: center; margin-top: 50px;}
.sliderholder {display: table; width: 100%;}
.sliderholder .tr {display: table-row;}
.sliderholder .tr .td  {display: table-cell;}
/* @media only screen and (max-width: 500px){ */
@media only screen and (max-width: 1040px){
    .sliderframe { width: 100%; overflow-y : hidden; overflow-x : scroll; padding-right: 30px; padding-left: 30px;}
    .sliderholder { width: 1150px; min-width: 1150px; }
}
@media only screen and (max-width: 640px){
	#secvssbtnbig{display: none;}
	
}
@media only screen and (max-width: 640px){
    .sevheading{padding-top: 90px;}
    .sstd{padding: 10px 8px !important;}
    .sbxbtn { min-height: 50px;}
    .sbxbtn .ssbtnbig{padding: 13px 20px;width: 100%;font-size: 16px;}
    .sbxhp p{font-size:14px;}
}
#sfbxbtn{padding: 7px 10px;border-radius: 30px;border: 0;outline: 0;width: 87px;background-color: green;}

/* carousel code */
@media only screen and (max-width: 640px){
   /* .ssdv{} */
   /* .sstd{display: none;} */
}
/* payment swift button */
.pymentswbtn{width: 100%;vertical-align: middle;text-align: center;margin: 20px 0px;display: flex;}
.pymentswbtn #pymentdvbtn{background-color: #430223;;margin: 0 auto;border-radius: 30px;display: flex;}
/* .paymentbtnMY{padding: 8px 18px;border: 0;background-color: #430223;;width: 114px;outline: 0;line-height: 19px;
border-radius: 30px;font-size: 15px;color: white;} */
.paymentbtnMY{padding: 8px 18px;border: 0;background-color: #430223;outline: 0;line-height: 19px;border-radius: 30px;font-size: 15px;
color: white;}
.activepaybtn{background-color: #E91E63;}

@media only screen and (max-width: 640px){
    .paymentbtnMY{padding: 7px 10px;}
}
/* footer section of index page all css code*/
.footercontainer{width: 100%;max-width: 1000px;margin: 0 auto;text-align: center;width: 100%;}
#footers{width: 100%;background-color:#292125;;color: white;padding: 30px 0px;}
.foolefth3{font-weight: bold;font-size: 14px;line-height: 19px;letter-spacing: -0.01em;color: #B6B4B5;}
.fooleftp{font-weight: bold;font-size: 14px;line-height: 24px;letter-spacing: -0.01em;color: #B6B4B5;}
.footextrp{font-weight: normal;font-size: 12px;line-height: 17px;letter-spacing: -0.01em;color: #524E50;}
.footextrp a{color: #524E50 !important;}
.foorighth3{font-weight: bold;font-size: 14px;line-height: 19px;letter-spacing: -0.01em;color: #524E50;margin-bottom: 8px;}
.fooleft , .fooright{vertical-align: top;text-align: left;}
@media only screen and (max-width: 480px){
    .fooright{margin-top: 24px;}
    .footercontainer{padding: 0 17px;}
    #footers{padding: 30px 0px 110px 0px;}
}


    /* all common css for login regs gorgotpassword */
    /* {width: 500px;margin: 0 auto;} */
    .login-form , .signup , .forgotpassword {width: 460px;margin: 0 auto;}
    .login-pmrgn-btm , .forgotpassword-pmrgn-btm{margin-bottom: 20px;}
    .login-p , .forgotpassword-p{font-size: 16px;line-height: 19px;text-align: center;letter-spacing: -0.01em;color: #524E50;}
    .login-p a{color: #FF2F5E;font-weight: 600;}
    .login-input{width: 100%;border: 1px solid #D4D4D4;box-sizing: border-box;border-radius: 8px;padding: 9px 10px 6px 10px;
    font-size: 14px;line-height: 19px;
    letter-spacing: -0.01em;color: #848484;outline: 0;}
    .login-submitbtn{width: 100%;background: #FF2F5E;cursor: pointer;border-radius: 8px;border: 0;outline: 0;font-size: 18px;
    line-height: 25px;text-align: center;letter-spacing: -0.03em;color: #FFFFFF;padding: 12px 0px;}

    .hrline{background: #E2E2E2;width: 100%;height: 1px;width: 100%;position: relative;margin: 35px 0px;}
    .hrlinefish{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .login-n{width: 48%;font-size: 16px;line-height: 22px;letter-spacing: -0.05em;color: #524E50;background: #FFFFFF;border: 1px solid #D4D4D4;
    box-sizing: border-box;border-radius: 8px;padding: 13px 0px;}
    .login-nspan{font-weight: 900;color: green;margin-right: 11px;font-size: 16px;line-height: 22px;}
    .labelp{font-weight: bold;font-size: 14px;line-height: 19px;letter-spacing: -0.01em;color: #3C383A;padding-bottom: 8px;}

    .inputsec{margin-bottom: 24px;}
    @media only screen and (max-width: 640px){
        .login-form , .signup , .forgotpassword{width: 100%;padding: 0px 16px;}
        .login-p a{font-size:15px;}
        .login-p, .forgotpassword-p {font-size:15px;} 
    }
    .width-full{width: 1005;}
    .inpt-margin-btm{margin-bottom: 16px;}


    /* login page----------------------------------------- */
    
    /* .login-form{padding-top: 100px;width: 460px;margin: 0 auto;text-align: center;}
    .loginEachSec{padding: 0;width: 328px;margin: 0 auto;}
    .loginH1{margin: 0px;}
    .inpt-margin-btm{margin-bottom: 16px;}
    .login-submitbtn{padding: 12px 0px;}
    .hrline{margin: 35px 0px;}
    .forgotPassRegsDV{margin-top: 10px;}
    .login-pmrgn-btm, .forgotpassword-pmrgn-btm{margin-bottom: 16px;}
    .login-con{padding: 0px 0px 100px 0px;}
    @media only screen and (max-width: 640px) {
        .login-form{padding-top: 64px;width: 100%;padding: 64px 17px 0px 17px;}
        .loginEachSec{width: 100%;}
        .login-con{padding: 0px 0px 70px 0px;}
    } */
    .login-form{padding-top: 100px;width: 460px;margin: 0 auto;text-align: center;}
    .login-con{width: 100%;background: #fff;padding: 0px 0px 100px 0px;}
    
    .loginEachSec{padding: 0;width: 350px;margin: 0 auto;}
    .loginH1{font-size: 55px;font-style: italic;letter-spacing: 1px;color: #FF2F5E;text-align: center;}
    .loginH1 a {font-size: 55px;font-style: italic;letter-spacing: 1px;margin: 5px 0px;color: #FF2F5E;text-align: center;}
    
    .login-sub{background: #FFFFFF;width: 100%;border: 1.7px solid #FF2F5E;cursor: pointer;box-sizing: border-box;border-radius: 8px;font-weight: bold;
    font-size: 18px;line-height: 25px;text-align: center;letter-spacing: -0.03em;color: #FF2F5E;padding: 12px 0px;outline: 0;}
    .forgotPassRegsDV{width: 100%;display: flex;justify-content: space-between;margin-top: 10px;}

    @media only screen and (max-width: 640px){
        .login-con{padding: 0px 0px 70px 0px;}
        .login-form {width: 100%;padding: 64px 17px 0px 17px;}
        .loginEachSec{width: 100%;}
        /* .loginEachSec {padding: 40px 0px;} */
        .login-n {width: 48%;}
        .loginH1 {font-size: 50px;}
    }
      
    a{text-decoration: none;}
    .validationDiv { Font-Family: Noto Sans; Font-Style: Regular; Font-Size: 10px; Line-Height: 12px; Line-Height: 88%; Letter-Spacing: -1%;
    color: #FF8000; margin-top: 8px;float:left;margin-left:4px;}
    .validationerror {background-color: rgba(255, 128, 0, 0.1);border: 1px solid #FF8000}
    #loginheadmob{display: none;}
    @media only screen and (max-width: 640px) {
        #loginheadpc{display: none;}
        #loginheadmob{display: initial;}
    }
    .forgotPassRegsDV{margin-top: 10px;}

    .loginWith{border-radius: 8px;width: 100%;height: 50px;border: 0;outline: 0;cursor: pointer;font-style: normal;font-weight: bold;
    font-size: 18px;display: flex;justify-content: space-around;align-items: center;line-height: 25px;text-align: center;color: #191919;
    position: relative; text-align: center;} 
    #logingoogle{background: #DC4E41;color: #FFFF;cursor: pointer; text-align: center;}  
    #loginF{background: #1877F2;color: #FFFF;cursor: pointer;text-align: center;}   

    .loginwithicon{position: absolute;left: 16px;}   
    .spanGoogle{width: 24px;background: white;height: 24px;text-align: center;display: flex;justify-content: center;align-items: center;
    border-radius: 50%;} 
    /* reister page */
    
    .signup h3{font-weight: bold;font-size: 18px;line-height: 25px;letter-spacing: -0.03em;color: #292125;}
    /* .loginEachSec{padding: 40px 65px;} */
    .signup .freep{font-size: 14px;line-height: 19px;letter-spacing: -0.01em;color: #524E50;}
     
           
    .signupcheckbox{width: 100%;border: 1px solid #D4D4D4;box-sizing: border-box;border-radius: 8px;padding: 15px 7px 15px 13px;;font-size: 14px;line-height: 19px;
    letter-spacing: -0.01em;color: #D4D4D4;}
    .signupcheckbox a{text-decoration: underline;color: #292125;}
    .signupinput{margin: 10px 0px;}
    .signuplabel{margin: 10px 5px;}

    @media only screen and (max-width: 640px){
        .signup{width: 100%;padding: 0px 16px;}
        /* .login-form {width: 100%;padding: 0px 20px;} */
        /* .loginEachSec {padding: 40px 0px;} */
        .login-n {width: 48%;}
    }
    /* forgotpassword  and subscription main page csss*/
    .forgot-con , .subs_mail{height: 100vh;}
    .forgotpassword h3{font-weight: bold;font-size: 18px;line-height: 25px;letter-spacing: -0.03em;color: #292125;margin: 25px 0px;}
    @media only screen and (max-width: 640px){
        .forgot-con , .subs_mail{height: 100%;padding: 0px 0px 70px 0px;}
    }
    /* subsmail */

    /* resetpassword and signup verification and membershipRegsMail main page CSSS */
    /* common css */
    .resetpassbtn , .goToSizenote , .mailVerifacationbtn ,.setnewpassbutton{background: #FF2F5E;border-radius: 8px;font-weight: bold;font-size: 18px;
    line-height: 25px;text-align: center;letter-spacing: -0.03em;color: #FFFFFF;width: 80%;border: 0;outline: 0;padding: 15px 10px 10px 10px;cursor: pointer;}
        
    .resetpasssec{padding-bottom: 70px;}
    .reseth1{font-size: 30px;font-weight: 600;color: #FF2F5E;font-style: italic;padding: 45px 0px 30px 0px;}
    .resetdvh1{font-weight: bold;font-size: 28px;line-height: 44px;text-align: center;letter-spacing: -0.05em;color: #71304B;}
    .resetdvh2{font-weight: bold;font-size: 18px;line-height: 25px;text-align: center;letter-spacing: -0.03em;color: #524E50;margin-bottom: 30px;}
    .resetbxp{font-size: 14px;line-height: 24px;text-align: center;letter-spacing: -0.01em;color: #524E50;margin-bottom: 40px;}
   
    .resetbxpsec{font-size: 12px;line-height: 16px;text-align: center;letter-spacing: -0.01em;color: #8F8D8E;}
    /* secend bx */
    
    .resetscbox p{font-size: 12px;line-height: 16px;text-align: center;letter-spacing: -0.01em;color: #8F8D8E;margin-top: 40px;}
    .resetscbox span{color: #000;font-weight: 600;}
    .copyright{text-align: center;font-size: 14px;position: relative;top:11px;letter-spacing: -0.01em;color:#B6B4B5;}
     @media only screen and (max-width: 640px){
      .copyright{font-size: 10px;}
}