@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.woff2') format('woff2'),
        url('fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.woff2') format('woff2'),
        url('fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing:border-box;
    -webkit-box-sizing:
    border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
body {
    font-family: 'Poppins';
    font-size:14px;
    color:#000;
    margin:0;
}
p,h1,h2,h3,h4,h5,h6,ul,li,a{
    margin: 0;
    padding:0; 
    color: #334152;
    font-weight: 600;
}
p{
    font-size: 18px;
    line-height: 32px;
    color: #728092;
    font-weight: 400;
}
a {
    text-decoration:none;
    outline:none;
    color:#11B0B3;
    font-weight: 400;
}
a:hover{
    color: #728092;
}
img {
    vertical-align:top;
    max-width:100%;
    height:auto;
    border:none;
}
.wrapper {
    margin:0 auto;
    padding:0 50px;
    max-width:1440px;/*1140px*/
}
.a_btn a,button{background: #11B0B3;border: none;font-size: 16px;display: inline-block;padding: 12px 31px;transition: all 0.6s ease-in-out;font-weight: 500;border-radius: 8px;height: auto;color: #fff;}

/* Login Css */
.login_otr {width: 100%;background: #FAFBFC;border-radius: 10px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);overflow: hidden;}
.illustration{padding: 240px 40px;background: #fff;border-radius: 0px 50px 50px 0px;}
.illustration img {max-width: 100%;}
.login_form{padding: 60px 100px;}
.login_form form .form-control {border-radius: 8px;padding: 8px 25px;height: 58px;color: #728092;font-size: 18px;border-color: #11B0B31A;}
.login_form h3{font-size: 36px;line-height: 48px;padding-bottom: 9px;}
.login_form label{font-size: 16px;font-weight: 500;line-height: 24px;color: #334152;display: inline-block;padding-bottom: 10px;}
.login_form form{padding-top: 40px;}
.login_form label.form-check-label{font-weight: 400;color: #728092;}
a.back_btn {border-radius: 30px;border: solid 1px #11B0B317;background: #fff;color: #11B0B3;margin-bottom: 55px;padding: 10px 22px;display: inline-block;}
a.back_btn img{display: inline-block;vertical-align: middle;margin-right: 6px;}
a.back_btn span{display: inline-block;vertical-align: middle;}

/* Header Css */
.header{padding: 25px 0px;width: 100%;}
.header_inr{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header_logo a{display: inline-block;}
.header_menu ul li {display: inline-block;list-style: none;position: relative;margin: 0 9px;}
.header_menu ul li a {font-size: 16px;color: #728092;transition: all 0.3s ease-in;display: inline-block;position: relative;line-height: 24px;font-weight: 400;padding-left: 20px;}
.header_menu ul li a::before{position: absolute;content: "";left: 0;width: 15px;height: 15px;    top: 5px;transition: all 0.3s ease-in;}
.header_menu ul li.download a::before{background: url('../img/download.png') no-repeat;background-size: 100%;}
.header_menu ul li.models a::before{background: url('../img/mobile.png') no-repeat;background-size: 100%;width: 12px;height: 18px;top: 3px;}
.header_menu ul li.license a::before{background: url('../img/license.png') no-repeat;background-size: 100%;width: 14px;height: 16px;top: 4px;}
.header_menu ul li.distributer a::before{background: url('../img/distributer.png') no-repeat;background-size: 100%;}
.header_menu ul li.forum a::before{background: url('../img/forum.png') no-repeat;background-size: 100%;}
.header_menu ul li.contact a::before{background: url('../img/contact.png') no-repeat;background-size: 100%;}
.header_menu ul li.download:hover a::before{background: url('../img/download_hover.png') no-repeat;background-size: 100%;}
.header_menu ul li.models:hover a::before{background: url('../img/mobile_hover.png') no-repeat;background-size: 100%;width: 12px;height: 18px;top: 3px;}
.header_menu ul li.license:hover a::before{background: url('../img/license_hover.png') no-repeat;background-size: 100%;width: 14px;height: 16px;top: 4px;}
.header_menu ul li.distributer:hover a::before{background: url('../img/distributer_hover.png') no-repeat;background-size: 100%;}
.header_menu ul li.forum:hover a::before{background: url('../img/forum_hover.png') no-repeat;background-size: 100%;}
.header_menu ul li.contact:hover a::before{background: url('../img/contact_hover.png') no-repeat;background-size: 100%;}
.header_menu ul li:hover a{color: #11B0B3;}
.header_inr .a_btn a{border: solid 1px #F0F3FF;font-size: 16px;padding: 10px 19px;}
.header_inr .a_btn a.log_in{background: #fafbfd;color: #11B0B3;margin-right: 10px;}

/* Banner Css */
.banner{position: relative;}
.banner_otr{position: absolute;  top: 50%;width: 100%;transform: translateY(-50%);z-index: 2;}
.banner_inr{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;}
.banner_text{width: 57%;padding-right: 30px;}
.banner_inr_img {width: 43%;}
.banner_inr_img img{border-radius: 8px;}
.banner_text h1{font-size: 52px;color: #fff;line-height: 54px;padding-bottom: 20px;font-family: "Open Sans", sans-serif;font-weight: 800;}
.banner_text p{color: #fff;padding-bottom: 20px;font-family: "Open Sans", sans-serif;font-weight: 400;}
.banner_text .a_btn{padding-top: 20px;}
.banner_text .a_btn a{margin-right: 20px;background: #fff;color:#11B0B3;width: 248px;}
.banner_text .a_btn a.download_btn span{padding-left: 35px;background: url(../img/download1.png) no-repeat;background-size: 23px;}
.banner_text .a_btn a.telegram{margin-top: 20px;}
.banner_text .a_btn a.telegram span{padding-left: 35px;background: url(../img/telegram.png) no-repeat;background-size: 23px;}

/* Footer Css */
.footer{padding: 60px 0px 25px;}
.footer_inr{text-align: center;margin: 0 auto;max-width: 680px;}
.ftlogo{margin-bottom: 10px;}
.footer_inr a{display: inline-block;}
.footer_inr p{font-size: 16px;line-height: 28px;font-weight: 400;font-family: "Open Sans", sans-serif;}
.footer_inr ul{padding-top: 20px;}
.footer_inr ul li{list-style: none;display: inline-block;padding: 8px;}
.footer_bottom {border-top: solid 1px #F0F3FF;padding: 20px 0px 0;text-align: center;margin-top: 30px;}

/* Download Css */
.download_page{padding: 50px 0px;background: #FAFBFC;}
.download_inr{background: #fff;padding: 40px;border-radius: 24px;margin-bottom: 30px;}
.download_card{background: #FAFBFC;padding: 16px;border-radius: 12px;}
.card_icon{display: inline-block;vertical-align: middle;max-width: 48px;}
.card_text{display: inline-block;vertical-align: middle;width: calc(100% - 52px);padding-left: 15px;}
.card_text h5{font-size: 20px;line-height: 28px;font-weight: 500;padding-bottom: 5px;}
.card_text p{font-size: 16px;line-height: 20px;font-weight: 400;}
.download_text{background: #FAFBFC;padding: 30px;border-radius: 16px;}
.download_text h4{font-size: 24px;line-height: 32px;font-weight: 500;color: #334152;margin-bottom: 20px;}
.download_text ul li{list-style: none;font-size: 16px;line-height: 24px;font-weight: 400;color: #728092;padding: 12px 16px 12px 35px;background: #fff;margin-bottom: 10px;border-radius: 10px;position: relative;}
.download_text ul li::before{position: absolute;content: "";left: 18px;width: 10px;height: 10px;border-radius: 50%;background: #11B0B3;margin-top: 7px;}
.download_text ul li a{text-decoration: underline;}
.download_inr .a_btn{padding-top: 30px;}
.download_inr .a_btn a span{padding-left: 25px;background: url(../img/download3.png) no-repeat;background-size: 16px;background-position: 0;}
.download_inr .a_btn a.danger{background: #FF0033;margin-left: 10px;}
.download_inr .a_btn a.danger span{padding-left: 30px;background: url(../img/yt.png) no-repeat;background-size: 24px;}

.supported_models{padding-bottom: 30px;}
.supported_models ul li{display: inline-block;list-style: none;padding: 6px 10px;}
.support_modal .model_table .col-md-6{width: 100% !important;}
.model_search .form-control{border-radius: 30px;border-color: #F0F3FF;font-size: 18px;font-weight: 400;color: #7C8DB5;height: 48px;padding: 8px 20px;padding-left: 60px;background:#fff url('../img/search.png') no-repeat;background-position: 25px;}
input.form-control::placeholder{color: #7C8DB5;}
table{width: 100%;}
table.model_table thead tr th{background: #fff;padding: 12px 15px;font-size: 16px;line-height: 24px;font-weight: 500;color: #728092;border: 0;}
table.model_table{border-spacing: 0 10px;border-collapse: separate;}
table.model_table thead tr th:first-child{border-radius: 8px 0px 0px 8px;}
table.model_table thead tr th:last-child{border-radius: 0px 8px 8px 0px;}
table.model_table .a_btn a{font-size: 10px;line-height: 16px;border-radius: 25px;line-height: 16px;padding: 4px 12px;margin-right: 8px;margin-bottom: 8px;background: #6C757D;}
table.model_table .a_btn a.info{background: #28A745;}
table.model_table .a_btn a.danger{background: #DC3545;}
table.model_table .a_btn a.primary{background: #007BFF;}
table.model_table tbody tr td{background: #fff;padding: 20px 16px 12px 16px;font-size: 16px;line-height: 28px;color: #334152;border: 0;vertical-align: middle;}
table.model_table tbody tr td:first-child{border-radius: 8px 0px 0px 8px;}
table.model_table tbody tr td:last-child{width: 470px;border-radius: 0px 8px 8px 0px;}

.distributer_col_inr{background: #fff;padding: 20px;border-radius: 16px;}
.distributer_img {background: #F4F9FE;border-radius: 12px;position: relative;text-align: center;padding: 30px;}
.distributer_img img{display: inline-block;max-width: 140px;}
.img_text {position: absolute;top: 10px;left: 11px;background: #fff;padding: 4px 16px;border-radius: 8px;font-size: 14px; line-height: 22px;font-weight: 500;color: #11B0B3;}
.distributer_text{padding-top: 20px;}
.distributer_text h4{font-size: 24px;line-height: 32px;font-weight: 600;color: #334152;}
.distributer_text ul li{list-style: none;font-weight: 400;font-size: 16px;color: #334152;padding: 8px 8px 8px 32px;position: relative;}
.distributer_text ul li a{color: #007DF6;}
.distributer_text ul li.user{background: url('../img/user3.png') no-repeat;background-position: 0;}
.distributer_text ul li.flag{background: url('../img/flag\ 1.png') no-repeat;background-position: 0;}
.distributer_text ul li.fb{background: url('../img/facebook\ 1.png') no-repeat;background-position: 0;}
.distributer_text ul li.whatsapp{background: url('../img/WA_Logo.png') no-repeat;background-position: 0;}
.distributer_text ul li.telegram{background: url('../img/telegram.png') no-repeat;background-position: 0;}
.distributer_text ul li.web{background: url('../img/web.png') no-repeat;background-position: 0;}

.title{text-align: center;margin-bottom: 45px;}
.title h2{font-size: 48px;font-weight: 600;line-height: 56px;color: #334152;}
.pricing_col_inr{background: #fff;text-align: center;border-radius: 12px;overflow: hidden;}
.pricing_head{background: #11B0B3;padding: 20px 12px;}
.pricing_head h4{font-size: 32px;line-height: 40px;font-weight: 500;color: #fff;padding-bottom: 15px;}
.pricing_head p{font-size: 20px;line-height: 24px;font-weight: 500;color: #fff;}
.pricing_body{padding: 24px;}
.pricing_body ul li{list-style: none;font-size: 16px;line-height: 24px;font-weight: 400;color: #728092;padding: 8px;}
.pricing_body .a_btn{padding-top: 30px;}
.pricing_body .a_btn a{width: 100%;}
.pricing .col-lg-4:nth-child(odd) .a_btn a{background: #fff;border:solid 1px #11B0B3;color: #11B0B3;}

.sidebar .logo{margin-bottom: 25px;}
.sidebar {height: 100vh;width: 250px;background: #ffffff;padding: 20px;position: fixed;left: 0;top: 0;border-right: 1px solid #eaeaea;display: flex;flex-direction: column;}
.sidebar .header_menu ul li{display: block;margin: 0;}
.sidebar .header_menu ul li a{display: block;padding: 12px 0;margin-bottom: 10px;border-radius: 8px;padding-left: 32px;}
.sidebar .header_menu ul li a:hover{background: #11B0B3;color: #fff;}
.sidebar .header_menu ul li a::before{top: 16px;left: 10px;}
.sidebar .header_menu ul li a.dashboard::before{background: url('../img/Category.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.job_history::before{background: url('../img/time-past.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.device::before{background: url('../img/document-gear.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.user::before{background: url('../img/settings.png') no-repeat;background-size: 100%;}

.sidebar .header_menu ul li a.dashboard:hover::before{background: url('../img/Category_hover.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.job_history:hover::before{background: url('../img/time-past_hover.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.device:hover::before{background: url('../img/document-gear_hover.png') no-repeat;background-size: 100%;}
.sidebar .header_menu ul li a.user:hover::before{background: url('../img/settings_hover.png') no-repeat;background-size: 100%;}

.logout {margin-top: auto;display: flex;align-items: center;color: #6c757d;font-size: 16px;cursor: pointer;}
.logout a{background: url('../img/Logout.png') no-repeat;background-position: 0;color: #728092;padding: 12px 0;padding-left: 30px;width: 100%;border-radius: 8px;}
.logout a:hover{background: #11B0B3 url('../img/Logout_hover.png') no-repeat;color: #fff;background-position: 10px;padding-left: 40px;}
.content {margin-left: 250px;}
.content_otr{padding: 20px;background: #FAFBFC;}
.content_card {border-radius: 10px;padding: 20px;text-align: left;background: #fff;display: flex;}
.card-icon {background: #11B0B3;border-radius: 50%;width: 56px;height: 56px;display: inline-flex;align-items: center;justify-content: center;}
.card-text{padding-left: 15px;}
.card-text h5 {font-size: 18px;color: #334152;font-weight: 500;line-height: 24px;padding-bottom: 12px;}
.card-text p {font-size: 15px;line-height: 24px;color: #728092;}
span.badge {background: #00C953;border-radius: 30px;font-weight: normal;font-size: 12px;line-height: 16px;padding: 4px 12px;}
.status-active {background: #28a745;color: white;padding: 5px 10px;border-radius: 15px;}
.topbar {display: flex;justify-content: space-between;align-items: center;padding: 18px 32px;background: white;border-bottom: 1px solid #eaeaea;}
.user-info {display: flex;align-items: center;}
.user-info img {width: 50px;height: 50px;border-radius: 50%;margin-right: 15px;border: 2px solid #11B0B3;}
.user-name {font-weight: 500;font-size: 18px;color: #334152;}
.user-role {font-size: 14px;color: #728092;line-height: 20px;font-weight: 500;}

table.history_table tbody tr td:last-child {width: auto;}
table.history_table tbody tr td{padding: 16px;}
table.history_table thead tr th{background: none;}
.btn-view{background: #11B0B3;color: #fff;padding: 4px 20px;border-radius: 4px;font-size: 12px;line-height: 16px;font-weight: 500;}
.search_date .form-control{border-color: #11B0B31A;font-size: 16px;font-weight: 500;color: #728092;height: 48px;padding: 8px 20px;background: #fff url(../img/calendar.png) no-repeat;background-position: 90%;border-radius: 8px;width: 200px;}
.search_date span{color:#334152;font-size:18px;line-height:32px;display: inline-block;padding-right: 16px;}
.search_date{position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}
.content_inr .model_search .form-control{border-radius: 8px;width: 400px;}

.settings-card {background: white;padding: 20px;border-radius: 10px;}
.settings-card h4{font-size: 24px;line-height: 32px;color: #334152;font-weight: 500;padding-bottom: 30px;}
.settings-card label{font-size: 18px;line-height: 24px;color: #334152;font-weight: 500;display: inline-block;margin-bottom: 16px;}
.settings-card .form-control {background-color: #f8f9fa;border: none;padding: 6px 20px;height: 46px;font-size: 18px;color: #728092;}
.settings-card input.form-control::placeholder{color: #728092;}
.btn-update {background: #11B0B3;color: white;border: none;padding: 10px;border-radius: 5px;font-size: 16px;line-height: 20px;font-weight: 500;padding: 12px 24px;margin-top: 20px;}

.dropdown-container {display: flex;align-items: center;background: #fff;border-radius: 8px;padding: 22px;}
.dropdown-container .form-select{width: calc(100% - 300px);background: #FAFBFC url('../img/down.png') no-repeat;border: 0;padding: 10px 20px;height: 52px;border-radius: 8px;margin-right: 20px;background-position: 98%;}
.dropdown-container .a_btn a {padding: 10px 50px;}
.a_btn a.btn-unlink {background: #F13324;margin-left: 10px;}

.login {height: 100%;display: flex;align-items: center;}