@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900|Poppins:300,400,500,600,700,800,900&display=swap');

/*
font-family: 'Nunito Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

:root {
  --font1: 'Nunito Sans', sans-serif;
  --font2: 'Poppins', sans-serif;
  --default_pagebg:#f9f9f9;
  --color1:#007bff;
  --color2:#023362;
  
  --Not_Answered:#d9534f;
  --Answered:#5cb85c;
  --Marked:#9b59b6;
  --Not_Visited:#dddddd;
}
*:focus{/*border:0px !important;*/ outline:0px !important;}

body{padding:0px; margin:0px; font-family:var(--font1);}

h1,h2,h3,h4,h5,h6{padding:0px; margin:0px 0 15px 0; font-family:var(--font2); font-weight:700;}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em{font-style:normal; font-weight:normal;}

i.fa,[class^=icofont]{margin-right:5px;}
.input-group i.fa,.input-group [class^=icofont]{margin:0px;}
.text-decoration-none,.text-decoration-none:hover{text-decoration:none;}
.table-sm .btn-sm{padding-top:1px; padding-bottom:1px; line-height:none;}
.text-small{font-size:85%;}
.btn-xs{padding-top:1px; padding-bottom:1px; line-height:none; font-size:13px;}
.card .table{margin-bottom:0px;}

.header{background-color:#fff;}

.menu-search{border:1px solid #ccc; border-radius:25px; background-color:#fff;}
.menu-search input[type=search],
.menu-search button{height:inherit; background-color:transparent; border:0px; padding:3px 15px;}

.dropdown:hover .dropdown-menu{display:block;}
.ml-auto .dropdown-menu{right:0px; left:inherit;}

.header .navbar .navbar-nav .nav-link{font-size:12px; line-height:1.5; text-align:center; font-weight:700; padding:0 15px;}
.header .navbar .navbar-nav .nav-link i{font-size:24px; color:#bbb; font-weight:normal;}
.header .navbar .navbar-nav .nav-link:hover,
.header .navbar .navbar-nav .nav-link:hover i{color:#000;}

.testpage_header .navbar .navbar-nav .nav-link{font-size:15px; font-weight:700; color:#fff;}
.testpage_header .dropdown-menu{padding:0px; margin:0px; min-width:inherit; overflow:hidden;}
.testpage_header .dropdown-divider{margin:0px;}
.testpage_header .dropdown-item{font-size:12px; text-transform:uppercase; font-weight:700;}
.testpage_header .dropdown-item:hover{background-color:var(--primary); color:#fff;}

.banner{background:url(../images/banner-bg.jpg) center top no-repeat; background-size:cover; padding:20px 0px; color:#fff;}
.banner h4{font-weight:500;}
.banner a{color:#fff;}

.login-form{background-color:#fff3; padding:20px;}
.login-form h3{font-size:22px;}

 .login-or {position: relative; font-size: 18px; color: #666; margin:20px 0; padding-top: 10px; padding-bottom: 10px;}
 .span-or {display: block; position: absolute; left:0; right:0px; top: -2px; margin:0 auto; background-color: #fff; width:100px; border-radius:100px; text-align: center; font-size:14px;}
 .hr-or{background-color:transparent; margin:0px; border-top:1px solid #0003; border-bottom:1px #fff3 solid;}

 .why{padding:60px 0px; font-size:18px; color: #0b182f;}
 .why strong{font-weight: 700;}
 .why .div-cell:first-child{width:48px;}

 .div-table{display:table; vertical-align:middle; width:100%;}
 .div-cell{display:table-cell; vertical-align:middle;}

 .numbering{background-color:var(--color1); width:48px;text-align:center; line-height:48px; color:#fff; font-family:var(--font2); font-weight: 700; font-size: 1.5rem; border-radius:100px; margin-right:15px;}

 .section{padding:60px 0px; font-size:14px;}
 .lightbg{background-color:#f3f3f3;}

 .custom-tab-btn li{display:block; width:100%; margin:0px;}
 .custom-tab-btn a{border-radius:5px; padding:20px; box-shadow:0 0 5px #0003; display:block; margin-bottom:20px; color:#999; background-color:#fff;}
 .nav-tabs .nav-link.active{color:#000;}
 .custom-tab-btn a:hover{color:#000; background-color:#fff;}
 .custom-tab-content{border-radius:5px; padding:20px; box-shadow:0 0 5px #0003; color:#3b4a54; background-color:#fff;}
 .custom-tab-content .card-link{font-size:15px; color:#3b4a54; font-weight:600; display:block; padding:15px 0px; border-bottom:1px solid #ccc;}
 .custom-tab-content .collapse{border-bottom:1px solid #ccc; padding-bottom:15px;}

.started{background:url(../images/homepage-banner-2.jpg) top center no-repeat; background-size:cover; padding:80px 0px; position:relative; text-align:center; color:#fff;}
.started:before {content: ''; position: absolute; vertical-align: middle; min-height: inherit; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear,left top,right top,from(black),to(rgba(0,0,0,0))); background: -o-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%); background: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%);}
.started h4{font-weight:normal;}

.footer{background-color:#1b1b1b; padding:40px 0px 0 0; color:#819aa9; line-height:22px; font-size:13px;}
.footer a{color:#819aa9;}
.footer a:hover{color:#fff;}
.footer h5{font-size:14px; font-weight:500; color:#fff;}
.footer .links, .footer .links li{margin:0px; padding:0px; list-style:none;}
.footer .links li a.active{color:#fff; text-decoration:underline;}
.footer .social, .footer .social li{margin:0px; padding:0px; list-style:none;}
.footer .social li{float:left;}
.footer .social li a{padding:10px; font-size:20px;}

.copy{border-top:1px solid #dfe4e811; padding:20px 0px; margin-top:40px;}
.copy .right a{padding:0 15px;}

/*---------------------------------------------*/
.image-banner{color: #fff; padding-top: 110px; padding-bottom:110px; position:relative; overflow:hidden;}
.image-banner .container{position:relative; z-index:2;}
.image-banner .ubanner-img{position:absolute; z-index:1; top:0px; bottom:0px; left:0px; right:0px;}
.image-banner .ubanner-img:before{content:""; background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)); position:absolute; z-index:2; top:0px; bottom:0px; left:0px; right:0px;}
.image-banner .ubanner-img img{object-fit: cover; position:absolute; z-index:1; top:0px; bottom:0px; left:0px; right:0px;}
 
/* Breadcum bar */
.bread-bar {background: #f9f9f9; box-shadow: 0 1px 2px rgba(0,0,0,.1); min-height: 40px; height: auto; position: relative; z-index: 555;}
.breadcrumb {background: none; margin: 0; font-weight: 300; padding-left: 0; font-size: 13px;}
.breadcrumb a {color: #999;}
.breadcrumb > .active {color: #666;}
.breadcrumb > li + li::before {content: "\203A"; color: #999;padding: 0 8px;}
/*--------------------------------------------*/

/*---------------------------------------*/
.testpage{background-color:var(--default_pagebg); font-size:14px;}
.testpage ::-webkit-scrollbar {width:5px;}
.testpage ::-webkit-scrollbar-track {background: #f1f1f1;}
.testpage ::-webkit-scrollbar-thumb {background: #888;}
.testpage ::-webkit-scrollbar-thumb:hover {background: #555;}


.testpage .card{box-shadow:0 0 10px #0001;}
.testpage p{margin-bottom:10px;}
.testpage_header{background-color:var(--color1);}
.testpage_header .logo{padding:10px 0px; display:inline-block;}

.testpage_left,.testpage_center,.testpage_right{height:93vh;}
.testpage_left,.testpage_right{padding:10px; overflow-y:scroll;}
.testpage_center{padding:20px 0 0 0px; position:relative;}

.test_q_list{border:1px solid #e3e3e3; border-radius:3px; padding:10px; background-color:rgba(0,0,0,.01); font-size:12px; line-height:1.3; margin-bottom:8px; color:#777;}
.test_q_list .icon,
.testpage_right .buttons a,
.r_btn{width:32px; height:32px; line-height:32px; text-align:center; border-radius:100px; background-color:var(--Not_Visited); font-weight:bold; color:#000; display:inline-block; float:left;}
.test_q_list .div_details{margin-left:40px;}
.test_q_list p{margin-bottom:7px;}
.test_q_list p+p:last-child{margin-bottom:0px;}
.test_q_list.active,.test_q_list:hover{border:1px solid #666; background-color:#fff; color:#000;}
.test_q_list.active .icon,.testpage_right .buttons a:hover{box-shadow:0 0 7px #0009; text-decoration:none;}

.testpage_center .card.title{margin-bottom:10px;}
.testpage_center .card.title .card-body{padding:15px 8px 8px 8px;}
.testpage_center .card.title h4{font-size:14px; display:inline-block; padding:3px 5px; background-color:var(--default_pagebg); font-weight:500; margin-bottom:0px; position:absolute;; top:-11px;}
.testpage_center .page_bottom{position:relative; bottom:0px; left:0px; right:0px; z-index:99;}
.testpage_center .page_bottom .btn-primary{margin-top:5px;}

.question .form-check{padding:0px; margin:0px; margin-bottom:5px;}
.question .form-check-label{padding:7px 30px; cursor:pointer; background-color:var(--default_pagebg); display:block; border:1px solid #eee; border-radius:4px;}
.question .form-check-label:hover{background-color:#eee; border:1px solid #ccc;}

.testpage_right .buttons{/*display:flex; flex-wrap: wrap;*/ height:58vh; overflow-y:scroll;}
.testpage_right .buttons a{margin:14px;}

.indicators{padding:5px 10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; line-height:32px; margin:10px auto;;}
.indicators .r_btn{margin-right:5px;}

.Not_Answered,.Answered,.Marked,.Marked_Answered{color:#fff !important;}
.Not_Answered{background-color:var(--Not_Answered) !important;}
.Answered{background-color:var(--Answered) !important;}
.Marked{background-color:var(--Marked) !important;}
.Marked_Answered{background-color:var(--Answered) !important; border:5px solid var(--Marked) !important;}

.text-Not_Answered{color:var(--Not_Answered) !important;}
.text-Answered{color:var(--Answered) !important;}
.text-Marked{color:var(--Marked) !important;}

.form-left{background-color:#f3f3f3;}

.admin_sidemenu{background-color:var(--primary); padding-top:15px; position:relative;}
.admin_sidemenu:after{content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,.5);}
.admin_sidemenu ._sidemenu{position:relative; z-index:2;}
.admin_sidemenu .list-group-item:hover{background-color:var(--primary); color:#fff;}
.admin_sidemenu .side-submenu .list-group-item{padding:8px 10px 8px 30px; font-size:12px;}
.admin_sidemenu .side-submenu .list-group-item:before{font-family: 'FontAwesome'; content: "\f101"; margin-right:5px;}

.profile_card{font-size:12px; line-height:1.5;}

.message{border: 2px dashed #7090d8;color: #4f4f50;font-size: 14px;line-height: 20px; padding:20px;}

.my_profile p {font-size: 0.875rem;margin-bottom: .5rem;line-height: 1.3rem;}
.my_profile .card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid #e7eaed;border-radius: 0;}
.my_profile .card .card-description {margin-bottom: .875rem;font-weight: 400;color: #76838f;}
.my_profile .profile-header {height: 150px;width: 100%;position: relative;}
.my_profile .cover-image {height: 150px;width: 100%;overflow: hidden;}
.my_profile .user-image {position: absolute;height: 80px;width: 80px;border-radius: 50%;bottom: -50%;left: 50%;/* top: 50%; */transform: translate(-50%, -50%);z-index: 5;}
.my_profile .user-image img {height: 80px;width: 80px;border-radius: 50%;top: -40px;border: 5px solid #777;}
.my_profile .profile-card .profile-content {padding: 50px 20px 30px 20px;}
.my_profile .profile-card .profile-name {font-size: 1.2rem;color: #3249b9;font-weight: 600;text-align: center;}
.my_profile .profile-card .profile-designation {font-size: 13px;color: #777;text-align: center;}
.my_profile .profile-card .profile-description {padding: 10px;font-size: 13px;color: #777;margin: 5px 0px;background-color: #F1F2F3;border-radius: 5px;}
.my_profile .profile-card ul.profile-info-list {padding: 0;margin: 10px 0;list-style: none;font-size: 1rem;font-weight: 500;color: #777;}
.my_profile .profile-card ul.profile-info-list a {text-decoration: none;color:inherit;}
.my_profile .profile-card a.profile-info-list-item {margin: 10px 0;padding:15px;background-color: #F1F2F3;display: block;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.my_profile .profile-card a.profile-info-list-item:hover {background-color: #9E9E9E;color: white;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.my_profile .profile-card a.profile-info-list-item  i {padding: 10px;}
.my_profile ul.about {list-style: none;color: black;padding: 0;}
.my_profile li.about-items {margin: 10px;font-size: 0.9rem;/* font-family: sans-serif; *//* font-weight: 400; */}
.my_profile li.about-items i {color:#607d8b;}
.my_profile span.about-item-name {width: 100px;display: inline-flex;margin-left: 10px;}
.my_profile span.about-item-detail {display: inline-flex;width: calc(100% - 160px);}
.my_profile span.about-item-detail > button{margin-right: 10px;}
.my_profile .btn.btn-icon {width: 40px;height: 40px;padding: 0;}
.my_profile .btn.btn-rounded {border-radius: 50px;}
.my_profile a.about-item-edit {float: right;}

.report-deshboard{box-shadow:0 0 10px #0001;}
.report-deshboard .big-text{font-size:23px; line-height:1.8;}
.report-deshboard .big-text strong{color:var(--primary);}
.report-deshboard .big-text em{font-style:normal; color:var(--success);}
.report-deshboard .user-image{width:150px; text-align:center; height:150px; line-height:150px; display:inline-block; border-radius:100px; border:3px solid #f3f3f3; overflow:hidden; position:relative;}
.report-deshboard .user-image img{width:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.report-deshboard .rr{font-size:20px; border-top:1px solid #ccc; padding-top:10px;}

#accordion .nav-tabs{border-bottom:3px solid #eee;}
#accordion .nav-tabs .nav-item .nav-link{font-size:17px; font-weight:600; color:#757575; background-color:#f3f3f3; border:0px; padding:17px;}
#accordion .nav-tabs .nav-item .nav-link.active{color:var(--primary); background-color:#fff; bottom:-3px; position:relative; border-top:3px solid var(--primary);}
#accordion .nav-tabs .nav-item .nav-link:hover{background-color:#e3e3e3; color:#000;}
#accordion .nav-tabs .nav-item .nav-link.active:hover{background-color:#fff;}

.card-link{display:block; font-size:20px; letter-spacing:0.02em; color:#333; font-weight:600; padding:15px 0px; border-bottom:1px solid #ccc;}
.card-link.active-acc{color:var(--primary);}
.card-link:after {font-family: 'FontAwesome';content:"\f0d8";float: right;}
.card-link.collapsed:after {content:"\f0d7";}
.card-link+div .tab_aco{background-color:#f9f9f9; padding:15px;}


.contact-info,#contact-form{padding:60px;}
.contact-info{background-color:var(--color2); border-radius:20px; color:#fff;}
.contact-info a{color:var(--yellow);}

.icon-matter{display:flex; font-family:var(--font2); border-top:1px solid #fff2; border-bottom:1px solid #0006; padding:20px 0;}
.icon-matter:last-child{border-bottom:0px; padding-bottom:0px;}
.icon-matter:first-child{border-top:0px;}
.icon-matter .icon{font-size:45px; width:60px;}
.icon-matter .matter strong{font-size:21px; font-weight:300;}

#contact-form{border-radius:20px; box-shadow:0 0 40px #0003}
#contact-form .input-group-text{background:none; color:#999;}
#contact-form .input-group .form-control{border-left:0px;}
#contact-form .btn{background-color:var(--color2); color:#fff; border:1px solid #0003;}
#contact-form .btn:hover{background-color:#333;}

@media(max-width:768px){
    .modal-backdrop{z-index:2;}
    .only-desktop{display:none;}
    .navbar .navbar-nav .nav-link{text-align:left; line-height:34px; border-bottom:1px solid #eee;}
    .navbar .navbar-nav .nav-link i{line-height:34px; margin-right:5px;}
    .navbar .navbar-nav .nav-link br{display:none;}
    .login-form .btn{margin-bottom:10px;}
    .why,.section{padding-bottom:0px;}
    .footer h5{margin-top:40px;}
    .copy {text-align:center;}

    .testpage{padding-bottom:40px;}
    .testpage_header .btn-lg,.fixed .btn-lg{font-size:13px; line-height:27px;}
    .fixed{position:fixed; top: 0; left: 0; right:0px; background-color:var(--color1); z-index:3;}
    .fixed .logo{padding:5px 0px;}
    
    .btn_mobile_menu{width:45px; height:45px; display:block; background-color:var(--color2); cursor:pointer; cursor:pointer; z-index:1; float:right; position:relative; margin-right:-15px;}
	.btn_mobile_menu span{cursor:pointer; height:3px; width:23px; background:#fff; display:block; position:relative; transition:all 500ms ease-in-out; margin:21px 11px; z-index:2;}
	.btn_mobile_menu span:before{cursor:pointer; height:3px; width:23px; background:#fff; position:absolute; display:block; content:''; top:-7px; transition:all 500ms ease-in-out;}
	.btn_mobile_menu span:after{cursor:pointer; height:3px; width:23px; background:#fff; position:absolute; display:block; content:''; bottom:-7px; transition:all 500ms ease-in-out;}

    .testpage_left, .testpage_center, .testpage_right{height:inherit;}    
    .testpage_left{display:none;}
    .testpage_center{font-size:13px;}
    .testpage_center .page_bottom{position:fixed;}
    .testpage_center p{margin-bottom:8px;}
    .page_bottom .btn{font-size:12px;}
    .Finish_Test{position:fixed; top:5px; left:5px; font-size:15px; display:inline-block; width:inherit; z-index:2;}
    .testpage_right{height:0px;}

    .buttons{position:fixed; left: -1000px; top:50px; width: 280px; height: 85vh !important; background-color:var(--default_pagebg); border-right:1px solid #ccc; box-shadow:0 0 40px #0006;}
    .admin_sidemenu{left:-1000px; position:fixed; top:95px; z-index:9; background-color:#fffc; height:86vh; overflow-y:scroll;}
    
    .mobilemenu_hide{-webkit-animation-name:hide; animation-name:hide; -webkit-animation-duration:1s; animation-duration:1s;}
	.mobilemenu_show{left:0px; -webkit-animation-name:show; animation-name:show; -webkit-animation-duration:1s; animation-duration:1s;}
	@-webkit-keyframes show{from {left:-1000px;} to {left:0px;}}
	@keyframes show{from {left:-1000px;} to {left:0px;}}
	
	@-webkit-keyframes hide{from {left:0px;} to {left:-1000px;}}
	@keyframes hide{from {left:0;} to {left:-1000px;}}

    #accordion .nav-tabs .nav-item{width:50%; border:1px solid #ccc;}
    #accordion .nav-tabs .nav-item:nth-child(2n){border-left:0px;}
    #accordion .nav-tabs .nav-item .nav-link{display:block; border:0px; border-radius:0px; padding:20px 10px; margin:0px; bottom:0px; font-size:16px; text-align:center;}
    #accordion .nav-tabs .nav-item .nav-link.active,
    #accordion .nav-tabs .nav-item .nav-link.active:hover{border:0px; margin:0px; bottom:0px; background-color:var(--primary); color:#fff;}

    .contact-info,#contact-form{padding:20px; margin-bottom:30px;}
    #contact-form .btn{display:block; width:100%;}
}

@media(min-width:769px){
    .right{text-align:right;}
    .only-mobile{display:none;}
    .contact-info{position:relative; top:36px; right:-70px;}
}

/*----------------------------------------------------------For Test page-----------------------------------------------------------*/
#home-message {position: fixed;width: 100%;height: 100%;background: rgba(255,255,255,.99);top: 0px;left: 0px;overflow-y: scroll;z-index: 999999999999999999999;}
.progress {display: block;text-align: center;width: 0;height: 3px;background: #ec1c24;color: white;transition: width .3s;}
.progress.hide {opacity: 0;transition: opacity 1.3s;}
.load-block img {display: table;margin: auto;margin-bottom: 20px;}
.load-block {margin: 30px auto;}
.load-block h3 {font-size: 18px;text-align: center;}
.load-block p {text-align: center;font-size: 13px;}
.popup-footer {position: fixed;width: 100%;padding: 40px;background: rgba(255,255,255,.8);bottom: 0px;left: 0px;z-index: 999999999;}
.popup-footer a {display: block;width: 100%;background: #68b779;text-align: center;color: #fff;font-weight: 700;padding: 00px;font-size: 22px;padding: 15px;text-decoration: none;cursor: pointer;}
.ques-nos-box {width: 35px;height: 35px;background: #eee;display: table;margin: 8px auto;text-align: center;line-height:33px;border-radius: 100%;border: solid 1px #e6e6e6;cursor: pointer;}
.qnb-current {background: #fff; box-shadow:0 0 5px #0003; border: solid 1px #ccc;}
/*.ques-nos {border-bottom: solid 1px #dddddd;}*/
.ques-nos {padding: 10px 15px;}
.qnb-selected {width: 35px;height: 35px;color: #fff;font-weight: bold;background: #68b61d;display: table;margin: 8px auto;text-align: center;line-height: 35px;border-radius: 100%;border: solid 1px #ccc;cursor: pointer;}
.qnb-skipped {width: 35px;height: 35px;color: #fff;font-weight: bold;background: #db4007;display: table;margin: 8px auto;text-align: center;line-height: 35px;border-radius: 100%;border: solid 1px #ccc;cursor: pointer;}
.markforreview {background: #9766cc !important;color: #fff;}
.Marked_Answered {background: #68b61d !important;border: 5px solid #9766cc !important;background: #68b61d !important;border: 5px solid #9766cc !important;line-height: 28px !important;}
.answere .answere-list {margin: 0px;padding: 0px;list-style: none;}
.answere .answere-list li {border: solid 1px #efefef;border-radius:5px; background-color:#f9f9f9; padding:5px; margin: 0px 0px 8px;cursor: pointer;-webkit-transition: all .3s linear;transition: all .3s linear;-moz-transition: all .3s linear;}
.answere .answere-list .ans-srno {width:22px;height:22px;line-height:22px;border-radius: 100%;border: solid 1px #d6d6d6;text-align: center;background: #fff;font-size: 11px; font-weight:bold;}
.answere .answere-list .correct-answere .ans-srno {background: #68b61d !important;color: #fff !important;}
.popup-footer {position: fixed;width: 100%;padding: 40px;background: rgba(255,255,255,.8);bottom: 0px;left: 0px;z-index: 999999999;}
.popup-footer input[type="button"] {display: block;width: 100%;background: #68b779;text-align: center;color: #fff;font-weight: 700;padding: 00px;font-size: 22px;padding: 15px;text-decoration: none;cursor: pointer;border: none;}
.answere .answere-list .ans-text {padding-top: 0px;padding-left: 10px;color: #454545; font-size:13px;}
/* Icon 1 */
#top .btn-group a {float: left;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {width: 60px;height: 45px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 9px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {top: 18px;}
#nav-icon1 span:nth-child(3) {top: 36px;}
#nav-icon1.open span:nth-child(1) {top: 18px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}
#nav-icon1.open span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
/* Icon 2 */
#nav-icon2 {-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);margin-top: 8px;}
#nav-icon2 span {display: block;position: absolute;height: 9px;width: 50%;background: #fff;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon2 span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd) {left: 0px;border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 18px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 36px;}
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1) {left: 5px;top: 7px;}
#nav-icon2.open span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
#nav-icon2.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-icon2.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-icon2.open span:nth-child(5) {left: 5px;top: 29px;}
#nav-icon2.open span:nth-child(6) {left: calc(50% - 5px);top: 29px;}
/* Icon 3 */
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top: 18px;}
#nav-icon3 span:nth-child(4) {top: 36px;}
#nav-icon3.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/* Icon 4 */
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 18px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 36px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}

.thanks-popup{color:var(--color2); padding:30px; border-radius:0px; text-align:center; position:relative; margin-top:50px;}
.thanks-popup p{color:#757575;}
.thanks-popup .close{border-radius:100px; height:45px; width:45px; text-align:center; line-height; background-color:var(--color2); color:#fff; text-shadow:none; position:absolute; top:30px; right:-21px; opacity:1;}
.thanks-popup .close:hover{background-color:var(--color1); opacity:1 !important;}

.ans-text span,.ans-text p, .ans-text div{padding:0px !important; font-size:inherit !important; margin:0px !important; color:#333 !important; line-height:none !important; font-family:none !important; text-align:left !important;}

@media(max-width:768px){
    .dm-cus-fixed{z-index:1; border-radius:5px; padding:15px; background-color:#fff; left:0px; right:0px; position:fixed; top:0px;}
}