/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Qral Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* title brush line */

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
.nowrap {
    white-space: nowrap;
}
.btn_site .elementor-button {
	font-family: "Work Sans", Sans-serif !important;
    min-width: 150px;
    padding: 7px 25px !important;
    font-size: 13px !important;
	border-width: 1.5px !important;
}
.contact_form button {
	font-family: "Work Sans", Sans-serif !important;
    min-width: 150px;
    padding: 7px 25px !important;
    font-size: 13px !important;
    border: 1.5px solid #7E148F !important;
	font-weight: 400 !important;
	color: #7E148F !important;
	height: max-content !important;
    line-height: 21px !important;
}
.contact_form button:hover{
	background: #7E148F !important;
	color: #fff !important;
}
h3.elementor-icon-box-title {
    margin-bottom: 10px;
}
.footer_arrows .elementor-button-icon svg, .footer_ar_btn .elementor-button-icon svg{
	height: 8px;
}
.footer_arrows .elementor-icon{
}
.link_color a{
	color: #7E148F;
}
span.line {
	content: '';
    background: url(https://qral.com/staging/7617/wp-content/uploads/2024/02/line_brush-e1711542207111.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% 3px;
    padding: 5px 0px;
}
.line span {
    position: relative;
	font-family: inherit;
    font-weight: inherit;
}
.line span::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -45px;
    width: 230px;
    height: 100%;
    background: url(https://qralnew.com/wp-content/uploads/2024/02/line_brush.png) center / contain no-repeat;
	transform: rotatey(180deg);
}
.line.auto span::after {
	background-size: auto;
}
.line.hover span::after {
	opacity: 0;
	transition: opacity 300ms ease;
}
.line.hover:hover span::after {
	opacity: 1;
}
.line.reverse span::after{
	transform: rotateY(180deg);
	left: auto;
	right: 0;
}
.footer_cp_text .elementor-widget-container {
    max-height: -webkit-fill-available;
}
/* Header */
#site_header * {
	transition: all 300ms ease;
}
#header_menu .menu-item a::after {
    max-width: 40px;
    left: 50%;
    transform: translate(-50%);
}
#header_menu .menu-item:hover a{
    font-weight: 500 !important;
}

#site_header.elementor-sticky--effects {
	background-color: white;
	box-shadow: 0 1px 10px rgba(0 0 0 / 0.05);
}
#site_header.elementor-sticky--effects #site_logo img, #footer_logo img {
	max-width: 180px;
}

/* Footer */
.footer-btn .elementor-button-content-wrapper {
    justify-content: space-between;
}
.footer-btn .elementor-button span {
    text-align: left;
}
.footer-btn .elementor-button-icon {
    font-size: 10px;
}
.footer-btn:hover .elementor-button-icon path {
	fill: white;
}

/* Background fix */
.bg-fix {
	max-width: 1600px;
	margin-inline: auto;
	background-size: cover !important
}

.career_gradient_bg::before {
    background-size: 1600px 100% !important;
}
.white_box_our_approach{
	overflow: hidden;
}

.title_bg {
	isolation: isolate;
}

.title_bg .elementor-heading-title::before {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: auto;
    background: white;
    z-index: -1;
    box-shadow: 0 0 30px 30px white;
    border-radius: 10px;
}

/* Imagebox */
.imagebox img {
    min-height: 200px;
    max-height: 200px;
    object-fit: contain;
}

.footer_container .e-con-inner {
    z-index: 1;
}
.bg_grd {
    background: radial-gradient(white 15%, #ffffff00 90%);
}

.contact_form legend.wpforms-field-label, .contact_form label.wpforms-field-label {
	font-family: "Nunito Sans", Sans-serif !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
}
.contact_form .wpforms-field-name {
    padding-top: 0px !important;
}
.contact_form div#wpforms-2044 {
    margin-top: 0px;
}
.contact_form input:focus, .contact_form textarea:focus{
	border-color: #9a147d !important;
}
.wpforms-recaptcha-container.wpforms-is-recaptcha.wpforms-is-recaptcha-type-v2 {
    margin-bottom: 22px;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
background: #ffffff !important;
	border: 1px solid #ffffff !important;
	box-sizing: border-box !important;
}
.imagebox .imgbox_1 img, .imagebox .imgbox_3 img{
	width: 130px;
}
.contact_container {
    height: 100vh;
	min-height: 950px;
}
.cmn_drp_shadow {
	box-shadow: 0px 4px 50px 50px rgb(0 0 0 / 2%) !important
}
.cmn_drp_shadow_img img, .cmn_drp_shadow_vdo.elementor-widget-video .elementor-widget-container{
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%) !important;
}
.btm_m0 p {
    margin-bottom: 0px;
}
.connecting_dots h1{
	margin-left: -3px;
}
@media (max-width: 480px){
	#site_logo img, .#footer_logo img{
		width:26vw;	
	}
	.contact_form .wpforms-container .wpforms-field {
		width: 100%;
		margin: 0px !important;
	}
}
@media (max-width: 767px){
	#site_header nav.elementor-nav-menu--dropdown li .elementor-item{
		padding: 5vw 7vw !important;
		font-size: 5.221vw !important;
	}
	#site_header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item-active:after, #site_header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item:hover:after {
		width: 14.5vw !important;
		right: 7vw !important;
	}
	.contact_form legend.wpforms-field-label, .contact_form label.wpforms-field-label {
		font-size: 4.09vw !important;
	}
	.footer_arrows .elementor-button-icon svg {
		height: 2vw;
	}
	.curosity_icon img{
		--e-transform-rotateZ: 17deg;
		transform: rotateZ(17deg);
	}
	.cmn_drp_shadow, .cmn_drp_shadow_img img, .cmn_drp_shadow_vdo.elementor-widget-video .elementor-widget-container {
		box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%) !important;
	}
	.page-id-21 p, .page-id-21 .elementor-testimonial__text, .page-id-21 .banner_text .elementor-widget-container, .page-id-11 p{
		text-wrap: balance;
	}
	.mobile_bg_approach_footer {
		background-position: 50% 100px;
	}
	.banner_text strong{
		font-weight: 600 !important;
	}
	.wwa_img_bradius img{
		border-radius: 10vw !important;
	}
	.mb_regular h1{
		font-weight: normal !important;
	}
	.mb_nunito, .bd_font, .bd_font p, .bd_font .elementor-testimonial__text{
		font-family: "Nunito Sans", Sans-serif !important;
		font-weight: normal !important;
	}
	.mb_nunito p, .bd_font p.elementor-image-box-description{
		font-weight: normal !important;
	}
	.bnr_home, .bnr_wwa, .bnr_approach, .bnr_wwd, .bnr_career, .bnr_publication{
		background-position: center top !important;
		background-size: 100vw auto !important;
		min-height: 120vw !important;
	}
	.btn_site .elementor-button, .contact_form button{
		min-width: 200px;
		font-size: 3.632vw !important;
		padding: 3vw 6vw !important;
	}
	.btn_site.fw .elementor-button{
		width: 100%;
	}
	.contact_container {
		min-height: unset;
		height:auto;
	}
	.line span::after {
		bottom: -6vw;
	    width: 33vw;
	}
	.banner_home, .banner_publications, .banner_career, .banner_wwd, .banner_who_we_are, .banner_wwd, .banner_approach, .banner_who_we_are {
		background-position: center top !important;
		background-size: 100vw auto !important;
		min-height: 140vw !important;
	}
	.banner_home{
		min-height: 105vw !important;
	}
	.banner_home .banner_heading_1 h1, .banner_publications .banner_heading_1 h1, .banner_career_heading_1 h1, .banner_home_heading_1 h1, .banner_approach_heading_1 h1 {
		margin: 25vw 10vw;
		padding-right: 20vw;
	}
	.banner_approach_heading_1 h1, .banner_who_we_are .banner_home_heading_1 h1{
		padding-right: 0vw;
	}
	.banner_text_container, .home_banner_text_container{
		margin-top: -12vw;
	}
	.career_banner_text_container{
		margin-top: -36vw;
	}
	.wwd_banner_text_container{
		margin-top: -33vw;
	}
	.approach_banner_text_container, .wwa_banner_text_container{
		margin-top: -15vw;
	}
	.career_banner_text_container .banner_heading_2 h2, .approach_banner_text_container .banner_heading_2 h2{
    	width: 60vw;
	}
	.wwd_banner_text_container .banner_heading_2 h2{
    	width: 87vw;
	}
	.wwa_banner_text_container .banner_heading_2 h2{
    	width: 70vw;
	}
	.wrap_h_lines{
		max-width: 340px;
    	width: 46vw;
	}
	.imagebox img {
		min-height: auto;
	}
	.wwa_mob_grd_bg{
		background-position: center -80vw !important;
	}
	.wwa_mob_grd_bg_2{
		background-position: center -20vw !important;
	}
	
}
@media (min-width: 768px){
	.imagebox_new .curiosity .elementor-widget-image img{
		margin-top: -100px;
		width: 110px !important;
	}
	.imagebox_new .grit .elementor-widget-image img{
		margin-top: -85px;
	}
	.imagebox_new .heart .elementor-widget-image img{
		margin-top: -60px;
	}
	.imagebox_wwd .collaboration .elementor-widget-image img{
		margin-top: -60px;
	}
	.imagebox_wwd .dedication .elementor-widget-image img{
		margin-top: -35px;
	}
	.imagebox_wwd .implementation .elementor-widget-image img{
		margin-top: -35px;
	}
	.imagebox_new .elementor-widget-image{
		width: 95px;
		display: inline-block;
	}
	.imagebox_career .col1.sup_gro .elementor-widget-image img{
		margin-top: -90px;
	}
	.imagebox_career .col2.flat_org .elementor-widget-image img{
		margin-top: -30px;
	}
	.imagebox_career .col1.vib_team .elementor-widget-image img{
		margin-top: -70px;
	}
	.imagebox_career .col2.flex_model .elementor-widget-image img{
		margin-top: -50px;
	}
	.imagebox_wwd .elementor-widget-image, .imagebox_career .elementor-widget-image{
		width: fit-content;
		display: inline-block;
	}
	.imagebox_wwd .elementor-widget-heading {
		width: 150px;
	}
	.imagebox_new .elementor-widget-heading, .imagebox_wwd .elementor-widget-heading, .imagebox_career .elementor-widget-heading{
		display: inline-block;
	}
	.imagebox_career .col1, .imagebox_career .col2, .imagebox_new .curiosity, .imagebox_new .grit, .imagebox_new .heart, .imagebox_wwd .collaboration, .imagebox_wwd .dedication, .imagebox_wwd .implementation {
		display: block;
	}
	
	.bnr_font h1, .light_dt_font h2{
		font-weight:300 !important;
	}
	.line span::after {
		bottom: -30px;
		width: 180px;
	}
	.tbl_pd{
		padding-right: 30px;
		padding-left: 30px;
	}
	.bd_tl_curvy_box {
		margin: auto;
		max-width: 95vw;
		padding-right: 30px;
		padding-left: 30px;
	}
	.bd_br_curvy_box{
		margin: auto;
		max-width: 95vw;
		padding-right: 30px;
		padding-left: 30px;
	}
	.banner_home, .banner_who_we_are, .banner_wwd {
		background-position: center -1.7vw;
		background-size: 150vw auto;
		height: 60vw;
	}
	.banner_wwd {
		background-size: 125vw auto;
	}
	.banner_approach {
		height: 60vw;
		background-position: center -8vw;
		background-size: 150vw auto;
	}
	.banner_career, .banner_publications {
		height: 80vw;
		background-position: center 0vw;
		background-size: 150vw auto;
	}
	.banner_approach_heading_1 h1{
		margin: 9vw 0vw 0vw 31.2vw;
	}
	
	.home_banner_text_container p, .wwa_banner_text_container p {
		width: 54vw;
		max-width: 880px;
    	font-size: 24px;
	}
	.home_banner_text_container{
		margin: -12vw 0vw 0vw 0vw;
		width: 97vw;
	}
	.wwd_banner_text_container{
		margin: calc(-220px - 3vw) 6vw 0vw;
	}
	.career_banner_text_container, .banner_text_container{
		margin: -12vw 3vw 0vw;
		width: 90vw;
	}
	.wwd_banner_text_container .banner_heading_2 h2{
		width: 50vw;
		max-width: 390px;
	}
	.wwd_banner_text_container .banner_heading_2_text p{
		width: 55vw;
	}
	.wwa_banner_text_container {
		margin: -18vw 0vw 0vw 6vw;
		width: 58vw;
	}
	.banner_home_heading_1 h1{
		margin: 11.3vw 10.3334vw 0vw 6vw;
	}
	.wwa_banner_text_container .banner_heading_2 h2{
		font-size: 40px;
	}
	.approach_banner_text_container {
		margin: -7.5vw 5vw 0vw;
	}
	.dnbrkwd h3 {
		font-size: 3.6vw !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.banner_who_we_are .banner_container {
		background-size: 1024px auto !important;
	}
	.home_banner_text_container p {
    	font-size: 2.5vw;
	}
	.wwa_banner_text_container {
		max-width: 310px;
	}
	.banner_career_heading_1 {
		margin: 10.5vw 6vw 0vw 34.2vw;
	}
	.banner_publications .banner_heading_1 h1 {
		margin: 10.5vw 6vw 0vw;
	}
	.imagebox_wwd .implementation{
		margin-left: -5px;
	}
	.imagebox_wwd .collaboration .elementor-widget-image img{
		margin-top: -45px;
	}
	.imagebox_career .col1.sup_gro .elementor-widget-image img{
		margin-top: -70px;
	}
}
@media (max-width: 1024px){
	#site_header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		top: -40px !important;
		padding: 80px 0px 40px;
		height: 100vh;
	}
	#site_header .elementor-menu-toggle.elementor-active{
		z-index: 9999;
	}
	#site_header nav.elementor-nav-menu--dropdown li .elementor-item{
		font-size: 20px;
		display: block;
		text-align: right;
		padding: 15px 40px;
	}
	#site_header nav.elementor-nav-menu--dropdown li .elementor-item:hover, #site_header nav.elementor-nav-menu--dropdown li .elementor-item-active{
		font-weight: 500;
	}
	#site_header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item-active:after, #site_header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item:hover:after {
		content: "";
		background: #E281FF;
		height: 1.5px;
		width: 50px;
		position: absolute;
		right: 40px;
		left: unset !important;
		transform: unset !important;
		margin-top: 4px;
		max-width: 100%;
	}
}
@media (min-width: 1024px){
	.wwd_wb_heading{
		padding-left: 100px;
	}
	.home_banner_text_container p {
    	font-size: 1.98vw;
	}
	.after_banner{
		margin-top: -10vw;
	}
	.banner_who_we_are, .banner_container {
		height: 70vw;
	}
	.banner_home {
		background-position: center -1.7vw;
		background-size: 150vw auto;
		height: 60vw;
	}
	.banner_home_heading_1 h1{
		margin: 10.3vw 12vw 0vw 6vw;
	}
	.home_banner_text_container {
		margin: -10.5vw auto 0vw auto;
		width: 83.3vw;
	}
	.home_banner_text_container p {
		width: 48vw;
		max-width: 880px;
	}
	.wwa_banner_text_container {
		margin: -22vw 0vw 0vw 6vw;
	}
	.wwd_banner_text_container .banner_heading_2 h2{
		width: 33vw;
    	max-width: fit-content;
	}
	.banner_approach {
		background-position: center -3vw;
	}
	.approach_banner_text_container {
		margin: -13.5vw 5vw 0vw;
		width: 45vw;
	}
	.approach_img_overflow img{
		position: absolute;
		right: 0;
		top: -40px;
		width: 65%;
	}
	.career_banner_text_container{
		margin: -12vw 6vw 0vw;
		width: 52vw;
	}
	.banner_text_container {
		margin: -12vw 3vw 0vw;
		width: 60vw;
	}
}
@media (min-width: 1024px) and (max-width: 1200px){
	.banner_career{
		height: 58vw;
		background-image: url("https://qralnew.com/wp-content/uploads/2024/03/careers_1200px-2.jpg") !important;
		background-size: 1200px auto !important;
		padding: 10vw 10vw 0vw 0vw;
	}
	.banner_publications{
		height: 60vw;
	}
	.banner_publications .banner_heading_1 h1 {
		margin: 10.5vw 6vw 0vw;
	}
}
@media (min-width: 1200px){
	.wwa_banner_text_container p {
		width: 40vw;
		font-size: 1.57vw;
	}
	.banner_heading_2_text2 p{
		width: 40vw;
		font-size: 1.28vw;
	}
	.wwd_banner_text_container .banner_heading_2 h2{
		width: 100vw;
	}
	.banner_container {
		min-height: 900px;
		background-position: center -90px;
	}
	.banner_publications, .banner_career, .banner_wwd, .banner_who_we_are {
		height: 50vw;
		background-position: center -3vw;
		background-size: 114vw auto;
		padding: 4.3vw 7.4vw 0vw 0vw;
	}
	.banner_wwd, .banner_who_we_are {
		background-position: center -5vw;
		background-size: 125vw auto;
		padding:0px;
	}
	.banner_who_we_are {
		background-position: center -3.7vw;
	}
	.banner_career {
		background-position: center -15px;
		padding: 7.5vw 12.5vw 0vw 0vw;
	}
	.banner_home {
		background-position: center -1.7vw;
		background-size: 115vw auto;
		height: 50vw;
	}
	.banner_approach {
		height: 50vw;
		background-position: center -3vw;
		background-size: 120vw auto;
		padding: 0px;
	}
	.career_banner_text_container, .home_banner_text_container{
		margin: -15vw 0vw 0vw 6vw;
		max-width: 60vw;
	}
	.wwd_banner_text_container{
		margin: -13vw 9vw 0vw;
		width: 55vw;
	}
	.wwa_banner_text_container, .approach_banner_text_container{
		margin: -14vw 9vw 0vw;
		width: 40vw;
		max-width: 920px !important;
	}
	.wwa_banner_text_container2{
		margin: -9vw 9vw 0vw;
		width: 40vw;
		max-width: 920px !important;		
	}
	.approach_banner_text_container{
		margin: -15.5vw 9vw 0vw;
	}
	.home_banner_text_container{
		margin: -13.5vw auto 0vw auto;
		width: 83.3vw;
	}
	.home_banner_text_container p {
		width: 48vw;
		max-width: 880px;
	}
	.banner_home_heading_1 h1{
		margin: 7.3vw 8.3334vw 0vw;
		max-width: 1100px;
	}
	.wwa2_banner_heading{
		margin: 7.3vw 8.3334vw 0vw;
	}
	.banner_approach_heading_1 h1{
		margin: 4.5vw 0vw 0vw 34.2vw;
	}
	.banner_text_container{
		margin: -16.5vw 0vw 0vw 6vw;
		max-width: 52vw;
	}
	.bg-fix{
		background-position: center -50px;
		background-size: 1920px 1040px !important;
	}

}
@media (min-width: 1400px){
	.wwd_wb_heading {
		padding-left: 30px;
	}
	.dnbrkwd h3 {
		font-size: 50px !important;
	}
	.after_banner{
		margin-top: -12vw;
	}
	.approach_img_overflow img{
		right: -100px;
	}
}
@media (min-width: 1600px){
	.banner_publications, .banner_career, .banner_home, .banner_wwd, .banner_who_we_are, .banner_approach{
		max-height: 960px;
	}
	.banner_home {
		background-position: center -2vw;
	}
}
@media (min-width: 1921px){
	.banner_heading_1 h1, .banner_career_heading_1 h1, .banner_home_heading_1 h1{
		font-size: 100px !important;
	}
	.banner_approach_heading_1 h1{
		font-size: 92px !important;
		margin: 100px 0vw 0vw 660px;
	}
	.banner_heading_2 h2{
		font-size: 65px !important;
	}
	.banner_heading_2_text p{
		font-size: 30px !important;
	}
	.banner_publications, .banner_career{
		background-size: 2400px auto;
		padding: 100px 100px 0px 0px;
	}
	.banner_career {
		padding: 150px 350px 0px 0px;
	}
	.banner_home, .banner_wwd, .banner_who_we_are, .banner_approach {
		background-size: 2400px auto;
		background-position: center -55px;
	}
	.banner_wwd {
		background-position: center -90px;
	}
	.banner_text_container{
		margin: -260px 0vw 0vw 100px;
		max-width: 990px;
	}
	.career_banner_text_container, .wwd_banner_text_container, .wwa_banner_text_container{
		margin: -200px 0vw 0vw 150px;
		max-width: 1130px;
	}
	.approach_banner_text_container{
		margin: -250px 0vw 0vw 150px;
		max-width: 760px !important;
	}
	.home_banner_text_container p {
		font-size: 38px;
	}
	.home_banner_text_container{
		margin: -200px auto 0px auto;
	}
	.banner_home_heading_1 h1{
		margin: 140px 150px 0px 150px;
	}
	
	
}/* ==========================================
   Gallery Lightbox
========================================== */
.elementor-image-gallery .gallery-item img {
    cursor: pointer !important;
    border: 1px solid #E2DFDF;
}
#caseGalleryLightbox{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.72);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    z-index:999999;
}

#caseGalleryLightbox.open{
    opacity:1;
    visibility:visible;
}

/* ==========================================
   Image Wrapper
========================================== */

#caseGalleryLightbox .gallery-image-wrapper{
    position:relative;
    width:min(1080px,calc(100vw - 160px));
    height:min(850px,85vh);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:visible;
    z-index:1;
}

/* ==========================================
   Image
========================================== */

#caseGalleryLightbox .gallery-image{
    position:relative;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    transform-origin:center center;
    transition:transform .2s ease;
    user-select:none;
    -webkit-user-drag:none;
    cursor:pointer;
    z-index:1;
}

#caseGalleryLightbox.zoomed .gallery-image{
    cursor:grab;
}

#caseGalleryLightbox.dragging .gallery-image{
    cursor:grabbing;
}

#caseGalleryLightbox.zoomed .gallery-image-wrapper{
    cursor:grab;
}

#caseGalleryLightbox.dragging .gallery-image-wrapper{
    cursor:grabbing;
}

/* ==========================================
   Navigation Buttons
========================================== */

.gallery-prev,
.gallery-next{
    position:absolute;
    bottom:50px;
    width:44px;
    height:44px;
    margin-top:-22px;
    border:none !important;
    border-radius:50%;
    background:#262626 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0 !important;
    transition:.2s;
    z-index:10000;
    pointer-events:auto;
}

.gallery-prev{
    left:calc(50% - 61px);
}

.gallery-next{
    left:calc(50% + 17px);
}

.gallery-prev:hover,
.gallery-next:hover{
    background:#3a3a3a;
}

.gallery-prev svg,
.gallery-next svg{
    width:8px;
    height:16px;
}

/* ==========================================
   Close Button
========================================== */

.gallery-close{
    position:absolute;
    top:32px;
    right:32px;
    width:44px;
    height:44px;
    border:none !important;
    background:#000 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 !important;
    cursor:pointer;
    color:#fff !important;
    z-index:10001;
    pointer-events:auto;
}

.gallery-close svg{
    width:16.5px;
    height:16.5px;
}

.gallery-close:hover{
    opacity:.75;
}

/* ==========================================
   Responsive
========================================== */

@media (max-width:768px){

    .gallery-close{
        top:16px;
        right:16px;
    }

    #caseGalleryLightbox .gallery-image-wrapper{

        width:calc(100vw - 14vw);
        height:calc(100vh - 14vw);

    }

}