* { box-sizing: border-box; }
        body { margin: 0; }
        html.overflow-hidden, body.overflow-hidden { overflow: hidden; }
        img { max-width: 100%; height: auto; vertical-align: middle; }
        .bg-img{ display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh; position: relative; }
        .bg-img .btn-box { text-align: right; }
        .bg-img .btn { display: inline-block; background-color: #005AC3; color: #fff; font-weight: 400; padding: 14px 35px 14px 35px; border-radius: 5px; font-size: 20px; border: none; cursor: pointer; transition: all 0.3s ease-in-out; position: relative; line-height: normal; position: relative; text-decoration: none; white-space: nowrap; }        
        .bg-img .btn .arrow { margin-left: 15px; transition: all 0.3s ease-in-out; position: relative; left: 0; }
        .bg-img .btn:hover, .bg-img .btn:focus { background-color: #02357e; }
        .bg-img .btn:hover .arrow { left: 5px; }
        
        .cnc-popup.layout5 .cnc-popup-content { margin: 0 auto; max-width: 1400px; width: 100%; position: relative;    background-color: #ECF5FF; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap { display: flex; flex-wrap: wrap; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .cnc-inner-popup-wrap { max-height: 95vh; overflow-y: auto; display: flex; flex-wrap: wrap; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box { width: 54%; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box .image { height: 343px; overflow: hidden; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box { width: 46%; padding: 0 50px 0 35px; background-color: #ECF5FF; display: flex; flex-direction: column; justify-content: center; position: relative; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box:before { content: ""; position: absolute; left: -36px; top: 0; background-color: #ECF5FF; --cnc-skew-x: -10deg; --cnc-skew-y: 0deg; transform: skew(var(--cnc-skew-x), var(--cnc-skew-y)); width: 80px; height: 100%; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 48px; line-height: normal; margin: 0 0 10px; color: #005AC3; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) :is(p) { font-size: 20px; line-height: normal; margin: 0 0 10px; color: #000; }                 
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) :is(p):last-child { margin-bottom: 0; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .btn { display: inline-block; background-color: #005AC3; color: #fff; font-weight: 400; padding: 14px 35px 14px 35px; border-radius: 5px; font-size: 20px; border: none; cursor: pointer; transition: all 0.3s ease-in-out; position: relative; line-height: normal; position: relative; text-decoration: none; white-space: nowrap; }        
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .btn .arrow { margin-left: 15px; transition: all 0.3s ease-in-out; position: relative; left: 0; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .btn:hover, :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .btn:focus { background-color: #02357e; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .btn:hover .arrow { left: 5px; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box) .remove-arrow .arrow { display: none; }
        .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box .title-box { position: relative; margin-bottom: 30px; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap) .close-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #005BC5; position: absolute; right: 12px; top: 12px; transition: all 0.3s ease-in-out; }        
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap) .close-btn img { padding: 11px; object-fit: contain; object-position: center; }
        :where(.cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap) .close-btn:hover, :where(.cnc-popup.layout5 .cnc-popup-wrap .cnc-popup-content) .close-btn:focus { background-color: #02357e; }
                
        @media (max-width: 1440px) {
            .cnc-popup.layout5 .cnc-popup-content { margin: 0 auto; width: 95%; }
        }
        @media (max-width: 1199px) {
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box { padding: 0 20px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box:before { left: -20px; width: 50px; --cnc-skew-x: -5deg; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 40px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(p) { width: 100%; font-size: 18px; }
        }
        @media (max-width: 1024px) {
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box { padding: 0 20px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box:before { left: -20px; width: 50px; --cnc-skew-x: -5deg; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 40px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(p) { font-size: 18px; }
        }
        @media (max-width: 991px) {
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 30px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(p) { font-size: 16px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box .image { height: 275px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .btn-box .btn { font-size: 16px; }
        }
        @media (max-width: 767px) {            
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box { width: 100%; max-width: 100%; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .img-box .image { height: 250px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box { width: 100%; padding: 0 20px 20px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box:before{left:0;width:100%;--cnc-skew-x: 0deg; --cnc-skew-y: 5deg;height:50px;top:-20px;}
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 30px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box :is(p) { font-size: 16px; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .content-box .title-box { margin-bottom: 20px; }     
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .btn-box .btn:after { margin-left: 10px; }                   
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .close-btn { width: 30px; height: 30px; top: 0; right: 0; }
            .cnc-popup.layout5 .cnc-popup-content .cnc-popup-wrap .close-btn img { padding: 9px; }
        }