@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
:root {
    --color1: #000000;
    --color2: #e82042; /* blue */
    --color3: #000000; /* black */
    --color4: #000000;
    --color5: #2C2C2C;
    --color6: #000000; /* border color */
    --color7: #e01e83; /* primary btn hover */
    --color8: #000000; /* dark btn hover */
    --color9: #cbb5b5; /* place holder text */
    --color10: #ffffff;
    --color11: #4c8dff; /* blue button hover */
    --font-secondary: "Lato", sans-serif;
    --font-heading: "Merriweather", serif;
}

body{font-family: "Lato", sans-serif;  font-weight: 400; font-style: normal; line-height: 24px; font-size: 16px; color: #000000;  overflow-x:hidden; background: url(../images/page-bg.jpg); background-size: cover;}
.btn-primary{background-color: var(--color2); padding: 15px 30px; display: inline-flex; color: #ffffff; font-weight: 700; font-size: 18px; line-height: 27px;letter-spacing: 0.01em; justify-content: center; align-items: center;  transition: all 0.5s ease; border:0; border-radius: 10px; min-width: 240px;}
.btn-primary:hover{background-color: var(--color2);  transition: all 0.5s ease; text-decoration: none; opacity: 0.8; }
.btn-primary.focus, .btn-primary:focus{background-color: var(--color2); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{background-color: var(--color2); }




.btn-dark{background-color: var(--color5); padding: 0 30px; display: inline-flex; color: #ffffff; font-weight: 700; font-size: 18px; line-height: 27px;letter-spacing: 0.01em; justify-content: center; align-items: center;  transition: all 0.5s ease;}
.btn-dark:hover{background-color: var(--color8); transition: all 0.5s ease; text-decoration: none;}
.btn-secondary{background-color: var(--color10); padding: 0 30px; display: inline-flex; color: var(--color4); font-weight: 700; font-size: 18px; line-height: 27px;letter-spacing: 0.01em; justify-content: center; align-items: center;  transition: all 0.5s ease; border-radius: 10px;padding: 15px 30px; border:1px solid var(--color3);}
.btn-secondary:hover{background-color: var(--color8); transition: all 0.5s ease; text-decoration: none;}
.error{color:red; font-size: 13px; line-height: 18px; font-family: var(--font-secondary);}
.font-14{font-size: 14px;line-height: 20px}
.font-20{font-size: 20px; line-height: 28px;}
.font-24{font-size: 24px;line-height: 32px;}
.font-500{font-weight: 500 !important;}
a{color: var(--color3);}
a:hover{color: var(--color2); text-decoration: none;}
.btn-other{background-color: var(--color2); padding: 15px 30px; display: inline-flex; color: #ffffff; font-weight: 700; font-size: 18px; line-height: 27px;letter-spacing: 0.01em; justify-content: center; align-items: center;  transition: all 0.5s ease; border:0; border-radius: 10px; min-width: 240px;}
.btn-other:hover{background-color:var(--color11); color: #ffffff;border: 1px solid var(--color11); box-shadow: none;}
.btn-other:not(:disabled):not(.disabled).active, .btn-other:not(:disabled):not(.disabled):active, .show > .btn-other.dropdown-toggle{background-color:var(--color11) !important;}
.text-danger{color:var(--color3) !important; font-size: 12px; line-height: 18px; font-family: var(--font-secondary);}
.dropdown-toggle::after{position: absolute; right: 15px; top: 33px;}
.dropdown .dropdown-menu{width: 100% !important; justify-content: center;}
.sync-btn a{text-align: center;}
/* Hide the default checkbox */
        input[type="checkbox"] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #000000;
            border-radius: 4px;
            position: relative;
            cursor: pointer;
            margin-right: 10px;
            vertical-align: middle;
        }

        /* Create a checkmark inside the checkbox */
        input[type="checkbox"]:checked::before {
            content: '✔';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--color1);
            color: white;
            font-size: 16px;
            text-align: center;
            line-height: 18px;
            border-radius: 4px;
        }

        /* Style the label text */
        label {
            font-family: var(--font-secondary);
            font-size: 16px;
            color: #000000;
          
        }
         /* Style the select element */
    /* Target only select elements with the form-control class */
.form-group select.form-control, .custome-dpd-select{
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="%23999" d="M0 0l5 5 5-5z"/></svg>') no-repeat right 10px center;
    padding-right: 30px; /* Space for the arrow */
    color: var(--color8);
    width: 100%;
  
}


.form-group select.form-control::after, .custome-dpd-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    border: solid #999;
    border-width: 0 3px 3px 0;
    padding: 5px;
    transform: rotate(45deg);
}
    /* Style the select element  ends */

    
 .form-control textarea{}   
.form-check{display: flex;}
.form-check input{height: 20px !important;}
.form-check label{flex:1;}
.logo-box{display: flex; justify-content: center; width: 100%; }
.logo-box img{max-height: 90px; display: flex; justify-content: center; padding: 15px;}
.login-box{display: flex;  align-items: center; justify-content: flex-start; width:100%; max-width:800px; position: relative; border: 1px solid var(--color1); border-radius: 15px; box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); background: #ffffff; overflow: hidden;}
.front-wrapper{display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center; flex-direction: column;}
.l-image{width: 100%; max-width: 400px; display: flex; justify-content: center; align-items: center;}
.rs-login-wrapper{background-color:#ffffff;  padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items:center; max-width: 400px; border-left: 1px solid #cccccc;}
.section-heading{display: flex; width: 100%; justify-content: center; margin-bottom: 15px; }
.section-heading h2{font-weight: 700; color: var(--color4); font-size: 26px; margin: 0;}
.front-wrapper label{ margin-bottom: 0;}
.registration-box label{margin-bottom: 5px;}
.btn-social{ background-color: #f9f8f5; border: 1px solid #6d6d78; color: #242428; }
.btn-container a.btn-social{display: flex; align-items: center; justify-content: center; padding: .375rem 50px; position: relative; width: 240px; border-radius: 10px; transition: background-color .1s ease,border-color .1s ease; height: 45px; font-weight: 500; text-transform: capitalize;  }
.btn-container a.btn-social svg{position: absolute; left: 15px; top: 10px;}
.btn-container .btn-primary{min-width: 240px;}
.btn-container a.btn-social:hover{text-decoration: none; color:var(--color2);}
.btn-container .alert{text-align: center;}
.two-btns{display: flex; flex-wrap: wrap; width: 100%; gap:4%}
.two-btns a{width: 48%;}
.phone-with-isd{display: flex; flex-wrap: wrap; width: 100%; gap:10px;}
.isd{width: 95px;}
.pnum{flex:1;}
.form-control{font-family: var(--font-secondary); color:var(--color8);border-radius: 10px; border:1px solid #000000;}
.rs-login-wrapper input.form-control{height: 40px;border: 1px solid var(--color6); border-radius: 10px;}
input.form-control{height: 57px;border: 1px solid var(--color4); border-radius: 10px;}
select.form-control{height: 57px;border: 1px solid var(--color4); border-radius: 10px;}
::placeholder {
  color: #999999 !important;
  opacity: 0.9; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
 color: #999999 !important;opacity: 0.9;
}
.wt-icon{position: relative;}
.wt-icon i{position: absolute; color: rgba(0,0,0,0.3); font-size: 18px; right: 10px; top: 0px; cursor: pointer; display: flex; height: 100%; align-items: center;}
.wt-icon .form-control.is-valid{background-position: calc(100% - 35px) center;}
.txt-small{font-size: 13px;line-height: 18px; margin-top:5px; color: #555555}
.txt-small a{text-decoration: underline; color: #000000; ;}
.obj1{position: absolute; left: -445px; top:-200px; width: 450px; z-index: -1;}
.obj1 img{max-width: 100%;}
.obj2{position: absolute; right: -150px; bottom:-70px; width: 300px; z-index: -1;}
.obj2 img{max-width: 100%;}
.obj3{position: absolute; right: -250px; top:-70px; width: 100px; z-index: -1;}
.obj3 img{max-width: 100%;}
.obj5{position: absolute; left: -100px; top:0px; width: 75px; z-index: -1;}
.obj5 img{max-width: 75px;}
.obj7{position: absolute; right: -150px; bottom:90px; width: 75px; z-index: -1;}
.obj7 img{max-width: 75px;}
.obj8{position: absolute; right: 0px; top:-130px; width: 135px; z-index: -1;}
.obj8 img{max-width: 100%;}
.obj9{position: absolute; left: -100px; top:20px; width: 175px; z-index: -1;}
.obj9 img{max-width: 100%;}
.obj10{position: absolute; right: 0px; bottom:-30px; z-index: -1;}
.obj10 img{max-width: 100%;}
.obj11{position: absolute; left: 80px; bottom:-100px;  z-index: -1;}
.obj11 img{max-width: 100%;}
.obj12{position: absolute; right: 0px;top:-30px;  z-index: -1;}
.obj12 img{max-width: 100%;}
.obj13{position: absolute; left: -205px; top:-120px; width: 450px; z-index: -1;}
.obj13 img{max-width: 100%;}
.obj14{position: absolute; left: -400px; bottom:-120px; width: 100px; z-index: -1;}
.obj14 img{max-width: 100%;}
.obj15{position: absolute; right: 80px; top:-180px; width: 100px; z-index: -1;}
.obj15 img{max-width: 100%;}
.obj16{position: absolute; right: -180px; top:-180px; width: 100px; z-index: -1;}
.obj16 img{max-width: 100%;}
.obj17{position: absolute; left: 80px; bottom:-180px; width: 150px; z-index: -1;}
.obj17 img{max-width: 100%;}
.obj18{position: absolute; left: -200px; bottom:-110px; width: 150px; z-index: -1;}
.obj18 img{max-width: 100%;}
.obj19{position: absolute; right: -300px; top:90px;  z-index: -1;}
.obj19 img{max-width: 100%;}


.adm-1{position: absolute; bottom: 25px; right: 20px;}
.adm-2{position: absolute; bottom: 25px; left: 50px;}
.adm-3{position: absolute; top: 15px; left: 15px;}
.adm-4{position: absolute; top: 25px; left: 40px;}
.adm-5{position: absolute; bottom: 25px; left: 50px;}
.adm-6{position: absolute; bottom: 50px; right: 50px;}
.adm-7{position: absolute; top: 25px; left: 40px;}
.adm-8{position: absolute; bottom: 25px; left: 50px;}
.adm-9{position: absolute; top: 50px; right: 50px;}
.adm-10{position: absolute; bottom: 25px; right: 40px;}
.adm-11{position: absolute; bottom: -25px; left: -10px;}
.adm-12{position: absolute;top: -20px; right: -50px; z-index: 1}
.adm-13{position: absolute; bottom: -20px; right: -45px; z-index: 1;}
.adm-14{position: absolute; top: -25px; right:00px;}
.adm-15{position: absolute; top: 10px; right: 10px;}
.adm-16{position: absolute; bottom: 10px; left: 15px; z-index: 1;}

.registraion-wrapper{display: flex; flex-direction:column; min-height:100vh; align-items:center;}
.register-header{display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: 6vw !important; padding-right: 6vw !important; padding-top: 15px; padding-bottom: 15px; width:100%;}
.register-header .logo{max-width: 200px;}
.register-header .logo img{max-width: 100%;}
.registration-box{max-width: 1200px; margin: auto; width:100%; padding: 15px; }
.txt-heading{font-size: 32px; font-weight: 700;line-height: 48px;font-family: var(--font-heading);}
.rs-registration-wrapper{position: relative;border: 1px solid var(--color1); border-radius: 15px;  padding: 25px 15px; box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); background: #ffffff;}
.go-back{position: absolute; left:-75px; font-size:32px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; top:25px;}
.go-back a{color:var(--color4)}
.center-me{margin:auto;}

#parents_section .select2-container--default .select2-selection--single{height: 57px;border: 1px solid var(--color4); border-radius: 10px;padding:.375rem .75rem; display:flex; align-items:center}
#parents_section .select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;}
#parents_section .select2-container--default .select2-selection--single .select2-selection__arrow{top:15px; right: 5px;}

div:where(.swal2-container) h2:where(.swal2-title), .swal2-html-container{color:var(--color4) !important}


.swal2-modal.btn-primary, .my-modal .btn-primary{background-color: var(--color2); border: 1px solid  var(--color2); border-radius: 10px; height: 40px; padding: 0 30px; font-size: 16px; min-width: 120px;}
.modal-dialog .btn-primary:hover, .my-modal .btn-primary:hover{background-color: #327afa;  transition: all 0.5s ease; text-decoration: none;}
.swal2-modal .btn-secondary, .my-modal .btn-secondary{background-color: #ffffff; border: 1px solid  var(--color2); border-radius: 10px; color: var(--color2)}
.swal2-modal .btn-secondary:hover, .my-modal .btn-secondary:hover{background-color: var(--color2) !important; border: 1px solid  var(--color2) !important; border-radius: 10px; color: var(--color2)}
.my-modal, .swal2-close{color: #000000 !important;}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation{background: rgba(255, 255, 255, 0.7) !important; backdrop-filter: blur(5px);}
.swal2-modal{border: 3px solid #FF9FCD !important; position: relative; border-radius: 10px; }

.add-partner-info{font-size:10px;}
.process-bar{display:flex; width:100%; justify-content:center;margin:25px 0 65px;}
.process-bar ul{display:flex; flex-wrap:nowrap; align-items:center; margin:0; padding:0; list-style:none; gap:65px;}
.process-bar li{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background-color:var(--color6); background-image:url(../images/process.svg); background-position:center; background-repeat:no-repeat;position:relative; background-size: 40px;}
.process-bar li.done{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background-color:var(--color2); background-image:url(../images/process-active.svg); background-position:center; background-repeat:no-repeat; background-size: 40px;}
.process-bar li.current{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background-color:var(--color3); background-image:url(../images/process-active.png); background-position:center; background-repeat:no-repeat; background-size: 40px;}
.process-bar li:after{content:""; width:75px; height:2px; position:absolute; top:24px; right:-75px; background-color:var(--color4);}
.process-bar li:last-child:after{display:none;}

.sub-head-box{padding:15px;}
.delete-content{position: absolute; width: 42px; height: 42px; border-radius: 50px; background: #ffffff; color:var(--color4); border: 2px solid var(--color4); display: flex; justify-content: center; align-items: center; right: 10px; top:0px; z-index: 1;}
.delete-content a{display: flex; justify-content: center; align-items: center; color: var(--color4);width: 42px; height: 42px; border-radius: 50px; }
.delete-content a:hover{background:var(--color4); color: #ffffff; border-radius: 50px; text-decoration: none;}
.child-cnt:first-child{padding-top:0px !important}
.custom_child_like .select2{height: auto !important;}
.custom_child_like{display: flex; flex-direction: column;}

thead tr:nth-child(2){background-color:var(color3) !important;}
.welcome-message{font-size:24px;font-weight:600; line-height:36px; margin-top:15px; max-width:800px; margin-left:auto; margin-right:auto;  }
.welcome-message h1{font-family: var(--font-heading); font-size: 36px; font-weight: 600;}
.welcome-btn{margin-top:45px;}
.sync-btn{display:flex; justify-content:center; width:100%; margin:auto; max-width:600px;}
.sync-btn a, .sync-btn button{width:100%; margin:5px 0}
.sync-btn form{width:100%;}
.confirmation-code{max-width:650px; margin:auto;}
.btn-row{display:flex; gap:15px; justify-content:center; align-items:center;}


.form-control.is-valid:focus, .was-validated .form-control:valid:focus{border-color: var(--color3); box-shadow: 0 0 0 .2rem rgba(12,192,223,.25);}
.select2-container--default .select2-selection--multiple{min-height: 57px !important; border: 1px solid var(--color4) !important; border-radius:10px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--color2) !important; color:#ffffff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{font-size:14px;}

.box404{background-color:#ffffff; padding:50px; border-radius:15px; position:relative; max-width:500px; margin:0 auto; display:flex; justify-content:center; flex-direction:column; align-items:center;}
.box404 h2{font-size:40px; font-weight:700; color:var(--color3); }
.box404 p{color:#000000; font-size:20px; font-weight:600; line-height:28px; text-align:center;}

.admin-text{width: 100%;  padding: 15px; border-radius: 15px;   margin: auto}
.admin-text ul{display: flex; flex-wrap: wrap; margin: 25px 0; padding: 0; width: 100%; list-style: none; justify-content: center;}
.admin-text li{width: 40%; margin: 0;}
.welcome-col{background:#ffffff; color: #000000; padding:15px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; font-size: 18px; position: relative; border-radius: 10px; font-weight: 600; text-align: center; margin-bottom: 15px; height: 100%;}
.admin-text li strong{font-size: 24px;}
.admin-text li .nums{position: absolute; width: 72px; height: 72px; border-radius: 50%; background-color: var(--color2); color: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 40px; font-weight: 700; top:-35px; margin: auto; left: -0; right: 0; font-style: italic;}
.btn-welcome{width: 100% !important;}
.img-center{display: flex; justify-content: center; width: 100%; margin-bottom: 25px;}
.img-center img{height: 100px;}
.btn-pink{height: 45px; background-color: var(--color3); color: #ffffff; border: 1px solid  var(--color3); display: inline-flex; align-items: center; justify-content: center;font-size: 16px; font-weight: 600; padding: 10px 15px; border-radius: 10px;}
.btn-pink:hover, .btn-primary:focus{background-color:var(--color1); color: #ffffff;border: 1px solid var(--color7); box-shadow: none;}
.btn-pink:not(:disabled):not(.disabled).active{background-color:var(--color2) !important;}
.btn-blue{height: 45px; background-color: var(--color2); color: #ffffff; border: 1px solid  var(--color3); display: inline-flex; align-items: center; justify-content: center;font-size: 16px; font-weight: 600; padding: 10px 15px; border-radius: 10px;}
.btn-blue:hover, .btn-primary:focus{background-color:var(--color2); color: #ffffff;border: 1px solid var(--color2); box-shadow: none;}
.btn-blue:not(:disabled):not(.disabled).active{background-color:var(--color2) !important;}
/****** Loader ****/
.preloader {
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto;
    backdrop-filter: blur(7px);
}

.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-top-color: var(--color2);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
    box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
    background-color: #fff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.preloader .preloader-img img {
   width: 55px; height: 55px;
}

.preloader .pere-text strong {
    font-weight: 800;
    color: #dca73a;
    text-transform: uppercase
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}

/****** Loader ends ****/

@media screen and (max-width: 1440px) {
 .obj9{width:100px; left:0px; top:-30px;}
}

@media screen and (max-width: 1200px) {
    .form-content{padding:15px;}
    .registration-box label{width:100%;}
    .go-back{top:0; left:0;}
    
    .registration-box{margin:0px auto;}
   
}
@media screen and (max-width:1080px) {
 .admin-text ul{max-width: 500px; margin: auto;}
 .admin-text li{width: 98%; margin-top: 50px;}
 .admin-text li:first-child{order: 1}
 .admin-text li:nth-child(2){order: 3}
 .btn-welcome{order: 2; margin-top: 15px !important; margin-bottom: 45px !important}
}

@media screen and (max-width:800px) {
 
 .login-box{flex-direction: column; border: 0; border-radius: 0;}
 .rs-login-wrapper{border-left: 0; border-top: 1px solid #cccccc;}
 .l-image{padding: 15px;}
 .front-wrapper{background: #ffffff;}
}

@media screen and (max-width:767px) {
 
  .adm-12{display: none;}
    .adm-13{display: none;}
    .admin-text ul{margin-top: 15px;}
}

@media screen and (max-width: 600px) {
    .obj1{left: -145px; top:-10px; width: 350px; z-index: -1;}
    .obj2{bottom: -150px; right: -50px;}
    .obj3{top: -150px; right: -50px;}
    .process-bar{padding: 15px;}
    .process-bar ul{gap:25px;}
    .mbl-btn{margin:15px auto; width:100%; max-width:400px; display:flex;}
    .obj5{left:15px; top:-20px;}
    .obj5 img{max-width: 50px;}
    .obj8{top:-85px;}
    .star-1{top: 0; left: 300px}
    
    .welcome-message{padding:15px; font-size: 24px; margin-top: 25px;}
    .welcome-btn{padding:15px;}
    .mbl-padding{padding:15px;}
    .confirmation-code{padding:25px;padding-top:40px}
    .two-btns a{width:100%;}
    .two-btns  .btn-secondary{order: 2;}
    .dropdown button{width:100%;}
    .btn-row{flex-direction:column; gap:0;}
    .btn-row a{margin:5px auto !important;}
    .btn-row button{margin:5px auto !important;}
    .welcome-message{line-height:38px;}
    .obj9{width: 50px; left: 30px;}
    
    
}