/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --blue: #1E74FC;
  --green: #91C63F;
  --white: #fff;
  --black: #1E333E;
  --gry: #E1E1E1;
}

* {margin: 0;padding: 0;box-sizing: border-box;}
p{margin: 0;}
body {margin: 0;padding: 0;box-sizing: border-box; font-family: 'Segoe UI';font-size: 14px;font-weight: 400;background: #FAFAFA;fff;letter-spacing: 0.02em; color:var(--black); }
a {-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;transition: 0.5s ease-out;text-decoration: none;}
a {
color: #165cea;
text-decoration: underline;
}
ul {margin: 0;padding: 0;list-style: none;}
h1,h2,h3,h4,h5,h6,figure {margin: 0;padding: 0;}
img {max-width: 100%;}
.site_content {display: block;padding-top: 89px;}
.site_content::after,
.site_content::before {display: table;clear: both;content: "";}
a:hover{text-decoration: none;}
header,footer,section {display: block;}
address{ margin: 0}
.container::after,
.container::before {display: table;clear: both;content: "";}
a:focus {outline: none;}
button:focus {border: none;outline: none;}
select {appearance: none;}

.container {max-width: 1300px;}
.common_title h2{text-align:center;font-size:30px;font-weight:700;color:#cf8b46;padding-bottom:40px}
.md-form input[type="date"]:focus:not([readonly]),
.md-form input[type="datetime-local"]:focus:not([readonly]),
.md-form input[type="email"]:focus:not([readonly]),
.md-form input[type="number"]:focus:not([readonly]),
.md-form input[type="password"]:focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form input[type="search"]:focus:not([readonly]),
.md-form input[type="tel"]:focus:not([readonly]),
.md-form input[type="text"]:focus:not([readonly]),
.md-form input[type="time"]:focus:not([readonly]),
.md-form input[type="url"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {box-shadow: 0 1px 0 0 #ffee04;border-bottom: 1px solid #ffee04;}
.md-form input[type="date"]:focus:not([readonly]) + label,
.md-form input[type="datetime-local"]:focus:not([readonly]) + label,
.md-form input[type="email"]:focus:not([readonly]) + label,
.md-form input[type="number"]:focus:not([readonly]) + label,
.md-form input[type="password"]:focus:not([readonly]) + label,
.md-form input[type="search-md"]:focus:not([readonly]) + label,
.md-form input[type="search"]:focus:not([readonly]) + label,
.md-form input[type="tel"]:focus:not([readonly]) + label,
.md-form input[type="text"]:focus:not([readonly]) + label,
.md-form input[type="time"]:focus:not([readonly]) + label,
.md-form input[type="url"]:focus:not([readonly]) + label,
.md-form textarea.md-textarea:focus:not([readonly]) + label {color: #ffee04;}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Light.woff2') format('woff2'),
        url('../fonts/SegoeUI-Light.woff') format('woff'),
        url('../fonts/SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Bold.woff') format('woff'),
        url('../fonts/SegoeUI-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUIBlack.woff2') format('woff2'),
        url('../fonts/SegoeUIBlack.woff') format('woff'),
        url('../fonts/SegoeUIBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        url('../fonts/SegoeUI-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.post-inner-box { max-width:650px;margin:auto; }
.post-head { max-width:600px;margin:auto;background: #FFFFFF;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border-radius: 8px 8px 0px 0px; padding: 10px;}
.post-desc { max-width:600px;margin:auto;background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 0px 0px 8px 8px; }
.post-video-photo .carousel-item { height:350px;overflow:hidden;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border-radius: 8px; }
.post-video-photo .carousel-item img { width:100%;height:100%;object-fit:cover;object-position:center; }
.post-video-photo .carousel-item video { width:100%;height:100%;object-fit:cover;object-position:center; }
.carousel-control-next, .carousel-control-prev { opacity:1 !important;pointer-events:none; }
.carousel-control-next-icon,.carousel-control-prev-icon { backdrop-filter: blur(10px) !important;border-radius:50%;background-size: 20px; background-color: rgba(0,0,0,0.2);pointer-events: initial;}
.carousel-control-next-icon:hover,.carousel-control-prev-icon:hover { background-color: rgba(0,0,0,0.6); }
.post-head { padding: 15px; display:flex; }
.post-head figure { width:45px;height:45px;min-width:45px;border-radius:8px;overflow:hidden;margin:0; }
.post-head figure img { object-fit:cover;object-position:center;width:100%;height:100%; }
.post-head figcaption { width:100%;padding-left:15px;display:flex;align-items:center; }
.post-head figcaption div { width:100%; }
.post-head figcaption h4 { font-size:14px;font-weight:600; }
.post-head figcaption p { margin-bottom:0;color: #7C8B92;font-size:13px; }
.site-container { padding:40px 0px;min-height: calc(100vh - 120px); }
.post-desc { padding:15px; }
.post-desc h4 { font-size:18px;font-weight:600;margin-bottom:5px; }
.post-desc p { color: #7C8B92; }
footer { text-align:center;padding:15px 10px;color: #7C8B92; }


/*buttons*/
.btn { height: 42px;font-size: 14px;line-height: 42px;padding: 0px 15px;font-weight: 600;border-radius: 8px;border: none;box-shadow: none !important;text-decoration:none !important; }
.btn-blue { background: var(--blue);color: var(--white); }
.btn-blue:hover {  background:#1961D2;color: var(--white); }
.btn-green { background: var(--green);color: var(--white); }
.btn-green:hover { background:#79A534;color: var(--white); }
.btn-gry { background:#EFECEC;color:#5B5B5B; }
.btn-gry:hover { background:#DFDDDD; }

header { background: #FFFFFF;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);position: sticky;top: 0;z-index: 99; }
footer { text-align:center;padding:15px 10px;color: #7C8B92;border-top:1px solid #E1E1E1; }
header .navbar-collapse .btn { min-width:110px;margin-left:10px; }
.site-container { min-height:calc(100vh - 108px); }
.card-shadow { background: var(--white);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);border-radius:5px; }
.form-group { margin-bottom:15px; }
.form-control { height:42px;border:none;background:#F4F5F7;border-radius:8px !important;font-size:14px; }
.input-group { position:relative; }
.input-group .input-group-text { position:absolute;top:0;left:0;z-index:11;height:42px;width:42px;padding:0;display:flex;align-items:center;justify-content:center;border: none;background: none;
 }
.input-group .form-control { padding-left:42px; }
.form-group label {  }
.login-container .col-md-5 { width:380px; }
.login-container .col-md-7 { width:600px;margin-right:100px; }
.login-form-head { text-align:center;margin-bottom:30px; }
.login-form-head h4 { font-weight:700;color:#274250; }
.login-form-head img { margin-bottom:15px; }
.forgot-link { color:#7D8691;font-size:14px; }
.forgot-link a { font-weight:600;text-decoration:none; }
a { text-decoration:none;color:var(--blue); }
a:hover { text-decoration:underline; }
.login-info { text-align:center; }
.login-head-info { margin-bottom:30px; }
.login-head-info h4 { font-weight:700;color:#274250;  }
.login-head-info p { color:#7C8B92;  }
.was-validated .form-control:invalid { border:1px solid red; }
header .nav-link img { height:42px; }
footer a { font-weight:600;color:var(--blue);display:inline-block;margin-left:15px; }
.auth-form { max-width:480px;margin:auto; }
.login-form-head p { padding:0px 30px;color:#7C8B92 }
.auth-form  { position:relative; }
.auth-form:after { content:"";background:url(../images/logo-icon-trans.svg) no-repeat;width: 500px;height: 500px; position: absolute;left: -100%;background-size: 100%;top: 10%;z-index: -1; }
.otp-input .form-control{ text-align: center;font-size: 26px;font-weight: 700; height:62px; }
.otp-input { margin-bottom:30px; }
.login-form-head a { font-weight:600;color:var(--blue); }
.container-relative { position:relative; }
.sidebar { position: fixed;top: 95px;left: auto;width: 220px; }
.sidebar ul li a { color: #636466; text-decoration: none; padding: 8px 0px; display:flex;font-weight:600; }
.sidebar .s-icon { margin-right:10px; }
.sidebar ul { margin-bottom:30px }
.download-link a { display:block;margin-bottom:10px; }
.sidebar ul li a:hover { color:var(--black); }
.sidebar ul li a:hover svg path { stroke:var(--black); }
.sidebar ul li.active a { color:var(--blue); }
.sidebar ul li.active a svg path { stroke:var(--blue); }
.sidebar ul li a span { line-height: 25px; }
.in-container { max-width:685px;margin:0px auto; }
.card { border-radius: 4px;background: #fff;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);border:none; }
.post-hd { padding:15px; }
.avatar { width:40px;height:40px;min-width:40px;overflow:hidden;border-radius:50%;display: block; }
.avatar img { width:100%;height:100%;object-fit:cover;object-position:center; }
.post-profile { margin-bottom: 10px; display:flex;align-items:center; }
.post-profile figcaption { padding-left:10px;width: 100%;position:relative; }
.post-profile figcaption h4 { margin-bottom:0px;font-size:14px; }
.post-profile figcaption h4 a { font-weight:600;color:var(--black);font-size:14px; }
.post-profile figcaption span { font-size:13px;color:#7C8B92; }
.post-description h4 { font-size:14px;font-weight:600;color:var(--black);margin-bottom:5px; }
.post-description p { line-height: 16px;font-size:14px;color:#7C8B92;margin-bottom:10px; }
.post-description p:last-child { margin-bottom:0; }
.post-images-in { height: 360px;overflow:hidden; }
.post-images-in img { object-fit:contain;object-position:center;width:100%;height:100%; }
.post-images { border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;position:relative; }
.post-action-bar-in { padding:10px 15px; }
.post-action-bar-in a { color:#3B3F41;text-decoration:none;display: inline-flex;align-items: center;margin-right: 15px;}
.post-action-bar-in a span { margin-left: 5px; line-height:18px; }
.post-images-in video { width:100%;background:#000;object-fit:contain;object-position:center;width:100%;height:100%; }
.post-images { position:relative; }
.post-images .owl-nav div { pointer-events: initial; width:40px;height:40px;border-radius:50%;background-color:rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); color:transparent;background-size:100%;background-size: 25px;background-position: center;background-repeat: no-repeat; }
.post-images .owl-nav div:hover { background-color:rgba(0, 0, 0, 0.6); }
.post-images .owl-nav div.disabled { display:none; }
.post-images .owl-nav { position:absolute;top:0;left:0;pointer-events:none;display:flex;align-items:center;width:100%;height:100%; }
.post-images .owl-nav .owl-next { margin-left:auto; margin-right:10px;background-image: url("data:image/svg+xml,%3Csvg id='chevron-right' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='chevron-right-2' data-name='chevron-right' width='24' height='24' fill='none'/%3E%3Cpath id='Icon' d='M0,0,6,6,0,12' transform='translate(9 6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); }
.post-images .owl-nav .owl-prev { margin-left:10px;background-image: url("data:image/svg+xml,%3Csvg id='chevron-left' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='chevron-left-2' data-name='chevron-left' width='24' height='24' fill='none'/%3E%3Cpath id='Icon' d='M6,12,0,6,6,0' transform='translate(9 6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); }
.post-wrap { margin-bottom:10px; }
.post-comments { padding:15px;padding-top:0; }
.comment-box { display:flex;margin-bottom:15px !important; }
.comment-box figure { min-width:40px; }
.comment-box figcaption { position:relative;width:100%;padding-left:10px; }
.comment-box figcaption h4 a { font-weight: 600;color: var(--black);font-size: 14px; }
.comment-box figcaption .reply-text { display:block;color:var(--blue);background: transparent;border: none; }
.comment-box figcaption .time-and-more { position:absolute;right:0;top:0;display:flex;align-items:center;color:#7C8B92; }
.comment-box figcaption .dropdown .btn { height:auto;line-height: inherit;padding-right:0;opacity:0.4; }
.comment-box figcaption .dropdown .btn:hover,.comment-box figcaption .dropdown .btn.show{ opacity:1; }
.comment-box figcaption .dropdown .btn:after { display:none; }
.comment-box figcaption p { color:#7C8B92;margin-top:3px;line-height:16px;margin-bottom:8px; }
.comment-box-in { padding-left:50px; }
.comment-box figcaption .dropdown-menu { min-width: max-content; }
.comment-box figcaption .dropdown a { text-decoration:none; }
.comment-box figcaption .dropdown a img { margin-right:5px; }
.post-comments ul li:last-child .comment-box { margin-bottom:0; }
.add-comment figcaption { padding-left:10px;width:100%; }
.send-input-btn { position:relative; }
.send-input-btn button { font-weight: 600;color: var(--blue); position:absolute;right:0;top:0;height:42px;background:none;border:none;padding:0px 15px; }
.profile-header { border-radius: 22.5px;background: #f5f5f5;border: 1px solid #e1e1e1;padding-right:15px; }
.create-post { margin-bottom:10px; }
.create-post-in { padding:15px; }
.create-action hr { margin:5px 0px;opacity:0.2; }
.create-action { padding-left:10px; }
.create-action textarea { height:80px;resize: none; }
.create-action .form-control { background:none;font-size:18px;padding-left:0;box-shadow:none !important; }
.create-post-footer { padding:10px 15px;border-top:1px solid #E1E1E1; }
.image-video-btn button { background:#E6F0FF;border:none;height:40px;width:40px;border-radius:13px;position:relative;margin-right:5px; cursor: pointer;}
.image-video-btn button input { position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer; }
.btn-icon { width: 40px;height: 40px;border-radius: 13px;background: #fff !important;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16) !important;padding:0;display:inline-flex;align-items:center;justify-content:center; }
.page-head h4 { font-weight:600; }
.profile-links { padding:15px; }
.profile-links li a { padding:15px 0px;color:var(--black); }
.profile-links li { border-bottom:1px solid #E9E6EF; }
.profile-links li:last-child { border-bottom:0px; }
.profile-links .link-right { margin-left:auto; }
.profile-links .link-left { display:flex;font-size:16px;align-items:center;font-weight:600; }
.profile-links .link-left .s-icon { margin-right:10px; }
.profile-links .link-right img { opacity:0.5; }
.profile-links li:hover .link-right img { opacity:1; }
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
height: 30px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #35C759;
}



input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.my-post-option { position:absolute;right:0;top:0; }
.my-post-option .btn:after { display:none; }
.my-post-option .btn { opacity:0.5; }
.my-post-option .btn:hover,.my-post-option .btn.show { opacity:1; }
.my-post-option .dropdown-menu {   min-width: max-content; }
.my-post-option .dropdown-menu img { margin-right: 5px;}
.my-profile { position:relative;overflow:hidden;margin-bottom:10px; }
.my-profile .page-head { position:absolute;top:0;left:0;width:100%;padding:15px; }
.banner-profile { height:200px;overflow:hidden; }
.banner-profile img { object-fit:cover;object-position:center;width:100%;height:100%; }
.big-profile .avatar { width:100px;height:100px;margin:auto;}
.big-profile { position:relative; }
.my-profile-info { position:relative;  margin-top: -50px;padding:0px 15px; }
.my-profile-info .btn-icon { position:absolute;top: 30px;right: 15px; }
.verified-tag { display:block;margin:auto;margin-top: -12px; }
.profile-statics { display:flex;justify-content: center; }
.profile-statics a { width:125px;text-align:center;text-decoration:none !important;border-right:1px solid #DEE2EE; }
.profile-statics a:last-child { border-right:0px; }
.profile-statics a h4 { color:#2B2B3E;font-size:16px;font-weight:600; }
.profile-statics a span { color:#75758B; }
.profile-statics { padding:15px 0px; }
.my-profile-name h4 { color:#2B2B3E;font-size:18px;font-weight:700; }
.my-profile-name p { color:#75758B; }
.follow-btn .btn { min-width:120px; }
.no-post { height:250px;display:flex;align-items:center;justify-content:center; }
.no-post h4 { font-size:20px;margin-top:15px;font-weight:600; }
.no-post p { color: #75758B; }
.ff-list-wrap .tab-content { padding:20px 15px; }
.ff-list .post-profile { margin-bottom:0px; }
.ff-list li { margin-bottom:15px; }
.ff-list li:last-child { margin-bottom:0px; }
.nav-pills  { border-bottom:1px solid #E3E3E3; }
.nav-pills button { height:50px;padding:0px 30px;font-size:15px;border-radius:0 !important;color:#7C8B92;background:#fff !important;position:relative; }
.nav-pills button.active:after { content:"";width:100%;height:3px;background:var(--blue);position:absolute;left:0;bottom:-2px; }
.nav-pills button.active { color:var(--blue) !important; }
.ff-list-wrap .card { min-height:400px; }
.ff-list li .ms-auto .btn { min-width:85px; }
.notifications-wrap { min-height:400px;padding:15px; }
.link-blue { color:var(--blue) !important; }
.notifications-wrap .post-profile { margin-bottom:0; }
.notifications-wrap ul li { padding: 10px 0px;border-bottom: 1px solid #E9E6EF; }
.notifications-wrap ul li:last-child { border-bottom:0; }
.profile-upload  { text-align:center;margin-top:-20px;margin-bottom:10px; }
.profile-upload .btn { position:relative;top:0;right:0; }
.profile-upload .btn input { position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer; }


.profile-form { padding:15px; }
select.form-control { background-image: url("data:image/svg+xml,%3Csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='chevron-down-2' data-name='chevron-down' width='24' height='24' fill='none'/%3E%3Cpath id='Icon' d='M12,0,6,6,0,0' transform='translate(6 9)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-repeat: no-repeat;background-position-x: right 10px;background-position-y: center;padding-right: 40px; }
[type="date"].form-control { background-image: url("data:image/svg+xml,%3Csvg id='calendar' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='calendar-2' data-name='calendar' width='24' height='24' fill='none'/%3E%3Cpath id='Icon' d='M0,6.8A7.453,7.453,0,0,1,.327,3.638,3,3,0,0,1,1.638,2.327,7.453,7.453,0,0,1,4.8,2h8.4a7.453,7.453,0,0,1,3.162.327,3,3,0,0,1,1.311,1.311A7.453,7.453,0,0,1,18,6.8v8.4a7.453,7.453,0,0,1-.327,3.162,3,3,0,0,1-1.311,1.311A7.453,7.453,0,0,1,13.2,20H4.8a7.453,7.453,0,0,1-3.162-.327A3,3,0,0,1,.327,18.362,7.453,7.453,0,0,1,0,15.2Z' transform='translate(3 2)' fill='none' stroke='%231e74fc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Icon-2' data-name='Icon' d='M18,8H0M13,0V4M5,0V4' transform='translate(3 2)' fill='none' stroke='%231e74fc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-repeat: no-repeat;background-position-x: right 10px;background-position-y: center;padding-right: 40px; }
.form-group label { font-weight:600;margin-bottom:3px; }
.form-check label { font-weight:600; }
.verified-wrap { padding:50px 15px; }
.verified-wrap-in { width:370px;margin:auto; }
.verified-head { text-align:center; }
.verified-head figcaption h4 { font-weight:700;color:#274250; }
textarea { resize:none; }

.rate span { display:block;font-size:12px;color:#000; }
.rate .rate-in { width:20%; }

.rate {
    height: 70px;
    padding: 0 10px;
    margin-bottom: 20px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    width: 70px;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size: 55px;
    color:#ccc;
    float: right;
    text-align: center;
    line-height: 38px;
    width: 20%;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.t-and-c-wrap { padding:15px; }
.paragraph-area h4 { font-size:18px;font-weight:700; }
.paragraph-area p { margin-bottom:15px;color:#5C6A78; }
.paragraph-area ul { margin:15px 0px;padding-left:30px; }
.paragraph-area ul li { position:relative; }
.paragraph-area ul li:after { content:"";width:10px;height:10px;border-radius:50%;background-color:var(--green);position:absolute;left: -18px;top: 7px; }
.upload-preview-box { height:138px;overflow:hidden;border-radius:20px; }
.upload-preview-box img { object-fit:cover;object-position:center;width:100%;height:100%; }
.upload-preview .row { margin-left:-7px; margin-right:-7px; }
.upload-preview .row > * { padding:0px 7px; }
.upload-preview .w-50 .upload-preview-box { margin-bottom:14px; }
.upload-preview .w-50 .upload-preview-box:last-child { margin-bottom:0; }
.w-50-h .upload-preview-box { height: 290px; }
.upload-preview-box { position:relative; }
.upload-preview-box button { position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;border:none;color: #fff;border-radius: 50%;background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);font-size:22px;display:inline-flex;align-items:center;justify-content:center; }
.upload-preview-box button:hover { background-color: rgba(0, 0, 0, 0.5); }
.upload-preview-box video { width:100%;height:100%;object-fit:cover; }
.menu-mobile .ri-close-fill { display:none; }
.menu-mobile { display: none; font-size:24px;min-width:40px !important;border: 1px solid #e1e1e1 !important;box-shadow:none !important;font-weight:normal; }
.menu-mobile.active .ri-close-fill { display:block; }
.menu-mobile.active .ri-menu-3-line { display:none; }


/* link pages */
/* .post-head { max-width:600px;margin:auto;background: #FFFFFF;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border-radius: 8px 8px 0px 0px; padding: 10px;} */
/* .post-desc { max-width:600px;margin:auto;background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 0px 0px 8px 8px; } */
.post-video-photo .carousel-item { height:380px;overflow:hidden;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border-radius: 8px;float: none;display: block;border: 1px solid #e8e8e8; }
.post-video-photo .carousel-item img { width:100%;height:100%;object-fit:contain;background-color: #f3f3f3; object-position:center; }
.post-video-photo .carousel-item video { width:100%;height:100%;object-fit:cover;object-position:center; }
.carousel-control-next, .carousel-control-prev { opacity:1 !important;pointer-events:none; }
.carousel-control-next-icon,.carousel-control-prev-icon { backdrop-filter: blur(10px) !important;border-radius:50%;background-size: 20px; background-color: rgba(0,0,0,0.2);pointer-events: initial;}
.carousel-control-next-icon:hover,.carousel-control-prev-icon:hover { background-color: rgba(0,0,0,0.6); }
/* .post-head { padding: 15px; display:flex; }
.post-head figure { width:45px;height:45px;min-width:45px;border-radius:8px;overflow:hidden;margin:0; }
.post-head figure img { object-fit:cover;object-position:center;width:100%;height:100%; }
.post-head figcaption { width:100%;padding-left:15px;display:flex;align-items:center; }
.post-head figcaption div { width:100%; }
.post-head figcaption h4 { font-size:14px;font-weight:600; }
.post-head figcaption p { margin-bottom:0;color: #7C8B92;font-size:13px; } */
/* .site-container { padding:40px 0px;min-height: calc(100vh - 120px); } */
/* .post-desc { padding:15px; }
.post-desc h4 { font-size:18px;font-weight:600;margin-bottom:5px; }
.post-desc p { color: #7C8B92; }
footer { text-align:center;padding:15px 10px;color: #7C8B92; } */
.side-post-box .side-post-box-in { margin-bottom:10px;}
.side-post-box-in a { color: #000;text-decoration: none; display: flex; padding: 10px;border-radius: 10px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);background-color: #fff;}
.side-post-box-in figure { min-width: 100px; width: 100px;height: 80px;overflow: hidden;border-radius: 10px; }
.side-post-box-in figure img { object-fit:cover;object-position:center;width:100%;height:100%; }
.side-post-box-in figcaption { width: 100%;padding-left: 15px; }
.side-post-box-in figcaption h5 { font-size:16px;font-weight: 600;;}
.side-post-box-in figcaption p { color: #7C8B92;font-size: 13px;line-height: 16px;;}
.side-post h4 { font-weight: 600;}
.btn-blue { background-color: #2a74fc;color: #fff;}
.btn-blue i { margin-left: 10px;}
.post-inner-box { margin-bottom: 15px;}
.user-page figure { margin:0px auto;width: 150px;height: 150px;overflow: hidden;border-radius: 50%;}
.user-page figure  img { object-fit:cover;object-position:center;width:100%;height:100%; }
.user-page h4 { text-align: center;margin-top: 15px;;}


/* my */
.invalid-feedback-custom{
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.loader-container {
    width: 100%;
    height: 100vh;
    display: flex;
    /* justify-content: center;
    align-items: center; */
    position: fixed;
    /* background: rgba(0, 0, 0, 0.834); */
    z-index: 10000000;
    top:50%;
    left:50%
}

.spinner {
    width: 64px;
    height: 64px;
    border: none;
    /* border-color: #3d5af1 transparent #3d5af1 transparent; */
    border-radius: 50%;
    animation: spin-anim 1.2s linear infinite;
}

.edit-dialog{
  width:50vw;
}

.post-action-handlers { color:#3B3F41;text-decoration:none;display: inline-flex;align-items: center;margin-right: 15px; cursor: pointer;}
.post-action-handlers span { margin-left: 5px; line-height:18px; }

.logout { color: #636466; text-decoration: none; padding: 8px 0px; display:flex;font-weight:600;cursor: pointer; }



.css-29z73u-MuiDialogContent-root{
  max-width: 100vw !important;
}

.custom-logout-btn{
  padding:15px 0px;color:var(--black);
  cursor: pointer;
}