@media (min-width: 1400px) {.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1490px; /*max-width:1200px;*/}}

/*** nav ***/
nav{border-bottom:2px solid #fff4f4; background:#fff4f4;}
nav .navbar-toggler:focus{box-shadow:none;}
.search-icon { color: #4551e7; font-size: 19px; position: absolute; right: 18px; top: calc(50% - 12px);z-index: 1001;}
.search-input {border:1px solid #4551e7 ;outline:0;width:300px;border-radius:50px!important;padding-right:2.5rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search-input:focus{box-shadow:none;border-color:#1e30f3;}
.search-input::placeholder{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#4551e7;}
.btn-upload{background:#FF2E3D;color:var(--bs-white);border-radius:50px;}
.btn-upload:hover{background:#f92231;color:var(--bs-white);}
.btn-upload:active{background:#FF2E3D!important;color:var(--bs-white)!important;}
.btn-login{border:1px solid var(--bs-primary); color:var(--bs-primary);border-radius:50px;}
.btn-login:hover, .btn-login:focus{background:var(--bs-primary);color:var(--bs-white)!important;}
.btn-login:active{background-color:var(--bs-primary)!important;color:var(--bs-white)!important;}
nav .dropdown-toggle{display:flex;align-items:center;}
nav .dropdown-toggle::after{border:0;}
nav .dropdown .bi-list{color: #4551e7; font-size: 22px;line-height: 0;}
@media (min-width: 1000px) {.search-input { min-width:400px !important;}}
@media (max-width:992px) {
  .nav-link{padding:0rem;margin-bottom:0.5rem;}
  .slor_navbar{flex-direction: column;}
  .slor_navbar .slor_navbar-item{width:100%;}
}
@media (max-width:575px) {
  .slor_navbar .mob_btn{background: transparent!important; border: 0!important; padding:0.3rem 1rem!important; color: var(--bs-nav-link-color)!important; font-size: 16px/*var(--bs-nav-link-font-size)*/!important; font-weight: 600/* var(--bs-nav-link-font-weight)*/!important; width: 100%; text-align: start!important;}
  .slor_navbar .mob_btn:hover, .slor_navbar .mob_btn:active{background: transparent!important; border: 0!important; padding:0.3rem 1rem!important; color: var(--bs-nav-link-color)!important; font-size: 16px/*var(--bs-nav-link-font-size)*/!important; font-weight: 600/* var(--bs-nav-link-font-weight)*/!important; width: 100%; text-align: start!important;}
}

/************************ home ************************/
.badge-home {font-size: 34px;}
.so-ppt {background:rgb(252 222 220 / 65%);}

/*** banner ***/
.slor-banner {background:url('/assets/img/home-banner.webp')#505DAA;background-size: cover;overflow: hidden; }
.slor-banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; background: #4551E7; z-index: 101; }
.slor-banner .container{position:relative;z-index: 1;}
.slor-banner .slor_bannerbg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
/*** header list ***/
.slor_hlist{flex: 0 0 auto; width:20%;}
@media (max-width:992px) {.slor_hlist{flex: 0 0 auto; width:33.333%;}}
@media (max-width:400px) {.slor_hlist{flex: 0 0 auto; width:100%;}}
.slor_hlist-item{width: 100%; margin: 0px 0px 5px; padding-bottom: 5px;}
.slor_hlist-item .slor_hlist-link, .slor_hlist-item .slor_hlist-link:hover { color: #2b2a2a!important; text-decoration: none; }
.slor_hlist-item .slor_hlist-image{position: relative;height: 0px; padding-bottom: 73%; overflow: hidden;}
.slor_hlist-item .slor_hlist-image img {width: 100%; }
.slor_hlist-item .slor_hlist-content{ display: block; max-height: 45px; overflow: hidden; margin:10px 10px 0px; position: absolute; bottom: 0; left:0; color: var(--bs-white); width: calc(100% - 36px); }
.slor_hlist-item .slor_hlist-content h5{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:16px;margin: 0;text-shadow:0 0 4px rgb(0 0 0 / 75%);}
.slor_hlist-item .slor_hlist-content p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:12px;text-shadow:0 0 4px rgb(0 0 0);}
/*** slor_overlay-content ***/
.slor-banner .slor_overlay-content{ position: relative; z-index: 999; }
.slor-banner .slor_overlay-content .slor_hlist-play {position: absolute; left: calc(50% - 27.5px); top: calc(50% - 18.5px); z-index: 101; color: var(--bs-white); background:rgb(1 1 1 / 69%); padding: 6px 15px; border-radius: 5px; font-size: 25px; line-height: 0;display:none;}
.slor-banner .slor_overlay-content .slor_hlist:hover .slor_hlist-play{display: block;}
.slor_bannerarrow {position: absolute; background: rgb(1 1 1 / 69%); color: #fff; font-size: 33px; width: 40px; height: 100%; z-index: 1001; display: flex; justify-content: center; align-items: center;cursor: pointer;}
.slor_bannerarrow.slor_bannerarrowleft{left:0;}
.slor_bannerarrow.slor_bannerarrowright{right:0;}
.slor_Homeabout{background:url('/assets/img/home-banner.webp')#505DAA;background-size: cover;position:relative;}
.so_home-category_list{display: grid ; grid-gap:1rem; gap:1rem; grid-template-columns: repeat(5, minmax(250px, 1fr)); scroll-snap-type: x mandatory; overscroll-behavior: contain auto; overflow-x: scroll;-ms-overflow-style: none; scrollbar-width: none;}
.so_home-category_list > div{position: relative; display: grid ; grid-template-rows: max-content minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); align-content: flex-start;}
.so_home-category_list .list-item { margin: 20px 0px;}
.so_home-category_list .list-image{height: 185px; overflow: hidden;position:relative;}
.so_home-category_list .list-image img { position: absolute; top: 0; } 
 @media (min-width:768px) {
   .so_home-category_list .list-image { height: 149px;}
 }
 @media (min-width:992px) {
   .so_home-category_list .list-image { height: 154px;}
 }
 @media (min-width:1200px) {
   .so_home-category_list .list-image { height: 187px;}
 }
 @media (min-width:1400px) {
   .so_home-category_list .list-image { height: 187px;}
 }
 @media (min-width:1600px) {
   .so_home-category_list .list-image { height:200px;}
 }
.socategory-list { display: flex; align-items: center; width: 100%; overflow: hidden;position: relative;padding:0 2.5rem;}
.socategory-list .socategory-list-wrapper { display: flex; overflow-x: auto; scroll-behavior: smooth;}
.socategory-list .socategory-list-wrapper::-webkit-scrollbar{height:0;}
.socategory-list .socategory-listitem { display: inline-block; padding: 0; background-color: #FFFFFF; text-decoration: none; color: #333; font-size: 14px; cursor: pointer; width: 100%; height: 144px; flex: 0 0 200px; margin: 20px 10px; }
.socategory-list .socategory-listitem:hover { background-color: #FFFFFF; }
.socategory-list .socategory-listitem .socategory-listimg img{width:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem;}
.socategory-list .socategory-listitem span { color: var(--bs-body-color); text-align: center; width: 100%; display: block; padding: 6px 10px; font-weight: 600; font-size: .875rem; }
.socategory-list .scroll-button { background-color: transparent; border: none; cursor: pointer; padding: 10px; font-size: 20px; color: #333;position:absolute;}
.socategory-list .scroll-button:focus { outline: none; }
.socategory-list .scroll-button.prev{left: 0;}
.socategory-list .scroll-button.next{right:0;}
.socategory-list .icon { font-size:1.5rem;}
.slor_homebottom_list{overflow:hidden;background:#2A2D33;}
.slor_homebottom_list .row{overflow-x: scroll;overflow-y: hidden;display:flex;flex-wrap: nowrap;}
.slor_homebottom_list .row::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #2A2D33;}
.slor_homebottom_list .row::-webkit-scrollbar{width:0px;height:5px;background:#2A2D33;}
.slor_homebottom_list .row::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #2A2D33; background-color: #2A2D33;}
.slor_homebottom-list .list-item{background:#2A2D33;box-shadow: none;}
.slor_homebottom-list .list-link, .slor_homebottom-list .list-link:hover { color: var(--bs-white)!important; text-decoration: none; }
/*** banner slider start***/
/* https://codepen.io/ecemgo/pen/eYbwJWd */
.so_banner_slider .swiper-slide {margin: 0!important;display: flex; flex-direction: column; align-items: center;width:auto;/*width:480px;width:630px;*//* Optional: limit slide width */ }
.so_banner_slider .swiper-scrollbar { background: rgba(221, 163, 182, 0.5); }
.so_banner_slider .swiper-button-next, .so_banner_slider .swiper-button-prev{display:none;--bs-bg-opacity: .6; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; height: 100%; top: 0; margin: 0; width:40px; color:var(--bs-gray-400); opacity: 1;}
.so_banner_slider:hover .swiper-button-next, .so_banner_slider:hover .swiper-button-prev{display: flex;}
.so_banner_slider .swiper-button-next:hover, .so_banner_slider .swiper-button-prev:hover{color: var(--bs-white);}
.so_banner_slider .swiper-button-next{right: 0;}
.so_banner_slider .swiper-button-prev{left:0;}
.so_banner_slider .swiper-button-next:after, .so_banner_slider .swiper-button-prev:after{font-size:1.5rem;}
.so_banner_slider .card{--bs-card-inner-border-radius:0;}
.so_banner_slider .card img{height: 360px;}
.so_banner_slider .card-img-overlay{background-image:linear-gradient(rgb(14 15 44 / 0%), rgb(14 15 44 / 84%), rgb(14 15 44));}
.so_banner_slider .card-img-overlay:hover{background-image:linear-gradient(rgb(14 15 44 / 20%), rgb(14 15 44 / 84%), rgb(14 15 44));}
.so_banner_slider h2{overflow: hidden;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.so_banner_slider p{overflow: hidden;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);--bs-text-opacity:.8; text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
/*** sobanner playbtn ***/
.sobanner_playbtn{position:relative;box-shadow:0 0.125rem 0.8rem rgb(29 58 83 / 30%);--bs-bg-opacity: .8; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;color:var(--bs-white); left: 1.8rem; margin-top:.5rem;}
.so_banner_slider .swiper-slide:hover .sobanner_playbtn, .sobanner_playbtn:hover{--bs-bg-opacity: 1;color:var(--bs-white);}
.sobanner_playbtn .so_playbtn-icon { position: absolute; padding: 0 8px 0 10px; background-color: var(--bs-danger); color: var(--bs-white); width: 40px; height: 40px; left: -27px; border: 2px solid var(--bs-white); font-size: 1.5rem; line-height: 0;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.sobanner_playbtn .so_playbtn-text { text-wrap: nowrap; font-size: .9rem; padding: 6px 12px 7px 20px; color: var(--bs-white);}
.sobanner_playbtn > div{height:30px;}
/*** sobanner playbtn hover ***/
.so_banner_slider .swiper-slide:hover .sobanner_playbtn .so_playbtn-icon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%;
  transform: translateX(-50%) translateY(-50%); display: block; width:45px; height:45px; background:var(--bs-danger); border-radius: 50%;
  -webkit-animation: pulse-border 1000ms ease-out infinite; animation: pulse-border 1000ms ease-out infinite; }
.so_banner_slider .swiper-slide:hover .sobanner_playbtn .so_playbtn-icon:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%;
  transform: translateX(-50%) translateY(-50%); display: block; width: 40px; height:40px; background:var(--bs-danger); border-radius: 50%;border: 2px solid var(--bs-white);
  transition: all 200ms; }
.sobanner_playbtn .so_playbtn-icon i{z-index: 1001;}
@-webkit-keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } }
/*** banner slider end***/
/*** slider bottom ***/
.slor_slider .slor_homebottom-list{animation: scroll 20s linear infinite; }
.slor_slider .slide-track { width: 100%; display: flex; overflow: hidden; }
.slor_homebottom-list .list-image img{border-radius: var(--bs-border-radius-sm)!important;}
.slor_slider:hover .slor_homebottom-list{animation-play-state: paused;cursor: pointer;}
@keyframes scroll { 0% {transform: translateX(-370%);} 100% {transform: translatex(0%)} }
/*** slider bottom/***/
/*** List View ***/
.list-link, .list-link:hover{ color: #2b2a2a!important; text-decoration: none;}
.list-item { width: 100%; margin: 10px 0px; padding-bottom: 5px; box-shadow: 2px 2px 3px rgba(199, 199, 199, 0.40); border-radius: 2px; background: var(--bs-white);}
.list-item-search span {display: block; min-height: 50px;max-height: 50px;overflow: hidden;white-space: pre-line;text-overflow: ellipsis;margin: 10px;}
.list-image { height: auto; overflow: hidden; display: flex; align-items: center;padding-bottom:0; background: var(--bs-gray-100);}
  @media (min-width:576px) {
    .list-image { height: 185px;}
  }
  @media (min-width:768px) {
    .list-image { height: 149px;}
  }
  @media (min-width:992px) {
    .list-image { height: 154px;}
  }
  @media (min-width:1200px) {
    .list-image { height: 187px;}
  }
  @media (min-width:1400px) {
    .list-image { height: 187px;}
  }
  @media (min-width:1600px) {
    .list-image { height:200px;}
  }
.list-image img {width: 100%;}
.list-item span {display: block; max-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin:10px;}
.list-item p { display: block; max-height: 45px; height: 40px; overflow: hidden; /*white-space: nowrap; */text-overflow: ellipsis; margin: 0px 10px 10px 10px;font-size:13px;}
.list-item ul{list-style: none; padding: 0px; font-size: 12px; line-height: 18px; font-weight: 400; display: flex;margin: 5px 10px 5px; letter-spacing: 0.50px;}
.list-item ul  a{/*color:#2b2a2a/*1271a5;*/}
/************************ view ************************/
/*** related ***/
.slor-related .slor_list-item {display:flex;align-items: center;flex-wrap: wrap;margin-bottom:15px;border-radius: var(--bs-border-radius);box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);padding: 7px 10px;}
.slor-related .slor_list-image { width: calc(55% - 4px); padding-right: 4px; height: 0px; padding-bottom: 30%; overflow: hidden; }
.slor-related .slor_list-image img { border-radius: 5px; width: 100%; }
.slor-related .slor_list-content { width: calc(45% - 4px); padding-left: 4px; }
.slor-related .slor_list-title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-weight:600; margin: 0; font-size: 16px; }
.slor-related .slor_list-author {font-weight:600; margin:3px 0px 8px; font-size: 14px;color:#636c8b;}
.slor-related .slor_list-content span{color:#636c8b;font-size:13px;line-height: .8;}
.slor-relatedbottom .slor_list-item{background:var(--bs-white);overflow:hidden;width:100%;}
.slor-relatedbottom .slor_list-author{margin:3px 0;}
.slor-relatedbottom .slor_list-title{-webkit-line-clamp:1;}
.slor-relatedbottom .slor_list-image{width:100%;padding:0;height: 0px; padding-bottom: 73%; overflow: hidden;}
.slor-relatedbottom .slor_list-content{width:100%;padding:8px 0 0;}
@media (max-width:992px) {
  .slor-related .slor_list-image{width:100%;padding:0;height: 0px; padding-bottom: 73%; overflow: hidden;}
  .slor-related .slor_list-content{width:100%;padding:10px 0 0;}
}
@media (max-width:575.9px) {
  .slor-related .slor_list-image, .slor-relatedbottom .slor_list-image{height: auto; padding: 0px;}
}
/*** related/***/
/*** tag group ***/
.slor-tag-group {list-style: none;overflow: hidden;}
.slor-tag-group li{float:left;}
.slor-tags {border-radius:25px; color:#2b2a2a;display: inline-block;height: 26px;line-height: 14px;padding: 5px 10px;position: relative;margin: 0 10px 10px 0;text-decoration: none;border:1px solid rgb(42 45 51 / 23%);}
.slor-tags:hover {border-color:var(--bs-primary);}
.slor-tags:focus {border-color:var(--bs-primary); color:var(--bs-primary) !important;}
/*** tag group/***/
.slor_view-user { display: flex; align-items: center; flex-wrap: wrap; }
.slor_view-user img { width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgb(42 45 51 / 23%); }
.slor_view-user .btn{ border: 1px solid rgb(42 45 51 / 23%); border-radius: 5px; padding: 5px 17px; line-height: 1; font-size: 12px; margin-left: 8px; }
.slor_view-user .btn:hover{ border: 1px solid rgb(42 45 51 / 50%);}
.slor_view-user p { color: rgb(42 45 51 / 56%); font-size: 14px; margin: 0; }
/************************ sub_banner ************************/
.slor-sub_banner{background:url('/assets/img/home-banner.webp')#505DAA;background-size: cover;border-bottom:1px solid rgb(42 45 51 / 10%);}
.slor-sub_banner p{color:#fff4f4;}
/************************ privacy ************************/
.slor_privacypolicy-list { position: -webkit-sticky; position: sticky; top: 1rem; right: 0; z-index: 2; height: 100%; background: rgb(204 204 204 / 8%); padding:2rem ; border-radius: 5px;border:1px solid rgb(204 204 204 / 12%)}
.slor_privacypolicy-list ol{padding-left:5px;}
.slor_privacypolicy-list ol a{padding-left:5px;}
@media (max-width: 768px) {.slor_privacypolicy-list { display: none; }}
/************************ login , signup ************************/
.inputarea input{background-color: transparent; border: 1px solid rgb(1 1 1 / 15%); border-radius:5px; padding: 10px 10px; font-size: 15px; margin-bottom: 5px;}
.inputarea input:hover{background-color: transparent; border-color:#4551E7!important;padding: 10px 10px; font-size: 15px; transition: 1.5s;}
.inputarea input[type="checkbox"], .inputarea textarea, .inputarea select{border: 1px solid rgb(1 1 1 / 15%);}
.inputarea input[type="checkbox"]:hover, .inputarea textarea:hover, .inputarea select:hover{border-color:#4551E7!important;}
.form-check-input:checked[type=checkbox]:hover{background-color: #1e30f3;}
.inputarea input:focus, .inputarea textarea:focus, .inputarea select:focus{box-shadow:none;border: 1px solid #4551E7;}
.inputarea input:focus-visible, .inputarea textarea:focus-visible, .inputarea select:focus-visible{outline: none;border: 1px solid #4551E7;}
.inputarea .form-floating > label{left:.7rem;color:rgb(1 1 1);opacity: 1;width:calc(100% - 1.5rem);}
.inputarea .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill{background:none!important;}
.inputarea .form-floating input::placeholder, .inputarea .form-floating textarea::placeholder{background:none!important;}
.btn-signinandup{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.btn-signinandup, .btn-signinandup:active, .btn-signinandup:focus-visible { border: 1px solid #4551E7;border-radius: 100%; padding: 0.7rem; width:45px; height:45px; display: flex; align-items: center; justify-content: center;}
.btn-signinandup:hover{-webkit-transform: scale(1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); /* IE 9 */ -webkit-transform: scale(1.2,1.2); /* Safari and Chrome */}
.bg-light-signup { /*background: rgb(255 244 244 / 78%); border-top: 1px solid #FCDEDC;*/font-size:16px;}
.bg-light-signup a{color:#2A2D33;text-decoration:none;}
.bg-light-signup a:hover{color:#000202;}
.signinandup_or { position: relative; border-bottom: 1px solid rgb(42 45 51 / 40%); text-align: center;margin-bottom: 2.2rem;}
.signinandup_or span { position: relative; top: 15px; background: var(--bs-white); border-radius: 100%;color:rgb(42 45 51 / 50%);border: 1px solid rgb(42 45 51 / 40%); font-size: 16px; width: 30px; height: 30px; display: block; margin: 0 auto; line-height: 1.8; font-weight: 700; }
.slor_loginbg{background: url('/assets/img/login-bg.webp') #fff no-repeat; background-size: cover; height:inherit;background-position: top right;}
.slor_signupbg{background: url('/assets/img/signup-bg.webp') #fff no-repeat; background-size: cover; height:inherit;background-position:center;}
.so-verification-code-inputs .fdigit{text-align:center;font-size:2rem;margin:0.2rem;padding:1rem 0.5rem;}
.so-verification-code-inputs .fdigit.active{border-color:var(--bs-primary);}
.slor_resetpassbg { background: url('/assets/img/reset-password.webp') #fff no-repeat; background-size: cover; height: inherit; background-position: top right; }
@media (min-width:1200px) {.signuplogin-or{background: #1e30f3!important;}}
@media (max-width: 1200px){.signuplogin-or{left: calc(50% - 31px); bottom: -28px; background-size: cover;}}
@media (max-width:992px) {.slor_loginbg{display:none;}.slor_signupbg{display:none;}.slor_resetpassbg{display:none;}}
/************************ upload ************************/
/*** upload1 ***/
.slor_upload1 .slor_uploadborder{border:2px dashed #4551E7;background:rgb(252 222 220 / 8%);padding:3.5rem 1rem;border-radius:4px;}
.slor_upload1 .slor_uploadicon{font-size:4rem;color:var(--bs-primary);line-height:0;max-width:120px;}
.slor_upload1 h3{color:rgb(1 1 1 / 69%);}
.slor_upload1 .file-input{position: relative;}
.slor_upload1 .file-input .file-input__input{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute;z-index: -1;}
.slor_upload1 .file-input .file-input__label{cursor: pointer; display: inline-flex; align-items: center;font-size: 25px;padding:.8rem 8rem;
  border-radius: var(--bs-card-border-radius);justify-content: center;}
.slor_upload1 .file-input .file-input__label span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*** upload2 ***/
.slor_upload2 .slor_uploadborder, .slor_upload3 .slor_uploadborder{border:1px solid rgb(69 81 231 /15%);background:#fff;padding:2.5rem 4rem;border-radius:4px;}
.slor_upload2 .slor_progress{background: #606af5;background:rgb(69 81 231 / 21%);position:relative;height:25px;}
.slor_upload2 .slor_progress .progress-bar{ background: #606af5; background:var(--bs-primary);}
.slor_upload2 .slor_progress .progress-text{position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;font-size:0.875rem;}
.slor_upload2 h4{color:var(--bs-primary);}
.slor_upload-p_form .form-floating > .form-control{background:transparent;}
.slor_upload-p_form .form-floating > textarea{height:auto;padding-top: 1.625rem; padding-bottom: 0.625rem;}
.slor_upload-p_form .form-floating .floatingspan { color:rgb(1 1 1); position: absolute; text-align: end; top: 0; right: 0.75rem; width: calc(100% - 1.5rem); height: 100%; padding: 1rem 0.75rem; overflow: hidden; pointer-events: none; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
.slor_upload-p_form .form-floating > .form-control:focus ~ .floatingspan, .slor_upload-p_form .form-floating > .form-control:not(:placeholder-shown) ~ .floatingspan, .slor_upload-p_form .form-floating > .form-control-plaintext ~ .floatingspan, .slor_upload-p_form .form-floating > .form-select ~ .floatingspan{opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); width: auto;top: -5px;}
/*.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: red; }*/
.slor_upload-p_form .slor_tags{display: flex; flex-wrap: wrap;}
.slor_upload-p_form .slor_tag {margin:0.25rem ;background:rgb(69 81 231 / 8%); border: 1px solid rgb(69 81 231 / 11%); padding: 0.1rem 0.5rem; border-radius: 3px; position: relative; }
.slor_upload-p_form .slor_tag:after { position: absolute; display: block; top: -2px; right: 2px; content: "×"; font-size: 1em; line-height: 1em; }
.slor_upload-p_form .slor_form-select label{opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
.slor_upload-p_form .slor_visibility{border: 1px solid rgb(1 1 1 / 15%); border-radius: 5px; padding: 0.375rem 0.75rem; height:58px;}
.slor_upload-p_form .slor_visibility:hover{border-color:#4551E7!important;}
.slor_upload-p_form .slor_visibility .form-check-label { opacity: 1; transform: none; font-size: 1rem; }
.slor_upload-p_form .slor_visibility .form-check-input { width: 5px; height: 5px; padding: 6px; margin-left: -1.1em; margin-top: 0.4em; }
.slor_upload-p_form .slor_visibility .form-check { margin-top: 1.5rem; padding-left: 0.8em;}
/*** media ***/
@media (max-width:500px) {
.slor_uploadborder{padding:1.5rem!important;}
.slor_upload1 .file-input .file-input__label{padding:0.8rem 2rem;}
}
/*** loader ***/
/*https://cssloaders.github.io/*/
.slor_loader { width: 48px; height: 48px; border-radius: 50%; display: inline-block; border-top: 4px solid #4551E7;
  border-right: 4px solid transparent; box-sizing: border-box; animation: rotation 1s linear infinite; }
.slor_loader::after { content: ''; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 50%;
border-left: 4px solid #FF2E3D; border-bottom: 4px solid transparent; animation: rotation 0.5s linear infinite reverse; }
@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.slor_livelink input{border-right:0;border-top-left-radius:0.375rem!important; border-bottom-left-radius:0.375rem!important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-right:0;}
.slor_livelink input:hover, .slor_livelink input:focus, .slor_livelink input:hover ~ .input-group-text, .slor_livelink input:focus ~ .input-group-text{box-shadow:none;border-color:#4551E7;}
.slor_livelink .copy_link{border-left:0;background:none;padding-left:.2rem;opacity:.8;}
/************************ search ************************/
.Slor-search_dropdown button{width:auto;border:0;box-shadow:none!important;background:none;padding:0;}
/************************ userdropdown ************************/
.slor_userdropdown.dropdown button{background: none; border:1px solid rgb(30 48 243 / 50%);; width: 35px; height: 35px; border-radius: 100%; padding: 0;}
.slor_userdropdown.dropdown button img{border-radius:100%;}
.slor_userdropdown.dropdown .dropdown-menu{position:relative;top:13px;border:none;box-shadow: 0 0 0.3rem rgb(30 48 243 / 25%);min-width:260px;}
.slor_userdropdown.dropdown .dropdown-menu .arrow-top{border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 11px solid rgb(30 48 243 / 11%); position: absolute; top: -11px; right: auto;left:7px;}
.slor_userdropdown.dropdown .dropdown-menu .user-drop-details{border-bottom:1px solid rgb(30 48 243 / 10%);background:rgb(255 244 244 / 50%);margin-bottom:.5rem;}
.slor_userdropdown.dropdown .dropdown-menu .user-drop-details img{border:1px solid rgb(30 48 243 / 50%);}
.slor_userdropdown.dropdown .dropdown-menu .user-drop-details h5{font-size:18px;}
.slor_userdropdown.dropdown .dropdown-menu .dropdown-item{padding:.5rem 1rem;}
.slor_userdropdown.dropdown .dropdown-item:hover{background:none;color:#1e30f3;}
.slor_userdropdown.dropdown .dropdown-item:focus{background:var(--bs-nav-pills-link-active-bg);color:var(--bs-nav-pills-link-active-color);}
@media (min-width: 992px){
.slor_userdropdown.dropdown .dropdown-menu[data-bs-popper] {position: absolute; right:-5px; left: auto; top: 47px; }
.slor_userdropdown.dropdown .dropdown-menu .arrow-top{top:-11px;right:7px;left: auto;}
}
/************************ pagination ************************/
.slor_pagination .page-link { font-size: 20px; border: 0; background: none;color:#6c757d;padding: 0.2rem 0.8rem; border-radius: 2px; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; margin:5px;}
.slor_pagination .page-link:hover{background:none;color:var(--bs-primary)}
.slor_pagination .page-link.active, .slor_pagination .active > .page-link, .slor_pagination .active > .page-link:hover{color:var(--bs-white);background:var(--bs-primary);opacity:1;}
/************************ browselist ************************/
.slor_browselist{display:flex;flex-wrap:wrap;}
.slor_browselist li{width:100%; margin: 0rem 1.5rem;}
@media (min-width: 768px) {.slor_browselist li{width: calc(50% - 3rem);}}
/************************ contactform/dmca ************************/
.socontact-form .form-floating .form-control{box-shadow:none;}
.socontact-form .form-floating > label{left: auto;}
.socontact-form .row > div{margin-bottom:2rem;}
.socontact-form .row > div:nth-last-child(1){margin: 0;}
.socontact-form .form-check{cursor:pointer;}
/************************ freetemplate ************************/
.slor_ppttemp{overflow:hidden;display:flex;justify-content:center;flex-wrap: wrap;}
.slor_ppttemp .btn{display:none;position: absolute;bottom:.3rem;right:.3rem;box-shadow:0rem 0rem 3rem 0rem rgb(0 0 0 / 40%);}
.slor_ppttemp:hover .btn{display:block;}
.slor_ppttemp .slor_hover_switch  .slor_2img{position: absolute; top:0; left:0;opacity: 0; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;}
.slor_ppttemp .slor_hover_switch:hover .slor_2img{ opacity: 1; }
/************************ download ad section ************************/
.so_download-arrow-img{max-width:60px;}
.so_ad-area{min-height:500px;margin-top:3rem; margin-bottom:15rem;}
.dashed-line {position: relative; flex-grow: 1; height: 1px; border-top: 1px dashed #000;}
/************************ tag result page ************************/
.tag_container{max-width:1050px;}
.so_starrating .star{color:#ccc}
.so_starrating .star.filled{color:#ffc107}
.taglist_img {height: auto; overflow: hidden; display: flex; align-items: center;padding-bottom:0; background: var(--bs-gray-100);}
.taglist_img img {max-width: 100%;margin:0 auto;}
  @media (min-width:576px) {
    .taglist_img { height: auto;}
  }
  @media (min-width:768px) {
    .taglist_img { height: 150px;}
    .taglist_img img {width: 100%;}
  }
  @media (min-width:992px) {
    .taglist_img { height: 160px;}
  }
  @media (min-width:1200px) {
    .taglist_img { height: 173px;}
  }
/************************ faq ************************/
.so-accordion{padding:1rem;}
.so-accordion .accordion{padding:0 2rem 2rem;}
.so-accordion .accordion-item{border:0;border-bottom:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}
.so-accordion .accordion-button {font-weight:600;font-size:1.2rem;padding:1.5rem 0;}
.so-accordion .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-bg); box-shadow:none; }
.so-accordion .accordion-button:focus { z-index: 3; border-color:transparent; outline: 0; box-shadow:none; }
.so-accordion .accordion-button::after { flex-shrink: 0; width: 1rem; height: 1rem; margin-left: auto; content: "\f282"; font-family: bootstrap-icons !important; background-image: none; transition: var(--bs-accordion-btn-icon-transition); color: var(--bs-accordion-btn-color); border-radius: 50%;display: flex ; align-items: center; justify-content: center; padding:.8rem; line-height: 0; }
.so-accordion .accordion-button:not(.collapsed)::after { background-image:none;color:var(--bs-accordion-active-color);transform: var(--bs-accordion-btn-icon-transform); }
.so-accordion .accordion-body{padding:0 0 1.5rem;color:var(--bs-gray-600)}
@media (min-width:992px) {
.so-accordion{padding:4rem;}
}
/************************ footer ************************/
footer{background:#fcdedc;}
footer a{ color: var(--bs-body-color); }
footer{color:var(--bs-gray-800);font-size:1rem;}
footer .so-ssmedia li{margin:.6rem;font-size:1.4rem;}
footer .footer-list li{margin:.4rem 0;}
footer .footer-list li a{color:var(--bs-gray-800);font-size:1rem;}
footer .so-footersubscribe .form-control, footer .so-footersubscribe .form-control:focus{height: 44px; padding: .375rem 1.5rem; display: block; width: 100%; font-size: 16px; font-weight: 400; line-height: 1.5; border-radius: 6px; border: 0; margin: 0; outline: 0;box-shadow:none;}
footer .so-bottomfooter > div{padding:.6rem 0;}
footer .so-bottomfooter ul a{color:var(--bs-gray-800);font-size:1rem;}
footer .so-bottomfooter ul li{margin:0 .6rem;}
@media (max-width:576px) {
  footer .so-ssmedia{justify-content:center;}
}
/************************ 404 ************************/
.slor404page h1{line-height: 1;font-size: 14rem; color: #bbbbbb; font-weight: 400;}

/************************ extras ************************/
.SO_gbtn, .SO_gbtn:hover, .SO_gbtn:active, .SO_gbtn:focus, .SO_gbtn:focus-visible{background:#4551e7;display: flex; justify-content: center;width:100%;padding:.5rem;}/*google signin button*/