@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrik_webfont.woff2') format('woff2'),
         url('../fonts/rubrik_webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikbold_webfont.woff2') format('woff2'),
         url('../fonts/rubrikbold_webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikextralight_webfont.woff2') format('woff2'),
         url('../fonts/rubrikextralight_webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubriklight_webfont.woff2') format('woff2'),
         url('../fonts/rubriklight_webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikmedium_webfont.woff2') format('woff2'),
         url('../fonts/rubrikmedium_webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
 
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubriksemibold_webfont.woff2') format('woff2'),
         url('../fonts/rubriksemibold_webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}



/*career-banner*/
.career-banner{ padding-top: 80px; padding-bottom: 180px; background-size: cover !important; position: relative; }
.career-banner:before{ content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: block; position: absolute; left: 0px; top: 0px; }
.career-banner .container{ position: relative; z-index: 9; }
.career-banner .row{align-items: flex-end;}
.career-banner h1{ color: #fff; text-transform: capitalize; font-weight: 100; font-size: 2.5rem; }

.career-banner ul{ display: flex; list-style: none; padding: 0px; margin: 0px; justify-content: flex-end; }
.career-banner ul li{ padding-left: 10px; padding-right: 10px; }
.career-banner ul li a{ color: #fff; font-size: 22px; }
/*career-banner*/

/*career-inner-banner*/
.career-inner-banner{ background-size: cover !important;}
.career-inner-banner .align-center{ display: flex; align-items: center; height: 100%; }
.career-inner-banner .align-center h1{ background: #f2634a; padding: 5px 15px; border-radius: 6px; color: #fff; }
.career-inner-banner img{padding-top: 60px; }
/*career-inner-banner*/ 

/*career-video*/
.career-video{ position: relative; margin-top: -110px; padding-bottom: 60px; }
.career-video-inner{ display: flex; position: relative; }
.career-video-inner:before{ content: ""; width: 75%; height: 100%; display: block; background: rgb(196,40,28); background: linear-gradient(90deg, rgba(196,40,28,1) 0%, rgba(135,23,21,1) 100%); position: absolute; left: 0px; top: 0px; border-radius: 10px; }
.career-video-inner>div{ position: relative; z-index: 9; }
.career-text{ flex: 1; padding: 60px; color: #fff; }
.career-text h4{line-height: 1.4;}
.career-text a{ background-color: #fff; padding: 14px 25px; text-transform: uppercase; border-radius: 6px; display: inline-block; margin-top: 30px; transition: all 0.5s ease; }
.career-text a:hover{ background-color: #fff; color: #e96349; transform: translateY(-4px); box-shadow: 0px 8px 4px rgb(0 0 0 / 20%); }
.career-youtube{ flex: 1.5; margin-top: -65px; }
/*career-video*/

/*why-generali*/
.why-generali{ background-color: #fbfbfb; }
.why-generali ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.why-generali ul li{ flex:0 33.33%; max-width: calc(33.33% - 30px); border-radius: 8px; margin: 15px; padding: 20px; background-color: #fff; text-align: center; transition: all 0.5s ease; }
.why-generali ul li img{ display: inline-block; margin-bottom: 10px; color: #f2634a; }
.why-generali ul li i{ display: inline-block; margin-bottom: 10px; color: #f2634a; }
.why-generali ul li i:before{ font-size: 70px; }
.why-generali ul li h6{ font-size: 24px; font-weight: 400; line-height: 1; }
.why-generali ul li p{ margin: 0px; }

.why-generali ul li:hover{ background-color: #f2634a; cursor: pointer; transform: scale(1.05); }
.why-generali ul li:hover i, .why-generali ul li:hover h6, .why-generali ul li:hover p{ color: #fff; }
.why-generali ul li:hover img{ filter: brightness(0) invert(1); }
/*why-generali*/

/*Our-Values*/
.Our-Values{}
.Our-Values .owl-item{ height: 100%; }
.Our-Values-slider{ border: 1px solid #e2e2e2; border-radius: 6px; margin: 0 6px; height:calc(100% - 30px); padding:15px;}
.Our-Values-slider img{ margin-bottom: 20px; }
.Our-Values-slider ul{ list-style: none; padding: 0px; margin: 0px; }
.Our-Values-slider ul li{ padding: 10px 5px; }
.Our-Values-slider ul li:hover{ background-color: #f7f7f7; }
.Our-Values-slider ul li+li{ border-top: 1px solid #e2e2e2; }
.Our-Values-slider h5{ color: #f2634a; }
.Our-Values-slider ul li:before{content: ""; border: solid #a91f20; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-right: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
/*Our-Values*/

/*Employee-Benefits*/
.Employee-Benefits{background-color: #fff;}

.Employee-Benefits ul{ list-style: none; margin: 0px; padding: 0px; display: flex; }
.Employee-Benefits ul li{ flex: 1; text-align: center; border-radius: 6px; margin: 10px; padding: 20px; border: 1px solid #f5f5f5; box-shadow: 0 0 40px rgb(0 0 0 / 3%);}
.Employee-Benefits ul li:hover{ box-shadow: 0 0 40px rgb(0 0 0 / 8%); cursor: pointer; }
.Employee-Benefits ul li:hover h6{ color: #e96349; }
.Employee-Benefits ul li figcaption{ flex: 0 100%; max-width: 100%; }
/*Employee-Benefits*/

/*Employee-Benefits*/
.employee-testimonials{ background-color: #e8f0fb; }
.employee-testimonials .owl-carousel{ margin-bottom: 35px; }

.employee-testimonials .testimonials-slider figure{ flex: 0 250px; max-width: 250px; justify-content: center; margin-right: 20px; align-items: inherit; }
.employee-testimonials .testimonials-slider figcaption { margin-bottom: 0; flex: 1; padding:0 20px; z-index: 1; position: relative;}
.employee-testimonials .user-profile{ flex: 100%; }
.employee-testimonials .user-profile h6, .employee-testimonials .user-profile p{ text-align: left; }

.employee-testimonials .owl-carousel .owl-item .testimonials-slider figure .user-pic{ width: 150px; height: 150px; display: flex; align-items: center;
    justify-content: center; margin: 0 auto; margin-bottom: 20px; }

.employee-testimonials .owl-carousel .owl-item .testimonials-slider figure img{ width: 100%; height: 100%; margin-right: 0px; }

.employee-testimonials .testimonials-slider{ position: relative; }
.employee-testimonials .testimonials-slider:after{ content: ""; width: 50%; height: 90%; display: flex; position: absolute; right: 0px; bottom: 0px; background: url(../images/career/quotes.png) center right no-repeat; background-size: contain; opacity: 0.02; }
/*Employee-Benefits*/

/*Reaching-for-the-top*/
.Reaching-for-the-top{ background: url(../images/career/Reaching-bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; background-color: #a91f20; }
.Reaching-for-the-top h2{ color: #fff; }
.Reaching-for-the-top p{color: #fff;}

.Reaching-for-the-top .modal-body picture{ margin-bottom: 20px; display: flex; border: 1px solid #dee2e6; border-radius: 8px; overflow: hidden; }

@media (min-width:768px){
	.Reaching-for-the-top .modal-body picture{ width: 60%; }
}
.Reaching-for-the-top .modal-body p{ color: #212529; }


.Reaching-for-the-top ul{ list-style: none; padding: 0px; margin: 0px; margin-top: 60px; display: flex; }
.Reaching-for-the-top ul ul{ margin-top: 0px; }
.Reaching-for-the-top ul li{ flex:0 25%; max-width: 25%; }
.Reaching-for-the-top ul li figure{ margin: 0px; border-radius: 6px 6px 0 0; overflow: hidden;}
.Reaching-for-the-top ul li figure img{ width: 100%; height: auto; }
.Reaching-for-the-top ul li figcaption{ padding: 20px; background-color: #fff; border-radius:0 0 6px 6px; }
.Reaching-for-the-top ul li figcaption h4{ color: #a91f20; }
.Reaching-for-the-top ul li figcaption p{ color: #000; font-size: 14px; }

.Reaching-for-the-top ul li.reaching-right{ flex: 2; max-width: inherit; margin-left: 10%; }
.reaching-right ul{ flex-wrap: wrap; justify-content: center; }
.reaching-right ul li{ flex: 0 50%; max-width: 50%; padding:0 25px; transition: all 0.5s ease; cursor: pointer; }
.reaching-right ul li:first-child{ margin-top: 60px; }
.reaching-right ul li:hover{transform: scale(1.1);}
.reaching-right ul li figure{ background: url(../images/career/reaching.jpg) center center no-repeat; background-size: cover; height: 200px; border-radius: 6px; }
.reaching-right ul li figcaption{ padding: 0px; padding-top: 10px; background-color: transparent; }
.reaching-right ul li figcaption h4, .reaching-right ul li figcaption p{ color: #fff; }

.reaching-hover{ display: flex; height: 100%;}
.reaching-hover p{ font-size: 14px; line-height: 18px; }
.reaching-hover a{ color: #fff; }
.reaching-hover a:hover{ color: #a91f20; }
.reaching-text{ flex:1; padding: 20px 0 20px 20px; }
.reaching-image{ flex:1; display: flex; align-items: flex-end; }
/*Reaching-for-the-top*/



/*Career-list*/
.career-list .accordion-item{ border: 1px solid rgba(0,0,0,.125); margin-bottom: 20px; }
.career-list .accordion-item:first-of-type{ border-radius: 0px; }
.career-list .accordion-item:first-of-type .accordion-button{ border-radius: 0px; }
.career-list .accordion-button{ font-size: 1.2rem; }
.career-list .accordion-button:not(.collapsed){ background-color: #f2634a; color: #fff; }
.career-list .accordion-button:focus{ border-color: #f2634a; box-shadow: 0 0 0 0.25rem rgb(233 99 73 / 40%); }
.career-list .accordion-button:not(.collapsed)::after{ filter: brightness(0) invert(1); }

.career-list .accordion-body{ padding: 2rem 1.25rem; }
.career-list .accordion-body h4, .career-list .accordion-body h5{ text-transform: uppercase; }

.career-list .accordion-body ul{ list-style: none; padding: 0px; margin: 0px;}
.career-list .accordion-body ul li{padding: 10px 5px;}
.career-list .accordion-body ul li+li { border-top: 1px solid #e2e2e2;}
.career-list .accordion-body ul li:before { content: ""; border: solid #a91f20; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-right: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.career-list .accordion-body .button{ display: flex; justify-content: flex-end; }
.career-list .accordion-body .button a{ background-color: #a91f20; color: #fff; padding: 12px; width: 165px; text-align: center; border-radius: 6px; text-transform: uppercase; margin-top: 20px; display: flex; justify-content: center; }
.career-list .accordion-body .button a:hover{ background-color: #e96349; }

.career-list .accordion-button{display: flex; justify-content: space-around; }
.career-list .accordion-button span{ flex: 1; }
.career-list .accordion-button .text-right{ display: flex; justify-content: flex-end; font-size: 14px; margin-right: 20px; }

.quick-button{ display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 40px; }
.quick-button ul{ list-style: none; padding: 0px; margin: 0px; display: flex; }
.quick-button ul li{ margin-right: 20px; }
.quick-button ul li:last-child{ margin-right: 0px; }
.quick-button ul li a{ padding: 8px 40px; background-color: #fff; border:2px solid #a91f20; display: flex; align-items: center; border-radius: 4px; color: #a91f20; text-transform: uppercase; }
.quick-button ul li a:hover{ background-color: #a91f20; color: #fff; }
.quick-button ul li a.active{ border: 2px solid #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); }
.quick-button ul li a.active:hover{ border: 2px solid #a91f20; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%); }

.quick-button .border-0 li a{ border:2px solid #fff; padding: 8px 20px;}
.quick-button .border-0 li a img{ margin-left: 10px; }
.quick-button .border-0 li a:hover{ border:2px solid #a91f20; }
.quick-button .border-0 li a:hover img{ filter: brightness(0) invert(1); }

.quick-button .border-0 li{ position: relative; width: 100%; }
.quick-button .border-0 li ul{ display: none; position: absolute; right: 0px; z-index: 9; width: 250px; padding: 6px; background-color: #fff;
    border: 1px solid #e2e2e2; border-radius: 6px; }
.quick-button .border-0 li:hover ul{ display: block; }
/*Career-list*/

/*career-filter*/
.career-filter{  }
.career-filter .form-select{ border: 1px solid #e96248;  }

.custom-items,.open { border-radius: 4px;}
.custom-items > input,.open { display: flex; appearance: none; cursor: pointer; height: 44px; width: 100%; margin: 0; background: #fff;}
.custom-items > input:before,.open:before { content: attr(data-text); font-size: 16px; padding: 12px; width: 100%;}
.custom-dropdown { position: relative; user-select: none; border: 1px solid #e96248; border-radius: 4px;}
.custom-items { position: absolute; width: 100%; pointer-events: none; transform: translateY(-44px); transition: 0.3s all; z-index: 1; overflow: hidden;}
.custom-items > input { transition: 0.3s all;}
.custom-items > input:not(:checked) { height: 0; opacity: 0;}
.close { margin: 0; appearance: none; position: fixed; top: 0; left: 0;}
.open { color: #444;}
.open::after { content: ''; background: url(../images/dropdown-arrow.png) center center no-repeat; width: 16px; height: 16px; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); transition: 0.3s all; pointer-events: none; z-index: 2;}
.open:checked::after { transform:translateY(-50%) rotate(180deg);}
.open:checked + .close { width: 100%; height: 100%; z-index: 1;}
.open:checked ~ .custom-items { transform: translateY(12px); border: 1px solid #dfdfdf; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.open:checked ~ .custom-items > input { pointer-events: all; height: 44px; opacity: 1; border-bottom: 1px solid #dfdfdf;}
.open:checked ~ .custom-items > input:hover{ background-color: #f00; color: #fff; }
/*career-filter*/



/*****************************Responsive-start*****************************/
@media (max-width:1400px){

}

@media (max-width:1280px){
	.Reaching-for-the-top ul li.reaching-right{ margin-left: 0%; }
	.reaching-hover p { font-size: 12px;}
}

@media (max-width:991px){
	.career-banner h1{ font-size: 1.5rem; }
	.career-text{ padding: 15px; }
	.career-youtube iframe{ height: 250px; }
	.career-text a{ padding: 9px 15px; font-size: 14px; margin-top: 8px; }
	.why-generali ul li{ flex: 0 50%; max-width: calc(50% - 30px); }
	.Reaching-for-the-top ul{ flex-wrap: wrap; }
	.Reaching-for-the-top ul li{ flex: 0 100%; max-width: 100%; padding: 0px; }
	.reaching-hover p { font-size: 14px;}
	.reaching-right ul li{ margin-bottom: 20px; }
	.reaching-right ul li:hover{ transform: inherit; }
	.Reaching-for-the-top ul li figure img{ height: 100%; object-fit: contain; }

	.quick-button ul li a, .quick-button .border-0 li a{ padding: 2px 20px; }
	.Employee-Benefits ul{ flex-wrap: wrap; }
	.Employee-Benefits ul li{ flex: 0 50%; max-width: calc(50% - 20px); }
}

@media (max-width:767px){

}

@media (max-width:680px){
	.why-generali ul li{ flex: 0 100%; max-width: 100%; margin-left: 0px; margin-right: 0px; }
	.career-video-inner{ flex-wrap: wrap; }
	.career-text { flex: auto;}
	.career-youtube { flex: auto; margin-top: 0;}
	.career-video-inner:before{ width: 100%; }

	.quick-button{ flex-wrap: wrap; }
	.quick-button ul{ justify-content: center; width: 100%; }
	.quick-button ul.border-0{ margin-top: 10px; }
	.quick-button ul li a, .quick-button .border-0 li a{ padding: 5px 10px; }

	.career-list .accordion-button{ flex-wrap: wrap; justify-content: left; }
	.career-list .accordion-button span { flex: 0 60%; max-width: 60%;}
	.career-list .accordion-button .text-right{ justify-content: left; }

	.Employee-Benefits ul li { flex: 0 100%; max-width: 100%; margin-left: 0px; padding-right: 0px;}
}

@media (max-width:480px){

}

@media (max-width:350px){
	.reaching-text{ padding: 10px 0 10px 10px; }
	.reaching-hover p { font-size: 12px;}

}

/*****************************Responsive-end****************************