@media all and (max-width: 1000px) {
            .video_play {
                width: 250px;
                height: 165px;
            }

            .promo__right {
                grid-row: 3/3;
            }
        }

        @media all and (min-width: 1000px) {
            .video_play {
                width: 480px;
                height: 326px;
            }
        }

        .video_play {
            max-width: 480px;
            max-height: 326px;
            min-width: 250px;
            min-height: 165px;
        }

        input[type=tel] {
            padding-left: 50px !important;
            width: 100%;
        }

        .iti {
            width: 100%;
        }

        /*----comeback---*/
        .comeback_layout {
            display: none;
            position: fixed;
            color: #000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 20000000;
            background: rgba(0, 0, 0, .75);
            overflow-y: scroll;
            -ms-overflow-style: none;
            overflow: -moz-scrollbars-none
        }

        .comeback_layout::-webkit-scrollbar {
            width: 0
        }

        .comeback_wrapper {
            width: 100%;
            max-width: 550px;
            margin: 0 auto
        }

        .comeback_container {
            background: #fff;
            padding: 25px;
            margin-top: 2%;
            text-align: center
        }

        .comeback_container h1 {
            font-size: 23px
        }

        .comeback_container .form-group {
            width: 90%;
            max-width: 400px;
            margin: 0 auto;
            text-align: left
        }

        .comeback_container .btn {
            display: block;
            width: 240px;
            color: #fff;
            background: #f82a5e;
            text-transform: uppercase;
            padding: 10px 0;
            font-size: 19px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            vertical-align: middle;
            border: 1px solid transparent;
            border-radius: 4px;
            margin: 0 auto;
            text-decoration: none
        }

        .comeback_img {
            width: 80%;
            margin: 10px auto;
            max-width: 200px
        }

        .form-horizontal span {
            display: block;
            margin: 20px 0
        }

        .comeback_close {
            float: right;
            cursor: pointer
        }

        #comeback p {
            font-size: 16px
        }

        @media (max-width:700px) {
            .comeback_container h1 {
                line-height: 18px;
                font-size: 16px
            }

            .comeback_img {
                margin: 5px auto
            }

            .comeback_container p {
                line-height: 14px;
                font-size: 15px
            }

            .comeback_container {
                padding: 5px
            }
        }

    </style>
    <link rel="stylesheet" type="text/css" href="static/css/intlphone.css">
    <style>
        .overlay-zRZR47oGCv {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1000;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow-y: auto;
            display: none;
        }

        .lds-spinner-zRZR47oGCv {
            color: official;
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
        }

        .lds-spinner-zRZR47oGCv div {
            transform-origin: 40px 40px;
            animation: lds-spinner-zRZR47oGCv 1.2s linear infinite;
        }

        .lds-spinner-zRZR47oGCv div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 6px;
            height: 18px;
            border-radius: 20%;
            background: #fff;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner-zRZR47oGCv div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

        @keyframes lds-spinner-zRZR47oGCv {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        .visible-zRZR47oGCv {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }




        form {
            position: relative;
        }

        #preloader {
            display: none;
            position: absolute;
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            background: #bdbdbdb3;
            z-index: 1;
            border-radius: 5px;
        }

        #preloader img {
            position: absolute;
            z-index: 2;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
            width: 50px;
            height: 50px;
        }

        form button[type=submit] {
            margin-top: 15px;
        }
        
         #loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .loading-spinner {
            border: 8px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 8px solid white;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
        
        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 999;
        }

        #popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            padding: 20px;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        #closeBtn {
            cursor: pointer;
            font-size: 24px;
            position: absolute;
            top: 10px;
            right: 10px;
        }