/*++++++++++++++++ Fonts ++++++++++++++*/

/*
@font-face {
  font-family: 'Nexa-Light';
  src:
    url('../fonts/Nexa-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Nexa-Light.otf')  format('opentype'),
      url('../fonts/Nexa-Light.woff') format('woff'),
      url('../fonts/Nexa-Light.ttf')  format('truetype'),
      url('../fonts/Nexa-Light.svg#Nexa-Light') format('svg');
  font-weight: normal;
  font-style: normal;
} 
@font-face {
  font-family: 'NexaRegular';
  src:
    url('../fonts/NexaRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NexaRegular.otf')  format('opentype'),
    url('../fonts/NexaRegular.woff') format('woff'),
    url('../fonts/NexaRegular.ttf')  format('truetype'),
    url('../fonts/NexaRegular.svg#NexaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NexaHeavy';
  src: 
    url('../fonts/NexaHeavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NexaHeavy.otf')  format('opentype'),
    url('../fonts/NexaHeavy.woff') format('woff'),
    url('../fonts/NexaHeavy.ttf')  format('truetype'),
    url('../fonts/NexaHeavy.svg#NexaHeavy') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Bold';
  src: 
    url('../fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Nexa-Bold.otf')  format('opentype'),
    url('../fonts/Nexa-Bold.woff') format('woff'),
    url('../fonts/Nexa-Bold.ttf')  format('truetype'),
    url('../fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*/

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; *zoom:1;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { background: transparent; color: #000; outline: none; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
a:hover { text-decoration: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
input, select { vertical-align: middle; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -webkit-border-radius: 0; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
ul{ margin-bottom:0}    
input::-moz-focus-inner {
border:0;
padding:0;
}
input[type="text"], input[type="password"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"] { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Poppins', sans-serif;  }
input[type="text"]:focus, input[type="password"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus { outline: none; }
textarea { overflow: auto; vertical-align: top; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none }
textarea:focus { outline: none; }
#contact_comment { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Poppins', sans-serif; }
#contact_comment:focus { outline: none; }
/*::-webkit-input-placeholder:focus{}
:-moz-placeholder{opacity: 1 !important;}
:-moz-placeholder:focus{color: #000;}
::-moz-placeholder{opacity: 1 !important;}
::-moz-placeholder:focus{ color: #000;}
:-ms-input-placeholder{opacity: 1 !important;}
:-ms-input-placeholder:focus{ color: #000;}*/
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; display: block; }
* { margin: 0px; padding: 0px; }
nav ul { list-style: none; }
ul { list-style: none; }
strong { font-weight: 700; }
.nopad { padding-bottom: 0px !important; }
em { font-style: italic; }
/*
body { font-size: 16px; color: #404142; font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0px; padding: 0px 0px 0px 0px; text-align: center; line-height: 1; background:#ffffff; }
*/

body{font-size:18px; color:#333333; font-family:'Roboto'; font-weight:normal; margin:0px; padding:0px; text-align:center; line-height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.width100,  footer, section { float: left; width: 100% !important; }

/*Common Classes*/
p{ font-size:15px; line-height:28px; padding-bottom:28px;}
h1{ font-size:54px; font-weight:400;}
h2{ font-size:40px; font-weight:400;}
h3{ font-size:30px; font-weight:400;}
h4{ font-size:20px; font-weight:400;}
h5{ font-size:18px; font-weight:400;}
.btn{ font-size:14px; font-weight:400; color:#fff !important;}
.btn-rnd{ border-radius:26px;}
.btn-green{ background:#00bf6f; padding:8px 75px;}
.btn-green:hover{ background:#2771b8;}
.btn-activate{ background:#00bf6f; padding:8px 16px;}
.btn-activate:hover{ background:#2771b8;}
.btn-delete{ background:#4b6074; padding:8px 16px;}
.btn-delete:hover{ background:#34393e;}

/*================== Home Page =====================*/
/*Header*/
header{background:#333333;font-family: 'Roboto', sans-serif;}
header .navbar{flex-flow:row-reverse;}
header .navbar .navbar-brand{margin-right:45px;}
header #navbarsExample07 .navbar-nav .nav-item .nav-link{line-height:58px; padding:0 17px; color:#fff; font-size:18px; }
header #navbarsExample07 .navbar-nav .nav-item:first-child .nav-link{padding-left:0;}
header #navbarsExample07 .navbar-nav .nav-item .nav-link:hover{color: rgba(255,255,255,0.7);}
header .left-nav{width:calc(100% - 216px); display:flex; align-items:center;}
header .right-nav{display:flex; width:266px;}
header .right-nav > ul > li > a{padding:0 16px !important; line-height:58px; font-size:18px; color:#fff !important;}
header .right-nav > ul > li.signup a:hover{color: rgba(255,255,255,0.7) !important;}
header .right-nav .dropdownLogin{width:265px;}
header .right-nav .dropdownLogin form .form-group,header .right-nav .dropdownLogin form .form-control{width:100%;}
header .right-nav #lang-droapdown{padding:0 16px !important; line-height:58px; font-size:16px; color:#fff;}
.addPad header.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;
}
/*Banner*/
.banner{ padding: 279px 0px 157px;}
.banner h1{ color:#2771b8; margin-bottom: 20px;}
.banner .btn{ margin-top:6px;}
/*Nav*/

/*.navbar-nav{align-items: baseline;}
.navbar-nav .nav-item{ padding-left:40px;}
.navbar-nav .nav-item:first-child{ padding-left:0px;}
.navbar-nav .nav-link, .navbar-expand .navbar-nav .nav-link{ color:#293541; font-size:14px; padding:0px 0px 7px 0px; border-bottom:1px solid transparent;}

.navbar-nav .nav-link:hover, .navbar-expand .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-expand .navbar-nav .nav-link.active{border-bottom:1px solid #2771b8;}
.navbar-nav .nav-item{ display:inline-block; vertical-align:middle;}
.navbar-nav .nav-item:last-child .nav-link{ border:1px solid #505963; padding:5px 18px 7px; border-radius:12px;}
.navbar-nav .nav-item:last-child .nav-link:hover{ background:#00bf6f; border-color:#00bf6f; color:#fff;}*/

/*Content Area*/
.contentWrapper{ padding:116px 0px 126px;}
.contentWrapper h2{ color:#2771b8;}
.contentHead{ position:relative; padding-bottom:5px; margin-bottom: 5px;}
/*.contentHead:after{ 
  content:''; 
  width:96px; 
  height:1px; 
  background:#2771b8; 
  margin:auto; left:0px; 
  right:0px; bottom:0px; 
  position:absolute;}*/
.interviewBtn{ 
  right:0px; bottom:0px; 
  position:absolute;  
}

/*Service Area*/
.serviceWrapper{ padding:116px 0px 126px; }
.serviceWrapper h2{ color:#00bf6f; }
.serviceWrapper .contentHead:after{ background-color:#00bf6f;}
.shadow-effect{ background:#fff; border:1px solid #acf5d6; border-radius:18px; padding:30px 38px; margin:0px 20px;}
.shadow-effect i{ color:#00bf6f; font-size:90px;}
.shadow-effect h4{ margin-top:25px;}
.shadow-effect p{ font-size:13px; line-height:18px; padding-bottom:5px;}
.shadow-effect .rMore{ font-size:11px; color:#00bf6f;}
.shadow-effect .rMore:hover, .shadow-effect .rMore:hover i{ color:#404142;}
.shadow-effect a i{ font-size:inherit}

#serviceCounter.owl-carousel{ padding:0px 10px;}
.owl-carousel .owl-nav button.owl-prev{ position:absolute; left:-10px; top:45%; font-size: 13px; color:#8e98a3; left:}
.owl-carousel .owl-nav button.owl-next{ position:absolute; right:-10px; top:45%; font-size: 13px; color:#8e98a3; }
.owl-carousel .owl-nav button.owl-next i:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.owl-theme .owl-nav [class*="owl-"]:hover{ background:transparent; color:#00bf6f;}


/*Footer*/
footer{ background:#fff; text-align:right; padding:40px 0px;}
.copyright{ color:#2771b8; font-size:13px; padding-bottom:10px;}
.design{ color:#404142; font-size:13px;}
.design a:hover{ color:#2771b8;}

/*================== Multi Step Form Page =====================*/
.banner.sm{ padding:147px 0px 30px;}
.multiFormArea{ background:#f5fffa; padding-bottom:70px; position: relative; z-index: 1;}

/*Responsive Tab*/
ul.resp-tabs-list{display: flex;justify-content: center;align-items: center;}
.resp-tabs-list li{ float:none; width:82px; height:82px; border-radius:100%; display: flex;justify-content: center;align-items: center; font-size:48px; color:#b6c5be; font-weight:600; border:8px solid #dfede6; margin:0px auto; position:relative;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #dfede6 40%, #dfede6 60%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#dfede6 40%,#dfede6 60%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#dfede6 40%,#dfede6 60%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.resp-tabs-list li.resp-tab-active{ color:#fff; border-color:#00bf6f;
  background: #46eba6;
background: -moz-linear-gradient(top,  #46eba6 0%, #00bf6f 40%, #00bf6f 60%, #46eba6 100%);
background: -webkit-linear-gradient(top,  #46eba6 0%,#00bf6f 40%,#00bf6f 60%,#46eba6 100%);
background: linear-gradient(to bottom,  #46eba6 0%,#00bf6f 40%,#00bf6f 60%,#46eba6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46eba6', endColorstr='#46eba6',GradientType=0 );
}
.resp-tabs-list li:before{ content:''; position:absolute; width:238%; left:100%; height:7px; background:#dfede6; top:50%; z-index: -1;}
.resp-tabs-list li:last-child:before{ display:none;}
.resp-tabs-list li.resp-tab-active:after{ content:''; position:absolute; bottom:-140px; left:0px; right:0px; margin:auto; width:70px; height:70px; border-radius:10px; transform: rotate(45deg); background:#00bf6f;  z-index: -1;}

.resp-tabs-container{ margin-top:68px;}
.resp-tab-content{ background:#fff; border-radius:18px; padding:44px; text-align:left; border:none; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 191, 111, 0.21);
-moz-box-shadow:    0px 0px 16px 0px rgba(0, 191, 111, 0.21);
box-shadow:         0px 0px 16px 0px rgba(0, 191, 111, 0.21);}


/*Multi step Form*/
/*Custom bootstrap*/
.form-group{margin-bottom: 1.2rem;}
.form-inline .custom-control{ margin-right:20px;}
.custom-control{margin-left: 4px;}
.custom-control-label{ line-height:20px;}
.custom-control-label::before{ top:0px; border:2px solid #878f98; width:20px; height:20px; left: -1.8rem;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{border-color: #878f98; background-color: #fff;}

.custom-control-label::after{ border-radius: 100%; top: .30rem;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background: #878f98; width: 10px; height: 10px;}
/*Custom bootstrap*/

.detSection{ margin-bottom:30px;}
.feildForm{}
.feildForm h3{ color:#00bf6f; border-bottom:1px solid #8fffd0; padding-bottom:11px; margin-bottom:30px;}
.intHead{ font-size:22px; color:#293541; margin-bottom: 35px;}

.feildForm label.fName{ color:#293541; font-size:18px; line-height: 20px; font-weight:500; position:relative; display: block;}
.feildForm label.fName:after{ content:''; display:inline-block;  content: '\e804'; font-family: "fontello"; color:#696f75; font-size:14px; margin-left: 7px;}
.feildForm input[type="text"],.feildForm input[type="date"], .feildForm input[type="email"], .feildForm input[type="tel"], .feildForm input[type="password"], .feildForm textarea { border:1px solid #ced4da; border-radius:3px; font-size:16px; color:#293541;}
.feildForm .lang-select{border:1px solid #878f98; border-radius:3px; font-size:16px; color:#293541; height: calc(2.875rem + 2px);
padding: .5rem 0.8rem; line-height: 1.5; width:40%; background:url(../images/down-arrow.png) no-repeat calc(100% - 20px) center; -webkit-appearance: none;}
.feildForm textarea{ height:118px;}
.btn-add{ background: #293541;color: #c5def7 !important;
font-weight: 300;
font-size: 30px;
padding: 0px;
width: 50px;}
.btn-add:hover{ background:#485765;}
.input-group-append{padding: 13px 12px 11px; font-size: 14px; border:1px solid #878f98; border-left:none; border-radius:0px 3px 3px 0px; border-left: 1px solid #fff; z-index: 9;}
.input-group-append .icon-calendar{ font-size:20px; color:#878f98;}
#datePicker{ width:40%;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{ color: #000;

background-color: #8fffd0;

border-color: #8fffd0;}



::-webkit-input-placeholder { /* Chrome */
  color: #cfd0d2 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cfd0d2 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cfd0d2 !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #cfd0d2 !important;
  opacity: 1;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
font-size: 16px;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 17px 62px;
border-radius: 3px;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #c5def7;
background-color: #293541;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #485765;
}

.btn-nxt, .btn-prev{ width:44px; height:44px; border-radius:100%; border:4px solid #828282; line-height: 25px; font-size: 34px; font-weight: 400; padding:0px;
background: #bfbfbf;
background: -moz-linear-gradient(top,  #bfbfbf 0%, #828282 40%, #828282 60%, #bfbfbf 100%);
background: -webkit-linear-gradient(top,  #bfbfbf 0%,#828282 40%,#828282 60%,#bfbfbf 100%);
background: linear-gradient(to bottom,  #bfbfbf 0%,#828282 40%,#828282 60%,#bfbfbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=0 );
}
.btn-nxt:hover, .btn-prev:hover{ border-color:#00bf6f; background: #71fbc1;
background: -moz-linear-gradient(top,  #71fbc1 0%, #00bf6f 40%, #00bf6f 60%, #71fbc1 100%);
background: -webkit-linear-gradient(top,  #71fbc1 0%,#00bf6f 40%,#00bf6f 60%,#71fbc1 100%);
background: linear-gradient(to bottom,  #71fbc1 0%,#00bf6f 40%,#00bf6f 60%,#71fbc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71fbc1', endColorstr='#71fbc1',GradientType=0 );
}

/*================== Register Page =====================*/
.loginArea{padding-top: 10px;}
header#register{ position:relative; margin-top:20px;}
#register .navbar-nav .nav-item:last-child .nav-link{ background:#2771b8; color:#fff; border:none; padding-left:25px; padding-right:25px;}
#register .navbar-nav .nav-item:last-child .nav-link:hover{ background:#00bf6f;}
.loginArea .container1{padding: 0px 60px 20px;}
.loginArea h1{ font-size:48px; color:#00bf6f; font-weight:200; padding-bottom: 46px; position:relative;}
.loginArea h1::after {
    content: '';
    position: absolute;
    bottom: -76px;
    left: 60px;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    transform: rotate(45deg);
    background: #00bf6f;
    z-index: -1;
}
/*register SideArea*/
.loginFromBut{ border-radius:0px 20px 20px 0px; overflow:hidden; padding: 50px; }
.loginFromBut p{ color:#fff; padding-bottom: 10px;}
.loginFromBut a.btn-green{ background:#2771b8; font-size:22px; font-weight:400;}
.loginFromBut a.btn-green:hover{ background:#fff; color:#2771b8 !important;}
/*register FormArea*/
.loginForm{background: #fff; border-radius:20px 0px 0px 20px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 191, 111, 0.21);
-moz-box-shadow:    0px 0px 16px 0px rgba(0, 191, 111, 0.21);
box-shadow:         0px 0px 16px 0px rgba(0, 191, 111, 0.21); float: left; width: 100%; padding:50px;}
.custom-checkbox .custom-control-label::after{top: .20rem; background-size: 60% 60%; left: -1.6rem;}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00bf6f;
    background-color: #00bf6f;
}
.feildForm input[type="submit"]{ border:none; width:100%; font-size:18px; font-weight:400; text-transform:uppercase; border-radius:3px;}
.custom-checkbox .custom-control-label{font-size: 12px;}

.cleardiv{margin-bottom: 10px;}
.margintop{margin-top: 40px;}

.resp-tabs-list li span{display: block; position: absolute; bottom: -40px; color: #404142; font-size: 14px;}

.nav-icon-text {
    position: absolute;
    bottom: -7px;
    left: 0;
}
.nav-icon-text span.cust-icon {
    bottom: -45px;
    left: -22px;
}
.nav-icon-text span.nav-span-text {
    width: 90px;
    line-height: 18px;
    left: 0;
    text-align: left;
}
.btn-blue {
    background: #0f58b7;
    padding: 8px 75px;
}


.cust_redtext {
    display: flex;
    align-items: self-start;
    position: absolute;
    bottom: -75px;
    width: 130px;
    line-height: 20px; 
    height: 63px;
}
.cust_redtext .cust-text,
.cust_redtext .cust-icon {
   position: unset;
   bottom: 0 !important;
}
.cust_redtext .cust-icon {
  margin-right: 4px;
}
img.arrow-image {
  position: relative;
  right: -36px;
  top: -9px;
}



/*added on 11-09-2023*/
.save_button {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}
.save_button_content {
  background: #dee2e6;
  padding: 20px 0;
}
.save_button_content .container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.save_button_content .container .save_text {
  width: auto;
  text-align: left;
}
.save_button_content .container .button_div {
  text-align: center;
  padding-left: 10px;
}
.save_button_content .container .button_div #btn_step {
  display: inline-block;
  text-align: center;
}
footer {
  padding-bottom: 10px !important;  
}
/*added on 11-09-2023 ends here*/

/*added on 25-09-2023 starts*/

#send_email_checkbox,#send_email_checkbox-stop {
  display: inline-block;
  text-align: center;
  background: #00bf6f;
  border-radius: .25rem;
  padding: 5px;
  width: 15%;
  color: white;
  font-size: 14px;
  cursor: pointer;
}

.interview-text #interview_with 
{
  margin-top: 0;
  margin-bottom:  0;
}

#interview_with,.interview-text
{
  border: none;
  color: #2771b8;
  font-size: 54px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 20px;
  background: transparent;
  display: inline-block;
}
.suggested-by-btn:hover
{
  background: #0047AB;
}
.suggested-by-btn
{
  cursor: pointer;
  font-weight: bold;
  background: #0047AB;
}
.new-interview {
  background: #00bf6f;
  border-color: #00bf6f;
  color: #fff;
  border: 1px solid #00bf6f;
  padding: 15px 22px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 18px
}

.new-interview-a 
  {
    float: right;
    margin-bottom: 20px;
    text-decoration: none !important;
  }

  .debateBtn
  {
    right: 0px;
    bottom: 0px;
    position: absolute;
  }
  
  .new-debate-a 
  {
    margin-bottom: 20px;
    text-decoration: none !important;
  }
  .contentHead-dashboard
  {
    text-align: left;
    border-bottom: 4px solid #00bf6f;
    width: 8%;
  }
  .contentHead-keyword
  {
    text-align: center;
  }
  .add-keyword
  {
    position: absolute;
    z-index: 5;
  }
  .add-new-keyword
  {
    text-align: left;
  }

  .interviews_text
  {
    text-align: center;
    /*padding-top: 15px;*/
    padding-top: 50px;
  }
  .debates_text 
  {
    text-align: center;
    margin-top: 30px;
  }
  .marginTable
  {
    margin-top: -50px;
  }

  .archived_div 
  {
    text-align: right;
  }

  .archived_div input 
  {
    position: relative;
    top: -2px;
    margin-right: 2px;
  }

  .serviceWrapper-dashboard
  {
    padding: 16px 0px 126px;
    background:url(images/serviceBack.jpg) no-repeat center top; 
    background-size:cover;
  }

  .serviceWrapper-interviewees-list
  {
    padding: 16px 0px 126px;
  }

  .serviceWrapper-viewinterviewees
  {
    padding: 16px 0px 126px;
    background:url(images/serviceBack.jpg) no-repeat center top; 
    background-size:cover;
  }
  /*service page css starts here*/
.serviceWrapper-service
{
  padding: 16px 0px 126px;
  background:url(images/serviceBack.jpg) no-repeat center top;
  background-size:cover;
}
.faq-heading{
    border-bottom: #777;
    padding: 100px 20px 20px 20px;
    font-size: 35px;
    text-align: left;
}
.faq-page 
{
    /*color: #444;*/
    color:#0163ae;
    cursor: pointer;
    padding: 30px 20px;
    width: 100%;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;
    font-size: 20px;
    font-weight: bold;

}
.faq-page:after {
    /* Unicode character for "plus" sign (+) */
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}
.addbilledAnnully
{
  cursor: pointer;
  width: 90%;
  background-color: red;
  border:1px solid #0163ae;
}
/*service page css ends here*/
/*support page css starts here*/

.serviceWrapper-contact
{
  background:url(images/serviceBack.jpg) no-repeat center top; 
  background-size:cover;
  padding: 35px 0px 0;
}
.contentHead-contact
{
  text-align: center;
}

.pera-text
{
 font-size: 21px;
    line-height: 35px;
    padding-bottom: 33px;
}
/*support page css ends here*/
  .copyright 
  {
    color: #333333;
    font-size: 17px;
    margin: 0;
    font-size: 18px;
    color: #333333;
    font-family: 'Roboto';
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
  }

  footer 
  {
    background: #fff;
    padding: 24px 0;
  }
  
  .footer-bottom-links
  {
    text-align:center;
    font-size:15px;
    margin-top: 50px;
  }



  header .left-nav 
  {
    width: calc(100% - 216px);
    display: flex;
    align-items: center;
  }

  .navbar-nav 
  {
    width: 100%;
    flex-direction: inherit;
  }

  .dbt-submit-btn
  {
    width: 21%;
    margin-top : 10px;
  }

  .list-interviewees
  {
    text-align: center;
  }

  .interview_form_phone 
  {
    display: flex;
    align-items: center;
  }

  .interview_form_email
  {
    display: flex;
    align-items: center;
  }

  .interview_form_person
  {
    display: flex;
    align-items: center;
  }

  .interview_form
  {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    margin-bottom : 0;
  }

  .interview_form_div
  {
    display: flex;
    align-items: center;
  }

  .interview_form_div input[type="radio"]
  {
    display: flex;
    align-items: center;
  }

  .step-1-icon
  {
    left: 0px;
  }

  .step-2-icon
  {
    /*left: -27px;*/
  }

  .step-3-icon
  {
    left: 5px;
  }

  .step-4-icon
  {
    left: 5px;
  }

  .cust-icon.step-5-icon
  {
    left: 0px;
  }

  .step-6-icon
  {
    left: -1px;
  }
  .step-6-text
  {
    top: 40px;
    left: 20px;
  }

  .step-7-icon
  {
    left: 0px;
  }

  .resp-tabs-list li .step_content .step-2-icon
  {
    left: 7px;
  }

  .resp-tabs-list li .step_content .cust-icon 
  {
    margin: 0 0px;
    position: absolute;
    width: auto !important;
    
    padding-left: 0;
  }

  .resp-tabs-list li .step_content 
  {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0px;
    color: #404142;
    font-size: 11px;
    left: 0;
    margin: 0 -10px;
  }

  .resp-tabs-list li .step_content span 
  {
    font-size: 12px;
    width: 160px !important;
    line-height: normal;
    padding-left: 20px;
    position: inherit;
    text-align: left;
  }




.modal-content {
  background-color: #fefefe;

   /* margin: auto; */
  padding: 20px;
  border: 1px solid #f2f3f4;
  width: 50%;

  display:block;
  /*font-weight:bold;*/
  margin:45px auto;
  border-radius:2px;
  text-align:left;
  text-decoration:none;
  color:#424242;

}
.modal-content h2{
  padding:20px;
  display:block;
  text-align:center;
  border-bottom:1px solid #e0e0e0;
  text-transform:uppercase;
  background:rgba(2,162,239,1);
  color:#fff;
  border-radius:4px 4px 0 0;
}


.button-box{
    font-size: 30px;
    padding-right: 8px;
    padding-left: 8px;
    background: #0047AB;
    border: 2px solid #0047AB;
    color: #fff;
    border-radius: 15px;
    vertical-align : middle;
}
.btn-box{
    background: #EFEAEA;
    border: 2px solid #EFEAEA;
    font-size: 30px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 15px;
    vertical-align : middle;
}


header #navbarsExample07 .navbar-nav .nav-item .nav-link:hover
{
background:#1d6ba7;
}

.navbar-dark .navbar-nav .nav-link:hover
{
  background:#1d6ba7;
}

header #navbarsExample07 .navbar-nav .nav-item:first-child .nav-link:hover
{
  background:#1d6ba7;
}

.navbar-expand-lg .navbar-nav .nav-link:hover
{
  background:#1d6ba7;
}

#rank_per_media_debates{
width: 164px;
    height: 46px;
}

#rank_per_media_interviews{
width: 164px;
    height: 46px;
}

/*added on 25-09-2023 ends*/