/*Theme Name: Telenor Islam World
Author: Haroon Jerry
Description: Telenor Islam World*/



body {
    margin: 0px;
    background-color: #fff !important;
    overflow-x: hidden;
    background: url(../images/webp/bg_01.webp) 0px 0px no-repeat;
    background-size: 100%;
    background-position: 0 76px;
}


@font-face {
    font-family: 'Telenor';
    src: url('../custom-fonts/Telenor.eot');
    src: url('../custom-fonts/Telenor.eot?#iefix') format('embedded-opentype'),
        url('../custom-fonts/Telenor.woff2') format('woff2'),
        url('../custom-fonts/Telenor.woff') format('woff'),
        url('../custom-fonts/Telenor.ttf') format('truetype'),
        url('../custom-fonts/Telenor.svg#Telenor') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 't_b';
    src: url('../custom-fonts/Telenor-Bold.eot');
    src: url('../custom-fonts/Telenor-Bold.eot?#iefix') format('embedded-opentype'),
        url('../custom-fonts/Telenor-Bold.woff2') format('woff2'),
        url('../custom-fonts/Telenor-Bold.woff') format('woff'),
        url('../custom-fonts/Telenor-Bold.ttf') format('truetype'),
        url('../custom-fonts/Telenor-Bold.svg#Telenor-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}






/*****fonts*******/


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Telenor';
    color: #7b7b7b;
    margin-top: 0;
}


p {
    font-family: 'Telenor';
    color: #474646;
    margin-top: 0;
}


a {
    font-family: 'Telenor';
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
}


ul {
    padding-left: 0;
    list-style: none;
     font-family: 'Telenor';
}

button{ font-family: 'Telenor';}

span{ font-family: 'Telenor';}

li{ font-family: 'Telenor';}

button:focus {
    outline: none;
}
img {
    max-width: 100%;
}



.margin_0 {
    margin: 0px !important;
}

.margin_r_0 {
    margin-right: 0px !important;
}

.margin_l_0 {
    margin-left: 0px !important;
}

.margin_b_0 {
    margin-bottom: 0px !important;
}

.padd_0 {
    padding: 0px !important;
}
.padd_l_0 {
    padding-left: 0px !important;
}

.padd_r_0 {
    padding-right: 0px !important;
}
.padd_b_0 {
    padding-bottom: 0px !important;
}

.padd_2 {
    padding: 4px;
}

.padd_4 {
    padding: 4px;
}

.padd_6 {
    padding-left: 6px;
    padding-right: 6px;
}




/********header*******/

.header_main {
    float: left;
    margin: 0px 0 0px 0;
    padding: 13px 0 13px 0px;
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 1000;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.header_main .navbar-default{ background: none; border: none; min-height: auto; border-radius: 0px; margin: 0px;}

.header_main .navbar-brand{ height: auto; padding: 0px; position: relative;z-index: 50; max-width: 180px;}

.header_main ul{margin: 0px 0 0 0;}
.header_main .navbar-nav li {margin: 0;}

.header_main .navbar-nav li a {
    font-size: 18px;
    font-weight: 400;
    color: #484747;
    padding: 9px 17px 12px 17px;
    line-height: normal;
    border-radius: 7px;
}

.header_main .navbar-nav li a:hover{ color: #e21a22;}
.header_main .navbar-nav li:last-child a img {
    max-width: 139px;
    margin: -7px 0 0 0;
}

/********header*******/





.body_content_set_bg{float: left; margin: 0px; padding: 0px 0 0 0;  width: 100%;}

.right_banner_image{float: left;margin: 67px 0 0 0;padding: 0 0 0 70px;width: 100%;}
.right_image_banner_col{float: left; margin: 0px; padding: 0px; width: 100%;}
.right_image_banner_col img{float: left; margin: 0px; padding: 0px; width: 100%;}


.left_content_control{position: absolute; left: 0; width: 100%;}

.v4_t_is_w_col{float: left;margin: 50px 0 0 0px;padding: 0 50px 0 0;width: 100%;}

.v4_t_is_w_col h4{float: left; margin: 0 0 10px 0; padding: 0px; width: 100%; text-align: center; color: #2E2E2E; font-size: 24px; font-weight: bold; font-family: 't_b' !important;}

.v4_t_is_w_col h4 span{ color: #de0303; font-family: 'Telenor'; letter-spacing: 0.03em;}


.v4_t_is_w_col_input_box{float: left;margin: 22px 0px 15px 0;padding: 28px 40px;width: 100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);border-radius: 10px; background-color: #fff;}

.v4_t_is_w_col_input_box label{float: left; margin: 0px 0 12px 0; padding: 0px; width: 100%; color: #2e2e2e; font-size: 18px; font-weight: bold; text-align: center; font-family: 't_b' !important;}

.v4_input_outer_col{float: left; margin: 0px; padding: 0px; width: 100%;}

.number_formate_bg{float: left;margin: 0px;padding: 0 15px;width: auto;border: solid 1px #d7d7d7;border-radius: 7px;color: #2e2e2e;font-size: 17px;font-weight: bold;text-align: center;min-height: 42px;line-height: 42px; font-family: 't_b' !important;}


.number_taken_inputcol{ float: right; margin: 0px 0 12px 0; padding: 0px; width:  calc(100% - 75px);}

.number_taken_inputcol input{float: left;margin: 0px;padding: 0px 15px;width: 100%;height: 42px;box-shadow: none;border: solid 1px #d7d7d7;border-radius: 7px;}

.v4_input_outer_col p{float: left; margin: 0px 0 12px 0; padding: 0px; width: 100%; text-align: center; color: #2e2e2e; font-weight: normal; font-size: 14px; opacity: 0.5;}


.opacit_none{ opacity: unset !important;}
.color_1{ color: #6C6C6C !important;}

.v4_input_outer_col p a{ color: #de0303; opacity: unset;}


.submit_button_v4{float: left; margin: 0px 0 22px 0; padding: 0px; width: 100%; background-color: #de0303; color: #fff; border-radius: 7px; font-size: 18px; font-weight: bold; text-align: center; min-height: 42px; line-height: 42px; border: none; outline: none; font-family: 't_b' !important;}
.submit_button_v4 small{
    animation: anim_text 1s infinite ease-in-out;
}
@keyframes anim_text {
    from{
        opacity: 0
    }
    to{
        opacity: 1;
    }

}
.submit_button_v4:hover{background-color: rgb(222 3 3 / 76%);}
.submit_button_v4:focus{background-color: rgb(222 3 3 / 76%);}
.d-none{
    display: none;
}
.info_text{float: left; margin: 0px 0 0px 0; padding: 0px; width: 100%; text-align: center; color: #2e2e2e; font-weight: normal; font-size: 14px; }


.islamic_links_v4{float: left;margin: 0px 0 28px 0;padding: 0px;width: 100%;}

.islamic_links_v4_col{float: left; margin:  0px; padding: 0px; width: 100%; text-align: center;}
.islamic_links_v4_col figure{float: left;margin:  0px;padding: 0px;width: 100%;text-align: center;}
.islamic_links_v4_col figure img{display: inline-block;max-width: 80%;}

.islamic_links_v4_col a{display: inline-block;margin: 0px;padding: 0px;width: auto;color: #2e2e2e;font-weight: bold;font-size: 15px; font-family: 't_b' !important;}

.islamic_links_v4_col a:hover{color: #25bc65;}



.otp_input{ float: left; margin: 0px 0 12px 0; padding: 0px; width: 100%;}

.otp_input input{float: left;margin: 0 2.6%;padding: 0px 15px;width: 21%;height: 42px;box-shadow: none;border: solid 1px #d7d7d7;border-radius: 7px; text-align: center; font-weight: bold;}


.v4_show_mobile_links{ display: none;}



/**********mobile devices*******/

@media only screen and (min-width:200px) and (max-width:768px)
{

    .hide_mobile_links{ display: none;}
    .v4_show_mobile_links{display: block;margin: 0px 0 0 0;}
    .right_banner_image{ display: none;}

    .v4_t_is_w_col{float: left;margin: 25px 0 0 0px;padding: 0 0px 0 0;width: 100%;}
    .v4_t_is_w_col h4{float: left;margin: 0 0 10px 0;padding: 0px;width: 100%;text-align: center;color: #2E2E2E;font-size: 16px;font-weight: bold;font-family: 't_b' !important;text-align: right;}

    .v4_t_is_w_col h4 span{ font-size: 18px;}

    .v4_show_mobile_links .col-xs-3{padding: 0px;}

    .mobile_man_image{float: left;width: 80px;}

    .mobile_st_links{
        margin: 19px 0 0 0;
        float: right;
        width: calc(100% - 80px);
    }
    .islamic_links_v4_col a{font-size: 9px;margin: -8px 0 0 0;}
    .islamic_links_v4_col a {
        font-size: 10px;
        margin: 0px 0 0 0;
    }
    .v4_t_is_w_col_input_box{margin: 20px 0px 15px 0;padding: 15px 18px;}
    .v4_t_is_w_col_input_box p br{ display: none;}

    .header_main{padding: 9px 0 8px 0px; box-shadow: none; border-bottom: solid 2px #DE0303;}
    .v4_input_outer_col p{font-size: 12px;}

    .navbar-toggle{margin-right: 0px;}

    .islamic_links_v4_col figure{ height: 50px;}

    .v4_t_is_w_col_input_box label{font-size: 14px;}

    .submit_button_v4{font-size: 16px;}
    .number_formate_bg{font-size: 15px;}
    .info_text{font-size: 13px;}

    body {
        background-size: cover;
        height: 100vh;
    }

    .islamic_links_v4_col figure img{
        max-width: 100%;
    }


}