/* 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); color: var(--primary-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; }
h1 { font-size: var(--f1-font-size); }
h2 { font-size: var(--f2-font-size); }
h3 { font-size: var(--f3-font-size); }
h4 { font-size: var(--f4-font-size); }
h5 { font-size: var(--f5-font-size); }
h6 { font-size: var(--f6-font-size); }
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); }
.dropdown-item li a.dropdown-item:hover, .dropdown-item li a.dropdown-item.active:hover, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active  {  background:var(--primary-color); color: var(--white-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);}
.btn-hoverwhite { 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; }
.btn-hoverwhite:hover, .btn-hoverwhite:focus { color: var(--black-color); background: var(--white-color); border-color: var(--black-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); }

.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); background: var(--primary-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-family: var(--fontAwesome4); 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 .cate_titlehead, .quick_preview_basebox.white_content .cate_titlehead { font-size: 20px; }
.quick_preview_basebox.white_content h3, .quick_preview_basebox.white_content .cate_titlehead { 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, .home_choose_us .items_box .item .iconarea svg { 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; max-height: 240px}
.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);}
.readmore__ { margin: 40px auto 0 auto; }
/* -------------------------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;}
.footer .foot_logobox img { max-width: 245px;}
.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: 16px; 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 10px; }
.footer_bottom_sec .foot_cms_links li::before { content: "|"; color: var(--white-color); padding: 0 10px 0 0; margin: 0;}
.footer_bottom_sec .foot_cms_links li a { font-size: 14px; 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: auto; 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: 17px; 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);}
.best-rating-slider .card-body .card-text { height: 48px; overflow: hidden;}
.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 { min-height:475px; 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;}
.flex_div { display: flex; justify-content: space-between; }
.inner_item .date { color: var(--secondary-color);}
.review_txt { color: var(--primary-color); font-weight: 500;}
.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 .issues__subsec { width: 100%; padding: 0; margin: 0 0 50px 0; }
.featured-content .section_headtxt { background: var(--primary-color); text-align: center; padding: 10px 30px; margin: 0 auto 30px auto; display: table; }
.featured-content .section_headtxt h6 { font-size: 18px; color: var(--white-color); padding: 0; margin: 0; } 
.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-details .right-areadet .title__ { font-size: 18px; }
.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 { height: 48px; margin: 0 0 10px 0; overflow: hidden; }
.most_readbox .item_txtbox .title_head { height: 72px; margin: 0 0 10px 0; overflow: hidden;}
.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 { height: auto; 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); }
.left-catedescri .title__txt__ { font-size: 24px; margin: 0 0 10px 0;}

.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: 10px 0; background-color: #b4faff;}
.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: 300px; margin: 0 auto 30px auto;}
.login_basebox .login_logo img { width: 100%;}
.loginbox { width: 50%; padding: 30px; margin: 0 auto; background: rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.8); 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 { width: 100%; }
.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;}
.antheraea_imgsbox { width: 100%; margin: 0; display: inline-block;}
.antheraea_imgsbox ul li { padding: 0; margin: 0; list-style-type: none; float: left;}
.antheraea_imgsbox ul li img { width: 100%; display: block;}
.doted_list { margin: 0 0 30px 30px; display: table;}
.doted_list li { list-style-type: disc; margin: 0 0 10px 0;}
.doted_list li:last-child { margin-bottom: 0;}
.sub_title__txt { font-weight: 600;}
.about_morediv { width: 100%; }
.about_morediv table { width: 100%; }
.abouttbl { min-width: 640px;}
/* ---------------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;}

.articles_list .eventbox { padding: 0 0 24px 0;}
.article_dtl_view { width: 100%; }
.left_pnl { padding: 20px 15px; margin: 0 0 30px 0; background: var(--very-light); border-radius: 5px; }
.right_pnl { padding: 0; }
.left_pnl .titletext { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid var(--color-ccc);}
.article_dtl_view .right_pnl .articledtl_imgbox { width: 100%; position: relative; margin: 0 0 15px 0;}
.article_dtl_view .right_pnl .articledtl_imgbox img { width: 100%; display: block; }
.article_dtl_view .right_pnl h1.heading, .article_dtl_view .right_pnl h2.heading, .article_dtl_view .right_pnl h3.heading, .article_dtl_view .right_pnl h4.heading, .article_dtl_view .right_pnl h5.heading, .article_dtl_view .right_pnl h6.heading { margin: 0 0 25px 0;}
.article_dtl_view .right_pnl h1, .article_dtl_view .right_pnl h2, .article_dtl_view .right_pnl h3, .article_dtl_view .right_pnl h4, .article_dtl_view .right_pnl h5, .article_dtl_view .right_pnl h6 { margin: 30px 0 15px 0;}
.article_dtl_view .right_pnl p { margin: 0 0 15px 0;}
.overinfotxt { width: 100%; padding: 15px 15px; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; left: 0; z-index: 1; }
.overinfotxt ul { padding: 0; margin: 0;}
.overinfotxt ul li { padding: 0; margin: 0 30px 0 0; float: left; list-style-type: none; font-size: var(--body-font-size-1); color: var(--white-color); font-weight: 600; }

.overinfotxt ul.social_share { float: right;}
.overinfotxt ul.social_share li { padding: 0; margin: 0 0 0 30px; font-weight: 400; }
.open_access_infobox { width: 100%; padding: 10px 0; display: table;}
.open_access_infobox ul li { padding: 0; margin: 0 20px 0 0; float: left; list-style-type: none; font-size: var(--body-font-size-2); }
.link_likebtn { padding: 3px 8px; margin: 0; background: var(--secondary-color); color: var(--black-color); border-radius: 5px; }
.link_likebtn:hover { background: var(--black-color); color: var(--white-color);}
.gray_likebtn { padding: 3px 8px; margin: 0; background: var(--soft-light-eee); color: var(--black-color); border-radius: 5px; }
.articalinfo { width: 100%; padding: 0 0 30px 0; display: table; }
.articalinfo p, .article_dtl_view .right_pnl .articalinfo p { font-size: var(--body-font-size-2); margin: 0; }
.left_row { margin: 20px 0 0 0;}
.downloadbtn { display: block;}
.downloadbtn i { margin: 0 0 0 15px;}
.bybox { padding: 15px 0;}
.byname { margin: 0 0 10px 0;}
.use_profile { width: 100%; margin: 0; display: flex; justify-content: space-between; }
.use_profileimg { background: var(--white-color); border: 1px solid var(--color-ccc); border-radius: 60px; overflow: hidden; margin: 0; display: inline-block;}
.use_profileimg img { width: 100%; object-fit: cover; display: block;}
.use_profiletxt { width: calc(100% - 60px); padding: 5px 0; margin: 0 0 0 10px; text-align: left;}
.use_profiletxt p { font-size: var(--body-font-size-2); text-align: left;}
.Publishlink_btns { width: 100%;}
.Publishlink_btns a { margin: 15px 0; }
.recommended_box { width: 100%;}
.recommended_articlebox { width: 100%; padding: 15px 0 0 0; margin: 15px 0 15px 0; border-top: 1px solid var(--color-ccc); }
.recommended_articlebox .headingtext { font-size: var(--body-font-size); line-height: 1.2; margin: 0 0 10px 0;}
.recommended_articlebox .headingtext a { color: var(--primary-color);}
.recommended_articlebox .headingtext a:hover { color: var(--black-color);}
.recommended_articlebox p { line-height: 1.2;}
.first_recommended { border-top: 0; margin-top: 0; padding-top: 0; }

.search_sec { padding: 30px 0; background: var(--soft-light-eee);}
.search { width: 100%; max-width: 800px; margin: 0 auto;}
.search input { border-radius: 0; background: var(--white-color); border: none; height: 45px; }
.search input:focus, .search input:focus, .search input:active  { box-shadow: none; background: var(--white-color); }
.search button { border: none; background: var(--primary-color); border-radius: 0; color: #fff; padding: 0 15px; }
.search button:hover, .search button:focus, .search button:active { box-shadow: none; background: var(--black-color); }

.webinar_formbox {
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px;
    margin: 0 auto;
    text-align: left;
    box-shadow: 0 0 12px #ccc;
    background: #fff;
}
.webinar_formbox label {
    text-align: left;
}
.webinar_formbox label.bold { font-weight: bold;}
.title-label { font-size: 16px;}
.green_btn {
    background-color: rgb(0, 97, 4);
    border: 0;
}
.green_btn:hover {
    background-color: rgb(105, 198, 31);
}

.info_detail_box { width: 100%; }
.info_detail_box p { padding: 0; margin: 0 0 15px 0; font-size: var(--body-font-size);}
.info_detail_box h1, .info_detail_box h2, .info_detail_box h3, .info_detail_box h4, .info_detail_box h5, .info_detail_box h6 { padding: 0; margin: 0 0 15px 0;}
.info_detail_box .date_sub { padding: 0; margin: 0 0 15px 0;} 
.info_detail_box ul { padding: 0; margin: 0 0 0 30px;}
.info_detail_box ul li { list-style-type: square; margin: 0 0 15px 0;}

/* ---------------Contact us page--------------- */
.off_address__box { margin: 0 0 3rem 0; display: table; }
.about_cont .off_address__box.box2 { margin-bottom: 0;}
.account_dtls_sec .off_address__box.box1, .account_dtls_sec .off_address__box.box2 { margin-bottom: 0;}
.contactform__base { width: 100%; padding: 30px; margin: 0; background: var(--white-color); border: 1px solid var(--color-ccc); border-radius: 6px; box-shadow: 0 0 12px #ccc; }
.contactform__ { width: 100%; }
.contactform__ .form-label { font-weight: 600;}
.contact__per_base { width: 100%; margin: 0;}
.contact__per_base .contact__per_box { width: 100%; height: 100%; background: var(--white-color); padding: 15px; border-radius: 6px; }
.contact__per_base .contact__per_box .per_imgbox { width: 100%; margin: 0 0 10px 0; }
.contact__per_base .contact__per_box .per_imgbox img { width: 100%; display: block;}
.contact__per_base .contact__per_box .per_txtbox { width: 100%; margin: 0; }
.contact__per_base .contact__per_box .per_txtbox h6 { font-size: 18px; color: var(--black-color); font-weight: 600; padding: 0; margin: 0 0 3px 0;}
.contact__per_base .contact__per_box .per_txtbox .desi { font-size: 15px; font-weight: 400; color: var(--mid-light-777); font-style: italic; padding: 0; margin: 0 0 5px 0; }
.contact__per_base .contact__per_box .per_txtbox .contact__mail { font-size: 14px; font-weight: 400;}
.our_location_sec { width: 100%; background: var(--color-ccc); background: var(--logo-green); }
.location_mapbox { width: 100%; height: 400px; }
.location_mapbox iframe { width: 100%; height: 100%; max-height: 100%; display: block; }
/* ---------------End Contact us page--------------- */
/* ---------------Aims-and-Scope page--------------- */
.aims__imgbox, .about_cont .aims__imgbox { width: 100%; }
.scopes__info { width: 100%; padding: 40px 0 10px 0; margin: 0; display: inline-block;}
.scopes__info .sec__headtxt__ { font-size: 18px; font-weight: 600; color: var(--primary-color); }
.scopes__info .sec__head_subtxt__ { font-size: 17px; font-weight: 600;}
.scopes__info ul.numberli li { width: 30%; list-style-type: decimal; font-weight: 500; margin: 0 0 5px 30px; float: left; }
/* ---------------End Aims-and-Scope page--------------- */
.articles_list .eventbox .card-body .card-title { font-size: 20px; height: 50px; overflow: hidden;}
.articles_list .eventbox .card-body p { font-size: 16px; height: 72px; overflow: hidden; }

/* --------------- Editorial-board page--------------- */
.team_box { width: 100%; height: 100%; border: 1px solid var(--color-ccc); border-radius: 6px; overflow: hidden;}
.team_box .team_imgbox { width: 100%; margin: 0 0 15px 0;}
.team_box .team_imgbox img { width: 100%; display: block; }
.team_box .team_txtbox { padding: 0 10px 15px 10px; }
.team_box .team_txtbox .nametxt { font-size: 17px; text-align: center; margin: 0 0 10px 0; }
.team_box .team_txtbox .nametxt a { color: var(--primary-color);}
.team_box .team_txtbox .nametxt a:hover { color: var(--black-color);}
.team_box .team_txtbox .designationtxt { font-size: 15px; color: var(--mid-light-777); text-align: center; font-weight: 500; margin: 0 0 10px 0; }
.team_box .team_txtbox .sub_designation { font-size: 15px; text-align: center; margin: 0; }
/* ---------------End Editorial-board page--------------- */
/* --------------- CMS page--------------- */
ul.numberli li { list-style-type: decimal; font-weight: 500; margin: 0 0 5px 30px; }
.info_detail_box .notetxt__, .notetxt__ { font-size: 14px; font-style: italic;}
.checked_list li, .info_detail_box .checked_list li { position: relative; list-style-type: none; }
.checked_list li::before, .info_detail_box .checked_list li::before { content: "\f00c"; font-family: var(--fontAwesome4); color: var(--green); font-weight: 600; position: absolute; top: 0; left: -22px; }
.border_bot { width: 100%; border-bottom: 1px solid var(--black-color); padding: 5px 0 0 0 !important; margin: 0 0 15px 0 !important; line-height: 0; }
.flugbox { width: 300px; margin: 0; display: inline-block; }
.current_issue_item { display: flex; margin: 0; }
.current_issue_item .current_issue_item_imgbox { width: 298px; min-width: 298px; display: inline-block; margin: 0 30px 30px 0;}
.current_issue_item .current_issue_item_txtbox {}
/* --------------- End CMS page--------------- */
#resendverification button {color: black!important; margin-bottom: 10px;}
#logout button {
    background-color: #e53f3f;
    color: #ffffff;
    padding: 10px 20px;
    border: navajowhite;
}
.tm_content p { margin-top: 12px;}