@media print {
 
    html,
    body {

        /* Hide the whole page */
        display: none;
    }
}

img {max-width: 100%;}


.btn:focus {
    box-shadow: none;
}

.btn {
    transition: all 0.4s;
}

.btn:hover {
    transform: translateY(-10px) !important;
}

/* -------------- Theme-1 ------------- */

body.theme-1 section.sct1 .irwa {
    background: linear-gradient(120deg, #17bebb, #f0a6ca);
}

body.theme-1 section.sct1 .irwa .itxt1 {color: white;}

body.theme-1 section.sct1 .irwa .clma {
    max-width: 1040px;
    margin: auto;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
    background: rgb(0 0 0 / 19%);
}
body section.sct1 .isct1 .iisct2 .iitxt1, body section.sct1 .isct1 .site_thm_w .iitxt1 {color: #51b704 !important}


body.theme-1 section.sct1 .isct1 {box-shadow: none}

body.theme-1 section.sct1 .isct1 .itxt2 {color:white;}

body.theme-1 .chat_wrp .msg_m_w .isctb {background-color: rgb(0 0 0 / 25%) !important;}

body.theme-1 .chat_wrp .msg_m_w .actnmsgbox {
    background: #f9f9f952;
    color: white;
}


body.theme-1 .chat_wrp .inf_msgs > p {
   /* background-color: #ffffff85; */
    color: #ffffff;
    display: table;
    border: 1px solid #04a9091c;
    padding: 0px 10px;
}

body.theme-1 .chat_wrp .actl_msgs .itm:not(.me) .iinr {
    background: white;
    border-radius: 0px 10px 0px 25px;
    color: black;
}

body.theme-1 .chat_wrp .actl_msgs .itm.me .iinr {
    background: #3eb568;
    color: rgb(255, 255, 255);
}


body.theme-1 .chat_wrp .msg_m_w .more_optns {
    background-color: #484848;
    color: white;
}


body.theme-1 .msg_m_w .btn.mroptns svg {
    fill: white;
}


body.theme-1 .btnstl1 {
    width: 140px !important;
    height: 50px !important;
}


body.theme-1 .btnstl1 .icnw {
    background: linear-gradient(120deg, #51b704, #2bbcbc);
}

body.theme-1 .btnstl1.b .icnw {
    background: linear-gradient(120deg, #cfa9c8, #2bbcbc);
}

body.theme-1 .btnstl1 .icnw .icn {
    max-width: 25px;
}

/* ------------------------------------ */


/* -------------- Universal ----------- */

.oflhdn {overflow: hidden;}

.hvr1 {transition: all 0.4s;}
.hvr1:hover {transform: translateY(-10px);}
.hvr2 {transition: all 0.4s;}
.hvr2:hover {transform: scale(1.3);}
.hvr3 {transition: all 0.4s;}
.hvr3:hover {transform: rotate(360deg);}

.cstmcntr {
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
}

/* ____________ Btn Style 1 ____________ */

.btnstl1 {
    width: 170px;
    height: 60px;
    background-color: #333333;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.btnstl1 .icnw {
    background-color: red;
    width: 35%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.btnstl1 .icnw .icn {
    width: 68%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btnstl1 .itxt_w {
    width: 65%;
    margin-bottom: 0;
    display: block;
    color: white;
    float: right;
    text-align: center;
}

.btnstl1 .itxt_w {
    width: 65%;
    color: white;
    float: right;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnstl1 .itxt_w p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}


/* ____________________________________ */



/* ____________ Box Style 1 ____________ */

.bxstl1 {
    background-color: white;
    text-align: center;
    padding: 10% 6%;
    box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);
}

.bxstl1 .icn {
    display: inline-block;
    margin-bottom: 21px;
}

.bxstl1 .iitxt1 {
    font-size: 22px;
    font-weight: bold;
    color: #213366;
}

.bxstl1 .iitxt2 {
    color: #505050;
    line-height: 1.3;
    margin-bottom: 0;
}


/* ____________________________________ */

/* ------------------------------------- */




/* ------------ Header ---------------- */

.hdr1 {
    background-color: #51b704;
    padding: 12px 0px;
    color: white;
}


@media all and (max-width: 991px) {

    body .hdr1 {padding-bottom: 5px !important; padding-top: 0px !important;position: relative;}
    body .hdr1 > .clma, body .hdr1 > .clmb {margin-bottom: 1px !important; padding-left: 1px; padding-right: 1px;}
    body .hdr1 > .clma .itxt11 {margin-top: 1px;}
    body .hdr1 > .clma .itxt11 img { 
        height: 32px;
        margin-top: 4px;
    }
    body .hdr1 .sclshr24 img {width: 80px;margin-right: -5px;}
    body .hdr1 .onlsct24 {
        font-size: 12px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 3%;
    }

    body .hdr1 .onlsct24 > * {
        display: block;
        margin-bottom: -6px;
        text-align: left;
    }

    body .hdr1 .onlsct24 img {
        height: 17px;
        margin-bottom: 0px;
        margin-left: 6px;
    }
}


@media all and (max-width: 500px) {
    body .hdr1 .onlsct24 {
        left: 8px;
        top: 2px;
        transform: translateY(1px);
    }
    
    body .hdr1 > .clma .itxt11 img {
        margin-left: 40px;
    }

    body .hdr1 .onlsct24 img {display: none;}
}

/* ------------------------------------ */


/* ----------- Section 1 ------------- */

section.sct1 .isct1 {
    margin: auto;
    box-shadow: rgb(0 0 0 / 21%) 0px 1px 4px;
    padding: 2% 2%;
}


section.sct1 .isct1 .itxt3 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}


section.sct1 .isct1 .intrst_w select.interests {
    font-size: 13px;
    text-align: center;
    color: #707070;
    padding: 10px 0;
}

section.sct1 .isct1 .intrst_w select.interests option {
    font-size: 15px;
    color: #000000
}


section.sct1 .isct1 .iisct1 {
    margin-bottom: 1rem;
}


section.sct1 .isct1 .iisct2 .btnstl1 {
    display: inline-block;
}

section.sct1 .isct1 .iisct2 .btnstl1.b {
    margin-left: 10px;
}


@media all and (max-width:800px) {

    body section.sct1 .isct1 .iisct2 .btnstl1 {
        width: 110px !important;
        height: 50px !important;
    }

    body section.sct1 .isct1 .iisct2 {
        margin-top: 10px !important;
    }

    body section.sct1 .isct1 .iisct2 .iitxt1 {
        margin-bottom: 5px;
    }

    body section.sct1 .isct1 .itxt2 {
        text-align: center;
    }

}



/* ---------------------------------------- */



/* ----------- Section 2 ------------- */


section.sct2 {
    background-color: #F1F6F9;
    padding-top: 4%;
}


section.sct2 .isct1 .itxt1 {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    color: #213366;
}

section.sct2 .isct1 .itxt2 {
    max-width: 890px;
    display: block;
    color: #555555;
    margin-top: 10px;
}


@media all and (max-width: 700px) {
    body section.sct2 .isct1 .itxt1 {font-size: 27px;}
}



/* ---------------------------------------- */


/* ================= Chat vid and msg section ================== */


/* --------- Header back button ----------- */

body:not(.mobchtint) {
    .backtohome {display: none;}
}

.backtohome {
    position: fixed;
    top: 5px;
    left: 15px;
    z-index: 5;
    cursor: pointer;
}

.backtohome svg {
    width: 24px;
}

/* -------------------------------- */


/* ---------- Video section ----------- */

.chat_wrp .vid_w {
    position: relative;
}

.chat_wrp .vid_w .vid_i {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 49%;
    background-color: gray;
}

.chat_wrp .vid_w .vid_i > .iinr {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.chat_wrp .vid_w .vid_i.a {
    top: 0;
}

.chat_wrp .vid_w .vid_i.b {
    bottom: 0;
}

.chat_wrp .vid_w .vid_i.b img.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
    max-height: 85px;
}


.chat_wrp .vid_w .vid_i .vid_ovrl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.chat_wrp .vid_w .vid_i .vid_ovrl video {
    display: block;
    width: 100%;
    height: 100%;
  }



.chat_wrp .msg_m_w {
    position: relative;
}



/* ----------------------------------------- */


/* ------------------ Msg box list ---------- */

.chat_wrp .actl_msgs .itm .iinr {
    padding: 7px 17px;
    display: inline-block;
    text-align: left;
}

.chat_wrp .actl_msgs .itm.me {
    text-align: right;
}

.chat_wrp .actl_msgs .itm:not(.me) .iinr{
    background: #7067E9;
    border-radius: 10px 0px 25px;
    color:white
   
}

.chat_wrp .actl_msgs .itm .iinr pre {
    margin-bottom: 0px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: inherit;
}

.chat_wrp .actl_msgs .itm.me .iinr {
    background: #D9FCCF;
    border-radius: 0px 10px 0px 25px;
}


/* --------------------- End ------------------- */


/* ---------- More Options section ----------- */


.chat_wrp .msg_m_w .more_optns {
    position: absolute;
    left: 0;
    bottom: 134px;
    background-color: #c4c2c2;
    width: 100%;
    padding: 15px;
}

.chat_wrp .msg_m_w .more_optns > .iinr {
    display: flex;
}

.chat_wrp .msg_m_w .more_optns > .iinr > .iitm {
    width: 106px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s;
}

.chat_wrp .msg_m_w .more_optns > .iinr > .iitm .iitxt1 {
    line-height: 1.1;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 4px;
}

.chat_wrp .msg_m_w .more_optns > .iinr > .iitm:hover {
    transform: translateY(-10px);
}


.chat_wrp .msg_m_w .iactn_btn_cnt button .ibtn {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 12px;
}

.chat_wrp .msg_m_w .iactn_btn_cnt button .ibtn svg {
    width: 55%;
    fill: #ffffffe6;
}


.chat_wrp .msg_m_w .smiley_picker_w {
    position: absolute;
    right: 0;
    z-index: 9;
    bottom: 128px;
}

/* ----------------------------------------- */


/* ----------- Responsive --------------- */

@media all and (min-width: 800px) {
    body .chat_wrp .msg_m_w .actnmsgbox {padding-right: 40px;}
    body .chat_wrp .msg_m_w .btn.smiley {
        position: absolute;
        left: -65%;
        margin-top: 0 !important;
        top: 50%;
        transform: translateY(-50%);
    }

    .chat_wrp .isctb .row_245 .clm.a {position: relative;}
}

@media all and (max-width: 800px) {
    .chat_wrp .isctb {  padding-bottom: 0px !important; padding-top: 2px !important;  }
    .chat_wrp .isctb .row_245 {text-align: center}
    .chat_wrp .isctb .row_245 .clm.aa {width: 41px !important;padding-left: 0px;padding-right: 0;position: relative;margin-right: auto;}
    .chat_wrp .isctb .row_245 .clm.b {padding-right: 0px !important;padding-left: 0px !important; width: calc(100% - 93px) !important;}
    .chat_wrp .isctb .row_245 .clm.a {width: 41px !important;padding-right: 0 !important;position: relative;margin-left: auto;}
    .chat_wrp .isctb .row_245 .clm.a button.btn2 { width: 22px; margin-top: -8px !important; margin-left: 5px;}
    .chat_wrp .isctb .row_245 .iactn_btn_cnt {  margin-top: 3px !important; }
    .chat_wrp .isctb .row_245 .iactn_btn_cnt .btn.home {display: none !important;}
    body .chat_wrp .msg_m_w .actnmsgbox { height: 40px;  }
    .chat_wrp .isctb .row_245 .clm.b button.btn2  {width: 30px !important; margin-top:0 !important}
    body .chat_wrp .msg_m_w .iactn_btn_cnt button .ibtn {width: 37px; height: 37px;font-size: 11px;}
    body .chat_wrp .msg_m_w  button.mroptns {position: absolute; top: -34px; right: 0;}
    .chat_wrp .inf_msgs > p {font-size:13px;}
    .chat_wrp .msg_m_w #actl-msgs-415 {padding-left: 0 !important; padding-right: 0 !important;}
    .chat_wrp .icht_w {padding-right: 4px}

    body .chat_wrp .msg_m_w .more_optns > .iinr > .iitm {  width: 65px; }
    body .chat_wrp .msg_m_w .more_optns > .iinr > .iitm .iicn img { width: 30px; }
    body .chat_wrp .msg_m_w .more_optns > .iinr > .iitm .iitxt1 {  font-size: 11px; }

    body .chat_wrp .msg_m_w .btn.smiley { display: none !important;}
}

/* -------------------------------------- */



/* ----------- Optimize elements for mobile chat ---------- */

/* ___ Header  ____ */

body.mobchtint .hdr1 > .clmb, body.mobchtint .hdr1 > .clmc {
    display: none;
}

body.mobchtint .hdr1 {
    padding: 4px 2px;
}

body.mobchtint .hdr1 > .clma {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

body.mobchtint .hdr1 > .clma img {
    max-height: 30px;
}



/* __________ */

/* _______ Section _________ */

body.mobchtint section.sct1 > .irwa .iiscta, body.mobchtint section.sct2 {display: none;}

body.mobchtint section.sct1 > .irwa > .clma { padding: 0;}

body.mobchtint section.sct1 .isct1 {max-width: 100%;}

/* _________________________ */


/* _________ Video Section ______ */

body.mobchtint .chat_wrp .vid_w {
    width: 100%;
    padding-top: 50%;
}

body.mobchtint .chat_wrp .vid_w .vid_i:not(.full) {
    z-index: 3;
    width: 30%;
    height: 57%;
    right: 0;
    left: inherit;
    top: 5px;
}

body.mobchtint .chat_wrp .vid_w .vid_i.full {
    height: 100%;
}


body .chat_wrp .vid_w .sound_switch {
    position: absolute;
    z-index: 4;
    cursor: pointer;
    bottom: 15px;
}

body .chat_wrp .vid_w .sound_switch svg {
    height: 27px;
    fill: #ffc107;
}

/* body.mobchtint .chat_wrp .vid_w video {  object-fit: fill;} */


/* _____________________________ */

/* ________ Chat Section _______ */

body.mobchtint .chat_wrp .icht_w {width: 100%;padding: 0px 4px;}
body.mobchtint .chat_wrp .msg_m_w #actl-msgs-415 {padding-top: 3px !important;}
/* _____________________________ */


/* _________ Other Sect ________ */

body.mobchtint .ads_sct1.othr {display: none;}

/* _____________________________ */

/* ---------------------------------------------------------- */

/* ============================================================= */





/* ------------------- Footer ------------- */

footer {
    margin-top: 7rem;
    padding-bottom: 3rem;
}

/* ---------------------------------------- */