@import url('https://static.idriveonlinebackup.com/new-design/structure/style/idrive-theme.css?v=7.4.8');
.contactus .banner_sec .menu_sec {width: auto;float: left;}
.contactus .banner_sec .menu_sec ul {display: flex;align-items: center;column-gap: 20px;}
.contactus .banner_sec .menu_sec ul li {margin: 40px 15px 0px 15px;position: relative;font-size: 20px;}
.contactus .banner_sec .menu_sec ul li:before {content: '';width: 1px;height: 60%;background: #ddd;position: absolute;right: -25px;top: 10px;}
.contactus .banner_sec .menu_sec ul li a {    color: #000;}
.contactus .banner_sec .menu_sec ul li a:hover {color: var(--colorRed);}
.contactus .banner_sec .menu_sec ul li:last-child:before {background: none;}
.contactus .banner_sec .menu_sec {width: auto;float: right;padding: 20px 0 50px 0;}
.btn_sect .loader {position: relative;top: 30px;left: 10px;display: none;}
.contactus .banner_sec {width: 100%;height: auto;float: left;background: transparent linear-gradient(0deg, #FFFFFF 63%, #FFF7F3 75%) 0% 0% no-repeat padding-box;padding-bottom: 80px;}
.contactus a.a_link {float: none;color: #0077cf;}
.contactus a.a_link:hover {color: #111;}
.contactus .success p{line-height: 28px;}
.contactus .banner_sec .banner_content_cont {width: 100%;height: auto;float: left;display: table;position: relative;margin-bottom: 50px;}
.contactus .banner_sec .banner_content_cont .banner_content_area{width: 53%;position:relative;z-index:9999}
.contactus .banner_sec .banner_content_cont .banner_content_area h1{color:#000;line-height:44px;font-size: 26px;font-weight:600;margin: 30px 0 15px;}
.contactus .banner_sec .banner_content_cont .banner_content_area p{color:#104a69;float: left;margin-bottom: 13px;}
.contactus .banner_sec .banner_content_cont .banner_content_area,.banner_sec .banner_content_cont .banner_gra_cont{display:table-cell;vertical-align:middle}
.contactus .banner_sec .banner_content_cont .banner_gra_cont {vertical-align: bottom;position: absolute;top: -20px;right: 90px;}
.contactus .banner_sec .banner_content_cont .banner_gra_cont img {width: auto;position: relative;top: 0;}
.contactus form {width: 100%;border-top: 1px solid #ddd;float: left;max-width: 70%;padding-top: 30px;}
.contactus .banner_sec .banner_content_cont .banner_content_area .link_menu span {cursor: default;display: inline-block;padding: 0 20px 0 15px;position: relative;color: #333;}
.contactus .banner_content_cont .banner_content_area .link_menu span:before {content: '';position: absolute;left: 0;top: 8px;width: 7px;height: 7px;border-radius: 7px;background: red;}
.contactus .banner_sec .banner_content_cont .banner_content_area .banner_btn {width: 100%;height: auto;float: left;}
.contactus .banner_sec .banner_content_cont .banner_content_area .banner_btn a {margin: 60px 0 0;background-color: #fa665c;color: #fff;border: 1px solid #fa665c;font-size: 16px;font-weight: 400;padding: 15px 25px;border-radius: 30px;cursor: pointer;display: inline-block;float: left;}
.contactus .banner_sec .banner_content_cont .banner_content_area .banner_btn a:hover {border: 1px solid #98a9b2;background-color: #fff;color: #104a69;}
.contactus .banner_sec .banner_content_cont .banner_content_area .banner_btn .btn_contact {background: #fff;border: 1px solid #667b93;color: #667b93;margin-left: 10px;}
.contactus .banner_sec .banner_content_cont .banner_content_area .banner_btn .btn_contact:hover{background: #667b93;color: #fff;}
.form {float: left;width: 100%;margin: 30px 0 0;box-shadow: 0px -7px 12px #d8d8d866;padding: 50px;background: #fff;/* border-radius: 10px; */border-top-left-radius: 20px;border-top-right-radius: 20px;}
.form ul {width: 100%;float: left;display:block;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.form ul li {color: #545454;display: inline-block;position: relative;margin-right: 20px;}
.comon_error{display: none;color: red;width:100%;float:left;}
.form .row-box {float: left;width: 100%;margin-bottom: 25px;font-size: 14px;}
.form .left-box {float: left;width: 50%;box-sizing: border-box;padding-right: 25px;}
.form .right-box {float: right;width: 50%;box-sizing: border-box;padding-left: 25px;}
.form .error_msg{display:none;color: red;line-height: 42px;}
.form input[type=text], .form input[type=email], .form select {appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;height: 40px;margin: 0px 0 0;width: 100%;font-size: 1em;border: 1px solid #e1e1e1;background: #ffff;box-sizing: border-box;padding: 6px 10px;color: #000;font-family: inherit;border-radius: 5px;}
.form textarea {height: 160px;margin: 5px 0 0;padding: 4px 10px;width: 100%;background: #fff;font-size: 1em;border: 1px solid #e1e1e1;background: #fff;box-sizing: border-box;resize: none;font-family: inherit;border-radius: 5px;}
.form label{color: #104a69;line-height: 28px;}
.form ul li label{font-size: 17px;color:#104a69;font-weight: 700;padding-left: 10px;}
.support-submit {width: auto;height: 40px;line-height: 32px;text-align: center;border: 1px solid #2b80c3;background: #2b80c3;color: #fff;float: left;margin: 20px 0;border-radius: 2px;padding: 0 40px;cursor: pointer;font-size: 1.2em;-webkit-appearance: none;appearance: none;border-radius: 40px;}
.support-submit:hover{background: #3895de;border: 1px solid #3895de;}
#msoffice, #googleworkspace {border-radius: 3px;width: 20px;height: 20px;border-color: #eee;}
.chkbox {position: relative;padding-left: 40px!important;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chkbox input {position: absolute;opacity: 0;cursor: pointer;visibility: hidden;}
.checkmark {position: absolute;top: 0px;left: 0;height: 25px;width: 25px;background-color: #fff;border: 1px solid #5383a0;border-radius: 4px;}
.chkbox:hover input~.checkmark {background-color: #fff;}
.chkbox input:checked~.checkmark {background-color: #5383a0;}
.checkmark:after {content: "";position: absolute;display: none;}
.chkbox input:checked~.checkmark:after {display: block;}
.chkbox .checkmark:after {display: block;left: 7px;top: 1px;width: 10px;height: 17px;border: solid #fff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.select-wrap{position: relative;}
.select-wrap:before {content: ' ';top: 1px;right: 6px;width: 30px;height: 38px;position: absolute;pointer-events: none;}
.select-wrap:after {content: ' ';top: 6px;right: 1px;background: url(https://static.idriveonlinebackup.com/source/images/selectbox-arrow20.png) no-repeat scroll center;width: 30px;height: 30px;position: absolute;pointer-events: none;}
.contactus .menu-wrap{display:none;width:95px;height:44px;float:right;padding:13px 10px 13px 16px;background:#014f82;margin:0;box-sizing:border-box}
.contactus .menu-wrap .menu-text{float:left;color:#fff;font-size:14px;margin:0 0 0 5px}
.contactus .menu-icon span{height:2px;background:#fff;width:22px;margin-bottom:4px;display:block}
.p_heading{padding: 20px 0 20px;font-size: 20px;color: #104a69;font-weight: 700;}
.success {display: none;border: 1px solid #e9e6d4;background: #f5f2dc;float: left;width: 100%;height: 70px;padding: 20px;border-radius: 12px;margin-bottom: 10px;}
.success_logo {background: url(https://static.idriveonlinebackup.com/source/images/message_icon_new.png) no-repeat 8px 0px;/* display: inline-block; */width: 50px;height: 47px;float: left;background-size: cover;}
.error {display: none;border: 1px solid #f2e0ce;background: #fff6e0;float: left;width: 100%;height: 70px;padding: 20px;border-radius: 12px;}
.error_logo {background: url(https://static.idriveonlinebackup.com/source/images/message_icon_new.png) no-repeat 8px -54px;/* display: inline-block; */width: 50px;height: 47px;float: left;background-size: cover;}
#feedBackCaptcha {display: inline-block;margin-block-start: 20px;}
span#captcha_err {float: left;width: 100%;}
/*contactusal css ends here*/

/*responsive*/
@media only screen and (max-width:1180px){
.contactus .banner_sec{height: auto;padding-block-start: 40px;}
.contactus .banner_sec .menu_sec{display: none;}
}
@media only screen and (max-width:1024px){
.contactus .banner_sec {height: auto;}
.contactus .multilayer_sec .multilayer_cntnt{width: 44%;margin: 0 20px 60px 30px;}
.contactus .rans_threat {padding: 70px 0 20px;}
.contactus .banner_sec .banner_content_cont .banner_gra_cont img {width: 360px;top: 20px;}
.contactus .banner_sec .banner_content_cont .banner_content_area .link_menu span{padding: 0 20px 15px 15px;}
.contactus .multilayer_sec .multilayer_cntnt:nth-child(3n+2){margin:0 20px 60px 30px;}
.contactus .banner_sec .banner_content_cont .banner_content_area h1{font-size:22px;}
.contactus .banner_sec .menu_sec ul li {margin: 40px 12px 0px 12px;position: relative;font-size: 17px;}
.contactus .banner_sec .banner_content_cont .banner_gra_cont{right: 0;}
}
@media only screen and (max-width:980px){
.banner_sec .banner_content_cont .banner_gra_cont {display: none;}
.contactus .banner_sec .banner_content_cont .banner_content_area h1{font-size: 22px;line-height: 42px;}
.contactus .banner_sec{padding-block: 50px;height: auto;}
.contactus .educ_inst .edu_right img{display: none;}
.contactus .educ_inst .edu_left, .contactus .educ_inst .edu_right{width: 100%;}
.contactus .rans_threat .edu_para{padding: 20px;position: relative;background-size: cover;width: 95%;height: auto;}
.contactus .rans_threat h2{font-size: 21px;padding-top:30px;}
/*.contactus .educ_inst{padding-top: 300px;margin-top: 300px;}*/
.contactus .educ_inst .edu_left h2, .contactus .multilayer_sec h2, .contactus .edu_sec h2{font-size: 21px;}
.contactus .multilayer_sec .multilayer_cntnt{width: 43%;margin: 0px 25px 60px;}
.contactus .educ_inst {padding-top: 95px;}
.contactus .multilayer_sec{margin-top: 0px;}
.contactus .multilayer_sec h2 a{font-size: 21px;}
.contactus .multilayer_sec h2{margin-bottom: 50px;}
.contactus .multilayer_sec .multilayer_cntnt:nth-child(3n+2){margin: 0px 25px 60px;}
.success{height: auto;padding: 20px 0 0;margin-bottom: 30px;}
.success p{font-size: 14px;padding-bottom: 20px;}
.form ul li {width: 100%;}
.form .row-box {margin-bottom: 0px;}
.contactus form{max-width: 100%;}
.form .left-box, .form .right-box {padding-bottom: 25px;}
.contactus .banner_sec .menu_sec{display: none;}

}

@media only screen and (max-width:767px){
.form{padding:20px;width: 100%;}
.form ul{display:table;}
}
@media only screen and (max-width: 640px) {
.contactus .banner_sec .banner_content_cont .banner_content_area .link_menu span{padding: 0 20px 15px 15px;}
.form .left-box, .form .right-box{width:100%;padding-right: 0px;padding-left: 0px;}
.form ul li {width: 100%;}
}