.row1 {
        height: 10vh;
                    min-height: 48px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row1 > .html1 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 16px;
            padding-right: 16px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  ;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html1 .button {
            
            
            
            
            
                        }

            
            
                                .row2 {
        height: 6vh;
                    min-height: 29px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row2 > .html5 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html5 .button {
            
            
            
            
            
                        }

            
            
                                .row3 {
        height: 7vh;
                    min-height: 34px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row3 > .html2 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html2 .button {
            
            
            
            
            
                        }

            
            
                                .row4 {
        height: 10vh;
                    min-height: 48px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row4 > .template1 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .template1 .button {
            
            
            
            
            
                        }

            
            
                                .row5 {
        height: 10vh;
                    min-height: 48px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row5 > .html3 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html3 .button {
            
            
            
            
            
                        }

            
            
                                .row6 {
        height: 10vh;
                    min-height: 48px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row6 > .template2 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                            text-align:  center;
                        }

            
            

            
            .template2 .button {
            
            
            
            
            
                        }

            
            
                                .row7 {
        height: 10vh;
                    min-height: 48px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row7 > .button1 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .button1 .button {
            
            
            
            
            
                        }

            
            
                                .row8 {
        height: 15vh;
                    min-height: 72px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row8 > .html4 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 5px;
            padding-right: 5px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  bottom;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html4 .button {
            
            
            
            
            
                        }

            
            
                        
    body, .frame-dw-preview {
    height: 100vh;
            min-height: 480px;
        margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    background-color: #FEFDF6;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
        font-family: mtnbrightersans-regular-webfont;
        }

    .multiSubscriptionPicker {
        font-family: mtnbrightersans-regular-webfont, Arial, sans-serif !important;
}
img {
	max-width: 100%
}

a {
	color: black;
}

#form-button {
	text-align: left;
    padding-left: 15px;
  	min-width: 250px;
}

.button {
	background: #FFCB03 url("assets/images/mutli-sub-btn-icon-right.png");
    background-position-y: center;
  	background-position-x: 95%;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 15px;
}
/*
.html1 {
	border-bottom-left-radius: 100% 40%;
    border-bottom-right-radius: 100% 40%;
}
*/
.text-input.input-1.textField {
	align-items: center;
}

#MSISDN {
	width: 50%;
}

.pin-input {
	width: 8vw;
  	height: 8vw;
    max-width: 45px;
    min-width: 30px;
    max-height: 45px;
    min-height: 30px;
}
#usrpin_0, #usrpin_1, #usrpin_2 {
	margin-right: 3%;
}

.landing .row7 {
	position: relative;
}
.landing .row4 .html6 {
	display: flex;
  	justify-content: center;
}
.landing .row7 .autorenewal-div {
	position: absolute;
    margin-top: calc( 4vh - 4px) !important;
  	right: 13vw;
}

@media (max-width: 370px) {
	.landing .row7 .autorenewal-div {
  		right: 6vw;
  	}
}

@media (min-width: 371px) and (max-width: 400px) {
	.landing .row7 .autorenewal-div {
  		right: 9vw;
  	}
}

@media (min-width: 401px) and (max-width: 749px) {
	.landing .row7 .autorenewal-div {
  		right: 12vw;
  	}
}

@media (min-width: 750px) and (max-width: 1044) {
	.landing .row7 .autorenewal-div {
  		right: 12vw;
  	}
}

@media (min-width: 1045px) and (max-width: 1250px) {
	.landing .row7 .autorenewal-div {
  		right: 8vw;
  	}
}

@media (min-width: 1250px) {
	.landing .row7 .autorenewal-div {
  		right: 7vw;
  	}
}

    .button {
    width: 60%;
    border-radius: 30px;
    border: solid 0px #000000;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    background-color: #FFCB03;
    box-shadow: none;
    margin: 0 auto;
    display:table;
    line-height: inherit;
    font-family: mtnbrightersans-regular-webfont;
            font-style: normal;
            box-sizing: border-box;
    }
    
    
    .container {
    font-size: 10px;
        padding-left: 0px;
    padding-right: 0px;
                    color: black;
        }

.cell {
display: table-cell;
}

    h1 {
    font-size: 3.2em;
    margin: 0;
    font-weight: normal;
    }
    h2 {
    font-size: 2.8em;
    margin: 0;
    font-weight: normal;
    }
    h3 {
    font-size: 2.2em;
    margin: 0;
    font-weight: normal;
    }
    h4 {
    font-size: 1.6em;
    margin: 0;
    font-weight: normal;
    }
    h5 {
    font-size: 1.3em;
    margin: 0;
    font-weight: normal;
    }
    h6 {
    font-size: 1.2em;
    margin: 0;
    font-weight: normal;
    }
    p, .error-text {
    font-size: 1.1em;
    margin: 0;
    }


.secured-button > img {
display:none;
}

.confirmation-txt {
font-size: 20px;
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
margin: 10% auto;
background-color: #fefefe;
padding: 10px;
width: 85%;
border: 1px solid #888;
}

.modal-content .container { padding-left: 8px;  padding-right: 8px; }

/* The Close Button */
.close-terms {
background: transparent;
position: relative;
font-size: 2em;
color: #333;
cursor: pointer;
z-index: 1;
}

.close-terms:hover,
.close-terms:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/* The Quit Button */
.quit-btn {
position: absolute;
top: 20px;
right: 20px;
}

.pinError-div {
display:none;
}

.inputError-div {
display: none;
}


.terms-text {
display:table;
}

.terms-check-span {
display:table-cell;
vertical-align: middle;
}

.disabledbtn, .disabledbtn:hover{
background-color: lightgrey;
background-image: none;
color: grey;
}

@font-face {
    font-family: "DaysLater28";
    src: url('assets/fonts/DaysLater28.ttf');
    }

    @font-face {
    font-family: "Aclonica-Regular";
    src: url('assets/fonts/Aclonica-Regular.ttf');
    }

    @font-face {
    font-family: "AcuminPro-Regular";
    src: url('assets/fonts/AcuminPro-Regular.ttf');
    }

    @font-face {
    font-family: "AdwaSansSerif-Regular";
    src: url('assets/fonts/AdwaSansSerif-Regular.ttf');
    }

    @font-face {
    font-family: "Anton-Regular";
    src: url('assets/fonts/Anton-Regular.ttf');
    }

    @font-face {
    font-family: "Asap-Regular";
    src: url('assets/fonts/Asap-Regular.ttf');
    }

    @font-face {
    font-family: "AvalonPlain";
    src: url('assets/fonts/AvalonPlain.ttf');
    }

    @font-face {
    font-family: "BadaBoomBB";
    src: url('assets/fonts/BadaBoomBB.ttf');
    }

    @font-face {
    font-family: "Baloo-Regular";
    src: url('assets/fonts/Baloo-Regular.ttf');
    }

    @font-face {
    font-family: "BD_Cartoon_Shout";
    src: url('assets/fonts/BD_Cartoon_Shout.ttf');
    }

    @font-face {
    font-family: "BebasNeue-Regular";
    src: url('assets/fonts/BebasNeue-Regular.ttf');
    }

    @font-face {
    font-family: "BenguiatBold";
    src: url('assets/fonts/BenguiatBold.ttf');
    }

    @font-face {
    font-family: "Blockletter";
    src: url('assets/fonts/Blockletter.ttf');
    }

    @font-face {
    font-family: "Bookinsanity";
    src: url('assets/fonts/Bookinsanity.ttf');
    }

    @font-face {
    font-family: "Bookinsanity-Bold";
    src: url('assets/fonts/Bookinsanity-Bold.ttf');
    }

    @font-face {
    font-family: "Butler";
    src: url('assets/fonts/Butler.ttf');
    }

    @font-face {
    font-family: "Catamaran-Regular";
    src: url('assets/fonts/Catamaran-Regular.ttf');
    }

    @font-face {
    font-family: "CenturyGothic";
    src: url('assets/fonts/CenturyGothic.ttf');
    }

    @font-face {
    font-family: "CeraGR-Regular";
    src: url('assets/fonts/CeraGR-Regular.ttf');
    }

    @font-face {
    font-family: "CFDinCondensed";
    src: url('assets/fonts/CFDinCondensed.ttf');
    }

    @font-face {
    font-family: "Chonburi-Regular";
    src: url('assets/fonts/Chonburi-Regular.ttf');
    }

    @font-face {
    font-family: "Comfortaa-Regular";
    src: url('assets/fonts/Comfortaa-Regular.ttf');
    }

    @font-face {
    font-family: "CourierNewPS-BoldItalicMT";
    src: url('assets/fonts/CourierNewPS-BoldItalicMT.ttf');
    }

    @font-face {
    font-family: "CourierNewPS-BoldMT";
    src: url('assets/fonts/CourierNewPS-BoldMT.ttf');
    }

    @font-face {
    font-family: "CourierNewPS-ItalicMT";
    src: url('assets/fonts/CourierNewPS-ItalicMT.ttf');
    }

    @font-face {
    font-family: "CourierNewPSMT";
    src: url('assets/fonts/CourierNewPSMT.ttf');
    }

    @font-face {
    font-family: "DBAdmanX";
    src: url('assets/fonts/DBAdmanX.ttf');
    }

    @font-face {
    font-family: "DBHelvethaicaX-57Cond";
    src: url('assets/fonts/DBHelvethaicaX-57Cond.ttf');
    }

    @font-face {
    font-family: "dtacEvolution-Regular";
    src: url('assets/fonts/dtacEvolution-Regular.ttf');
    }

    @font-face {
    font-family: "DTAC2018-Regular";
    src: url('assets/fonts/DTAC2018-Regular.ttf');
    }

    @font-face {
    font-family: "duCoHeadline16iOS-Bold";
    src: url('assets/fonts/duCoHeadline16iOS-Bold.ttf');
    }

    @font-face {
    font-family: "duco_headline16_ios_bd-webfont";
    src: url('assets/fonts/duco_headline16_ios_bd-webfont.ttf');
    }

    @font-face {
    font-family: "duCoHeadline16iOS-Regular";
    src: url('assets/fonts/duCoHeadline16iOS-Regular.ttf');
    }

    @font-face {
    font-family: "duco_headline16_ios_rg-webfont";
    src: url('assets/fonts/duco_headline16_ios_rg-webfont.ttf');
    }

    @font-face {
    font-family: "ducoheadline400-webfont";
    src: url('assets/fonts/ducoheadline400-webfont.ttf');
    }

    @font-face {
    font-family: "EthiopicDireDawa";
    src: url('assets/fonts/EthiopicDireDawa.ttf');
    }

    @font-face {
    font-family: "EurostileBold";
    src: url('assets/fonts/EurostileBold.ttf');
    }

    @font-face {
    font-family: "FilsonProBold";
    src: url('assets/fonts/FilsonProBold.ttf');
    }

    @font-face {
    font-family: "FilsonProMedium";
    src: url('assets/fonts/FilsonProMedium.ttf');
    }

    @font-face {
    font-family: "FlunkiesBB";
    src: url('assets/fonts/FlunkiesBB.ttf');
    }

    @font-face {
    font-family: "FocoBlack-Regular";
    src: url('assets/fonts/FocoBlack-Regular.ttf');
    }

    @font-face {
    font-family: "FredokaOne-Regular";
    src: url('assets/fonts/FredokaOne-Regular.ttf');
    }

    @font-face {
    font-family: "FrutigerLTArabic-55Roman";
    src: url('assets/fonts/FrutigerLTArabic-55Roman.ttf');
    }

    @font-face {
    font-family: "Frutiger-Normal";
    src: url('assets/fonts/Frutiger-Normal.ttf');
    }

    @font-face {
    font-family: "fsalbertarabic-bold-webfont";
    src: url('assets/fonts/fsalbertarabic-bold-webfont.ttf');
    }

    @font-face {
    font-family: "fsalbertarabic-webfont";
    src: url('assets/fonts/fsalbertarabic-webfont.ttf');
    }

    @font-face {
    font-family: "fsalvar-bold-webfont";
    src: url('assets/fonts/fsalvar-bold-webfont.ttf');
    }

    @font-face {
    font-family: "fsalvar-regular-webfont";
    src: url('assets/fonts/fsalvar-regular-webfont.ttf');
    }

    @font-face {
    font-family: "FSAlbertArabic-Regular";
    src: url('assets/fonts/FSAlbertArabic-Regular.ttf');
    }

    @font-face {
    font-family: "GESSTwoMedium";
    src: url('assets/fonts/GESSTwoMedium.ttf');
    }

    @font-face {
    font-family: "Gilroy-Medium";
    src: url('assets/fonts/Gilroy-Medium.ttf');
    }

    @font-face {
    font-family: "GloriaHallelujah";
    src: url('assets/fonts/GloriaHallelujah.ttf');
    }

    @font-face {
    font-family: "Gorditas-Regular";
    src: url('assets/fonts/Gorditas-Regular.ttf');
    }

    @font-face {
    font-family: "gotham-medium_0-webfont";
    src: url('assets/fonts/gotham-medium_0-webfont.ttf');
    }

    @font-face {
    font-family: "Gotham-Book";
    src: url('assets/fonts/Gotham-Book.ttf');
    }

    @font-face {
    font-family: "GTWalsheimPro-Regular";
    src: url('assets/fonts/GTWalsheimPro-Regular.ttf');
    }

    @font-face {
    font-family: "vie-handelgothic-bold-webfont";
    src: url('assets/fonts/vie-handelgothic-bold-webfont.ttf');
    }

    @font-face {
    font-family: "vie-handelgothic_medium-webfont";
    src: url('assets/fonts/vie-handelgothic_medium-webfont.ttf');
    }

    @font-face {
    font-family: "HomerSimpsonRevised";
    src: url('assets/fonts/HomerSimpsonRevised.ttf');
    }

    @font-face {
    font-family: "OfficinaSerifStd-Book";
    src: url('assets/fonts/OfficinaSerifStd-Book.ttf');
    }

    @font-face {
    font-family: "JasmineUPC-Bold";
    src: url('assets/fonts/JasmineUPC-Bold.ttf');
    }

    @font-face {
    font-family: "JosefinSans-Light";
    src: url('assets/fonts/JosefinSans-Light.ttf');
    }

    @font-face {
    font-family: "JosefinSans-Regular";
    src: url('assets/fonts/JosefinSans-Regular.ttf');
    }

    @font-face {
    font-family: "Kefa-Bold";
    src: url('assets/fonts/Kefa-Bold.ttf');
    }

    @font-face {
    font-family: "Kefa-Regular";
    src: url('assets/fonts/Kefa-Regular.ttf');
    }

    @font-face {
    font-family: "Larsseit";
    src: url('assets/fonts/Larsseit.ttf');
    }

    @font-face {
    font-family: "Lato-Regular";
    src: url('assets/fonts/Lato-Regular.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Bold";
    src: url('assets/fonts/Lemon-Milk-Pro-Bold.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Bold-Italic";
    src: url('assets/fonts/Lemon-Milk-Pro-Bold-Italic.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Medium";
    src: url('assets/fonts/Lemon-Milk-Pro-Medium.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Medium-Italic";
    src: url('assets/fonts/Lemon-Milk-Pro-Medium-Italic.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Regular";
    src: url('assets/fonts/Lemon-Milk-Pro-Regular.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Regular-Italic";
    src: url('assets/fonts/Lemon-Milk-Pro-Regular-Italic.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Ultra-Light";
    src: url('assets/fonts/Lemon-Milk-Pro-Ultra-Light.ttf');
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Ultra-Light-Italic";
    src: url('assets/fonts/Lemon-Milk-Pro-Ultra-Light-Italic.ttf');
    }

    @font-face {
    font-family: "Letritas-Squalo-Regular";
    src: url('assets/fonts/Letritas-Squalo-Regular.ttf');
    }

    @font-face {
    font-family: "LuckiestGuy-Regular";
    src: url('assets/fonts/LuckiestGuy-Regular.ttf');
    }

    @font-face {
    font-family: "mikadoregular-webfont";
    src: url('assets/fonts/mikadoregular-webfont.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-Black";
    src: url('assets/fonts/MilanesaSerif-Black.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-Bold";
    src: url('assets/fonts/MilanesaSerif-Bold.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-DemiBold";
    src: url('assets/fonts/MilanesaSerif-DemiBold.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-ExtraBold";
    src: url('assets/fonts/MilanesaSerif-ExtraBold.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-Light";
    src: url('assets/fonts/MilanesaSerif-Light.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-Regular";
    src: url('assets/fonts/MilanesaSerif-Regular.ttf');
    }

    @font-face {
    font-family: "MilanesaSerif-Thin";
    src: url('assets/fonts/MilanesaSerif-Thin.ttf');
    }

    @font-face {
    font-family: "Montserrat-Regular";
    src: url('assets/fonts/Montserrat-Regular.ttf');
    }

    @font-face {
    font-family: "mtnbrightersans-regular-webfont";
    src: url('assets/fonts/mtnbrightersans-regular-webfont.ttf');
    }

    @font-face {
    font-family: "mtnbrightersans-bold-webfont";
    src: url('assets/fonts/mtnbrightersans-bold-webfont.ttf');
    }

    @font-face {
    font-family: "NeoSansPro-Bold";
    src: url('assets/fonts/NeoSansPro-Bold.ttf');
    }

    @font-face {
    font-family: "NeoSansPro-Regular";
    src: url('assets/fonts/NeoSansPro-Regular.ttf');
    }

    @font-face {
    font-family: "NESTINGRegular";
    src: url('assets/fonts/NESTINGRegular.ttf');
    }

    @font-face {
    font-family: "offi_b-webfont";
    src: url('assets/fonts/offi_b-webfont.ttf');
    }

    @font-face {
    font-family: "NokiaPureHeadline-Regular";
    src: url('assets/fonts/NokiaPureHeadline-Regular.ttf');
    }

    @font-face {
    font-family: "NotoKufiArabic-Regular";
    src: url('assets/fonts/NotoKufiArabic-Regular.ttf');
    }

    @font-face {
    font-family: "NotoSans-Regular";
    src: url('assets/fonts/NotoSans-Regular.ttf');
    }

    @font-face {
    font-family: "NotoSerifEthiopic-Regular";
    src: url('assets/fonts/NotoSerifEthiopic-Regular.ttf');
    }

    @font-face {
    font-family: "OoredooArabic-Heavy";
    src: url('assets/fonts/OoredooArabic-Heavy.ttf');
    }

    @font-face {
    font-family: "ooredooarabic-heavy-webfont";
    src: url('assets/fonts/ooredooarabic-heavy-webfont.ttf');
    }

    @font-face {
    font-family: "ooredoo-heavy-webfont";
    src: url('assets/fonts/ooredoo-heavy-webfont.ttf');
    }

    @font-face {
    font-family: "OpenSans";
    src: url('assets/fonts/OpenSans.ttf');
    }

    @font-face {
    font-family: "Oswald-Regular";
    src: url('assets/fonts/Oswald-Regular.ttf');
    }

    @font-face {
    font-family: "oodfont";
    src: url('assets/fonts/oodfont.ttf');
    }

    @font-face {
    font-family: "Outfit-Regular";
    src: url('assets/fonts/Outfit-Regular.ttf');
    }

    @font-face {
    font-family: "Pacifico-Regular";
    src: url('assets/fonts/Pacifico-Regular.ttf');
    }

    @font-face {
    font-family: "padauk";
    src: url('assets/fonts/padauk.ttf');
    }

    @font-face {
    font-family: "PFFuturaNeuRoundedHeavy-Regular";
    src: url('assets/fonts/PFFuturaNeuRoundedHeavy-Regular.ttf');
    }

    @font-face {
    font-family: "Poppins";
    src: url('assets/fonts/Poppins.ttf');
    }

    @font-face {
    font-family: "Poppins-Regular";
    src: url('assets/fonts/Poppins-Regular.ttf');
    }

    @font-face {
    font-family: "ProductSans-Regular";
    src: url('assets/fonts/ProductSans-Regular.ttf');
    }

    @font-face {
    font-family: "proximanova-light-webfont";
    src: url('assets/fonts/proximanova-light-webfont.ttf');
    }

    @font-face {
    font-family: "proximanova-medium-webfont";
    src: url('assets/fonts/proximanova-medium-webfont.ttf');
    }

    @font-face {
    font-family: "proximanova-regular-webfont";
    src: url('assets/fonts/proximanova-regular-webfont.ttf');
    }

    @font-face {
    font-family: "Raleway-Regular";
    src: url('assets/fonts/Raleway-Regular.ttf');
    }

    @font-face {
    font-family: "roboto-regular-webfont";
    src: url('assets/fonts/roboto-regular-webfont.ttf');
    }

    @font-face {
    font-family: "RobotoSlab-Regular";
    src: url('assets/fonts/RobotoSlab-Regular.ttf');
    }

    @font-face {
    font-family: "RobotoCondensed-Regular";
    src: url('assets/fonts/RobotoCondensed-Regular.ttf');
    }

    @font-face {
    font-family: "Rubik-Regular";
    src: url('assets/fonts/Rubik-Regular.ttf');
    }

    @font-face {
    font-family: "simplonbp-bold-webfont";
    src: url('assets/fonts/simplonbp-bold-webfont.ttf');
    }

    @font-face {
    font-family: "simplonbp-medium-webfont";
    src: url('assets/fonts/simplonbp-medium-webfont.ttf');
    }

    @font-face {
    font-family: "STCForward-Regular";
    src: url('assets/fonts/STCForward-Regular.ttf');
    }

    @font-face {
    font-family: "TIMSans-Regular";
    src: url('assets/fonts/TIMSans-Regular.ttf');
    }

    @font-face {
    font-family: "TIMSansWeb-Bold";
    src: url('assets/fonts/TIMSansWeb-Bold.ttf');
    }

    @font-face {
    font-family: "TIMSansWeb-Heavy";
    src: url('assets/fonts/TIMSansWeb-Heavy.ttf');
    }

    @font-face {
    font-family: "TIMSansWeb-Regular";
    src: url('assets/fonts/TIMSansWeb-Regular.ttf');
    }

    @font-face {
    font-family: "tondo_corp_bd-webfont";
    src: url('assets/fonts/tondo_corp_bd-webfont.ttf');
    }

    @font-face {
    font-family: "tondo_corp_rg-webfont";
    src: url('assets/fonts/tondo_corp_rg-webfont.ttf');
    }

    @font-face {
    font-family: "viva-bold-webfont";
    src: url('assets/fonts/viva-bold-webfont.ttf');
    }

    @font-face {
    font-family: "viva-regular-webfont";
    src: url('assets/fonts/viva-regular-webfont.ttf');
    }

    @font-face {
    font-family: "vodafonergbd-webfont";
    src: url('assets/fonts/vodafonergbd-webfont.ttf');
    }

    @font-face {
    font-family: "vodafonerg-webfont";
    src: url('assets/fonts/vodafonerg-webfont.ttf');
    }

    @font-face {
    font-family: "ZawgyiOne";
    src: url('assets/fonts/ZawgyiOne.ttf');
    }

    @font-face {
    font-family: "ZonaPro-Regular";
    src: url('assets/fonts/ZonaPro-Regular.ttf');
    }


@font-face {
font-family: "MTN Brighter Sans";
src: url('assets/fonts/mtnbrightersans-regular-webfont.ttf');
}

@font-face {
font-family: "Frutiger LT Arabic Roman";
src: url('assets/fonts/FrutigerLTArabic-55Roman.ttf');
}

@font-face {
font-family: "Open Sans";
src: url('assets/fonts/OpenSans.ttf');
}

@font-face {
font-family: "Roboto";
src: url('assets/fonts/roboto-regular-webfont.ttf');
}

    body {
}