body.modal-open{overflow:hidden}.three-col-section .modal-btn{background-color:#000;border-radius:0;color:#fff;display:inline-block;font-size:15px;min-width:140px;padding:18px 24px;text-align:center;text-transform:none}.three-col-section .modal-btn:hover{background:#797a7b;border-color:#797a7b;color:#fff;opacity:.6;text-decoration:none}.three-col-section .container{margin:0 auto;max-width:calc(100% - 30px);padding:0 10px;width:1200px}.three-col-section .single-grid-card{display:inline-block}.three-col-section{margin-bottom:100px}.three-col-header h3{color:#231f20;font-size:36px;font-weight:400;letter-spacing:1px;line-height:1.25;margin-bottom:50px;text-align:center}.single-grid-img img{display:block;margin-left:auto;margin-right:auto;max-width:350px;min-height:445px;width:100%}.three-col-grid{display:grid;gap:165px;grid-template-columns:repeat(3,minmax(0,1fr))}.three-col-grid h5{color:#7d7d7d;font-size:18px;margin-bottom:0;margin-top:25px;text-align:center}.three-col-grid .modal h5{font-size:32px;text-align:left}.three-col-section .modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;padding:8px;position:fixed;top:0;width:100%;z-index:99999}.three-col-section .modal-content{background-color:#fefefe;border:1px solid #888;box-shadow:0 5px 15px rgba(0,0,0,.3);left:50%;max-height:100%;max-width:900px;overflow-y:auto;padding:20px;position:relative;text-align:left;top:50%;transform:translate(-50%,-50%);width:100%;z-index:99999}.three-col-section .close{align-items:center;background:#000;border-radius:100%;bottom:100%;color:#fff;display:flex;float:right;font-size:28px;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;text-align:center;top:10px;width:30px}.three-col-section .close:focus,.three-col-section .close:hover{color:#fff;cursor:pointer;text-decoration:none}.three-col-section .modal-body{display:grid;gap:30px;grid-template-columns:repeat(2,minmax(0,1fr))}.three-col-section .modal-img img{height:auto;max-height:500px;max-width:100%;width:100%}@media only screen and (max-width:1199px){.three-col-grid{gap:80px}}@media only screen and (max-width:767px){.three-col-section .modal-content{padding:50px 20px}.three-col-section .modal-body{grid-template-columns:repeat(1,minmax(0,1fr));row-gap:24px}.three-col-grid{gap:30px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:575px){.three-col-section{margin-bottom:48px}.three-col-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}