.photoGalleryFullSize{
    grid-column: 1 / span 2;
    justify-content: space-around;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
}
.photoTextAreaFix{
padding-bottom:44px!important;}
.pricingLinkAvail{font-size:16px; position:absolute; bottom:0px;}
.photoGalleryFullSize .photoPreviewImage, .photoGalleryFullSize .photoPreviewImage2{
    max-height: 384px;
}
.pricingLinkAvail a{
font-weight:bold;
color:#0041d9;
}
.megaPhotoGalleryHolder{
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 72px;
    margin-bottom:72px;
}

.megaPhotoGalleryHolder2{
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 48px;
    margin-bottom:48px;
}

.megaPhotoGalleryHolder3 .photoPreviewImage{
 max-height: 200px; 
}

.megaPhotoGalleryHolder3 .photoTextArea h4, .megaPhotoGalleryHolder2 .photoTextArea h4{
font-family: 'Object Sans', 'Adjusted Arial', Tahoma, Geneva, sans-serif!important;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 32px; /* 133.333% */
letter-spacing: 0.029px;
}

.megaPhotoGalleryHolder3 .photoTextArea p, .megaPhotoGalleryHolder2 .photoTextArea p
{font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
  line-height: 24px; /* 150% */}

.megaPhotoGalleryHolder3 .photoPreviewImage img{
  object-fit: none;
min-height: 200px;}
.megaPhotoGalleryHolder3{
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 32px;
    margin-bottom:32px;
}

.photogalleryAdSection{
background-color:#001751!important;
padding:90px 55px;
}

.photogalleryAdSection .customizable-button{
margin-top:60px;
width:100%;
}

.photoGalleryHeader{font-family: "Open Sans";
font-size: 55px;
font-style: normal;
font-weight: 700;
  color:#fff;
line-height: 60px;}

.photoGalleryBody{
font-size: 21px;
    color:#fff;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

.photoPreviewImage img,.photoPreviewImage2 img {
display: block;
    object-fit: cover;
    width: 100%;
    position: relative;
    top: -50%;
    vertical-align: middle;
}

.photoGallery {
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--container-shadow);
}
.photoPreviewBox,.photoPreviewBox2 {
	width: 100%;
	background: var(--color-midnight);
	cursor: pointer;
	overflow: hidden;
}
.photoPreviewImage,.photoPreviewImage2 {
	    max-height: 225px;
    transition: transform .7s ease-out;
    width: 100%;
    display: flex;
}
.photoPreviewImage:hover, .photoPreviewImage2:hover {
	transform: scale(1.1);
}


.megaPhotoGalleryHolder2 .photoPreviewTag, .megaPhotoGalleryHolder3 .photoPreviewTag {    color: #111116;
    font-family: "Inter", "Adjusted Arial", Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.12px;
    padding: 2px 8px;
    border-radius: 9px;
    vertical-align: middle;
    display: flex;
}

.megaPhotoGalleryHolder2 .photoPreviewTag svg, .megaPhotoGalleryHolder3 .photoPreviewTag svg{    margin-top: 4px;
    margin-right: 8px;
}

.photoPreviewTag {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	background-color: var(--color-mango-orange);
	color: #fff;
	padding: 3px 15px 7px;
	border-radius: 40px;
	font-size: 16px;
	letter-spacing: 0.01em;
}
.megaPhotoGalleryHolder3 .photoTextArea, .megaPhotoGalleryHolder2 .photoTextArea {
	color: var(--color-midnight);
	padding: 16px 24px 0px;
}

.megaPhotoGalleryHolder .photoTextArea, .megaPhotoGalleryHolder1 .photoTextArea {
	color: var(--color-midnight);
	padding: 20px;
}
.photoTextArea ul {
	list-style-type: none;
	padding-left: 22px;
	position: relative;
}
.photoTextArea li:before {
	content: "•";
	color: var(--color-cobalt-blue);
	font-family: monospace;
	font-weight: 700;
	font-size: 1.2em;
	position: absolute;
	left: 0;
}

.photoGalleryBlock {
	margin: 30px 0 0;
}
.photoGalleryModal {
	display: none;
	width: 100%;
	height: 100vh;
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.photoGalleryModal-bg {
	background: var(--color-midnight);
	opacity: 0.8;
	width: 100%;
	height: 100vh;
	position: absolute;
}
.photoGalleryModal-content {
	background: black;
	position: absolute;
	top: 50px;
	bottom: 30px;
	left: 120px;
	right: 120px;
	box-shadow: 0 25px 55px rgba(0,0,0,.35);
}
.photoGalleryFrame {
	width: 100%;
	height: 100%;
	margin: auto;
	display: block;
	border: none;
}
.photoGallerySingle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s linear;
}
.photoGallerySingle.active {
	visibility: visible;
	opacity: 1;
}
.photoGalleryBtn {
	background-color: #fff;
	border-radius: 10px;
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(.19,1,.22,1) 0s;
}
.photoGalleryClose {
	top: 30px;
	right: 30px;
}
.photoGalleryPrev {
	top: calc(50% - 30px);
	left: -30px;
}
.photoGalleryNext {
	top: calc(50% - 30px);
	right: -30px;
}
.photoGalleryModal svg {
	width: 20px;
	height: 20px;
	margin: 20px;
	transition: transform 0.2s ease-out;
}
.photoGalleryModal path {
	fill: none;
	stroke: var(--color-midnight);
	stroke-width: 3;
	stroke-linecap: round;
	transition: stroke 0.2s ease-out;
}
.photoGalleryBtn:hover svg {
	transform: scale(1.2);
}
.photoGalleryBtn:hover path {
	stroke: var(--color-mango-orange);
}

@media (max-width: 1100px) {
    .megaPhotoGalleryHolder3{
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  
}  
@media (max-width: 767px) {

 
  
  .megaPhotoGalleryHolder{
    grid-template-columns: repeat(1, 1fr);
    gap: 72px;
}
  
    .megaPhotoGalleryHolder2{
    grid-template-columns: repeat(1, 1fr);
    gap: 48px;
}
    .megaPhotoGalleryHolder3{
    grid-template-columns: repeat(1, 1fr);
    gap: 48px;
}
  
	.photoGalleryModal-content {
		top: 80px;
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	.photoGallerySingle {
		background-size: contain;
	}
	.photoGalleryClose {
		transform-origin: top right;
		transform: scale(0.4);
		top: 30px;
		right: 20px;
	}
	.photoGalleryPrev{
		left: -10px;
		transform: scale(0.5);
		transform-origin: left center;
	}
	.photoGalleryNext{
		right: -10px;
		transform: scale(0.5);
		transform-origin: right center;
	}
}
