/* Resource Home Page*/
.resourse_box{border: solid 1px rgb(204, 204, 204);  padding:2rem 2rem; border-radius: 3px; margin: 1.5rem auto; max-width: 435px; width: 100%;  display: block; transition:  all .3s ease-in-out;    min-height: 100%;}
.resourse_box h5,.resourse_box .h5{font-size: 24px;   font-weight: 700}
.resourse_box p{font-size: 16px; margin-top: 1rem;   line-height: 1.75;}
.resourse_box .read_more{margin-top: 3rem;position: absolute;bottom: 1rem;} 
.resourse_box .media-body{margin-left: .5rem}
.resourse_box:hover{ box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.16);}
.resourse_box:hover h5{color: #e11f26}
.boxmargin{margin: 1rem auto;}
.lern_text {display: inline-block;  font-weight: 600; color: #e11f26; position: relative}
.read_more{position: relative}
.lern_text:after{ width: 100%; height: 2px; background: #e11f26; position: absolute; left: 0; bottom: -2px; content: ''; transition: .3s ease-in-out; transform: scaleX(0); transform-origin: left}
.resourse_box:hover .lern_text:after {transform: scaleX(1); }
.read_more i.lern_text{font-style: normal}
.read_more svg{ transition: ease-in-out .3s}
.read_more:hover svg{transform: translateX(5px)}
/* Resource 2nd Page*/
.search_bar{max-width: 325px; padding: 0; }
.search_bar  button{border: none; outline: 0; background: none; margin-left: -2.3rem; position: relative; z-index:0}
.search_bar input{padding: 1rem; outline: none}
.filter_nav{display: flex; align-items: baseline}

.resource_selector button{ outline: 0; border: none; background: none; display: inline-flex;   text-align: left; position: relative; z-index: 0; padding-left: 1.5rem; width: 100%; padding:1rem 1rem;font-weight: 600; align-items: center}
.resource_selector.show button{background: #fff;  }
.before{ width: 0; height: 0;    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: solid 5px #000;  margin-left: .5rem }
.resource_selector{ display: block; margin-left: 0rem;   }
.resource_selector .dropdown-menu{width: 285px;   background: #fff; border-radius: 0; border: 0; padding:1rem;  z-index: 1;   box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.29); max-height: 250px; overflow-y: scroll; border: solid 1px rgb(204, 204, 204); border-top: 0; border-right: 0;  }
.resource_selector .dropdown-menu .dropdown-item{padding: .8rem 1.5rem; background: #f0f0f0; margin: .53rem 0; border-radius:3px; font-size: 15px; line-height: 1.5; color: #616161; font-weight: 600}
.resource_selector .dropdown-menu .dropdown-item:hover{  background-color: rgb(253, 233, 234); color: #e11f26}
.resource_selector .dropdown-menu::-webkit-scrollbar{  width: 5px; height: 10px;}
.resource_selector .dropdown-menu::-webkit-scrollbar-track{  background: #f1f1f1;  border-radius: 25px;}
.resource_selector .dropdown-menu::-webkit-scrollbar-thumb{  background: #ccc;  border-radius: 25px;}
.resource_selector .dropdown-menu::-webkit-scrollbar-thumb:hover{  background: #b3b3b3;}
.menu_checkbox{position: relative;  display: flex; align-items: center}
.menu_checkbox input[type=checkbox]{left: 0;    z-index: 0;    width: 100%;    height: 1.25rem; z-index: 1; opacity: 0; position: absolute}
.menu_checkbox{padding: .5rem 0; ;padding-left: 1.5rem;  position: relative}
.menu_checkbox span{position: relative; display: block; color: #888888; padding-left: 5px; font-size: 16px; }
.menu_checkbox span:before{ width: 1rem; height: 1rem; position: absolute; left: -16px; top: 0; background: #fff; content: ''; margin-top: 4px; border-radius: 2px; border: solid #cccccc 1px;}
.menu_checkbox span:after{content: ""; width: 5px;height: 9px;border: solid #000000;border-width: 0 2px 2px 0;
    transform: rotate(45deg);position: absolute;top: 7px;left: -10px; z-index: 1; display: none} 
.menu_checkbox input[type=checkbox]:checked ~ span:before{ background: #c4c4c4}
.menu_checkbox input[type=checkbox]:checked ~ span:after{ display: block}
.menu_checkbox{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0; padding-bottom: 0}
.videobox{border: solid 1px #d1d1d1; display: block; min-height: 100%; background: #ffffff}
.image_box{position: relative; display: block}
.image_box .play_btn{position: absolute; right: 0; bottom: 0; top: 0; left: 0; margin: auto; filter: drop-shadow(3px 8px 32px #000); display: none}
.videobox:hover .youtube_thumb{filter: grayscale()}
.videobox:hover .image_box .play_btn{ display: block}
.videobox:hover{ box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.16);}
.load_more{ display: inline-flex; color: #e11f26; padding: 1rem 2rem; font-weight: 600; border: solid 1px #e11f26; border-radius: 3px; justify-content: center; align-items: center; margin:3rem auto; align-self: center}
.load_more span{ width:11px; height: 11px; border-top:solid 2px #e11f26; border-right:solid 2px #e11f26; display: flex; transform: rotate(133deg); margin-left: .7rem; margin-top: -5px; position: relative}
.load_more:hover{background: #e11f26; color: #fff}
.load_more:hover span{border-color: #fff; animation: scroll 1500ms infinite ease-in-out}
@keyframes scroll{
	0%{ top: 0}
	40%{ top: 5px;}
	100%{ top: 0;}
}

.selctor_tab{}
.selctor_tab li a{ display: block; background: #f0f0f0; padding:13px 10px; margin: 10px auto; border-radius: 3px; font-size: 16px; color: #616161; font-weight: 600}
.selctor_tab li a:hover{ background: #fde9ea;  color: #e11f26}
.case_study_img{/*filter: brightness(0) invert(1);*/}
/*2nd Inner Page*/
.case_study{border: solid 1px #d1d1d1; display: block; min-height: 100%; background: #ffffff; max-width: 435px;  }
.case_study .image_box{ ; height: 246px; position: relative;   display: flex; text-align: center; padding:5rem 2rem; overflow: hidden; justify-content: center; align-items: center;box-sizing: border-box}
  .case_study:hover{ box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.16);}
.case_study_bg{ position: absolute; width: 100%; height:100%;  left: 0; top:0; filter: blur(200px); right: 0; margin: auto}
.black_box{ background: #3b3b3b}
.case_study .read_more {padding-bottom: 1rem}
.wrapper_box{margin-bottom: 2rem}
/*.main-navbar .nav-link{font-family:'Open Sans';font-size:16px !important}*/

/*.menu_tab .nav-tabs{ height:44px}*/
@media screen and (max-width:767px){
	.resourse_box h5,.resourse_box .h5{font-size: 16px;}
	.resourse_box .read_more{margin-top: 0}
	.globle_h{font-size: 24px;}
	.filter_nav{flex-wrap: wrap-reverse;justify-content: space-between;padding: 1rem 0;}
	.resource_selector{width: 100%;}
	.resource_selector button{border: solid 1px #ced4da;margin: 1rem 0;justify-content: space-between;padding: 0.5rem 1rem;}
	.search_bar{max-width: 100%;margin: 1rem auto;}
	.resource_selector .dropdown-menu{width: 100%;position: static !important;transform: translate(0) !important;}
	.case_study{margin: 0.5rem auto;min-height: auto;}

	.update_nav{flex-wrap: nowrap;white-space: nowrap;overflow-x: scroll;}
	.globle_h{font-size: 24px !important;}
	.suggest_product{margin-bottom: 2rem;}
}