#aiPledge .modal-dialog {width: 600px; text-align: center; border-radius: 10px;}
#aiPledge .aialmhead { margin-top: 7px; margin-bottom: 5px; font-size: 54px; font-weight: bold;}
#aiPledge .aialSubhead {margin-bottom: 40px; font-size:34px; font-weight:500;}
#aiPledge .watch_now { font-size: 33px;  min-width: 340px;} 
.joinAiBTN {
    cursor: pointer;
     color: #fff;
     text-align: center;
     line-height: normal;
     height: auto;
     font:600 33px 'Barlow', sans-serif;
     min-width: 340px;
     cursor: pointer;
     background: transparent linear-gradient(90deg, #D68E05 0%, #DA0E55 100%) 0% 0% no-repeat padding-box;
     padding:10px 20px 11px 20px;
     border-radius:30px;
     text-transform: uppercase;
 display: inline-block;
 }

#overview .gc_container {position: relative; margin-top: -56px; background-color: #fff; padding: 40px 30px 40px; 
    -webkit-box-shadow: -1px -3px 7px 3px #00000029; -moz-box-shadow: -1px -3px 7px 3px #00000029; box-shadow: -1px -3px 7px 3px #00000029;}
#overview .commonTitle {text-align: left; margin-bottom: 15px;}
#overview .paragraph {font-size: 21px; line-height: 30px; color: #000000;}
#overview .contentBlock {display: flex;  gap: 50px;}

/***** gallery **********/
.gallery {padding: 50px 0 80px;}
.westzone_photoslider {display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.westzone_photoslider .gallery-wrap {width: 200px; height: 150px;}
.westzone_photo-gallery a.view-photo-btn{background:#F2910B 0% 0% no-repeat padding-box;border-radius: 24px;display:inline-block;padding:11px 50px;font-size:20px;line-height:24px;letter-spacing: -0.3px;color: #FFFFFF;font-weight:700;font-family:'Roboto', sans-serif;}}
.westzone_img_popup .events_gallery_slide_popup .carousel-control{top:25% !important; opacity: 1 !important;}
.events_gallery_slide_popup .carousel-control.right{top:27%;opacity: 1;width: 1px;height: 212px;background: #F2910B 0% 0% no-repeat padding-box;right:-30px;}
.events_gallery_slide_popup .carousel-control.right:after{position:relative;top:45%;content:"";display:block;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #F2910B;}
.events_gallery_slide_popup .carousel-control.left{top:27%;opacity: 1;width: 1px;height: 212px;background: #F2910B 0% 0% no-repeat padding-box;transform: rotate(180deg);left:-30px;} 
.events_gallery_slide_popup .carousel-control.left:before{position:relative;top:45%;content:"";display:block;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #F2910B;}
.westzone_img_popup .modal-dialog{width: 770px ;height: 520px ;margin:80px auto;}
.westzone_img_popup .modal-content img{width: 100%;max-width:100%;}
.westzone_img_popup .modal-content {box-shadow: 0px 8px 16px #00000029 !important;background: rgba(255, 255, 255, 0.2) !important;border-radius: 6px;}
.westzone_img_popup .modal-backdrop{background: #000;}
.modal-backdrop.in{opacity: 0.8 !important;}
 .westzone_img_popup .modal-content{border: 0;background: #8d8b8b !important;box-shadow: none;padding:8px;}
.westzone_img_popup .modal-body {position: relative;padding: 0px;}
.close {position: absolute;right: -27px;top: -30px;z-index: 999;opacity: 1;}
.close:hover, .close:focus{opacity:1 !important;}
.close img {width: 35px;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;opacity: .5;filter: alpha(opacity=50);}
/***** gallery **********/

#overview ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
#overview ul li div {overflow: hidden;}
#overview ul li:before {content: ""; background: transparent linear-gradient(90deg, #D68E05 0%, #DA0E55 100%) 0% 0% no-repeat padding-box; width: 8px; height: 8px; border-radius: 100%; float: left; position: relative;
    top: 11px; margin-right: 15px;}


@media all and (max-width:767px){
    #aiPledge { padding: 0 15px;}
    #aiPledge .modal-dialog {width: 100%; margin: 0px;  }
    #aiPledge figure { width: 188px; margin: 0 auto;}
    #aiPledge figure img { width: 100%; height: auto;}
    #aiPledge .aialmhead { font-size: 32px; line-height: 38px;}
    #aiPledge .aialSubhead { margin-bottom: 30px;  font-size: 20px; line-height: 24px;}
    #aiPledge .joinAiBTN { font-size:20px;  min-width:200px;}  
    .modal-body { padding: 20px 20px 30px 20px;}
    #overview .contentBlock {display: block;}
    #overview .contentBlock img {float: left; padding-right: 20px;}
    #overview ul {columns: unset;}
    #overview .paragraph {font-size: 18px;}
    #overview .gc_container {padding: 40px 30px 40px;}
    .westzone_photoslider{
        justify-content: center;
        height: 320px;
        overflow: auto;
    }
    .westzone_photoslider .gallery-wrap {
        width: 45%;
        height: 150px;
      }
}

@media (max-width: 767px){
    .modal-dialog{width: 90%; margin: 100px auto 0;}
    .westzone_img_popup .modal-dialog {
        width: 90%;
        height: auto;
        margin: 80px auto;
      }
    }