@charset "utf-8";
/* CSS Document */

/* Google Fonts Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    /* Color */
    --body-font: 'Roboto', sans-serif;
    --body-font-size: 16px;
    --primary-color: #be2908;
    --secondary-color: #ffba00;
    --white-color: #ffffff;
    --soft-gray: #fafafa;
    --very-light: #f5f5f5;
    --soft-light-eee: #eeeeee;
    --color-ccc: #cccccc;
    --semi-light-999: #999999;
    --mid-light-777: #777777;
    --mid-dark-666: #666666;
    --light-charcoal-555: #555555;
    --dark-charcoal-333: #333333;
    --black-color: #000000;
    --facebook: #215595;
    --twitter: #1c9be9;
    --instagram: #f60868;
    --youtube: #f60002;   
    --bs-navbar-toggler-icon-bg: url(../images/navbar-toggler-icon.png);
    --FontAwesome4: 'FontAwesome';
    --FontAwesome5: 'FontAwesome';
}

/* transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; */

/* ------------------common-css--------------- */
html { scroll-behavior: smooth; }
* { padding: 0; margin: 0; box-sizing: border-box; }
body { font-family: var(--body-font); font-size: var(--body-font-size); font-weight: 300; line-height: 1.5; background: var(--white-color); letter-spacing: 0.4px; color: var(--black-color);}
img { width: auto; max-width: 100%; display: block; border: 0; }
ul, ol {padding: 0; margin: 0; list-style: none; }
a { color: var(--secondary-color);}
a:hover { color: var(--second-bg-color);}
a, a:hover, a:focus, a:active { text-decoration: none; outline: none; }
ol { list-style: decimal inside; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; padding: 0; margin: 0; }
h1 { font-size: 44px; }
h2 { font-size: 38px; }
h3 { font-size: 34px; }
h4 { font-size: 28px; }
h5 { font-size: 24px;}
h6 { font-size: 20px; }
p { font-size: var(--body-font-size); padding: 0; margin: 0; font-weight: 400; }
b, strong { font-weight: 600; }
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus { outline: none; }
input::placeholder, input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder { color: var(--color-ccc); }
.form-control::placeholder { color: var(--semi-light-999); line-height: 1.5; }
.form-control { font-size: 14px;}
.form-control:focus { box-shadow: none; border-color: var(--secondary-color); }
.row-eq-height { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.gradient_txt { background: linear-gradient(90deg, var(--secondary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.gradient_txt1 { background: linear-gradient(90deg, var(--primary-color) 35%, var(--secondary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.gradient_txt2 { background: linear-gradient(90deg, var(--white-color) 35%, var(--secondary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.gradient_txt3 { background: linear-gradient(90deg, var(--white-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); }
.form-check-input:focus { box-shadow: none; border-color: var(--primary-color); }

.section { padding: 70px 0;}
.v_middlebox { width: 100%; height: 100%; display: table;}
.v_middlebox .v_middle { display: table-cell; vertical-align: middle; }
.middle { margin: 0 auto; display: flex;}
.gray_bg { background: var(--soft-light-eee);}
.white_bg { background: var(--white-color);}
.light_bg { background: var(--very-light);}

.white-color { color: var(--white-color);}
.btn1 { text-align: center; color: var(--black-color); font-weight: 400; background: var(--secondary-color); border: 1px solid var(--secondary-color); padding: 5px 25px; margin: 0; display: inline-block; border-radius: 30px; box-shadow: none !important; }
.btn1:hover, .btn1:focus { color: var(--white-color); background: var(--black-color); border-color: var(--black-color);}
.redbtn1 { text-align: center; color: var(--white-color); font-weight: 400; background: var(--primary-color); border: 1px solid var(--primary-color); padding: 5px 25px; margin: 0; display: inline-block; border-radius: 30px; }
.redbtn1:hover { color: var(--white-color); background: var(--black-color); border-color: var(--black-color);}
.btn-outline { color: var(--secondary-color); background: none; border: 1px solid var(--secondary-color); padding: 5px 25px; margin: 0; display: inline-block; border-radius: 30px; }
.btn-outline:hover { color: var(--white-color); background: var(--secondary-color); border-color: var(--secondary-color);}
.btn1-gradient { background: linear-gradient(90deg, var(--secondary-color) 35%, var(--primary-color) 100%); border: 0; border-radius: 40px; font-size: 16px; line-height: 1.5; color: var(--white-color); text-align: center; font-weight: 400; text-transform: uppercase; padding: 10px 50px; margin: 0 15px; display: block; white-space: nowrap; box-shadow: inset 0px 0px 0px 2px var(--transparent); -webkit-box-shadow: inset 0px 0px 0px 2px var(--transparent); -moz-box-shadow: inset 0px 0px 0px 2px var(--transparent); transition: all 0.2s ease; }
.btn1-gradient:hover { color: var(--secondary-color); background: black; border: 0; box-shadow: inset 0px 0px 0px 2px var(--second-bg-color); -webkit-box-shadow: inset 0px 0px 0px 2px var(--second-bg-color); -moz-box-shadow: inset 0px 0px 0px 2px var(--second-bg-color); }
.btn1-gradient.btn-sm { font-size: 14px; padding: 8px 30px; display: inline-block;}
.btn1-gradient.btn-sm:hover { padding: 8px 30px; }
.banner .textbanner .get-access-btn { padding: 10px 30px; }
.banner .textbanner .get-access-btn:hover { background: var(--black-color); color: var(--white-color); }
/* ------------------End-common-css--------------- */
.new_header { width: 100%; background: var(--white-color);}
.new_header nav { background: var(--white-color); }
.header_logo { max-height: 40px;}
.new_header nav .nav-item { margin: 0 0 0 10px;}
.new_header nav .nav-link { font-size: 14px; color: var(--black-color);}
.new_header nav .nav-link.active { background: var(--secondary-color);}
.new_header nav .nav-item .bar-right { font-size: 28px; padding: 0 1rem; }
.cusbtn-outline { color: var(--primary-color); border-color: var(--primary-color);}
.cusbtn-outline:hover, .cusbtn-outline:focus, .cusbtn-outline.active, .cusbtn-outline:active, .cusbtn-outline:active:focus { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); box-shadow: none; box-shadow: none; }
.banner_content_wrapper { width: 70%; margin: 0 auto;}
.navbar-toggler { padding: 4px 12px; font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: 1px solid var(--primary-color); border-radius: 4px; transition: var(--bs-navbar-toggler-transition); }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
/* -------------------About-------------------------- */
.aboutimg_box { width: 100%; padding: 0; margin: 15px 0; border-radius: 10px; overflow: hidden;}
/* -------------------End About-------------------------- */
/* -------------------Browse Journals-------------------------- */
.browsjurnal { width: 100%;}
.quick_previewbase { background: var(--black-color); margin: 0; overflow: hidden;}
.quick_previewbase .container-fluid { padding: 0; }
.quick_preview_imgbox { width: 100%; min-height: 200px; background: #00b1e9; overflow: hidden; }
.quick_preview_imgbox img { height: 100%; object-fit: cover; }
.quick_preview_basebox { position: relative; overflow: hidden; }
.quick_preview { padding: 25px; border: 0; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); text-align: center;}
.quick_preview .ic_box { width: 80px; height: 80px; border-radius: 20px; background: #fff; margin: 0 auto 10px auto; float: none; font-size: 30px; line-height: 80px; text-align: center;}
.quick_preview_basebox .color_overly { width: 100%; height: 100%; background: rgba(255, 186, 0, 0.8); position: absolute; top: 0; left: 0; z-index: 1; }
.border_left0 { border-left: 0; }
.quick_preview_basebox p { text-align: center;}
.quick_preview_basebox p a { color: var(--white-color); white-space: nowrap; }
.quick_preview_basebox p a:hover { color: var(--primary-color);}
.quick_preview_basebox.white_content .quick_preview .ic_box { background: var(--secondary-color);}
.quick_preview_basebox.white_content .quick_preview .ic_box i { color: var(--white-color);}
.quick_preview_basebox.white_content h3 { color: var(--secondary-color);}
.quick_preview_basebox.white_content p { color: var(--secondary-color);}
.quick_preview_basebox.white_content .color_overly { background: rgba(0, 0, 0, 0.7); }
/* ------------------End-Browse Journals-------------------------- */
/* -------------------------Why Choose Us------------------------- */
.titlebox { width: 58%; margin: 0 auto 60px auto; text-align: center;}
.titlebox .heading { margin: 0 0 16px 0;}
.titlebox p { font-size: 18px; font-weight: 400;}
.home_choose_us ul li .text-center { background: none; border: 0; padding: 0; margin: 0; }
.home_choose_us .items_box .item { padding: 25px; margin: 0 15px 30px 15px; box-shadow: 0 0 10px #dddddd; border-radius: 30px; background: var(--white-color); }
.home_choose_us .items_box .item .iconarea { width: 80px; height: 80px; background: var(--primary-color); text-align: center; padding: 20px; margin: 0 auto 25px auto; border-radius: 20px; }
.home_choose_us .items_box .item .iconarea i { font-size: 34px; line-height: 40px; color: var(--white-color);}
.home_choose_us .items_box .item .counter_style { font-size: 40px; color: var(--secondary-color); font-weight: bold; margin: 0 0 10px 0; }
.home_choose_us .items_box .item h5 { font-size: 20px; color: var(--light-charcoal-555);}
/* ------------------------End-Why Choose Us------------------------- */
/* -------------------------Recent Post------------------------- */
.recent-post { background: url(../images/recent-post-bg.jpg) center center no-repeat; background-size: cover; }
.recent-post .titlebox .heading { color: var(--white-color);}
.recent-post .titlebox p { color: var(--white-color);}
.recent-post-slider .item { height: 100%; padding: 10px; }
.slick-dots { bottom: -40px; }
.slick-dots li button:before { font-size: 13px;}
.slick-dots li button:before, .slick-dots li.slick-active button:before { color: var(--semi-light-999);}
.slick-dots li.slick-active button:before { color: var(--secondary-color);}
.recent-post-slider .item .card { border: 4px solid var(--secondary-color); }
.recent-post-slider .item .card-body { border-top: 0px solid var(--secondary-color); position: relative; }
.recent-post-slider .item .card-body:before { width: calc(100% - 30px); height: 3px; margin: 0 15px; position: absolute; top: -3px; left: 0; content: ""; border: 3px solid var(--primary-color);}
.recent-post-slider .item .card-body .all-button { display: block; text-align: center;}
.recent-post-slider .item .imgwrrap { position: relative;}
.recent-post-slider .item .imgwrrap .txtwraap { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1; }
.recent-post-slider .item .txtwraap .card-title { font-size: 18px; line-height: 1.3; font-weight: 400; color: var(--white-color); padding: 10px 15px; }
/* -------------------------End Recent Post------------------------- */
/* -------------------------social-initiative------------------------- */
.social_titlebox { width: 100%; height: 100%; position: relative;}
.social_center_titlebox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.color_yellow { color: var(--secondary-color) !important;}
.social-initiative .s_initiative_box { width: 100%; margin: 15px 0; position: relative; }
.social-initiative .s_initiative_box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6784313725); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
.social-initiative .s_initiative_box:hover::before { background: rgba(0, 0, 0, 0.3784313725); }
.exclusive_btn { background: var(--secondary-color); color: var(--white-color); font-weight: 600; padding: 5px 20px; margin: 50px auto 30px auto; border-radius: 30px; display: table; }
.s_initiative_box .initiative_contbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; }
.s_initiative_box .initiative_contbox::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 10px; border: 2px solid var(--secondary-color); }
.s_initiative_box .initiative_contbox p { font-size: 20px; line-height: 1.3; color: var(--white-color); font-weight: 500; position: absolute; bottom: 0; left: 0; padding: 20px; }
/* -------------------------End social-initiative------------------------- */
/* -------------------------Research and Innovation------------------------- */
.research_box { width: 100%; position: relative; margin: 0 0 30px 0; }
.research_img_box { width: 100%; height: 100%;}
.research_img_box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6784313725); }
.research_box .research_top { position: absolute; left: 0; bottom: 0; padding: 30px 15px; z-index: 1; }
.research_box .research_top h4, .research_box .research_top .titletxt { color: var(--white-color); margin: 0 0 30px 0;}
/* -------------------------End Research and Innovation------------------------- */
.research-innovation { width: 100%; }
.service_boxs { padding: 0; }
.service_boxs .service_info { background: none;}
.service_info .service_imgbox { width: 160px; height: 160px; border: 4px solid #fff; border-radius: 80px; overflow: hidden; margin: 0 auto 30px auto; box-shadow: 0 0 20px #ccc; }
.service_info .service_imgbox img { object-fit: cover; display: block; width: 100%; height: 100%; }
.service_info .card-title { text-align: center; margin: 0 0 30px 0; height: 58px; overflow: hidden;}
.service_info .card-body { text-align: center; display: table; }
/* -------------------------End Research and Innovation------------------------- */
/* -------------------------Event-Blog------------------------ */
.our-event .event_title p { font-size: 18px; line-height: 1.5; font-weight: 400; margin: 0 0 30px 0;}
.our-event .eventbox { position: relative; margin: 15px 0; }
.eventimgbox { position: relative; overflow: hidden;}
.eventbox .hover_item { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; margin: 0 0 -80px 0; display: block; padding: 5px 15px; background: rgba(255, 186, 0, 0.8); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.eventbox:hover .hover_item { display: block; margin: 0;}
.eventbox .user { display: flex; }
.eventbox .user .userimg { width: 50px; height: 50px; border: 2px solid var(--white-color); border-radius: 50px; margin: 0 15px 0 0; overflow: hidden;}
.eventbox .user p { color: var(--white-color); line-height: normal; font-weight: 600; margin: 15px 0; display: inline-block;}
.readbtn { margin: 15px auto; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); display: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  }
.eventbox:hover .readbtn { display: block;}
.eventbox .readbtn:hover { background-color: var(--white-color); color: var(--black-color); border-color: var(--white-color);}
.eventbox .eventimgbox img.event-img { transition: transform .3s; }
.eventbox:hover .eventimgbox img.event-img { transform: scale(1.1); }
.eventbox:hover .card-body { background: var(--black-color);}
.eventbox:hover .card-body .card-title,  .eventbox:hover .card-body p { color: var(--white-color);}
/* -------------------------End Event-Blog------------------------ */
.bg-none { background: none;}
.join_usbox { background: var(--secondary-color);}
.withus_imgbox { width: 100%; height: 100%; position: relative; margin: 0;}
.withus_imgbox::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6784313725);}
.withus_imgbox img { height: 100%; object-fit: cover; }
.Publishtxt_text { padding: 50px 0;}
.Publishtxt_info a { padding: 10px 25px; margin: 0; background: var(--primary-color); font-size: 17px; color: var(--white-color); font-weight: 400; display: block; text-align: center; border-radius: 30px; }
.Publishtxt_info a:hover { background: var(--black-color); color: var(--white-color);}
.Publishtxt_info a i { margin: 0 5px 0 0;}
.testimo-join { width: 100%; overflow: hidden; }
.accessbox { width: 100%; position: relative; margin: 0;}
.accessbox .access_top { position: absolute; left: 0; bottom: 0; padding: 30px 15px; z-index: 2; }
.accessbox .access_top h4 { color: var(--white-color); margin: 0 0 10px 0; }
.accessbox .access_top p { color: var(--white-color);  margin: 0 0 30px 0; }
.subscribebox { display: flex;}
.subscribebox .subscribeinput { padding: 6px 30px; border: 1px solid var(--secondary-color); background: none; border-radius: 30px; overflow: hidden; display: inline-block; margin: 0 10px 0 0; }
.subscribebox .subscribeinput input { background: none; border: 0; outline: none; color: var(--white-color); padding: 0; margin: 0; display: block; }
.awards_base { width: 100%; }
.awards-slider item { padding: 0 15px;}
.award_imgbox { width: 100%; position: relative; overflow: hidden;}
.award_imgbox .hover_item { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; margin: 0 0 -30px 0; display: block; padding: 50px 15px;  background: rgba(0, 0, 0, 0.6784313725); transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.award_imgbox:hover .hover_item { display: block; margin: 0;}
.award_imgbox .hoverbtn { width: auto; padding: 0; margin: 0 auto; text-align: center; }
.our-partner .partnear-area { height: auto; background: none; display: block; text-align: center;}
.our-partner .partnear-area .prtn_img { width: auto; height: 120px; margin: 0 auto 15px auto; display: inline-block;}
.our-partner .partnear-area .prtn_name { color: var(--white-color); margin: 0; border-top: 1px solid var(--white-color); padding: 15px 0 0 0; }
.footer { border: 0; border-top: 0 solid var(--secondary-color); padding: 0; }
.footer_top_sec { padding: 40px 0 40px 0; }
.footer .foot_logobox { margin: 0 0 30px 0;}
.foot_address { width: 100%; margin: 0 0 30px 0;} 
.foot_address p { margin: 0 0 5px 0;}
.foot_social { width: 100%; margin: 0;} 
.foot_social ul li {float: left; margin: 0 10px 0 0;}
.foot_social ul li a { width: 40px; height: 40px; background: var(--secondary-color); font-size: 20px; line-height: 40px; text-align: center; display: block; color: var(--white-color); border-radius: 30px; }
.foot_social ul li a:hover { color: var(--secondary-color); background: var(--black-color); }
.footer .foot_quick_link .foot_title { margin: 0 0 15px 0;}
.footer .foot_quick_link ul li { margin: 0 0 10px 0;}
.footer .foot_quick_link ul li a { font-size: 15px; color: var(--black-color); font-weight: 400; margin: 0; }
.footer .foot_quick_link ul li a:hover { color: var(--secondary-color);}
.footer_bottom_sec { text-align: center; padding: 0; }
.footer_bottom_sec .foot_cms_box1 { background: var(--mid-dark-666); padding: 20px 0 15px 0; }
.footer_bottom_sec .foot_cms_box2 {  background: var(--dark-charcoal-333); padding: 15px 0; }
.footer_bottom_sec .foot_cms_links { margin: 0 auto; display: inline-block; }
.footer_bottom_sec .foot_cms_links li { float: left; margin: 0; position: relative; padding: 0 0 0 15px; }
.footer_bottom_sec .foot_cms_links li::before { content: "|"; color: var(--white-color); padding: 0 15px 0 0; margin: 0;}
.footer_bottom_sec .foot_cms_links li a { color: var(--white-color); padding: 0; }
.footer_bottom_sec .foot_cms_links li a:hover { color: var(--secondary-color);}
.footer_bottom_sec .foot_cms_links li:first-child { padding-left: 0;}
.footer_bottom_sec .foot_cms_links li:first-child a { padding-left: 0;}
.footer_bottom_sec .foot_cms_links li:first-child::before { content: ""; }
.footer_bottom_sec .copyright_txt { text-align: center; color: var(--white-color); margin: 0;}
.heading span { color: inherit;}
.innerpage_banner { width: 100%; height: 380px; position: relative; background-position: center center; background-size: contain; background-repeat: no-repeat; object-fit: contain; }
.innerpage_banner::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.49); }
.inner_content_sec { width: 100%; display: flex; position: absolute; top: 0; left: 0;}
.banner_titlebox { width: 64%; height: 134px; margin: 10px auto 20px auto;}
.inner_content_sec .banner_title { color: var(--secondary-color); margin: 0 0 10px 0;}
.inner_content_sec .banner_dec { font-size: var(--body-font-size); color: var(--white-color); margin: 0 0 10px 0;}
.breadcrumb_box { display: flex; justify-content: center; margin: 0 auto;}
.breadcrumb_box .breadcrumb li { font-size: 16px; color: var(--white-color); font-weight: 400; }
.breadcrumb_box .breadcrumb li a { color: var(--white-color); }
.breadcrumb_box .breadcrumb li.active { color: var(--secondary-color); }
.breadcrumb_box .breadcrumb li.breadcrumb-item { color: var(--secondary-color);}
.journal_listbox { width: 100%; display: flex; justify-content: start; padding: 10px 0; margin: 0;}
.journal_listbox .journal_imgbox { width: 80px; height: 80px; background: var(--semi-light-999); margin: 0 15px 0 0; border-radius: 3px;}
.journal_listbox .journal_imgbox img { width: 100%; height: 100%; object-fit: cover; }
.journal_listbox .journal_namebox { width: 80%;}
.journal_listbox  .journal_heading a { color: var(--black-color); }
.journal_listbox  .journal_heading a:hover { color: var(--secondary-color);}
.journal_listbox .journal_namebox p { line-height: 1.2; margin: 0 0 10px 0;}
.journal_listbox .journal_namebox .date { font-size: 14px; margin: 0; color: var(--secondary-color);}
.sub_section { width: 100%; padding: 0 0 40px 0;}
.sub_section .sub_section_title { color: var(--black-color); margin: 0 0 10px 0; }
.best_rating_sec {  width: 100%; background: var(--dark-charcoal-333);}
.best-rating-slider .item { height: 100%; padding: 10px;}
.item .imgwrrap { position: relative;}
.item .imgwrrap .txtwraap { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1; }
.item .txtwraap .card-title { font-size: 18px; line-height: 1.3; font-weight: 400; color: var(--white-color); padding: 10px 15px; }
.item .txtwraap .card-title a { color: var(--white-color);}
.item .txtwraap .card-title a:hover { color: var(--secondary-color);}
.rattingbox .fa-star { color: var(--semi-light-999);}
.rattingbox .checked { color: var(--secondary-color);}
.btn_centerbox { margin: 0 auto; }
.btn_centerbox i { margin: 0 5px 0 0; display: inline-block;}
.most_recent_sec { background: none; padding: 60px 0;}
.recent_item { border: 1px solid #ccc; padding: 16px; border-radius: 4px; margin: 0;}
.most_recent_sec .titlebox { margin: 0 auto 50px auto;}
.asap-section {  width: 100%; padding: 60px 0; background:#fffbef; background-size: cover;}
.asap-section .item { padding: 15px 0; position: relative;}
.inner_item { border: 2px solid var(--secondary-color); background: var(--white-color); padding: 15px; border-radius: 15px; }
.inner_item .asap-image { width: 100%; height: 256px; position: relative; border-radius: 15px; overflow: hidden; background: var(--soft-light-eee); }
.inner_item .asap-image img { width: 100%; height: 100%; display: block; transition: all .3s ease-in-out; object-fit: cover; }
.inner_item:hover .asap-image img { transform: scale(1.2); }
.inner_item .item_txtbox { padding: 15px 0 5px 0; background: var(--white-color);}
.inner_item .title_head { margin: 0 0 10px 0;}
.inner_item .title_head a { color: var(--black-color);}
.inner_item .title_head a:hover { color: var(--secondary-color);}
.inner_item p { margin: 0 0 10px 0;}
.inner_item .date { color: var(--secondary-color);}
.inner_item .category_txt { font-size: 16px; text-align: center; color: var(--white-color); padding: 5px 30px; margin: 0 auto; background: var(--secondary-color); border-radius: 30px; position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translate(-50%, -50%); }
.inner_item:hover .category_txt { background: var(--black-color); }
.featured-content .special-issues ul li { margin: 0 0 10px 0;}
.featured-content .special-issues ul li a { font-size: var(--body-font-size); font-weight: 400;}
.featured-content .special-issues ul li a:hover { color: var(--secondary-color); }
.featured-content .special-details { padding: 15px 0; background: none; border-top: 1px dashed #ccc;}
.featured-content .special-details:first-child { border-top: 0;}
.featured-content .special-issues { margin: 0 auto; display: table;}
.featured-content .special-issues .small-heading { margin: 0 0 10px 0;}
.featured-content .special-issues ul { padding: 0; margin: 0 0 30px 20px;}
.editors-choice-base { background: var(--white-color);}
.issuebox { padding: 15px; border: 1px dashed #ccc; background: var(--white-color); display: flex;}
.issuebox .asap-image { width: 30%; max-height: 170px; margin: 0 15px 0 0; }
.issuebox .asap-image img { width: 100%; height: 100%; display: block; object-fit: cover;}
.asap_txtbox { width: 70%;}
.asap_txtbox .heading_txt { color: var(--black-color); margin: 0 0 10px 0;}
.asap_txtbox .heading_txt a { color: var(--black-color); }
.asap_txtbox .heading_txt a:hover { color: var(--secondary-color);}
.asap_txtbox p { margin: 0 0 10px 0; }
.asap_txtbox p:last-child { margin-bottom: 0;}
.most_read_base { width: 100%; margin: 0; background: var(--white-color); }
.most-read-slider { width: 100%; margin: 0;}
.most-read-slider item { padding: 15px; }
.most-read-slider item .most_readbox { border: 2px solid var(--secondary-color); background: var(--white-color); padding: 15px; border-radius: 15px; }
.most_readbox .asap-image { width: 100%; height: 256px; position: relative; border-radius: 15px; overflow: hidden; background: var(--soft-light-eee); }
.most_readbox .asap-image img { width: 100%; height: 100%; display: block; transition: all .3s ease-in-out; object-fit: cover; }
.most_readbox .item_txtbox { padding: 15px 0 5px 0; background: var(--white-color);}
.most_readbox .item_txtbox p { margin: 0 0 10px 0;}
.most_readbox .item_txtbox .title_head { margin: 0 0 10px 0;}
.most_readbox .item_txtbox .title_head a { color: var(--black-color);}
.most_readbox .item_txtbox .title_head a:hover { color: var(--secondary-color);}
.most_readbox .item_txtbox .date { color: var(--secondary-color);}
.fiveseprate { border: 1px solid #ccc; background: var(--white-color);}
.brand_sliderbase { width: 100%; background: var(--color-ccc); padding: 30px 0; margin: 0;}
.brand-slider item { width: 100%; height: 160px; position: relative; background: var(--white-color); margin: 0 15px; border-radius: 20px; }
.brand-slider item .under-listfive { width: 100%; height: 100%; border-right: 0 solid var(--mid-dark-666); display: inline-block;}
.brand-slider item a { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn_list_box { padding: 0; margin: 0 auto; display: table;}
.btn_list_box li { list-style-type: none; padding: 0 15px; margin: 0; float: left;} 
.reviewlist { width: 100%; display: table; }
.reviewlist li { float: left; margin: 0 10px 0 0; display: inline-block;} 
.reviewlist li a { padding: 5px 15px; background: var(--soft-light-eee); color: var(--black-color); border-radius: 20px; }
.reviewlist li a:hover { background: var(--secondary-color); color: var(--white-color); }


.v_tab .nav { width: 15%; }
.v_tab .nav .nav-link { color: var(--black-color);}
.v_tab .nav .nav-link.active { background: none; border: 1px solid var(--secondary-color); color: var(--secondary-color); }
.v_tab .nav .title_txt { font-size: 18px; margin: 0 0 20px 0;}
.v_tab .tab-content { width: 85%;}
.issue__box { width: 100%; position: relative; margin: 10px 0; overflow: hidden; }
.issue__box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4784313725); transition: all 0.3s ease; -webkit-transition: all 0.2s ease; }
.issue__box:hover::before { background: rgba(0, 0, 0, 0.1784313725);}
.issue_txtinfo { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 15px; margin: 0; background: rgba(0, 0, 0, 0.5);}
.issue_txtinfo .title { color: var(--white-color); margin: 0 0 10px 0;}
.issue_txtinfo .title .listspan { display: inline-block;}
.issue_txtinfo .title .deviderspan { padding: 0 5px; display: inline-block;}
.issue_txtinfo p { color: var(--white-color); margin: 0 0 10px 0;}
.issue_txtinfo .date { color: var(--secondary-color);}
.issue__box:hover .title { color: var(--secondary-color);} 
.issue__box .book-image img { transform: scale(1); transition: all .3s ease-in-out; }
.issue__box:hover .book-image img { transform: scale(1.15); }

.articals_base .item { height: 100%; margin: 10px 0; }
.articals_base .item .card { overflow: hidden; }
.articals_base .item .imgwrrap { position: relative; height: 310px; overflow: hidden;}
.articals_base .item .date { font-size: 16px; color: #000000; font-weight: 600; }
.articals_base .item .date .date_ic { display: inline-block; margin: 0 10px 0 0;}
.articals_base .item .card-body p { margin: 0 0 10px 0;}
.articals_base .item .card-body { padding: 1rem 0.75rem; }
.articals_base .item .card-body .group_btnbox a { font-size: 13px; padding: 5px 20px; margin: 0 5px; }

.status_txt { font-weight: 600; color: var(--primary-color); }
.group_btnbox { text-align: center; margin: 0;}
.group_btnbox a { font-size: 14px; margin: 0 8px;}
.group_btnbox a:first-child { margin-left: 0;}
.group_btnbox a:last-child { margin-right: 0;}
.rounded-3 { border-radius: 3px !important;}
.rounded-4 { border-radius: 4px !important;}
.rounded-5 { border-radius: 5px !important;}
.rounded-6 { border-radius: 6px !important;}
.rounded-7 { border-radius: 7px !important;}
.rounded-8 { border-radius: 8px !important;}
.rounded-9 { border-radius: 9px !important;}
.rounded-10 { border-radius: 10px !important;}
.articals_base .item .imgwrrap img { width: 100%; display: block; transform: scale(1); transition: all .3s ease-in-out;}
.articals_base .item:hover .imgwrrap img { transform: scale(1.15); }
.upcoming-slider { position: relative; }
.upcomingitem { padding: 0 15px; position: relative; }
.upcomingitem .item .imgwrrap .tags { position: absolute; top: -1px; left: -1px; z-index: 2;}
.upcoming-slider .upcomingitem .txtwraap { padding: 10px 15px;}
.upcomingitem .txtwraap p { color: var(--white-color); font-weight: 300;}
.upcomingitem .card-title { max-height: 332px; font-size: 17px; line-height: 1.3; font-weight: 600; margin-bottom: 15px; overflow: hidden; }
.upcomingitem .card-title a { color: var(--secondary-color); transition: all 0.3s ease; -webkit-transition: all 0.2s ease;}
.upcomingitem .card-title a:hover { color: var(--black-color); }
.upcomingitem .card-name { height: 64px; color: #999; line-height: 1.3; overflow: hidden; }
.upcomingitem .group_delivery p { color: var(--light-charcoal-555); font-weight: 600;}
.upcomingitem .group_delivery a { font-size: 14px; color: var(--light-charcoal-555); transition: all 0.3s ease; -webkit-transition: all 0.2s ease;}
.upcomingitem .group_delivery a:hover { font-size: 14px; color: var(--secondary-color);}

.video_wrapper { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recent_videos .slider_itembox { padding: 0; }
.recent_videos .slider_itembox .video_itembox { padding: 0 15px 20px 15px; }
.recent_videos .video_itembox .txtwrapper { width: 100%; padding: 15px 15px 30px 15px; background: var(--soft-light-eee); border-radius: 0 0 10px 10px; }
.recent_videos .video_itembox .txtwrapper .title_name { margin-bottom: 15px; height: 72px; overflow: hidden; }
.recent_videos .video_itembox .txtwrapper .title_name a { color: var(--black-color);}
.recent_videos .video_itembox .txtwrapper .title_name a:hover { color: var(--secondary-color);}
.recent_videos .video_itembox .txtwrapper .read_link { font-size: 14px; color: var(--black-color); text-align: center; font-weight: 600; padding: 6px 30px; margin: 0 auto; display: table; border: 1px solid var(--black-color); border-radius: 30px; }
.recent_videos .video_itembox .txtwrapper .read_link:hover { color: var(--secondary-color); background: var(--black-color); border-color: var(--black-color);}
.gray_bg .video_itembox .txtwrapper { background: var(--white-color); }

.searchbox_base { width: 100%; padding: 15px 30px; background: var(--black-color); }
.searchbox { width: auto; padding: 5px; display: flex; justify-content: center; margin: 0 auto; }
.searchbox .searchinput_wrap { width: 80%; background: var(--white-color); border: 0 solid var(--color-ccc); border-radius: 10px 0 0 10px; overflow: hidden; }
.searchbox .searchinput_wrap input { width: 100%; padding: 10px 30px; line-height: 26px; display: block; background: none; border: 0; outline: none; }
.searchbox .searchbtn_wrap { border: 0 solid var(--secondary-color); background: var(--soft-light-eee); border-radius: 0 10px 10px 0; overflow: hidden;}
.searchbox .searchbtn_wrap button { padding: 5px 30px; background: var(--secondary-color); font-size: 24px; color: var(--black-color); border: 0; outline: none; display: block; }

.mediateam_imgbox { width: 100%; }
.slider_itembox { padding: 0 15px; margin: 0; position: relative; }
.slider_itembox .mediateam_imgbox { width: 100%; position: relative; overflow: hidden; }
.bl_box { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 15px 15px;}
.bl_box p { color: var(--white-color);}
.slider_itembox .mediateam_imgbox:hover .bl_box { background: rgba(0, 0, 0, 0.9); }
.slider_itembox .mediateam_imgbox img { display: block; transition: all .3s ease-in-out; object-fit: cover; }
.slider_itembox .mediateam_imgbox:hover img { transform: scale(1.2); }


.detailsbox { width: 60%; margin: 0 auto; }
.detailsbox .video_lgbox { position: relative; width: 100%; margin: 0 auto 30px auto;}
.detailsbox .contantbox .titletxt { margin: 0 0 15px 0;}
.detailsbox .contantbox p { margin: 0 0 15px 0;}
.quick_action { display: flex; justify-content: space-between; margin: 30px 0; }
.quick_action .user_action { margin: 0 30px 0 0;}
.quick_action .like_action { margin: 0 30px 0 0;}
.quick_action .view_action { margin: 0 30px 0 0; }
.quick_action .comments_action { margin: 0 30px 0 0; }
.quick_action .share_action { margin: 0; }
.quick_action i { margin: 0 5px 0 0; display: inline-block;}
.quick_action a { font-size: 15px; color: var(--black-color); font-weight: 600; transition: all 0.3s ease; -webkit-transition: all 0.2s ease; }
.quick_action a:hover { color: var(--secondary-color); }
.commentsbox { border: 1px solid #ccc; background: #fff; padding: 15px; border-radius: 5px;}
.commentsbox .inputbox { width: 100%; margin: 0 0 10px 0;}
.commentsbox .inputbox input, .commentsbox .inputbox textarea { width: 100%; height: 68px; border: 0; outline: none; display: block;}

.login_sec { background: url(../images/login_bg.jpg) center center no-repeat; padding: 100px 0; }
.login_basebox { width: 80%; margin: 0 auto; display: flex; position: relative; }
.loginleft_contentbox { width: 50%; padding: 30px; background: var(--white-color); border-radius: 10px 0 0 10px; }
.login_basebox .login_logo { width: 200px; margin: 0 auto 30px auto;}
.loginbox { width: 50%; padding: 30px; margin: 0 auto; background: rgba(255, 255, 255, 0.25); border: 0 solid var(--white-color); border-radius: 0 10px 10px 0; }
.loginbox label.form-label { color: var(--white-color); font-weight: 500;}
.login_basebox .title_txt { font-size: 30px; }
.login_basebox .desc_txt { color: var(--white-color); margin: 20px 0 40px 0; }
.loginleft_contentbox .title_txt { color: var(--secondary-color); margin: 0 0 20px 0;}
.loginbox .title_txt { color: var(--secondary-color); margin: 20px 0 40px 0; text-align: center; }
.loginbox input:active, .loginbox input:focus { outline: none; box-shadow: none; border-color: var(--secondary-color);}
.loginbox .btn1 { margin: 20px auto 0 auto;}
.forgot_txt { margin: 30px  auto; text-align: center;}
.forgot_txt a { color: var(--secondary-color); }
.dont_account { margin: 30px  auto; text-align: center; }
.dont_account p { color: var(--white-color); }
.dont_account a { color: var(--secondary-color); }
.forgot_txt a:hover, .dont_account a:hover { color: var(--soft-light-eee); }

ul.share { position: absolute; top: -18px; right: 15px;}
ul.share li { display: inline-block; float: left; margin: 0 5px; }
ul.share li:last-child { margin-right: 0;}
ul.share li a { width: 34px; height: 34px; background: var(--secondary-color); color: var(--black-color); border-radius: 40px; font-size: 16px; line-height: 34px; text-align: center; display: block; position: relative;}
ul.share li a:hover { background: var(--primary-color); color: var(--white-color);}
.cus_tooltip { background: var(--white-color); color: var(--black-color); position: absolute; top: -15px; left: 50%; z-index: 2; transform: translate(-50%, -50%); padding: 5px 10px; margin: 0; border-radius: 4px; font-size: 12px; line-height: 10px; font-weight: 600; display: none; }
ul.share li a:hover .cus_tooltip { display: block;}
.cus_tooltip::after { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translate(-50%, 0); font-family: var(--FontAwesome5); font-size: 16px; color: var(--white-color); }

.social_program_sec item { padding: 0 15px;}
.social_card { width: 100%; position: relative;}
.social_card .card-body { position: relative;}
.social_card .social_cardimgbox { width: 100%; position: relative;}
.social_card .social_cardimgbox .event_name { position: absolute; bottom: 30px; left: 15px; z-index: 1; font-size: 18px; color: var(--white-color); font-weight: 600; margin: 0; text-shadow: 1px 1px 3px var(--black-color); }
.social_card .social_cardimgbox .event_name.gradient_txt { background: linear-gradient(90deg, var(--secondary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.social_card .social_cardimgbox img { filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out; opacity: 0.5; }
.social_card:hover .social_cardimgbox img { filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01); opacity: 1; }
.social_card .card-body .date { margin: 0; position: absolute; top: -15px; left: 15px; background: var(--secondary-color); font-size: 14px; font-weight: 600; padding: 5px 20px; border-radius: 20px; }
.social_card .card-title { margin: 5px 0 10px 0;}
.social_card .card-text { margin: 0 0 5px 0;}
.by_user { display: flex; padding: 10px 0; }
.by_user .by_name { line-height: 30px; padding: 0; margin: 0; font-weight: 600; }
.by_user .by_userimg { width: 30px; height: 30px; background: #eee; border: 1px solid #333; border-radius: 30px; display: inline-block; margin: 0 7px 0 0; overflow: hidden; }
.by_user .by_userimg img { width: 100%; display: block; }
.social_card .card-body .arrow_btn { margin: 0 auto; display: table; }

.arrow_btn { background: none; border: 0; outline: none; box-shadow: none; color: var(--secondary-color); position: relative; padding: 0 30px 0 0; }
.arrow_btn:hover, .arrow_btn:active, .arrow_btn:focus, .arrow_btn:active:focus { background: none; border: 0; outline: none; box-shadow: none; color: var(--black-color); }
.arrow_btn::after { content: ""; position: absolute; top: 0; right: 0; font-family: var(--FontAwesome5); }

.arrow_btn.gradient_txt { background: linear-gradient(270deg, var(--secondary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.arrow_btn.gradient_txt:hover, .arrow_btn.gradient_txt:active, .arrow_btn.gradient_txt:focus, .arrow_btn.gradient_txt:active:focus { background: linear-gradient(90deg, var(--primary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent;}
.arrow_btn.gradient_txt::after { background: linear-gradient(90deg, var(--secondary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }
.arrow_btn.gradient_txt:hover::after { background: linear-gradient(90deg, var(--primary-color) 35%, var(--primary-color) 100%); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: transparent; }

.day_support { width: 100%; justify-content: space-between; padding: 15px 0; }
.day_support .dayleft h6, .day_support .supporters h6  { font-size: 14px;}
.social_card .pricebox, .abouttext { padding: 10px 0; text-align: center;}
.social_card .pricebox p { color: var(--mid-light-777); font-weight: 600;}
.social_card .pricebox p .amount { color: var(--primary-color); }
.highlight_list { width: 100%; margin: 0;}
.highlight_list .highlight_box { width: 100%; padding: 30px 15px; margin: 0 0 15px 0; background: #fff; text-align: center; border-radius: 6px; border: 1px solid var(--color-ccc); }
.highlight_list .highlight_box .highlight_icbox { font-size: 50px; color: var(--primary-color); text-align: center; padding: 0 15px 20px 15px; margin: 0; }
.highlight_list .highlight_box a { font-weight: 600; color: var(--black-color); padding: 0; margin: 0; display: block; }
.highlight_list .highlight_box a:hover { color: var(--secondary-color);}
.social_program_dtlsec .aboutimg_box { width: 100%; position: relative;}
.social_program_dtlsec .aboutimg_box img { width: 100%;}
.webinar_form { width: 50%; padding: 30px; border: 1px solid var(--color-ccc); background: var(--white-color); box-shadow: 0 0 10px #ddd; margin: 0 auto; border-radius: 10px; }
.webinar_form .btn1.middle { margin: 0 auto; display: flex;}

.social_program_dtlsec .abouttext { position: relative; text-align: left; }
.social_program_dtlsec .abouttext p { color: var(--black-color); }
.social_program_dtlsec .abouttext .pricebox p { font-size: 24px; color: var(--mid-light-777); font-weight: 600; margin: 0;}
.abouttext p .amount { color: var(--primary-color); }
.abouttext .day_support { padding: 15px 0 40px 0; }
.abouttext ul.share { position: relative; top: auto; right: auto;}
.abouttext .day_support .dayleft h6, .abouttext .day_support .supporters h6 { font-size: 18px; } 

.social_program_dtlsec .aboutimg_box .event_name { position: absolute; bottom: 30px; left: 15px; z-index: 1; font-size: 18px; color: var(--white-color); font-weight: 600; margin: 0; text-shadow: 1px 1px 3px var(--black-color); }
.social_program_dtlsec .aboutimg_box .date { margin: 0; position: absolute; bottom: 30px; right: 15px; background: var(--secondary-color); font-size: 14px; font-weight: 600; padding: 5px 20px; border-radius: 20px; }


.event_listsec .titlebox { width: 80%; }
.event_listsec .exclusive_btn { position: relative; z-index: 1;}
.exclusive_btn.joinlink { background: var(--secondary-color); color: var(--white-color); cursor: pointer; padding: 5px 40px 5px 20px; overflow: hidden; }
.exclusive_btn.joinlink:hover { background: var(--white-color); color: var(--secondary-color); cursor: pointer; }
.exclusive_btn.joinlink::after { content: ""; position: absolute; top: 5px; right: 15px; font-family: var(--FontAwesome5); opacity: 1; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; }
.exclusive_btn.joinlink:hover::after { top: 5px; right: -15px; opacity: 0; }
.exclusive_btn.joinlink::before { content: ""; position: absolute; top: 5px; right: 45px; font-family: var(--FontAwesome5); opacity: 0; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; }
.exclusive_btn.joinlink:hover::before {  top: 5px; right: 15px; opacity: 1; }
.event_listsec .s_initiative_box .initiative_contbox .dtl_infobox { width: 100%; max-height: 160px; position: absolute; bottom: 0; left: 0; padding: 20px; }
.event_listsec .s_initiative_box p { position: relative; bottom: auto; left: auto; padding: 0; margin: 0; }
.event_listsec .s_initiative_box p.titletxt { font-weight: 600; padding: 0;}
.event_listsec .s_initiative_box p a { color: var(--white-color);} 
.event_listsec .s_initiative_box p a:hover { color: var(--secondary-color);} 
.event_listsec .s_initiative_box:hover .initiative_contbox::before { border-color: var(--white-color);}
.event_listsec .s_initiative_box p.descxt { font-size: var(--body-font-size); font-weight: 300; padding: 0;}
.event_listsec .s_initiative_box .eventDate { font-size: 14px; color: var(--secondary-color); font-weight: 500; margin-bottom: 5px; }

.right_box { width: 100%; }
.box { padding: 15px; margin: 0 0 20px 0; border: 1px solid var(--color-ccc); border-radius: 6px; }
.box .right_title { margin: 0 0 15px 0;}
.small__list .popular_box { width: 100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid var(--black-color); }
.popular_box .post-smallimg { max-width: 40%; max-height: 100px; border: 1px solid var(--white-color); border-radius: 4px; margin: 0 20px 0 0; display: inline-block; overflow: hidden; }
.popular_box .post-smallimg img { width: 100%; height: 100%; display: block; object-fit: cover;}
.popular_box .post-smalltxt { width: 60%; border-radius: 4px; margin: 0; }
.popular_box .post-smalltxt .post-small-title { font-size: 18px; line-height: 1.1; padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid var(--soft-light-eee); }
.popular_box .post-smalltxt .post-small-title a { color: var(--black-color);}
.popular_box .post-smalltxt .post-small-title a:hover { color: var(--secondary-color);}
.goarrow_linkbox { float: right;}
.goarrow { position: relative; padding: 0 10px; margin: 0; font-size: 18px; display: inline-block; transform: rotate(320deg);}
.goarrow::before { content: ""; position: absolute; top: 0; right: 0; font-family: var(--FontAwesome5); color: var(--primary-color); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; }
.goarrow:hover::before { color: var(--secondary-color);}
.popular_box .post-smalltxt .by_user { padding-bottom: 0;}
.popular_box .post-smalltxt .by_user .by_name { color: var(--semi-light-999); font-weight: 400; }
.event_dtls { width: 100%; margin: 0 0 70px 0;}
.event_dtls_imgbox { width: 100%; margin: 0 0 30px 0; position: relative;}
.event_dtls_imgbox img { width: 100%; display: block;}
.event_dtls_txtvox { width: 100%;}
.event_dtls h1, .event_dtls h2, .event_dtls h3, .event_dtls h4, .event_dtls h5, .event_dtls h6 { margin: 0 0 10px 0; }
.event_dtls p { margin: 0 0 15px 0;}
.event_dtls_imgbox .date-area { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 10px 30px 10px 30px; background: rgba(0,0,0, 0.6 ); }
.event_dtls_imgbox .dcv li { font-size: 15px; color: var(--white-color); margin: 0 25px 0 0; }
.event_dtls_imgbox .dcv li i { color: var(--secondary-color); padding: 0; margin: 0 5px 0 0;}
.event_dtls_imgbox .dcv li:last-child { margin-right: 0;}
.view-comments-section .form-part li { color: var(--color-ccc);}
.view-comments-section .form-part ul li.reply a { color: var(--secondary-color);}
.view-comments-section .form-part ul li.reply a:hover { color: var(--black-color);}
.send-message { background: var(--secondary-color); color: var(--white-color); padding: 10px 30px; margin: 20px auto 0 auto; }
.send-message:hover, .send-message:focus, .send-message:active { background: var(--black-color); }

.our_testimonial { width: 100%; }
.our_testimonial.durk_bg, .durk_bg { background: var(--mid-dark-666); } 
.durk_bg .titlebox p { color: var(--white-color);}
.our_testimonial .testimonial_box { border: 1px solid var( --mid-light-777); padding: 15px; margin: 0 15px; border-radius: 6px; background: var(--light-charcoal-555);}
.our_testimonial .testimonial_box:hover { border-color: var( --semi-light-999);}
.our_testimonial .testimonial_box .testimonial_imgbox { width: 70px; height: 70px; background: var(--color-ccc); border: 1px solid var(--dark-charcoal-333); border-radius: 70px; text-align: center; margin: 0 auto 15px auto; overflow: hidden; box-shadow: 0 0 8px var(--dark-charcoal-333); }
.our_testimonial .testimonial_box .testimonial_imgbox img { width: 100%; display: block; object-fit: cover;}
.our_testimonial .testimonial_box .desc { height: 72px; margin: 0 0 15px 0; overflow: hidden; color: var(--white-color); text-align: center; }
.our_testimonial .testimonial_box .nameuser { font-size: 15px; color: var(--dark-charcoal-333); color: #ebebeb; text-align: center; font-weight: bold;}
.our_testimonial .testimonial_box .desuser { font-size: 13px; color: var(--semi-light-999); text-align: center; font-weight: bold;}
.similar_events_sec .titlebox { width: 100%; margin: 0;}
.similar_events_sec .titlebox .heading { text-align: left;}
.durk_bg.similar_events_sec .titlebox .heading { color: var(--white-color);}
.durk_bg .titlebox .heading { color: var(--white-color);}

.upcoming_tag { background: var(--primary-color); color: var(--white-color); padding: 3px 15px; display: inline-block; position: absolute; top: 52px; left: -28px; z-index: 2; border-radius: 15px 0 0 15px; rotate: 270deg; font-size: 13px; font-weight: 600; letter-spacing: 2px; }
.webinar_listsec .s_initiative_box p.titletxt { height: 52px; overflow: hidden;}
.webinar_dtls .event_dtls_txtvox .name_txt { color: var(--secondary-color); margin: 0 0 15px 0; }
.webinar_dtls .event_dtls_txtvox .topic_txt { font-size: var(--body-font-size); color: var(--black-color); font-style: italic; margin: 0 0 20px 0; }
.small__list .webinar_box { width: 100%; padding: 20px 0 0 0; border-top: 1px solid #ccc; margin: 20px 0 0 0; }
.small__list .webinar_box .webinar_img_box { width: 100%; margin: 0 0 15px 0; position: relative; }
.webinar_box .title { color: var(--secondary-color); margin: 0 0 10px 0;}
.webinar_box p.desc_txt { font-size: var(--body-font-size); margin: 0 0 10px 0; }
.webinar_box .div_row { width: 100%; margin: 0 0 15px 0;}
.webinar_box .div_row .lable_txt { color: var(--primary-color); font-weight: 600;}
.live_webinar_form { width: 64%; border: 1px solid #ccc; border-radius: 5px; padding: 30px; margin: 0 auto; text-align: left; box-shadow: 0 0 12px #ccc; background: #fff; }
.small__list .webinar_box .webinar_img_box .upcoming_tag { rotate: 0deg; position: absolute; top: auto; bottom: 0; left: 50%; transform: translate(-50%, -50%); border-radius: 15px; font-size: 15px; letter-spacing: 1px; box-shadow: 0 0 4px var(--black-color); }

.filter_base { width: 100%; background: var(--white-color); border: 1px solid var(--color-ccc); padding: 20px 15px;}
.filter_com_pad { padding: 0 0 15px 0; }
.filter_com_pad .resettxt { font-weight: 600;}
.title_lable { font-weight: 600;}
.book_frame { width: 100%; background: var(--white-color); padding: 10px 10px; margin: 0 0 15px 0; border: 1px solid var(--color-ccc); border-radius: 4px; overflow: hidden; }
.book_frame:hover { border-color: var(--primary-color);}
.book_frame .book_imgbox { height: 290px; border-bottom: 0 solid var(--color-ccc); margin: 0 0 15px 0; overflow: hidden; position: relative; }
.book_frame .book_imgbox img { transform: scale(1); transition: all .3s ease-in-out; }
.book_frame .book_imgbox .overcontent {}
.book_frame:hover .book_imgbox img { width: 100%; display: block; object-fit: cover; transform: scale(1.05); }
.book_frame .bookname { font-size: var(--body-font-size); line-height: 1.2; font-weight: 600; margin: 0 0 10px 0; }
.book_frame .bookwriter_name { font-size: var(--body-font-size); line-height: 1.2; margin: 0 0 10px 0; }
.book_frame .ratingbox { width: 100px; display: flex; margin: 10px auto; color: var(--secondary-color); }
.book_frame .bookprice { font-size: 24px; text-align: center; line-height: 1.3; font-weight: 600; }
.view_filter_option { width: 100%; padding: 15px 0 0 0; border-top: 1px solid var(--soft-light-eee); }

/* ---------------About us page--------------- */
.aboutpage_sec {}
.about_cont .about_imgbox { width: 100%; margin: 0 0 30px 0; }
.about_cont .about_imgbox img { width: 100%; display: block;}
.about_cont h1, .about_cont h2, .about_cont h3, .about_cont h4, .about_cont h5, .about_cont h6 { padding: 0; margin: 0 0 20px 0;}
.about_cont p { margin: 0 0 15px 0;}
/* ---------------End About us page--------------- */

.manuscript_form { width: 50%; padding: 20px; border: 1px solid var(--color-ccc); border-radius: 6px; margin: 0 auto;}
.manuscript_form .form_title { text-align: center;}
.manuscript_form .form-label { font-weight: 500;}
.manuscript_process {  width: 100%; padding: 60px 0;}
.process_info { display: flex; padding: 15px; border: 1px solid var(--color-ccc); border-radius: 6px; background: var(--white-color); margin: 15px 0; }
.process_info .iconbox { width: 72px; height: 72px; text-align: center; font-size: 28px; line-height: 72px; background: var(--soft-light-eee); border-radius: 40px; display: inline-block; margin: 0 15px 30px 0; }
.process_info .iconbox i { color: var(--secondary-color);}
.process_info .process_txtbox { width: 80%; }
.process_title { margin: 0 0 15px 0;}
.process_info .process_txtbox ul { margin: 0 0 0 20px;}
.process_info .process_txtbox ul li { list-style-type: disc; margin: 0 0 8px 0;}
.process_info .process_txtbox ul li:last-child { margin: 0;}

.banner_sec { width: 100%; margin: 0; border-bottom: 1px solid #ccc; }
.banner_sec img {  width: 100%; display: block; object-fit: contain;}
.formbox { width: 50%; background: #fff; border-radius: 0; padding: 30px; margin: 0 auto 60px auto; border-radius: 5px; }
.formbox label {font-weight: 500;}
.top_page_tbox { width: 100%; padding: 50px 0 40px 0; margin: 0; }
.titletxt { padding: 0; margin: 0 0 15px 0;}
.sub_titletxt { padding: 0; margin: 0;}
.formbox .checkbox_custom input[type="checkbox"] { margin: 0 6px 15px 15px;}