@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@keyframes blinker {  50% { opacity: 0.2; }}
*{box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
html{touch-action: manipulation;}
a{text-decoration: none;color:#222;cursor:pointer;}
body{margin:0;width:100%;}
.lleft{float:left;width:50%;height:100vh;background-image:url('/assets/backgrounds/login.webp');background-size:cover;background-position: center;position:relative;}
.lleftarea{float:right;position:absolute;right:20px;top:23%;width:300px;}
.lleftarea img{float:left;width:100%;}
.lleftarea p{float:left;width:90%;font-size:24px;font-weight: 600;color:white;text-align: right;margin-right:10%;}
.lright{float:left;width:50%;height:100vh;display:flex;align-items: center;justify-content: center;}
.lrightarea{float:left;width:380px;height:500px;}
.lrightarea h5{float:left;width:100%;font-size:16px;font-weight: 500;}
.lrightarea input{float:left;width:100%;line-height: 35px;padding:5px 10px;font-weight: 500;margin-bottom:20px;border:2px solid #e3f6fa;border-radius:10px;}
.lrightarea button{float:left;width:80%;background-color:#0b75b9;padding:10px;text-align: center;font-size:20px;color:white;border:1px solid #e3f6fa;border-radius:30px;margin:0 10% 3% 10%;}
.lrightarea a{float:left;width:auto;font-size:16px;font-weight: 600; color:#0b75b9;margin:5px 20px 20px;}
.sociallinks{float:left;width:100%;background-color:#0b75b9;border-radius: 20px;position:relative;padding:10px 30px;margin-bottom:5%;cursor:pointer;}
.sociallinks img{float:left;position: absolute;left:10px;width:23px;}
.sociallinks p{float:left;width:100%;margin:0;color:white;font-weight: 600;font-size:16px;text-align: center;}
.container{float:left;width:1300px;margin:0 calc(50% - 650px);position:absolute}
.leftarea{float:left;width:21%;height:100vh;position:sticky;top:0;padding:20px 1%;overflow-y: scroll;}
.leftarea::-webkit-scrollbar {display: none;}
.fullarea{float:left;width:74%;min-height:600px;padding:1%;}
.midarea{float:left;width:54%;height:auto;position:relative;border:2px solid #d6e4ed;top:0;background-color:#d6e4ed;padding-bottom:50px;}
.rightarea{float:left;width:25%;height:100vh;position:sticky;top:0;padding:1% 2%;overflow-y: scroll;}
.rightarea::-webkit-scrollbar {display: none;}
.leftarea a{float:left;width:100%;line-height:30px;font-size:16px;font-weight: 500;padding:10px;position: relative;cursor:pointer;}
.leftarea a>p{float:left;position: absolute;left:25px;top:10px;background-color:rgb(36 136 207 / 69%);color:white;width:20px;height:20px;border-radius: 10px;display:flex;align-items: center;justify-content: center;font-size:12px;margin:0;padding:0;}
.leftarea img{float:left;width:25px;margin-top:3px;margin-right:20px;}
.leftlogo{width:100%!important;}
.leftarea h3{float:left;width:100%;margin:5px 0 0px;}
.socialarea{float:left;width:100%;padding:0 0 1px 0;border-bottom:2px solid #e3f6fa;}
.socialarea a{float:left;width:24%;margin-right:1%;}
.socialarea img{float:left;max-width: 100%;}
.pimg{max-width:30px!important;max-height:25px!important;margin-right:13px!important;}
.midbaslik{float:left;width:100%;background-color: white;padding:15px 20px;}
.midbaslik span{float:left;font-size:18px;font-weight: 700;text-transform: uppercase;line-height:25px;}
.midbaslik span>i{float:left;background-image:url('../icons/toback.webp');background-size:cover;background-position: center;width:25px;height:25px;margin:0 10px 0 0;cursor:pointer;}
.dots{float:right;width:25px;height:25px;cursor:pointer;background-image:url('/assets/icons/dots.webp');background-size:cover;background-position:center;}
.midacomment{float:left;width:100%;}
.midacomment textarea{float:left;width:100%;border:none;margin-top:3px;padding:10px 15px;font-size:16px;}
.commentfilter{float:left;width:100%;padding:20px;background-color:white;margin-top:3px;overflow-x: scroll;display: flex;gap:5px;}
.commentfilter::-webkit-scrollbar {display:none;}
.commentfilter a{float:left;padding:3px 13px;background-color:#f2f2f2;line-height: 25px;font-size:14px;margin-right:10px;border-radius:20px;font-weight: 500;cursor:pointer;}
.cfactive{background-color:#d6e4ed!important;}
.description{float:left;width:98%;padding:20px;font-size:16px;font-weight: 500;background-color: white;margin:3px 0 0 2%;}
.description a{color:#0b75b9;font-weight: 600;}
.mainpost{float:left;width:100%;background-color:white;margin-top:3px;}
.mpvideos{float:left;width:100%;cursor:pointer;position:relative;}
.mpvideos img{float:left;width:100%;height:320px;object-fit: cover;}
.paypost{float:left;position:absolute;left:0;bottom:0;width:100%;background-color:#2222227a;text-align: center;}
.paypost p{color:white;}
.mptitle{float:left;width:100%;padding:10px 15px;}
.mptitle img{float:left!important;width:50px!important;border-radius:50%;margin-right:20px;}
.mptpp{height:50px;object-fit:contain;}
.mptt{float:left;max-width:calc(100% - 200px);}
.mptt p{float:left;width:100%;margin:3px 0;font-size:16px;font-weight: 600;}
.mptt a{float:left;width:100%;color:#74828b;}
.mptd{float:right;width:150px;color:#74828b;position: relative;}
.dotsdetail{position:absolute;z-index:999;width:80px;right:25px;top:10px;display:none;}
.dotsdetail a{float:left;width:100%;text-align: center;line-height: 27px;cursor:pointer;}

.mptd p{float: right;max-width: calc(100% - 30px);margin-right:20px;font-size:14px;}
.mptd img{float:right!important;width:20px!important;transform:rotate(90deg);filter:opacity(0.8);margin:15px 0;}
.mpdata{float:left;width:100%;padding:10px 15px;}
.mpdata p{float:left;width:100%;font-size:16px;font-weight: 400;}
.mpdata a{color:#0b75b9;font-weight: 500;}
.hbanner{float:left;width:31.3%;margin:1%;background-size:cover;background-position:center;height:120px;position:relative;display: flex;align-items: center;border-radius: 5px;cursor:pointer;}
.hbanner span{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;font-size:32px;font-weight:600;background-color:rgba(34, 34, 34, 0.445);color:white;cursor:pointer;}
.hbannerfull{float:left;width:98%;margin:1%;}
.hbannerfull>.bannerword{padding-left:22%;}
.bannerpp{float:left;width:100px;height:100px;background-size:cover;background-position: center;border-radius: 50%;border:2px solid #d6e4ed;position:absolute;left:20px;background-color:white;}
.bannerword{float:left;width:100%;height:70px;background-color:rgba(34, 34, 34, 0.144);position: absolute;bottom:0;left:0;padding-left:45%;color:white;}
.bannerword p{float:left;width:100%;margin:3px 0;font-size:16px;font-weight: 600;}
.bannerfree{float:left;padding:5px 10px;position: absolute;top:5px;left:5px;font-size:14px;font-weight: 500;color:white;background-color:rgba(34, 34, 34, 0.212);border-radius:10px;}
.mplc{float:left;width:100%;padding:20px 10px 13px;}
.mplcl{float:left;width:auto;height:20px;margin-right:15px;cursor:pointer;}
.mplcl img{float:left;max-height:100%;margin-right:5px;object-fit: contain;width:20px!important;}
.mplcl span{float:left;font-size:14px;font-weight:600;color:#828282;}
.mplcr{float:right;width:auto;height:20px;margin-right:10px;cursor:pointer;}
.mplcr img{float:left;max-height: 100%;}
.likeroll{float:left;width:100%;font-size:14px;margin:10px 0 0;font-weight: 500;margin-left:3px;}
.rsearch{float:left;width:100%;padding:20px 15px;position:relative;}
.rsearch input{float:left;width:100%;line-height: 24px;border:1px solid #d6e4ed;padding:5px 10px;border-radius:10px;}
.rsearch a{float:right;position:absolute;right:27px;top:29px;width:17px;height:17px;cursor:pointer;}
.rsearch img{float:left;max-width: 100%;}
.categories{float:left;width:100%;}
.categories h4{float:left;width:100%;margin:10px 0;font-weight: 600;font-size:16px;color:#0b75b9;}
.category{float:left;width:100%;margin:2% 0;border-radius:5px;position:relative;}
.category img{float:left;width:100%;height:100px;object-fit: cover;border-radius:10px;}
.cword{float:left;width:100%;position: absolute;bottom:0;padding:5px 10px;background-color:rgba(0, 0, 0, 0.329);}
.cword p{float:left;width:100%;color:white;font-size:14px;font-weight: 500;margin:5px 0;}

.mySlides {display: none}
.rbanner{float:left;width:98%;margin:0 1% 5%;background-size:cover;background-position:center;height:125px;position:relative;display: flex;align-items: center;border-radius: 5px;}
.rbannerpp{float:left;width:50px;height:50px;background-size:cover;background-position: center;border-radius: 50%;border:2px solid #d6e4ed;position:absolute;left:20px;background-color:white;bottom:20px;}
.lsag{position:absolute;bottom:0;right:0;width:13px;height:13px;border-radius:13px;background-color:#00ff05;}
.lsar{position:absolute;bottom:0;right:0;width:13px;height:13px;border-radius:13px;background-color:red;}
.rbannerword{float:left;width:100%;height:50px;background-color:rgba(34, 34, 34, 0.144);position: absolute;bottom:0;left:0;padding-left:35%;color:white;}
.rbannerword p{float:left;width:100%;margin:0;font-size:16px;font-weight: 600;line-height: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.rbannerword span{float:left;width:100%;font-size:13px;display:block!important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.rbannerfree{float:left;padding:4px 8px;position: absolute;top:5px;left:5px;font-size:13px;font-weight: 500;color:white;background-color:rgba(34, 34, 34, 0.212);border-radius:10px;}
.rbannernew{float:right;padding:8px 4px;position: absolute;top:5px;right:5px;font-size:10px;font-weight: 500;color:white;background-color:#0b75b9;border-radius:50%;}
.prbannernew{float:left;padding:12px 6px;position: absolute;top:-5px;right:-5px;font-size:12px;font-weight: 500;color:white;background-color:#0b75b9;border-radius:50%;}
.slideshow-container {float:left;width:100%;position: relative;margin: auto;padding-top:40px;margin-top:20px;}
.prev, .next {cursor: pointer!important;position: absolute!important;top: 1%;width: auto!important;padding: 16px!important;margin-top: -22px!important;color: #0b75b9!important;font-weight: bold!important;font-size: 14px!important;transition: 0.6s ease;border-radius: 0 3px 3px 0!important;user-select: none!important;}
.prev {right: 40px;border-radius: 3px 0 0 3px;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: #d6e4ed;}
.dotsarea{float:left;width:100%;text-align: center;padding-bottom:20px;border-bottom:1px solid #d6e4ed;}
.dot {cursor: pointer;height: 10px;width: 10px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #717171;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
.slidesuggest{float:left;position:absolute;left:1%;top:0;font-size:16px;color:#0b75b9;font-weight: 600;}

.rightprivacy{float:left;width:100%;text-align: center;margin:20px 0 10px;}
.rightprivacy a{float:left;font-size:12px;font-weight: 400;color:#717171;width:100%;}
.rightprivacy span{float:left;width:5px;height:5px;border-radius:50%;background-color:#717171;margin:5px 15px;display:none;margin:7px 0;}

.notifications{float:left;width:100%;margin:1% 0;}
.notification{float:left;width:96%;padding:10px 5% 10px 10%;margin:1% 2%;background-color: white;border-radius:10px;position:relative;}
.notification p{margin:2px 0 4px;}
.notification span{font-size:13px;}
.notification img{float:left;width:45px;height:45px;object-fit:cover;border-radius:50%;position:absolute;left:10px;top:10px;padding:5px;border:1px solid #0b75b9; }
.notification dots{float:right;width:15px;height:15px;background-color:#0b75b9;position:absolute;right:20px;top:25px;border-radius:50%;}
.nlike{background-color: #dbcef9!important;}
.ntags{background-color: #e3f6fa!important;}
.ncomments{background-color: #edfde8!important;}
.nmentions{background-color: #fff2dc!important;}
.nsubscriptions{background-color:#f9d6d6!important;}
.npromotions{background-color: #d6ffd1!important;}

.allmessages{float:left;width:28%;border:1px solid #ccc;height:100vh;padding:10px 15px;}
.nowmessages{float:left;width:50%;border-right:1px solid #ccc;height:98vh;padding:10px 2%;position:relative;}

.ammenu{float:left;width:100%;}
.ammenu h3{float:left;width:60px;font-size:20px;font-weight: 500;}
.msearch{float:right;width:calc(100% -  140px);padding:15px 0;position:relative;}
.msearch input{float:left;width:100%;line-height: 24px;border:1px solid #d6e4ed;padding:5px 10px;border-radius:10px;}
.msearch a{float:right;position:absolute;right:12px;top:25px;width:17px;height:17px;cursor:pointer;}
.msearch img{float:left;max-width: 100%;}

.amfmenu{float:left;width:100%;margin:5px 0;}
.amfmenu span{float:left;font-size:16px;font-weight: 500;color:#74828b;}
.amfmenu a{float:right;width:25px;margin-right:5px;}
.amfmenu a>img{float:left;width:100%;}

.messages{float:left;width:100%;}
.message{float:left;width:100%;background-color:white;border:1px solid #d6e4ed;border-radius:10px;padding:10px;cursor:pointer;margin:10px 0;position:relative;}
.mpp{float:left;width:50px;height:50px;background-color:white;border-radius:50%;display:flex;align-items: center;justify-content: center;position: relative;}
.mpp img{float:left;width:100%;border-radius:50%;}
.mdta{float:right;min-height:30px;width:calc(100% - 60px);padding:3px 0;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;}
.mdta span{float:left;font-size:14px;width:100%;}
.mdta tomsg{float:left;font-size:14px;position:absolute;right:10px;top:0px;background-color:#0b75b9;padding:5px 10px;border-radius:50%;}
.msgsilbtn{float:left;z-index:99999;position:absolute;background-color:rgba(255, 255, 255, 0.452);font-weight: 600;padding:5px;border-radius:50%;right:3px;bottom:4px;}
.msgsilbtn img{float:left;width:17px;height:17px;object-fit: contain;}
.nwmenu{float:left;width:100%;border-bottom:1px solid #d6e4ed; background-color:white;padding:5px 15px;position:relative;z-index:999;}
.nwmessage{float:left;max-height: 80%;overflow-y:scroll;position:absolute;bottom:15%;width:92%;}
.nwmessage::-webkit-scrollbar {display:none;}
.nwmenu img{float:left;width:40px;height:40px;border-radius:50%;}
.nwmenu a{float:left;margin:10px 20px 10px;font-size:16px;font-weight: 500;cursor:pointer;}
.nwmenu span{float:right;font-size:14px;font-weight: 500;margin:10px 0;}
.nwmessager{float:right;width:100%;margin:15px 0 5px 30%;padding:5px 10px;border-radius:10px;position:relative;min-width: 100px;}
.nwmessagel{float:left;width:100%;margin:15px 30% 5px 0;padding:5px 10px;border-radius:10px;position:relative;min-width: 100px;}
.userl, .userr{float:left;width:60px;padding:5px 10px;position:relative;top:-10px;}
.userr{float:right;}
.userl img, .userr img{width:40px;height:40px;object-fit: cover;border-radius:50%;}
.mmessagel{float:left;width:auto;background-color: #d6e4ed;padding:5px 10px;border-radius: 10px;position:relative;left:0;top:0;max-width:320px;}
.mmessager{float:right;width:auto;background-color: #d6e4ed;padding:5px 10px;border-radius: 10px;position:relative;right:0;top:0;max-width:320px;}
.nwmessagel a, .nwmessager a{font-size:16px;font-weight: 500;color:#0b75b9;}
.nwanswer{float:left;width:94%;position: absolute;bottom:0%;height:12%;border-top:1px solid transparent;}
.nwanswer textarea{float:left;width:100%;border:none;height:12vh;padding:20px;}
.nwanswer a{float:right;position: absolute;right:2%;top:45%;width:30px;cursor:pointer;}
.nwanswer a>img{max-width: 100%;object-fit: cover;}
.messagel{float:left;width:97%;position:absolute;top:-20px;left:2px;}
.messagel h4{float:left;width:auto;margin:0;font-size:14px;}
.messagel span{float:left;font-size:14px;margin-left:70px;}
.messager{float:left;width:97%;position:absolute;top:-20px;left:2px;}
.messager h4{float:left;width:auto;margin:0;font-size:14px;}
.messager span{float:right;font-size:14px;margin-right:60px;}

.collections{float:left;width:100%;padding-top:3%;}
.collection{float:left;width:31%;margin:1%;}
.collection>.rbanner{height:85px;}
.collection>.rbanner>.rbannerpp{left:1px;width:30px;height:30px;}
.collection>.rbanner>.rbannerword{padding-left:10%;background-color:rgb(34 34 34 / 56%);height:35px;}
.collection>.rbanner>.rbannerword>p{width:100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size:14px;}
.collection>.rbanner>.rbannerword>span{font-size:12px;}

.cldatas{float:left;width:100%;}
.cldata{float:left;width:31%;margin:2% 1%;}
.clfimg{float:left;width:98%;margin:1% 1%;}
.clfimg img{width: 100%;height:130px;object-fit: cover;}
.cloimg{float:left;width:30.3%;margin:1% 1.5%;position:relative;}
.cloimg img{width: 100%;height:40px;object-fit: cover;}
.cloimg span{float:left;position:absolute;width:100%;height:90%;display:flex;align-items: center;justify-content: center;font-size:20px;color:white;font-weight: 600;top:0;left:0;background-color:#00000036;}

.verify{float:right;font-size:16px;font-weight: 600;color:#0b75b9;}

.billings{float:left;width:100%;background-color:White;padding:20px;}
.billings h4{float:left;width:100%;font-size:18px;font-weight: 600;color:#717171;}
.billing-data{float:left;width:48%;margin:3% 1%;position:relative;}
.bdfully{width:98%;margin:2% 1%;}
.billing-data select{float:left;width:100%;border:1px solid #d6e4ed;border-radius:10px;line-height: 40px;height:40px;padding:0 5%;}
.billing-data input{float:left;width:100%;border:1px solid #d6e4ed;border-radius:10px;line-height: 40px;padding:0 5%;}
.billing-data label{float:left;position:absolute;top:-10px;left:4%;color:#222;background-color:white;padding:0 5px;font-size:14px;}
.bdfully label{left:1.5%;}
.bdfully input{padding:0 2.5%;}
.bdfully select{padding:0 2.5%;}
.bdtick{float:left;width:100%;margin:3% 1%;position: relative;height:60px;}
.bdtick label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;}
.bdtick label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
.bdtick input[type="checkbox"] {visibility: hidden;}
.bdtick input[type="checkbox"]:checked + label {background-color: #66bb6a;border-color: #66bb6a;}
.bdtick input[type="checkbox"]:checked + label:after {opacity: 1;}
.bdtick p{position:relative;top:-40px;left:40px;}
.bdbutton{float:right;width:100px;margin:0 0 2% calc(100% - 100px);}
.bdbutton a{float:left;width:100%;padding:10px 15px;background-color:#0b75b9;color:white;text-align: center;border-radius:20px;cursor:pointer;}

.paymentdata{float:left;width:100%;border:2px solid #d6e4ed;padding:20px;border-radius:10px;}
.billings img{float:left;width:300px;margin:2% calc(50% - 150px);}

.wallet{float:left;width:100%;border:1px solid #ccc;border-radius:10px;}
.wnow{float:left;width:100%;padding:3% 5%;}
.wnow p{float:left;width:100%;font-size:22px;font-weight: 600;margin:3px 0;}
.waddw{float:left;width:100%;padding:3% 5%;border-top:1px solid #ccc;}
.waddw h4{float:left;width:100%;color:#717171;font-size:16px;margin:10px 0 10px;}
.waddw a{float:left;width:100%;padding:7px 10px;background-color:#0b75b9;color:white;text-align: center;border-radius:20px;margin:7px 0;font-size:14px;}
.waddw p{float:left;width:calc(100% - 60px);font-size:14px;margin-top:6px;}
input.apple-switch {position: relative;appearance: none; outline: none;width: 50px; height: 26px;background-color: #ffffff; border: 1px solid #D9DADC;border-radius: 50px; box-shadow: inset -20px 0 0 0 #ffffff;
transition-duration: 200ms;}
input.apple-switch:after {content: "";position: absolute;top: 1px; left: 1px;width: 22px; height: 22px;background-color: transparent;border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2);}
input.apple-switch:checked {border-color: #0b75b9;box-shadow: inset 20px 0 0 0 #0b75b9;}
input.apple-switch:checked:after {left: 20px;box-shadow: -2px 4px 3px rgba(0,0,0,0.05);}

.ltrans{float:left;width:100%;border:1px solid #ccc;border-radius:10px;margin-top:5%;padding:3% 5%;}
.ltrans h4{float:left;width:100%;color:#717171;font-size:16px;margin:10px 0 10px;}
.ltrans p{float:left;width:100%;color:#717171;font-weight: 500;}

.profiles{float:left;width:100%;background-color:white;min-height:100vh;}
.profiles h3{float:left;width:100%;padding:10px 20px;color:red;font-weight:600;background-color:#0000008c;margin:0;line-height: 30px;}
.profiles h3>a{color:#c9c9c9;font-weight: 700;}
.profiletop{float:left;width:100%;height:200px;background-size:cover;background-position:center;position:relative;top:0;}
.profildata{float:left;width:100%;position:relative;margin-top:-200px;}
.pdesc{float:left;width:90%;margin:10px 0;padding:20px;margin:0 10% 0 0;}
.widepp{float:left;width:100%;padding:2%;background:linear-gradient(180deg, #292828, #0000002e)}
.profilename{float:left;max-width:80%;color:white;}
.profiledot>.dots{filter:invert(1);}
.pp{float:left;width:100%;margin-top:80px;position:relative;}
.ppimg{float:left;margin-left:30px;width:100px;height:100px;position:relative;}
.ppimg img{float:left;width:100%;height:100px;object-fit:cover;border-radius:50%;background-color:white;border:2px solid #d6e4ed;}
.pplsag{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:20px;background-color:#00ff05;}
.profileedit{float:right;width:auto;border:1px solid #d6e4ed;padding:7px 12px;margin-right:20px;margin-top:65px;border-radius:30px;cursor:pointer;}
.profileedit img{float:left;width:20px;}
.profileedit p{float:left;margin:0 0 0 10px;font-size:13px;font-weight: 500;}
.profileexit{float:right;width:auto;border:1px solid #d6e4ed;padding:8px 10px 5px;margin-right:30px;margin-top:65px;border-radius:30px;    }
.profileexit img{width:15px;}
.profilesocial{float:right;width:50%;margin:2% 5%;min-height:35px;}
.psocial{float:right;width:35px;height:35px;border-radius:30px;border:1px solid #0b75b9;padding:5px;margin-left:10px;}
.psocial img{width:100%;}


.profiledetail{float:left;width:60%;margin-top:10px;padding:0 30px;}
.profileother{margin-top:-40px;}
.pdname{float:left;width:100%;font-size:18px;font-weight: 600;}
.pdnick{float:left;margin-top:3px;}
.pdstatus{float:left;margin-left:20px;}
.pdstatus select{padding:3px 10px;border-radius:5px;}

.profiledata{float:left;width:100%;border-top:3px solid #d6e4ed;padding:1% 0;}
.datacat{float:left;width:100%;text-align: center;}
.datacat a{float:left;width:50%;border-bottom:2px solid #e3f6fa;padding:10px;cursor:pointer;}
.aact{border-bottom:2px solid #0b75b9!important;}
.pddetail{float:left;width:100%;}
.pddetail img{float:left;width:100%;}

.mposts{float:left;width:100%;padding:2%;height:77vh;overflow-y: scroll;}
.mposts::-webkit-scrollbar {display: none;}
.mpost{float:left;width:48%;margin:2% 1%;}
.mpmainimg{float:left;width:100%;position: relative;height:110px;background-size:cover;background-position: center;}
.mpmainimg>video{height:110px;object-fit: cover;}
.mpost h4{float:left;width:100%;position:absolute;bottom:0;left:0;padding:10px;color:white;background-color:rgba(34, 34, 34, 0.349);margin:0;font-size:14px;z-index:999;}
.mpoimg{float:left;width:100%;position:absolute;bottom:2%;left:0%}
.mpoimg img{float:left;width:30%;height:35px;object-fit: cover;margin:1% 1.5%;}
.mpedit{float:left;position: absolute;top:8px;right:45px;width:20px;height:20px;z-index:999;}
.mpedit img{float:left;width:100%;filter:invert(1);}
.mpdelete{float:left;position: absolute;top:8px;right:10px;width:20px;height:20px;z-index:999;}
.mpdelete img{float:left;width:100%;filter:invert(1);}
.nwmenu button{float:right;padding:5px 15px;background-color:#0b75b9;color:white;border:1px solid #0b75b9;border-radius: 10px;margin-left:10px;font-size:16px;}
.mynpost{float:left;width:100%;margin:1% 0 2%;padding:2%;}
.mynpost h4{float:left;width:100%;margin:30px 0 10px;}
.myhpost{float:left;margin:2% 0;padding:0 3%;position:relative;}
.addvideo{float:left;height:100px!important;width:auto!important;object-fit: cover;}
.myhpost img{width:90%;height:170px;object-fit: cover;}
.myhpost label{float:left;width:100%;margin-bottom:5px;}
.myhpost input{float:left;width:100%;padding:6px 10px;border:1px solid #0b75b9;border-radius:5px;}
.myhpost select{float:left;width:100%;padding:5px 10px;}
.myhpost textarea{float:left;width:100%;padding:5px 10px;height:100px;border:1px solid #0b75b9;border-radius:5px;}
.imageadd{position: absolute;width:80px;height:80px;background-color:#00000030;top:60px;left:calc(45% - 40px);display:flex;align-items: center;justify-content: center;border-radius:50%;}
.imageadd img{height:30px!important;width:30px!important;}
.myoimgs{float:left;width:100%;padding:5px;margin:2% 0;}
.myoimgs input{float:left;width:100%;}
.myoimg{float:left;width:100%;}
.myoimg select{float:left;width:calc(100% - 70px);padding:2px;margin:5px 0;}
.myoimg img{float:left;width:100%;max-width:130px;height:80px;object-fit: cover;margin-bottom:5px;}
.myoimg a{float:left;width:auto;background-color:red;padding:2px;width:25px;margin-left:5px;text-align: center;border-radius: 15px;margin-top:10px;}
.myoimgs h4{float:left;width:100%;font-size:16px;color:#0b75b9;font-weight: 600;}
.mbutton, .leftarea span{display:none;}
.pdmainimg{float:left;width:75%;height:400px;padding-right:3%;}
.pdmainimg img{float:left;width:100%;height:400px;object-fit:cover;border-radius:5px;}
.pdotherimg{float:left;width:25%;height:400px;overflow-y:scroll;}
.pdotherimg img{float:left;width:100%;height:150px;margin-bottom:10px;object-fit: cover;}

.pdcomments{float:left;width:100%;margin:3% 0;}
.pdcomments{float:left;width:100%;margin:2% 0;}
.writecomment{float:left;width:100%;height:auto;margin-top:5%;position:relative;}
.writecomment label{float:left;width:100%;margin-bottom:2%;}
.writecomment input,button,textarea{float:left;margin-bottom:2%;border:1px solid #0b75b9;border-radius:10px;padding:10px;font-size:16px;}
.writecomment input{width:50%;}
.writecomment button{width:100px;margin-left:calc(50% - 100px);background-color: #0b75b9;color:white;cursor:pointer;font-weight: 600;}
.writecomment textarea{width:100%;min-height:150px;}

.pdcomment{float:left;width:100%;background-color:#e3f6fa;border-radius:10px;padding:10px 20px;}
.pduser{float:left;width:100%;margin:0 0 2%;position:relative;}
.pduser img{float:left;width:50px;height:50px;object-fit: center;border-radius: 50%;}
.pduser a{float:left;margin:3px 10px 3px;width:calc(100% - 100px);font-size:14px;font-weight: 400;}
.pdulink{font-weight: 600!important;font-size:13px!important;}
.pduser span{float:right;font-size:14px;font-weight: 400;position: absolute;top:10px;right:20px;}
.pducomment h5{float:left;width:100%;font-size:18px;font-weight: 500;margin:0 0 2% 0;}
.pducm{float:left;width:100%;font-size:16px;font-weight: 400;margin-bottom:2%;}

.bmethods{float:left;width:100%;background-color: #d6e4ed;}
.bmethod{float:left;width:33.33%;background-color:white;padding:10px 0;text-align: center;cursor:pointer;border:1px solid #d6e4ed}
.bmactive{background-color:#0b75b9;color:white;}
.bankdetail{float:left;width:100%;margin:10px 0 20px;}
.bankdetail img{float:left;width:95%;height:auto;object-fit: cover;margin:0 5% 0 0;}
.bankdetail p{float:left;width:100%;font-weight: 500;margin:5px 0;}
.btformp{float:left;width:100%;font-weight: 600;margin:30px 0 0;}
.transaction{float:left;width:100%;margin:3px 0;font-size:14px;}
.ts1{float:left;width:60%;font-weight: 500;}
.ts2{float:left;width:40%;font-weight: 500;}

.tipselect{float:left;padding:2px 10px;font-size:14px;display:none;}
.sendtip{float:left;width:50px;text-align: center;font-size:14px;background: #0b75b9;color:white;padding:4px 5px;margin-left:5px;border-radius: 5px;cursor:pointer;display:none;}
.sccping{max-width:350px;min-width:150px;text-align:center;padding:10px 20px;position:fixed;top:20%;right:0;background-color: green;color:white;z-index:999;border-radius:25px 0 0 25px;font-size:20px;display:none;}
.errping{max-width:350px;min-width:150px;text-align:center;padding:10px 20px;position:fixed;top:20%;right:0;background-color: red;color:white;z-index:999;border-radius:25px 0 0 25px;font-size:20px;display:none;}

.subdetail{float:right;width:70%;position: relative;bottom:-20px;right:0;display:none;background-color:white;color:black;border-radius:5px;}
.subdetail span{float:left;}
.sdyes{float:left;width:auto;height:auto;line-height: 30px;background-color:#0b75b9;color:white;text-align: center;margin-top:5px;border-radius:5px;cursor:pointer;margin:5px;padding:3px 10px;}

.atrbutton{float:left;width:auto;background-color:#0b75b9;padding:5px 10px;color:white;border-radius: 5px;margin-top:10px;}
.trnsdt{float:left;width:100%;padding:10px;margin:5px 0;}
.trnsdt1{float:left;width:34%;padding:0 1%;}
.trnsdt2{float:left;width:15%;padding:0 1%;}
.trnsdt3{float:left;width:17%;padding:0 1%;}
.trnsdt4{float:left;width:17%;padding:0 1%;}
.trnsdt5{float:left;width:17%;padding:0 1%;}
.paynowbutton{float:left;padding:10px 15px;background-color: #0b75b9;color:white!important;border-radius: 5px;cursor:pointer;width:150px;margin:0 calc(50% - 75px) 10px;}
.payment-success{float:left;width:100%;font-size:20px;font-weight: 600;color:green;}
.payment-waiting{float:left;width:100%;font-size:20px;font-weight: 600;color:orange;}
.payment-error{float:left;width:100%;font-size:20px;font-weight: 600;color:red;}

.nmtabs{float:left;width:100%;margin-top:20px;}
.nbtab{float:left;width:50%;padding:15px;background-color:#5db7f0;color:white;font-size:16px;display:flex;align-items: center;justify-content: center;cursor:pointer;}
.nbtactive{background-color:#0b75b9;}
.detpr{float:left;width:100%;padding:20px;}
.detpr img{float:left;width:60px;margin:20px calc(100% - 60px) 10px 0;border-radius: 50%;}
.detpr h4{float:left;width:100%;font-weight: 600;margin:5px 0;}
.detpr h5{float:left;width:100%;font-weight: 500;margin:5px 0;}
.dprline{float:left;width:100%;height:2px;background-color: #d6e4ed;margin:10px 0;}

.detpr a{float:left;width:100%;margin:5px 0;font-size:14px;font-weight: 500;}

.postmedia{float:left;width:25%;height:150px;padding:3px;display:flex;align-items: center;justify-content: center;}
.postmedia img{float:left;width:100%;height:144px;object-fit: cover;}
.postmedia video{float:left;width:100%;height:144px;object-fit: cover;}

.lsareas{float:left;position:absolute;left:0;top:0;width:110%;height:500px;background-color:white;z-index:9999;overflow-y:scroll;padding:10px;display:none;}
.lsareas::-webkit-scrollbar {display: none;}
.lsareas h5{float:left;width:100%;font-size:16px;margin:5px 0;}
.lsareas h6{float:right;position:absolute;top:-25px;right:5px;font-size:16px;}
.lsareas input{float:left;width:95%;line-height: 30px;border-radius:10px;}
.lsarea{float:left;width:100%;margin:10px 0;}
.lsarea img{float:left;width:45px;height:45px;}
.lstext{float:right;width:calc(100% - 70px);}
.lsarea p{float:left;width:100%;font-size:13px;margin:2px 0;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.lsarea span{float:left;width:100%;font-size:12px!important;margin:2px 0;line-height: 18px;font-weight: 600;display:block;position:unset!important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.reportform{float:left;width:100%;height:100vh;position: fixed;z-index:999;background-color:rgba(0, 0, 0, 0.473);align-items: center;justify-content: center;display:none;}
.reportarea{float:left;width:360px;height:auto;background-color:white;padding:40px 20px 20px;position:relative;border-radius:10px;}
.reportarea span{float:right;position: absolute;right:10px;top:10px;color:black;cursor:pointer;}
.reportarea label{float:left;width:100%;margin-bottom:10px;}
.reportarea input{float:left;width:100%;margin-bottom:20px;line-height: 30px;border:1px solid #0b75b9;border-radius:10px;}
.reportarea textarea{float:left;width:100%;margin-bottom:20px;line-height: 30px;}
.reportarea a{float:left;width:100px;margin:5px calc(50% - 50px);text-align: center;background-color:#0b75b9;color:white;padding:10px 0;border-radius:10px;}

.searchform{float:left;position:fixed;width:100%;height:100vh;z-index:9999;background-color:rgba(34, 34, 34, 0.925);display:none;align-items: start;justify-content: center;padding:35px 0;} 
.searcharea{float:left;width:80%;max-width:500px;position:relative;}
.searcharea span{float:right;position: absolute;top:-30px;right:10%;font-size:20px;font-weight: 600;cursor:pointer;}
.searcharea input{float:left;width:350px;margin:0 calc(50% - 175px);line-height: 30px;border-radius:10px;}
.sausers{float:left;width:50%;max-width:300px;padding:20px;}
.saposts{float:left;width:50%;max-width:300px;padding:20px;}
.sausers h4, .saposts h4{float:left;width:100%;text-align: center;}
.messageblock{float:right!important;}
.messageblock img{float:left;width:18px;height:18px;}
.messageblock p{float:left;font-size:13px;margin:0 0 0 5px;}

.pndets{float:left;width:100%;margin-top:10px;}
.pndet{float:left;width:auto;margin-right:20px;cursor:pointer;}
.pndet img{float:left;width:20px;}
.pndet p{float:left;font-weight:600;margin:0 0 0 10px;}

.epcats{float:left;width:100%;}
.epcats h4{margin:0;padding:10px 5px;}
.epcats span{float:left;width:95%;margin:20px 2.5% 0;font-weight: 600;text-align: center;font-size:20px;color:red;}
.epcatsimg{float:left;width:95%;margin:10px 2.5%;}
.qr-kod{float:left;width:100%;}
.qr-kod img{float:left;width:auto;height:auto;}
.epcat{float:left;width:100%;padding:10px 5px;border-top:1px solid #d6e4ed;cursor:pointer;}
.epcat p{margin:0;font-size:16px;font-weight: 600;}
.epcat img{float:right;width:22px;margin:1px 0;}
.maingtext{float:left;width:90%;max-width:800px;margin:20px calc(50% - 400px);}
.maingtext h1{float:left;width:100%;text-align: center;}
.maingtext a{float:left;font-size:20px;font-weight: 600;width:100%;text-align: center;margin:20px 0;}
.maingtext input{display:none;}
.maingtext img{float:left;width:300px;margin:10px calc(50% - 150px);cursor:pointer;}
.maingtext button{float:left;width:100px;margin: 20px calc(50% - 50px);background-color:#0b75b9;color:white;padding:10px;}
.nopostindex{float:left;width:100%;margin:40px 0 0;text-align: center;}

.myhpost label{padding-left:10px;font-weight: 600;}
.myhpost input{border:1px solid #373737!important;background-color:#fff!important;}
.myhpost select{border:none!important;background-color:#fff!important;}
.myhpost textarea{border:none!important;background-color:#fff!important;}
.profileselect{border:none!important;background-color: #fff!important;}

.uploadbutton{float:left;width:100%;padding:5px 10px;background-color: #0b75b9;color:white;}

.followarea{float:left;width:100%;height:1000vh;z-index:999;position:absolute;padding:20% 20px 0 20px;align-items: start;justify-content: center;display:none;background-color:rgba(0, 0, 0, 0.75);}
.followers{float:left;width:100%;height:auto;width:350px;max-height: 80vh;padding:10px 20px;background-color:rgba(0, 0, 0, 0.85);overflow-y: scroll;position:fixed;}
.followers span{float:right;cursor:pointer;font-size:20px;font-weight: 600;}
.followers::-webkit-scrollbar {display: none;}
.follower{float:left;width:100%;margin:2% 0;background-color:#373737;border-radius:10px;padding:5px 0;}
.fimg{float:left;width:40px;}
.fimg img{float:left;width:40px;height:40px;border-radius: 50%;object-fit: cover;margin-left:10px;}
.ftext{float:left;width:calc(100% - 90px);margin-left:20px;}
.ftext p{float:left;width:100%;margin:1px 0 0;}

.nwamessage{position:relative;float:left;width:100%;}
.nwothers{float:left;width:100%;background-color:white;padding:5px 20px;border:1px solid #222;border-radius:10px;margin:10px 0;position: absolute;z-index:999;bottom:100%;}
.nwother{float:left;width:70px;}
.nwother img{float:left;width:40px;height:40px;object-fit: cover;}
.nwother2{float:left;margin-left:5px;width:70px;}
.nwother2 label{float:left;width:100%;font-weight: 600;}
.nwother2 input{float:left;width:100%;padding:5px;border-radius:5px;margin:3px 0;}
.msgaddimg{position: absolute;bottom:5px;left:15px;width:30px;height:30px;object-fit: cover;}
.msgaddpost{position: absolute;bottom:5px;left:55px;width:30px;height:30px;object-fit: cover;}

.mmessagel p{margin:1% 0;}
.mmessager p{margin:1% 0;}
.mmessagel img{float:left;width:300px;height:auto;object-fit: cover;margin:1% 0;}
.mmessager img{float:right;width:300px;height:auto;object-fit: cover;margin:1% 0;}
.mpaytext{margin-top:15px!important;}
.mpaybtn{float:left;background-color:#0b75b9;color:white;padding:7px 0;width:110px;margin:1% calc(100% - 110px) 20px 0!important;text-align: center;border-radius:5px;cursor:pointer;}

.notifydiv{float:left;width:100%;margin:2% 0;}
.ndivl{float:left;width:calc(100% - 100px);}
.ndivl p{float:left;width:95%;margin:9px 0 7px;}
.ndivr{float:left;width:85px;margin-left:15px;}
.ndivr select{line-height: 20px!important;padding:5px 15px!important;}

.removep{float:left;width:120px;background-color:#0b75b9;color:white;padding:5px 15px;text-align: center;border-radius:5px;}
.verifieduser{float:left;}
.verifiedimg{float:left!important;margin:2px 0 0 5px;width:15px!important;height:15px;background-image:url('../icons/verified.webp');background-size:cover;background-position: center;}

.writetoall{float:left;background-color: #0b75b9;color:white;padding:7px 15px;border-radius:5px;}

input.apple-switch {position: relative;appearance: none; outline: none;width: 50px; height: 30px;background-color: #ffffff; border: 1px solid #D9DADC;border-radius: 50px; box-shadow: inset -20px 0 0 0 #ffffff;transition-duration: 200ms;}
input.apple-switch:after {content: "";position: absolute;top: 1px; left: 1px;width: 26px; height: 26px;background-color: transparent;border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2);}
input.apple-switch:checked {border-color: #0b75b9;box-shadow: inset 20px 0 0 0 #0b75b9;}
input.apple-switch:checked:after {left: 20px;box-shadow: -2px 4px 3px rgba(0,0,0,0.05);}

.stmssg{position:absolute;left:15px;bottom:15px;}
.stmssg span{color:#222;}
.msgtipselect{float:left;padding:2px 10px;font-size:14px;position:absolute;left:125px;bottom:10px;display:none;}
.msgstip{position:absolute;left:190px;bottom:10px;}
.usersearch{width:calc(100% - 100px);padding:0;}

.agetick{float:left;width:100%;margin:10px 0;display:flex;align-items: center;justify-content: center;}
.agetick input{float:left;display:block;width:30px;height:30px;}
.agetick p{float:left;width:calc(100% - 50px);margin:0 0 0 10px;line-height: 35px;font-size:18px;font-weight: 600;}
.mypaddnew{float:right;width:80px;font-size:14px;padding:8px 6px;margin-top:20px;}
.mycfilter{float:left;width:calc(100% - 90px);}
.pstatus{background-color:white;font-size:14px;padding:5px 10px;position:relative;top:0;left:0;border-radius:10px;font-weight: 600;}

.full-stories{float:left;width:100%;padding:15px;overflow: scroll;}
.full-stories::-webkit-scrollbar {display: none;}
.story-area{float:left;width:100%;height:100vh;position: absolute;z-index:9999;background-color:black;display:flex;align-items: center;justify-content: center;}
.storyslide {max-width: 380px;margin: 20px auto;display: grid;box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);position:relative;min-width:350px;}
.other-stories{float:left;position: absolute;left:0;top:-140px;width:100%;min-width: 150px;max-width: 150px;overflow:scroll;}
.other-stories::-webkit-scrollbar {display: none;}
.os-users{float:left;width:60px;height:60px;margin:5px;border-radius:50%;cursor:pointer;}
.os-users img{float:left;width:100%;height:100%;object-fit: cover;border-radius:50%;padding:3px;border:2px solid #00ff05;}
.suser-info{float:left;width:100%;position:absolute;left:0;top:-60px;}
.suser-info img{float:left;width:50px;height:50px;border-radius:50%;object-fit: contain;}
.suser-info span{float:left;width:calc(100 - 60px);margin-left:10px;font-weight: 500;font-size:16px;margin:5px 0 0 10px;}
.suser-info a{float:left;width:100%;font-size:14px;font-weight: 600;}
.suser-info aac{float:right;width:30px;position: absolute;right:0;top:10px;color:white;font-size:20px;font-weight: 700;cursor:pointer;}
.sslide-items {position: relative;grid-area: 1/1;border-radius: 5px;overflow: hidden;}
.sslide-items img {max-width: 100%;display: block;}
.sslide-nav {grid-area: 1/1;z-index: 1;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto 1fr;}
.sslide-nav button {-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);opacity: 0;}
.sslide-items > * {position: absolute;top: 0px;opacity: 0;pointer-events: none;}
.sslide-items > .active {position: relative;opacity: 1;pointer-events: initial;}
.sslide-thumb {display: flex;grid-column: 1 / 3;background-color:#ffffff42;}
.sslide-thumb > span {flex: 1;display: block;height: 3px;background: rgba(0, 0, 0, 0.4);margin: 5px;border-radius: 3px;overflow: hidden;}
.sslide-thumb > span.active::after {content: '';display: block;height: inherit;background: rgba(255, 255, 255, 0.9);border-radius: 3px;transform: translateX(-100%);animation: thumb 5s forwards linear;}

.mstories{float:left;width:100%;height:auto;padding:2%;}
.mstory{float:left;padding:2%;}
.mstoryimg{float:left;position:relative;width:100%;height:250px;background-size:cover;background-position:center;}
.strydelete{float:left;position: absolute;top:8px;right:10px;background-color:#222222b4;width:40px;height:40px;z-index:999;padding:10px;border-radius:50%;}
.strydelete img{float:left;width:100%;filter:invert(1);}
.storytime{position: absolute;bottom:0;width:100%;line-height: 22px;background-color:#222222b4;text-align: center;font-weight: 600;font-size:18px;padding:7px 0;}

.cookiearea{float:left;width:100%;background-color:#dddddde1;position:fixed;top:0;left:0;min-height:100px;padding:15px;z-index:9999;box-shadow: 0 0 5px 5px #ffffffd5;display:flex;align-items: center;justify-content: center;text-align: center;}
.cookienotice a{color:#187dc2;font-weight: 600;}
.cookiebtn{float:right;padding:5px 10px;background-color:#187dc2;color:White;border-radius:5px;}

.bottom-menu{float:left;width:100%;position:fixed;bottom:0;left:0;height:60px;display:flex;align-items: center;justify-content: center;background-image:url('../menuback.webp');background-size:cover;background-position:center;z-index:9999;display:none;}
.bottom-items{float:left;width:100%;position:relative;}
.bottom-item{float:left;width:20%;height:35px;border-right:1px solid #5b5b5b;display:flex;align-items: center;justify-content: center;position:relative;}
.bottom-item img{float:left;Width:100%;height:30px;object-fit: contain;}
.bm-miditem img{position:relative;top:-25px;left:0;background-color:black;border-radius:50%;padding:20px 10px;width:70px;height:70px;}
.bi-aitem1{position:absolute;top:-60px;left:-15%;background-color:black;border-radius:50%;width:40px;height:40px;display:flex;align-items: center;justify-content: center;display:none;}
.bi-aitem2{position:absolute;top:-95px;left:10%;background-color:black;border-radius:50%;width:40px;height:40px;display:flex;align-items: center;justify-content: center;display:none;}
.bi-aitem3{position:absolute;top:-95px;right:10%;background-color:black;border-radius:50%;width:40px;height:40px;display:flex;align-items: center;justify-content: center;display:none;}
.bi-aitem4{position:absolute;top:-60px;right:-15%;background-color:black;border-radius:50%;width:40px;height:40px;display:flex;align-items: center;justify-content: center;display:none;}
.bia-img{float:left;width:30px!important;height:20px!important;object-fit: cover;background-color:transparent!important;top:0!important;position:inherit!important;padding:0!important;margin:10px 7px;}
.bm-bn{border:none!important;}
.bm-count{float:left;position:absolute;width:25px;height:25px;border-radius:50%;background-color:#187dc2;color:white;font-weight: 600;top:-10px;right:30px;display:flex;align-items: center;justify-content: center;}
.waddm{display:none;}
.allmessages-mob{display:none;}

.passarea{float:left;width: 100%;position: relative;}
.hidepass{float:left;position: absolute;width:25px!important;height:25px!important;object-fit: contain;right:12px;top:12px;cursor:pointer;}
.aggrarea{float:left;width:300px;margin:10px calc(50% - 150px);cursor:pointer;position:relative;}
.aggimg{width:50px!important;position:absolute;top:5px;left:calc(50% - 25px);}
.aggrarea p{float:left;width:70%;margin:0 15%;position: absolute;top:80px;background-color: #0000007d;padding:2px 10px;border-radius:10px;font-weight: 600;text-align: center;color:White;}
.aggrarea a{float:left;width:140px;margin:0 calc(50% - 70px);background-color:#187dc2;color:white;font-weight: 600;font-size:18px;position:absolute;left:0;top:140px;padding:5px;border-radius:15px;}
@keyframes thumb {to {transform: initial;}}
  
@media only screen and (max-width: 1366px) {
    .container{width:1100px;margin:0 calc(50% - 550px)}
    .profilesocial{width:60%;margin:2.5%;}
}
@media only screen and (max-width: 1130px) {
    .container{width:960px;margin:0 calc(50% - 480px);}
    .leftarea{position:absolute;left:-365px;top:0;z-index:999;background-color:white;width:305px;transition:0.5s;border-right:2px solid #ccc;height:100vh;padding-top:30px;}
    .mbutton{display:block;float:left;width:40px;height:100vh;position:fixed;top:0;left:5px;z-index:999;}
    .mbutton img{float:left;width:100%;cursor:pointer;background-color:white;}
    .midarea{width:calc(70% - 50px);margin-left:2%;}
    .leftarea span{display:block;position:absolute;right:10px;top:10px;font-weight: 700;border:3px solid #7d7d7d;border-radius: 50%;padding:1px 6px;cursor:pointer;}
    .fullarea{width:100%;}
    .allmessages{width:40%;}
    .nowmessages{width:60%;}
}
@media only screen and (max-width: 1050px) {
    .container{width:860px;margin:0 calc(50% - 430px);}
    .rightprivacy{display:block;}
    .rightprivacy a{float:left;width:100%;}
    .rightprivacy span{display:none;}
    .lleft, .lright{width:100%;}
    .lleft{height:260px;}
    .lleftarea p{display:none;}
    .lleftarea{top:5%;width:300px;margin:0 calc(50% - 150px);}
    .lright{height:70vh;align-items:start;}
    .notification{padding:10px 2% 10px 13%}
    .mypaddnew{margin-top:5px;float:left;}
    .mycfilter{width:100%;padding:10px;}
    .collection{width:48%;}
}
@media only screen and (max-width: 900px) {
    .container{width:740px;margin:0 calc(50% - 370px);}
    .commentfilter a{font-size:13px;line-height: 16px;display: flex;align-items: center;justify-content: center;text-align: center;}
    .notification{padding:10px 1% 10px 14%}
    .midarea{width:100%;}
    .rightarea{display:none;}
}
@media only screen and (max-width: 800px) {
    .container{width:640px;margin:0 calc(50% - 320px);}
    .maingtext{max-width:600px;margin:20px calc(50% - 300px);}
    .notification{padding:10px 1% 10px 17%}
    .mpost{width:98%;}
    .msearch{float:left;width:100%;padding:10px 0;}
}
@media only screen and (max-width: 680px) {
    .container{width:600px;margin:0 calc(50% - 300px);}
    .midarea{width:calc(100% - 30px);margin-left:25px;}
    .fullarea{width:100%;}
    .commentfilter{display:block;}
    .commentfilter a{margin:5px;}
    .searchform{background-color:#222;}
    .searcharea{width:100%;}
    .commentfilter a{line-height: 24px;}
    .notification{padding:10px 3% 10px 12%}
    .message{padding:5px;}
    .mpp{width:35px;height:35px;}
    .mdta{width:calc(100% - 45px);}
    .mdta span{font-size:12px;}
}
@media only screen and (max-width: 630px) {
    .container{width:92%;margin:0 0 0 8%;}
    .mbutton{width:30px;display:none;}
    .maingtext{max-width:500px;margin:20px calc(50% - 250px);}
    .maingtext h1{font-size:20px;}
    .maingtext p{font-size:14px;}
    .agetick p{font-size:16px;line-height: 22px;}
    .agetick input{width:22px;height: 22px;}
    .midarea{width:calc(100% + 20px);margin-left:-35px;}
    .notification{padding:10px 1% 10px 14%}
    .collection{width:98%;}
    .profileedit p{display:none;}
    .profilesocial{width:95%;}
    .pndetful{float:left;width:100%;margin:5px 0 0;}
    .leftarea{margin-left:-13%;}
    .mbutton{left:0;top:0;}
    .mbutton img{width:30px;height:30px;object-fit: cover;border-radius:5px;}
    .widepp{margin-top:10px;}
    .bottom-menu{display:flex;}
}
@media only screen and (max-width: 530px) {
    .container{width:95%;margin:0 0 0 5%;}
    .midarea{width:calc(100% + 20px);margin-left:-25px;}
    .midacomment textarea{font-size:14px;}
    .mpdata p{font-size:14px;}
    .commentfilter a{padding:1px 10px;font-size:13px;}
    .description{font-size:14px;}
    .bannerpp{width:60px;height: 60px;bottom:25px;left:10px;}
    .bannerword{height:55px;}
    .bannerword p{font-size:15px;margin:1px 0;}
    .bannerword span{font-size:13px;}
    .notification{font-size:14px;}
    .allmessages{width:95%;padding:20px 10px;}
    .nowmessages{width:100%;}
    .nwmessage{font-size:14px;}
    .nwmessager, .nwmessagel{width:85%;max-width:85%;}
    .newmessager{margin:30px 0 5px 15%;}
    .newmessagel{margin:30px 15% 5px 0;}
    .cldata{width:98%;margin:2% 1%;}
    .rbanner{height:100px;}
    .rbannerpp{width:50px;height:50px;left:5px;}
    .rbannerword{height:50px;}
    .clfimg img{height:145px;}
    .cardr{width:100%;margin:5% 0;}
    .profileedit p{display:none;}
    .maingtext{max-width:400px;margin:20px calc(50% - 200px);}
    .mptitle{position:relative;}
    .mptd{position:absolute;top:0;right:10px;}
    .mpvideos img{height:230px;}
    .hbanner{height:70px;}
    .notification{padding:10px 1% 10px 17%}
    .profileother{margin-top:-5px;}
    .bi-aitem1{top:-55px;left:-25%;}
    .bi-aitem2{top:-85px;left:7%;}
    .bi-aitem3{top:-85px;right:7%;}
    .bi-aitem4{top:-55px;right:-25%;}
    .allmessages-web{display:none;}
    .allmessages-mob{display:block;}
    .tobackbtn{margin:2px 10px 2px 0!important;}
    .tobackbtn img{width:35px;height:35px;}
    .trnsdtfirst{display:none;}
    .trnsdt1{width:100%;overflow:hidden;}
    .trnsdt2{width:100%;overflow:hidden;}
    .trnsdt3{width:100%;overflow:hidden;}
    .trnsdt4{width:100%;overflow:hidden;}
    .trnsdt5{width:100%;overflow:hidden;}
    .waddm{display:block;}
}
@media only screen and (max-width: 480px) {
    .bi-aitem1{top:-60px;left:-30%;}
    .bi-aitem2{top:-95px;left:3%;}
    .bi-aitem3{top:-95px;right:3%;}
    .bi-aitem4{top:-60px;right:-30%;}
}
@media only screen and (max-width: 430px) {
    .maingtext{max-width:350px;margin:20px calc(50% - 175px);}
    .notification{padding:10px 1% 10px 20%}
    .pp{margin-top:65px;}
    .ppimg img{width:70px;height:70px;}
    .pplsag{bottom:30px;right:30px;}
    .profileedit,.profileexit{margin-top:45px;padding:8px;}
    .profileedit img,.profileexit img{width:20px;height:20px;object-fit:contain;}
    .profilesocial{margin:-5px 2.5% 20px 2.5%}
    .bi-aitem1{top:-60px;left:-43%;}
    .bi-aitem2{top:-90px;left:-5%;}
    .bi-aitem3{top:-90px;right:-5%;}
    .bi-aitem4{top:-60px;right:-43%;}
}
@media only screen and (max-width: 380px) {
    .notification{padding:10px 1% 10px 23%}
    .bi-aitem1{top:-55px;left:-52%;}
    .bi-aitem2{top:-90px;left:-15%;}
    .bi-aitem3{top:-90px;right:-15%;}
    .bi-aitem4{top:-55px;right:-52%;}
}