body{display: flex;flex-direction: column; min-height: 100vh;}
.heading{font-size: 42px;font-weight: 500; font-family: 'Oswald', sans-serif; margin-top: 10px; position:relative; display: inline-block;text-transform: uppercase;}
.actual_body{flex:1}
.newfixedclass{top: 102px;width:max-content;position: fixed;}
a,a:hover,a:focus,a:focus:active{text-decoration: none;color:black}
.progress{height: 2px;}
.hide{display: none;}
.progress-bar{background-color: #000;}
header{position: sticky; top:0; z-index:1111111111; }
nav{height:90px;display: flex;align-items: center;position:sticky;width:100%;background:#FDFCFA;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);}
.nav-link{font-family:'Manrope',sans-serif;font-size: 16px;font-weight: 500;}
.logo_alt_text{font-weight: 400;font-size: 26px;}
.logosec{display: flex;align-items: center;float: left;width: 195px;}
.logosec img{max-width:175px;}
.hideaddsectionsec{float:left;width:728px;}
.menusecondesktop{padding: 6px 7px;border: 3px solid #F3F3F3;border-radius: 7px;line-height: unset;}
.menusecondesktop .spinner{background-color:#000000;}
.rightsearchmenusec{text-align:right;display: flex;align-items: center;justify-content: right;}
.rightsearchmenusec{position: relative;float: right;width: 215px;}
.searchsecondary{margin-right:10px;}
.searchsecondary form input[type=text]{font-family: inherit;font-size: 100%;border: 3px solid #F3F3F3;border-radius: 7px;}
.search-box{position: relative;display: inline-block;}
.search-box .fa-search{color: #afafaf;position: absolute;top: 12px;right: 11px;}
.search-box input{padding: .375rem 1.975rem .375rem .75rem;}
.menusecondesktop input[type="checkbox"]:checked ~ #sidebarMenu{transform: translateX(0); opacity:1; display:block; transition: opacity .25s ease-in-out;    -moz-transition: opacity .25s ease-in-out;    -webkit-transition: opacity .25s ease-in-out;}
.menusecondesktop input[type=checkbox]{transition: all 0.3s;box-sizing: border-box;display: none;}
#sidebarMenu{z-index:9;position: absolute;right: 0;left:auto;width: 250px;background: #fff;box-shadow: 0px 0px 3px 0px #888888;margin-top: 33px;opacity:0;display: none;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out}
.sidebarIconToggle{transition: all 0.3s;box-sizing: border-box;cursor: pointer;z-index: 99;height: 100%;width: 22px;}
.sidebarMenuInner li{list-style: none;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.10);padding: 8px 0px;}
.sidebarMenuInner li a{color: #000;cursor: pointer;text-decoration: none;}
.sidebarMenuInner{margin:0;padding:0;border-top: 1px solid rgba(255, 255, 255, 0.10);text-align: left;overflow: auto;max-height:calc(100vh - 80px);padding:0 20px;}
.sidebarMenuInner::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
.sidebarMenuInner::-webkit-scrollbar {width: 5px;background-color: #F5F5F5;}
.sidebarMenuInner::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}
.menusecondesktop .spinner{transition: all 0.3s;box-sizing: border-box;position: absolute;height: 3px;width: 100%;}
.menusecondesktop .horizontal{transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;}
.diagonal.part-1{position: relative;transition: all 0.3s;box-sizing: border-box;float: left;}
.diagonal.part-2{transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal{transition: all 0.3s;box-sizing: border-box;opacity: 0;}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1{transition: all 0.3s;box-sizing: border-box;transform: rotate(135deg);margin-top: 8px;}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2{transition: all 0.3s;box-sizing: border-box;transform: rotate(-135deg);margin-top: -9px;}

.owl-carousel .owl-item{height:352px;}
.owl-carousel .owl-item img{height:100%;border-radius: 16px;object-fit: cover;transition: 0.6s;}
.owl-nav{position: absolute;top: -56px;right: 0px;}
.owl-carousel .owl-nav button.owl-prev{padding: 4px 14px!important;}
.owl-carousel .owl-nav button.owl-next{padding: 4px 14px!important;}
.owl-carousel .owl-nav button{color: #F3F3F3!important;border: 2px solid #F3F3F3!important;border-radius: 7px!important;margin: 0px 0px 0px 12px!important;}
.owl-carousel .owl-nav button span{color: #000000}
.imgtxt,.imgtxt_cat{position: absolute;bottom: 0px;width: 100%;background: linear-gradient(0deg, #747474, #ffffff00);border-radius:16px;}

.imgtxt_credit{position: absolute;width: 100%;top: 0px!important;background-color: rgba(0,0,0,0.2);border-radius: 16px 16px 0px 0px}
.imgatrr_credit{ font-family: 'Manrope', sans-serif; text-align: right;padding:6px 12px;line-height: 1.2;color: #fff;font-size: 10px;font-weight: 450;margin:0;border-radius: 16px;}

.imgatrr{font-family: 'Manrope', sans-serif; text-align: left;padding:16px 32px;line-height: 1.2;color: #fff;font-size: 16px;font-weight: 600;margin:0;border-radius: 16px}
.imgatrr_cat{font-family: 'Manrope', sans-serif; text-align: left;padding-top: 24px;padding-bottom: 24px;padding-left:36px;color: #fff;font-size: 20px;font-weight: 700;margin:0;border-radius: 16px}
.single_photography{ height: 100%;border-radius: 16px;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 16px;overflow: hidden;position: relative;}
.single_photography img:hover{ transform: scale(1.2);}

.cat_sec_height{height:324px;padding-bottom: 32px;position:relative;}
.cat_sec_height img{ border-radius: 16px;width: 100%;height: 100%;object-fit: cover;transition: 0.6s;}
.all_quiz_sec{height: 352px;padding-bottom: 25px;}
.all_quiz_sec .single_photography{position: relative;overflow: hidden;}
.all_quiz_sec img{ border-radius: 16px;width: 100%;height: 100%;object-fit: cover;transition: 0.6s;}

.quiz_style2_height{height:450px;}
.border_radius_16{border-radius:16px;}
.single_photography_V2{border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: unset; border-bottom-left-radius: unset;overflow: hidden;position: relative;height:70%;}
.single_photography_V2 img{border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: unset; border-bottom-left-radius: unset;}
.single_photography_V2 img:hover{ transform: scale(1.2);}
.border-radius-unset{border-radius: unset;}
.quiz_section_description{ display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow : hidden;}

.chckdsgn label{justify-content: space-between;}
.crossicon{float:left}
.crossicon .fa{font-size: 20px;}
.crosstxt{padding-left:32px;}
.crossicon .fa-check-circle{color:green;}
.crossicon .fa-times-circle{color:red;}
.chckoptnsgreen{color:green;font-size: 20px;}
.chckoptnsred{color:red;font-size: 20px;}
.rightans{border: 1px solid green!important;}
.wrongans{border: 1px solid red!important;}
.pointer_none{pointer-events: none; opacity: 0.5;}


.img-responsive {display: block;height: 420px;width:100%;object-fit: cover;transition: 0.6s;height:360px;border-radius: 16px 0px 0px 16px; }
.rss_img_height {height: 400px;padding-bottom: 32px;position: relative;}
.img-responsive:hover{transform: scale(1.2);}
.main_rss_sec{background-color: #e9ecef;border-radius: 16px;}
.league-badge{color: #fff;font-weight: 700!important;display: inline-block;font-size: 18px;padding: 6px 8px;border-radius: 2px;background-color: #002b49;line-height: .7;margin-right: 8px;}
.author{font-weight: 400!important;font-size: 18px;color: #343434;}
.rss_title{font-weight: 700!important;margin: 0;font-size: 20px;line-height: 1.3;color: #343434;margin-top: 10px;}
.main_rss_feed{padding: 40px 0px 0px 0px;}
.feed_title_sec{margin: 0;line-height: 1;border-bottom: 1px solid #cecece;min-height: 82px;padding-bottom: 40px;padding-top: 16px;display: flex;}
.thumb_img{width: 36%; border-radius: 16px;overflow:hidden;}   
.thumb_img img{height: 100%;object-fit: cover;width: 100%;transition: 0.6s; border-radius: 16px;min-height:196px;}
.thumb_img:hover img{-ms-transform: scale(1.2);transform: scale(1.2); border-radius: 16px;}
.rss_des{font-size: 20px;}
.main_bck_sec{overflow: hidden; border-radius: 16px 0px 0px 16px; }
.short_img_sec{overflow: hidden;border-radius: 16px;}
.rss_category {width: 64%;}
.rss_tDes span{font-family: var(--bs-font-sans-serif);font-size: 1rem;font-weight: 400;line-height: 1.5;}

.quiz-btn{color:#fff; background-color: #000000; border:unset;box-shadow:unset; text-transform: uppercase;font-family: Manrope, sans-serif;  font-weight: 600;min-width: 125px;}
.quiz-btn:hover, .quiz-btn:active, .quiz-btn:active:focus, .quiz-btn:focus{color:#fff; background-color: #000000; border:unset; box-shadow:unset; text-transform: uppercase;font-family: Manrope, sans-serif;  font-weight: 600;min-width: 125px;}

.quiz-secondry-btn{color:#000; background-color: #f3f3f3;border: 2px solid #fff;box-shadow:unset; text-transform: uppercase;font-family: Manrope, sans-serif;  font-weight: 600;min-width: 125px;}
.quiz-secondry-btn:hover, .quiz-secondry-btn:active, .quiz-secondry-btn:active:focus, .quiz-secondry-btn:focus{color:#000;background-color: #f3f3f3;border: 2px solid #fff;box-shadow:unset; text-transform: uppercase;font-family: Manrope, sans-serif;  font-weight: 600;min-width: 125px;}

.ql-video{width: 60%;min-height: 520px;}

.footer_heading{color:#fff; font-size: 24px;font-weight: 400;font-family: 'Oswald', sans-serif;position: relative;display: inline-block;text-transform: uppercase; line-height:0px;}
.footer{margin-top:100px; background-color: #000;}
.footer ul li{display: inline;color:#fff;}
.footer ul a:not(:last-child) li{padding-right:32px;}
.footer ul a:last-child li{padding-right:16px;}
.footer .diff_c ul li{color:#98A2B3;font-size: 14px;}

hr{background-color: #98A2B3;}

/* quiz page */
.quiz_intro .image_div, .quiz_result_box .image_div{border-radius: 16px;position: relative;}
.quiz_intro img, .quiz_result_box img{border-radius: 16px;object-fit: cover;}
.quiz_intro img:not(.quiz_description img){max-height:600px; max-width :900px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 16px;}
.quiz_intro .imgtxt, .quiz_intro .imgtxt_credit{max-width: 900px;left: 0;right:0; margin-left: auto; margin-right:auto;}

.quiz_intro .imgtxt{top:0px!important;bottom:unset!important;border-radius: 16px!important;background:linear-gradient(180deg, #747474, #ffffff00)!important}
.quiz_intro .imgtxt_credit{bottom:0px!important;top:unset!important}

.quiz_description img{max-width:100%;}
.quiz_dtl_links{display: flex;align-items: center;justify-content: end;}

.quiz_intro .image_div{margin: 0 auto;text-align: center;}
.imgatrr_quiz_page{font-family: 'Manrope', sans-serif; text-align: left;text-align:center;padding-block: 10px 24px;line-height: 1.2;color: #fff;font-size: 20px;font-weight: 600;margin:0;border-radius:16px;}
.quiz_intro_txt{font-family: 'Manrope', sans-serif; font-size: 18px;font-weight: 500;}
.quiz_link_class{font-family: 'Manrope',sans-serif;  font-size: 18px;  font-weight: 500;text-decoration: underline;}
.result_description{display:flex;justify-content: space-between}
.result_description .quiz_intro_txt{font-size: 24px;}
.quiz_result_share_buttons p{ font-size: 24px; text-align: center;}

.quiz-options{display: flex;align-items: center;width: 100%;height: 100%;min-height: 56px;padding: 8px 24px;margin: 0;border: 3px solid #f4f4f4;border-radius: 8px;cursor: pointer;  background-color: #fff;}

.quiz_thumb{border-radius: 16px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 16px;}
.quiz_thumb img{border-radius: 16px;    object-fit: cover; height:350px;}
.author_thumb{border-radius: 16px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 16px;}
.author_thumb img{border-radius: 16px; height:350px; object-fit: cover;}
.author_social_lnks .fa{font-size: 22px;padding: 8px 12px;border-radius: 4px;background: #fff;border: 1px solid #F3F3F3;margin-right: 12px;}

.quiz_completion_box{background-color: #F3F3F3;border-radius: 16px;}
.quiz_completion_txt{font-size: 22px;font-weight: 600;font-family:'Manrope',sans-serif}

label.optnslcted{color:#fff; background-color: #000;}

.contact_page p{font-family: 'Manrope',sans-serif;font-size: 20px;font-weight: 500;line-height: 1.6;margin-bottom: 6px;}
.contact-page-form input, .contact-page-form textarea{font-family: inherit;font-size: 100%;border: 3px solid #F3F3F3;border-radius: 7px;} 

@media(max-width:1023px){
  .hideaddsectionsec{display:none;}
  .headersecondary{height: 70px;}
  .extraspace{padding-top:50px;}
  .headersecondary .row{justify-content: space-between;}
   #sidebarMenu{margin-top:13px;}
  .logosec{width:100%;justify-content:center}
  .rightsearchmenusec{position: absolute!important;right:10px;top:25px;}
  #sidebarMenu{ width: 250px !important; margin-top: 26px;}
  .logosec img { max-width: 215px;}
}

@media(max-width:991px){
  .search-box{ width:75%; margin:0 auto}
}

@media only screen and (max-width: 900px) {
  .feed_title_sec{display:block!important}
  .thumb_img{width:100%!important}
  .rss_category{width:100%!important; margin-top:24px;}
  .rightSideMainSection{margin-top:24px;}
}

@media(min-width:351px) and (max-width:767px){
  .imgatrr_quiz_page{font-size: 16px;}
}

@media(max-width:350px){
  .imgatrr_quiz_page{font-size: 14px;}
}

@media(max-width:480px){
  .owl-nav{display:none!important;}
}

@media(max-width:767px){
  .rightsearchmenusec{position: inherit;}
  ul.sidebarMenuInner li {width: 50%;float: left;}
  #sidebarMenu{width:100%;height: calc(100vh - 50px);}
  .quiz_thumb img{ height:286px!important;} 
  .quiz-options{min-height: 50px;padding: 6px 24px;}
  .quiz_intro .image_div{max-width:100%}
  .quiz_intro img{max-width: 100%;}
  .auth_order_8{order:2!important}
  .auth_order_4{order:1!important}
  .result_description{width:100%!important; display: block;}
  .quiz_dtl_links{display:block!important;margin-top: 0px!important;}
  .quiz_dtl_links a{width: 100%;margin-bottom: 12px;}
  .footer ul a{display: flex; flex-direction:column;}
  .footer .page-list{justify-content: start!important;}
  .quiz_result_share_buttons p{ text-align: left;}

  .thumb_img img{
    min-height: inherit !important;
  }
  .league-badge{
    line-height: 1.1 !important;
  }
  .rss_title{line-height: 1.1 !important; font-size: 18px;}
  .author{float: left;padding: 5px 0px;}
  .league-badge{float: left;}
  .main_desc{float: left}
  .rss_des{float: left;padding: 5px;font-size: 18px;}
  .meta{padding-left: 11px;}
  .img-responsive{border-radius: 16px;}
  .ql-video {width:100%!important; min-height: 360px!important;}
}

@media(min-width:1400px){
  .headersecondary .row{justify-content: center;}
  .logosec{width:270px;}
  .logosec img{max-width:250px;}
  .rightsearchmenusec{width:230px;}
  .hideaddsectionsec{width: calc(100% - 500px);}
  .headersecondary .container{max-width:1270px;}
  .ql-video {min-height: 450px!important;}
}

@media(max-width:1200px){
  .sidebarMenuInner{padding:20px;}
  .searchsecondary{display:none;}
  .rightsearchmenusec{width:auto;}
}

@media(min-width:1024px) and (max-width:1200px){
  .logosec{width:120px;}
  .logosec img {max-width: 130px;}
  .headersecondary .row{justify-content: space-between;}
}

@media(min-width:1001px) and (max-width:1399px){
  .ql-video {min-height: 400px!important;}
}

@media(max-width:1080px){
  .quizpagesidebar{ display:none;}
}

@media(min-width:769px) and (max-width:1000px){
  .result_description{ display: flex !important;width: 100%;}
  .quiz_dtl_links{display:block!important;margin-top: 12px!important;width:100%}
  .ql-video {width:80%!important; min-height: 360px!important;}
}