@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800);
@import url("https://fonts.googleapis.com/css?family=Markazi+Text:400,500,700&display=swap");
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #0f2450;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #328fc7;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@font-face {
    font-family: 'Andalus';
    src: url('fonts/andalus/Andalus.eot');
    src: url('fonts/andalus/Andalus.eot?#iefix') format('embedded-opentype'),
        url('fonts/andalus/Andalus.woff2') format('woff2'),
        url('fonts/andalus/Andalus.woff') format('woff'),
        url('fonts/andalus/Andalus.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Comic Sans MS';
    src: url('fonts/comic_sans_ms/ComicSansMS.woff2') format('woff2'),
        url('fonts/comic_sans_ms/ComicSansMS.woff') format('woff'),
        url('fonts/comic_sans_ms/ComicSansMS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('fonts/jameelnoorinastaleeq/JameelNooriNastaleeq.eot');
  src: url('fonts/jameelnoorinastaleeq/JameelNooriNastaleeq.eot?#iefix') format('embedded-opentype'),
      url('fonts/jameelnoorinastaleeq/JameelNooriNastaleeq.woff2') format('woff2'),
      url('fonts/jameelnoorinastaleeq/JameelNooriNastaleeq.woff') format('woff'),
      url('fonts/jameelnoorinastaleeq/JameelNooriNastaleeq.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mehr Nastaliq Web';
  src: url('fonts/mehr_nastaliq/MehrNastaliqWeb.eot');
  src: url('fonts/mehr_nastaliq/MehrNastaliqWeb.eot?#iefix') format('embedded-opentype'),
      url('fonts/mehr_nastaliq/MehrNastaliqWeb.woff2') format('woff2'),
      url('fonts/mehr_nastaliq/MehrNastaliqWeb.woff') format('woff'),
      url('fonts/mehr_nastaliq/MehrNastaliqWeb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





body{margin:0px; padding:0px; font-size:14px; color:#838383; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;; 
  /* font-size: 1.35rem; */
  /*font-family: "Markazi Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}
.full_width{width:100%;}
.page_width{/*max-width:1180px;*/ width: 95%; /* padding: 0px 30px; */ margin: auto; text-align:left;}
.left{float:left;}
.right{float:right;}
.left_side{float:left;}
.right_side{float:right;}
.col{float:left;}
.clearfix{clear:both;}
a img{border:0px;}
img{max-width:100%;}
a{ text-decoration:none;}
.hide{ display:none;}

.wd_100{ width:100%;}
.wd_95{ width:95%;}
.wd_90{ width:90%;}
.wd_85{ width:85%;}
.wd_80{ width:80%;}
.wd_75{ width:75%;}
.wd_70{ width:70%;}
.wd_65{ width:65%;}
.wd_60{ width:60%;}
.wd_55{ width:55%;}
.wd_50{ width:50%;}
.wd_45{ width:45%;}
.wd_40{ width:40%;}
.wd_35{ width:35%;}
.wd_30{ width:30%;}
.wd_25{ width:25%;}
.wd_20{ width:20%;}
.wd_15{ width:15%;}
.wd_10{ width:10%;}

.txt_align_left{ text-align:left;}
.txt_align_center{ text-align:center;}
.txt_align_right{ text-align:right;}
.position_relative{ position:relative;}
p{ /* font-size:15px; */ color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}
h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h2{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h3{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
a{ color:#B70000;}
.urdu_nn{
  font-family: 'Jameel Noori Nastaleeq' !important;
  font-weight: normal !important;
  text-align: right;
  direction: rtl;
}
.urdu_nnn{
  font-family: 'Mehr Nastaliq Web' !important;
  font-weight: normal !important;
  text-align: right;
  direction: rtl;
}

/*GERENRIC-SECTION-START*/
.gerenric_button{min-width: 170px; background-color: #000; font-size: 16px; /* font-size: 1.35rem; */ color: #fff; border: 0px; cursor: pointer;height:45px; padding: 6px 20px; display:inline-flex; align-items: center; justify-content: center; font-family: "Markazi Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.gerenric_button:hover{background-color: #333333;}
.gerenric_button.red_button{background-color: #F01513;}
.gerenric_button.red_button:hover{background-color: #C10D0D;}
.gerenric_padding{padding:40px 0px;}
.small_font{font-size: 24px !important; /* font-size: 1.65rem !important; */}
.gerenric_heading{width: 100%; font-size: 30px;text-transform: uppercase; color:#000000; margin-bottom:45px; position: relative; margin: 10px 0px;}
.gerenric_heading::after {
  /* width: 140px; */
  height: 2px;
  background-color: #E3E3E3;
  position: absolute;
  bottom: 0px;
  left: 0%;
  right: 0%;
  margin: auto;
  content: '';
}
.gerenric_input, textarea.gerenric_input{width: 100%; height: 45px; background-color: #fff; font-size: 15px; /* font-size: 1.25rem; */ color: #333333; border: 1px solid #ccc; border-radius: 5px; padding: 10px 15px; /* font-family: "Markazi Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */}
.gerenric_input:focus{outline: none;}
.viewall{position: absolute; right: 0px;color: #000000;font-size: 18px; bottom: 0px;}

.year_from{width:46%;}
.year_to{width:46%;}

.gerenric_form{width: 100%;}
.gerenric_form ul li{ list-style-type: none; margin-bottom: 15px; /* font-size: 15px; */ color: #000;}
.gerenric_form ul li{ list-style-type: none; margin-bottom: 15px; /* font-size: 15px; */ color: #000;}
.gerenric_form ul li .form_label{width: 100%; margin-bottom: 5px;}
.gerenric_form ul li .form_field{width: 100%;}
.gerenric_form ul li .form_field textarea{height: 100px;}
.gerenric_form ul li a{color: #000; text-decoration: underline;}
.gerenric_form ul li a:hover{color: #F90101;}

.social_media{ width: 100%;}
.social_media ul li{list-style-type: none;}
.social_media ul li a{ width: 38px; line-height: 38px; text-align: center; color: #F01513; margin-right: 7px; height: 38px; font-size: 22px; background-color: #fff; display: inline-block;}
.social_media ul li a:hover{ background-color: #F01513; color: #fff !important;}

.contact_address{ width: 100%;}
.contact_address ul li{list-style-type: none;color: #fff; margin-bottom: 15px; padding-left: 40px; font-size: 15px; /* font-size: 1.25rem; */ position: relative;}
.contact_address ul li .address_icon{width: 40px; position: absolute; left: 0px; top: -3px; font-size: 25px; color: #F90101;}
.contact_address ul li .fa-envelope{font-size: 17px; line-height: 0px;position: relative;top: -7px;}
.contact_address ul li a{ color: #fff;}

.gerenric_product{width: 100%;}
.gerenric_product.mb_30{margin-bottom: 40px;}
.gerenric_product .gerenric_heading{margin-bottom: 25px !important;}
.gerenric_product::after{clear: both; display: block; content: '';}
.gerenric_product.column_full .pd-col{width: 100%; float: none;}
.gerenric_product.column_two .pd-col{width: 50%; float: left;}
.gerenric_product.column_three .pd-col{width: 33.333%; float: left;}
.gerenric_product.column_four .pd-col{width: 25%; float: left;}
.gerenric_product.column_five .pd-col{width: 20%; float: left;}
.gerenric_product .pd-col{width: 20%; float: left; padding: 10px;}
.gerenric_product .pd-item{width: 100%; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.gerenric_product .pd-item:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);}
.gerenric_product .pd-item .pd-image{width: 100%; height: 200px;}
.gerenric_product .pd-item .pd-image img{width: 100%; height: 200px; object-fit: cover;}
.gerenric_product .pd-item .pd-detail{width: 100%; height: 90px; padding: 10px; display: flex; align-items: center; justify-content: center;}
.gerenric_product .pd-item .pd-detail-inner{width: 100%;}
.gerenric_product .pd-item .pd-detail .pd-title{font-size: 17px; /* font-size: 1.30rem; */ color: #000; text-align: center;/* font-weight: 700; */}
.gerenric_product .pd-item .pd-detail .pd-book{font-size: 15px; /* font-size: 1.20rem; */ color: #000; text-align: center;margin-top: 6px; font-weight: 400;}
.gerenric_product.column_four .pd-item .pd-image {height: 200px;}
.gerenric_product.column_four .pd-item .pd-image img{height: 200px;}
.gerenric_product .slick-prev{width: 45px; height: 45px; display: block; left: 0px;z-index: 999; background:url(../images/banner/banner_arrow_left.png) 0px 0px no-repeat;}
.gerenric_product .slick-next{width: 45px; height: 45px; display: block; right: 0px; background:url(../images/banner/banner_arrow_right.png) 0px 0px no-repeat;}
#related{margin-top:30px;}
#related.gerenric_heading {padding-bottom: 10px; margin-bottom: 15px;}
#related.gerenric_product .pd-item .pd-image{width: 100%; height: 300px;}
#related.gerenric_product .pd-item .pd-image img{width: 100%; height: 300px; object-fit: cover;}

.gerenric_product.gerenric_product2 .pd-item{position: relative;}
.gerenric_product.gerenric_product2 .pd-item .pd-detail{ position: absolute; align-items: flex-end; top: 0px; height: 100%; background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);}
.gerenric_product.gerenric_product2 .pd-item:hover .pd-detail{ background-color: rgba(0,0,0,0.40);}
.gerenric_product.gerenric_product2  .pd-item .pd-detail .pd-title{color: #fff; text-shadow: 0 1px 0 #000; /* text-shadow: 0px 0px 5px rgba(0,0,0,0.80); */}
.gerenric_product.gerenric_product2  .pd-item .pd-detail .pd-book{color: #fff; text-shadow: 0 1px 0 #000; /* text-shadow: 0px 0px 5px rgba(0,0,0,0.80); */}

.gerenric_pagination{width: 100%; text-align: center; margin-top: 30px;}
.gerenric_pagination ul{display: flex; justify-content: center;}
.gerenric_pagination ul li{ list-style-type: none; }
.gerenric_pagination ul li a{border-radius: 5px; margin: 0px 5px; display:inline-flex; align-items: center; justify-content: center; color: #000000; min-width: 24px; height: 24px; font-size: 16px;}
.gerenric_pagination ul li a:hover {color: #fff;background-color: #0D1F75;}
.gerenric_pagination ul li a.pagination_active{color: #fff;background-color: #0D1F75;}
.gerenric_pagination ul li a.bg-none{background-color: transparent; padding: 0px; margin: 0px 10px;}

.grnc_accordion_container {width:100%; overflow: hidden;border-radius: 5px;}
.grnc_accordion_head {color: #1E208A;  position: relative;width: 100%; border: 1px solid #EBEBEB; background-color: #F7F7F7; cursor: pointer; font-size:18px; /* font-size: 1.45rem; */ padding: 10px 15px 10px 15px;}
.grnc_accordion_head.bdrnone{ border-bottom: 0px;}
.grnc_accordion_head .smtxt{ font-style: italic; color: #EBAAA5; font-size: 15px; padding-left: 5px;}
.grnc_accordion_body {background-color: #fff; display: none; padding:15px 15px; overflow: inherit !important;}
/*.grnc_accordion_body ul{margin: 0px -15px;  }*/
.grnc_accordion_container .btn_filter{
    position: relative;
    margin: 10px;
    text-align: right;
}
.grnc_accordion_container .btn_filter i{
    position: absolute;
    color: #fff;
    top: 8px;
    right: 55px;
}
.grnc_accordion_container .btn_filter input{ 
    /* font-family: "Markazi Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    background-color: #F90101;
    color: #fff;
    font-size: 16px;
    /* font-size: 1.30rem; */
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer; 
    }
.grnc_according_category.lang_grid{
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.grnc_according_category .lang_inner{
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.grnc_according_category .lang_inner .title{font-weight: bold; color: #1E208A;}
.grnc_according_category .lang_inner .title:hover{color:#333333;}
.grnc_according_category .lang_inner .count{font-weight: bold;}
.grnc_according_category .lang_inner .count:hover{color:#333333;}
.grnc_arrow_up_down { position: absolute; top: 10px; right: 10px;}
.grnc_arrow_up_down .fa-caret-right{ color: #BDBDBD;}
.grnc_arrow_up_down .fa-caret-down{color: #1E208A;}

.gerenric_checkbox {display: block;position: relative;padding-left: 30px;padding-right: 30px;color: #000; cursor: pointer;font-size: 15px; line-height:25px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.gerenric_checkbox .booknum{font-size: 15px; color: #000; text-align: right; position: absolute; top: 0px; right: 0px;}
.gerenric_checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.gerenric_checkbox .checkmark {position: absolute;top: 3px;left: 0;height: 18px;width: 18px;background-color: #eee;}
.gerenric_checkbox input:checked ~  .checkmark {background-color: #1E208A;}
.gerenric_checkbox .checkmark:after {content: "";position: absolute;display: none;}
.gerenric_checkbox input:checked ~  .checkmark:after {display: block;}
.gerenric_checkbox .checkmark:after {left: 5px;top: 2px;width: 4px;height: 9px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.breadcrmb{ width: 100%;}
.breadcrmb ul li{ display: inline-block;padding-left: 10px; list-style-type: none; font-size: 14px; /* font-size: 1.25rem; */ color: #000;}
.breadcrmb ul li:first-child{padding-left: 0px;}
.breadcrmb ul li a{color: #000;  position: relative;}
.breadcrmb ul li a:hover{color:#F90101;}
.breadcrmb ul li a.bdactive{color:#F90101; }

/*GERENRIC-SECTION-END*/

/*HEADER_SECTION_START*/
.menu_icon {display: none;}
/* #header_section{width: 100%; position: relative;background-color: #fff; background: url('../images/header_bg.jpg') center center no-repeat; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s;transition: all 0.3s; z-index: 99999;top: 0px; align-items: center;} */

#header_section{width: 100%; position: relative; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s;transition: all 0.3s; z-index: 99999;top: 0px; align-items: center;}

.header_section_bg0{background-color: #E6CFB0; background: url('../images/header_bg.jpg') center center no-repeat;}
.header_section_bg1{background-color: #434343; background: url('../images/header_bg/header_bg_1.jpg') center center no-repeat;}
.header_section_bg2{background-color: #AE9371; background: url('../images/header_bg/header_bg_2.jpg') center center no-repeat;}
.header_section_bg3{background-color: #AE9371; background: url('../images/header_bg/header_bg_3.jpg') center center no-repeat;}
.header_section_bg4{background-color: #5A4C39; background: url('../images/header_bg/header_bg_4.jpg') center center no-repeat;}
.header_section_bg5{background-color: #060F1E; background: url('../images/header_bg/header_bg_5.jpg') center center no-repeat;}
.header_section_bg6{background-color: #880318; background: url('../images/header_bg/header_bg_6.jpg') center center no-repeat;}
.header_section_bg7{background-color: #4B0F14; background: url('../images/header_bg/header_bg_7.jpg') center center no-repeat;}
.header_section_bg8{background-color: #191B1A; background: url('../images/header_bg/header_bg_8.jpg') center center no-repeat;}


#header_section.header_bg_2{background: url('../images/header_bg_2.jpg') center center no-repeat;}
#header_section.headersticky{ box-shadow: 0px 3px 4px rgba(0,0,0,0.10);z-index: 99999; position: fixed; background-color: #fff; -webkit-transition: all 0.3s;transition: all 0.3s; }
#header_section .header_inner{width: 100%; padding: 7px 0px;}
#header_section .header_inner .page_width{margin: auto; position: relative; display: flex; justify-content: space-between; align-items: center;}
#logo{ padding-right: 20px;}
#logo img{display: block;}
#logo_slogan{ padding-left: 20px; text-align: right;display: flex;justify-content: flex-end;}
#logo_slogan img{display: block;}
#logo_slogan .slogan_title{font-size: 34px; position: relative; line-height: 100%; /* color: #333; */}
.header_section_bg0 #logo_slogan .slogan_title{color: #333;}
.header_section_bg1 #logo_slogan .slogan_title{color: #E6CFB0;}
.header_section_bg2 #logo_slogan .slogan_title{color: #FFFFFF;}
.header_section_bg3 #logo_slogan .slogan_title{color: #FFFFFF;}
.header_section_bg4 #logo_slogan .slogan_title{color: #E6CFB0;}
.header_section_bg5 #logo_slogan .slogan_title{color: #D4F5FF;}
.header_section_bg6 #logo_slogan .slogan_title{color: #FFFFFF;}
.header_section_bg7 #logo_slogan .slogan_title{color: #E6CFB0;}
.header_section_bg8 #logo_slogan .slogan_title{color: #E6CFB0;}
/*#logo_slogan .slogan_title::after{width: 100%; height: 3px; content: ''; background-color: #333; position: absolute; bottom: 0px; left: 0px;}*/
#logo_slogan .slogan_subtitle{font-size: 20px; /* font-size: 1.45rem; */ text-align: center;line-height: 100%; color: #F90101;}

#header_section.headersticky #logo img{width: 45%; display: block;}
#header_section.headersticky #logo_slogan img{width: 55%;}
#header_section.headersticky #logo_slogan .slogan_title{font-size: 20px; /* font-size: 1.45rem; */} 
#header_section.headersticky #logo_slogan .slogan_subtitle{font-size: 14px; /* font-size: 1.25rem; */}
.header_search{width: 400px; padding: 0px 42px 0px 0px; overflow: hidden; height: 38px; position: absolute; top: 4px; right: 0px; z-index: 99;}
.header_search .header_select_collection{width: 140px; position: absolute; left: 1px; top: 1px;}
.header_search .header_select_collection .gerenric_input{ height: 36px; border-radius:5px 0px 0px 5px; border: 0px;}
.header_search .header_search_box{width: 100%; }
.header_search .header_search_box .gerenric_input{ height: 38px;padding-left: 150px;}
.header_search .search_icon{width: 38px; height: 38px; border-radius: 5px; border: 0px; background:#F90101 url(../images/search_icon.png) center center no-repeat;background-size: 24px; cursor: pointer;position: absolute; top: 0px; right: 0px;}
.header_search .search_icon:focus{outline: none;}
#navigation_section{width: 100%; min-height: 45px; /*background-color: #383838;*/background-color: rgba(0,0,0,0.60) !important;}
#navigation_section .page_width{position: relative; padding-right: 130px; }
#navigation_section ul {display: flex;}
#navigation_section ul li{list-style-type: none; font-size: 16px; /* font-size: 1.35rem; */ color: #FFFFFF; position:relative;}
#navigation_section ul li a{color: #FFFFFF; display: block;padding: 12px 20px;}
#navigation_section ul li a.user_menu{background-color: #EFEFEF; color: #000 !important;}
#navigation_section ul li a:hover{background-color: #fff; color: #000; box-shadow:inset 0px 3px 0px #F90101;}

#navigation_section ul li ul.submenu{ width: 200px; overflow: hidden; /* border-bottom: 1px solid #7e7e7e; border-right: 2px solid #7e7e7e; border-left: 2px solid #7e7e7e; */ border-radius:0px 0px 5px 5px; display: none;background-color: #333333; position: absolute; top: 46px; right: 0px; z-index: 999;}
#navigation_section ul li ul.submenu li{ display: block; text-align: left; /* border-bottom: 1px solid #7e7e7e; */}
#navigation_section ul li ul.submenu li a{padding: 8px 15px;}
#navigation_section ul li ul.submenu li a:hover{background-color: #EFEFEF; color: #000;}
#navigation_section ul li:hover ul.submenu{ display: block;}

#navigation_section .header_login_button{position: absolute; right: 0px; top: 3px;}
#navigation_section .header_login_button .gerenric_button{height: 40px; font-size: 16px; /* font-size: 1.30rem; */ font-family: 'Open Sans' , sans-serif; min-width: 120px; border-radius: 5px; background-color: #F90101;}
#navigation_section ul li a.header_login{padding: 8px 20px; font-size: 16px; /* font-size: 1.35rem; */ color: #fff; margin-top: 4px; margin-left: 20px; border-radius: 5px; background-color: #F90101; }
#header_section.header_black{/*background-color:#5B5B5B;*/ /*background-color: #E6CFB0 !important;*/ background-size: 100%;}
#header_section.header_black #navigation_section{background-color: #E7E7E7;}
#header_section.header_black #navigation_section ul li a{color: #fff;}
#header_section.header_black #navigation_section ul li a:hover{color: #000;}
#header_section.header_black #navigation_section ul li a.header_login{color: #fff;}

.advance_button{ display: inline-flex;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);font-size: 14px; color: #000; align-items: center; padding: 5px 15px; cursor:pointer;background-color: #F4F4F4 !important; border-radius: 0px 0px 5px 5px; height: 45px; position: absolute; right: 2.5%; bottom: -45px;}
.advance_filter{width: 100%; display: none;padding: 20px 0px; background-color: #F4F4F4 !important;}
.advance_filter .advance_filter_inner{width: 100%; display: flex; flex-wrap: wrap;}
.advance_filter .filter_col{width: 25%;padding: 5px;}
.advance_filter .filter_col.display_flx{display: flex;}
.advance_filter .advance_reset{width: 50%; padding-right: 5px;}
.advance_filter .advance_search{width: 50%; padding-left: 5px;}
.advance_filter .advance_reset .gerenric_button{background-color: #F90101;}
.advance_filter .gerenric_button {width: 100%; height: 45px;border-radius:5px; min-width: inherit; display: flex;}
/*HEADER_SECTION_END*/

/*BANNER_SECTION_START*/
#banner_section{width: 100%;}
#banner_section .banner_slider{width: 100%; position: relative;}
#banner_section .banner_slider .banner_bg{width: 100%;}
#banner_section .banner_slider .banner_bg img{width: 100%; height: 450px; object-fit: cover;}
#banner_section .banner_slider .banner_block{position: relative; }
#banner_section .banner_slider .page_width{ z-index: 999; padding-top: 30px; position: absolute; top: 0%; bottom: 0%;left: 0%; right: 0%; margin: auto;}
#banner_section .banner_slider2{width: 100%;}
#banner_section .banner_slider2 img{width: 100%; display: block;}
#banner_section .banner_image{width: 45%; float: right; text-align: right;}
#banner_section .banner_image::after{display: block; content: ''; clear: both;}
#banner_section .banner_image img{float: right;}
#banner_section .banner_detail{width: 55%; float: left; padding-right: 40px;}
#banner_section .banner_detail .banner_dar_text{font-size: 38px; color: #000; text-decoration: underline; line-height: 100%;}
#banner_section .banner_detail .banner_title{font-size: 60px; color: #030303; margin-bottom: 10px;}
#banner_section .banner_detail .banner_title span{color: #F01513;}
#banner_section .banner_detail p{font-size: 25px; /* font-size: 1.60rem; */ color: #000; margin-bottom: 30px;}
.slick-prev, .slick-next{display: none;}
#banner_section .slick-prev{width: 45px; height: 45px; display: block; z-index: 9999; left: 20px; background:url(../images/banner/banner_arrow_left.png) 0px 0px no-repeat;}
#banner_section .slick-next{width: 45px; height: 45px; display: block; z-index: 9999; right: 20px; background:url(../images/banner/banner_arrow_right.png) 0px 0px no-repeat;}
#banner_section .slick-dotted.slick-slider{margin-bottom: 0px;}
#banner_section .slick-dots{left: 0px; bottom: 20px;}
#banner_section .slick-dots li{width:13px; height: 13px; margin: 0px 4px; border-radius: 16px; background-color: #B0AAAA; }
#banner_section .slick-dots li.slick-active{background-color: #F01513;}
#banner_search{width: 100%; display: none;}
#banner_search .page_width{position: relative;}
#banner_search .banner_search_inner{width: 100%; height: 80px; display: flex; align-items: center;padding:15px 20px; position: absolute;left: 0px; top: -40px; z-index: 999;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); background-color: #EFEFEF; border-radius: 10px;}
#banner_search .banner_search_inner .search_col1{width: 30%; padding-right: 10px;}
#banner_search .banner_search_inner .search_col2{width: 45%; padding-right: 10px;}
#banner_search .banner_search_inner .search_col3{width: 25%;position: relative; padding-left: 70px;}
#banner_search .banner_search_inner .search_col3 .search_icon{width: 60px; height: 45px; border-radius: 5px; background:#000 url(../images/search_icon.png) center center no-repeat;background-size: 24px; cursor: pointer;position: absolute; left: 0px;}
#banner_search .banner_search_inner .search_col3 .search_button{width: 100%; height: 45px; border-radius: 5px; background-color: #000; cursor: pointer; font-weight: bold;border: 0px; font-size: 16px; color: #fff;}
/*BANNER_SECTION_END*/

/*CONTENT_SECTION_START*/
#content_section{width: 100%;}
/*.about_section{width: 100%; position: relative;background-image: url(../images/about_top_bg.png),url(../images/about_bottom_bg.png); background-repeat: no-repeat, no-repeat; background-position: top, bottom;  background-color: #021E25;}*/
.about_section{width: 100%; position: relative; background:#160002 url(../images/about_n_bg.jpg) 0px 0px repeat-x;}
.about_section .gerenric_heading{color: #fff; margin-bottom: 20px;}
.about_section .gerenric_heading::after{background-color: #fff;}
.about_section h3{color: #fff; font-size: 23px; /* font-size: 1.55rem; */ text-align: center;}
.about_section .about_detail{width: 80%;margin: auto; position: relative; left: 0%;  padding-top: 100px; padding-bottom: 0px;}
.about_section .about_detail p{font-size: 14px; /* font-size: 1.25rem; */ color: #fff; text-align: center; margin-bottom: 25px;}
.about_section .about_detail p span{font-weight: bold;}

.new_about_section{width: 100%; /* background: url(../images/banner/banner_bg.jpg) center center no-repeat; background-size: cover; */}
.new_about_section .about_inner{width: 100%; display: flex;position: relative; flex-wrap: wrap;}
.new_about_section h1, .new_about_section h2, .new_about_section h3, .new_about_section h4, .new_about_section h5, .new_about_section h6{width:100%;}
.new_about_section .new_about_image{width: 420px;}
.new_about_section .new_about_image img{width: 100%; height: 520px; object-fit: cover;}
.new_about_section .new_about_detail{/* width: calc(100% - 450px); */ padding-left: 50px;}
/* .new_about_section .new_about_detail .gerenric_heading{text-align: left;} */
/* .new_about_section .new_about_detail .gerenric_heading::after{right: inherit;} */
.new_about_section .new_about_detail h3{color: #000; font-size: 23px; /* font-size: 1.55rem; */ text-align: center;/* text-align: left; */}
.new_about_section .new_about_detail p{font-size: 15px; /* font-size: 1.25rem; */ color: #000; text-align: left; margin-bottom: 20px;}
.new_about_section .new_about_detail p span{font-weight: bold;}

.feature_section{width: 100%;}
.feature_section .gerenric_slider{width: 100%; padding:0px 80px;}
.feature_section .gerenric_slider1{width: 100%; padding:0px 80px;}
.feature_section .gerenric_product .pd-item .pd-image{height: 280px;}
.feature_section .gerenric_product .pd-item .pd-image img{height: 280px}
.feature_section .gerenric_product .pd-item .pd-detail .pd-title{font-size: 20px; /* font-size: 1.40rem; */}
.feature_section .gerenric_product .slick-prev{width: 45px; height: 45px; display: block; left: 0px; background:url(../images/banner/banner_arrow_left.png) 0px 0px no-repeat;}
.feature_section .gerenric_product .slick-next{width: 45px; height: 45px; display: block; right: 0px; background:url(../images/banner/banner_arrow_right.png) 0px 0px no-repeat;}
.feature_section.language_section{width: 100%; background-color: #F2F2F2;}

.digital_archive_section{width: 100%;display: flex; background: url(../images/digital_archive_bg.jpg) 0px 0px no-repeat; background-size: cover; }
.digital_archive_section .gerenric_heading{color: #fff; margin-bottom: 40px;}
.digital_archive_section .gerenric_heading::after{background-color: #fff;}
.digital_archive_section p{width: 100%; margin: auto; font-size: 25px; /* font-size: 1.65rem; */ color: #fff; text-align: center; margin-bottom: 30px;}
.collection_section{width: 100%;}
/*CONTENT_SECTION_END*/

/*FOOTER_SECTION_START*/
#footer_section{width: 100%; background-color: #272626;}
#footer_section h2{font-size: 18px; /* font-size: 1.35rem; */ color: #fff; }
#footer_section .footer_top{width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 40px 0px 20px 0px;}
#footer_section .footer_top p{color: #fff; font-size: 15px; text-align: justify;}
#footer_section .footer_top .col{width: 30%; float: none; padding-left: 70px;}
#footer_section .footer_top .col:first-child{width: 40%; padding-left:0px; padding-right: 30px;}
#footer_section .footer_top .footer_links{width: 100%;}
#footer_section .footer_top .footer_links ul li{ list-style-type: none; margin-bottom: 6px; padding-left: 16px; position: relative; font-size: 15px; /* font-size: 1.25rem; */ color: #fff;}
#footer_section .footer_top .footer_links ul li::before{ color: #F01513; font-size: 18px !important; /* font-size: 1.35rem !important; */ position: absolute;left: 0px; top: 3px; font: normal normal normal 14px/1 FontAwesome; content: "\f105";}
#footer_section .footer_top .footer_links ul li a{color: #fff;}
#footer_section .footer_top .footer_links ul li a:hover{color: #F01513;}
#footer_section .footer_copyright{color: #fff; padding-top: 20px; font-size: 15px; /* font-size: 1.25rem; */ text-align: center;}
#footer_section .footer_bottom{width: 100%; border-top: 1px solid #ccc; position: relative; padding: 15px 0px; height: 60px;}
#footer_section .footer_bottom .footer_copyright{color: #fff; padding-top: 8px;}
#footer_section .footer_bottom .social_media{width: inherit; position: absolute; right: 0px;}
/*FOOTER_SECTION_END*/

/*INNER_PAGES_START*/
#inner_banner_section{width: 100%; min-height: 90px; padding: 20px 0px; display: flex; align-items: center;background: url(../images/banner/banner_bg.jpg) 0px 0px repeat;}
#inner_banner_section .gerenric_heading{text-align: left; margin-bottom: 0px;}
#inner_banner_section .gerenric_heading::after{display: none;}
#inner_banner_section .gerenric_heading.urdu_nnn{margin-top: 0px; text-align: right;}

.about_page{width: 100%;}
.about_page .gerenric_heading{text-align: left;}
.about_page .gerenric_heading::after{right: inherit;}
.about_image{float: right; margin-left: 10px; margin-bottom: 10px; width: 45%;}
.collection_page{width: 100%; padding-top: 40px;}
.event_page{width: 100%; padding-top: 40px;}
.event_page .gerenric_product .pd-item .pd-image{height: 300px;}
.event_page .gerenric_product .pd-item .pd-image img{height: 300px;}
.login_page{width: 100%; padding-top: 70px;}
.login_page .gerenric_form{max-width: 400px; margin: auto;}
.login_page .gerenric_form.profile_form{max-width: 600px; margin: auto;}

.collection_page{width: 100%;}
.collection_page .collection_inner{width: 100%; display: flex;}
.collection_page .collection_inner .collection_left{width:300px; }
.collection_page .collection_inner .collection_right{width: calc(100% - 300px); padding:0px 25px 25px 25px; }
.collection_category{width: 100%; border: 1px solid #EBEBEB;}
.collection_category .collection_category_title{width: 100%; height: 50px; display: flex; align-items: center;font-size: 20px; color: #fff; background-color: #5B5B5B; padding: 5px 15px;}
.collection_category ul{margin: 0px -15px;}
.collection_category ul li{list-style-type: none;/*margin-bottom: 15px;*/ padding:10px 15px; font-size: 20px; border-bottom: 1px solid #EBEBEB;}
.collection_category ul li:first-child{padding-top: 0px;}
.collection_category ul li:last-child{border-bottom: 0px; padding-bottom: 0px;}
.collection_category ul li ul.category_submenu{width: 100%; /* display:none; */margin: 0px; margin-top: 5px; padding-left: 8px;}
.collection_category ul li ul.category_submenu li{border-bottom: 0px; padding:5px 10px;}



.sort_section{width: 100%; margin-bottom: 20px; text-align: right; /* display: flex; */ justify-content: space-between;}
.sort_section .gerenric_input{width: 200px; height: 35px; padding: 3px 10px;}
.sort_section #filter_order{width: 150px;}
.sort_section #num_rec{width: 126px;}
.collection_book_list{width: 100%;}
.collection_book_list.column_two{width: 100%; display: flex; flex-wrap: wrap;}
.collection_book_list.column_two .collection_row{width: 49%; margin: 5px 0.5%;}
.collection_book_list .collection_row{width: 100%; cursor: pointer; display: flex;padding: 10px; border: 1px solid #EBEBEB; margin-bottom: 10px;}
.collection_book_list .collection_image{width: 80px; }
.collection_book_list .collection_info{width: calc(100% - 80px); padding-left: 15px; }
.collection_book_list .collection_info h2{font-size: 16px; font-weight: bold;color: #000; margin-bottom: 5px; /* height: 50px; */height: 25px; line-height: 25px; overflow: hidden;}
.collection_book_list .collection_info h2 a{color: #000;}
.collection_book_list .collection_info ul{display: flex; flex-wrap: wrap;}
.collection_book_list .collection_info ul li{width: 50%; padding-right: 10px; list-style-type: none; margin-bottom: 2px;  font-size: 12px;  color: #000; height: 20px; line-height: 22px; overflow: hidden;}
/* .collection_book_list .collection_info ul li:first-child{width: 100%; height: 20px; overflow: hidden;} */
.collection_book_list .collection_info ul li span{font-weight: bold;}
.collection_book_list .collection_row:hover{box-shadow: 0px 0px 12px rgba(0,0,0,0.10); background-color:#F9F9F9 ;}

h2.urdu_nnn{line-height: 24px; padding-right: 4px; margin-bottom: 10px; font-size:20px;}

.detail_book_page{width: 100%;}
.detail_book_page .section_1{width: 100%; display: flex; margin-bottom: 40px; gap: 25px;}
.detail_book_page .section_1 .detail_book_image{width: 125px;}
/*.detail_book_page .section_1 .detail_book_detail{width: calc(100% - 300px); padding: 0px 25px 25px 25px;}*/
.detail_book_page .section_1 .detail_book_detail{width: calc(100% - 300px);}
.detail_book_page .section_1 .detail_book_detail h2{font-size: 24px; font-weight: bold;color: #000; margin-bottom: 20px;}
/* .detail_book_page .section_1 .detail_book_detail ul{width:100px;} */
.detail_book_page .section_1 .detail_book_detail ul li{width: 47%; margin-right:2%; display:inline-block; list-style-type: none; margin-bottom: 10px; /* font-size: 15px; */ color: #000;}
.detail_book_page .section_1 .detail_book_detail ul li span{font-weight: bold;}
.detail_book_page .section_1 .detail_book_detail ul li.full_w{width:100%}

.show {display:block;}
.contact_page{ width: 100%;}
.contact_page h2{text-transform: uppercase; margin-bottom: 25px; border-bottom: 1px solid #DDDDDD; font-size: 20px; /* font-size: 1.55rem; */ color: #3D332C; text-align: left; padding-bottom: 10px;}
.contact_page .left_side{ width: 47%;}
.contact_page .contact_form{ width: 100%;}
.contact_page .contact_form ul li{list-style-type: none; margin-bottom: 15px; font-size: 14px; color: #443933; text-align: left;}
.contact_page .contact_form ul li:last-child{margin-top: 30px;}
.contact_page .contact_address ul li{color: #000;}
.contact_page .right_side{ width: 47%;}
.contact_page .contact_information{ width: 100%;}
.map_area{ width: 100%; height: 300px; margin-top: 40px;}
.map_area iframe{ width: 100%; height: 300px;}

.grnc_padding_all{margin: 15px 0px;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    background-color: #eeeeee;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #5e87b0;
    border-color: #5e87b0;
    cursor: default;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
  }

  .grnc_tabnav {margin-left: 0; width: 100%; margin: auto; margin-bottom: 0px;  list-style: none;}
  .grnc_tabnav > li > a {display: block; text-align:right;}
  .grnc_tabnav_tabs{ *zoom: 1;}
  .grnc_tabnav_tabs:before, .grnc_tabnav_tabs:after {display: table;content: "";}
  .grnc_tabnav_tabs:after {clear: both;}
  .grnc_tabnav_tabs.two_col > li{width:50%; float: left;}
  .grnc_tabnav_tabs.three_col > li{width: 33.333%; float: left;}
  .grnc_tabnav_tabs.four_col > li{width: 25%; float: left; padding: 0px 10px;}
  .grnc_tabnav_tabs > li { display:inline-block; float: left;/* font-family: 'Open Sans Condensed', sans-serif; */ margin-left: 2px; /* font-size:14px; */ text-align: center;}
  .grnc_tabnav_tabs > li:first-child{ margin-left: 0px;}
  .grnc_tabnav_tabs > li > a {border-bottom:0px solid ;}
  .grnc_tabnav_tabs > li { margin-bottom: -1px;}
  .grnc_tabnav_tabs > li span{display: inline-block; vertical-align: middle;}
  .grnc_tabnav_tabs > li > a {padding:0px 20px; cursor: pointer;height: 45px; background-color: #FAFBFB; display: flex;align-items: center;justify-content: center;border: 1px solid #a0abb2;color:#404E65; }
  .grnc_tabnav_tabs > .active > a,
  .grnc_tabnav_tabs > .active > a:hover {cursor: default;border-bottom: 1px solid #fff;  background-color:#fff; }
  .grnc_tabnav_content{ padding: 10px; background-color: #fff;  border: 1px solid #a0abb2;}
  .grnc_tabnav_content.active{display: block;}
  .grnc_tabnav_content.hide{display: none;}

/*INNER_PAGES_END*/

.fa-heart{color: #B70000;}
.hearticon{ cursor: pointer; position: absolute; top: 0px; right: 0px; font-size: 20px; font-weight: bold; color: #B70000;}

.grnc_btn{display: inline-block; border: none; border-radius: 5px; text-align: center;text-transform: uppercase; cursor: pointer;padding: 15px 35px; background-color: #13143E; color: #fff; font-size: 18px;}
.grnc_btn:hover { background-color: #FDC70F; color: #000; }

.please_login_popup{background:rgba(0,0,0,0.7);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:99999999999;}
.please_login_popup > .inner_popup{width: 300px;box-shadow: 0px 0px 10px rgba(0,0,0,0.50); border-radius: 5px; background-color: #fff; margin: auto; display:block !important;top:50px;left:0%;right:0%; vertical-align: middle;position: absolute; padding: 15px 20px 15px 20px;margin-bottom: 30px;  }
.please_login_popup > .inner_popup h2{font-size: 20px;font-family: 'AvantGardeITCbyBT-Book'; margin-left: -20px; margin-right: -20px; text-align: left; border-bottom: 1px solid #e0e5e9; padding: 0px 20px 15px 20px; margin-bottom: 30px;}
.please_login_popup > .inner_popup h3{ margin-bottom: 5px;}
.please_login_popup > .inner_popup p{text-align: center;}
.please_login_close{cursor: pointer; /*width: 25px; height: 25px; line-height: 25px; font-weight: bold;border-radius: 25px; background-color:#E06834 ; color:#fff; position: absolute; top: -15px;right: -15px;font-size: 15px;*/}
.please_login_trigger{cursor: pointer}
.please_login_popup .grnc_btn{padding: 7px 20px; font-size: 14px;}
.please_login_popup .grnc_btn.bgred{background-color: #cf142b;}
.please_login_popup .grnc_btn.bgred:hover{color: #fff;}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f8e5be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}

.login_popup{background:rgba(0,0,0,0.7);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:99999999;}
.login_popup > .inner_popup{width: 400px; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50);  border-radius: 5px;background-color: #fff; margin: auto; display:block !important;top:50px;left:0%;right:0%; vertical-align: middle;position: absolute; padding: 15px 20px 15px 20px; }
.login_popup > .inner_popup h2{font-size: 20px; margin-left: -20px; margin-right: -20px; text-align: left; border-bottom: 1px solid #e0e5e9; padding: 0px 20px 15px 20px; margin-bottom: 30px;}
.login_close{cursor: pointer; width: 25px; height: 25px; line-height: 25px; font-weight: bold;border-radius: 25px;background-color:#FF4000; background-image: linear-gradient(#FF7F00, #FF4000); color:#fff; position: absolute; top: -15px;right: -15px;font-size: 15px;}
.login_trigger{cursor: pointer}
.radio, .checkbox {margin-top: 15px !important; margin-bottom: 0px !important; padding-left: 1px !important;}
.form-actions {
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 19px 20px 20px;
}

.gerenric_team{width: 100%;}
.gerenric_team .team_row{width: 100%; display: flex; flex-wrap: wrap; padding:30px 10px;}
.gerenric_team .team_row.column_one .team_col{width: 100%;}
.gerenric_team .team_row.column_two .team_col{width: 50%;}
.gerenric_team .team_row.column_two .team_item .team_image{width: 250px; height: 250px; border-radius: 250px;}
.gerenric_team .team_row.column_two .team_item .team_image img{width: 250px; height: 250px; object-fit: cover; border-radius: 250px;}
.gerenric_team .team_col{width: 33.333%; padding: 20px;}
.gerenric_team .team_col.team_50{width: 50%;}
.gerenric_team .team_col.team_50 .team_item .team_image{width: 250px; height: 250px; border-radius: 250px;}
.gerenric_team .team_col.team_50 .team_item .team_image img{width: 250px; height: 250px; object-fit: cover; border-radius: 250px;}
.gerenric_team .team_item{width: 100%; padding:30px 20px; background-color: #efefef; border-radius: 10px; /* box-shadow: 0px 0px 12px rgba(0,0,0,0.10); */ }
.gerenric_team .team_item:hover {background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 12px rgba(0,0,0,0.30); }
/* .gerenric_team .team_item .team_image{width: 150px; height: 150px; background-color: #000; margin: auto; margin-bottom: 10px; border-radius: 150px;}
.gerenric_team .team_item .team_image img{width: 150px; height: 150px; object-fit: cover; border-radius: 150px;} */
.gerenric_team .team_item .team_image{width: 200px; height: 200px; background-color: #000; margin: auto; margin-bottom: 10px; border-radius: 200px;}
.gerenric_team .team_item .team_image img{width: 200px; height: 200px; object-fit: cover; border-radius: 200px;}
.gerenric_team .team_item .team_name{width: 100%; text-align: center; font-weight: 600; font-size: 25px; color: #000; margin-bottom: 10px;}
.gerenric_team .team_item .team_designation{width: 100%;  text-align: center;font-size: 20px; color: #F90101; margin-bottom: 10px;}
.gerenric_team .team_item .team_designation span{font-size: 16px;}
.gerenric_team .team_item p{width: 100%; /* height: 70px; */ text-align: justify; overflow: hidden; font-size: 15px; line-height: 140%; color: #000; margin-bottom: 0px;}
.gerenric_team .team_row.column_one .team_item{background-color: transparent; box-shadow: inherit;}
.gerenric_team .team_row.column_one .team_item:hover{background-color: transparent; box-shadow: inherit;}

.team_popup{background:rgba(0,0,0,0.7);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:999999;}
.team_popup > .inner_popup{max-width:800px; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50);  border-radius: 5px;background-color: #fff; margin: auto; display:block !important;left:0%;right:0%; vertical-align: middle; position: relative; padding:45px 0px 25px 0px; }
.team_close{cursor: pointer; width: 25px; height: 25px; line-height: 25px; font-weight: bold;border-radius: 25px; background-color:#F90101 ; color:#fff; position: absolute; top: -15px;right: -15px;font-size: 15px;}
.team_trigger{cursor: pointer}