@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700;900&display=swap');

body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; font-size: 16px;line-height: 24px;font-weight: 400;color: #212112; background-position: center;background-repeat: repeat; background-color: #fff;overflow-x: hidden;transition: all 200ms linear;}
.no-gutter{ margin: 0; padding: 0;}
a{color:inherit;text-decoration:none}

.formsales{ width: 350px;  position: absolute; z-index: 99; border-radius: 20px; border: 1px #5d5845 solid; display: inline-table; padding:0 20px 30px; background-color: #fff; right: 15%; margin-top:20px;
    -webkit-box-shadow: 0px 24px 44px 0px rgba(190,114,99,0.37);
    -moz-box-shadow: 0px 24px 44px 0px rgba(190,114,99,0.37);
    box-shadow: 0px 24px 44px 0px rgba(190,114,99,0.37);
}
.formsales h1{color: #5d5845; font-weight: 700; margin-bottom: 25px; font-size: 26px; text-transform: uppercase; text-align: center; margin: 20px 0 20px 0;}
.formsales h1::after{ content: ''; background-color: #5d5845; width: 60px; height: 5px; display: block; position: relative; top: 5px; left: 120px;}
.formsales input, select{border:1px #1d8cf8  solid !important; }
.formsales .boder_lft{ border-left:0px !important; border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important;}
.formsales .boder_lftradius{ width:120px; border-bottom-left-radius: 2rem !important; border-top-left-radius: 2rem !important; border:1px #1d8cf8 solid !important;}
.curve_corner{border-radius: 2rem !important;}
.formsales button{ width: 200px; position: relative; top: 15px; font-size: 20px; border-radius: 2rem !important; color: #fff; text-transform: uppercase; border:none; font-weight: 700; border:1px #d85801 solid;
    background: rgb(216,88,1);
    background: -moz-linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    background: linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d85801",endColorstr="#e79b67",GradientType=1);

}
.formsales .input-group { margin-bottom: 1rem;} 
.form_sal{position: relative; top: 0px; z-index: 99; background: transparent;}
.formcont { background-color: #2a1908; z-index: 9;}
.bg_sales{ width: 100%; height: 100vh; background: url(../images/loginwebbnr.jpg) bottom center no-repeat;  background-size:100% 100%;}
.main_websales{ max-width: 1200px; margin: 0 auto;}
.mobsview { display: none !important;}  
.call_number{  color: #20f0f5; margin: 0 auto; background-color: rgba(0, 0, 0, 0.4); font-size: 30px; padding: 20px 0; font-weight: 500; width: 100%; display: inline-block; text-align: center;}
.call_number i{  color: #20f0f5; font-size: 40px;  font-weight: 300; display: inline-block; margin-right: 20px; text-transform: lowercase; display: inline;}
.rght-icon {width: 50%; float: right;}
.callsales{width: auto; float: right; margin-right: 2%;}
.callsales a{ color: #fff; font-size: 20px; font-weight: 500; display: block; width: 100%; margin: 0; padding: 0;}
.callsales a:hover{color: #fff; text-decoration: none;}
.rght-icon { width: 50%; float: right;}
.rght-icon .soc_media {float: right;  width: auto;}
.rght-icon .soc_media a img{float: left;  max-width: 36px; margin-left: 5px;}
.video_c{ margin: 0 auto; }
.text_c{ margin: 40px auto; } 

 
.must_attnd { position: relative; width: 100%; background: #fff;}
.must_attnd h1 { font-size: 36px; font-weight: 700; color: #000; text-transform: uppercase; position: relative;}
.must_attnd h1:before { content: ''; position: absolute; height: 3px; top: 20px; background: #071a22; width: 75px; }
.must_attnd h1:after { content: ''; position: absolute; height: 3px; top: 20px; background: #071a22; width: 75px;}

#musthead {text-align: center; position: relative; }
#musthead .line {  border-bottom: 2px solid #071a22; position: relative; width: 60%; top: 30px; margin: 0 auto;}
#musthead .textbox { position: relative;width: 100%;} 
#musthead .textbox .text {background-color: white;  margin: 0px auto;  padding: 0px 10px; text-align: center; display: inline; font-size: 36px; text-transform: uppercase;} 
.tk_hicon{ position: relative; padding: 30px 0 40px;}  
.must_attnd .content{ position: relative; z-index: 1; margin: 0 auto; max-width: 900px; text-align: center;  }
.must_attnd .img img{text-align: center;margin: 0 auto;width: auto; max-height: 150px;}
.must_attnd .text { text-align: center; margin: 20px 0; font-size: 18px; font-weight: 900; color: #071a22;}

 
.sponser{ background: #fff; display: block; text-align: center; padding: 30px 0; }
.sponser .sales_log { display: inline-block; width: 100%;} 
.sponser .sales_log .logo{ border: 1px #ccc solid; width: 25%; display: flex; vertical-align: text-bottom; height: 150px; padding: 10px 0; justify-content: center; align-items: center; float: left;} 
.sponser .sales_log .logo img{ max-width: 140px;} 
.sponser h2{ color: #071a22; font-size: 36px; text-transform: uppercase; font-weight: 700; text-align: center; padding: 30px 0 }
 
#clients img{ max-height: 100px; max-width: 150px; text-align: center; margin: 0 auto;} 
#clients .slick-next { width: 24px; height: 24px; border-radius: 50px; background-color: #ccc;}
#clients .slick-prev { width: 24px; height: 24px; border-radius: 50px; background-color: #ccc;}
#clients .slick-track { display: inline-flex; height: auto; align-items: center; justify-content: center;} 
.sticky {position: fixed; bottom: 0; padding: 15px 0 0; margin: 0 auto; text-align: center; background: #18223e; width: 100%; z-index: 99;}
.sticky p{ color: #fff; font-size: 20px; font-weight: 700;}
.sticky p a{ background: #fff; color: #18223e; font-size: 20px; text-decoration: none; z-index: 99; padding:5px 20px 10px; border-radius: 50px; font-weight: 700; display: inline-block;} 
.limited_reg{ max-width: 300px; text-align: center; margin: 0 auto; height: 80px; position: relative; top: -50px;} 
.limited_reg img{ max-width: 80%;}
.form-check .checllbl{ font-size: 12px;}
.formsales .form-group{ margin-bottom: 10px;}
  
.stre_m{padding: 30px 0; background-color: #fff; margin: 0px 0; }
.stre_m h2{ font-size: 50px; color: #ff9600; font-weight: 900; text-align: center; text-transform: uppercase;}
.stre_m h4{ font-size: 40px; color: #000; font-weight: 700; text-align:center; margin: 15px 0; }
.stre_m ul{ font-size: 18px;  margin: 15px 0; width: 100%; padding: 0px;}
.stre_m ul li{font-size: 22px; color: #fff; font-weight: 500; border-radius: 50px; list-style: none;  background: url(../images/worldlargest_list.png) top center no-repeat ; background-size: 100% 100%; margin: 15px 0; height: 90px; padding: 22px 15px 10px 110px; } 
.stre_m ul li.double{font-size: 22px; color: #fff; font-weight: 500; border-radius: 50px; list-style: none;  background: url(../images/worldlargest_list.png) top center no-repeat ; background-size: 100% 100%; margin: 15px 0; height: 90px; padding: 5px 15px 10px 110px; } 

.digital_bb {background-color: #fff9f8; padding: 40px; }
.digital_bb h2{ font-size: 48px; color: #000; font-weight: 900; text-transform: uppercase; text-align: center;}
.digital_bb h2 span{ font-size: 48px; color: #ff9600; font-weight: 900; text-transform: uppercase;}
.digital_bb h4{ font-size: 30px; color: #000; font-weight: 700;  text-align: center;}
.applinks img { margin: 0 10px;} 

.formcall{ position: relative; top:35px; height: 0; text-align: center;}
.formcall i{ color: #f3a60e; font-size: 28px; font-weight: 700;}
.formcall span{ color: #fff; font-size: 28px; font-weight: 700;}
.visit_link{ font-size: 28px; color: #000; background-color: #ccc; padding: 10px 30px; font-weight: 700; border-radius: 5px; text-decoration: none; }
.visit_link:hover{ color: #ff9600; text-decoration: none; transition: 0.5s;}


.popbody{background: #2c6260; border: 2px #ccc dashed; border-radius: 35px; padding: 60px 45px 20px; }
.popmain{ width: 80% !important; max-width: 80%; margin: 0 auto;} 
.popmain button span { color: #fff;}
.modal-body h3{ text-align: center; color: #2c6260; font-size: 36px; text-transform: uppercase; text-decoration: underline; margin-bottom: 40px; font-weight: 700;}
.popbody .col img{ max-width: 120px;}
.popbody .callbtn img{ max-width: 200px; margin: 20px auto; text-align: center; display: block;}
.popbody .psc_calender{ width: 50%; padding:5px 20px; text-align: center; color:#2c6260; font-size: 28px; background: #fff; border: 2px #2c6260 dashed; font-weight: 700; margin: 0 auto; display: block; position: absolute; top: 60px; left: 0; right: 0; border-radius: 5px;}
.modal-body a.callbb{ width: 350px; text-align: center; margin: 20px auto 10px; display: block; padding: 10px 20px; font-size: 20px; border-radius: 2rem !important; color: #fff; text-transform: uppercase; border:none; font-weight: 700; border:1px #d85801 solid; outline: none; cursor: pointer;
    background: rgb(216,88,1);
    background: -moz-linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    background: linear-gradient(0deg, rgba(216,88,1,1) 0%, rgba(231,155,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d85801",endColorstr="#e79b67",GradientType=1);}
.modal-body p{ text-align: center; display: block; letter-spacing: 5px; color: #000; font-size: 30px; text-transform: uppercase;}