/* Email Banner */
.email_yw {background: url(/email/images/banner01.png)no-repeat;height: 520px;overflow: hidden;background-position: center;}
.yw_box{ text-align: center; color: #fff;margin: 35px auto;width: 800px;} 
.yw_box h1{font-size: 48px;margin: 0;color: #fff;}
.yw_text{font-size: 16px;display: block;}
.yw_box ul{margin-top: 20px;text-align: left;}
.yw_box ul li{font-size: 18px;padding-left: 40px;margin-bottom: 5px;}
.yw_box ul li img{vertical-align: text-bottom;}

/* Email Main Container */
.email{margin: 0 auto;box-shadow: 0px 0px 0px;padding:0;background: #f1f1f1;}

/* Pricing Section */
.h_t_5{ clear:both;position: relative;}
.h_t_5 .h_ul_1{width: 100%;display: flex;align-items: center;gap: 20px;}
.h_t_5 .h_ul_1 li{flex: 1;}
.h_t_5 .h_ul_1 li:last-child{ margin-right:0;}
.h_t_5 .h_ul_1 .cont{background: #fff;padding: 20px;}
.h_t_5 .h_ul_1 .cont h3{margin: 0;font-size: 24px;}
.h_t_5 .h_ul_1 .cont .pyr{font-size:18px;}
.h_t_5 .h_ul_1 .cont .pyr span{font-size:32px;color:#FF3500;font-weight: bold;}
.h_t_5 .h_ul_1 .cont .list{font-size: 14px;padding: 0;margin: 0;}
.h_t_5 .h_ul_1 .cont .list li{list-style: inside; text-align:left;font-size: 16px;padding: 0;margin: 0 0 5px;}
.blackfont{color: #000;}

/* Buttons */
.btn2{background: #FF3500;color: #fff;border: none;padding: 8px 15px;border-radius: 3px;}
.cont_btn{background: #ececec;margin: 20px 0 0;width: 100%;font-size: 14px;color: #000;font-weight: bold;border-radius: 100px;height: 45px;}
.cont_btn:hover{background: #e62f00 !important;color: #fff;}
.bn{background: #666666;color: #fff; border: none;padding: 8px 15px;border-radius: 3px;}
.mainButton {padding: 0px 20px;background: #ececec;color: #000;font-size: 14px;border: 0px;cursor: pointer;height: 45px;line-height: 45px;border-radius: 100px;font-weight: bold;}
.mainButton:hover{background: #FF3500;color: #fff;}

/* Pack Content */
.pack_content{clear: both;padding: 20px 0 50px;overflow: hidden;}
.pack_content_box{background: #fff;padding: 20px;box-sizing: border-box;}
.section_title{text-align: center;padding: 20px 0;font-size: 24px;color: #000;font-weight: bold;}

/* Form Elements */
.mainOrder{border: 0 !important;}
.mainOrder.selectPkg{margin: 0 10px 0;}
/* .pkgContent{padding: 40px 20px;} */
/* .emailCon{} */
.con_item {clear: both;margin: 0 0 15px 0;overflow: hidden;}
.con_item:last-child{margin: 0;}
.itemLeft,.itemRight {vertical-align: middle;display: inline-block;position: relative;}
.itemLeft {width: 130px; line-height: 37px;font-size: 16px;} 
.itemRight {width: calc(100% - 140px);} 
.verTop{vertical-align: top;}

/* Progress Bar and Controls */
.progress_br{}
.ratwrap{height: 40px;background: transparent;padding-left: 0;display: inline-block;vertical-align: middle;float: left;}
.accountShow{display: inline-block;vertical-align: middle;float: left;}
.model_acc_btn{height: 35px;line-height: 35px;border: 1px solid #c2c2c2;display: inline-block;width: 35px;color: #9899;background: #ececec;text-align: center;}
.model_minus, .model_add, .model_ratText{display: none;}
.ratText{ border:1px solid #CCCCCC;margin:0 0 0 10px; padding:2px 0; width:60px;line-height:16px; text-align:center; vertical-align:middle; color:#FF3500; font-size:14px; font-weight:bold;border-radius: inherit;height: 28px;float: left;}

/* Number Controls */
.num_item {border: 1px solid #c2c2c2;border-left: 0;display: inline-block;text-align: center;}
.num{ width: 15px;height: 15px;line-height: 15px;cursor: pointer;}
.num.add{border-bottom: 1px solid #c2c2c2;}
.num.reduce{border-top: 1px solid #fff;}

/* Scale Numbers */
.scaleNum {color: #666;margin-top: 8px;width: 680px;overflow: hidden;margin-left: 5px;}
.scaleNum span {display: inline-block;font-size: 14px;}
.scaleNum01 .scaleNum10{width:4%;}
.scaleNum01 .scaleNum50{width:5%;}
.scaleNum01 .scaleNum100{width:36%;}
.scaleNum01 .scaleNum500{width:45%;}
.scaleNum01 .scaleNum1000{width:7%;text-align: right;}

/* Item Lists */
.item_list{}
.capacity_list li.hot{color: #FF3500;border: 1px solid #FF3500;border-radius: 100px;}
.capacity_list li{border: 1px solid #ccc;text-align: center !important;margin-right: 10px;color: #666;cursor: pointer;font-size: 14px;width: 110px;height: 38px;line-height: 38px;float: left;}
.hot{}
.total_storage{}

/* Button Container */
.mainBtm_right{text-align: right;position: relative;margin-top: 0;}

/* Email Content */
.email_content{}
.email_service{}
.section-title{margin: 0;font-size: 36px;}
.advantage_text{display: block;font-size: 14px;margin: 0;text-align: center;}
.section-subtitle{text-align: center;display: block;font-size: 18px;}
.service_ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.service_ul li{padding: 20px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: left;}
.service_ul li img{display: block;height: 50px;}
.service_title{font-size: 16px;font-weight: bold;line-height: 25px;margin: 10px 0;}
.service_content{font-size: 14px;color: #666;}

/* Benefits Section */
.benefits-section .service_ul li .service_title{margin-top: 0;}

/* Table Styles */
.e_l_1{clear: both;text-align: center;}
/* .e_l_1 table{margin-bottom: 20px;} */
.e_l_1 table{background: #fff;}
.e_l_1 table tr th{background: #000;color: #fff;padding: 10px 0;width: 25%;font-size: 16px;}
.e_l_1 table td{padding: 10px 0;font-size: 14px;}
.e_l_1 table tr{border-bottom: 1px solid #ccc;}
.e_l_1 table tr:last-child{border-bottom:0;}
/* .e_l_1 table tr:nth-child(odd){background-color: #f1f1f1;} */
/* .e_l_1 table tr:nth-child(even){background-color: #fff;} */
.e_l_1 table td span{color:#9cb864;}
.e_l_1 h2{margin-bottom: 30px;}

/* Rating Slider */
#rating1{
	overflow: hidden;
    zoom: 1;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(https://iisp.com/email/images/v5/rating0.png);
    height: 36px;
    width: 680px;
}

/* Mobile Responsive */
@media screen and (max-width: 768px){
	.main_padding{padding: 20px 0 0;}
	/* .h_t_5{height: auto;padding: 20px 10px 0;} */
	.h_t_5 h1{font-size: 18px;margin-top: 0;}
	.h_t_5 .h_ul_1{position: relative;top: 0;display: block;}
	.h_t_5 .h_ul_1 li{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .h_t_5 .h_ul_1 li:last-child{margin-bottom: 0;}
    .h_t_5 .h_ul_1 .cont{padding: 15px;}
	.h_t_5 .h_ul_1 .cont h3{font-size: 18px;}
	.h_t_5 .h_ul_1 .cont .pyr span{font-size: 24px;}
	.h_t_5 .h_ul_1 .cont .list li{margin-bottom: 0;font-size: 14px;}
	.cont_btn{margin: 10px 0 0;font-size: 12px;height: 35px;}
	.section_title{padding: 0 !important;font-size: 16px !important;line-height: 25px;}
	.pack_content .mainOrder .ratwrap{display: none;}
	.itemLeft{width: 100px !important;font-size: 12px;}
	.con_item:last-child .itemLeft {display: none;}
	.mainOrder .con_item{margin: 0 0 10px;}
    .mainOrder .con_item:last-child{margin: 0;}
	.mainBtm_right{width: 100%;}
	.mainButton{width: 100%;font-size: 12px;height: 35px;line-height: 35px;}
	.itemRight{width: calc(100% - 107px) !important;}
	.capacity_list li{width: 100%;font-size: 14px !important;}
	.pack_content .mainOrder .num_item{display: none;}

	.model_minus, .model_add, .model_ratText{display: block;}
	.ratText{margin: 0 !important; float: none !important; display: none;}

	.accountShow{display: flex;width: 100%;}
    .mainOrder.selectPkg{margin: 0;}
	.model_ratText{width: calc(100% - 43px);text-align: center;border-right: 0 !important;border-left: 0 !important;border: 1px solid #ccc;}

	.mainOrder .pkgContent{padding: 20px 0 0 !important;}

	.email_service .service_ul{grid-template-columns: repeat(1, 1fr);gap: 10px;}
	.email_service .service_ul li{width: 100%;margin:  0;padding: 15px;}
	.email_service .service_ul li .service_title{font-size: 14px;}
	.email_service .service_ul li .service_content{font-size: 12px;}

	.e_l_1 h2{margin-bottom: 20px;}
	.e_l_1 table td.cols{text-align: center;padding: 0;font-size: 14px;}
	.e_l_1 table{margin: 0;}

	.email_yw{height: auto;background-position: top center;}
	.yw_box{width: 100%;padding: 0 10px;box-sizing: border-box;margin: 20px 0;}
	.yw_box h1{font-size: 22px;}
	.yw_box ul{margin-top: 15px;}
	.yw_box ul li{font-size: 12px;padding-left: 20px;}

	.email_content{width: 100%;box-sizing: border-box;}

	.e_l_1 table tr th{padding: 5px 0;font-size: 14px;}
	.e_l_1 table td{padding: 5px;font-size: 12px;}
	.pack_content_box{margin-bottom: 20px;padding: 15px;}

    .scaleNum{display: none;}
}