/*
Superio | Just another HTML Template

Template Name: Superio
Author: Creative Layers
Version: 1.0.0

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Content Elements
5. Main Header / Two / Three / Four / Five
6. Sticky Header
7. Mobile Header
8. Login Popup
9. Page Title
10. Section Title
11. Banner Section / One to Ten
12. Work Section
13. Job Categories
14. Job Section / Two / Three / Four / Five / Six
15. Job Detail Section / Style two
16. Features Section
17. Testimonial Section / Two / Three / Four
18. Clients Section / Two
19. About Section / Two / Three
20. Fun Fact Section
21. Recruiter Section
22. Jobseeker Section
23. Candidates Section / Two
24. Candidate Detail Section
25. Listing Section
26. Listing Show More
27. Listing Pagination
28. Listing Section Two / Three / Four
29. Listing Maps
30. Top Companies
31. Ads Section
32. Registeration Banners
33. News Section / Two / Three
34. Blog Grid
35. Blog Single
36. Products Section
37. Shop Single
38. Product Tabs
39. Cart Section
40. CheckOut Page
41. Order Slip
42. App Section
43. Pricing Section
44. Process Section
45. steps Section
46. Call To Action / Two / Three / Four
47. Browse Jobs
48. Subscribe Section / Two
49. Faqs Section
50. TNC Section
51. Map Section
52. Contact Section
53. Login Section
54. Invoice Section
55. Main Footer / Two / Three / Four / Five / Six
56. Dashboard
57. User Sidebar
58. Chat Widget
**********************************************/
/***

====================================================================
Fonts
====================================================================

***/
/*@import url("icons.css");
@import url("flaticon.css");
@import url("fontawesome-all.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.min.css");
@import url("select2.min.css");
@import url("jquery.modal.min.css");
@import url("chosen.css");
@import url("line-awesome.css");
@import url("mmenu.css");
@import url("jquery.fancybox.min.css");*/

@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
/***

====================================================================
Reset
====================================================================

***/
/***

====================================================================
Global Settings
====================================================================

***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  font-size: 15px;
  color: #363636;
  line-height: 17px;
  font-weight: 400;
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

.candidate-nav-header a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
}

section {
  position: relative;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  min-width: auto;
}


p,
.text {
  font-size: 15px;
  color: #696969;
  line-height: 24px;
  font-weight: 400;
  margin: 0 !important;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

.auto-container {
  position: static;
  max-width: 1310px;
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.small-container {
  position: static;
  max-width: 900px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 1;
  background-color: #ffffff;
  transition: all 300ms ease;
}

.section {
  padding: 60px 0 30px;
}

.bg_alice {
  background-color: #f9fafc;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.video-outer {
  position: relative;
  margin-bottom: 50px;
}

.video-outer h4 {
  margin-bottom: 30px;
}

.video-box {
  position: relative;
}

.video-box .image {
  position: relative;
  margin-bottom: 30px;
}

.video-box .image img {
  display: block;
  width: 100%;
}

.video-box .image a {
  position: relative;
  display: block;
}

.video-box .image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  background: #FFFFFF;
  border-radius: 50%;
  line-height: 90px;
  text-align: center;
  color: #000000;
  font-size: 44px;
  transform: translate(-50%, -50%);
}

/*======================
Checkbox
=======================*/
.checkbox-outer {
  position: relative;
  margin-bottom: 30px;
}

.checkboxes {
  list-style: none;
  padding: 0;
}

.checkboxes.inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.checkboxes li {
  margin-right: 20px;
  margin-bottom: 10px;
}

.checkboxes label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.checkboxes label span {
  color: #909090;
}

.checkboxes input[type="checkbox"] {
  display: none;
}

.checkboxes label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.25s;
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  line-height: 17px;
}

.checkboxes input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  background-color: #1967D2;
  border: 1px solid #1967D2;
}

.checkboxes.square label:before {
  border-radius: 2px;
}

.checkboxes.two-column:after {
  display: table;
  clear: both;
  content: "";
}

.checkboxes.two-column li {
  display: flex;
  position: relative;
  float: left;
  margin: 0;
  min-width: 50%;
  padding-right: 10px;
}

.checkbox-outer .view-more {
  position: relative;
}

.checkbox-outer .view-more {
  font-size: 13px;
  line-height: 20px;
  color: #1967D2;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.checkbox-outer .view-more .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  font-weight: 900;
  font-size: 10px;
  border-radius: 50%;
  margin-right: 10px;
  background: rgba(25, 103, 210, 0.15);
  border-radius: 60px;
}

/*======================
Radio bOX
=======================*/
.radio-box {
  position: relative;
}

.radio-box label {
  position: relative;
  display: block;
  font-size: 15px;
  color: #696969;
  line-height: 20px;
  padding-left: 30px;
  cursor: pointer;
  margin-bottom: 18px;
}

.radio-box label:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  background: #ffffff;
  content: "";
  border: 1px solid #ECEDF2;
  border-radius: 50px;
  background: #ffffff;
  transition: all 300ms ease;
}

.radio-box label:after {
  position: absolute;
  content: "";
  left: 4px;
  top: 4px;
  height: 8px;
  width: 8px;
  border-radius: 5px;
  overflow: hidden;
  background: transparent;
  text-align: center;
}

.radio-box input[type="radio"] {
  display: none;
}

.radio-box input[type="radio"]:checked + label {
  border-color: #1967D2;
}

.radio-box input[type="radio"]:checked + label:before {
  border-color: #1967D2;
}

.radio-box input[type="radio"]:checked + label:after {
  background-color: #1967D2;
  opacity: 1;
}

/*======================
Switches
=======================*/
.switchbox-outer {
  position: relative;
}

.switchbox-outer h4 {
  font-size: 16px;
  line-height: 1em;
  color: #1b2032;
  font-weight: 700;
  margin-bottom: 15px;
}

.switchbox {
  position: relative;
}

.switchbox li {
  position: relative;
  margin-bottom: 20px;
}

.switchbox .title {
  position: relative;
  margin-left: 10px;
  font-size: 15px;
  color: #5c6770;
  line-height: 20px;
}

.switch {
  position: relative;
  display: flex;
  margin: 0;
  align-items: center;
  cursor: pointer;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #ECEDF2;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 3px;
  background-color: #D2D3D8;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #1967D2;
  border: 2px solid #1967D2;
}

input:checked + .slider:before {
  background: #ffffff;
  transform: translateX(19px);
}

/*=== Default Form ===*/
.default-form {
  position: relative;
}

.form-groupp {
  word-wrap: break-word;
}

.default-form .form-group {
  position: relative;
  margin-top: 20px;
}

.default-form .form-group:last-child {
  margin-bottom: 0;
}

.default-form .form-group > label {
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 10px;
}

.default-form .form-group input[type="text"], .default-form .form-group input[type="date"], .default-form .form-group input[type="password"], .default-form .form-group input[type="number"], .default-form .form-group input[type="email"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="url"], .default-form .form-group textarea, .default-form .form-group select {
  position: relative;
  width: 100%;
  display: block;

  font-size: 18px;
  color: #AFA4CD;
  line-height:30px;
  box-sizing: border-box;
  border-radius: 8px;
  transition: all 300ms ease;
  background: #F5F5F5;
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
  border:none;
}
.chosen-container-active.chosen-with-drop .chosen-single{border-radius: 12px;}
.increase-margin, .resume-form-helper-text {

    margin-bottom: 8px;

}
.alert.increase-margin {
  margin-top: 22px;
}
.default-form .sub-points {
  display: inline-block;
  width: 100%;
  list-style-type: square;
}
.alert {

    flex-direction: row;
    padding: 15px 23px;
    background: #F8F8F8;
    border: 1px solid #DDD;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.57142857;

}
input[type="text"]:disabled, input[type="number"]:disabled {
  background: #F0F5F7 !important;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
  border-color: #1967D2;
  /*background: #ffffff;*/
}

.default-form .form-group textarea {
  height: 160px;
  resize: none;
  padding-top: 15px;
}

.default-form .form-group input[type="submit"],
.default-form .form-group > button {
  position: relative;
  display: inline-block;
  min-width: 160px;
}

.default-form input.error:focus,
.default-form select.error:focus,
.default-form textarea.error:focus {
  border-color: #ff0000;
}

.default-form label.error {
  display: block;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 24px;
  color: #ff0000;
  margin-bottom: 0;
}

.default-form .form-group > .icon {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #9fa9b8;
  font-size: 14px;
  line-height: 54px;
}

.default-form .form-group .rating {
  position: relative;
}

.default-form .form-group .rating a {
  position: relative;
  font-size: 13px;
  color: #999999;
}

.default-form .form-group .rating a:hover {
  color: #FFC78B;
}

#email-form .form-group:first-child {
  margin-bottom: 0;
}

#email-form .response {
  position: relative;
  text-align: center;
}

#email-form .response .success {
  background: #35c2a5;
  color: #ffffff;
  padding: 0 10px;
  margin-bottom: 10px;
}

#email-form .response .failed {
  background-color: #f74848;
  color: #ffffff;
  padding: 0 10px;
  margin-bottom: 10px;
}

#email-form .response .text-info {
  background-color: #ffa737;
  color: #222222 !important;
  padding: 0 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-active .chosen-choices li.search-field input[type=text] {
  line-height: 60px !important;
  min-height: 60px !important;
}

.chosen-container-multi .chosen-choices,
.chosen-container.chosen-with-drop .chosen-drop {
  background: #f5f5f5;
  min-height: 60px;
  line-height: 60px;
  border: 0 !important;
  border-radius: 8px;
}

.chosen-container-single .chosen-single {
  background: #f5f5f5;
  border: 0 !important;
  border-radius: 8px;
}

.chosen-container-single .chosen-search:before {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
  color: #1967d2;
  font-size: 13px;
  line-height: 25px;
  color: #1967D2;
  padding: 0 25px 0 10px;
  border-radius: 10px;
  background: rgba(25, 103, 210, 0.1);
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 3px;
  color: #1967d2;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin-top: 15px;
}

.chosen-container-single .chosen-search input[type=text] {
  height: 40px;
  line-height: 20px;
  padding: 10px 20px;
}

/*==========================
typography
============================*/
.typography {
  position: relative;
}

.typography h5 {
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 11px;
}

.typography p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 24px;
}

.list-style-four {
  position: relative;
}

.list-style-four li {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #696969;
  margin-bottom: 20px;
  padding-left: 30px;
}

.list-style-four li:before {
  position: absolute;
  left: 0;
  top: 3px;
  height: 18px;
  width: 18px;
  background: #696969;
  content: "\f00c";
  border-radius: 10px;
  color: #ffffff;
  font-size: 10px;
  line-height: 18px;
  font-weight: 900;
  text-align: center;
  font-family: 'Font Awesome 5 Free';
}

/***

====================================================================
Content Elements
====================================================================

***/
.content-elements {
  position: relative;
  padding: 60px 0 10px;
}

.content-elements .auto-container {
  max-width: 1200px;
}

.content-elements .column {
  position: relative;
  margin-bottom: 50px;
}

.content-elements h4.title {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 30px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.width-10 {
  width: 10%;
}

.width-20 {
  width: 20%;
}

.width-30 {
  width: 30%;
}

.width-40 {
  width: 40%;
}

.width-50 {
  width: 50%;
}

.width-60 {
  width: 60%;
}

.width-70 {
  width: 70%;
}

.width-80 {
  width: 80%;
}

.width-90 {
  width: 90%;
}

.width-100 {
  width: 100%;
}

.content-elements .buttons {
  margin-bottom: 20px;
}

.content-elements .buttons .column {
  margin-bottom: 30px;
}

.content-elements .buttons .theme-btn {
  margin-right: 20px;
  margin-bottom: 20px;
}

/*==========================
Icons
===========================*/
.icon-calendar {
  background-image: url(../images/icons/icon-calendar.svg);
}

.icon-expiry {
  background-image: url(../images/icons/icon-expiry.svg);
}

.icon-location {
  background-image: url(../images/icons/icon-location.svg);
}

.icon-user-2 {
  background-image: url(../images/icons/icon-user-2.svg);
}

.icon-clock {
  background-image: url(../images/icons/icon-clock.svg);
}

.icon-rate {
  background-image: url(../images/icons/icon-rate.svg);
}

.icon-salary {
  background-image: url(../images/icons/icon-salary.svg);
}

.icon-language {
  background-image: url(../images/icons/icon-language.svg);
}

.icon-degree {
  background-image: url(../images/icons/icon-degree.svg);
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

hr {
  -webkit-appearance: none;
  position: relative;
  height: 1px;
  margin: 30px auto;
  background: #e6e8ed;
  border-style: none;
  outline-style: none;
}

section hr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

.tabs-box .tab-btn {
  cursor: pointer;
}

/***

====================================================================
Scroll To Top
====================================================================

***/
.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 28px;
  z-index: 999;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  display: none;
  cursor: pointer;
  background-color: #23293e;
  color: #1967D2;
  background-color: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  color: #ffffff;
  background-color: #1967D2;
}

.scroll-to-top.style-two {
  color: #34A853;
  background-color: rgba(52, 168, 83, 0.07);
}

.scroll-to-top.style-two:hover {
  color: #ffffff;
  background-color: #34a853;
}

.top-features {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.feature-block-two {
  margin-bottom: 30px;
}

.feature-block-two .inner-box {
  position: relative;
  text-align: center;
}

.feature-block-two .icon {
  position: relative;
  font-size: 36px;
  line-height: 1em;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 20px;
}

.feature-block-two h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 3px;
}

.feature-block-two .count {
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
}

.social-share a.facebook {
  background: #3B5998;
}

.social-share a.twitter {
  background: #55ACEE;
}

.social-share a.google {
  background: #dd4b39;
}

.social-share a.linkedin {
  background: #007bb5;
}

.social-share a.youtube {
  background: #bb0000;
}

.social-share a.instagram {
  background: #125688;
}

.social-share a.pinterest {
  background: #cb2027;
}

.social-share a.snapchat-ghost {
  background: #fffc00;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.social-share a.skype {
  background: #00aff0;
}

.social-share a.android {
  background: #a4c639;
}

.social-share a.dribbble {
  background: #ea4c89;
}

.social-share a.vimeo {
  background: #45bbff;
}

.social-share a.tumblr {
  background: #2c4762;
}

.social-share a.vine {
  background: #00b489;
}

.social-share a.foursquare {
  background: #45bbff;
}

.social-share a.stumbleupon {
  background: #eb4924;
}

.social-share a.flickr {
  background: #f40083;
}

.social-share a.yahoo {
  background: #430297;
}

.social-share a.soundcloud {
  background: #ff5500;
}

.social-share a.reddit {
  background: #ff5700;
}

.social-share a.rss {
  background: #ff6600;
}

.social-share a:hover {
  opacity: .8;
}

.social-share a i {
  margin-right: 5px;
}

/***

====================================================================
About Section
====================================================================

***/
.about-section {
  position: relative;
  padding: 100px 0 0;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 50px;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-left: 70px;
}

.about-section .sec-title {
  margin-bottom: 30px;
}

.about-section .sec-title h2 {
  font-size: 35px;
    line-height: 45px;
    color: #60489D;
    font-weight: 500;
    margin-bottom: 20px;
}

.about-section .sec-title .text {
 max-width: 415px;
    font-size: 16px;
    line-height: 26px;
    color: #101010;
}

.about-section .list-style-one {
  margin-bottom: 40px;
}

.about-section .image-column {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

.about-section .image-column .image {
  position: relative;
  margin-bottom: 0;
}

.play-btn {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.play-btn .icon {
  width: 90px;
  height: 90px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  padding-left: 5px;
  color: #000000;
  border-radius: 50%;
}

.about-section .count-employers {
  position: absolute;
  right: -150px;
  bottom: -50px;
  max-width: 300px;
  padding: 25px 32px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 46px 35px rgba(25, 25, 46, 0.04);
  border-radius: 10px;
  text-align: center;
}

.about-section .count-employers .check-box {
  position: absolute;
  left: 5px;
  top: 0;
  height: 60px;
  width: 60px;
  background: #1967D2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.about-section .count-employers .title {
  display: block;
  font-size: 15px;
  line-height: 22px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 15px;
}

.about-section .count-employers .image {
  margin-bottom: 0;
}

/*===================================
About Ssection / Style Two
====================================*/
.about-section.style-two .image-column .inner-column {
  position: relative;
  padding-right: 17px;
}

.about-section.style-two .content-column .inner-column {
  padding-left: 110px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}

.about-section.style-two .list-style-two {
  position: relative;
  margin-bottom: 20px;
}

.about-section.style-two .content-column h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 38px;
  color: #000000;
}

.about-section.style-two .content-column .sec-title .text {
  max-width: 100%;
  font-size: 14px;
  line-height: 24px;
}

.about-section.style-two .sec-title {
  margin-bottom: 43px;
}

.about-section.style-two .content-column .theme-btn {
  min-width: 190px;
}

.about-section.style-two .fun-fact-section {
  padding: 60px 0 70px;
}

.about-section.style-two .fun-fact-section .count-box {
  color: #1967D2;
}

.about-section.style-two .fun-fact-section .counter-title {
  font-size: 15px;
}

/***

====================================================================
About Section Two
====================================================================

***/
.about-section-two {
  position: relative;
  padding: 100px 0;
}

.about-section-two .content-column {
  position: relative;
  margin-bottom: 50px;
}

.about-section-two .content-column .inner-column {
  position: relative;
  padding-left: 90px;
  padding-top: 55px;
}

.about-section-two .sec-title {
  margin-bottom: 30px;
}

.about-section-two .sec-title h2 {
  font-size: 40px;
  line-height: 54px;
  color: #202124;
}

.about-section-two .sec-title .text {
  max-width: 415px;
  font-size: 15px;
  line-height: 26px;
  color: #696969;
}

.about-section-two .list-style-one {
  margin-bottom: 35px;
}

.about-section-two .image-column {
  position: relative;
  text-align: center;
  margin-bottom: 150px;
}

.about-section-two .image-column .image-box {
  position: relative;
  margin-bottom: 0;
  margin-right: -50px;
}

.about-section-two .applicants-list {
  position: absolute;
  right: -50px;
  bottom: 0;
  bottom: -150px;
}

.applicants-list {
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
  border-radius: 8px;
  min-width: 276px;
}

.applicants-list .title-box {
  position: relative;
  height: 50px;
  background: #1967D2;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -1px;
}

.applicants-list .title-box h4 {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

.applicants-list .applicants {
  position: relative;
  padding: 16px 24px 5px;
  text-align: left;
}

.applicants-list .applicant {
  position: relative;
  padding-left: 66px;
  min-height: 50px;
  margin-bottom: 22px;
}

.applicants-list .applicant .image {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.applicants-list .applicant .image img {
  display: block;
  width: 100%;
}

.applicants-list .applicant .name {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  top: 2px;
}

.applicants-list .applicant .designation {
  font-size: 14px;
  line-height: 19px;
  color: #696969;
}

.about-section-two .content-column .theme-btn {
  min-width: 180px;
}

.about-section-two.style-two .image-column .image-box {
  text-align: left;
  margin-right: 0;
}

.about-section-two.style-two .content-column .inner-column {
  padding-left: 120px;
}

.about-section-two.style-two .applicants-list {
  right: -80px;
  bottom: -90px;
}

.about-section-two.style-two .applicants-list .title-box {
  background-color: #34A853;
}

/***

====================================================================
About Section Three
====================================================================

***/
.about-section-three {
  position: relative;
  padding: 50px 0;
}

.about-section-three .images-box {
  position: relative;
}

.about-section-three .images-box .row {
  margin: 0 -5px;
}

.about-section-three .images-box .column {
  position: relative;
  padding: 0 5px;
}

.about-section-three .images-box .image {
  position: relative;
  margin-bottom: 10px;
}

.about-section-three .images-box .image img {
  border-radius: 4px;
  width: 100%;
}

.about-section-three .text-box,
.about-section-three .fun-fact-section {
  max-width: 900px;
  margin: 0 auto;
}

.about-section-three .fun-fact-section {
  padding: 50px 0 30px;
}

.about-section-three .text-box h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 31px;
  color: #202124;
  margin-bottom: 31px;
}

.about-section-three .text-box p {
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 26px;
}

/*==========================
Accordian Box
===========================*/
.accordion-box {
  position: relative;
  margin-bottom: 30px;
}

.accordion-box .block {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #ECEDF2;
  transition: all 300ms ease;
}

.accordion-box .block .acc-btn {
  position: relative;
  font-size: 16px;
  padding: 17px 30px;
  line-height: 30px;
  color: #202124;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 300ms ease;
}

.accordion-box .block.active-block {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.accordion-box .block .acc-btn .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  color: #2F2D51;
  font-size: 15px;
  font-weight: 700;
  transition: all 300ms ease;
}

.accordion-box .block .acc-btn.active .icon:before {
  content: "\f151";
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;
  padding: 24px 30px 26px;
  border-top: 1px solid #ECEDF2;
}

.accordion-box .block .content p {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  color: #696969;
  font-weight: 400;
  margin-bottom: 24px;
  transition: all 300ms ease;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0;
}

/***

====================================================================
Ads Section
====================================================================

***/
.ads-section {
  position: relative;
  padding: 100px 0 170px;
}

.advrtise-block {
  position: relative;
  margin-bottom: 30px;
}

.advrtise-block .inner-box {
  position: relative;
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  min-height: 236px;
  padding: 51px 42px;
}

.advrtise-block h4 {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #202124;
  margin-bottom: 18px;
}

.advrtise-block h4 span {
  display: block;
  color: #1967D2;
}

.advrtise-block .theme-btn {
  width: 120px;
  font-weight: 400;
}

/*==========================
Banner Box One
===========================*/
.banner-box-one {
  position: relative;
  margin-bottom: 30px;
}

.banner-box-one .cws-image-bg {
  -webkit-clip-path: polygon(0% 20px, 100% 0%, 100% calc(100% - 20px), 0% 100%);
  clip-path: polygon(0% 20px, 100% 0%, 100% calc(100% - 20px), 0% 100%);
}

.banner-box-one .cws-image-bg .cws-overlay-bg {
  width: 50%;
  background-color: #529b6b;
}

.banner-box-one .cws-triangle-overlay {
  opacity: 0.3;
  -webkit-clip-path: polygon(0% 0, 50% 10px, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
  clip-path: polygon(0% 0, 50% 10px, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
  background-color: #529b6b;
}

.banner-box-one .inner-container {
  position: relative;
  display: flex;
  width: 100%;
  padding: 21px;
  justify-content: left;
  align-items: center;
  min-height: 245px;
  z-index: 1;
}

.banner-box-one .content {
  width: 50%;
  text-align: center;
}

.banner-box-one .banner-offer {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 5px;
}

.banner-box-one .banner-desc {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  opacity: 0.7;
  color: #ffffff;
}

.banner-box-one.orange .cws-triangle-overlay {
  background: #ed6436;
}

.banner-box-one.orange .cws-overlay-bg {
  background-color: #ed6436;
}

.banner-box-one.orange .cws-image-bg:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(237, 100, 54, 0.65);
  content: "";
  z-index: 1;
}

.banner-box-one.orange .theme-btn {
  border-color: #ffffff;
}

/*==========================
Banner Box Two
===========================*/
.banner-box-two {
  position: relative;
  margin-bottom: 30px;
}

.banner-box-two .cws-image-bg {
  -webkit-clip-path: none;
  clip-path: none;
}

.banner-box-two .cws-image-bg .cws-overlay-bg {
  background-color: rgba(75, 180, 105, 0.9);
}

.banner-box-two .inner-container {
  position: relative;
  display: flex;
  width: 100%;
  padding: 21px;
  justify-content: left;
  align-items: center;
  min-height: 245px;
  z-index: 1;
}

.banner-box-two .content {
  width: 100%;
  text-align: center;
}

.banner-box-two .banner-title {
  margin-bottom: 0;
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}

.banner-box-two .banner-desc {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  opacity: 0.7;
  color: #ffffff;
}

.banner-box-two.dark .cws-overlay-bg {
  background-color: rgba(0, 0, 0, 0.85);
}

.banner-box-two.dark .theme-btn {
  border-color: #ffffff;
}

/*==========================
Banner Box Three
===========================*/
.banner-box-three {
  position: relative;
  margin-bottom: 30px;
}

.banner-box-three .cws-image-bg {
  -webkit-clip-path: polygon(0% 20px, 100% 0%, 100% 100%, 0% calc(100% - 20px));
  clip-path: polygon(0% 20px, 100% 0%, 100% 100%, 0% calc(100% - 20px));
}

.banner-box-three .cws-image-bg:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(81, 158, 107, 0.6);
  content: "";
}

.banner-box-three .cws-image-bg .cws-overlay-bg {
  width: 50%;
  background-color: #ffa737;
}

.banner-box-three .cws-triangle-overlay {
  opacity: 0.3;
  -webkit-clip-path: polygon(0% 0, 50% 10px, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
  clip-path: polygon(0% 0, 50% 10px, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
  background-color: #529b6b;
}

.banner-box-three .inner-container {
  position: relative;
  display: flex;
  width: 100%;
  padding: 21px;
  justify-content: left;
  align-items: center;
  min-height: 245px;
  z-index: 1;
}

.banner-box-three .content {
  width: 50%;
}

.banner-box-three .banner-title {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #fff;
}

.banner-box-three .banner-desc {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  opacity: 0.7;
  color: #ffffff;
}

.banner-box-three .banner-offer {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 5px;
}

.banner-box-three.orange .cws-triangle-overlay {
  background: #ed6436;
}

.banner-box-three.orange .cws-overlay-bg {
  background-color: #ff6c3a;
  z-index: 1;
}

.banner-box-three.orange .cws-image-bg:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(237, 100, 54, 0.65);
  content: "";
  z-index: 1;
}

.banner-box-three.orange .theme-btn {
  border-color: #ffffff;
}

/***
======================
Buttons Styles
======================
***/
.theme-btn {
  position: relative;
  display: inline-flex;
  transition: all 0.5s ease;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* Btn Style One */
.btn-style-one {
  position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #F95700;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px;
    font-weight: 400;
    padding: 15px 24px 15px 24px;
}

.btn-style-one:hover {
  color: #ffffff;
  background-color: #61499d;
}

/* Btn Style Two */
.btn-style-two {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #202124;
  background-color: #F9AB00;
  font-size: 15px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 18px 35px 15px 35px;
}

.btn-style-two:hover {
  color: #202124;
  background-color: #E9A000;
}

/* Btn Style Three */
.btn-style-three {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #1967D2;
  background-color: #E2EAF8;
  font-size: 15px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 18px 35px 15px 35px;
}

.btn-style-three:hover {
  color: #FFFFFF;
  background-color: #1967D2;
}

/* Btn Style Four */
.btn-style-four {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #34A853;
  background-color: #E1F2E5;
  font-size: 16px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 15px 35px;
}

.btn-style-four:hover {
  color: #FFFFFF;
  background-color: #34A853;
}

/* Btn Style Five */
.btn-style-five {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #302EA7;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 14px 35px;
}

.btn-style-five:hover {
  color: #ffffff;
  background-color: transparent;
}

/* Btn Style Six */
.btn-style-six {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 14px 35px;
}

.btn-style-six:hover {
  color: #302EA7;
  background-color: #ffffff;
}

/* Btn Style Seven */
.btn-style-seven {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #34A853;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 15px 35px;
}

.btn-style-seven:hover {
  color: #34A853;
  background-color: #E1F2E5;
}

/* Btn Style Seven */
.btn-style-eight {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #D93025;
  background-color: rgba(217, 48, 37, 0.07);
  line-height: 20px;
  border-radius: 8px;
  font-weight: 400;
  padding: 15px 35px;
}

.btn-style-eight:hover {
  color: #ffffff;
  background-color: #d93025;
}

.theme-btn.large {
  padding: 20px 50px;
  font-size: 16px;
  line-height: 20px;
}

.theme-btn.small {
  padding: 5px 18px;
  font-size: 14px;
  min-width: 80px;
  font-weight: 400;
  line-height: 21px;
  border-radius: 5px;
}

/*==========================
Callout One
===========================*/
.callout-one {
  position: relative;
  z-index: 1;
  padding: 45px 30px;
  overflow: hidden;
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  text-align: center;
  margin-bottom: 30px;
}

.callout-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(89, 171, 102, 0.9);
  content: "";
}

.callout-one .sub-title {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.4em;
  color: #ffffff;
  margin-bottom: 20px;
}

.callout-one h2 {
  position: relative;
  text-align: center;
  font-size: 48px;
  line-height: 1.2em;
  color: #ffffff;
  margin-bottom: 30px;
}

.callout-one .theme-btn {
  border-color: #ffffff;
  color: #ffffff;
}

/*==========================
Callout Two
===========================*/
.callout-two {
  position: relative;
  z-index: 1;
  padding: 45px 30px;
  overflow: hidden;
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  margin-bottom: 30px;
}

.callout-two:before {
  position: absolute;
  left: -10%;
  top: 0;
  height: 100%;
  width: 60%;
  background-color: #59ab66;
  content: "";
  transform: skew(-15deg);
}

.callout-two .content {
  position: relative;
  width: 50%;
}

.callout-two h2 {
  font-size: 48px;
  line-height: 1.2em;
  font-weight: 500;
  color: #fff;
}

.callout-two h3 {
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 600;
  color: #ffffff;
}

.callout-two .abs-btn {
  position: absolute;
  top: 50%;
  left: 100%;

  margin-left: -70px;
  margin-top: -70px;
  height: 140px;
  width: 140px;
  background-color: #ffffff;
  line-height: 140px;
  text-align: center;
  color: #000000;
  border-radius: 50%;
  min-width: auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

/*==========================
Callout Three
===========================*/
.callout-three {
  position: relative;
  z-index: 1;
  padding: 45px 30px;
  overflow: hidden;
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
  margin-bottom: 30px;
}

.callout-three:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(89, 171, 102, 0.6);
  content: "";
}

.callout-three .content {
  position: relative;
  text-align: left;
}

.callout-three h2 {
  position: relative;
  font-size: 42px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 600;
}

.callout-three h3 {
  position: relative;
  font-size: 32px;
  line-height: 1.4em;
  margin-top: 0px;
  color: #ffffff;
  margin-bottom: 30px;
}

.callout-three .right-box {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  padding: 45px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.callout-three .right-box:before {
  position: absolute;
  top: 0;
  height: 100%;
  width: 120%;
  right: -15%;
  left: initial;
  transform: skew(-15deg);
  background-color: #f36737;
  content: "";
}

.callout-three .banner-offer {
  position: relative;
  font-size: 60px;
  line-height: 1em;
  color: #ffffff;
  margin-bottom: 10px;
}

.callout-three .banner-desc {
  position: relative;
  font-size: 23px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
}

.callout-three .theme-btn {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}

.theme_color {
  color: #25262c;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

/***

====================================================================
Clients Section
====================================================================

***/
.clients-section {
  position: relative;
  padding: 60px 0 60px;
  border-bottom: 1px solid #ECEDF2;
}

.clients-section.alternate {
  padding: 80px 0 0;
  border-bottom: 0;
}

.clients-section.alternate2 {
  padding: 60px 0 100px;
}

.clients-section .sponsors-outer {
  position: relative;
  padding: 0 15px;
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
}

.clients-section .slide-item {
  position: relative;
}

.clients-section .image-box {
  position: relative;
  text-align: center;
  margin-bottom: 0;
}

.clients-section .image-box img {
  position: relative;
  display: inline-block;
  max-width: 50%;
  width: auto;
  transition: all 300ms ease;
}

/***

====================================================================
Clients Section Two
====================================================================

***/
.clients-section-two {
  position: relative;
  padding: 60px 0 0;
}

.clients-section-two .sponsors-outer {
  position: relative;
  padding: 0 15px;
  max-width: 1310px;
  width: 100%;
  margin: 0 auto;
}

.clients-section-two .slide-item {
  position: relative;
}

.clients-section-two .image-box {
  position: relative;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 0;
}

.clients-section-two .image-box img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: 40px;
  filter: grayscale(1);
  transition: all 300ms ease;
}

.clients-section-two .image-box img:hover {
  filter: grayscale(0);
}

.clients-section-two.alternate {
  padding: 100px 0;
}

/***

====================================================================
Top Companies
====================================================================

***/
.top-companies {
  position: relative;
  padding: 100px 0;
}

.top-companies .carousel-outer {
  margin: 0 -15px;
}

.top-companies .companies-carousel .owl-dots {
  margin-top: 20px;
}

/* Company Block */
.company-block {
  position: relative;
  padding: 0 15px;
  margin-bottom: 30px;
}

.company-block .inner-box {
  position: relative;
  padding: 30px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  transition: all 300ms ease;
  text-align: center;
}

.company-block .inner-box.bg-clr-1 {
  background: #FCF9F4;
}

.company-block .inner-box.bg-clr-2 {
  background: #F4F6FA;
}

.company-block .inner-box.bg-clr-3 {
  background: #F9F9F9;
}

.company-block .inner-box.bg-clr-4 {
  background: #FCF4FC;
}

.company-block .inner-box.bg-clr-5 {
  background: #FAFCF3;
}

.company-block .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.company-block .image {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 14px;
}

.company-block .image img {
  width: 100%;
}

.company-block .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #202124;
  margin-bottom: 5px;
}

.company-block .designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  margin-bottom: 10px;
}

.company-block .location {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #696969;
  margin-bottom: 25px;
}

.company-block .location i {
  font-size: 14px;
  margin-right: 5px;
}

.company-block .theme-btn {
  max-width: 240px;
  width: 100%;
}

/* Company Block Two */
.company-block-two {
  position: relative;
  padding: 0 15px;
  margin-bottom: 30px;
}

.company-block-two .inner-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 300ms ease;
}

.company-block-two .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.company-block-two .inner-box .content {
  position: relative;
  padding-left: 110px;
  min-height: 90px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.company-block-two .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 14px;
}

.company-block-two .image img {
  width: 100%;
}

.company-block-two .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
  margin-bottom: 5px;
}

.company-block-two .designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  margin-bottom: 10px;
}

.company-block-two .location {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #696969;
}

.company-block-two .location i {
  font-size: 14px;
  margin-right: 5px;
}

.company-block-two .theme-btn {
  width: 150px;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 23px;
  font-weight: 400;
  border-radius: 20px;
}

/* Company Block Three*/
.company-block-three {
  position: relative;
  margin-bottom: 30px;
}

.company-block-three .inner-box {
  position: relative;
  padding: 32px 20px 22px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 300ms ease;
}

.company-block-three .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.company-block-three .content {
  position: relative;
  padding-left: 68px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 51px;
}

.company-block-three .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  transition: all 300ms ease;
}

.company-block-three h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.company-block-three h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.company-block-three h4 a:hover {
  color: #1967D2;
}

.company-block-three .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.company-block-three .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.company-block-three .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.company-block-three .job-info li a {
  color: #696969;
}

.company-block-three .bookmark-btn {
  position: absolute;
  right: 10px;
  top: 15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #ECEDF2;
  transition: all 300ms ease;
  opacity: 0;
  visibility: hidden;
}

.company-block-three .inner-box:hover .bookmark-btn {
  opacity: 1;
  visibility: visible;
}

.company-block-three .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/*Company Block Four*/
.company-block-four {
  position: relative;
  margin-bottom: 30px;
}

.company-block-four .inner-box {
  position: relative;
  padding: 30px 15px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  text-align: center;
  transition: all 300ms ease;
}

.company-block-four .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.company-block-four .featured {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 13px;
  line-height: 15px;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 50px;
  color: #34A853;
  background: rgba(52, 168, 83, 0.15);
}

.company-block-four .company-logo {
  position: relative;
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 12px;
  transition: all 300ms ease;
}

.company-block-four .company-logo img {
  display: block;
  width: 100%;
}

.company-block-four h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.company-block-four h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.company-block-four h4 a:hover {
  color: #1967D2;
}

.company-block-four .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.company-block-four .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.company-block-four .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.company-block-four .job-info li a {
  color: #696969;
}

.company-block-four .job-type {
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 50px;
  color: #1967D2;
  background: rgba(25, 103, 210, 0.15);
}

.company-block-four .bookmark-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.company-block-four .inner-box:hover .bookmark-btn {
  background: #ECEDF2;
  opacity: 1;
  visibility: visible;
}

/* Style Two*/
.top-companies.style-two {
  background: #F3F7FB;
}

.top-companies.style-two .company-block .image img {
  border-radius: 50%;
}

.top-companies.style-two .company-block .theme-btn {
  border-radius: 50px;
}

/* Style Three*/
.top-companies.style-three .company-block {
  padding: 0 18px;
  margin-bottom: 50px;
}

.top-companies.style-three .company-block .inner-box {
  padding: 32px 20px 20px;
}

.top-companies.style-three .company-block .image {
  height: 80px;
  width: 80px;
  margin-bottom: 25px;
}

/***

==================================================================
Contact Section
==================================================================

***/
.contact-section {
  position: relative;
  padding: 100px 0;
}

.contact-section .upper-box {
  position: relative;
  padding: 90px 200px 70px;
  margin-top: -300px;
  z-index: 1;
  background: #ffffff;
}

.contact-block {
  position: relative;
  margin-bottom: 30px;
}

.contact-block .inner-box {
  position: relative;
}

.contact-block .icon {
  position: relative;
  display: block;
  margin-bottom: 16px;
}

.contact-block h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 20px;
}

.contact-block p {
  font-size: 15px;
  line-height: 26px;
  color: #696969;
}

.contact-block p a {
  color: #696969;
}

.contact-block p .phone {
  font-size: 18px;
  color: #1967D2;
}

.contact-section .contact-form {
  max-width: 850px;
  margin: 0 auto;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  padding: 50px 50px 70px;
}

.contact-section .contact-form h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 15px;
}

.contact-section .contact-form .theme-btn {
  max-width: 330px;
  width: 100%;
}

/* Dashboard Option */
#toggle-user-sidebar {
  display: none;
}

.dashboard-option {
  position: relative;
  margin-left: 30px;
}

.dashboard-option .dropdown-menu {
  transform: none !important;
  top: 100% !important;
  left: auto !important;
  right: 0 !important;
  min-width: 300px;
  margin-top: 8px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  padding: 30px 30px 17px;
}

.dashboard-option .dropdown-menu:before {
  position: absolute;
  right: 30px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ECEDF2;
  content: "";
}

.dashboard-option .dropdown-toggle {
  position: relative;
  display: flex;
  align-items: center;
}

.dashboard-option .dropdown-toggle::after {
  margin-left: 12px;
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  border: 0;
}

.dashboard-option .thumb {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.dashboard-option .name {
  position: relative;
  display: block;
  color: #202124;
  font-size: 15px;
  line-height: 28px;
  margin-left: 20px;
}

.dashboard-option .dropdown-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  line-height: 30px;
  font-weight: 400;
  font-size: 15px;
  color: #696969;
  text-align: left;
  text-transform: capitalize;
  border-radius: 8px;
  transition: all 500ms ease;
}

.dashboard-option .dropdown-menu li a i {
  position: relative;
  margin-right: 15px;
  font-size: 22px;
  color: #696969;
  text-align: center;
  transition: all 500ms ease;
}

.dashboard-option .dropdown-menu li.active a,
.dashboard-option .dropdown-menu li:hover a {
  color: #1967D2;
  background: rgba(25, 103, 210, 0.1);
}

.dashboard-option .dropdown-menu li.active a i,
.dashboard-option .dropdown-menu li:hover a i {
  color: #1967D2;
}

.mm-panels {
  --mm-color-background: #202124;
  --mm-color-text-dimmed: #979797;
  --mm-color-border: rgba(255, 255, 255, 0.1);
  --mm-listitem-size: 50px;
      background: #e0ebe3;
}
.mm-panels>.mm-panel{ background: #e0ebe3;
    background: #f95700ad;}
.mm-navbar_sticky{ background: #e0ebe3; border-bottom: 1px solid rgb(252 252 252);
    background: #f957001f;}


.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
  color: #979797;
  color:#fff;
}

.mm-menu li {
  padding: 0 20px;
}

.mm-menu .mm-listitem:after {
  display: none;
}

.mm-menu li.current > a {
  color: #ffffff;
  background: rgb(127 211 147);
  background: #F95700;
  border-radius: 5px;
  line-height: 30px;
}

.mm-btn:after,
.mm-btn:before {
  border-color: #ffffff;
  border-width: 1.5px;
  height: 6px;
  width: 6px;
}

.mm-panels .mm-counter {
  position: absolute;
  right: 45px;
  top: 50%;
  text-indent: 0;
  display: block;
  margin-top: -10px;
  background-color: rgba(255, 167, 55, 0.8);
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
}

#toggle-user-sidebar {
  margin-left: 20px;
}

#toggle-user-sidebar .thumb {
  display: block;
  height: 30px;
  width: 30px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
}

.mm-menu_fullscreen.mm-menu_position-bottom {
  top: 80px;
}

.mm-navbar_sticky {
  padding: 7px 0;
}

.mm-listview {
  padding-top: 20px;
}

.mm-menu li {
  margin-bottom: 10px;
}

.mobile-nav-toggler .flaticon-menu-1:before {
  transition: all 100ms ease;
}

.mm-wrapper_opened .mobile-nav-toggler .flaticon-menu-1:before {
  content: "\f175";
  font-size: 18px;
  line-height: 30px;
  display: block;
}

.mm-add-listing {
  margin-top: 87px;
  border: transparent;
  display: none;
}

.mm-add-listing .theme-btn {
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #ffffff !important;
  height: 60px;
  border-radius: 10px;
}

.mm-add-listing .mm-listitem__text {
  padding: 0;
}

.mm-add-listing .contact-info {
  position: relative;
  padding: 18px 0;
  display: block;
}

.mm-add-listing .phone-num {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 13px;
  color: #7E7E7E;
}

.mm-add-listing .phone-num span {
  display: block;
}

.mm-add-listing .phone-num a {
  color: #ffffff;
}

.mm-add-listing .address {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #7E7E7E;
}

.mm-add-listing .email {
  font-size: 14px;
  line-height: 30px;
  color: #7E7E7E !important;
}

.mm-add-listing .social-links {
  position: relative;
  display: block;
  align-items: center;
}

.mm-add-listing .social-links a {
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #7E7E7E;
  margin-right: 37px;
}

.mm-panel:after {
  height: 10px;
}

/***

====================================================================
Dashboard
====================================================================

***/
.dashboard {
  position: relative;
  background-color: #F5F7FC;
  padding-left: 365px;
  min-height: 100vh;
}

.dashboard .main-header {
  background: #ffffff;
}

.dashboard .dashboard-outer {
  position: relative;
  padding: 60px 60px 0;
}

.dashboard .upper-title-box {
  position: relative;
  margin-bottom: 60px;
}

.widget-content .upper-title-box h3 {
  font-weight: 700;
  font-size: 326x;
  line-height: 41px;
  color: #663894;
  margin-bottom: 10px;
}

@media (max-width: 425) {
  .widget-content .upper-title-box h3 {
    font-weight: 700;
    font-size: 326x;
    line-height: 41px;
    color: #663894;
    margin-bottom: 10px;
    padding-top: 10px;
  }
}

.ui-item {
  position: relative;
  height: 130px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 30px;
}

.ui-item .right {
  text-align: right;
}

.ui-item h4 {
  font-size: 30px;
  color: #1967D2;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 3px;
}

.ui-item p {
  font-size: 15px;
  color: #202124;
  line-height: 26px;
}

.ui-item .icon {
  position: relative;
  display: block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  font-size: 40px;
  color: #1967d2;
  text-align: center;
  background-color: rgba(25, 103, 210, 0.1);
  border-radius: 8px;
}

.ui-item.ui-red h4 {
  color: #d93025;
}

.ui-item.ui-red .icon {
  color: #d93025;
  background: rgba(217, 48, 37, 0.1);
}

.ui-item.ui-yellow h4 {
  color: #f9ab00;
}

.ui-item.ui-yellow .icon {
  color: #f9ab00;
  background: rgba(249, 171, 0, 0.1);
}

.ui-item.ui-green h4 {
  color: #34a853;
}

.ui-item.ui-green .icon {
  color: #34a853;
  background: rgba(52, 168, 83, 0.1);
}

/*============================
Graph widget
============================*/
.graph-widget .widget-content {
  padding-top: 80px;
}

.graph-widget .tab-buttons {
  position: relative;
  display: flex;
  align-items: center;
}

.graph-widget .tab-buttons li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 18px;
  color: #5c6770;
  font-weight: 400;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 8px;
  transition: all 300ms ease;
}

.graph-widget .tab-buttons li:hover,
.graph-widget .tab-buttons li.active-btn {
  background: #f9fafc;
}

.graph-widget .graph-img {
  position: relative;
  padding-top: 30px;
  margin-bottom: 20px;
}

.graph-widget .graph-img img {
  width: 100%;
  display: block;
}

/*============================
Form Widget
============================*/
.form-widget {
  position: relative;
}

.form-widget .default-form .form-group {
  margin-bottom: 12px;
}

.form-widget .default-form .form-group button {
  margin-top: 8px;
}

.form-widget .default-form .form-group:last-child {
  margin-bottom: 20px;
}

.form-widget .uploading-outer {
  margin-bottom: 20px;
}

/*============================
Uploading Widget
============================*/
.uploading-widget .widget-content {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.uploading-widget .widget-content:last-child {
  padding-bottom: 30px;
  margin-bottom: 0;
  border-bottom: 0;
}

.uploading-widget .uploading-outer {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.uploading-widget .bottom-text {
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #5c6770;
}

/*============================
Listing Filters
============================*/
.listing-filters {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #ffffff;
  border-radius: 5px;
  padding: 0 30px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
  margin-bottom: 30px;
}

.listing-filters .search-outer {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}

.search-form {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-form input[type="text"],
.search-form input[type="search"] {
  position: relative;
  height: 54px;
  min-width: 305px;
  padding: 10px 18px;
  padding-right: 70px;
  background: transparent;
  font-size: 14px;
  color: #5c6770;
  line-height: 30px;
  border: 2px solid #e6e8ed;
  border-radius: 5px 5px;
  transition: all 300ms ease;
}

.search-form .search-btn {
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 54px;
  color: #e6e8ed;
  transition: all 300ms ease;
}

.listing-filters .sort-by {
  margin-left: 30px;
}

.listing-filters .filters-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.listing-filters .filters-list li {
  position: relative;
  margin-right: 10px;
}

.listing-filters .filters-list li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #5c6770;
  font-weight: 400;
  padding: 40px 20px;
  padding-left: 55px;
  border-bottom: 2px solid transparent;
  transition: all 300ms ease;
}

.listing-filters .filters-list li a .icon {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  font-size: 20px;
  color: #9fa9b8;
  line-height: 30px;
}

.listing-filters .filters-list li:hover a,
.listing-filters .filters-list li.active a {
  color: #021f4a;
  border-color: #021f4a;
}

.my-listing-widget .listing-block-seven {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #f1f3f7;
}

.my-listing-widget .listing-block-seven:last-child {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 0;
}

/*====================================
Listing Block Seven
====================================*/
.listing-block-seven {
  position: relative;
  margin-bottom: 30px;
}

.listing-block-seven .inner-box {
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.listing-block-seven .image-box {
  position: relative;
  margin-right: 30px;
}

.listing-block-seven .image {
  position: relative;
  display: block;
  margin-bottom: 0;
  height: 150px;
  width: 200px;
  border-radius: 10px;
  overflow: hidden;
}

.listing-block-seven .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 500ms ease;
}

.listing-block-seven .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1b2032 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1b2032',GradientType=0 );
  z-index: 1;
  opacity: .80;
  content: "";
}

.listing-block-seven .inner-box:hover .image img {
  transform: scale(1.1);
}

.listing-block-seven .content-box {
  position: relative;
  width: 100%;
}

.listing-block-seven .content-box .upper-box {
  position: relative;
  padding: 20px 40px 10px;
  z-index: 2;
  width: 100%;
}

.listing-block-seven .rating {
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1em;
  color: #5c6770;
}

.listing-block-seven .fa {
  font-size: 11px;
  color: #ffa737;
}

.listing-block-seven .title {
  margin-left: 3px;
}

.listing-block-seven h3 {
  position: relative;
  font-size: 18px;
  line-height: 1.2em;
  color: #1b2032;
  font-weight: 600;
  margin-bottom: 5px;
}

.listing-block-seven h3 a {
  display: flex;
  align-items: center;
  color: #1b2032;
  transition: all 300ms ease;
}

.listing-block-seven h3 a:hover {
  color: #ffa737;
}

.listing-block-seven h3 .icon {
  margin-left: 10px;
}

.listing-block-seven .text {
  position: relative;
  margin-bottom: 10px;
}

.listing-block-seven .info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.listing-block-seven .info li {
  position: relative;
  color: #5c6770;
  margin-right: 20px;
}

.listing-block-seven .info li span {
  margin-right: 7px;
  font-size: 18px;
}

.listing-block-seven .places {
  position: relative;
  display: flex;
}

.listing-block-seven .place {
  position: relative;
  color: #4cbfd8;
  font-size: 14px;
}

.listing-block-seven .place .icon {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  background-color: #4cbfd8;
  margin-right: 7px;
}

.listing-block-seven .btn-box {
  position: relative;
  display: flex;
  align-items: center;
}

.listing-block-seven .btn-box .theme-btn {
  margin: 9px 0;
  margin-left: 18px;
}

.listing-block-seven .btn-box .theme-btn:first-child {
  margin-left: 0;
}

/***

====================================================================
User Sidebar
====================================================================

***/
.user-sidebar {
  position: fixed;
  left: 0;
  bottom: 0;
  height: calc(100%);
  width: 365px;
  padding-top: 80px;
  background: #ffffff;
  overflow: auto;
  transition: all 300ms ease;
  z-index: 9;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.user-sidebar::-webkit-scrollbar {
  width: 4px;
}

.user-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.user-sidebar::-webkit-scrollbar-thumb {
  background-color: #F0F5F7;
  border-radius: 10px;
}

.user-sidebar-active .user-sidebar {
  transform: translateX(0);
}

.sidebar-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all 300ms ease;
  z-index: 98;
  opacity: 0;
  visibility: hidden;
}

.user-sidebar .sidebar-inner {
  position: relative;
  padding: 60px 60px;
}

.user-sidebar .sidebar-header {
  position: relative;
  padding: 30px 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 230px;
  border-bottom: 1px solid #f1f3f7;
}

.user-sidebar .sidebar-header .user-image {
  position: relative;
  border-radius: 50%;
  height: 110px;
  width: 110px;
  border: 5px solid #dddee0;
  overflow: hidden;
  margin-bottom: 15px;
}

.user-sidebar .sidebar-header .user-image img {
  width: 100%;
  display: block;
}

.user-sidebar .sidebar-header .user-name {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: #1b2032;
  font-weight: 700;
}

.user-sidebar .navigation {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0px;
}

.user-sidebar .navigation li {
  position: relative;
  width: 100%;
}

.user-sidebar .navigation li a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  line-height: 30px;
  font-weight: 400;
  font-size: 15px;
  color: #696969;
  text-align: left;
  text-transform: capitalize;
  border-radius: 8px;
  transition: all 500ms ease;
}

.user-sidebar .navigation li a i {
  position: relative;
  margin-right: 15px;
  font-size: 22px;
  color: #696969;
  text-align: center;
  transition: all 500ms ease;
}

.user-sidebar .navigation > li.active > a,
.user-sidebar .navigation > li:hover > a {
  color: #1967D2;
  background: rgba(25, 103, 210, 0.1);
}

.user-sidebar .navigation li.active a i,
.user-sidebar .navigation li:hover a i {
  color: #1967D2;
}

.place.sky {
  color: #4cbfd8;
}

.place.sky .icon {
  background-color: #4cbfd8;
}

.place.pink {
  color: #ff8480;
}

.place.pink .icon {
  background-color: #ff8480;
}

.place.purple {
  color: #8c689d;
}

.place.purple .icon {
  background-color: #8c689d;
}

.place.green {
  color: #35c2a5;
}

.place.green .icon {
  background-color: #35c2a5;
}

.place.dark-pink {
  color: #ff007a;
}

.place.dark-pink .icon {
  background-color: #ff007a;
}

.place.orange {
  color: #ffb874;
}

.place.orange .icon {
  background-color: #ffb874;
}

.place.purple {
  color: #8c689d;
}

.place.purple .icon {
  background-color: #8c689d;
}

.skills-percentage {
  position: relative;
  margin-top: 55px;
}

.skills-percentage h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 20px;
}

.skills-percentage p {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 25px;
}

.skills-percentage .pie-graph {
  position: relative;
  margin-bottom: 0;
}

.skills-percentage .graph-outer:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 234px;
  width: 234px;
  border: 30px solid #ECEDF2;
  content: "";
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}

/***

====================================================================
Chat Widget
====================================================================

***/
.chat-widget .widget-content {
  padding: 0;
}

.chat-widget .card-header {
  padding: 40px 40px 0;
  background: none;
  border-radius: 0;
  border: 0;
}

.chat-widget .search-box-one .form-group input[type="text"],
.chat-widget .search-box-one .form-group input[type="search"] {
  width: 100%;
}

.chat {
  margin-top: auto;
  margin-bottom: auto;
}

.card {
  height: 770px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
}

.card ::-webkit-scrollbar {
  width: 4px;
}

.card ::-webkit-scrollbar-track {
  background: transparent;
}

.card ::-webkit-scrollbar-thumb {
  background-color: #F0F5F7;
  border-radius: 10px;
}

.contacts_body {
  padding: 15px 0px;
  overflow-y: auto;
  white-space: nowrap;
}

.msg_card_body {
  position: relative;
  overflow-y: auto;
  padding: 40px 40px 10px;
  flex-wrap: wrap;
}

.msg_card_body .d-flex {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}

.msg_card_body .justify-content-end {
  align-items: flex-end;
}

.chat_history {
  position: absolute;
  left: 0;
  top: 0px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #5c6770;
  background: #fff;
  padding: 30px 0;
}

.msg_card_body .mb-3 {
  margin-bottom: 30px !important;
}

.card-footer {
  padding: 30px 40px 40px;
  border-radius: 0 !important;
  background: none;
  border-top: 1px solid #ECEDF2;
}

.card-footer .form-group {
  position: relative;
}


.type_msg {
  background-color: transparent !important;
  border: 0 !important;
  color: white !important;
  height: 50px !important;
  overflow-y: auto;
  font-size: 14px;
  color: #696969 !important;
  line-height: 20px;
  padding: 15px 30px;
}

.type_msg:focus {
  box-shadow: none !important;
  outline: 0px !important;
}

.attach_btn {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}

.send_btn {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}

.contacts {
  list-style: none;
  padding: 0;
}

.contacts li {
  width: 100% !important;
}

.contacts li:last-child {
  margin-bottom: 0;
}

.contacts li a {
  position: relative;
  display: block;
  padding: 16px 40px;
  transition: all 300ms ease;
}

.contacts li.active a,
.contacts li:hover a {
  background: #f9fafc;
}

.user_img {
  height: 50px;
  width: 50px;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
}

.user_img_msg {
  height: 50px;
  width: 50px;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
}

.img_cont {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  flex: 0 0 50px;
}

.img_cont_msg {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.img_cont_msg img {
  height: 50px;
  width: 50px;
}

.img_cont_msg .name {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-left: 10px;
}

.img_cont_msg .msg_time {
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  color: #696969;
  margin-left: 10px;
}

.reply .img_cont_msg {
  flex-direction: row-reverse;
}

.reply .img_cont_msg .msg_time,
.reply .img_cont_msg .name {
  flex-direction: row-reverse;
  margin-right: 10px;
}

.online_icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 13px;
  width: 13px;
  background-color: #00d664;
  border-radius: 50%;
  border: 2px solid #fafafa;
}

.offline {
  background-color: #ff0000 !important;
}

.user_info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
}

.user_info span {
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 3px;
}

.user_info p {
  font-size: 14px !important;
  color: #5c6770 !important;
  line-height: 1.4em !important;
  margin-bottom: 0 !important;
}

.video_cam {
  margin-left: 50px;
  margin-top: 5px;
}

.video_cam span {
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}

.bd-highlight .info {
  position: absolute;
  right: 40px;
  top: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bd-highlight .info .count {
  position: relative;
  display: block;
  width: 16.02px;
  height: 16px;
  background: #1967D2;
  border-radius: 50%;
  color: #ffffff;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  margin-top: 2px;
}

.msg_cotainer {
  position: relative;
  display: block;
  width: auto;
  background: #F0F5F7;
  border-radius: 8px;
  padding: 23px 30px 20px;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  max-width: 60%;
  margin-bottom: 5px;
}

.reply .msg_cotainer {
  text-align: right;
}

.msg_cotainer_send {
  margin-top: 24px;
  border-radius: 5px;
  background-color: #bdc1c9;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 18px;
  position: relative;
}

.msg_time_send {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 14px;
  line-height: 1em;
  color: #5c6770;
}

.chat-widget .msg_head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  padding: 20px 40px;
}

.chat-widget .msg_head .btn-box {
  position: relative;
  display: flex;
  align-items: center;
}

.chat-widget .dlt-chat {
  font-size: 14px;
  line-height: 19px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #D93025;
}

#action_menu_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: white;
  cursor: pointer;
  font-size: 20px;
}

.action_menu {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}

.action_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.action_menu ul li {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}

.action_menu ul li i {
  padding-right: 10px;
}

.action_menu ul li:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}

.toggle-contact {
  font-size: 20px;
  margin-left: 20px;
  display: none;
}

.active-chat-contacts .toggle-contact .fa-bars:before {
  content: "\f00d";
}

.ls-widget {
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  margin-bottom: 30px;
}

.ls-widget .widget-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: transparent;
    padding: 20px 30px 0;
    min-height: 60px;
}

.ls-widget .widget-title h4 {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: #1b2032;
  font-weight: 500;
  margin-right: 30px;
  padding: 7px 0;
}

.ls-widget .widget-title h4 .icon {
  position: absolute;
  left: 0;
  top: 0px;
  line-height: 30px;
  color: #9fa9b8;
}

.ls-widget .widget-title .chosen-outer {
  position: relative;
  display: flex;
  align-items: center;
}

.widget-title .chosen-single {
  position: relative;
  height: 45px;
  padding: 10px 20px;
  font-size: 14px;
  color: #696969;
  line-height: 25px;
  background: #F0F5F7;
}

.widget-title .chosen-container {
  margin-left: 20px;
}

.widget-title .chosen-container-single .chosen-single div:after {
  color: #696969;
  content: "\f17c";
  font-family: 'Flaticon';
  font-size: 10px;
}

.search-box-one {
  position: relative;
}

.search-box-one .form-group {
  position: relative;
  margin-bottom: 0;
}

.search-box-one .form-group input[type="text"],
.search-box-one .form-group input[type="search"] {
  position: relative;
  display: block;
  max-width: 100%;
  width: 330px;
  height: 45px;
  line-height: 25px;
  padding: 5px 20px;
  padding-left: 54px;
  font-size: 15px;
  color: #696969;
  background: #F0F5F7;
  border-radius: 8px;
  transition: all 500ms ease;
}

.search-box-one .form-group input[type="text"]:focus,
.search-box-one .form-group input[type="search"]:focus {
  border-color: #1967D2;
}

.search-box-one .form-group .icon {
  position: absolute;
  left: 0;
  top: 0;
  color: #696969;
  height: 45px;
  width: 54px;
  z-index: 1;
  text-align: center;
  line-height: 45px;
  transition: all 500ms ease;
}

.ls-widget .widget-content {
  position: relative;
  padding: 30px 30px 10px;
}

.ls-widget .widget-content p {
  position: relative;
  font-size: 14px;
  line-height: 26px;
  color: #5c6770;
  font-weight: 400;
  margin-bottom: 26px;
}

/* Notification list */
.notification-list {
  position: relative;
}

.notification-list li {
  position: relative;
  padding: 5px 0;
  padding-left: 47px;
  font-size: 15px;
  line-height: 25px;
  color: #696969;
  font-weight: 400;
  min-height: 35px;
  margin-bottom: 25px;
}

.notification-list li strong {
  font-weight: 500;
  color: #202124;
}

.notification-list li .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 35px;
  width: 35px;
  background: rgba(25, 103, 210, 0.15);
  color: #1967D2;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  font-size: 16px;
}

.notification-list li .colored {
  color: #1967D2;
}

.notification-list li.success .icon {
  background: rgba(52, 168, 83, 0.15);
  color: #34a853;
}

.notification-list li.success .colored {
  color: #34a853;
}

/***

====================================================================
Features Section
====================================================================

***/
.features-section {
  position: relative;
  padding: 100px 0 70px;
}

.feature-block {
  position: relative;
  margin-bottom: 30px;
}

.feature-block .inner-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.feature-block .image {
  position: relative;
  margin-bottom: 0;
}

.feature-block .image img {
  display: block;
  width: 100%;
  transition: all 400ms ease;
}

.feature-block .inner-box:hover .image img {
  transform: scale(1.2);
}

.feature-block .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.feature-block .overlay-box .content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px 30px 25px;
  z-index: 9;
}

.feature-block .overlay-box h5 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  display: block;
  margin-bottom: 2px;
}

.feature-block .overlay-box .total-jobs {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}

.overlay-link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}

/***

==================================================================
Main Footer
==================================================================

***/
.main-footer {
  position: relative;
  background-color: #ffffff;
}

.main-footer.alternate {
  background: #F5F7FC;
}

.main-footer.alternate5 {
  border-top: 1px solid #ECEDF2;
}

/*=== Widgets Section ===*/
.main-footer .widgets-section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.main-footer .footer-column {
  position: relative;
  margin-bottom: 50px;
}

.main-footer .footer-widget {
  position: relative;
}

.main-footer .widget-title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #101010;
  line-height: 1.4em;
  margin-bottom: 30px;
}

.main-footer .logo {
  position: relative;
  margin-bottom: 25px;
}

.main-footer .logo img {
  display: block;
      width: 100px;
}

.main-footer .phone-num {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 15px;
}

.main-footer .phone-num span {
  position: relative;
  display: block;
}

.main-footer .phone-num a {
  color: #1967D2;
}

.main-footer .address {
  font-size: 14px;
  line-height: 30px;
  color: #696969;
  font-weight: 400;
}

.main-footer .address a {
  color: #696969;
}

/*=== Cities Widget ===*/
.main-footer .links-widget {
  position: relative;
  padding-left: 20px;
}

.main-footer .list {
  position: relative;
}

.main-footer .list li {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #696969;
  color: #AAAAAA;
  margin-bottom: 15px;
}

.main-footer .list li a {
  display: inline-block;
  color: #696969;
  transition: all 200ms ease;
}

.main-footer .list li:before {
  position: absolute;
  left: 0;
  top: 10px;
  height: 2px;
  width: 0px;
  content: "";
  border-bottom: 2px solid #1967D2;
  transition: all 300ms ease;
}

.main-footer .list li:hover:before {
  width: 15px;
}

.main-footer .list li:hover a {
  transform: translateX(25px);
  color: #1967D2;
}

/*=== Social Widget ===*/
.main-footer .footer-bottom {
  position: relative;
  width: 100%;
  padding: 36px 0;
    padding: 0;
  text-align: center;
  border-top: 1px solid #AAAAAA;
  border-top: none;
  /* min-height: 100px; */
}

.main-footer .footer-bottom .container {
  border-top: 1px solid #AAAAAA;
    padding: 20px 0 50px 0;
}

.main-footer .footer-bottom .bottom-left {
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .footer-bottom .logo {
  margin-bottom: 0;
  margin-right: 28px;
}

.main-footer .copyright-text {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #696969;
  padding: 0;
color: #9F9F9F;
}

.main-footer .copyright-text a {
  display: inline-block;
  color: #696969;
  line-height: 30px;
  transition: all 300ms ease;
}

.main-footer .copyright-text a:hover {
  text-decoration: underline;
  color: #9DB1BC;
}

.main-footer .footer-bottom .outer-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-footer .social-links {
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .social-links a {
  position: relative;
    margin-left: 32px;
    font-size: 17px;
    line-height: 18px;
  color: #696969;
  color: #000;
  transition: all 300ms ease;
}

.main-footer .social-links a:hover {
  color: #BC91E8;
}

/*=== Newsletter form ===*/
.newsletter-form {
  position: relative;
}

.newsletter-form h4 {
  position: relative;
}

.newsletter-form .text {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
}

.newsletter-form .form-group {
  position: relative;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"] {
  display: block;
  height: 60px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  background: #ffffff;
  padding: 15px 20px;
  padding-right: 60px;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  transition: all 300ms ease;
}

.newsletter-form .form-group .theme-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  line-height: 40px;
  height: 40px;
  background: #F9AB00;
  color: #ffffff;
  text-align: center;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
}

.newsletter-form .response {
  position: relative;
}

.newsletter-form .response > div {
  padding: 0 15px;
  text-align: center;
}

.newsletter-form .response .success {
  background: #28a745;
  color: #ffffff;
}

.newsletter-form .response .failed {
  background-color: #dc3545;
  color: #ffffff;
}

.newsletter-form .response .text-info {
  background-color: #ffd658;
  color: #222222 !important;
}

.main-footer.alternate2 .footer-bottom {
  position: relative;
  padding: 100px 0;
}

.main-footer.alternate3 {
  padding-top: 90px;
  background: none;
}

.main-footer.alternate3:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/background/6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.main-footer.alternate4 .footer-bottom {
  padding: 116px 0;
  border: 0;
}

/***

==================================================================
Main Footer / Style Two
==================================================================

***/
.main-footer.style-two {
  background-color: #302EA7;
}

.main-footer.style-two.alternate {
  background-color: #555555;
}

.main-footer.style-two .widgets-section {
  padding: 100px 0 20px;
}

.main-footer.style-two .widget-title {
  color: #ffffff;
}

.main-footer.style-two .copyright-text,
.main-footer.style-two .copyright-text a,
.main-footer.style-two .social-links a,
.main-footer.style-two .newsletter-form .text,
.main-footer.style-two .list li a,
.main-footer.style-two .address,
.main-footer.style-two .address a,
.main-footer.style-two .phone-num,
.main-footer.style-two .phone-num a {
  color: #DEEBFF;
}

.main-footer.style-two .social-links a:hover {
  color: #F9AB00;
}

.main-footer.style-two .d-flex .list:first-child {
  margin-right: 80px;
}

.main-footer.style-two .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.main-footer.style-two .list li:before {
  border-color: #ffffff;
}

/***

==================================================================
Main Footer / Style Three
==================================================================

***/
.main-footer.style-three {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.main-footer.style-three .widgets-section {
  padding: 180px 0 20px;
}

.main-footer.style-three .widget-title {
  color: #ffffff;
}

.main-footer.style-three .copyright-text,
.main-footer.style-three .copyright-text a,
.main-footer.style-three .social-links a,
.main-footer.style-three .newsletter-form .text,
.main-footer.style-three .list li a,
.main-footer.style-three .address,
.main-footer.style-three .address a,
.main-footer.style-three .phone-num,
.main-footer.style-three .phone-num a {
  color: #DEEBFF;
}

.main-footer.style-three .social-links a:hover {
  color: #F9AB00;
}

.main-footer.style-three .d-flex .list:first-child {
  margin-right: 80px;
}

.main-footer.style-three .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.main-footer.style-three .list li:before {
  border-color: #ffffff;
}

.main-footer.style-three .newsletter-form {
  position: relative;
  max-width: 492px;
  margin: 0 auto 85px;
}

.main-footer.style-three .download-btns {
  position: relative;
  margin-bottom: 20px;
}

.main-footer.style-three .download-btns .text {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.download-btns a {
  position: relative;
}

.app-btn {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 9px 22px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  margin-bottom: 20px;
  transition: all 300ms ease;
}

.app-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.app-btn .app-icon {
  position: relative;
  font-size: 28px;
  width: 26px;
  color: #ffffff;
}

.app-btn .inner {
  position: relative;
  padding-left: 20px;
}

.app-btn .sub {
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
}

.app-btn .name-app {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

.main-footer.style-three .footer-bottom {
  min-height: auto;
  padding: 30px 0;
}

.main-footer.style-three .newsletter-form .form-group input[type="text"],
.main-footer.style-three .newsletter-form .form-group input[type="email"] {
  border-radius: 50px;
  padding: 15px 28px;
  padding-right: 140px;
  line-height: 30px;
  height: 70px;
  font-size: 15px;
  line-height: 20px;
  color: #1967D2;
}

.main-footer.style-three .newsletter-form .form-group .theme-btn {
  height: 50px;
  padding: 10px 30px;
  width: auto;
  border-radius: 50px;
}

/***

==================================================================
Main Footer / Style Four
==================================================================

***/
.main-footer.style-four {
  background-color: #555555;
}

.main-footer.style-four .widgets-section {
  padding: 100px 0 20px;
}

.main-footer.style-four .social-links a,
.main-footer.style-four .widget-title {
  color: #ffffff;
}

.main-footer.style-four .copyright-text,
.main-footer.style-four .copyright-text a,
.main-footer.style-two .social-links a,
.main-footer.style-four .newsletter-form .text,
.main-footer.style-four .list li a,
.main-footer.style-four .address,
.main-footer.style-four .address a,
.main-footer.style-four .phone-num,
.main-footer.style-four .phone-num a {
  color: #ffffff;
}

.main-footer.style-four .social-links a:hover {
  color: #ffffff;
}

.main-footer.style-four .d-flex .list:first-child {
  margin-right: 80px;
}

.main-footer.style-four .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.main-footer.style-four .list li:before {
  border-color: #ffffff;
}

/***

==================================================================
Main Footer / Style Five
==================================================================

***/
.main-footer.style-five {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.main-footer.style-five .newsletter-form {
  position: relative;
  padding: 140px 0 150px;
  border-bottom: 1px solid #ECEDF2;
}

.main-footer.style-five .newsletter-form .sec-title {
  max-width: 490px;
  margin: 0 auto 35px;
}

.main-footer.style-five .newsletter-form .sec-title .text {
  font-size: 15px;
  line-height: 25px;
}

.main-footer.style-five .newsletter-form form {
  position: relative;
  max-width: 492px;
  margin: 0 auto 0;
}

.main-footer.style-five .newsletter-form .form-group {
  margin-bottom: 0;
}

.main-footer.style-five .newsletter-form .form-group input[type="text"],
.main-footer.style-five .newsletter-form .form-group input[type="email"] {
  border-radius: 8px;
  padding-right: 140px;
  height: 70px;
  padding: 15px 28px;
  line-height: 30px;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.main-footer.style-five .newsletter-form .form-group .theme-btn {
  right: 10px;
  height: 50px;
  padding: 10px 30px;
  width: auto;
  background: #1967D2;
}

.main-footer.style-five .download-btns {
  position: relative;
  margin-bottom: 0;
}

.main-footer.style-five .download-btns .text {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #696969;
  margin-bottom: 15px;
}

.main-footer.style-five .download-btns a {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.main-footer.style-five .download-btns a:last-child {
  margin-bottom: 0;
}

.main-footer.style-five .footer-bottom {
  min-height: auto;
  padding: 30px 0;
}

/***

==================================================================
Main Footer / Style Six
==================================================================

***/
.main-footer.style-six {
  background-color: #2F333C;
}

.main-footer.style-six .widgets-section {
  padding: 100px 0 50px;
}

.main-footer.style-six .phone-num,
.main-footer.style-six .phone-num a,
.main-footer.style-six .widget-title {
  color: #ffffff;
}

.main-footer.style-six .copyright-text,
.main-footer.style-six .copyright-text a,
.main-footer.style-six .social-links a,
.main-footer.style-six .newsletter-form .text,
.main-footer.style-six .list li a,
.main-footer.style-six .address,
.main-footer.style-six .address a {
  color: #CAD1D8;
}

.main-footer.style-six .social-links a:hover {
  color: #CAD1D8;
}

.main-footer.style-six .d-flex .list:first-child {
  margin-right: 80px;
}

.main-footer.style-six .footer-bottom {
  padding: 36px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.main-footer.style-six .list li:before {
  border-color: #ffffff;
}

.main-footer.style-six .links-widget {
  padding-left: 0;
}

.main-footer.style-six .newsletter-form .form-group .theme-btn {
  background: #1967D2;
}

.main-footer.style-six.alternate {
  background-color: #262C3F;
}

.main-footer.style-six.alternate .newsletter-form .form-group .theme-btn {
  background: #D93025;
}

.copyright-text {
  position: relative;
  text-align: center;
  padding: 30px 0 50px;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
}

/***

====================================================================
Fun Fact Section
====================================================================

***/
.fun-fact-section {
  position: relative;
  padding: 100px 0 70px;
  z-index: 1;
}

.fun-fact-section .counter-column {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.fun-fact-section .count-box {
  position: relative;
  display: block;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1em;
  color: #202124;
  font-weight: 500;
}

.fun-fact-section .counter-title {
  font-size: 15px;
  line-height: 30px;
  color: #696969;
  font-weight: 400;
  display: block;
}

.fun-fact-section.style-two {
  padding: 50px 0 20px;
}

.fun-fact-section.style-two .count-box {
  color: #1967D2;
}

.fun-fact-section.style-two .counter-title {
  color: #696969;
}

/***

====================================================================
Main Header
====================================================================

***/
.main-header {
  /* position: absolute; */
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 99;
  transition: all 300ms ease;
}

.header-span {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  z-index: 1;
}

.main-header.fixed-header {
  position: fixed;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.main-header.fixed-header .logo {
  padding: 15px 0;
}

.main-header .main-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  max-width: 1920px;
  margin: 0 auto;
}

.main-header .nav-outer {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .logo-box {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .logo {
  position: relative;
  z-index: 9;
  padding: 25px 0;
  margin-right: 100px;
  transition: all 300ms ease;
}

.main-header .menu-box {
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-menu {
  position: static;
}

.main-menu .navbar-header {
  display: none;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: static;
  display: flex;
  align-items: center;
  margin-bottom: unset !important;
}

.main-menu .navigation > li {
  position: relative;
  margin-right: 40px;
  padding: 20px 0;
  transition: all 300ms ease;
}

.main-menu .navigation > li > span,
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  color: #202124;
  cursor: pointer;
  transition: all 300ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current > span {
  color: #1967D2;
}

.main-menu .navigation > li.dropdown > span {
  padding-right: 18px;
}

.main-menu .navigation > li.dropdown > span:after {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 900;
  z-index: 5;
  color: #202124;
}

.main-menu .navigation > li > a > span {
  position: relative;
}

.main-menu .navigation > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px 0;
  opacity: 0;
  z-index: 1;
  min-width: 230px;
  border-top: 2px solid #1967D2;
  border-radius: 0px 0px 8px 8px;
  background-color: #fff;
  -ms-box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.2s;
}

.main-menu .navigation > li > ul:before {
  position: absolute;
  left: 20px;
  top: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 5px solid #1967D2;
  content: "";
}

.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0;
}

.main-menu .navigation > li > ul .from-right {
  left: auto;
  right: 100%;
  margin-right: 2px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  display: block;
  z-index: 1;
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > span,
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 30px;
  z-index: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li > span:hover,
.main-menu .navigation > li > ul > li > a:hover {
  color: #1967D2;
}

.main-menu .navigation > li.current.dropdown > span:after,
.main-menu .navigation > li > ul > li > ul > li.current > a,
.main-menu .navigation > li > ul > li.current > a {
  color: #1967D2;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 100%;
  padding: 10px 0;
  min-width: 220px;
  margin-top: -57px;
  opacity: 0;
  z-index: 1;
  border-top: 2px solid #1967D2;
  background-color: #fff;
  -ms-box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  transition: all 0.3s;
  transform: translateY(50px);
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 30px;
  z-index: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #363636;
  white-space: nowrap;
  text-transform: capitalize;
  transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover,
.main-menu .navigation > li > ul > li > ul > li > span:hover {
  color: #1967D2;
}

.main-menu .navigation > li > ul > li.dropdown > span:before {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: block;
  line-height: 20px;
  font-size: 15px;
  font-weight: 900;
  z-index: 5;
}

.main-menu .navigation > li.dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translate(0px);
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  align-items: center;
  display: flex;
  justify-content: end;
  position: relative;
}

.outer-box
  .message-icon-container {
    margin-right: 20px;
    margin-left: 10px;
  }
  .message-icon {
    height: 30px;
    width: 30px;
    filter: invert(5%) sepia(78%) saturate(6858%) hue-rotate(276deg) brightness(97%) contrast(101%);
    fill: #6F00BE;
    stroke: #6F00BE;
    color: #6F00BE;

  }
  #count-container {
    align-items: center;
    background-color: orangered;
    border-radius: 10px;
    color: white;
    display: flex;
    font-size: x-small;
    height: 20px;
    justify-content: center;
    position: absolute;
    width: 20px;
    top: 0;
    margin-left: 14px;
    display: none;
  }


.main-header .upload-cv {
  position: relative;
  font-size: 15px;
  color: #1967D2;
  font-weight: 400;
  white-space: nowrap;
}

.main-header .outer-box .btn-box {
  position: relative;
  display: flex;
}


.dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #fff;
}
.main-header .menu-btn {
  position: relative;
  margin-left: 30px;
}

.main-header .menu-btn .icon {
  font-size: 24px;
  color: #696969;
}

.main-header .menu-btn .count {
  position: absolute;
  right: -8px;
  top: -4px;
  height: 16px;
  width: 16px;
  background: #1967D2;
  border-radius: 50%;
  color: #ffffff;
  line-height: 16px;
  font-size: 12px;
}

.main-header.alternate {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.main-header.alternate .main-box {
  padding: 0;
}

.main-header.alternate .main-box .logo {
  margin-right: 80px;
}

.main-header.alternate2 .outer-box .btn-box a {
  border-radius: 5px !important;
}

.main-header.header-style-two.alternate .main-box .logo {
  margin-right: 30px;
}

.main-header.header-style-two.fixed-header {
  background-color: #22218c;
}

.main-header.header-shaddow {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-bottom: 1px solid #ECEDF2;
}

.main-header.alternate3 {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  background-color: #ffffff;
}

/***

====================================================================
Header Style Two
====================================================================

***/
.header-style-two .main-box {
  padding: 0;
}

.header-style-two .nav-outer {
  width: 100%;
}

.header-style-two .main-menu {
  margin-left: auto;
  margin-right: 15px;
}

.header-style-two .logo {
  margin-right: 0;
}

.header-style-two .main-menu .navigation > li {
  margin-left: 45px;
  margin-right: 0;
}

.header-style-two .main-menu .navigation > li.dropdown > span:after,
.header-style-two .main-menu .navigation > li > span,
.header-style-two .main-menu .navigation > li > a {
  color: #ffffff;
}

.header-style-two .upload-cv,
.header-style-two .main-menu .navigation > li > ul > li > a:hover,
.header-style-two .main-menu .navigation > li > ul > li > span:hover,
.header-style-two .main-menu .navigation > li > ul > li > a:hover,
.header-style-two .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-two .main-menu .navigation > li > ul > li > ul > li > span:hover,
.header-style-two .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.header-style-two .main-menu .navigation > li.current.dropdown > span:after,
.header-style-two .main-menu .navigation > li > ul > li > ul > li.current > a,
.header-style-two .main-menu .navigation > li > ul > li.current > a,
.header-style-two .main-menu .navigation > li.current.dropdown > span:after,
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li.current > span {
  color: #F9AB00;
}

.header-style-two .main-menu .navigation > li > ul > li > ul,
.header-style-two .main-menu .navigation > li > .mega-menu,
.header-style-two .main-menu .navigation > li > ul {
  border-top-color: #F9AB00;
}

.header-style-two .main-menu .navigation > li > .mega-menu:before,
.header-style-two .main-menu .navigation > li > ul:before {
  border-bottom-color: #F9AB00;
}

.header-style-two .theme-btn {
  border-radius: 50px;
}

/***

====================================================================
Header Style Three
====================================================================

***/
.header-style-three .main-box {
  padding: 0 45px;
}

.header-style-three .upload-cv,
.header-style-three .main-menu .navigation > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > ul > li > span:hover,
.header-style-three .main-menu .navigation > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > ul > li > ul > li > span:hover,
.header-style-three .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.header-style-three .main-menu .navigation > li.current.dropdown > span:after,
.header-style-three .main-menu .navigation > li > ul > li > ul > li.current > a,
.header-style-three .main-menu .navigation > li > ul > li.current > a,
.header-style-three .main-menu .navigation > li.current.dropdown > span:after,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li.current > span {
  color: #34A853;
}

.header-style-three .main-menu .navigation > li > ul > li > ul,
.header-style-three .main-menu .navigation > li > .mega-menu,
.header-style-three .main-menu .navigation > li > ul {
  border-top-color: #34A853;
}

.header-style-three .main-menu .navigation > li > .mega-menu:before,
.header-style-three .main-menu .navigation > li > ul:before {
  border-bottom-color: #34A853;
}

/***

====================================================================
Header Style Four
====================================================================

***/
.header-style-four .nav-outer {
  width: 100%;
}

.header-style-four .main-menu {
  margin-left: auto;
  margin-right: 15px;
}

.header-style-four .main-menu .navigation > li {
  margin-left: 45px;
  margin-right: 0;
}

.header-style-four .main-menu .navigation > li.dropdown > span:after,
.header-style-four .main-menu .navigation > li > span,
.header-style-four .main-menu .navigation > li > a {
  color: #ffffff;
}

.header-style-four .upload-cv,
.header-style-four .main-menu .navigation > li > ul > li > a:hover,
.header-style-four .main-menu .navigation > li > ul > li > span:hover,
.header-style-four .main-menu .navigation > li > ul > li > a:hover,
.header-style-four .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-four .main-menu .navigation > li > ul > li > ul > li > span:hover,
.header-style-four .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.header-style-four .main-menu .navigation > li > ul > li > ul > li.current > a,
.header-style-four .main-menu .navigation > li > ul > li.current > a {
  color: #D93025;
}

.header-style-four .main-menu .navigation > li > ul > li > ul,
.header-style-four .main-menu .navigation > li > .mega-menu,
.header-style-four .main-menu .navigation > li > ul {
  border-top-color: #D93025;
}

.header-style-four .main-menu .navigation > li > .mega-menu:before,
.header-style-four .main-menu .navigation > li > ul:before {
  border-bottom-color: #D93025;
}

.header-style-four .btn-style-five {
  color: #202124;
}

.header-style-four .btn-style-five:hover {
  color: #ffffff;
}

.header-style-four.fixed-header {
  background: #262C3F;
}

/***

====================================================================
Header Style Five
====================================================================

***/
.header-style-five .logo-box {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.header-style-five .logo {
  padding: 25px 0;
}

.header-style-five .outer-box {
  padding: 25px 0;
}

.header-style-five.fixed-header .outer-box {
  padding: 15px 0;
}

.header-style-five.fixed-header .logo {
  padding: 10px 0;
  transition: all 300ms ease;
}

/***

====================================================================
Sticky Header
====================================================================

***/
.sticky-header {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.952941);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 300ms ease;
}

.sticky-header.fixed-header {
  opacity: 1;
  z-index: 99;
  visibility: visible;
}

.sticky-header .main-box {
  padding: 0;
  margin: 0;
}

.sticky-header .logo,
.sticky-header .outer-box,
.sticky-header .main-box:before {
  display: none;
}

.sticky-header .sticky-logo {
  display: block;
}

.sticky-header .main-menu .navigation > li.dropdown > span:after,
.sticky-header .main-menu .navigation > li.dropdown > span,
.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li > a {
  color: #363636;
}

.sticky-header .main-menu .navigation > li.current.dropdown > span:after,
.sticky-header .main-menu .navigation > li.current > span,
.sticky-header .main-menu .navigation > li.current.dropdown > a:after,
.sticky-header .main-menu .navigation > li.current > a {
  color: #1967D2;
}

/***

====================================================================
Mobile Header
====================================================================

***/
.mobile-header {
  position: relative;
  padding: 20px 15px;
  display: none;
  z-index: 99;
  background-color: #ffffff;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.mobile-header:after {
  display: table;
  clear: both;
  content: "";
}

.mobile-header .logo {
  position: relative;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  left: 0;
}

.mobile-header .logo img {
  max-height: 50px;
}

.mobile-header .nav-outer {
  position: relative;
  float: right;
}

.mobile-header .outer-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-header .search-box .search-btn {
  font-size: 20px;
  color: #ffffff;
}

.mobile-header .search-box {
  margin: 0;
}

.mobile-header .cart-btn > a {
  font-size: 20px;
}

.mobile-header .cart-btn > a,
.mobile-header .login-box {
  margin-left: 20px;
}

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  margin-left: 20px;
  width: 30px;
  color: #202124;
  order: 3;
  transform: scaleX(-1);
  display: none;
}

.mobile-header .login-box .icon-user {
  position: relative;
  height: 18px;
  width: 18px;
  display: block;
  background-image: url(../images/icons/user.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.mobile-header .login-box a {
  color: #202124;
  font-size: 20px;
}

/***

====================================================================
Job Categories
====================================================================

***/
.job-categories {
  position: relative;
  padding: 115px 0 70px;
  border-bottom: 1px solid #ECEDF2;
}

/*=== Category Blcok ===*/
.category-block {
  position: relative;
  margin-bottom: 30px;
}

.category-block .inner-box {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 19px;
  transition: all 300ms ease;
}

.category-block .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.category-block .content {
  position: relative;
  display: flex;
  justify-content: center;
  padding-left: 90px;
  min-height: 70px;
  flex-direction: column;
}

.category-block .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  width: 70px;
  background: #ECEDF2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1967D2;
  font-size: 36px;
  border-radius: 10px;
  transition: all 300ms ease;
}

.category-block .inner-box:hover .icon {
  color: #ffffff;
  background: #1967D2;
}

.category-block h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 4px;
}

.category-block h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.category-block h4 a:hover {
  color: #1967D2;
}

.category-block p {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
}

/*=== Category Blcok Two ===*/
.category-block-two {
  position: relative;
  margin-bottom: 30px;
}

.category-block-two .inner-box {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  transition: all 300ms ease;
}

.category-block-two .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.category-block-two .content {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.category-block-two .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  background: #ECEDF2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1967D2;
  font-size: 36px;
  border-radius: 50%;
  margin-bottom: 20px;
  transition: all 300ms ease;
}

.category-block-two .inner-box:hover .icon {
  color: #ffffff;
  background: #1967D2;
}

.category-block-two h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 29px;
}

.category-block-two h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.category-block-two h4 a:hover {
  color: #1967D2;
}

.category-block-two p {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
}

/*=== Category Blcok Three ===*/
.category-block-three {
  position: relative;
  margin-bottom: 30px;
}

.category-block-three .inner-box {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  transition: all 300ms ease;
}

.category-block-three .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.category-block-three .content {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.category-block-three .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  background: #ECEDF2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1967D2;
  font-size: 36px;
  border-radius: 10px;
  margin-bottom: 20px;
  transition: all 300ms ease;
}

.category-block-three h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 29px;
}

.category-block-three h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.category-block-three h4 a:hover {
  color: #1967D2;
}

.category-block-three p {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
}

.category-block-three:nth-child(1) .icon {
  background: #D4F4F8;
  color: #1967D2;
}

.category-block-three:nth-child(2) .icon {
  background: #FEDDD8;
  color: #FF2200;
}

.category-block-three:nth-child(3) .icon {
  background: #F2E0FE;
  color: #9900FF;
}

.category-block-three:nth-child(4) .icon {
  background: #FFEEE2;
  color: #FF2200;
}

.category-block-three:nth-child(5) .icon {
  background: #D4EFDF;
  color: #00CA52;
}

.category-block-three:nth-child(6) .icon {
  background: #FCF4DB;
  color: #ECB300;
}

.category-block-three:nth-child(7) .icon {
  background: #DAD9F8;
  color: #0800ED;
}

.category-block-three:nth-child(8) .icon {
  background: #D4F4F8;
  color: #00D0EA;
}

/* Style Two  */
.job-categories.style-two {
  background: rgba(52, 168, 83, 0.04);
}

.job-categories.style-two .category-block .inner-box .icon {
  background: rgba(52, 168, 83, 0.15);
  border-radius: 50%;
  color: #34a853;
}

.job-categories.style-two .category-block .inner-box:hover .icon {
  background: #34a853;
  color: #ffffff;
}

.job-categories.style-two .category-block h4 a:hover {
  color: #34a853;
}

/***

====================================================================
Job Section
====================================================================

***/
.job-section {
  position: relative;
  padding: 100px 0;
}

.job-section.alternate {
  padding: 20px 0 70px;
}

.job-section .tab-buttons {
  justify-content: center;
  margin-bottom: 30px;
}

.job-section .default-tabs .tabs-content {
  padding: 0;
}

.job-block {
  position: relative;
  margin-bottom: 30px;
}

.job-block .inner-box {
  position: relative;
  padding: 32px 20px 22px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 300ms ease;
}

.job-block .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.job-block .content {
  position: relative;
  padding-left: 68px;
  min-height: 51px;
}

.job-block .company-logo {

  position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    transition: all 300ms ease;
    border-radius: 50px;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: 1px solid #e8f2ea;
}
.job-block .company-logo img {
   display: block;
    object-fit: cover;
    margin: auto;
    max-width: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



.job-block h4 {
  font-size: 18px;
  color: #101010;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.job-block h4 a {
  color: #101010;
  transition: all 300ms ease;
  font-weight:700;
}

.job-block h4 a:hover {
  color: #1967D2;
}

.job-block .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.job-block .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block .job-info li a {
  color: #696969;
}

.job-block .bookmark-btn {
  position: absolute;
  right: 0;
  top: -15px;
  height: 30px;
  width: 30px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  transition: all 300ms ease;
}

.job-block .bookmark-btn:hover {
  background: #ECEDF2;
}

.job-block .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.job-other-info li {
  position: relative;
  font-size: 13px;
  line-height: 15px;
  margin-right: 6px;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 10px;
}

.job-other-info li.time {
  background: #DEE8F9;
  color: #101010;
}

.job-other-info li.green,
.job-other-info li.privacy {
  background: #DEE8F9;
  color: #101010;
}

.job-other-info li.required {
  background: rgba(249, 171, 0, 0.15);
  color: #F9AB00;
}

.job-section .btn-box {
  position: relative;
  text-align: center;
  margin-top: 15px;
}

/*=== Style Two ===*/
.job-section.style-two {
  background-color: #ECEDF2;
}

.job-section.style-two .default-dots .owl-dots {
  margin-top: 20px;
}

/***

====================================================================
Job Section Two
====================================================================

***/
.job-section-two {
  position: relative;
  background-color: #F5F7FC;
  padding: 100px 0;
}

.job-block-two {
  position: relative;
  margin-bottom: 30px;
}

.job-block-two .inner-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 32px 20px 15px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 300ms ease;
}

.job-block-two .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.job-block-two .content {
  position: relative;
  padding-left: 80px;
  min-height: 60px;
  padding-top: 2px;
}

.job-block-two .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  transition: all 300ms ease;
}

.job-block-two .company-logo img {
  display: block;
  width: 100%;
}

.job-block-two h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px;
}

.job-block-two h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.job-block-two h4 a:hover {
  color: #1967D2;
}

.job-block-two .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block-two .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.job-block-two .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-two .job-info li a {
  color: #696969;
}

.job-block-two .bookmark-btn {
  position: absolute;
  right: 35px;
  top: 15px;
  height: 30px;
  width: 30px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  transition: all 300ms ease;
}

.job-block-two .bookmark-btn:hover {
  background: #ECEDF2;
}

.job-block-two .job-other-info {
  position: relative;
  display: flex;
  align-items: center;
  top: 9px;
}

.job-section-two .btn-box {
  position: relative;
  text-align: center;
  margin-top: 20px;
}

/***

====================================================================
Job Section Three
====================================================================

***/
.job-section-three {
  position: relative;
  padding: 100px 0;
}

.job-block-three {
  position: relative;
  margin-bottom: 30px;
}

.job-block-three .inner-box {
  position: relative;
  padding: 32px 20px 22px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 300ms ease;
}

.job-block-three .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.job-block-three .content {
  position: relative;
  padding-left: 68px;
  min-height: 51px;
}

.job-block-three .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  transition: all 300ms ease;
}

.job-block-three .company-logo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: fill;
  object-fit: fill;
}

.job-block-three h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.job-block-three h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.job-block-three h4 a:hover {
  color: #1967D2;
}

.job-block-three .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block-three .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.job-block-three .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-three .job-info li a {
  color: #696969;
}

.job-block-three .bookmark-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 25px;
  width: 25px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  transition: all 300ms ease;
}

.job-block-three .bookmark-btn:hover {
  background: #ECEDF2;
}

.job-block-three .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

/***

====================================================================
Job Section Four
====================================================================

***/
.job-section-four {
  position: relative;
  padding: 100px 0;
}

.job-block-four {
  position: relative;
  margin-bottom: 30px;
}

.job-block-four .inner-box {
  position: relative;
  padding: 47px 45px 37px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 300ms ease;
  text-align: center;
}

.job-block-four .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.job-block-four .job-other-info {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.job-block-four .job-other-info li {
  width: auto;
  display: inline-block;
  border-radius: 0;
  border-radius: 0 30px 30px 0;
}

.job-block-four .job-other-info .time {
  position: absolute;
  right: 10px;
  margin-right: 0px;
  border-radius: 40px;
}

.job-block-four .company-name {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #34A853;
  margin-bottom: 6px;
}

.job-block-four .company-logo {
  position: relative;
  display: block;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 12px;
  transition: all 300ms ease;
}

.job-block-four h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.job-block-four h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.job-block-four h4 a:hover {
  color: #1967D2;
}

.job-block-four .location {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
}

.job-block-four .location .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-four .location a {
  color: #696969;
}

.job-block-four .post-tags {
  position: relative;
  display: flex;
  justify-content: center;
  align-self: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.job-block-four .post-tags li {
  position: relative;
  background: #F0F5F7;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 0 5px 10px;
}

.job-block-four .post-tags li a {
  color: #696969;
}

.job-block-four .post-tags li.colored {
  background-color: #34A853;
  color: #ffffff;
}

.job-section-four .btn-box {
  text-align: center;
  margin-top: 20px;
}

/*=== Alternate ===*/
.job-section-four.alternate .job-block-four .inner-box {
  padding: 45px 35px 35px;
}

.job-section-four.alternate .job-block-four h4 {
  font-size: 16px;
  line-height: 22px;
}

/***

====================================================================
Job Section Five
====================================================================

***/
.job-section-five {
  position: relative;
  padding: 100px 0;
  background-color: #ECEDF2;
}

.job-section-five .outer-box {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  overflow: hidden;
}

.job-block-five {
  position: relative;
}

.job-block-five .inner-box {
  position: relative;
  padding: 30px 32px;
  padding-right: 120px;
  background: #FFFFFF;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  transition: all 300ms ease;
  border-left: 2px solid transparent;
}

.job-block-five:nth-child(even) .inner-box {
  background-color: #F6F6FB;
}

.job-block-five .inner-box:hover {
  border-left: 2px solid #1967D2;
}

.job-block-five .inner-box .theme-btn {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -25px;
  background: rgba(25, 103, 210, 0.07);
}

.job-block-five .inner-box .theme-btn:hover {
  background: #1967d2;
}

.job-block-five .content {
  position: relative;
  padding-left: 80px;
  padding-top: 5px;
  min-height: 60px;
}

.job-block-five .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  transition: all 300ms ease;
}

.job-block-five h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 26px;
  top: -3px;
  margin-bottom: 3px;
}

.job-block-five h4 a {
  color: #202124;
  transition: all 300ms ease;
}

.job-block-five h4 a:hover {
  color: #1967D2;
}

.job-block-five .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block-five .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.job-block-five .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-five .job-info li a {
  color: #696969;
}

.job-block-five .bookmark-btn {
  position: absolute;
  right: 0;
  top: -15px;
  height: 30px;
  width: 30px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  transition: all 300ms ease;
}

.job-block-five .bookmark-btn:hover {
  background: #ECEDF2;
}

.job-block-five .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  bottom: 3px;
  margin-left: 10px;
}

.job-section-five .btn-box {
  text-align: center;
  margin-top: 20px;
}

.job-section-five.style-two {
  background-color: #ffffff;
  padding: 100px 0 50px;
}

.job-section-five.style-two .job-block-five .inner-box:hover {
  border-color: #D93025;
}

.job-section-five.style-two .job-block-five .inner-box .theme-btn {
  background-color: rgba(217, 48, 37, 0.07);
}

.job-section-five.style-two .job-block-five .inner-box .theme-btn:hover {
  background-color: #d93025;
}

.job-section-five.style-two .featured-column {
  margin-bottom: 50px;
}

.job-other-info .offer-ppo{
  background-color: #5D4DA8;
  color: #ffffff;
}

/***

====================================================================
Job Section Six
====================================================================

***/
.job-section-six {
  position: relative;
  padding: 0px 0 50px;
  border-bottom: 1px solid #ECEDF2;
}

.job-section-six .image-column {
  position: relative;
  margin-bottom: 50px;
}

.job-section-six .image-column .image {
  margin-bottom: 0;
  padding-right: 16px;
}

.job-section-six .image-column .image img {
  display: block;
  width: 100%;
}

.job-section-six .content-column {
  position: relative;
}

.job-section-six .content-column .inner-column {
  position: relative;
  padding-top: 36px;
  padding-left: 45px;
}

.job-section-six .sec-title {
  margin-bottom: 28px;
}

.job-section-six .job-block-five {
  margin-bottom: 30px;
}

.job-section-six .job-block-five .inner-box {
  background: #ffffff;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
}

.job-section-six .job-block-five .job-info {
  margin-bottom: 0;
}

.job-section-six .job-block-five .company-logo {
  width: 50px;
}

.job-section-six .job-block-five .content {
  padding-left: 70px;
  padding-top: 0;
  min-height: 50px;
}

.job-section-six .job-block-five h4 {
  margin-bottom: 0;
}

/***

====================================================================
Job Detail Section
====================================================================

***/
.job-detail-section {
  position: relative;
  padding-top: 4%;
  padding-top: 0%;
}

.job-detail-section .upper-box {
  position: relative;
  background-image: url(../images/icons/bg-4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-size: cover;
  padding: 80px 0 70px;
}

.job-detail-section.style-three .upper-box {
  background-image: url(../images/icons/bg-5.png);
}

.job-detail-section .job-block-outer {
  position: relative;
  margin-bottom: 30px;
}

.job-block-seven {
  position: relative;
}

.job-block-seven .inner-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.job-block-seven .content {
  position: relative;
  padding-left: 80px;
  min-height: 51px;
}

.job-block-seven.style-two .content {
  padding-left: 0;
}

.job-block-seven .company-logo {
  position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    transition: all 300ms ease;
    border-radius: 60px;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: 1px solid #e8f2ea;
}

.job-block-seven .company-logo img {
         display: block;
    object-fit: cover;
    margin: auto;
    max-width: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.job-block-seven h4 {
  position: relative;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3em;
  color: #202124;
  top: -3px;
  margin-bottom: 10px;
}

.job-block-seven h4 a {
  color: #101010;
    transition: all 300ms ease;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.job-block-seven h4 a:hover {
  color: #1967D2;
}

.job-block-seven .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.job-block-seven .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-right: 20px;
  margin-bottom: 3px;
}

.job-block-seven .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.job-block-seven .job-info li a {
  color: #696969;
}

.job-block-seven .job-other-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.job-block-seven .btn-box {
  position: relative;
  display: flex;
  align-items: center;
}

.job-block-seven .btn-box .theme-btn {
  min-width: 220px;
}

.job-block-seven .bookmark-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #1967D2;
  border-radius: 7px;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
}

.job-block-seven .bookmark-btn:hover {
  background: #1967D2;
  color: #fff;
}

.job-block-seven.style-three .inner-box {
  flex-direction: column;
}

.job-block-seven.style-three .company-logo {
  position: relative;
  margin-bottom: 20px;
}

.job-block-seven.style-three .job-info {
  justify-content: center;
}

.job-block-seven.style-three .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  margin-bottom: 30px;
}

.job-detail-outer {
  position: relative;
  padding: 50px 0;
}

.job-detail {
  position: relative;
  padding-right: 30px;
}

.candidate-detail-section.style-three .job-detail {
  padding-right: 0;
  padding-left: 20px;
}

.job-overview-two h4,
.job-detail h4 {
  position: relative;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 15px;
}
.job-detail h3{ font-weight: 600; font-size:24px;}
.job-detail p {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 20px !important;
}

.job-detail .image {
  position: relative;
  margin-bottom: 50px;
}

.job-detail .images-outer .image {
  margin-bottom: 30px;
  overflow: hidden;
}

.job-detail .images-outer .image img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}

.job-detail .images-outer .image a {
  position: relative;
  display: block;
}

.job-detail .images-outer .image a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #1967D2;
  line-height: 45px;
  color: #fff;
  text-align: center;
  content: "+";
  font-size: 30px;
  border-radius: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.job-detail .images-outer .image a:hover:before {
  opacity: 1;
  visibility: visible;
}

.job-detail .images-outer .image:hover a img {
  transform: scale(1.1);
}

.list-style-three {
  position: relative;
  margin-bottom: 50px;
}

.list-style-three li {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  padding-left: 20px;
  margin-bottom: 25px;
}

.list-style-three li:before {
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 4px;
  background: #202124;
  content: "";
}

.job-detail-section .other-options {
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px;
}

.job-detail-section .social-share {
  display: flex;
  align-items: center;
}

.social-share h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-right: 20px;
}

.social-share a {
  padding: 10px 25px;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  background: #222222;
  border-radius: 8px;
  transition: all 300ms ease;
  margin: 5px 0;
  margin-right: 10px;
}

.job-detail-section .related-jobs {
  position: relative;
  margin-bottom: 50px;
}

.job-detail-outer .map-outer {
  position: relative;
  margin-bottom: 50px;
}

.job-detail-outer .map-canvas {
  height: 350px;
}

.related-jobs .title-box {
  position: relative;
  margin-bottom: 28px;
}

.related-jobs .title-box h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #000000;
  margin-bottom: 10px;
}

/* Job Overview*/
.job-overview {
  position: relative;
}

.job-overview li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 30px;
  display: inline-block;
  width:100%;
}

.job-overview .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

.job-overview h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
}

.job-overview span {
  font-size: 15px;
  line-height: 20px;
}

/* Job Overview Two*/
.job-overview-two {
  position: relative;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 30px 30px 0;
  margin-bottom: 50px;
}

.job-overview-two ul {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -20px;
}

.job-overview-two li {
  position: relative;
  flex: 0 0 25%;
  padding-left: 50px;
  padding-right: 20px;
  margin-bottom: 30px;
}

.job-overview-two .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

.job-overview-two h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
}

.job-overview-two span {
  font-size: 15px;
  line-height: 20px;
}

.sidebar-widget .map-outer {
  margin-bottom: 50px;
}

.sidebar-widget .map-canvas {
  min-height: 250px;
}

.job-skills {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.job-skills li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.job-skills li a {
  padding: 5px 20px;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  border-radius: 4px;
  background: #FFFFFF;
}

/***

=======================
List Style one
=======================

***/
.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  padding-left: 35px;
  font-size: 15px;
  line-height: 26px;
  color: #202124;
  font-weight: 400;
  cursor: default;
  margin-bottom: 20px;
}

.list-style-one li:before {
  position: absolute;
    content: '';
    left: 0px;
    font-size: 14px;
    color: #ffffff;
    background: url('../images/resource/chk.png');
    width: 20px;
    height: 20px;
    background-size:cover;
}

/***

=======================
List Style Two
=======================

***/
.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  cursor: default;
  padding-left: 22px;
  margin-bottom: 20px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background: #C4C4C4;
  border-radius: 50%;
  content: "";
}

/***

====================================================================
Login Popup
====================================================================

***/
.jquery-modal {
  z-index: 999;
}
.modal {
  height: auto;
  padding: 0;
  max-width: 500px;
  overflow: visible;
  background: none;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  z-index: 9999;
}

.blocker {
  background: rgba(32, 33, 36, 0.5);
}

#login-modal {
  max-width: 500px;
  padding: 30px 40px 20px;
  overflow: visible;
  background: #fff;
  border-radius: 8px;
  box-shadow: none;
}

#login-modal .social-btn-two {
  padding: 10px 20px;
}

.login-from {
  position: relative;
  text-align: center;
  background: #fff;
}

.login-from h3 {
  position: relative;
  display: block;
  font-size: 20px;
  color: #1b2032;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.login-from .form-group {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.login-from .form-group .text,
.login-from .form-group .forgot-pass,
.login-from .form-group label {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1em;
  margin: 0;
}

.login-from .form-group label {
  cursor: pointer;
}

.login-from .form-group .forgot-pass:hover {
  text-decoration: underline;
}

.login-from .form-group input[type="text"],
.login-from .form-group input[type="email"],
.login-from .form-group input[type="password"],
.login-from .form-group input[type="url"],
.login-from .form-group select,
.login-from .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 54px;
  font-size: 14px;
  color: #5c6770;
  line-height: 30px;
  font-weight: 400;
  background: #ffffff;
  border: 2px solid #e6e8ed;
  padding: 10px 20px;
  border-radius: 8px;
  transition: all 300ms ease;
}

.login-from .form-group input[type="submit"],
.login-from .form-group button {
  width: 100%;
  min-width: auto;
}

.login-from .form-group .text {
  width: 100%;
}

.login-from .form-group .social-btn {
  margin-right: 30px;
  width: 100%;
}

.login-from .form-group .social-btn:last-child {
  margin-right: 0;
}

.login-from .bottom-text {
  flex-direction: column;
}

.login-from .signup-link {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #021f4a;
}

.login-from .signup-link:hover {
  text-decoration: underline;
}

.login-from.register .form-group.full-width {
  flex-direction: column;
  text-align: left;
  margin-bottom: 8px;
}

.login-from.register .checkbox-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  white-space: nowrap;
}

.login-from.register .checkbox-wrap label {
  margin-left: 10px;
}

.login-from.register .checkbox-wrap label a {
  color: #ef2f24;
}

.login-from.register .checkbox-wrap label a:hover {
  text-decoration: underline;
}

#login-modal .login-form h3 {
  text-align: center;
}

.modal a.close-modal {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  background: #F0F5F7;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F0F5F7;
  text-indent: 0;
  font-size: 0;
}

.modal a.close-modal:before {
  font-family: Flaticon;
  content: "\f175";
  position: relative;
  font-size: 12px;
  color: #000;
  width: 40px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***

==================================================================
Login Section
==================================================================

***/
.login-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 0 50px;
  overflow: auto;
}

.login-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 42%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.login-section .outer-box {
  position: relative;
  margin-left: 42%;
  width: 58%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-section .login-form {
  margin: 0 auto;
  max-width: 610px;
  width: 100%;
  padding: 0 30px;
}
.candidate-pg storng {
    font-weight: 700;
    color: #000;
}
.login-form h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  color: #202124;
  margin-bottom: 15px;
}
.mb-25 {
  margin-bottom: 25px !important;
}

.login-form .field-outer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
}

.login-form .field-outer label {
  margin-bottom: 0;
}

.login-form .field-outer .pwd {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #202124;
  white-space: nowrap;
}

.login-form .form-group .theme-btn {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.login-form .bottom-box {
  position: relative;
  padding-top: 12px;
  text-align: center;
}

.login-form .text {
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  text-align: center;
  margin-top: 5px;
  font-weight: 600;
}

.login-form .text a {
  color: #696969;
  font-weight: 600;
}

.login-form .bottom-box .divider {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  background: #ffffff;
  margin: 10px 0 25px;
}

.login-form .bottom-box .divider span {
  position: relative;
  z-index: 9;
}

.login-form .bottom-box .divider:before {
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  width: 100%;
  background: #ECEDF2;
  border-radius: 8px;
  content: "";
}

.login-form .bottom-box .divider:after {
  position: absolute;
  left: 50%;
  top: 0px;
  height: 20px;
  width: 60px;
  background: #fff;
  margin-left: -30px;
  content: "";
}

.login-form .bottom-box .btn-box {
  position: relative;
}

.social-btn-two {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  color: inherit;
  font-size: 14px;
  border-radius: 8px;
  background-color: inherit;
  border: 1px solid #fff;
  font-weight: 500;
  padding: 10px 30px;
  color: #1967D2;
  line-height: 25px;
  margin-bottom: 20px;
}

.social-btn-two i {
  margin-right: 10px;
  font-size: 15px;
}

.social-btn-two.facebook-btn {
  border-color: #3b5998;
  color: #3b5998;
}

.social-btn-two.facebook-btn:hover {
  background-color: #3b5998;
  color: #ffffff;
}

.social-btn-two.google-btn {
  border-color: #dc4d28;
  color: #dc4d28;
}

.social-btn-two.google-btn:hover {
  background-color: #dc4d28;
  color: #ffffff;
}

.cluster-visible {
  text-align: center;
  font-size: 16px !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  background-color: #1967D2;
  border: 7px solid rgba(25, 103, 210, 0.2);
  box-shadow: 0 7px 30px rgba(33, 33, 33, 0.3);
  box-sizing: content-box;
  background-clip: content-box;
}

.map-marker-container {
  position: absolute;
  margin-top: 10px;
  transform: translate3d(-50%, -100%, 0);
}

.marker-container {
  position: relative;
  margin: 10px auto;
  top: -5px;
  width: 46px;
  height: 46px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  -webkit-perspective: 1000;
}

.face {
  position: absolute;
  width: 46px;
  height: 46px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  z-index: 100;
  background: #4cbfd8;
  font-size: 24px;
  box-sizing: content-box;
  background-clip: content-box;
  line-height: 46px;
}

.face:before {
  position: absolute;
  left: -7px;
  top: -7px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 7px 30px rgba(33, 33, 33, 0.1);
  content: "";
}

.face > div {
  background-image: url(images/resource/company-logo/3-1.png);
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.map-marker-container:hover .marker-container .marker-card,
.clicked .marker-container .marker-card,
.map-marker-container.clicked .marker-card {
  transform: rotateY(360deg);
  transition: all 0.4s ease-in-out;
}

#singleListingMap .marker-container {
  cursor: default;
}

.map-marker-container[data-marker_id="0"] .marker-arrow:before {
  border-color: #4cbfd8 transparent transparent;
}

.map-marker-container[data-marker_id="1"] .marker-arrow:before {
  border-color: #ff8480 transparent transparent;
}

.map-marker-container[data-marker_id="2"] .marker-arrow:before {
  border-color: #8c689d transparent transparent;
}

.map-marker-container[data-marker_id="3"] .marker-arrow:before {
  border-color: #35c2a5 transparent transparent;
}

.map-marker-container[data-marker_id="4"] .marker-arrow:before {
  border-color: #ff8480 transparent transparent;
}

.map-marker-container[data-marker_id="5"] .marker-arrow:before {
  border-color: #ffb874 transparent transparent;
}

.map-marker-container[data-marker_id="6"] .marker-arrow:before {
  border-color: #ff007a transparent transparent;
}

.map-marker-container[data-marker_id="0"] .face {
  background-color: #4cbfd8;
}

.map-marker-container[data-marker_id="1"] .face {
  background-color: #ff8480;
}

.map-marker-container[data-marker_id="2"] .face {
  background-color: #8c689d;
}

.map-marker-container[data-marker_id="3"] .face {
  background-color: #35c2a5;
}

.map-marker-container[data-marker_id="4"] .face {
  background-color: #ff8480;
}

.map-marker-container[data-marker_id="5"] .face {
  background-color: #ffb874;
}

.map-marker-container[data-marker_id="6"] .face {
  background-color: #ff007a;
}

.marker-card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  z-index: 1;
}

/*==========================
Map Listing Item
===========================*/
#map .infoBox {
  margin-left: -45px;
  margin-bottom: 15px;
}

.map-listing-item {
  position: relative;
}

.map-listing-item .infoBox-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: #F0F5F7;
  color: #202124;
  line-height: 24px;
  font-size: 12px;
  border-radius: 8px;
  z-index: 9;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease;
}

.map-listing-item .infoBox-close:hover {
  background-color: #1967D2;
  color: #ffffff;
}

.map-listing-item .inner-box {
  position: relative;
  padding: 20px 20px;
  padding-left: 90px;
  border-radius: 10px;
  background: #ffffff;
  min-width: 358px;
}

.map-listing-item .inner-box:before {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -9px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #ffffff;
  content: "";
}

.map-listing-item .image-box {
  position: absolute;
  left: 20px;
  top: 20px;
}

.map-listing-item .image {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  margin-bottom: 0;
}

.map-listing-item .image img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: all 500ms ease;
}

.map-listing-item .content {
  position: relative;
  min-height: 50px;
}

.map-listing-item .title {
  color: #ffffff;
  opacity: 0.6;
  margin-left: 3px;
}

.map-listing-item h3 {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  font-family: Sofia Pro;
  margin-bottom: 4px;
}

.map-listing-item h3 a {
  color: #202124;
  transition: all 300ms ease;
}

.map-listing-item h3 a:hover {
  color: #202124;
}

.map-listing-item .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.map-listing-item .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-right: 20px;
}

.map-listing-item .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.map-listing-item .job-info li a {
  color: #696969;
}

/***

==================================================================
Map Section
==================================================================

***/
.map-section {
  position: relative;
}

.map-area {
  position: relative;
}

.map-data {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
}

.map-data a {
  display: block;
}

.map-data h6 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  color: #121212;
}

.map-canvas {
  height: 600px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f9f9f9;
}

/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu {
  position: static;
}

.main-menu .navigation > li > .mega-menu .image-box {
  position: absolute;
  right: -230px;
  top: -15px;
  padding: 20px;
}

.main-menu .navigation > li > .mega-menu {
  position: absolute;
  left: auto;
  right: auto;
  margin: auto;
  width: 880px;
  background: #ffffff;
  padding: 30px 30px;
  min-height: 225px;
  top: 100%;
  z-index: 100;
  opacity: 0;
  margin-top: -15px;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 0px 0px 8px 8px;
  border-top: 2px solid #1967D2;
  transition: all 300ms ease;
  transform: scaleY(0);
  transform-origin: top;
}

.main-menu .navigation > li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu:before {
  position: absolute;
  left: 20px;
  top: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 5px solid #1967D2;
  content: "";
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar {
  position: relative;
  padding-top: 40px;
}

.main-menu .navigation > li .mega-menu-bar .column {
  position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3 {
  position: absolute;
  top: -40px;
  left: 15px;
  font-size: 16px;
  line-height: 25px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 15px;
}

.main-menu .navigation > li .mega-menu-bar > ul {
  position: relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li {
  position: relative;
  width: 100%;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column {
  position: relative;
  margin-bottom: 10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
  margin-bottom: 0;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
  position: relative;
  display: block;
  line-height: 20px;
  font-weight: 400;
  font-size: 15px;
  color: #202124;
  padding: 10px 0;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
  color: #1967D2;
}

/*==========================
Message Box
===========================*/
.message-box {
  position: relative;
  padding: 25px 30px;
  display: flex;
  align-items: center;
  min-height: 75px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.message-box p {
  color: inherit;
  font-size: 16px;
  line-height: 25px;
}

.message-box a {
  color: inherit;
  text-decoration: underline;
  transition: all 300ms ease;
}

.message-box .close-btn {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 80px;
  font-size: 24px;
  text-align: center;
  display: -webkit-box;
  color: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 300ms ease;
}

.close_icon:before {
  position: relative;
  left: 10px;
  content: "\f175";
  height: 17px;
  width: 1px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Flaticon';
}

/* Message Info */
.message-box.info {
  background-color: #CDE9F6;
  color: #4780AA;
}

/* Message warning */
.message-box.warning {
  background-color: #F7F3D7;
  color: #927238;
}

/* Message success */
.message-box.success {
  background-color: #DEF2D7;
  color: #5B7052;
}

/* Message Error */
.message-box.error {
  background-color: #ECC8C5;
  color: #AB3331;
}

/*==========================
Owl Carousel Dots
===========================*/
.default-dots .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.default-dots .owl-dot {
  position: relative;
  height: 8px;
  width: 8px;
  background: #BFC8CB;
  border-radius: 10px;
  transition: all 300ms ease;
  margin: 0 5px;
}

.default-dots .owl-dot.active {
  background: #202124;
  width: 20px;
}

.default-dots.light .owl-dot {
  background: #BFC8CB;
}

.default-dots.light .owl-dot.active {
  background: #FFFFFF;
}

/*==========================
Owl Carousel Default Nav
===========================*/
.owl-carousel.no-arrows .owl-nav {
  display: none;
}

.owl-carousel.no-dots .owl-dots {
  display: none;
}

.default-nav .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -25px;
  transition: all 500ms ease;
}

.default-nav .owl-next,
.default-nav .owl-prev {
  position: absolute;
  left: -80px;
  top: 0;
  height: 50px;
  width: 50px;
  color: #021f4a;
  background: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
}

.default-nav .owl-next {
  left: auto;
  right: -80px;
}

.default-nav .owl-next:hover,
.default-nav .owl-prev:hover {
  color: #ffffff;
  background-color: #021f4a;
}

/*== Owl Dots ===*/
.default-nav .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.default-nav .owl-dot {
  position: relative;
  height: 14px;
  width: 14px;
  border: 2px solid #b9c1d0;
  border-radius: 50%;
  margin: 0 8px;
  transition: all 300ms ease;
}

.default-nav .owl-dot.active,
.default-nav .owl-dot:hover {
  background: #b9c1d0;
}

/***

====================================================================
Page Title
====================================================================

***/
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 50px 0 40px;
  background: #F5F7FC;
}

.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/bg-4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.page-title h1 {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #202124;
  margin-bottom: 10px;
}

.page-breadcrumb {
  font-size: 15px;
  line-height: initial;
  margin: 5px -15px 10px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  padding: 0 8px;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  top: 2px;
  right: -5px;
  content: "/";
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li a {
  color: rgba(0, 0, 0, 0.75);
  text-transform: capitalize;
  transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  opacity: .9;
  color: #1370b5;
}

/* Style Two */
.page-title.style-two {
  padding: 100px 0;
}

.page-title .job-search-form {
  margin-bottom: 0;
}

/* Style Tgree */
.page-title.style-three {
  padding: 70px 0 50px;
  background: #ffffff;
}

.page-title.style-three:before {
  display: none;
}

.page-title .top-filters {
  margin-top: 30px;
  justify-content: center;
}

.page-title .top-filters .form-group {
  margin: 0 10px;
}

.page-title.bg-light {
  background: none !important;
}

.page-title.bg-light:before {
  display: none;
}

/*==========================
Pie Graph
===========================*/
.pie-graph {
  position: relative;
  margin-bottom: 40px;
}

.pie-graph .graph-outer {
  position: relative;
  text-align: center;
}

.pie-graph .graph-outer .dial {
  position: relative;
  display: block;
}

.pie-graph .inner-text {
  position: absolute;
  left: 15px;
  right: 15px;
  text-align: center;
  top: 50%;
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  transform: translateY(-50%);
  line-height: 1em;
  color: #363636;
}

.pie-graph h4 {
  position: relative;
  font-size: 20px;
  color: #363636;
  margin-top: 10px;
  text-align: center;
}

.pie-graph.light h4,
.pie-graph.light .inner-text {
  color: #ffffff;
}

.portfolio-outer {
  position: relative;
  margin-bottom: 20px;
}

.portfolio-outer .image {
  position: relative;
  margin-bottom: 30px;
}

.portfolio-outer .image img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.portfolio-outer .image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  background: #1967D2;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 300ms ease;
  opacity: 0;
  visibility: hidden;
}

.portfolio-outer .image:hover .icon {
  opacity: 1;
  visibility: visible;
}

/*==========================
Preloader
===========================*/
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
}

.preloader:after {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/favicon.png);
  content: "";
}

.preloader:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  color: #1967D2;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  content: "LOADING";
}

/*==========================
Progress Bars
============================*/
.bar-item {
  position: relative;
  margin-bottom: 48px;
}

.bar-item .skill-bar {
  position: relative;
  width: 100%;
  height: 10px;
}

.bar-item .skill-bar .bar-inner {
  position: relative;
  width: 100%;
  height: 10px;
  background: #D4E1F6;
  border-radius: 5px;
}

.bar-item .skill-bar .bar-inner .bar {
  position: relative;
  left: 0px;
  top: 0px;
  height: 10px;
  width: 0px;
  border-radius: 10px;
  border-bottom: 10px solid #1967D2;
  transition: all 2000ms ease;
}

.bar-item .skill-header {
  position: relative;
  margin-bottom: 12px;
}

.bar-item .skill-header .skill-title {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #5c6770;
}

.bar-item .skill-percentage {
  position: absolute;
  right: 0;
  bottom: 100%;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
  margin-bottom: 5px;
}

/***

====================================================================
Registeration Banners
====================================================================

***/
.registeration-banners {
  position: relative;
  padding: 100px 0 70px;
  border-bottom: 1px solid #ECEDF2;
}

.banner-style-one {
  position: relative;
  margin-bottom: 30px;
}

.banner-style-one .inner-box {
  position: relative;
  background: rgba(32, 33, 36, 0.4);
  border-radius: 8px;
  padding: 54px 60px;
}

.banner-style-one .content {
  position: relative;
  padding-right: 220px;
}

.banner-style-one h3 {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 26px;
  line-height: 38px;
  color: #FFFFFF;
  margin-bottom: 13px;
}

.banner-style-one p {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 17px;
}

.banner-style-one .theme-btn {
  position: relative;
  min-width: 240px;
  background: #ffffff;
  color: #202124;
}

.banner-style-one .image {
  position: absolute;
  right: 30px;
  bottom: 0;
  margin-bottom: 0;
}

/* Banner Style Two */
.banner-style-two {
  position: relative;
  margin-bottom: 30px;
}

.banner-style-two .inner-box {
  position: relative;
  background: rgba(217, 48, 37, 0.6);
  border-radius: 8px;
  padding: 54px 60px;
}

.banner-style-two .content {
  position: relative;
  padding-right: 220px;
}

.banner-style-two h3 {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 26px;
  line-height: 38px;
  color: #FFFFFF;
  margin-bottom: 13px;
}

.banner-style-two p {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 17px;
}

.banner-style-two .theme-btn {
  position: relative;
  min-width: 240px;
  color: #D93025;
  background: #ffffff;
}

.banner-style-two .image {
  position: absolute;
  right: 30px;
  bottom: 0;
  margin-bottom: 0;
}

.row-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 786px) {
  .row-wrapper {
    display: block;
  }
}

.uploading-outer {
  position: relative;
  display: flex;
  width: 49%;
  border-bottom: 1px solid #f1f3f7;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  word-wrap: break-word;
}

@media (max-width: 768px) {
  .uploading-outer {
    position: relative;
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f3f7;
    margin-bottom: 20px;
    align-items: center;
    padding-top: 0;
    word-wrap: break-word;
  }
}

.uploading-outer:first-child {
  margin-right: 1%;
}

.uploading-outer .uploadButton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 41px;
}

.margin-right-zero {
  margin-right: 0 !important;
}

.uploadButton .uploadButton-input {
  opacity: 0;
  position: absolute;
  height: 130px;
  width: 140px;
  cursor: pointer;
}

.uploadButton .uploadButton-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 130px;
  width: 140px;
  border-radius: 15px;
  transition: 0.3s;
  margin: 0;
  border: 2px dashed gray;
}

.upload-text-container {
  margin-top: 16px;
  color: #663894;
}

.text-underline {
  text-decoration: underline;
  word-break: break-word;
}

.edit-resume {
  color: #663894;
  /* text-decoration: underline; */
}

.upload-btn-text {
  color: black;
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 10px;
}

.uploadButton .uploadButton-button:hover {
  border-color: #021f4a;
}

.uploadButton .uploadButton-file-name {
  align-items: center;
  padding: 0 10px;
  padding-left: 18px;
  min-height: 36px;
  top: 1px;
  position: relative;
  color: #1b2032;
  background-color: transparent;
  overflow: hidden;
  line-height: 22px;
}

.uploadButton .uploadButton-button:before {
  font-family: "Flaticon";
  content: "\f15c";
  color: #9fa9b8;
  font-size: 20px;
  transition: 0.3s;
}

.remove-button-content:before {
  content: none !important;
}

.icon-container {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
}

.widget-content .default-form .form-group {
  margin-bottom: 5px;
}

.widget-content .default-form textarea {
  min-height: 280px;
  padding: 30px;
}

.post-job-steps {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.post-job-steps .step {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 90px;
  margin-bottom: 50px;
}

.post-job-steps .step .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  font-size: 40px;
  background: rgba(25, 103, 210, 0.15);
  color: #1967D2;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  margin-right: 30px;
}

.map-height {
  height: 420px;
}

.manage-job-table {
  position: relative;
  min-width: 1070px;
}

.manage-job-table tbody td {
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.manage-job-table h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 10px;
}

.manage-job-table .info {
  font-size: 14px;
  line-height: 19px;
  color: #696969;
}

.manage-job-table .package,
.manage-job-table .colored,
.manage-job-table .applied {
  font-size: 15px;
  line-height: 20px;
  color: #1967D2;
  font-weight: 400;
  text-decoration: underline;
}

.manage-job-table a {
  color: inherit;
}

.manage-job-table .status {
  color: #34A853;
}

.aplicants-upper-bar {
  position: relative;
  background: #F5F7FC;
  border-radius: 8px;
  padding: 25px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.aplicants-upper-bar h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #1967D2;
}

.aplicants-upper-bar .aplicantion-status {
  position: relative;
  display: flex;
  align-items: center;
}

.aplicants-upper-bar .aplicantion-status li {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #1967D2;
  margin-left: 10px;
  padding: 0 15px;
}
.aplicants-upper-bar .aplicantion-status li.active-btn {
    background: #ff6713;
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
}
.aplicants-upper-bar .aplicantion-status li.approved {
  color: #34A853;
}

.aplicants-upper-bar .aplicantion-status li.rejected {
  color: #D93025;
}

.manage-job-table .job-block {
  margin-bottom: 0;
}

.manage-job-table .job-block .inner-box {
  padding: 0;
  border: 0;
}

.manage-job-table .job-block .job-info {
  margin-bottom: 0;
}

.resume-outer {
  position: relative;
  margin-bottom: 30px;
}

.resume-outer .upper-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.resume-outer .upper-title h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 25px;
}

.add-info-btn {
  position: relative;
  font-size: 13px;
  line-height: 20px;
  color: #1967D2;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #d93025;
}

.add-info-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  font-weight: 900;
  font-size: 10px;
  border-radius: 50%;
  margin-right: 10px;
  background: #f9e0df;
  color: #d93025;
  border-radius: 60px;
}

.resume-block {
  position: relative;
}

.resume-block .inner {
  position: relative;
  padding-left: 60px;
  z-index: 1;
  padding-bottom: 60px;
}

.resume-block .inner:before {
  position: absolute;
  left: 14px;
  top: 5px;
  bottom: 0;
  z-index: -1;
  border-left: 2px dashed rgba(217, 48, 37, 0.15);
  content: "";
}

.resume-block:last-child .inner {
  padding-bottom: 30px;
}

.resume-block:last-child .inner:before {
  display: none;
}

.resume-block .name {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  background: #f9e0df;
  color: #d93025;
  z-index: 2;
}

.resume-block .title-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}

.resume-block .info-box {
  position: relative;
  margin-right: 20px;
}

.resume-block .info-box h3 {
  font-weight: 500;
  font-size:18px;
  line-height: 26px;
    color: #101010
}

.resume-block .info-box span {
    font-size: 18px;
    line-height: 26px;
    color: #F98200;
}

.resume-block .edit-box {
  display: flex;
  align-items: center;
}

.resume-block .edit-box .year {
  position: relative;
  font-size: 13px;
  padding: 5px 20px;
  line-height: 15px;
  color: #D93025;
  font-weight: 500;
  border-radius: 20px;
  background: #DFDAEB;
    color: #60489D;
}

.resume-block .edit-btns {
  position: relative;
  display: flex;
  margin-left: 20px;
}

.resume-block .edit-btns button {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(25, 103, 210, 0.07);
  border-radius: 8px;
  margin-right: 10px;
  min-width: auto;
  color: #1967d2;
}

.resume-outer.theme-blue .resume-block .edit-box .year,
.resume-outer.theme-blue .resume-block .name {
  background: #dfdaeb;
    color: #60489d;
}

.resume-outer.theme-blue .resume-block .info-box span {
  color: #1967d2;
  font-size: 18px;
    line-height: 26px;
    color: #F98200;
}

.resume-outer.theme-yellow .resume-block .edit-box .year,
.resume-outer.theme-yellow .resume-block .name {
  background: #fef2d9;
  color: #f9ab00;
}

.resume-outer.theme-yellow .resume-block .info-box span {
  color: #f9ab00;
}

/***

====================================================================
Section Title
====================================================================

***/
.sec-title-outer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.sec-title {
  position: relative;
  margin-bottom: 35px;
}

.sec-title .sub-title {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  font-weight: 500;
  margin-bottom: 10px;
}
.sec-title h2  {
    margin: 0;
    letter-spacing: -0.68px;
    color: #60489D;
    font-size: 36px;
    line-height: 54px;
    font-weight: 600;
}
.sec-title .text {
  position: relative;
  margin-top: 15px;
  font-size: 15px;
  line-height: 26px;
}

.sec-title.light h2,
.sec-title.light .text {
  color: #ffffff;
}

.sec-title-outer .link {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #1967D2;
  margin-bottom: 50px;
}

.sec-title-outer .link .icon {
  margin-left: 5px;
}

.sec-title-outer select {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  min-width: 202px;
  height: 50px;
  line-height: 20px;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 19px;
  color: #202124;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sec-title-outer .select-box-outer {
  position: relative;
  margin-bottom: 50px;
}

.sec-title-outer .select-box-outer .icon {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: 1;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  color: #202124;
  pointer-events: none;
}

/******************
** \reset select 2
******************/
.select2-container--open,
.select2-dropdown--below,
.select2-drop {
  z-index: 99;
}

.select2-container .select2-choice {
  position: relative;
  z-index: 2;
}

.select2-container {
  max-width: 100%;
  z-index: 9;
  width: 100%;
}

.select2-container li:before {
  display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 6px 10px;
  border: 0;
}

.select2-dropdown,
.select2-search--dropdown {
  border-color: #e0e6ea;
}

.select2-container--default .select2-results__option {
  position: relative;
  color: #4b4342;
  font-weight: 500;
  font-size: 17px;
  padding: 13px 10px;
  line-height: 20px;
  border-top: 1px solid #f1f1f1;
  transition: all 300ms ease;
}

#select2-passing_year_cmpform-results{
  scrollbar-width: none;
  max-height: 140px !important;
  padding: 0 21px 0 8px;
}

@-moz-document url-prefix() {
  span:has(#select2-passing_year_cmpform-results){
    border-radius:10px !important;
  }
}
#select2-passing_year_cmpform-results::-webkit-scrollbar{
  -webkit-appearance: none ;
  width: 5px;
}
#select2-passing_year_cmpform-results::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(209, 209, 209, 1);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#select2-passing_year_cmpform-results::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 15px;
}
#select2-passing_year_cmpform-results::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 15px;
}
#select2-passing_year_cmpform-results .select2-results__option--selectable{
  height: 27px;
  padding: 7px 0 4px 23px !important;
  background-color: #FFFFFF !important;
  color: #808080 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  border-top: 1px solid #E1E1E1 !important;
}
#select2-passing_year_cmpform-results .select2-results__option--selectable.select2-results__option--highlighted{
  background-color: #EDEBF4 !important;
  color: #101010 !important;
}

.select2-search--dropdown,
.select2-results .select2-result-label {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #1967D2;
}

.select2-container--default .select2-selection--single {
  position: relative;
  width: 100%;
  display: block;
  color: #5c6770;
  font-size: 14px;
  line-height: 30px;
  padding: 10px 18px;
  height: 54px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 2px solid #e6e8ed;
  transition: all 300ms ease;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  width: 36px;
  height: 100%;
  background: none;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  display: block;
  left: 0;
  top: -1px;
  margin: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent !important;
  background: none;
  background-color: inherit;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b:before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  content: "\f107";
  opacity: 0.25;
  font-family: "Font Awesome 5 Free";
  line-height: 20px;
  font-size: 17px;
  color: inherit;
  font-weight: 900;
}

.chosen-container-single .chosen-single div:after {
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  right: 20px;
  color: #2F2D51;
  content: "\f17c";
  font-family: 'Flaticon';
  font-size: 10px;
}

.chosen-container-single .chosen-single span {
  min-width: 80px;
}

.chosen-container .chosen-drop,
.chosen-container .chosen-results {
  border: 0 !important;
  outline: none !important;
  border-radius: 0px 0px 8px 8px !important;
  margin-top: -3px;
}

.sidebar {
  position: relative;
}

.sidebar-widget {
  position: relative;
  padding: 30px 30px 30px;
  background: #F5F7FC;
  border-radius: 8px;
  margin-bottom: 40px;
}

.sidebar-widget .widget-title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #101010;
  margin-bottom: 30px;
}

.sidebar .btn-box {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.sidebar .btn-box .theme-btn {
  width: 100%;
}

.sidebar .btn-box .bookmark-btn {
  display: flex;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  color: #1967D2;
  border-radius: 7px;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
  flex: 0 0 50px;
}

.sidebar .btn-box .bookmark-btn:hover {
  background: #1967D2;
  color: #fff;
}

.company-widget {
  position: relative;
}

.company-widget .company-title {
  position: relative;
  padding-left: 78px;
  min-height: 60px;
  padding-top: 5px;
}

.company-widget .company-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.company-widget .company-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
}

.company-widget .profile-link {
  font-size: 14px;
  line-height: 19px;
  color: #1967D2;
}

.company-widget .company-link {
  position: relative;
  font-size: 13px;
  line-height: 15px;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 10px;
  background: rgba(25, 103, 210, 0.15);
  color: #1967D2;
}

.company-widget .company-info {
  position: relative;
  margin-top: 25px;
}

.company-widget .company-info li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #202124;
  margin-bottom: 19px;
}

.company-widget .company-info li span {
  font-size: 15px;
  line-height: 25px;
  text-align: right;
  color: #696969;
}

.company-widget .social-links {
  display: flex;
  align-items: center;
}

.company-widget .social-links a {
  font-size: 14px;
  line-height: 26px;
  color: #696969;
  margin-left: 17px;
  transition: all 300ms ease;
}

.company-widget .social-links a:hover {
  color: #BC91E8;
}

.company-widget .btn-box {
  position: relative;
  margin-bottom: 0px;
}

.company-widget .btn-box .theme-btn {
  display: block;
  width: 100%;
  background: rgba(25, 103, 210, 0.15);
  border-radius: 8px;
}

.company-widget .btn-box .theme-btn:hover {
  background: #1967d2;
}

.sidebar-widget.contact-widget .theme-btn {
  position: relative;
  display: block;
  width: 100%;
}

.sidebar-widget.contact-widget .form-group input,
.sidebar-widget.contact-widget .form-group select,
.sidebar-widget.contact-widget .form-group textarea {
  background-color: #fff;
  border: 1px solid #ECEDF2;
}

.sidebar-widget.contact-widget .form-group textarea {
  min-height: 160px;
  padding: 22px 20px;
}

/***

====================================================================
Job Detail Section / Style two
====================================================================

***/
.job-detail-section.style-two {
  background-color: #F0F5F7;
}

.job-detail-section.style-two .sidebar-widget {
  background: #ffffff;
}

.job-detail-section.style-two .job-skills li a {
  background: #F0F5F7;
}

.social-media-widget {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.social-media-widget .widget-title {
  margin-bottom: 0;
}

.social-media-widget .social-links {
  display: flex;
  align-items: center;
}

.social-media-widget .social-links a {
  font-size: 14px;
  line-height: 26px;
  color: #696969;
  margin-left: 17px;
  transition: all 300ms ease;
}

.social-media-widget .social-links a:hover {
  color: #BC91E8;
}

/* Range Slider widget */
.rangeslider-widget {
  position: relative;
}

.range-slider-one {
  position: relative;
  min-height: 48px;
  padding-top: 10px;
}

.range-slider-one .ui-widget.ui-widget-content {
  height: 5px;
  border: none;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #D4E1F6;
}

.range-slider-one .ui-slider .ui-slider-range {
  top: 0px;
  height: 5px;
  background: #1967D2;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
  position: absolute;
  top: -7px;
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  border: 2px solid #1967D2;
  box-sizing: border-box;
  border-radius: 20px;
  cursor: pointer;
}

.range-slider-one .input-outer {
  display: flex;
  justify-content: center;
}

.range-slider-one .amount-outer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  background: #D4E1F6;
  border-radius: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #1967D2;
}

.range-slider-one .amount {
  margin-right: 5px;
}

.range-slider-one .ui-state-default:last-child {
  display: block !important;
}

.range-slider-one.salary-range .ui-state-default {
  display: block !important;
}

.social-btn {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: inherit;
  font-size: 16px;
  border-radius: 5px;
  background-color: inherit;
  font-weight: 700;
  padding: 10px 30px;
  color: #ffffff;
  line-height: 25px;
}

.social-btn span {
  margin-right: 3px;
}

.social-btn.facebook-btn {
  background-color: #3b5998;
  color: #ffffff;
}

.social-btn.google-btn {
  background-color: #dc4d28;
  color: #ffffff;
}

/***
==========================
Social Icons
==========================
***/
.social-icon-one {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon-one li {
  position: relative;
  margin: 0 6px 10px;
}

.social-icon-one li a {
  position: relative;
  display: block;
  font-size: 14px;
  color: #7b8094;
  height: 45px;
  width: 45px;
  border: 2px solid #323950;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  background-color: #323950;
}

/* Social Icon Two*/
.social-icon-two {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon-two li {
  position: relative;
  margin: 0 6px 10px;
}

.social-icon-two li a {
  position: relative;
  display: block;
  font-size: 14px;
  color: #9fa9b8;
  height: 45px;
  width: 45px;
  border: 2px solid #f7f8f9;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  transition: all 300ms ease;
}

.social-icon-two li a:hover {
  background-color: #f7f8f9;
  color: #32383d;
}

/* Social Icon Three*/
.social-icon-three {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.social-icon-three li {
  position: relative;
  width: 50%;
  margin-bottom: 35px;
}

.social-icon-three li a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 65px;
  min-height: 45px;
  color: #32383d;
}

.social-icon-three li a span {
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  font-size: 14px;
  border: 2px solid #f7f8f9;
  align-items: center;
  color: #32383d;
  height: 45px;
  width: 45px;
  line-height: 43px;
  transition: all 300ms ease;
}

.social-icon-three li a:hover span {
  background-color: #f7f8f9;
}

/* Social Icon Four*/
.social-icon-four {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.social-icon-four li {
  position: relative;
  margin-right: 25px;
}

.social-icon-four li a {
  font-size: 13px;
  line-height: 24px;
  color: #ffffff;
  transition: all 300ms ease;
}

.social-icon-four li a:hover {
  color: #ffa737;
}

/*==========================
default table
===========================*/
.table-outer {
  overflow-y: hidden;
  overflow-x: auto;
}

.default-table {
  position: relative;
  background: #ffffff;
  border: 0;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  min-width: 550px;
}

.default-table thead {
  background: #F5F7FC;
  border-radius: 8px;
  color: #ffffff;
}

.default-table thead th {
  position: relative;
  padding: 20px 30px !important;
  font-size: 16px;
  color: #1967D2;
  font-weight: 500 !important;
  line-height: 30px;
  white-space: nowrap;
}

.default-table tbody tr {
  position: relative;
  border-bottom: 1px solid #ECEDF2;
}

.default-table tr td {
  position: relative;
  padding: 21px 30px !important;
  font-size: 14px;
  color: #696969;
  font-weight: 400;
  border-bottom: 1px solid #ECEDF2;
  text-transform: capitalize;
}
input[type="search"] {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #dedede;
    margin-bottom: 16px;
}
.applicants_filter {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
.applicants_filter select {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 4px 7px;
}
.custom-filter {
  float: right;
  margin-bottom: 8px;
}
/*==========================
Default Tabs
===========================*/
.default-tabs {
  position: relative;
  overflow: hidden;
}

.default-tabs .tab-buttons {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.default-tabs .tab-buttons li {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  flex: none;
  order: 0;
  flex-grow: 0;
  line-height: 20px;
  padding: 5px 20px;
  background: #F0F5F7;
  border: 1px solid #F0F5F7;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 7px 14px;
  transition: all 300ms ease;
}

.default-tabs .tab-buttons li.active-btn {
  background-color: transparent;
  border: 1px solid #ECEDF2;
  color: #202124;
}

.default-tabs .tabs-content {
  position: relative;
  width: 100%;
  padding: 25px 0;
}

.default-tabs .tabs-content p {
  margin-bottom: 24px;
}

.default-tabs .tabs-content p:last-child {
  margin-bottom: 0;
}

/* Style Two */
.default-tabs.style-two .tab-buttons {
  background: #ffffff;
  border-bottom: 1px solid #E7E7EC;
}

.default-tabs.style-two .tab-buttons li {
  padding: 9px 10px;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  color: #696969;
  border-bottom: 3px solid transparent;
  background: none;
  margin: 0;
  margin-right: 40px;
}

.default-tabs.style-two .tab-buttons li.active-btn {
  color: #1967D2;
  border-bottom: 3px solid #5c6770;
}

/***

====================================================================
Testimonial Section
====================================================================

***/
.testimonial-section {
  position: relative;
  padding: 100px 0;
  background-color: #fff;
}
.testimonial-section .sec-title {
    margin-bottom: 35px;
}

.testimonial-section .carousel-outer {
  position: relative;
  margin: 0 -10px;
}

.testimonial-section .testimonial-carousel {
  max-width: 610px;
  margin: 0 auto;
}

.testimonial-block {
  position: relative;
  padding: 10px 0px;
  margin-right: 0;
  opacity: 1;
  transition: all 300ms ease;
}

.testimonial-section .testimonial-carousel .active .testimonial-block {
  opacity: 1;
}

.testimonial-section .testimonial-carousel .owl-stage-outer {
  overflow: visible;
}

.testimonial-block .inner-box {
  position: relative;
  padding: 40px 40px;
  background: #F7F7F7;
  /*border: 1px solid #ECEDF2;*/
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  box-shadow: none;
  border-radius: 8px;
}

.testimonial-block .inner-box:before {
  position: absolute;
  height: 26px;
  /*width: 34px;*/
  right: 28px;
  top: 25px;
  background-image: url(../images/icons/quote-icon.png);
  content: "";
  z-index: 2;
}

.testimonial-block .title {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  font-weight: 500;
  margin-bottom: 20px;
}

.testimonial-block .text {
  font-size: 16px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 50px;
  color: #101010;
}

.testimonial-block .info-box {
  position: relative;
  padding-left: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 70px;
}

.testimonial-block .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: #101C5D;
}

.testimonial-block .name {
  font-size: 18px;
  color: #101010;
  font-weight: 700;
}

.testimonial-block .designation {
  position: relative;
  display: block;
  font-size: 14px;
}

.testimonial-block .loc {
  color: #101010;
  font-weight: 600;
}

.testimonial-section.style-two {
  background-color: #ffffff;
  padding-bottom: 50px;
}

.testimonial-section.style-two .testimonial-block {
  opacity: 1;
}

.testimonial-section.style-two .default-dots .owl-dots {
  position: relative;
  margin-top: 40px;
}

.testimonial-section.style-two .testimonial-block .name {
  font-weight: 500;
  color: #202124;
}

.testimonial-section.style-two.alternate {
  padding: 100px 0;
}

.testimonial-section.style-two.alternate .testimonial-block {
  padding: 0;
}

/***

====================================================================
Testimonial Section Two
====================================================================

***/
.testimonial-section-two {
  position: relative;
  padding: 100px 0;
  min-height: 568px;
}

.testimonial-section-two .testimonial-left {
  position: absolute;
  right: 50%;
  top: 190px;
  margin-right: 410px;
}

.testimonial-section-two .testimonial-right {
  position: absolute;
  top: 190px;
  left: 50%;
  margin-left: 410px;
}

.testimonial-section-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/shape-2.png);
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial-section-two .carousel-outer {
  position: relative;
  margin: 0 -10px;
}

.testimonial-section-two .testimonial-carousel {
  max-width: 560px;
  margin: 0 auto;
}

.testimonial-block-two {
  position: relative;
}

.testimonial-block-two .inner-box {
  position: relative;
  text-align: center;
}

.testimonial-block-two .inner-box:before {
  position: absolute;
  height: 26px;
  width: 34px;
  right: 50%;
  top: 0;
  margin-right: 60px;
  background-image: url(../images/icons/quote-icon.png);
  content: "";
  z-index: 2;
}

.testimonial-block-two .thumb {
  position: relative;
  display: inline-block;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  margin-bottom: 15px;
}

.testimonial-block-two .thumb img {
  display: block;
  width: 100%;
  border: 10px solid #ffffff;
  border-radius: 50%;
}

.testimonial-block-two .title {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  font-weight: 400;
  margin-bottom: 10px;
}

.testimonial-block-two .text {
  font-size: 16px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 35px;
}

.testimonial-block-two .info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonial-block-two .name {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
}

.testimonial-block-two .designation {
  position: relative;
  display: block;
  font-size: 14px;
  color: #696969;
}

.testimonial-carousel .owl-dots {
  position: relative;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    height: 12px;
    width: 12px;
    background: #BFC8CB;
    border-radius: 50%;
    transition: all 300ms ease;
    margin: 0 8px;
    background: #AAAAAA;
}

.testimonial-carousel .owl-dot.active {
  background: #202124;
  /*width: 20px;*/
}

/* Style Two */
.testimonial-section-two.style-two:before {
  display: none;
}

.testimonial-section-two.style-two .testimonial-block-two .inner-box:after {
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 0;
  width: 100%;
  background: #1967D2;
  border-radius: 30px;
  content: "";
  z-index: -1;
}

.testimonial-section-two.style-two .testimonial-block-two .inner-box {
  padding: 0 30px 96px;
}

.testimonial-section-two.style-two .testimonial-section-two .testimonial-carousel {
  max-width: 630px;
}

.testimonial-section-two.style-two .testimonial-block-two .designation,
.testimonial-section-two.style-two .testimonial-block-two .name,
.testimonial-section-two.style-two .testimonial-block-two .title,
.testimonial-section-two.style-two .testimonial-block-two .text {
  font-weight: 400 !important;
  color: #ffffff;
}

.testimonial-section-two.style-two .testimonial-carousel .owl-dots {
  position: absolute;
  margin-top: 0;
  width: 100%;
  bottom: 38px;
}

/***

====================================================================
Testimonial Section Three
====================================================================

***/
.testimonial-section-three {
  position: relative;
  padding: 100px 0 0;
}

.testimonial-section-three .auto-container {
  max-width: 1100px;
}

.testimonial-section-three .slide-item {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.testimonial-section-three .image-column {
  position: relative;
  margin-right: 140px;
  margin-bottom: 50px;
  max-width: 410px;
  width: 100%;
}

.testimonial-section-three .image-column .image {
  position: relative;
  margin-bottom: 0;
}

.testimonial-block-three {
  position: relative;
}

.testimonial-block-three .inner-box {
  position: relative;
  padding-top: 100px;
}

.testimonial-block-three .inner-box:before {
  position: absolute;
  height: 26px;
  width: 34px;
  right: 50%;
  top: 0;
  margin-right: 60px;
  background-image: url(../images/icons/quote-icon.png);
  content: "";
  z-index: 2;
}

.testimonial-block-three .title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #34A853;
  margin-bottom: 20px;
}

.testimonial-block-three .text {
  font-size: 16px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 60px;
}

.testimonial-block-three .info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonial-block-three .name {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
}

.testimonial-block-three .designation {
  position: relative;
  display: block;
  font-size: 14px;
  color: #696969;
}

.testimonial-section-three .owl-dots {
  display: none;
}

.testimonial-section-three .owl-nav {
  position: absolute;
  left: 50%;
  bottom: 90px;
  display: flex;
  align-self: center;
  margin-left: 15px;
}

.testimonial-section-three .owl-next,
.testimonial-section-three .owl-prev {
  position: relative;
  background: rgba(52, 168, 83, 0.15);
  border-radius: 8px;
  color: #34A853;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  margin-right: 10px;
  font-weight: 600;
  font-size: 12px;
  transition: all 300ms ease;
}

.testimonial-section-three .owl-next:hover,
.testimonial-section-three .owl-prev:hover {
  background: #34a853;
  color: #ffffff;
}

/***

====================================================================
Testimonial Section Four
====================================================================

***/
.testimonial-section-four {
  position: relative;
  padding: 100px 0;
}

.testimonial-section-four .testimonial-carousel {
  max-width: 560px;
  margin: 0 auto;
}

.testimonial-section-four .sec-title {
  margin-bottom: 90px;
}

.testimonial-block-four {
  position: relative;
}

.testimonial-block-four .inner-box {
  position: relative;
  text-align: center;
}

.testimonial-block-four .title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 22px;
}

.testimonial-block-four .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  margin-bottom: 40px;
}

.testimonial-block-four .info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.testimonial-block-four .thumb {
  position: relative;
  display: inline-block;
  height: 78px;
  width: 78px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 4px solid #ffffff;
  margin-bottom: 15px;
}

.testimonial-block-four .thumb img {
  border-radius: 50%;
}

.testimonial-block-four .name {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
}

.testimonial-block-four .designation {
  position: relative;
  display: block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
}

/*======================
Radio bOX
=======================*/
.tooltip-outer {
  position: relative;
}

.tooltip-btn {
  position: relative;
  font-size: 15px;
  color: #696969;
  font-weight: 400;
  line-height: 30px;
  padding: 10px 20px;
  min-width: 100px;
  text-align: center;
  background: #F0F5F7;
  border-radius: 8px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.uploading-resume {
  position: relative;
  display: flex;
  align-items: center;
}

.uploading-resume .uploadButton {
  position: relative;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.uploading-resume .uploadButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}

.uploading-resume .cv-uploadButton {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-align: center;
  height: 300px;
  width: 100%;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0;
  color: #1b2032;
  font-size: 16px;
  border: 2px dashed #ced4e1;
  padding: 30px 20px;
}

.uploading-resume .cv-uploadButton .title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  margin-bottom: 12px;
}

.uploading-resume .cv-uploadButton .text {
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  margin-bottom: 28px;
}

.uploading-resume .cv-uploadButton .theme-btn {
  position: relative;
  display: inline-block;
}

.uploading-resume .cv-uploadButton:hover {
  border-color: #021f4a;
}

.uploading-resume .uploadButton-file-name {
  align-items: center;
  padding: 0 10px;
  padding-left: 18px;
  min-height: 36px;
  top: 1px;
  position: relative;
  color: #1b2032;
  background-color: transparent;
  overflow: hidden;
  line-height: 22px;
}

.cv-manager-widget .files-outer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.file-edit-box {
  position: relative;
  height: 167px;
  width: 190px;
  background: #F5F7FC;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  margin-right: 20px;
}

.file-edit-box .title {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #696969;
}

.file-edit-box .edit-btns {
  position: relative;
  display: flex;
  margin-left: 20px;
}

.file-edit-box .edit-btns button {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  margin-right: 10px;
  min-width: auto;
  color: #1967d2;
}

/***

====================================================================
App Section
====================================================================

***/
.app-section {
  padding: 100px 0 50px;
}

.app-section .image-column {
  position: relative;
  margin-bottom: 50px;
}

.app-section .image-column .bg-shape {
  position: absolute;
  left: -30px;
  top: 0;
  right: -10px;
  height: 100%;
  background-image: url(../images/icons/shape-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.app-section .image-column .image {
  position: relative;
  padding-top: 55px;
  margin-bottom: 0;
}

.app-section .content-column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-section .content-column .inner-column {
  position: relative;
  padding: 100px 0;
  padding-left: 30px;
}

.app-section .sec-title {
  margin-bottom: 30px;
}

.app-section .sec-title h2 {
  font-size: 46px;
  line-height: 54px;
}

.app-section .download-btn {
  position: relative;
  display: flex;
}

.app-section .download-btn a {
  margin-right: 20px;
  margin-bottom: 20px;
}

/***

==================================================================
Browse Jobs
==================================================================

***/
.browse-jobs {
  position: relative;
  padding: 100px 0 70px;
}

.browse-jobs .column {
  position: relative;
  margin-bottom: 30px;
}

.browse-jobs h4 {
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 21px;
}

.links-list {
  position: relative;
}

.links-list li {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #696969;
}

.links-list li a {
  display: inline-block;
  color: #696969;
  transition: all 200ms ease;
}

.links-list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  width: 0px;
  margin-top: -1px;
  content: "";
  border-bottom: 2px solid #1967D2;
  transition: all 300ms ease;
}

.links-list li:hover:before {
  width: 15px;
}

.links-list li:hover a {
  transform: translateX(25px);
  color: #1967D2;
}

/***

====================================================================
Candidates Section
====================================================================

***/
.candidates-section {
  position: relative;
  padding: 100px 0;
  border-bottom: 1px solid #ECEDF2;
}

.candidates-section .carousel-outer {
  margin: 0 -15px;
}

.candidates-carousel .owl-dots {
  margin-top: 20px;
}

.candidate-block {
  position: relative;
  padding: 0 15px;
  margin-bottom: 30px;
}

.candidate-block .inner-box {
  position: relative;
  padding: 30px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  transition: all 300ms ease;
  text-align: center;
}

.candidate-block .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.candidate-block .image {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 14px;
}

.candidate-block .image img {
  width: 100%;
}

.candidate-block .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
  margin-bottom: 5px;
}

.candidate-block .designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  margin-bottom: 10px;
}

.candidate-block .location {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #696969;
  margin-bottom: 25px;
}

.candidate-block .location i {
  font-size: 14px;
  margin-right: 5px;
}

.candidate-block .theme-btn {
  max-width: 240px;
  width: 100%;
}

.candidates-section.alternate .candidate-block .designation {
  color: #202124;
}

/***

====================================================================
Candidates Section Two
====================================================================

***/
.candidates-section-two {
  position: relative;
  padding: 100px 0 70px;
}

.candidate-block-two {
  position: relative;
  margin-bottom: 30px;
}

.candidate-block-two .inner-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  transition: all 300ms ease;
}

.candidate-block-two .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.candidate-block-two .content-box {
  position: relative;
  padding-left: 110px;
  padding-top: 7px;
}

.candidate-block-two .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
}

.candidate-block-two .image img {
  width: 100%;
}

.candidate-block-two .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
  margin-bottom: 5px;
}

.candidate-block-two .designation {
  display: block;
  font-size: 14px;
  color: #202124;
  font-weight: 500;
  line-height: 19px;
}

.candidate-block-two .location {
  position: relative;
  font-size: 14px;
  color: #696969;
}

.candidate-block-two .location i {
  font-size: 14px;
  margin-right: 5px;
}

.candidate-block-two .theme-btn {
  max-width: 150px;
  width: 100%;
}

/* Candidate block three */
.candidate-block-three {
  position: relative;
  padding: 0 15px;
  margin-bottom: 30px;
}

.candidate-block-three .inner-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 300ms ease;
}

.candidate-block-three .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.candidate-block-three .inner-box .content {
  position: relative;
  padding-left: 110px;
  min-height: 90px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.candidate-block-three .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 14px;
}

.candidate-block-three .image img {
  width: 100%;
}

.candidate-block-three .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
  margin-bottom: 5px;
}

.candidate-block-three .name a {
  color: #202124;
}

.candidate-block-three .candidate-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.candidate-block-three .candidate-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.candidate-block-three .candidate-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.candidate-block-three .candidate-info li a {
  color: #696969;
}

.candidate-block-three .candidate-info li.designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  padding-left: 0;
}

.candidate-block-three .post-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.candidate-block-three .post-tags li {
  position: relative;
  background: #F0F5F7;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  border-radius: 20px;
  margin-right: 10px;
}

.candidate-block-three .post-tags li a {
  color: #696969;
}

.candidate-block-three .post-tags li.colored {
  background-color: #34A853;
  color: #ffffff;
}

.candidate-block-three .bookmark-btn {
  position: relative;
  height: 30px;
  width: 30px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #ECEDF2;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.candidate-block-three .inner-box:hover .bookmark-btn {
  opacity: 1;
  visibility: visible;
}

.candidate-block-three .option-box {
  position: relative;
  display: flex;
  align-items: center;
}

.option-list {
  position: relative;
  display: flex;
  align-items: center;
}

.option-list li {
  position: relative;
  margin-left: 10px;
}

.option-list li button,
.option-list li a {
  position: relative;
  display: block;
  background: rgba(25, 103, 210, 0.07);
  border-radius: 8px;
  height: 30px;
  width: 30px;
  font-size: 16px;
  color: #1967D2;
  line-height: 30px;
  text-align: center;
  transition: all 300ms ease;
}

.option-list li button:before,
.option-list li a:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 10px;
  background: #202124;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  content: attr(data-text);
  white-space: nowrap;
  padding: 5px 15px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.option-list li button:after,
.option-list li a:after {
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #202124;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.option-list li button:hover:after,
.option-list li button:hover:before,
.option-list li a:hover:after,
.option-list li a:hover:before {
  opacity: 1;
  visibility: visible;
}

.option-list li button:hover,
.option-list li a:hover {
  background: #1967D2;
  color: #ffffff;
}

.option-box .delete-btn {
  position: relative;
  display: block;
  font-size: 20px;
  color: #1967D2;
  font-weight: 400;
  margin-left: 40px;
}

.resume-action .theme-btn:after {
  display: none;
}

.resume-action .theme-btn i {
  margin-left: 40px;
}

.resume-action .dropdown-menu {
  padding: 10px 15px;
  min-width: 200px;
}

.resume-action .dropdown-menu button {
  position: relative;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #777777;
  display: block;
  width: 100%;
  padding: 2px 0;
}

.resume-action .dropdown-menu button .la {
  color: #1967D2;
}

/* Candidate block Four */
.candidate-block-four {
  position: relative;
  margin-bottom: 30px;
}

.candidate-block-four .inner-box {
  position: relative;
  padding: 40px 30px 30px;
  background: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  transition: all 300ms ease;
  border: 1px solid #ECEDF2;
}

.candidate-block-four .inner-box:hover {
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
}

.candidate-block-four .job-other-info {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.candidate-block-four .thumb {
  position: relative;
  display: block;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 12px;
  transition: all 300ms ease;
}

.candidate-block-four .name {
  display: block;
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 3px;
}

.candidate-block-four .name a {
  color: #202124;
  transition: all 300ms ease;
}

.candidate-block-four .name a:hover {
  color: #1967D2;
}

.candidate-block-four .cat {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #1967D2;
  margin-bottom: 10px;
}

.candidate-block-four .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
}

.candidate-block-four .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin: 0 15px 5px;
}

.candidate-block-four .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.candidate-block-four .job-info li a {
  color: #696969;
}

.candidate-block-four .post-tags {
  position: relative;
  display: flex;
  justify-content: center;
  align-self: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.candidate-block-four .post-tags li {
  position: relative;
  background: #F0F5F7;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 0 5px 10px;
}

.candidate-block-four .post-tags li a {
  color: #696969;
}

.candidate-block-four .post-tags li.colored {
  background-color: #34A853;
  color: #ffffff;
}

.candidate-block-four .theme-btn {
  display: block;
  width: 100%;
}

/***

====================================================================
Candidate Detail Section
====================================================================

***/
.candidate-detail-section {
  position: relative;
}

.candidate-detail-section .upper-box {
  position: relative;
  background-image: url(../images/icons/bg-4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-size: cover;
  padding: 80px 0 30px;
}

.candidate-detail-section.style-three .upper-box {
    padding: 0px 0 0px;
    background: url(../images/resource/can-pro.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
}

.candidate-detail-outer {
  padding: 50px 0 50px;
}

/* Candidate block Five */
.candidate-block-five {
  position: relative;
  margin-bottom: 50px;
}

.candidate-block-five .inner-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  transition: all 300ms ease;
}

.candidate-block-five .inner-box .content {
  position: relative;
  padding-left: 120px;
  min-height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.candidate-block-five .inner-box .btn-box {
  position: relative;
  display: flex;
}

.candidate-block-five .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 20px;
}

.candidate-block-five .image img {
  width: 100%;
}

.candidate-block-five .name {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 10px;
}

.candidate-block-five .name a {
  color: #202124;
}

.candidate-block-five .candidate-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.candidate-block-five .candidate-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-right: 30px;
}

.candidate-block-five .candidate-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.candidate-block-five .candidate-info li a {
  color: #696969;
}

.candidate-block-five .candidate-info li.designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  padding-left: 0;
}

.candidate-block-five .post-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.candidate-block-five .post-tags li {
  position: relative;
  background: #D3E1F5;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #1967D2;
  padding: 5px 20px;
  border-radius: 20px;
  margin-right: 10px;
}

.candidate-block-five .post-tags li a {
  color: #1967D2;
}

.candidate-block-five .post-tags li.colored {
  background-color: #34A853;
  color: #ffffff;
}

.candidate-block-five .bookmark-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #1967D2;
  border-radius: 7px;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
}

.candidate-block-five .option-box {
  position: relative;
  display: flex;
  align-items: center;
}

.candidate-block-five .btn-box .theme-btn {
  min-width: 220px;
}

/* Candidate block Six */
.candidate-block-six {
  position: relative;
}

.candidate-block-six .inner-box {
  position: relative;
  text-align: center;
}

.candidate-block-six .image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 20px;
}

.candidate-block-six .image img {
  width: 100%;
}

.candidate-block-six .name {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 10px;
}

.candidate-block-six .name a {
  color: #202124;
}

.candidate-block-six .designation {
  display: block;
  font-size: 14px;
  color: #1967D2;
  line-height: 19px;
  margin-bottom: 22px;
}

.candidate-block-six .content {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.candidate-block-six .post-tags {
  position: relative;
  display: flex;
  width: 44%;
  flex-wrap: wrap;
  align-items: center;
}

.candidate-block-six .post-tags li {
  position: relative;
    display: block;
    background: #DFDAEB;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #101010;
    padding: 5px 20px;
    border-radius: 20px;
    margin: 5px 0;
    margin-right: 10px;
}

.candidate-block-six .post-tags li a {
  display: block;
  color: #101010;
}

.candidate-block-six .post-tags li.colored {
  background-color: #34A853;
  color: #ffffff;
}

.candidate-block-six .btn-box {
  position: relative;
}

.candidate-block-six .candidate-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.candidate-block-six .candidate-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 30px;
}

.candidate-block-six .candidate-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}

.candidate-block-six .candidate-info li a {
  color: #696969;
}

.candidate-block-six .bookmark-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #1967D2;
  border-radius: 7px;
  background: rgba(25, 103, 210, 0.07);
  transition: all 300ms ease;
  margin-left: 20px;
}

.candidate-block-six .option-box {
  position: relative;
  display: flex;
  align-items: center;
}

.candidate-block-six .btn-box .theme-btn {
  min-width: 220px;
}

.candidate-detail-section .sidebar-widget {
  margin-bottom: 30px;
}

.candidate-detail-section .contact-widget .form-group input,
.candidate-detail-section .contact-widget .form-group textarea {
  background-color: #ffffff;
}

.candidate-detail-section .contact-widget .form-group textarea {
  min-height: 130px;
}

.candidate-detail-section .contact-widget .widget-content .default-form .form-group {
  margin-bottom: 20px;
}

/***

====================================================================
Call To Action
====================================================================

***/
.call-to-action {
  position: relative;
}

.call-to-action .outer-box {
  position: relative;
  background-color: rgba(25, 103, 210, 0.07);
  padding: 50px 60px 10px;
  border-radius: 10px;
  overflow: hidden;
}

.call-to-action .sec-title {
  margin-bottom: 0;
}

.call-to-action .image-column {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 360px;
  background-repeat: no-repeat;
  background-position: -10px 20px;
  background-size: cover;
}

.call-to-action .image-column .image {
  display: none;
  margin-bottom: 0;
}

.call-to-action .content-column {
  position: relative;
  margin-right: 50px;
}

.call-to-action .sec-title {
  position: relative;
  margin-bottom: 50px;
}

.call-to-action .sec-title .theme-btn {
  margin-top: 30px;
}

.call-to-action.style-two {
  padding-bottom: 100px;
}

/***

====================================================================
Call To Action Two
====================================================================

***/
.call-to-action-two {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 170px 0 160px;
  text-align: center;
}

.call-to-action-two .sec-title {
  margin-bottom: 33px;
}

.call-to-action-two .btn-box {
  position: relative;
  display: inline-block;
}

.call-to-action-two .theme-btn {
  margin: 0 10px 10px;
}

.call-to-action-two .btn-style-two {
  color: #ffffff;
}

.call-to-action-two.style-two {
  position: relative;
}

.call-to-action-two.style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #1967D2;
  content: "";
  opacity: .85;
}

/***

====================================================================
Call To Action Three
====================================================================

***/
.call-to-action-three {
  position: relative;
  padding: 60px 0;
  background-color: #DEEBFF;
}

.call-to-action-three .outer-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.call-to-action-three .sec-title {
  margin-bottom: 0;
  margin-right: 30px;
}

.call-to-action-three.style-two {
  background: #1967D2;
}

.call-to-action-three.style-two .sec-title .text a {
  color: #ffffff;
}

.call-to-action-three.style-two .theme-btn {
  min-width: 180px;
}

/***

==================================================================
Call To Action Four
==================================================================

***/
.call-to-action-four {
  position: relative;
  background-color: rgba(25, 103, 210, 0.07);
  padding: 30px 30px;
  padding-right: 140px;
  border-radius: 10px;
  overflow: hidden;
}

.call-to-action-four h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 17px;
}

.call-to-action-four p {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 25px;
}

.call-to-action-four .image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 140px;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
}

.call-to-action-four.style-two {
  padding: 50px 50px;
}

.call-to-action-four.style-two h5 {
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
}

.call-to-action-four.style-two p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px;
}

.call-to-action-four.style-two .image {
  width: 350px;
}

/***

==================================================================
Faqs Section
==================================================================

***/
.faqs-section {
  position: relative;
  padding: 100px 0;
}

.faqs-section h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 12px;
}

.faqs-section .accordion-box {
  margin-bottom: 60px;
}

/***

==================================================================
Invoice Section
==================================================================

***/
.invoice-section {
  position: relative;
  background: #F0F5F7;
  padding: 75px 0;
  min-height: 100vh;
}

.invoice-section .auto-container {
  max-width: 1200px;
}

.invoice-section .upper-box {
  position: relative;
  text-align: right;
  margin-bottom: 75px;
}

.invoice-section .upper-box .theme-btn {
  background: rgba(25, 103, 210, 0.15);
  min-width: 140px;
}

.invoice-wrap {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
}

.invoice-wrap .invoice-content {
  position: relative;
  padding: 125px 100px;
}

.invoice-wrap .logo-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.invoice-wrap .logo-box .logo {
  position: relative;
  margin-right: 30px;
  margin-bottom: 40px;
}

.invoice-wrap .invoice-id {
  position: relative;
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 40px;
  max-width: 325px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invoice-wrap .invoice-id span {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: right;
  min-width: 155px;
  color: #202124;
  margin-left: 40px;
}

.invoice-wrap .info-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.invoice-wrap .info-box .right-column {
  position: relative;
  max-width: 325px;
  width: 100%;
  padding-right: 30px;
}

.invoice-wrap .info-box .left-column {
  padding-right: 30px;
}

.invoice-wrap .info {
  position: relative;
  margin-bottom: 70px;
}

.invoice-wrap .info h6 {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.invoice-wrap .info span {
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  font-weight: 500;
}

.invoice-wrap .info h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 20px;
}

.invoice-wrap .info h5 {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  margin-bottom: 14px;
}

.invoice-table tr th:last-child,
.invoice-table tr td:last-child {
  text-align: right;
}

.invoice-wrap .invoice-footer {
  position: relative;
  padding: 48px 50px 38px;
  border-top: 1px solid #ECEDF2;
}

.invoice-wrap .bottom-links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invoice-wrap .bottom-links li {
  position: relative;
  margin: 0 30px 10px;
  font-size: 15px;
  line-height: 20px;
}

.invoice-wrap .bottom-links li a {
  color: #202124;
}

.invoice-wrap .bottom-links li .link {
  color: #1967D2;
}

/***

====================================================================
Jobseeker Section
====================================================================

***/
.jobseeker-section {
  position: relative;
}

.jobseeker-section .outer-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jobseeker-section .image-column {
  position: relative;
  width: 50%;
  flex: 0 0 50%;
  order: 2;
}

.jobseeker-section .image-column .image {
  position: relative;
  display: block;
  margin-bottom: 0;
}

.jobseeker-section .image-column .image img {
  width: 100%;
  border-radius: 0 30px 30px 0;
}

.jobseeker-section .content-column {
  position: relative;
  width: 50%;
  flex: 0 0 50%;
  padding: 100px 0;
}

.jobseeker-section .content-column {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.jobseeker-section .content-column .inner-column {
  position: relative;
  max-width: 655px;
  width: 100%;
  padding: 0 15px;
}

.jobseeker-section .content-column .sec-title {
  margin-bottom: 0;
  max-width: 420px;
}

.jobseeker-section .content-column .theme-btn {
  margin-top: 18px;
  min-width: 180px;
}

/***

====================================================================
Listing Section  (Ls Section)
====================================================================

***/
.ls-section {
  position: relative;
  padding: 50px 0 100px;
}

.ls-section .content-column .upper-box {
  position: relative;
  padding: 20px 30px;
}

.ls-section .filters-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 1000%;
  background: #1b2032;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.active-filters .ls-section .filters-backdrop {
  opacity: .80;
  visibility: visible;
}

.ls-section .filters-column.hide-left {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh !important;
  max-width: 320px;
  width: 100%;
  padding: 0 !important;
  background: #fff;
  z-index: 99;
  overflow-y: auto !important;
  transition: all 300ms ease;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
}

.ls-section .filters-column.hide-left .inner-column {
  min-height: 100%;
}

.ls-section .filters-column::-webkit-scrollbar {
  width: 5px;
}

.ls-section .filters-column::-webkit-scrollbar-track {
  background: transparent;
}

.ls-section .filters-column::-webkit-scrollbar-thumb {
  background-color: rgba(112, 112, 112, 0.5);
  border-radius: 10px;
}

.ls-section .filters-column.hide-left .filters-outer {
  margin-bottom: 0;
}

.active-filters .ls-section .filters-column.hide-left {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.ls-section .toggle-filters {
  position: relative;
  display: none;
}

.ls-section .toggle-filters .icon {
  display: inline-block;
  height: 10px;
  width: 14px;
  background-image: url(../images/icons/filter.svg);
}

.ls-section .toggle-filters.show {
  display: block;
}

.ls-section .sort-by.show-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ls-section .sort-by.show-filters .chosen-select {
  width: auto;
}

.ls-section .show-filters .toggle-filters {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  padding: 10px 30px;
  border-radius: 8px;
  color: #1967D2;
  background: rgba(25, 103, 210, 0.07);
  white-space: nowrap;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ls-section .show-filters .toggle-filters span {
  margin-right: 10px;
}

.ls-section .filters-column .inner-column.pd-right {
  padding-right: 20px;
}

.ls-section .filters-outer {
  position: relative;
  background: #F5F7FC;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px 30px ;
}

.ls-section .close-filters {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  min-width: auto;
  height: 25px;
  border: 1px solid #333;
  border-radius: 50%;
  color: #000;
  line-height: 25px;
  font-size: 12px;
  z-index: 99;
  display: none;
}

.ls-section .filter-block {
  position: relative;
  margin-bottom: 30px;
}

.ls-section h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 16px;
}

.ls-section .filter-block p {
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
  margin-top: 10px;
  margin-bottom: 5px;
}

.ls-section .filter-block .form-group {
  position: relative;
  margin-bottom: 0;
}

.chosen-container .chosen-drop {
  border: 1px solid #ECEDF2;
}

.ls-section .filter-block .chosen-container .chosen-drop {
  background: #ffffff;
}

.ls-section .filter-block .chosen-container .chosen-single,
.ls-section .filter-block input,
.ls-section .filter-block select,
.ls-section .filter-block textarea {
  width: 100%;
  height: 60px;
  padding: 14px 20px;
  padding-left: 54px;
  line-height: 30px;
  font-size: 15px;
  color: #696969;
  background: #FFFFFF;
  box-shadow: none;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 300ms ease;
}

.ls-section .filter-block input:focus {
  border-color: #1967D2;
}

.ls-section .filter-block .icon {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  font-size: 16px;
  line-height: 30px;
}

.ls-section .switchbox-outer {
  position: relative;
  margin-bottom: 30px;
}

.tags-style-one {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tags-style-one li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tags-style-one li a {
  position: relative;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
}

.tags-style-one li a:hover {
  background: #D4E1F6;
  color: #1967D2;
}

.ls-section .call-to-action .image-column {
  background-size: 100%;
  width: 50%;
}

/*=====================
Ls Outer
======================*/
.ls-section .ls-outer {
  position: relative;
}

.ls-switcher {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ls-switcher .showing-result {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.ls-switcher .showing-result .text {
  font-size: 16px;
  color: #1b2032;
}

.ls-switcher .arrange {
  position: relative;
  display: flex;
  margin-right: 20px;
}

.ls-switcher .arrange a {
  margin-right: 10px;
}

.ls-switcher .arrange .icon {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  border: 2px solid #d7dbe4;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  color: #a3acc2;
  font-size: 16px;
}

.ls-switcher .arrange .active .icon {
  color: #a3acc2;
  border-color: #a3acc2;
}

.top-filters {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.top-filters .form-group {
  position: relative;
  margin-right: 20px;
  margin-bottom: 0;
}

.top-filters .chosen-container .chosen-single {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  padding: 10px 22px;
  padding-right: 44px;
  color: #1967D2;
  background: rgba(25, 103, 210, 0.07);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-filters .chosen-container-single .chosen-single div:after {
  color: #1967D2;
  content: "\f17c";
  font-family: 'Flaticon';
  font-size: 10px;
}

.top-filters .chosen-container .chosen-single span {
  color: #1967D2;
  margin: 0;
  min-width: auto;
}

.top-filters .chosen-container .chosen-container-multi .chosen-choices,
.top-filters .chosen-container.chosen-with-drop .chosen-drop {
  background: #eff4fc;
}

.ls-switcher .sort-by {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.ls-switcher .sort-by .chosen-single {
  position: relative;
  height: auto;
  padding: 0px 20px;
  font-size: 14px;
  color: #696969;
  line-height: 25px;
  background: transparent;
}

.ls-switcher .sort-by .chosen-container {
  margin-left: 10px;
}

.ls-switcher .sort-by .chosen-container-single .chosen-single div:after {
  color: #F95700;
  content: "\f17c";
  font-family: 'Flaticon';
  font-size: 10px;
}

.ls-switcher .showing-result {
  position: relative;
}

.ls-switcher .showing-result .text {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.ls-switcher .showing-result .text strong {
  font-weight: 500;
  color: #202124;
}

/***

====================================================================
Listing Show More
==================0==================================================

***/
.ls-show-more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 50px;
}

.ls-show-more p {
  position: relative;
  font-size: 14px;
  line-height: 19px;
  color: #202124;
  margin-bottom: 10px;
}

.ls-show-more .bar {
  position: relative;
  max-width: 300px;
  width: 300px;
  height: 6px;
  background: #D4E1F6;
  border-radius: 10px;
  margin-bottom: 17px;
}

.ls-show-more .bar .bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 20px;
  background-color: #1967D2;
}

.ls-show-more .show-more {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #1967D2;
  padding-bottom: 5px;
}

.ls-show-more .show-more:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #1967D2;
  content: "";
}

/***

====================================================================
Listing Pagination
==================0==================================================

***/
.ls-pagination {
  position: relative;
  margin-top: 50px;
}

.ls-pagination ul {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ls-pagination li {
  position: relative;
  margin: 0 5px;
  font-size: 14px;
  color: #696969;
  line-height: 45px;
  min-width: 45px;
  font-weight: 400;
  text-align: center;
}

.ls-pagination li a {
  position: relative;
  display: block;
  color: #696969;
  border-radius: 50%;
  transition: all 300ms ease;
}

.ls-pagination li a:hover,
.ls-pagination li a.current-page {
  background: #1967D2;
  color: #ffffff;
}

.ls-pagination li a:hover  {
    background: #e2dcef;
    color: #000;
}


.ls-pagination li.next a,
.ls-pagination li.prev a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 0 12px;
}

.ls-section .ls-footer {
  position: relative;
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid #ECEDF2;
}

.ls-section .copyright-text {
  font-size: 14px;
  line-height: 19px;
  color: #696969;
}

.ls-pagination li.next a:hover,
.ls-pagination li.prev a:hover {
  background: transparent;
  color: #1967D2;
}

/***

====================================================================
Listing Section / style Two
====================================================================

***/
.ls-section.style-two {
  padding: 0;
}

.ls-section.style-two .ls-outer {
  padding: 50px 50px;
}

.ls-section.style-two .filters-outer {
  padding: 50px 60px;
  margin-bottom: 0;
  height: 100%;
}

.ls-section.style-two .filters-column .inner-column {
  height: 100%;
}

/***

====================================================================
Ls Section / style Three
====================================================================

***/
.ls-section.style-three {
  background: #F0F5F7;
}

.ls-section.style-three .ls-switcher .sort-by .chosen-single {
  background: #ffffff;
}

/***

====================================================================
Ls Section / style Four
====================================================================

***/
.ls-section.map-layout {
  padding: 0;
}

.ls-section.map-layout .content-column {
  position: relative;
  height: calc(100vh - 110px);
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.ls-section.map-layout .ls-cotainer {
  position: relative;
  display: flex;
  height: 100%;
}

.ls-section.map-layout ::-webkit-scrollbar {
  width: 5px;
  background: #eeeeee;
}

.ls-section.map-layout ::-webkit-scrollbar-track {
  background: #ffffff;
}

.ls-section.map-layout ::-webkit-scrollbar-thumb {
  background: #eeeeee;
}

.ls-section.map-layout .ls-outer {
  padding: 30px 60px 30px;
}

.ls-section.map-layout .map-column {
  position: fixed;
  height: calc(100vh - 100px);
  right: 0;
  bottom: 0;
}

.ls-section.map-layout .map-column #map {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

/***

====================================================================
Listing Maps
====================================================================

***/
.listing-maps {
  position: relative;
  min-height: 500px;
}

.listing-maps #map {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.listing-maps.style-two {
  min-height: 670px;
}

.listing-maps .form-outer {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
}

.listing-maps .form-outer .job-search-form {
  margin-bottom: 0;
}

/***

====================================================================
News Section
====================================================================

***/
.news-section {
  position: relative;
  background-color: #ECEDF2;
  padding: 100px 0 70px;
}

.news-block {
  position: relative;
  margin-bottom: 30px;
}

.news-block .inner-box {
  position: relative;
  overflow: hidden;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.news-block .image-box {
  position: relative;
}

.news-block .image-box .image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0;
}

.news-block .image-box img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}

.news-block .inner-box:hover img {
  transform: scale(1.1);
}

.news-block .lower-content {
  padding: 20px 20px 16px;
  position: relative;
}

.news-block .post-meta {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.news-block .post-meta li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-right: 15px;
  padding-left: 20px;
  margin-bottom: 5px;
}

.news-block .post-meta li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  background: #696969;
  border-radius: 5px;
  content: "";
}

.news-block .post-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.news-block .post-meta li:first-child:before {
  display: none;
}

.news-block .post-meta li a:hover,
.news-block .post-meta li a {
  color: inherit;
}

.news-block .lower-content h3 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-block .lower-content h3 a {
  color: #202124;
  transition: all 300ms ease;
}

.news-block .lower-content h3 a:hover {
  color: #1967D2;
}

.news-block .lower-content .text {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 15px;
}

.news-block .read-more {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #1967D2;
}

.news-block .read-more i {
  margin-left: 10px;
  transition: all 300ms ease;
}

.news-block .read-more:hover {
  color: inherit;
  color: #1967D2;
}

.news-block .read-more:hover i {
  opacity: 0;
  margin-left: 20px;
}

/* Style Two */
.news-section.style-two {
  background: #F3F7FB;
}

.news-section.style-two .row {
  margin: 0 -26px;
}

.news-section.style-two .news-block {
  padding: 0 26px;
}

.news-section.style-two .news-block .inner-box {
  padding: 0;
  background-color: transparent;
}

.news-section.style-two .news-block .lower-content {
  padding: 17px 0 0;
}

/* Style Three */
.news-section.style-three .news-block .post-meta {
  margin-bottom: 10px;
}

.news-section.style-three .news-block .inner-box {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
}

.news-section.style-three .news-block .lower-content h3 {
  margin-bottom: 0;
}

.news-section.style-three .grid .news-block .lower-content {
  padding-bottom: 10px;
  padding-top: 19px;
}

/***

====================================================================
News Section Two
====================================================================

***/
.news-section-two {
  position: relative;
  padding: 100px 0 50px;
}

.news-section-two .sec-title {
  margin-bottom: 50px;
}

.news-section-two .news-block {
  margin-bottom: 50px;
}

.news-section-two .news-block .inner-box {
  padding: 0;
  background-color: transparent;
}

.news-section-two .news-block .lower-content {
  padding: 17px 0 0;
}

.news-section-two .news-block .post-meta {
  margin-bottom: 0;
}

.news-section-two .news-block h3 {
  margin-bottom: 0;
}

/* Style Two */
.news-section-two.style-two {
  background: rgba(52, 168, 83, 0.04);
}

/***

====================================================================
News Section Three
====================================================================

***/
.news-section-three {
  position: relative;
  background-color: #ECEDF2;
  padding: 100px 0 70px;
}

.news-block-two {
  position: relative;
  margin-bottom: 30px;
}

.news-block-two .inner-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ECEDF2;
  background: #ffffff;
}

.news-block-two .image-box {
  position: relative;
}

.news-block-two .image-box .image {
  position: relative;
  border-radius: 10px;
  min-width: 200px;
  overflow: hidden;
  margin-bottom: 0;
}

.news-block-two .image-box img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}

.news-block-two .inner-box:hover img {
  transform: scale(1.1);
}

.news-block-two .content-box {
  padding: 15px 30px;
  position: relative;
}

.news-block-two .post-meta {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.news-block-two .post-meta li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-right: 15px;
  padding-left: 20px;
  margin-bottom: 5px;
}

.news-block-two .post-meta li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  background: #696969;
  border-radius: 5px;
  content: "";
}

.news-block-two .post-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.news-block-two .post-meta li:first-child:before {
  display: none;
}

.news-block-two .post-meta li a:hover,
.news-block-two .post-meta li a {
  color: inherit;
}

.news-block-two .content-box h3 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-block-two .content-box h3 a:hover,
.news-block-two .content-box h3 a {
  color: #1b2032;
}

.news-block-two .content-box .text {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 15px;
}

.news-block-two .read-more {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #1967D2;
}

.news-block-two .read-more i {
  margin-left: 10px;
  transition: all 300ms ease;
}

.news-block-two .read-more:hover {
  color: inherit;
  color: #1967D2;
}

.news-block-two .read-more:hover i {
  opacity: 0;
  margin-left: 20px;
}

/***

====================================================================
Pricing Section
====================================================================

***/
.pricing-section {
  position: relative;
  padding: 100px 0 70px;
}

.pricing-tabs {
  position: relative;
}

.pricing-tabs .tab-buttons {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.pricing-tabs .tab-buttons h4 {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 15px;
}

.pricing-tabs .tab-btns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pricing-tabs .tab-btns:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  height: 30px;
  transform: translateX(-50%);
  background: #1967D2;
  border: 1px solid #E7E7EC;
  box-sizing: border-box;
  box-shadow: 0px 8px 15px rgba(140, 152, 164, 0.1);
  border-radius: 30px;
  content: "";
  transition: all 300ms linear;
}

.pricing-tabs .tab-btns li {
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: #696969;
  cursor: pointer;
  z-index: 8;
  padding: 0 48px 0;
  min-width: 196px;
  transition: all 300ms ease;
}

.pricing-tabs .tab-btns li:before {
  position: absolute;
  right: -26px;
  height: 20px;
  width: 20px;
  top: 5px;
  background: #ffffff;
  content: "";
  border-radius: 50%;
  transition: all 300ms ease;
}

.pricing-tabs .tab-btns li.active-btn:before {
  right: 6px;
}

.pricing-tabs .tab-btns li:last-child:before {
  display: none;
}

.pricing-table {
  position: relative;
  margin-bottom: 30px;
}

.pricing-table .inner-box {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 40px 40px;
  overflow: hidden;
  transition: all 300ms ease;
}

.pricing-table .inner-box:hover,
.pricing-table.tagged .inner-box {
  border: 1px solid #1967D2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.pricing-table .tag {
  position: absolute;
  right: 30px;
  top: 30px;
  overflow: hidden;
  border-radius: 30px;
  font-size: 13px;
  line-height: 20px;
  color: #34A853;
  padding: 5px 25px;
}

.pricing-table .tag:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #34A853;
  opacity: 0.15;
  content: "";
  border-radius: 30px;
}

.pricing-table .title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  margin-bottom: 10px;
}

.pricing-table .price {
  font-family: Sofia Pro;
  position: relative;
  display: flex;
  align-items: flex-end;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 50px;
  transition: all 300ms ease;
}

.pricing-table .duration {
  position: relative;
  font-size: 18px;
  line-height: 1em;
  color: #202124;
  font-weight: 400;
  bottom: 7px;
  margin-left: 7px;
}

.pricing-table .table-content {
  position: relative;
  margin-bottom: 60px;
}

.pricing-table .table-content ul {
  position: relative;
}

.pricing-table .table-content ul li {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #696969;
  font-weight: 400;
  margin-bottom: 20px;
  padding-left: 30px;
}

.pricing-table .table-content ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: Flaticon;
  font-size: 16px;
  color: #202124;
  content: "\f172";
}

.pricing-table .table-footer {
  position: relative;
}

.pricing-table .table-footer a {
  position: relative;
  display: block;
  width: 100%;
}

/***

====================================================================
Process Section
====================================================================

***/
.process-section {
  position: relative;
  padding: 100px 0;
}

.process-block {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.process-block .icon-box {
  position: relative;
  display: inline-block;
  padding-top: 56px;
  min-height: 113px;
  margin-bottom: 30px;
}

.process-block .icon-box:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  height: 113px;
  width: 105px;
  background-image: url(../images/icons/shape-3.png);
  z-index: -1;
  content: "";
}

.process-block .icon-box img {
  display: block;
}

.process-block h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
}

/***

====================================================================
Recruiter Section
====================================================================

***/
.recruiter-section {
  position: relative;
}

.recruiter-section .outer-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recruiter-section .image-column {
  position: relative;
  width: 50%;
  flex: 0 0 50%;
}

.recruiter-section .image-column .image {
  position: relative;
  display: block;
  margin-bottom: 0;
}

.recruiter-section .image-column .image img {
  width: 100%;
  border-radius: 0 30px 30px 0;
}

.recruiter-section .content-column {
  position: relative;
  width: 50%;
  flex: 0 0 50%;
  padding: 100px 0;
}

.recruiter-section .content-column .inner-column {
  position: relative;
  padding-left: 140px;
}

.recruiter-section .content-column .sec-title {
  margin-bottom: 0;
  max-width: 420px;
}

.recruiter-section .content-column .theme-btn {
  margin-top: 18px;
  min-width: 180px;
}

/***

====================================================================
steps Section
====================================================================

***/
.steps-section {
  position: relative;
  padding: 100px 0 50px;
}

.steps-section .image-column {
  position: relative;
  margin-bottom: 50px;
}

.steps-section .image-column .inner-column {
  position: relative;
  padding-right: 20px;
}

.steps-section .image-column .image {
  position: relative;
  margin-bottom: 0;
}

.steps-section .image-column .image img {
  display: block;
  width: 100%;
}

.steps-section .image-column .count-employers {
  position: absolute;
  left: 0;
  bottom: 40px;
  transform: translateX(-50%);
  background: #ffffff;
  text-align: center;
  padding: 25px 30px 30px;
  background: #FFFFFF;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
  border-radius: 8px;
}

.steps-section .image-column .count-employers .title {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 15px;
}

.steps-section .content-column {
  position: relative;
}

.steps-section .content-column .inner-column {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 100px;
}

.steps-section .content-column .sec-title {
  margin-bottom: 0;
}

.steps-section .content-column .sec-title h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 38px;
  color: #000000;
}

.steps-list {
  position: relative;
  margin-top: 64px;
}

.steps-list li {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  padding: 8px 0;
  padding-left: 73px;
  min-height: 40px;
  margin-bottom: 55px;
}

.steps-list li .count {
  position: absolute;
  left: 0;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  background: #1967D2;
  border-radius: 40px;
}

.steps-list li .count:before {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  background: #34A853;
  opacity: 0.2;
  border-radius: 40px;
  content: "";
}

/***

====================================================================
Subscribe Section
====================================================================

***/
.subscribe-section {
  position: relative;
  padding: 60px 0;
  background-color: rgba(52, 168, 83, 0.15);
}

.subscribe-section .outer-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.subscribe-section .sec-title {
  margin-bottom: 0;
  margin-right: 30px;
}

.subscribe-section .form-column {
  position: relative;
  max-width: 490px;
  width: 100%;
}

.subscribe-form {
  position: relative;
}

.subscribe-form .form-group {
  position: relative;
  margin-bottom: 0;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"] {
  display: block;
  height: 70px;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  background: #ffffff;
  padding: 20px 30px;
  padding-right: 60px;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px;
  transition: all 300ms ease;
}

.subscribe-form .form-group .theme-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  max-width: 120px;
  font-size: 15px;
}

.subscribe-form .response {
  position: relative;
}

.subscribe-form .response > div {
  padding: 0 15px;
  text-align: center;
}

.subscribe-form .response .success {
  background: #28a745;
  color: #ffffff;
}

.subscribe-form .response .failed {
  background-color: #dc3545;
  color: #ffffff;
}

.subscribe-form .response .text-info {
  background-color: #ffd658;
  color: #222222 !important;
}

/***

====================================================================
Subscribe Section Two
====================================================================

***/
.subscribe-section-two {
  position: relative;
  padding: 135px 0 148px;
}

.subscribe-section-two .sec-title h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 54px;
}

.subscribe-section-two .background-image {
  position: absolute;
  left: 60px;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 30px 0 0 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.subscribe-section-two .subscribe-form {
  position: relative;
  max-width: 490px;
  width: 100%;
  margin: 0 auto;
}

/***

==================================================================
TNC Section
==================================================================

***/
.tnc-section {
  position: relative;
  padding: 100px 0 50px;
}

.tnc-section .auto-container {
  max-width: 880px;
}

.tnc-section .text-box {
  position: relative;
  margin-bottom: 50px;
}

.tnc-section h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 23px;
}

.tnc-section p {
  font-size: 15px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 24px;
}

.job-search-form {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
  border-radius: 10px;
  min-width: 740px;
  margin-bottom: 22px;
}
.thank-you-page {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
    border-radius: 10px;
    min-width: 740px;
    margin-bottom: 22px;
    padding: 30px;
    text-align: center;
}

.job-search-form form {
  background: #ffffff;
  padding: 20px 20px;
  padding-left: 30px;
  border-radius: 10px;
}

.job-search-form .form-group {
  position: relative;
  text-align: left;
  margin-bottom: 0;
}

.job-search-form .form-group .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #5c6770;
  background: #ffffff;
  z-index: 9;
}

.job-search-form .form-group.category {
  border-left: 1px solid #e6e6e6;
}

.job-search-form .form-group:first-child {
  border-right: 1px solid #e6e6e6;
}

.job-search-form .ui-selectmenu-button.ui-button,
.job-search-form .chosen-container-single .chosen-single,
.job-search-form .form-group input,
.job-search-form .form-group select,
.job-search-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-size: 15px;
  color: #696969;
  line-height: 30px;
  font-weight: 400;
  background: #ffffff;
  padding: 15px 0px;
  padding-left: 40px;
  border: 0;
  border-radius: 0;
  transition: all 300ms ease;
}

.job-search-form .chosen-container-multi .chosen-choices,
.job-search-form .chosen-container.chosen-with-drop .chosen-drop {
  background: #ffffff;
}

.job-search-form .chosen-container-single .chosen-single {
  padding-left: 40px;
  border: 1px solid #ffffff !important;
  border-bottom: 0 !important;
  border-radius: 8px;
}

.job-search-form .chosen-container-single .chosen-drop {
  /*    border: 1px solid #ffffff !important;
border-top: 0 !important;*/
}

.job-search-form .chosen-container-active .chosen-single {
  /*    border: 1px solid #dddddd !important;
border-bottom: 0 !important;*/
}

.job-search-form .chosen-container-active .chosen-drop {
  border: 1px solid #ECEDF2 !important;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px !important;
  padding-top: 10px !important;
}

.job-search-form .form-group.btn-box {
  text-align: right;
}

.job-search-form .form-group .theme-btn {
  width: 100%;
  min-width: auto;
  height: 60px;
}

/* Job Search Form */
.job-search-form.style-two,
.job-search-form.style-two form,
.job-search-form.style-two .form-group .icon,
.job-search-form.style-two .form-group,
.job-search-form.style-two .ui-selectmenu-button.ui-button,
.job-search-form.style-two .ui-selectmenu-button.ui-button,
.job-search-form.style-two .chosen-container-single .chosen-single span,
.job-search-form.style-two .chosen-container-single .chosen-single,
.job-search-form.style-two .form-group input,
.job-search-form.style-two .form-group select,
.job-search-form.style-two .form-group textarea {
  background: #1967D2;
  color: #ffffff;
  border-color: #1967D2 !important;
}

.job-search-form.style-two .chosen-container-single .chosen-single {
  padding-left: 40px;
}

.job-search-form.style-two .chosen-container-single .chosen-single div:after {
  color: #fff;
}

.job-search-form.style-two .form-group {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/***

====================================================================
Blog Grid
====================================================================

***/
.blog-grid .news-block .inner-box {
  border: 1px solid #ECEDF2;
  border-radius: 8px;
}

.blog-grid .news-block .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.sidebar-page-container {
  position: relative;
  padding: 100px 0 50px;
}

.sidebar-page-container .content-side {
  margin-bottom: 50px;
}

.blog-sidebar {
  position: relative;
  background: #F5F7FC;
  padding: 30px;
  border-radius: 8px;
  margin-left: 20px;
}

.blog-sidebar .sidebar-widget {
  position: relative;
  padding: 0;
  margin: 0 0 30px;
}

.blog-sidebar .sidebar-widget:last-child {
  margin-bottom: 0;
}

/* Sidebar Title */
.sidebar-title {
  position: relative;
  margin-bottom: 20px;
}

.sidebar-title h4 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
}

/*Search Box*/
.sidebar.pd-right {
  padding-right: 20px;
}

.sidebar .search-widget {
  position: relative;
}

.sidebar .search-box {
  position: relative;
}

.sidebar .search-box .form-group {
  position: relative;
  margin-bottom: 0;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 20px;
  padding: 20px 20px;
  padding-left: 54px;
  font-size: 15px;
  color: #696969;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 500ms ease;
}

.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus {
  border-color: #1967D2;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease;
}

.sidebar .search-box .form-group button:hover {
  color: #ffffff;
}

.sidebar .search-box .form-group .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  z-index: 1;
}

/* Cat List*/
.catagory-list {
  position: relative;
}

.catagory-list li {
  position: relative;
  margin-bottom: 10px;
}

.catagory-list li a {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 25px;
  padding-left: 15px;
  color: #696969;
  transition: all 300ms ease;
}

.catagory-list li a:before {
  position: absolute;
  left: 0;
  top: 11px;
  height: 4px;
  width: 4px;
  border-radius: 4px;
  background: #202124;
  content: "";
  transition: all 300ms ease;
}

.catagory-list li a:hover:before,
.catagory-list li a:hover {
  color: #1967D2;
}

/*=== Latest News ===*/
.sidebar .recent-post {
  position: relative;
}

.recent-post .post {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 90px;
  min-height: 70px;
  margin-bottom: 20px;
}

.recent-post .post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.recent-post .post-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  width: 70px;
  overflow: hidden;
  margin-bottom: 10px;
}

.recent-post .post-thumb img {
  position: relative;
  display: block;
  width: 100%;
  transition: all 300ms ease;
}

.recent-post .post:hover .post-thumb img {
  opacity: .9;
  transform: scale(1.1);
}

.recent-post .post h6 {
  position: relative;
  color: #202124;
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 4px;
  transition: all 300ms ease;
}

.recent-post .post h6 a {
  color: inherit;
}

.recent-post .post h6:hover {
  color: #202124;
}

.recent-post .post .post-info {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  color: rgba(68, 68, 68, 0.8);
  font-weight: 400;
}

.tag-list {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tag-list li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tag-list a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  font-weight: 400;
  text-align: center;
  background: #ffffff;
  text-transform: capitalize;
  transition: all 300ms ease;
}

.tag-list a:hover {
  color: #ffffff;
  background-color: #1967D2;
}

/***

====================================================================
Blog Single
====================================================================

***/
.blog-single {
  position: relative;
  padding: 80px 0 100px;
}

.blog-single .upper-box {
  position: relative;
  margin-bottom: 50px;
}

.blog-single .auto-container {
  max-width: 860px;
}

.blog-single .upper-box h3 {
  position: relative;
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #202124;
  margin-bottom: 20px;
}

.blog-single .post-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-single .post-info li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  padding-left: 15px;
  margin-right: 10px;
}

.blog-single .post-info li:before {
  position: absolute;
  left: 0;
  top: 9px;
  height: 5px;
  width: 5px;
  border-radius: 3px;
  background: #696969;
  content: "";
}

.blog-single .post-info li:first-child {
  padding-left: 0;
}

.blog-single .post-info li:first-child:before {
  display: none;
}

.blog-single .post-info .thumb {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}

.blog-single .main-image {
  position: relative;
  margin-bottom: 0;
}

.blog-single .main-image img {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.blog-single .image {
  position: relative;
  margin-bottom: 30px;
}

.blog-single h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 17px;
}

.blog-single p {
  font-size: 15px;
  line-height: 30px;
  color: #77838F;
  margin-bottom: 30px;
}

.blog-single .list-style-four {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

.blog-single .list-style-four li {
  width: 50%;
  flex: 0 0 50%;
}

/* Blockquote */
.blockquote-style-one {
  position: relative;
  background: #F0F5F7;
  border-radius: 8px;
  padding: 40px 60px;
}

.blockquote-style-one p {
  font-size: 15px;
  line-height: 30px;
  color: #202124;
  font-style: italic;
  margin-bottom: 0;
}

.blockquote-style-one cite {
  font-size: 15px;
  color: #696969;
  display: block;
  font-style: normal;
  margin-top: 11px;
}

.blog-single .other-options {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ECEDF2;
  border-bottom: 1px solid #ECEDF2;
  padding: 35px 0;
  margin: 45px 0;
  flex-wrap: wrap;
}

.blog-single .social-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog-single .other-options .tags {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 15px 0;
}

/* Other Options*/
.other-options .tags a {
  position: relative;
  background: #F0F5F7;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 5px 20px;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 300ms ease;
}

.other-options .tags a:hover {
  background: #1967D2;
  color: #ffffff;
}

/* Post Control */
.post-control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #ECEDF2;
  margin-bottom: 50px;
}

.post-control .prev-post,
.post-control .next-post {
  position: relative;
  margin-bottom: 30px;
}

.post-control .next-post {
  text-align: right;
}

.post-control .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 9px;
  line-height: 24px;
  color: #1967D2;
  font-weight: 700;
}

.post-control .next-post .icon {
  left: auto;
  right: 0;
}

.post-control .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #1967D2;
  padding-left: 16px;
}

.post-control .next-post .title {
  padding-left: 0;
  padding-right: 16px;
}

.post-control h5 {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #202124;
  font-weight: 500;
}

.post-control h5 a {
  color: #202124;
  display: inline-block;
  transition: all 300ms ease;
}

.post-control h5 a:hover {
  color: #1967D2;
}

/*=========================
Comments Area
=========================*/
.comments-area {
  position: relative;
  margin-bottom: 50px;
}

.comments-area h4 {
  margin-bottom: 35px;
}

.comment-box {
  position: relative;
  margin-bottom: 30px;
}

.comment-box .comment {
  position: relative;
  padding-left: 110px;
  margin-bottom: 50px;
}

.comment-box .comment.reply-comment {
  margin-left: 110px;
}

.comment-box .comment.reply-comment:last-child {
  border-bottom: 0;
}

.comment-box .user-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 80px;
  width: 80px;
  margin-bottom: 15px;
  border-radius: 50%;
  overflow: hidden;
}

.comment-box .author-thumb img {
  display: block;
  width: 100%;
}

.comment-box .comment-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 20px;
}

.comment-box .user-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
}

.comment-box .title {
  font-size: 14px;
  line-height: 19px;
  color: #696969;
}

.comment-box .text {
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 20px;
}

.comment-box .rating {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 13px;
  color: #FFC78B;
}

.comment-form {
  position: relative;
  padding: 50px 50px;
  border: 1px solid #ECEDF2;
}

/***

====================================================================
Cart Section
====================================================================

***/
.cart-section {
  position: relative;
  padding: 60px 0px 50px;
}

.cart-section .column {
  position: relative;
  margin-bottom: 30px;
}

.cart-outer {
  position: relative;
}

.cart-outer .table-outer {
  position: relative;
  width: 100%;
  overflow-x: auto;
}

.cart-outer .cart-table {
  width: 100%;
  min-width: 800px;
}

.default-table tr.cart-item td {
  font-size: 15px;
}

.cart-item .product-thumbnail {
  width: 160px;
}

.cart-item .product-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  text-align: left;
  padding-left: 0;
  width: 200px;
}

.cart-item .product-name a {
  color: #202124;
}

.cart-item .product-remove {
  color: #949DA6;
}

/* Cart Option */
.cart-section .cart-options {
  position: relative;
  margin: 30px 0 10px;
}

.cart-section .apply-coupon {
  position: relative;
  display: flex;
  align-items: center;
}

.cart-section .apply-coupon .form-group {
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}

.cart-section .apply-coupon .input {
  position: relative;
  width: 100%;
  display: block;
  color: #5c6770;
  font-size: 14px;
  line-height: 26px;
  padding: 10px 18px;
  height: 50px;
  min-width: 234px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #ECEDF2;
  transition: all 300ms ease;
}

.cart-section .pull-right {
  margin-left: auto;
}

.cart-section .totals-table-outer {
  position: relative;
  background: #F5F7FC;
  padding: 25px 30px 30px;
}

.cart-section .totals-table li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7EC;
  margin-bottom: 15px;
}

.cart-section .totals-table li:first-child,
.cart-section .totals-table li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.cart-section .totals-table li h3 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 30px;
}

.cart-section .totals-table .col {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #202124;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0;
}

.cart-section .totals-table .col:last-child {
  text-align: right;
}

.cart-section .totals-table .price {
  font-size: 14px;
  color: #696969;
}

.cart-section .proceed-btn {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 30px;
}

/***

====================================================================
CheckOut Page
====================================================================

***/
.checkout-page {
  position: relative;
  padding: 60px 0px 10px;
}

.checkout-page .column {
  position: relative;
  margin-bottom: 50px;
}

.checkout-page .title {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 30px;
}

.checkout-form {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
}

.checkout-form .coupen-outer {
  position: relative;
  text-align: center;
  margin-bottom: 35px;
}

.checkout-form .coupen-outer .text {
  display: block;
  font-size: 15px;
  color: #5c6770;
  font-weight: 400;
  margin-bottom: 25px;
}

.checkout-form .coupen-outer .text a {
  font-weight: 500;
  color: #1b2032;
}

.checkout-form .coupen-outer .form-grou {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkout-form .coupen-outer .input {
  position: relative;
  width: 100%;
  display: block;
  color: #5c6770;
  font-size: 14px;
  line-height: 30px;
  padding: 10px 18px;
  height: 54px;
  max-width: 235px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 2px solid #e6e8ed;
  transition: all 300ms ease;
  margin-right: 22px;
}

.checkout-form .default-form .field-label {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  display: block;
  margin-bottom: 10px;
}

.checkout-form .default-form .form-group input {
  margin-bottom: 10px;
}

.checkout-form .default-form .form-group input:last-child {
  margin-bottom: 0;
}

.checkout-form .default-form .form-group textarea {
  height: 200px;
}

.order-box {
  position: relative;
  padding: 30px 30px;
  background: #F5F7FC;
  border-radius: 8px;
  margin-bottom: 30px;
}

.order-box h3 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 25px;
}

.order-box table {
  width: 100%;
}

.order-box thead th {
  position: relative;
  padding-bottom: 11px;
  border-bottom: 1px solid #E7E7EC;
}

.order-box thead th strong {
  font-weight: 500;
}

.order-box .cart-item td {
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  padding-top: 12px;
  padding-bottom: 12px;
}

.order-box table th:last-child,
.order-box table td:last-child {
  position: relative;
  text-align: right;
}

.order-box .cart-subtotal td {
  padding: 15px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7EC;
}

.order-box .order-total td {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  padding-top: 15px;
}

.payment-box {
  position: relative;
}

.payment-options {
  position: relative;
  padding: 30px 30px;
  background-color: #F5F7FC;
  border-radius: 10px;
  margin-bottom: 30px;
}

.payment-box .payment-options li {
  position: relative;
  margin-bottom: 35px;
}

.payment-box .payment-options li .radio-option {
  position: relative;
}

.payment-box .payment-options li .radio-option label {
  position: relative;
  display: block;
  padding-left: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 15px;
  color: #202124;
  text-transform: capitalize;
  cursor: pointer;
}

.payment-box .payment-options li .radio-option label .small-text {
  position: relative;
  display: none;
  text-transform: none;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #696969;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text {
  display: block;
}

.payment-box .payment-options li .radio-option label img {
  position: relative;
  margin-left: 15px;
}

.payment-box .btn-box .theme-btn {
  position: relative;
  display: block;
  width: 100%;
}

/***

====================================================================
Order Slip
====================================================================

***/
.order-confirmation {
  position: relative;
  padding: 100px 0 70px;
}

.order-confirmation .auto-container {
  max-width: 770px;
}

.order-confirmation .upper-box {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}

.order-confirmation .upper-box .icon {
  display: inline-block;
  height: 80px;
  width: 80px;
  color: #1967d2;
  background: rgba(25, 103, 210, 0.1);
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 13px;
}

.order-confirmation .upper-box h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
  margin-bottom: 11px;
}

.order-confirmation .upper-box .text {
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.order-confirmation .order-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 40px 40px 0;
  background: #F5F7FC;
  border-radius: 8px;
  margin-bottom: 60px;
  justify-content: space-between;
}

.order-confirmation .order-info li {
  position: relative;
  margin-right: 40px;
  flex-direction: column;
  display: flex;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  margin-bottom: 40px;
}

.order-confirmation .order-info li:last-child {
  margin-right: 0;
}

.order-confirmation .order-info li strong {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-top: 13px;
}

.order-confirmation .order-box {
  background: none;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  padding: 50px 60px 60px;
}

/***

====================================================================
Products Section
====================================================================

***/
.products-section {
  position: relative;
  padding: 100px 0 70px;
}

.product-block {
  position: relative;
  margin-bottom: 30px;
}

.product-block .inner-box {
  position: relative;
  overflow: hidden;
  padding: 25px 30px 25px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #ECEDF2;
  text-align: center;
  transition: all 300ms ease;
}

.product-block .inner-box:hover {
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.product-block .image-box {
  position: relative;
}

.product-block .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.product-block .image img {
  display: inline-block;
  max-width: 100%;
}

.product-block .info {
  position: relative;
}

.product-block h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 7px;
}

.product-block .price {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  display: block;
  color: #696969;
}

.product-block .theme-btn {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 400ms ease;
}

.product-block .theme-btn i {
  margin-right: 10px;
}

.product-block .inner-box:hover .theme-btn {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

/***

====================================================================
Shop Single
====================================================================

***/
.shop-single {
  position: relative;
  padding: 60px 0;
}

.product-details {
  position: relative;
  margin-bottom: 50px;
}

.product-details .basic-details {
  position: relative;
  margin-bottom: 30px;
}

.product-details .image-column,
.product-details .info-column {
  margin-bottom: 50px;
}

.product-details .image-column .image {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 8px;
  padding: 70px 30px;
  border: 1px solid #ECEDF2;
  text-align: center;
}

.product-details .image-column .image img {
  display: inline-block;
}

.product-details .image-column .image .icon {
  position: absolute;
  left: 35px;
  bottom: 35px;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #1b2032;
  text-align: center;
  background-color: #f9fafc;
}

.product-details .info-column .inner-column {
  position: relative;
  padding-left: 20px;
}

.product-details .basic-details .product-name {
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
  margin-bottom: 15px;
}

.product-details .basic-details .rating {
  position: relative;
  font-size: 14px;
  line-height: 1em;
  color: #5c6770;
  margin-bottom: 25px;
}

.product-details .basic-details .rating .fa {
  font-size: 14px;
  color: #d0d23c;
  margin-right: 2px;
}

.product-details .basic-details .rating .title {
  margin-left: 3px;
}

.product-details .basic-details .text {
  margin-bottom: 20px;
}

.product-details .basic-details .item-price {
  font-weight: 500;
  font-size: 26px;
  line-height: 35px;
  color: #202124;
  margin-bottom: 30px;
}

.product-details .basic-details .item-price del {
  font-size: 14px;
  line-height: 19px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #696969;
  margin-left: 10px;
}

.product-details .other-options {
  position: relative;
}

.product-details .other-options .item-quantity {
  font-size: 14px;
  line-height: 50px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.item-quantity .qty {
  position: relative;
  display: inline-block;
  width: 110px;
  padding: 10px 20px;
  height: 50px;
  line-height: 26px;
  color: #5c6770;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #ECEDF2;
}

.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button {
  opacity: 1;
  visibility: visible;
  background: none;
}

.item-quantity .in-stock {
  position: relative;
  padding-left: 25px;
  margin-left: 30px;
}

.item-quantity .in-stock:before {
  position: absolute;
  left: 0;
  top: 0px;
  height: 18px;
  width: 18px;
  background: #696969;
  content: "\f00c";
  border-radius: 10px;
  color: #ffffff;
  font-size: 8px;
  line-height: 18px;
  font-weight: 900;
  text-align: center;
  font-family: 'Font Awesome 5 Free';
}

.product-details .other-options .theme-btn span {
  margin-right: 10px;
}

.product-details .other-options .bookmark-btn {
  padding: 15px 20px;
  margin-left: 20px;
}

.product-details .other-options .bookmark-btn span {
  margin: 0;
}

.product-details .product-meta {
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
}

.product-details .product-meta li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 30px;
  color: #696969;
}

.product-details .product-meta li span {
  display: block;
  margin-right: 10px;
  min-width: 90px;
}

/***

====================================================================
Product Tabs
====================================================================

***/
.product-info-tabs {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
}

.prod-tabs .tab-btns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.prod-tabs .tab-btns .tab-btn {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #202124;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
  border-bottom: 2px solid transparent;
  margin: 0 20px;
}

.prod-tabs .tab-btns .tab-btn.active-btn {
  color: #1967D2;
  border-bottom-color: #1967D2;
}

.prod-tabs .tabs-content .tab .content {
  position: relative;
  padding: 65px 0 0;
}

.prod-tabs .content h4 {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 20px;
}

.prod-tabs .content p {
  font-size: 15px;
  line-height: 26px;
  color: #696969;
  margin-bottom: 26px;
}

.prod-tabs .content .list-style-two {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
}

.prod-tabs .content .list-style-two li {
  width: 50%;
}

.mega-menu li.current a {
  color: #1967D2 !important;
}

.scrollmagic-pin-spacer {
  position: absolute !important;
  width: 100% !important;
}

.app-section .image-column .image {
  z-index: 50;
}

.bg-shape {
  z-index: 40;
  position: absolute;
}

.password-hode-shoe-icon{
  position: absolute;
  right: 0;
  cursor: pointer;
}
.input-group > .form-control:focus, .input-group > .form-select:focus {
  z-index: 0 !important;
}
.location_tag {
    position: relative;
    */: ;
    width: 100%;
    display: block;
    font-size: 18px;
    color: #AFA4CD;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all 300ms ease;
    background: #F5F5F5;
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
    border: none;
}
.loc-tag span::after {
  content: "x";
  padding: 0px 2px;
}
.loc-tag span {
    font-size: 15px;
    font-weight: 600;
    margin-left: 8px;
    cursor: pointer;
}
.urole li {
  display: inline;
  padding-right: 20px;
}
.select2-container .select2-selection--single {
  height: 41px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  margin-top: 0 !important;
}
#search-btn .select2-selection.select2-selection--single {
  border: none;
}
button.action-btn.delete-user-btn {
    display: none;
}

@media (max-width: 991px) {
  .bg-shape {
    display: none;
  }
}

.bg-shape.-top {
  top: 0;
}

.bg-shape.-bottom {
  bottom: 0;
}

.bg-shape.-right {
  right: 0;
}

.bg-shape.-left {
  left: 0;
}

.category-block-three.-type-2 .inner-box {
  border: none;
}

@media (max-width: 991px) {
  .category-block-three.-type-2 .inner-box {
    padding: 24px 20px;
  }
}

.category-block-three.-type-2 .icon {
  background: none;
  font-size: 48px;
  color: #1967D2;
}

.category-block-three.-type-2:hover .inner-box {
  background-color: #9073EC;
}

.category-block-three.-type-2:hover h4 a,
.category-block-three.-type-2:hover h4,
.category-block-three.-type-2:hover p,
.category-block-three.-type-2:hover .icon {
  color: white;
}

.sec-title.-type-2 h2 {
  font-weight: 500;
  font-size: 40px !important;
  line-height: 1.2 !important;
}

@media (max-width: 991px) {
  .sec-title.-type-2 h2 {
    font-size: 32px !important;
  }
}

.sec-title.-type-2 .text {
  margin-top: 30px;
}

.sec-title.-type-2 .steps-list {
  margin-top: 30px;
}

.sec-title.-type-2 .steps-list > li:not(:last-child) {
  margin-bottom: 38px;
}

.sec-title.-type-2 .steps-list .count {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #202124;
  opacity: 0.2;
  background: none;
}

.sec-title.-type-2 .steps-list .count::after {
  display: none;
}

.sec-title.-type-2 .steps-list .count::before {
  display: none;
}

.border-bottom-none {
  border-bottom: none;
}

.rounded-full {
  border-radius: 100% !important;
}

.bg-purple {
  background-color: #9073EC !important;
}

.bg-orange {
  background-color: #FB803E !important;
  transition: all 0.2s ease-out;
}

.bg-orange:hover {
  background-color: #9073EC !important;
  color: white;
}

.bg-light-blue {
  background-color: #F6F4FC;
}

.banner-section.-type-11 {
  background-image: url("../images/index-11/header/bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-section.-type-11::before {
  display: none;
}

.banner-section.-type-11 .content-column .inner-column {
  padding: 260px 0px 240px;
}

@media (max-width: 991px) {
  .banner-section.-type-11 .content-column .inner-column {
    padding: 140px 0px 120px;
  }
}

@media (max-width: 767px) {
  .banner-section.-type-11 .content-column .inner-column {
    padding: 120px 0px 60px;
  }
}

.banner-section.-type-11 .title-box h3 {
  color: white;
}

.banner-section.-type-11 .title-box .text {
  color: white;
}

.banner-section.-type-11 .theme-btn {
  background: linear-gradient(82.3deg, #FB803E 1.19%, #FE9665 95.09%) !important;
  color: white;
}

.banner-section.-type-11 .job-search-form {
  margin-bottom: 0;
}

.banner-section.-type-11 .popular-searches {
  color: white !important;
  margin-top: 16px !important;
}

.banner-section.-type-11 .popular-searches * {
  color: white !important;
}

.banner-section.-type-11 .image-column .image-box {
  position: absolute;
  bottom: 0;
}

.banner-section.-type-11 .image-column .image-box .main-image {
  margin-bottom: 0;
}

.banner-section.-type-11 .image-column .image-box .main-image img {
  max-width: 120%;
}

.banner-section.-type-11 .image-column .image-box .info_block_first {
  max-width: 400px;
  position: absolute;
  bottom: 80px;
  right: -120px;
}

.banner-section.-type-11 .image-column .image-box .info_block_first .job-block .job-info li {
  padding-left: 0;
}

.banner-section.-type-11 .image-column .image-box .info_block_three {
  top: 200px;
  bottom: unset !important;
  right: -40px;
}

.banner-section.-type-11 .image-column .image-box .info_block_four {
  left: 0;
  top: 290px;
}

.applicants-list.-pos-2 {
  right: 30px !important;
  bottom: -50px !important;
}

.content-icons {
  margin-bottom: 30px;
}

.content-icons .item {
  display: flex;
  text-align: left;
}

.content-icons .item + .item {
  margin-top: 40px;
}

.content-icons .icon-wrap .icon {
  font-size: 32px;
}

.content-icons .content {
  margin-left: 33px;
}

.content-icons .content h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.content-icons .content p {
  font-size: 15px;
  line-height: 26px;
  margin-top: 11px;
}

.content-icons-btn {
  justify-content: flex-start !important;
  margin: -6px;
}

.content-icons-btn > * {
  margin: 0 !important;
  padding: 6px;
}

.content-icons-btn > * img {
  width: 100%;
  height: auto;
}

.m--15 {
  margin: -15px;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.layout-pt-0 {
  padding-top: 0 !important;
}

.layout-pt-40 {
  padding-top: 40px !important;
}

.layout-pt-60 {
  padding-top: 60px !important;
}

.layout-pt-120 {
  padding-top: 120px !important;
}

.layout-pt-150 {
  padding-top: 150px !important;
}

.layout-pb-0 {
  padding-bottom: 0 !important;
}

.layout-pb-60 {
  padding-bottom: 60px !important;
}

.layout-pb-100 {
  padding-bottom: 100px !important;
}

.layout-pb-120 {
  padding-bottom: 120px !important;
}

@media (max-width: 991px) {
  .layout-pt-120 {
    padding-top: 90px !important;
  }
  .layout-pb-120 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .layout-pt-120 {
    padding-top: 70px !important;
  }
  .layout-pt-60 {
    padding-top: 50px !important;
  }
  .layout-pb-120 {
    padding-bottom: 70px !important;
  }
  .layout-pb-60 {
    padding-bottom: 50px !important;
  }
}

.pricingCard {
  text-align: center;
  border-radius: 16px;
  border: 1px solid #EEEEEE;
  padding: 12px 55px 46px;
  transition: all 0.3s ease-out;
}

.pricingCard__img {
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pricingCard__title {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  transition: all 0.2s ease-out;
}

.pricingCard__price {
  margin-top: 8px;
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
  transition: all 0.2s ease-out;
}

.pricingCard__subtitle {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  transition: all 0.2s ease-out;
}

.pricingCard__list {
  margin-top: 38px;
  text-align: left;
}

.pricingCard__list li {
  transition: all 0.2s ease-out;
}

.pricingCard__list li + li {
  margin-top: 24px;
}

.pricingCard__btn {
  margin-top: 35px;
}

.pricingCard__btn a {
  transition: all 0.3s ease-out;
}

.pricingCard:hover {
  background-color: #9073EC;
}

.pricingCard:hover .pricingCard__title {
  color: white !important;
}

.pricingCard:hover .pricingCard__price {
  color: white !important;
}

.pricingCard:hover .pricingCard__subtitle {
  color: white !important;
}

.pricingCard:hover .pricingCard__list li {
  color: white !important;
}

.pricingCard:hover .pricingCard__btn a {
  background-color: white;
  color: #9073EC;
}

.theme-btn.btn-style-modern {
  background: #F6F4FC !important;
  border-radius: 200px !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  padding: 16px 46px;
  color: #11243E !important;
}

.drop-select-location .dropdown.bootstrap-select {
    display: inline-block;
    width: 100% !important;
}

.drop-select-location .bootstrap-select>.dropdown-toggle {
    background: #f5f5f5;
    border: 0 !important;
    border-radius: 8px;
    height: 50px;
    padding: 0 22px;
    line-height: 50px;
    color: #888;
    font-size: 15px;
    font-weight: 500;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle


.drop-select-location .bootstrap-select>.dropdown-toggle:focus,.drop-select-location .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.drop-select-location .bootstrap-select>.dropdown-toggle.bs-placeholder,.drop-select-location  .bootstrap-select>.dropdown-toggle.bs-placeholder:active,.drop-select-location  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.drop-select-location  .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #888;
}

.drop-select-location .status {
    padding: 0 18px;
    font-size: 15px;
}

.drop-select-location .bs-searchbox input {
    font-size: 14px !important;
}


.drop-select-location  a.dropdown-item {
    padding: 7px 23px;
}

.drop-select-location  .dropdown-item.active,
.drop-select-location  .dropdown-item:active,
.drop-select-location  .dropdown-item:hover {
    text-decoration: none;
    background-color: #ff6713;
}

.drop-select-location  .dropdown-item:hover  span.text,
.drop-select-location  .dropdown-item:active  span.text,
.drop-select-location  .dropdown-item.active span.text {
  color:#fff !important;
}

.default-form .form-group.drop-select-location input[type="text"]:focus,
.default-form .form-group.drop-select-location input[type="email"]:focus,
.default-form .form-group.drop-select-location input[type="url"]:focus,
.default-form .form-group.drop-select-location select:focus,
.default-form .form-group.drop-select-location textarea:focus {
    box-shadow: none !important;
}

.drop-select-location .bootstrap-select .dropdown-menu.inner {
    max-height: 207px;
}


@media (max-width: 767px) {
  .tab-buttons.-pills {
    display: flex;
    justify-content: flex-start;
  }
}

.tab-buttons.-pills .tab-btn {
  margin-right: 6px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 30px;
  border-radius: 200px;
  background-color: transparent;
}

.tab-buttons.-pills .tab-btn.active-btn {
  color: white;
  background-color: #9073EC;
}

.main-footer.-type-11 {
  background: #0C071B !important;
  padding-top: 100px !important;
}

@media (max-width: 991px) {
  .main-footer.-type-11 {
    padding-top: 80px !important;
  }
}

.main-footer.-type-11 .widgets-section {
  padding-top: 0 !important;
}

.main-footer.-type-11 .footer-bg-image {
  position: absolute;
  left: 0px;
  top: -170px;
}

@media (max-width: 991px) {
  .main-footer.-type-11 .footer-bg-image {
    display: none;
  }
}

.main-footer.-type-11 .footer-bg-image img {
  max-width: 376px;
}

.main-footer.-type-11 .footer-title {
  margin-bottom: 160px;
}

@media (max-width: 991px) {
  .main-footer.-type-11 .footer-title {
    margin-bottom: 80px;
  }
}

.main-footer.-type-11 .footer-title h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: white;
}

.main-footer.-type-11 .footer-title div {
  margin-top: 10px;
  color: white;
  font-size: 15px;
  line-height: 24px;
}

.text-white {
  color: white !important;
}

.main-header.-type-11.fixed-header {
  background-color: #111111;
}

.main-header.-type-11 .navigation > li > a {
  color: white !important;
}

.main-header.-type-11 .navigation > li > span {
  color: white !important;
}

.main-header.-type-11 .navigation > li > span::after {
  color: white !important;
}

.main-header.-type-11 .nav-outer {
  width: 100%;
}

@media (max-width: 1366px) {
  .main-header.-type-11 .nav-outer {
    width: unset;
  }
}

.main-header.-type-11 .main-menu {
  margin: 0 auto;
}

.btn-white {
  background-color: white !important;
  color: #1967D2 !important;
}

.btn-white:hover {
  background-color: #1967D2 !important;
  color: white !important;
}

.btn-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

.btn-white-10:hover {
  background-color: #1967D2 !important;
  color: white !important;
}

.main-header.alternate.-type-12 {
  box-shadow: none;
}

.main-header.alternate.-type-12.fixed-header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.banner-section-three.-type-12 .bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 160px;
  overflow: hidden;
}

@media (max-width: 1600px) {
  .banner-section-three.-type-12 .bg-image {
    margin: 0 60px;
  }
}

@media (max-width: 1366px) {
  .banner-section-three.-type-12 .bg-image {
    margin: 0;
  }
}

.banner-section-three.-type-12 .bg-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 32px;
}

@media (max-width: 1366px) {
  .banner-section-three.-type-12 .bg-image > img {
    border-radius: 0;
  }
}

.banner-section-three.-type-12 .bg-image .main-image {
  position: absolute;
  bottom: 0;
  right: -90px;
}

.banner-section-three.-type-12 .content-column .inner-column {
  padding: 120px 0;
}

@media (max-width: 991px) {
  .banner-section-three.-type-12 .content-column .inner-column {
    padding: 80px 0;
  }
}

.banner-section-three.-type-12 .content-column h3 {
  font-weight: 700;
}

.banner-section-three.-type-12 .content-column .text {
  margin-top: 20px;
}

.banner-section-three.-type-12 .job-search-form-two form {
  border-radius: 8px;
}

.banner-section-three.-type-12 .popular-searches {
  color: #2B3154 !important;
  margin-top: 24px !important;
}

.banner-section-three.-type-12 .popular-searches * {
  color: #2B3154 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-p {
  margin-bottom: 9px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.category-block-three.-type-3 .icon {
  background: none;
  font-size: 48px;
  color: #1967D2;
}

.category-block-three.-type-3:hover .inner-box {
  background-color: #F4F6FA;
}

.job-carousel .owl-dots {
  display: flex !important;
  margin-top: 48px;
}

.theme-btn.-blue {
  background-color: #1967D2;
  color: white;
  padding: 15px 50px;
  border-radius: 8px;
  transition: all 0.15s ease-in-out;
}

.theme-btn.-blue:hover {
  background-color: rgba(25, 103, 210, 0.1);
  color: #1967D2;
}

.theme-btn.-blue-light {
  background-color: rgba(25, 103, 210, 0.1);
  color: #1967D2;
  padding: 15px 50px;
  border-radius: 8px;
  transition: all 0.15s ease-in-out;
}

.theme-btn.-blue-light:hover {
  background-color: #1967D2;
  color: white;
}

.theme-btn.-blue-dark {
  background-color: #131A51;
  color: white;
  padding: 15px 50px;
  border-radius: 8px;
}

.theme-btn.-blue-dark:hover {
  background-color: #1967D2;
  color: white;
}

.icon-item {
  display: flex;
}

.icon-item + .icon-item {
  margin-top: 30px;
}

.icon-item .icon-wrap {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
}

.icon-item .icon-wrap.-red {
  background-color: rgba(255, 196, 221, 0.2);
  color: #FFC4DD;
}

.icon-item .icon-wrap.-green {
  background-color: rgba(36, 219, 219, 0.2);
  color: #24DBDB;
}

.icon-item .content {
  margin-left: 34px;
}

.icon-item .content h4 {
  font-family: "Jost";
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #1A3454 !important;
}

.icon-item .content p {
  margin-top: 10px;
  font-family: "Jost";
  font-size: 14px;
  line-height: 26px;
}

.-no-padding {
  padding: 0 !important;
}

.-no-margin {
  margin: 0 !important;
}

.image-box.-wide-right {
  margin-right: -40px !important;
}

.color-blue-dark {
  color: #1A3454 !important;
}

.section-bg-color {
  position: relative;
  padding: 100px 0;
}

.section-bg-color__item {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 160px;
  right: 160px;
  background-color: #D6ECF4;
  border-radius: 32px;
}

@media (max-width: 1600px) {
  .section-bg-color__item {
    right: 60px;
    left: 60px;
  }
}

@media (max-width: 1366px) {
  .section-bg-color__item {
    right: 0;
    left: 0;
  }
}

.section-bg-color.-light .section-bg-color__item {
  background-color: #F4F6FA;
}

.job-block.-type-2 .inner-box {
  padding: 20px;
  border-radius: 8px;
  background-color: white;
}

.job-block.-type-2 .inner-header {
  display: flex;
  align-items: center;
}

.job-block.-type-2 .inner-header .icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(25, 103, 210, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.job-block.-type-2 .inner-header .icon {
  color: #1967D2;
  font-size: 19px;
}

.job-block.-type-2 .inner-header .title {
  margin-left: 10px;
  font-size: 14px;
  line-height: 1;
}

.job-block.-type-2 .inner-content {
  margin-top: 27px;
}

.job-block.-type-2 .inner-content > h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.job-block.-type-2 .inner-content .job-other-info {
  margin-top: 15px;
}

@media (max-width: 599px) {
  .job-block.-type-2 .inner-content .job-other-info {
    margin-left: 0;
  }
}

.job-block.-type-2 .inner-content .job-other-info li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #696969;
  padding: 0;
  background-color: transparent;
}

.job-block.-type-2 .inner-footer {
  margin-top: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.job-block.-type-2 .inner-footer > .content {
  padding-left: 0;
  min-height: auto;
}

.job-block.-type-2 .inner-footer > .content .days {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #696969;
}

.job-block.-type-2 .inner-footer > .content .company-logo {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #202124;
  margin-top: 5px;
}

.job-block.-type-2 .inner-footer > .company-logo {
  position: relative;
  width: auto;
}

.job-block.-type-2 .inner-footer > .company-logo img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.text-red {
  color: #E13F52 !important;
}

.step-item {
  padding: 32px 54px;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
}

.step-item .title {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.step-item .text {
  margin-top: 13px;
}

.candidate.-type-1 .image img {
  width: 100%;
}

.candidate.-type-1 .content {
  margin-top: 16px;
}

.candidate.-type-1 .content h4 a {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #202124;
}

.candidate.-type-1 .content p {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1;
  color: #696969;
}

.blog.-type-1 .blog-image img {
  width: 100%;
}

.blog.-type-1 .blog-content {
  margin-top: 20px;
}

.blog.-type-1 .blog-content div {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #696969;
}

.blog.-type-1 .blog-content h4 {
  margin-top: 10px;
}

.blog.-type-1 .blog-content h4 a {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #202124;
}

.subscribe-section-two.-type-2 .background-image {
  background-size: cover;
  border-radius: 32px;
  left: 60px;
  right: 60px;
}

@media (max-width: 1023px) {
  .subscribe-section-two.-type-2 .background-image {
    border-radius: 0;
    left: 0;
    right: 0;
  }
}

.row.grid-base {
  margin: -15px;
}

.row.grid-base > * {
  padding: 15px;
}

.testimonial.-type-1 {
  padding-right: 60px;
}

.testimonial.-type-1 .image img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial.-type-1 .content {
  margin-top: 30px;
}

.testimonial.-type-1 .content h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #202124;
}

.testimonial.-type-1 .content p {
  margin-top: 21px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #404046;
}

.testimonial.-type-1 .author {
  margin-top: 30px;
}

.testimonial.-type-1 .author .name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #202124;
}

.testimonial.-type-1 .author .job {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #696969;
}

.testimonial.-type-2 .image img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial.-type-2 .content {
  margin-top: 30px;
}

.testimonial.-type-2 .content h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #202124;
}

.testimonial.-type-2 .content p {
  margin-top: 21px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #404046;
}

.testimonial.-type-2 .author {
  margin-top: 30px;
}

.testimonial.-type-2 .author .name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #202124;
}

.testimonial.-type-2 .author .job {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #696969;
}

.banner-section.-type-13 {
  background-image: url("../images/index-13/header/test.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-section.-type-13::before {
  display: none;
}

.banner-section.-type-13 .content-column .inner-column {
  padding: 260px 0px 150px;
}

@media (max-width: 991px) {
  .banner-section.-type-13 .content-column .inner-column {
    padding: 140px 0px 120px;
  }
}

@media (max-width: 767px) {
  .banner-section.-type-13 .content-column .inner-column {
    padding: 120px 0px 100px;
  }
}

.banner-section.-type-13 .title-box h3 {
  color: white;
}

.banner-section.-type-13 .title-box .text {
  color: white;
}

.banner-section.-type-13 .theme-btn {
  background-color: #131A51;
  color: white;
  padding: 15px 50px;
  border-radius: 8px;
}

.banner-section.-type-13 .theme-btn:hover {
  background-color: #1967D2;
  color: white;
}

.banner-section.-type-13 .popular-searches {
  margin-top: 20px !important;
  color: white;
}

.banner-section.-type-13 .popular-searches * {
  color: white !important;
}

.banner-section.-type-13 .bottom-box {
  margin-top: 120px;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .banner-section.-type-13 .bottom-box {
    margin-top: 60px;
  }
}

.banner-section.-type-13 .bottom-box .title {
  color: white;
  margin-right: 20px;
}

.banner-section.-type-13 .bottom-box .upload-cv {
  color: white;
  margin-left: 98px;
}

@media (max-width: 991px) {
  .banner-section.-type-13 .bottom-box .upload-cv {
    margin-left: 20px;
  }
}

.banner-section.-type-13 .image-column .image-box {
  position: absolute;
  right: -60px;
}

.banner-section.-type-13 .image-column .image-box .main-image {
  margin-bottom: 0;
}

.banner-section.-type-13 .image-column .image-box .main-image img {
  max-width: 120%;
}

.text-dark-blue {
  color: #131A51 !important;
}

.job-block-five-separated {
  box-shadow: none !important;
  border: none !important;
}

.job-block-five-separated > * .inner-box {
  background-color: #F5F7FB !important;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
}

.job-block-five-separated > * .inner-box:hover {
  border-color: #ECEDF2 !important;
}

.job-block-five-separated > *:hover .inner-box {
  background-color: white !important;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.job-block-five-separated > * + * {
  margin-top: 30px;
}

.theme-btn.btn-dark-blue {
  padding: 16px 38px;
  border-radius: 8px;
  background-color: rgba(19, 26, 81, 0.07) !important;
  color: #131A51 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

.theme-btn.btn-dark-blue:hover {
  background-color: #131A51 !important;
  color: white !important;
}

.banner-style-two.-type-2 .inner-box,
.banner-style-one.-type-2 .inner-box {
  background-size: cover;
  background-repeat: no-repeat;
}

.switchbox.-horizontal {
  display: flex;
  justify-content: center;
  margin: -8px -15px;
}

.switchbox.-horizontal > * {
  padding: 8px 15px;
}

@media (max-width: 991px) {
  .switchbox.-horizontal {
    flex-wrap: wrap;
  }
}

.work-block.-type-2 .icon-wrap {
  margin: 0 auto;
  width: 111px;
  height: 111px;
  border-radius: 100%;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-block.-type-2 .icon-wrap.-blue {
  background: rgba(190, 237, 255, 0.4);
}

.work-block.-type-2 .icon-wrap.-blue .icon::before {
  color: #87DEFF;
}

.work-block.-type-2 .icon-wrap.-red {
  background: rgba(254, 203, 209, 0.4);
}

.work-block.-type-2 .icon-wrap.-red .icon::before {
  color: #FFA3AD;
}

.work-block.-type-2 .icon-wrap.-yellow {
  background: rgba(253, 223, 142, 0.4);
}

.work-block.-type-2 .icon-wrap.-yellow .icon::before {
  color: #FFD257;
}

.work-block.-type-2 h5 {
  margin-top: 29px;
}

.work-block.-type-2 p {
  margin-top: 13px;
}

.image-box.-type-1 > *:nth-child(2) {
  position: absolute;
  top: 200px;
  left: -80px;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
}

@media (max-width: 1199px) {
  .image-box.-type-1 > *:nth-child(2) {
    display: none;
  }
}

.image-box.-type-1 > *:nth-child(3) {
  position: absolute;
  top: 50px;
  right: -100px;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
}

@media (max-width: 1199px) {
  .image-box.-type-1 > *:nth-child(3) {
    display: none;
  }
}

.image-box.-type-1 > *:nth-child(4) {
  position: absolute;
  bottom: -44px;
  left: 115px;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
}

@media (max-width: 1199px) {
  .image-box.-type-1 > *:nth-child(4) {
    display: none;
  }
}

.row.grid-flex {
  margin: -10px;
  display: flex;
}

.row.grid-flex > * {
  padding: 10px;
}

.icon-item.-type-3 {
  display: block;
  background-color: #F5F7FB;
  border: 1px solid transparent;
  border-radius: 120px;
  padding: 10px;
  padding-right: 28px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}

.icon-item.-type-3 .icon-wrap {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 100%;
  background-color: white;
  color: #131A51;
  font-size: 24px;
  transition: all 0.2s ease;
}

.icon-item.-type-3 .content {
  margin-left: 12px;
}

.icon-item.-type-3 .content h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #202124;
}

.icon-item.-type-3:hover {
  background-color: white;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.icon-item.-type-3:hover .icon-wrap {
  background-color: #131A51;
  color: white;
}

.main-footer.-type-13::before {
  background-image: url("../images/index-13/footer/bg.svg");
}

.subscribe-section-two.-type-3 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.subscribe-section-two.-type-3 .background-image {
  background-size: cover;
  border-radius: 32px;
  left: 60px;
  right: 60px;
}

@media (max-width: 1023px) {
  .subscribe-section-two.-type-3 .background-image {
    border-radius: 0;
    left: 0;
    right: 0;
  }
}

.subscribe-section-two.-type-3 .sec-title {
  padding-left: 50px;
}

@media (max-width: 991px) {
  .subscribe-section-two.-type-3 .sec-title {
    padding-left: 0;
  }
}

.subscribe-section-two.-type-3 .sec-title .text {
  margin-top: 20px;
}

.subscribe-section-two.-type-3 .sec-title .buttons {
  padding-top: 35px;
  margin: -5px;
}

.subscribe-section-two.-type-3 .sec-title .buttons > * {
  padding: 5px;
}

.subscribe-section-two.-type-3 .image {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 991px) {
  .subscribe-section-two.-type-3 .image {
    margin-top: 20px;
  }
}

.text-left {
  text-align: left !important;
}

.pricingCard.-type-2 {
  padding-top: 42px;
}

@media (max-width: 991px) {
  .pricingCard.-type-2 {
    padding: 30px;
  }
}

.pricingCard.-type-2 .pricingCard__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #131A51;
}

.pricingCard.-type-2 .pricingCard__price {
  margin-top: 12px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: #131A51;
}

.pricingCard.-type-2 .pricingCard__subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.pricingCard.-type-2 .pricingCard__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  padding-right: 30px;
}

.pricingCard.-type-2 .pricingCard__list li + li {
  margin-top: 16px;
}

.pricingCard.-type-2 .pricingCard__btn .theme-btn {
  width: 100%;
  border-radius: 8px !important;
  background-color: #E5E8EF !important;
}

.pricingCard.-type-2:hover {
  background-color: #F5F7FB !important;
  color: unset;
}

.pricingCard.-type-2:hover .pricingCard__title {
  color: #3642AD !important;
}

.pricingCard.-type-2:hover .pricingCard__price {
  color: #3642AD !important;
}

.pricingCard.-type-2:hover .pricingCard__btn .theme-btn {
  background-color: #131A51 !important;
  color: white !important;
}

.color-dark-1 {
  color: #202124 !important;
}

.color-dark-2 {
  color: #696969 !important;
}

.button.-arrow {
  display: flex;
  align-items: center;
}

.button.-arrow span {
  margin-left: 8px;
}

.main-header.alternate.-type-14 .theme-btn.btn-style-three {
  background-color: transparent;
  color: black;
  transition: all 0.2s ease-out;
}

.main-header.alternate.-type-14 .theme-btn.btn-style-three:hover {
  background-color: #1967D2;
  color: white;
}

.banner-section.-type-14 {
  background-color: #F8F8F8;
}

.banner-section.-type-14::before {
  display: none;
}

.banner-section.-type-14 .content-column .inner-column {
  padding: 190px 0px 200px;
}

@media (max-width: 991px) {
  .banner-section.-type-14 .content-column .inner-column {
    padding: 140px 0px 120px;
  }
}

@media (max-width: 767px) {
  .banner-section.-type-14 .content-column .inner-column {
    padding: 80px 0px 20px;
  }
}

.banner-section.-type-14 .title-box h3 span {
  color: #1967D2;
}

.banner-section.-type-14 .theme-btn {
  background: linear-gradient(82.3deg, #FB803E 1.19%, #FE9665 95.09%) !important;
  color: #202124;
}

.banner-section.-type-14 .popular-searches * {
  color: white;
}

.banner-section.-type-14 .image-column .image-box {
  position: absolute;
  top: unset;
  padding-top: unset;
}

.banner-section.-type-14 .image-column .image-box .main-image {
  margin-bottom: 0;
}

.banner-section.-type-14 .image-column .image-box .main-image img {
  max-width: 88%;
}

.banner-section.-type-14 .image-column .image-box .image-part {
  position: absolute;
}

.banner-section.-type-14 .image-column .image-box .image-part.-type-1 {
  top: 180px;
  left: 60px;
}

.banner-section.-type-14 .image-column .image-box .image-part.-type-2 {
  top: 168px;
  right: -58px;
}

.banner-section.-type-14 .image-column .image-box .image-part.-type-3 {
  bottom: -31px;
  right: 85px;
}

.section-bg-color__item.-light-blue {
  background-color: #F5F9FE;
}

.section-bg-color__item.-full {
  width: 100%;
  border-radius: 0;
  left: 0;
  right: 0;
}

.category-block.-type-1 {
  margin-bottom: 0;
}

.category-block.-type-1 .inner-box {
  padding: 30px;
  border: 1px solid #ECEDF2;
}

.category-block.-type-1 .cat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-block.-type-1 .cat-header .left {
  display: flex;
  align-items: center;
}

.category-block.-type-1 .cat-header .left h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #202124;
  margin-left: 20px;
}

.category-block.-type-1 .cat-header .icon-wrap {
  margin: 0 auto;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category-block.-type-1 .cat-header .icon-wrap.-blue {
  background: #d4f4f8;
}

.category-block.-type-1 .cat-header .icon-wrap.-blue .icon::before {
  color: #1967D2;
}

.category-block.-type-1 .cat-header .icon-wrap.-red {
  background: #feddd8;
}

.category-block.-type-1 .cat-header .icon-wrap.-red .icon::before {
  color: #FF2200;
}

.category-block.-type-1 .cat-header .icon-wrap.-yellow {
  background: #ffeee2;
}

.category-block.-type-1 .cat-header .icon-wrap.-yellow .icon::before {
  color: #FF6A00;
}

.category-block.-type-1 .cat-header .icon {
  width: unset;
  height: unset;
  background-color: transparent;
  position: relative;
  font-size: 26px;
}

.category-block.-type-1 .cat-content {
  margin-top: 30px;
}

.category-block.-type-1 .cat-content .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #202124;
}

.category-block.-type-1 .cat-content p {
  margin-top: 13px;
  font-size: 14px;
  line-height: 26px;
  color: #404046;
}

.features__section {
  background: linear-gradient(90.22deg, #1967D2 0%, #4487E2 100%);
  padding: 20px 0 !important;
}

.features__grid > * {
  position: relative;
}

@media (max-width: 991px) {
  .features__grid .features-line-col {
    display: none;
  }
}

.features__grid .features-line {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

.features.-type-1 {
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.features.-type-1 .icon-wrap {
  font-size: 48px;
}

.features.-type-1 .icon-wrap .icon::before {
  color: white;
}

.features.-type-1 .title {
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-left: 20px;
}

.icon-side-row {
  padding-right: 48px;
  margin: -15px;
}

.icon-side-row > * {
  padding: 15px;
}

.icon-side-row > *:nth-child(2) {
  margin-top: 90px;
}

@media (max-width: 991px) {
  .icon-side-row > *:nth-child(2) {
    margin-top: 0;
  }
}

.icon-side-row > *:nth-child(3) {
  margin-top: -90px;
}

@media (max-width: 991px) {
  .icon-side-row > *:nth-child(3) {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .icon-side-row {
    padding-right: 0;
  }
}

.icon-side.-type-1 {
  background: #FFFFFF;
  box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
  border-radius: 8px;
  padding: 50px 42px;
  padding-right: 28px;
}

.icon-side.-type-1 .icon-wrap {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-side.-type-1 .icon-wrap.-purple {
  background-color: rgba(134, 123, 242, 0.2);
  color: #867BF2;
}

.icon-side.-type-1 .icon-wrap.-red {
  background-color: rgba(219, 115, 111, 0.2);
  color: #DB736F;
}

.icon-side.-type-1 .icon-wrap.-orange {
  background-color: rgba(240, 161, 76, 0.2);
  color: #F0A14C;
}

.icon-side.-type-1 .icon-wrap.-green {
  background-color: rgba(139, 193, 106, 0.2);
  color: #8BC16A;
}

.icon-side.-type-1 .content {
  margin-top: 20px;
}

.icon-side.-type-1 .title {
  font-family: "Sofia Pro", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #1A3454;
}

.icon-side.-type-1 .text {
  font-family: "Sofia Pro", sans-serif;
  margin-top: 10px;
  font-size: 14px;
  line-height: 26px;
  color: #404046;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

@media (max-width: 991px) {
  .md\:mt-16 {
    margin-top: 16px !important;
  }
  .md\:mt-20 {
    margin-top: 20px !important;
  }
  .md\:mt-24 {
    margin-top: 24px !important;
  }
  .md\:mt-32 {
    margin-top: 32px !important;
  }
}

.theme-btn.-blue-outline {
  padding: 18px 48px;
  border: 3px solid #1967D2;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #1967D2;
  transition: all 0.2s ease;
}

.theme-btn.-blue-outline:hover {
  background-color: #1967D2 !important;
  color: white !important;
}

.about-section.-type-2 .image-box.-type-1 > *:nth-child(4) {
  box-shadow: none;
}

.text-orange {
  color: #FFB46F !important;
}

.subscribe-section.-type-2 {
  background: linear-gradient(90.22deg, #1967D2 0%, #4487E2 100%);
}

.subscribe-section.-type-2 .sec-title h2 {
  color: white;
}

.subscribe-section.-type-2 .sec-title .text {
  color: white;
}

.subscribe-section.-type-2 .btn-style-seven {
  background-color: #FFA654 !important;
  color: #202124 !important;
}

.subscribe-section.-type-2 .btn-style-seven:hover {
  background-color: #1967D2 !important;
  color: white !important;
}

.sec-title.-type-3 h2 {
  font-family: "Sofia Pro", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: #202124;
}

.sec-title.-type-3 .text {
  margin-top: 12px !important;
  font-family: "Sofia Pro", sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #696969;
}

.sec-title.-type-3 .big-text {
  margin-top: 64px;
  font-family: "Sofia Pro", sans-serif;
  color: #202124;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.section-bg-color__item.-light-yellow {
  background-color: #F5F3EE !important;
}

.border-bottom {
  border-bottom: 1px solid #ECEDF2;
}

.icon-item.-type-4 {
  background-color: #FFFFFF;
  border: 1px solid #ECEDF2;
  border-radius: 120px;
  padding: 12px;
  padding-right: 28px;
  display: flex;
  align-items: center;
  box-shadow: 0px 40px 30px 0px #19192E0A;
  transition: all 0.2s ease;
  width: 370px;
}

.icon-item.-type-4 .image {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  border-radius: 100%;
  color: #131A51;
}

.icon-item.-type-4 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon-item.-type-4 .content {
  margin-left: 22px;
}

.icon-item.-type-4 .content h4 {
  color: #202124;
  font-family: Sofia Pro;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.icon-item.-type-4 .content p {
  margin-top: 0 !important;
  font-family: Sofia Pro;
  font-size: 14px;
  line-height: 26px;
}

.icon-item.-type-4:hover {
  background-color: white;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.icon-item.-type-4:hover .icon-wrap {
  background-color: #131A51;
  color: white;
}

.blog-block.-type-2 {
  padding: 40px 40px 38px 30px;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.blog-block.-type-2 .block-header > div:nth-child(1) {
  font-family: Sofia Pro;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: #202124;
}

.blog-block.-type-2 .block-header > div:nth-child(2) {
  font-family: Sofia Pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #202124;
}

.blog-block.-type-2 .block-content {
  margin-top: 90px;
}

.blog-block.-type-2 .block-content h4 {
  font-family: Sofia Pro;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #202124;
}

.blog-block.-type-2 .block-footer {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.blog-block.-type-2 .block-footer > div {
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #696969;
}

.blog-block.-type-2 .block-footer > a {
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1967D2;
  transform: translateY(12px);
  opacity: 0;
  transition: all 0.15s ease;
}

.blog-block.-type-2:hover {
  background-color: #F8F8F8;
  border-color: #F8F8F8;
}

.blog-block.-type-2:hover .block-footer > a {
  transform: none;
  opacity: 1;
}

.banner-section.-type-15 {
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-section.-type-15::before {
  display: none;
}

.banner-section.-type-15 .cotnent-box {
  padding: 200px 0px 150px;
}

@media (max-width: 991px) {
  .banner-section.-type-15 .cotnent-box {
    padding: 100px 0px 80px;
  }
}

@media (max-width: 767px) {
  .banner-section.-type-15 .cotnent-box {
    padding: 60px 0px 40px;
  }
}

.banner-section.-type-15 .title-box h3 {
  font-family: Sofia Pro;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  color: #4C4B4C;
}

@media (max-width: 991px) {
  .banner-section.-type-15 .title-box h3 {
    font-size: 34px;
  }
}

.banner-section.-type-15 .title-box .text {
  font-family: Sofia Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 22px;
  color: #2B3154;
}

.banner-section.-type-15 .theme-btn {
  background-color: #76B947 !important;
  color: white;
}

.banner-section.-type-15 .job-search-form {
  margin-top: 40px;
}

.banner-section.-type-15 .fun-fact-section {
  margin-top: 46px;
  padding: 0;
}

.banner-section.-type-15 .fun-fact-section .counter-column {
  text-align: left;
  width: 140px;
}

.banner-section.-type-15 .fun-fact-section .counter-column .count-box span {
  font-family: Sofia Pro;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  color: #4C4B4C;
}

.banner-section.-type-15 .fun-fact-section .counter-column .counter-title {
  font-family: Sofia Pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #878787;
}

@media (max-width: 991px) {
  .work-block.-type-3 .inner-box {
    padding: 22px;
  }
}

.work-block.-type-3 .icon-wrap {
  margin: 0 auto;
  width: 111px;
  height: 111px;
  border-radius: 100%;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-block.-type-3 .icon-wrap.-green {
  background: rgba(118, 185, 71, 0.07);
}

.work-block.-type-3 .icon-wrap.-green .icon::before {
  color: #76B947;
}

.work-block.-type-3 h5 {
  margin-top: 29px;
  font-family: Sofia Pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.work-block.-type-3 p {
  margin-top: 25px;
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.theme-btn.btn-green {
  background-color: #76B947 !important;
  color: white !important;
}

.theme-btn.btn-green:hover {
  background-color: #76B947 !important;
  color: white !important;
}

.theme-btn.btn-outline-green {
  border-radius: 8px;
  padding: 14px 44px;
  background-color: rgba(118, 185, 71, 0.07) !important;
  color: #76B947 !important;
  transition: all 0.15s ease;
}

.theme-btn.btn-outline-green:hover {
  background-color: #76B947 !important;
  color: white !important;
}

.overlay-black-60 {
  position: relative;
}

.overlay-black-60 > * {
  position: relative;
  z-index: 1;
}

.overlay-black-60::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.theme-btn.btn-white-type-2 {
  font-family: Sofia Pro;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  background-color: white !important;
  color: #202124 !important;
  border-radius: 8px;
  padding: 15px 36px;
}

.theme-btn.btn-white-type-2:hover {
  background-color: #76B947 !important;
  color: white !important;
}

.text-green {
  color: #76B947 !important;
}

.icon-green::before {
  color: #76B947 !important;
}

.mx-auto {
  margin: 0 auto;
}

.btn-cv {
  display: inline-block;
  vertical-align: middle;
  font-family: Sofia Pro;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 12px 46px;
  background-color: white;
  border-radius: 8px;
  color: #202124;
}

.btn-cv .icon {
  margin-right: 9px;
  font-size: 22px;
}

.mt-20 {
  margin-top: 20px;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.subscribe-section-two.-type-4 {
  padding-top: 40px;
  padding-bottom: 0;
}

.subscribe-section-two.-type-4 .background-image {
  background-size: cover;
  border-radius: 32px;
  left: 60px;
  right: 60px;
}

@media (max-width: 1023px) {
  .subscribe-section-two.-type-4 .background-image {
    border-radius: 0;
    left: 0;
    right: 0;
  }
}

.subscribe-section-two.-type-4 .sec-title {
  padding-left: 85px;
}

@media (max-width: 991px) {
  .subscribe-section-two.-type-4 .sec-title {
    padding-left: 0;
  }
}

.subscribe-section-two.-type-4 .sec-title .text {
  margin-top: 20px;
}

.subscribe-section-two.-type-4 .sec-title .buttons {
  margin-top: 35px;
}

.subscribe-section-two.-type-4 .image {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 991px) {
  .subscribe-section-two.-type-4 .image {
    margin-top: 20px;
  }
}

.download-btn {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.download-btn > * {
  padding: 5px;
}

.tab-buttons-wrap {
  display: flex;
  justify-content: center;
}

.tab-buttons.-pills-condensed {
  display: flex;
  justify-content: center;
  border: 1px solid #ECEDF2;
  border-radius: 60px;
  padding: 5px;
}

@media (max-width: 767px) {
  .tab-buttons.-pills-condensed {
    flex-direction: column;
    align-items: unset;
    flex-wrap: nowrap;
    width: 100%;
    border-radius: 16px;
  }
}

.tab-buttons.-pills-condensed .tab-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 32px;
  height: 100%;
  border-radius: 200px;
  background-color: transparent;
  color: #202124;
  border: none !important;
  margin: 0;
}

@media (max-width: 767px) {
  .tab-buttons.-pills-condensed .tab-btn {
    padding: 12px 16px;
    height: auto;
  }
}

.tab-buttons.-pills-condensed .tab-btn + .tab-btn {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .tab-buttons.-pills-condensed .tab-btn + .tab-btn {
    margin-left: 0;
  }
}

.tab-buttons.-pills-condensed .tab-btn.active-btn {
  color: white;
  background-color: #76B947;
}

.main-header.header-style-three.-type-15 .current {
  color: #76B947 !important;
}

.main-header.header-style-three.-type-15 .current > span {
  color: #76B947 !important;
}

.main-header.header-style-three.-type-15 .btn-style-seven {
  background-color: #76B947 !important;
}

.theme-btn.btn-outline-black {
  color: #666666 !important;
  background-color: transparent !important;
  border: 2px solid #666666 !important;
  border-radius: 8px;
}

.main-footer.style-six.-type-2 {
  background-color: #666666 !important;
}

.main-footer.style-six.-type-2 .footer-widget.-newsletter .widget-title {
  margin-bottom: 20px;
}

.main-footer.style-six.-type-2 .footer-widget.-newsletter .form-group.-form {
  display: flex;
}

.main-footer.style-six.-type-2 .footer-widget.-newsletter .theme-btn {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  position: relative;
  right: 0;
  top: 0;
  margin-left: 20px;
  background-color: #76B947 !important;
  color: white !important;
}

.main-footer.style-six.-type-2 .footer-widget.-newsletter .theme-btn:hover {
  background-color: #76B947 !important;
  color: white !important;
}

.main-footer.style-six.-type-2 .footer-text {
  margin-top: 24px;
}

.main-footer.style-six.-type-2 .footer-text p {
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
}

.main-footer.style-six.-type-2 .footer-item {
  margin-top: 20px;
}

.main-footer.style-six.-type-2 .footer-item + .footer-item {
  margin-top: 30px;
}

.main-footer.style-six.-type-2 .footer-item .title {
  font-family: Sofia Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.8);
}

.main-footer.style-six.-type-2 .footer-item .subtitle {
  font-family: Sofia Pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  color: white;
}

.main-header.header-style-four.-type-16 .main-menu {
  margin-left: 15px;
}

.main-header.header-style-four.-type-16 .theme-btn.btn-style-six {
  border: none;
}

.banner-section-four.-type-16 {
  padding: 0;
  height: auto;
}

.banner-section-four.-type-16 .content-box {
  padding-top: 290px;
  padding-bottom: 60px;
}

@media (max-width: 1199px) {
  .banner-section-four.-type-16 .content-box {
    padding-top: 220px;
  }
}

@media (max-width: 991px) {
  .banner-section-four.-type-16 .content-box {
    padding-top: 180px;
  }
}

@media (max-width: 767px) {
  .banner-section-four.-type-16 .content-box {
    padding-top: 140px;
  }
}

.banner-section-four.-type-16 .content-box .title-box h3 {
  font-family: Sofia Pro;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .banner-section-four.-type-16 .content-box .title-box h3 {
    font-size: 30px;
  }
}

.banner-section-four.-type-16 .content-box .title-box p {
  margin-top: 20px;
  font-family: Sofia Pro;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: white;
}

.banner-section-four.-type-16 .job-search-form {
  margin: 0 !important;
  margin: 56px auto 0 !important;
  border-radius: 150px;
  max-width: 740px;
  margin: 0 auto 20px;
}

.banner-section-four.-type-16 .job-search-form .theme-btn {
  background-color: #4182E8;
  padding-left: 42px !important;
  padding-right: 42px !important;
  width: 150px;
}

.banner-section-four.-type-16 .job-search-form .form-group:first-child {
  border: none;
}

.banner-section-four.-type-16 .features-icons {
  padding-top: 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -15px -30px;
}

@media (max-width: 991px) {
  .banner-section-four.-type-16 .features-icons {
    padding-top: 50px;
  }
}

.banner-section-four.-type-16 .features-icons > * {
  padding: 15px 30px;
}

@media (max-width: 991px) {
  .banner-section-four.-type-16 .features-icons > * {
    width: 33.33333%;
  }
}

@media (max-width: 767px) {
  .banner-section-four.-type-16 .features-icons > * {
    width: 50%;
    padding: 15px 16px;
  }
}

.banner-section-four.-type-16 .features-icons .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner-section-four.-type-16 .features-icons .item .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  font-size: 34px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  transition: all 0.15s ease;
}

.banner-section-four.-type-16 .features-icons .item .title {
  margin-top: 15px;
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: white;
}

.banner-section-four.-type-16 .features-icons .item:hover .icon-wrap {
  background-color: white;
  color: #4182E8;
}

.tab-buttons.-pills-condensed.-blue .active-btn {
  background-color: #4182E8 !important;
}

.call-to-action-two.-type-4 .theme-btn {
  padding: 15px 38px !important;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.call-to-action-two.-type-4 .theme-btn.btn-one {
  background-color: white;
  color: #121637;
}

.call-to-action-two.-type-4 .theme-btn.btn-one:hover {
  background-color: #4182E8;
  color: white;
}

.call-to-action-two.-type-4 .theme-btn.btn-two {
  background-color: #4182E8;
  color: white;
}

.call-to-action-two.-type-4 .theme-btn.btn-two:hover {
  background-color: white;
  color: #121637;
}

.work-block.-type-4 {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.work-block.-type-4 .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
  border-radius: 100%;
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  font-size: 40px;
  transition: all 0.15s ease;
}

.work-block.-type-4 .icon::before {
  color: #1A3454;
  transition: all 0.15s ease;
}

.work-block.-type-4 .title {
  margin-top: 32px;
  font-family: Sofia Pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  color: #202124;
}

.work-block.-type-4 .text {
  font-family: Sofia Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #696969;
  margin-top: 10px;
}

.work-block.-type-4:hover .icon-wrap {
  background-color: #4182E8;
}

.work-block.-type-4:hover .icon::before {
  color: white;
}

.section-bg-color__item.-very-light-blue {
  background-color: #F3F4F6;
}

.text-dark-3 {
  color: #202124 !important;
}

.sec-title.-type-3 h2 {
  margin: 0;
}

.sec-title.-type-3 .text {
  margin: 0;
  margin-top: 5px;
}

.testimonial-section.-type-2 {
  overflow: hidden;
  background-color: transparent;
}

.testimonial-section.-type-2 .inner-box {
  overflow: hidden;
  padding: 60px;
  padding-right: 80px;
}

@media (max-width: 991px) {
  .testimonial-section.-type-2 .inner-box {
    padding: 40px;
  }
}

.testimonial-section.-type-2 .inner-box::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #4182E8;
  border: 1px solid #ECEDF2;
  opacity: 0;
  transition: all 0.15s ease;
}

.testimonial-section.-type-2 .owl-item.active .inner-box {
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
}

.testimonial-section.-type-2 .owl-item.active .inner-box::after {
  opacity: 1;
}

.testimonial-section.-type-2 .info-box {
  display: flex;
}

.testimonial-section.-type-2 .info-box .content .name {
  font-family: Sofia Pro;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #1A3454;
}

.testimonial-section.-type-2 .info-box .content .designation {
  margin-top: 4px;
  font-family: Sofia Pro;
  font-size: 14px;
  line-height: 26px;
}

.testimonial-section.-type-2 .text {
  margin: 0;
  margin-top: 40px;
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #696969;
}

@media (max-width: 991px) {
  .testimonial-section.-type-2 .text {
    margin-top: 20px;
  }
}

.cta.-type-2 {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;
}

@media (max-width: 991px) {
  .cta.-type-2 {
    padding: 80px 0;
  }
}

.cta.-type-2 .cta-item {
  padding: 40px 50px;
  padding-right: 80px;
  display: flex;
  background-color: #121637;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .cta.-type-2 .cta-item {
    padding: 30px;
  }
}

.cta.-type-2 .cta-item.-blue {
  background-color: #4182E8;
  text-align: right;
  padding: 40px 50px;
  padding-left: 80px;
}

@media (max-width: 991px) {
  .cta.-type-2 .cta-item.-blue {
    padding: 30px;
  }
}

.cta.-type-2 .cta-item.-blue .content {
  margin-left: 0;
  margin-right: 30px;
}

.cta.-type-2 .icon::before {
  font-size: 45px;
  color: white;
}

.cta.-type-2 .content {
  margin-left: 30px;
}

.cta.-type-2 .title {
  color: white;
  font-family: Sofia Pro;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.cta.-type-2 .text {
  margin-top: 15px;
  color: white;
  font-family: Sofia Pro;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 991px) {
  .md\:d-none {
    display: none;
  }
}

.main-header.-type-17 {
  box-shadow: none;
  padding-left: 100px;
  padding-right: 100px;
}

.main-header.-type-17.fixed-header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1600px) {
  .main-header.-type-17 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .main-header.-type-17 {
    padding-left: 0;
    padding-right: 0;
  }
}

.main-header.-type-17 .main-menu {
  margin-left: 0;
}

.main-header.-type-17 .theme-btn {
  height: 50px;
}

.main-header.-type-17 .theme-btn.-outline-dark-blue {
  background-color: transparent;
  color: #21286A;
  border: 1px solid #21286A;
  padding: 0 36px !important;
  min-width: auto !important;
  line-height: 1;
  transition: all 0.2s ease-out;
}

.main-header.-type-17 .theme-btn.-outline-dark-blue:hover {
  background-color: #21286A;
  color: white;
}

.main-header.-type-17 .theme-btn.-rounded {
  border-radius: 100px;
}

@media (max-width: 991px) {
  .md\:pt-0 {
    padding-top: 0 !important;
  }
}

.banner-section-three.-type-17 {
  padding: 0;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -60px center;
}

.banner-section-three.-type-17 .content-column .inner-column {
  padding-top: 230px;
  padding-bottom: 170px;
}

@media (max-width: 991px) {
  .banner-section-three.-type-17 .content-column .inner-column {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .banner-section-three.-type-17 .content-column .inner-column {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .banner-section-three.-type-17 .content-column .title-box {
    margin-bottom: 24px;
  }
}

.banner-section-three.-type-17 .content-column .title-box h3 {
  font-family: "Sofia Pro", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  color: #21286A;
}

@media (max-width: 991px) {
  .banner-section-three.-type-17 .content-column .title-box h3 {
    font-size: 30px;
  }
}

.banner-section-three.-type-17 .content-column .title-box p {
  font-family: "Sofia Pro", sans-serif;
  margin-top: 20px !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #21286A;
}

.banner-section-three.-type-17 .job-search-form {
  margin: 0 !important;
  margin-top: 40px !important;
  max-width: 740px;
  border: none;
  border-radius: 100px !important;
}

@media (max-width: 991px) {
  .banner-section-three.-type-17 .job-search-form {
    margin-top: 20px !important;
  }
}

.banner-section-three.-type-17 .job-search-form form {
  border-radius: 100px !important;
}

.banner-section-three.-type-17 .job-search-form form input {
  border-radius: 100px !important;
}

.banner-section-three.-type-17 .job-search-form .theme-btn {
  border-radius: 100px;
  background-color: #21286A;
  color: white;
  padding-left: 42px !important;
  padding-right: 42px !important;
  width: 150px;
}

.banner-section-three.-type-17 .job-search-form .form-group:first-child {
  border: none;
}

.banner-section-three.-type-17 .popular-searches {
  margin-top: 40px;
  color: #21286A;
}

@media (max-width: 991px) {
  .banner-section-three.-type-17 .popular-searches {
    margin-top: 14px;
  }
}

.banner-section-three.-type-17 .popular-searches .title {
  color: #21286A;
}

.banner-section-three.-type-17 .image-column .image-box {
  position: relative;
  padding: 0;
  margin-left: 100px;
  margin-right: -220px;
}

.subscribe-section-two.-type-5 {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.subscribe-section-two.-type-5 .background-image {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subscribe-section-two.-type-5 .sec-title {
  margin: 0;
  padding: 68px 0;
}

.subscribe-section-two.-type-5 .sec-title h2 {
  font-family: Sofia Pro;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: #21286A;
}

.subscribe-section-two.-type-5 .sec-title .text {
  margin-top: 16px;
  font-family: Sofia Pro;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #21286A;
}

.subscribe-section-two.-type-5 .sec-title .theme-btn {
  border-radius: 150px;
  background-color: #21286A;
  color: white;
  padding: 18px 40px;
}

.section-bg-color.-image {
  position: relative;
  background-color: transparent;
}

.section-bg-color.-image .section-bg-color__item.-image {
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 60px;
  width: 100%;
  height: 100%;
  padding: 0;
}

.text-dark-4 {
  color: #21286A !important;
}

.theme-btn.-dark-blue {
  color: white;
  background-color: #010842;
  border-radius: 150px;
  padding: 15px 48px;
  transition: all 0.2s ease-out;
}

.theme-btn.-dark-blue:hover {
  color: #010842;
  background-color: rgba(1, 8, 66, 0.1);
}

.theme-btn.-dark-blue-light {
  color: #010842;
  background-color: #F2F7FE;
  border-radius: 150px;
  padding: 15px 48px;
  transition: all 0.2s ease-out;
}

.theme-btn.-dark-blue-light:hover {
  color: white;
  background-color: #010842;
}

html {
  scroll-behavior: smooth;
}

.tab-menu {
  position: relative;
  z-index: 20;
  padding-top: 20px;
  background-color: white;
  border-bottom: 1px solid #EEEEEE;
}

.tab-menu__item {
  display: block;
  position: relative;
  bottom: -1px;
  padding: 0 72px 19px 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease-out;
}

@media (max-width: 1199px) {
  .tab-menu__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 991px) {
  .tab-menu__item {
    padding: 0 0 14px 0;
  }
}

@media (max-width: 767px) {
  .tab-menu__item {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 14px;
  }
}

.tab-menu__item.is-pin-active {
  color: #4C7FF1 !important;
  border-color: #4C7FF1;
}

@media (max-width: 767px) {
  .tab-menu__item.is-pin-active {
    border-color: transparent;
  }
}

.tab-menu__item.is-pin-active .icon,
.tab-menu__item.is-pin-active .title {
  color: #4C7FF1 !important;
}

.tab-menu .icon {
  font-size: 30px;
  transition: all 0.2s ease-out;
}

@media (max-width: 991px) {
  .tab-menu .icon {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .tab-menu .icon {
    margin-right: 8px;
  }
}

.tab-menu .title {
  margin-top: 16px;
  font-family: Sofia Pro;
  font-size: 18px;
  line-height: 1;
  transition: all 0.2s ease-out;
}

@media (max-width: 991px) {
  .tab-menu .title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .tab-menu .title {
    margin-top: 0;
  }
}

.tab-menu.-horiz .tab-menu__item {
  flex-direction: row;
  justify-content: center;
}

.tab-menu.-horiz .tab-menu__item.is-pin-active {
  color: #4C7FF1 !important;
}

.tab-menu.-horiz .tab-menu__item.is-pin-active .icon,
.tab-menu.-horiz .tab-menu__item.is-pin-active .title {
  color: #4C7FF1 !important;
}

.tab-menu.-horiz .icon {
  margin-right: 18px;
  color: #202124 !important;
}

.tab-menu.-horiz .title {
  margin-top: 0;
  color: #202124 !important;
}

.banner-section .image-column {
  position: relative;
}

.banner-section .image-column .image-box {
  position: relative;
  display: block;
  padding-top: 80px;
  margin-right: -170px;
  padding-left: 90px;
}

.banner-section .image-column .main-image {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.banner-section .image-column .main-image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/***

====================================================================
Banner Section
====================================================================

***/
.banner-section-two {
  position: relative;
  display: block;
  padding: 0 55px 0;
}

.banner-section-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/bg-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.banner-section-two .content-column {
  position: relative;
}

.banner-section-two .content-column .inner-column {
  position: relative;
  padding: 270px 0 75px;
}

.banner-section-two .content-column .title-box {
  position: relative;
  margin-bottom: 40px;
}

.banner-section-two .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 25px;
}

.banner-section-two .content-column h3 .colored {
  color: #1967D2;
}

.banner-section-two .content-column .text {
  font-size: 15px;
  color: #ffffff;
  line-height: 25px;
}

.banner-section-two .popular-searches {
  position: relative;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
}

.banner-section-two .popular-searches .title {
  margin-right: 20px;
  font-weight: 500;
}

.banner-section-two .popular-searches a {
  color: inherit;
  font-size: 14px;
  color: #ffffff;
}

.banner-section-two .image-column {
  position: relative;
}

.banner-section-two .image-column .image-box {
  position: relative;
  padding: 150px 0 50px;
  text-align: center;
  margin-right: -300px;
}

.banner-section-two .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}

.banner-section-two .bottom-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 125px;
}

.banner-section-two .count-employers {
  position: relative;
  color: #ffffff;
}

.banner-section-two .count-employers .title {
  position: relative;
  margin-right: 20px;
}

.banner-section-two .count-employers img {
  max-height: 50px;
}

.banner-section-two .bottom-box .upload-cv {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 400;
  display: flex;
}

.banner-section-two .bottom-box .upload-cv .icon {
  position: relative;
  margin-right: 5px;
  font-size: 25px;
  line-height: 25px;
}

/***

====================================================================
Banner Section Three
====================================================================

***/
.banner-section-three {
  position: relative;
  display: block;
  padding: 0 55px 0;
  background-color: #ffffff;
}

.banner-section-three .content-column {
  position: relative;
  z-index: 3;
}

.banner-section-three .content-column .inner-column {
  position: relative;
  padding: 270px 0 150px;
}

.banner-section-three .content-column .title-box {
  position: relative;
  margin-bottom: 40px;
}

.banner-section-three .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 20px;
}

.banner-section-three .content-column h3 .colored {
  color: #1967D2;
}

.banner-section-three .content-column .text {
  font-size: 15px;
  color: #696969;
  line-height: 25px;
}

.banner-section-three .popular-searches {
  position: relative;
  font-size: 15px;
  color: #696969;
  font-weight: 400;
}

.banner-section-three .popular-searches .title {
  margin-right: 20px;
  color: #202124;
  font-weight: 500;
}

.banner-section-three .popular-searches a {
  color: inherit;
  font-size: 14px;
}

.banner-section-three .image-column {
  position: relative;
}

.banner-section-three .image-column .image-box {
  position: relative;
  padding: 120px 0 0;
  margin-left: -90px;
  margin-right: -280px;
}

.banner-section-three .image-column .image-box .image {
  margin-bottom: 0;
}

/***

====================================================================
Banner Section Four
====================================================================

***/
.banner-section-four {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 100vh;
  min-height: 700px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 120px 0;
}

.banner-section-four .title-box {
  position: relative;
  margin-bottom: 25px;
}

.banner-section-four h3 {
  position: relative;
  font-weight: 500;
  font-size: 50px;
  line-height: 68px;
  color: #FFFFFF;
}

.banner-section-four .popular-searches {
  position: relative;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
}

.banner-section-four .popular-searches .title {
  margin-right: 20px;
  font-weight: 500;
}

.banner-section-four .popular-searches a {
  color: inherit;
  font-size: 14px;
  color: #ffffff;
}

.banner-section-four .job-search-form {
  border-radius: 50px;
  max-width: 1070px;
  margin: 0 auto 20px;
}

.banner-section-four .job-search-form form {
  padding: 10px 10px;
  padding-left: 30px;
  border-radius: 50px;
}

.banner-section-four .job-search-form .theme-btn {
  border-radius: 50px;
  color: #ffffff;
}

.banner-section-four .image-column {
  position: relative;
}

.banner-section-four .image-column .image-box {
  position: relative;
  padding: 150px 0 50px;
  text-align: center;
  margin-right: -300px;
}

.banner-section-four .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}

.banner-section-four .bottom-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 125px;
}

.banner-section-four .count-employers {
  position: relative;
  color: #ffffff;
}

.banner-section-four .count-employers .title {
  position: relative;
  margin-right: 20px;
}

.banner-section-four .count-employers img {
  max-height: 50px;
}

.banner-section-four .bottom-box .upload-cv {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 400;
  display: flex;
}

.banner-section-four .bottom-box .upload-cv .icon {
  position: relative;
  margin-right: 5px;
  font-size: 25px;
  line-height: 25px;
}

/***

====================================================================
Banner Section Five
====================================================================

***/
.banner-section-five {
  position: relative;
  display: block;
  padding: 0 55px 0;
}

.banner-section-five:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/bg-3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.banner-section-five .content-column {
  position: relative;
}

.banner-section-five .content-column .inner-column {
  position: relative;
  padding: 270px 0 150px;
}

.banner-section-five .content-column .title-box {
  position: relative;
  margin-bottom: 40px;
}

.banner-section-five .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 25px;
}

.banner-section-five .content-column h3 .colored {
  color: #34A853;
}

.banner-section-five .content-column .text {
  font-size: 15px;
  color: #696969;
  line-height: 25px;
}

.banner-section-five .popular-searches {
  position: relative;
  font-size: 15px;
  color: #696969;
  font-weight: 400;
}

.banner-section-five .popular-searches .title {
  margin-right: 20px;
  font-weight: 500;
}

.banner-section-five .popular-searches a {
  color: inherit;
  font-size: 14px;
}

.banner-section-five .image-column {
  position: relative;
}

.banner-section-five .image-column .row {
  align-items: center;
  margin: 0 -20px;
}

.banner-section-five .image-column .image-box {
  position: relative;
  display: block;
  padding-top: 150px;
  margin-right: -255px;
  padding-left: 100px;
}

.banner-section-five .image-column .column {
  position: relative;
  padding: 0 20px;
}

.banner-section-five .image-column .column .image {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}

.banner-section-five .image-column .image-box img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.banner-section-five .info_block {
  position: absolute;
  left: 0;
  top: 200px;
}

.banner-section-five .info_block_two {
  position: absolute;
  left: 230px;
  bottom: 60px;
}

/***

====================================================================
Banner Section Six
====================================================================

***/
.banner-section-six {
  position: relative;
  display: block;
  padding: 0 55px 0;
}

.banner-section-six:after,
.banner-section-six:before {
  position: absolute;
  left: 0;
  width: 50%;
  top: 0;
  height: 100%;
  background: #ECEDF2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  z-index: -1;
}

.banner-section-six:before {
  border-radius: 0px 60px 60px 0px;
  left: 50%;
  width: 500px;
}

.banner-section-six .content-column {
  position: relative;
  z-index: 9;
}

.banner-section-six .content-column .inner-column {
  position: relative;
  padding: 185px 0 150px;
}

.banner-section-six .content-column .title-box {
  position: relative;
  margin-bottom: 50px;
}

.banner-section-six .job-search-form form {
  padding: 10px 10px;
  padding-left: 20px;
}

.banner-section-six .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 25px;
}

.banner-section-six .content-column h3 .colored {
  color: #1967D2;
}

.banner-section-six .content-column .text {
  font-size: 15px;
  color: #696969;
  line-height: 25px;
}

.banner-section-six .popular-searches {
  position: relative;
  font-size: 15px;
  color: #696969;
  font-weight: 400;
}

.banner-section-six .popular-searches .title {
  margin-right: 20px;
  font-weight: 700;
}

.banner-section-six .popular-searches a {
  color: inherit;
  font-size: 14px;
}

.banner-section-six .image-column {
  position: relative;
}

.banner-section-six .image-column .image-box {
  position: relative;
  display: block;
  padding-top: 67px;
  margin-right: -410px;
  padding-bottom: 67px;
}

.banner-section-six .image-column .main-image {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.banner-section-six .image-column .main-image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.banner-section-six .image-column .info_block {
  position: absolute;
  left: -30px;
  top: 113px;
}

.banner-section-six .image-column .info_block_two {
  position: absolute;
  right: 120px;
  top: 150px;
}

.banner-section-six .image-column .info_block_three {
  position: absolute;
  right: 185px;
  bottom: 220px;
}

.banner-section-six .image-column .info_block_four {
  position: absolute;
  left: 70px;
  bottom: 40px;
}

.banner-section-six .info_block_four .inner {
  padding: 15px 30px 15px 66px;
}

/***

====================================================================
Banner Section Seven
====================================================================

***/
.banner-section-seven {
  position: relative;
  display: block;
  padding: 0 55px 0;
}

.banner-section-seven .content-column {
  position: relative;
}

.banner-section-seven .content-column .inner-column {
  position: relative;
  padding: 175px 0 150px;
}

.banner-section-seven .content-column .title-box {
  position: relative;
  margin-bottom: 50px;
}

.banner-section-seven .job-search-form {
  border-radius: 100px;
  overflow: hidden;
}

.banner-section-seven .job-search-form .form-group .theme-btn {
  border-radius: 50px;
}

.banner-section-seven .job-search-form form {
  padding: 10px 10px;
  padding-left: 30px;
}

.banner-section-seven .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 25px;
}

.banner-section-seven .content-column h3 .colored {
  color: #1967D2;
}

.banner-section-seven .content-column .text {
  font-size: 15px;
  color: #696969;
  line-height: 25px;
}

.banner-section-seven .popular-searches {
  position: relative;
  font-size: 15px;
  color: #696969;
  font-weight: 400;
}

.banner-section-seven .popular-searches .title {
  margin-right: 20px;
  font-weight: 700;
}

.banner-section-seven .popular-searches a {
  color: inherit;
  font-size: 14px;
}

.banner-section-seven .image-outer {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.banner-section-seven .image-outer .image {
  position: relative;
  margin-left: -130px;
}

.banner-section-seven .image-outer .image img {
  width: 100%;
}

.banner-section-seven .clients-section-two {
  padding-top: 0;
  margin-top: 100px;
  margin-right: -220px;
}

/***

====================================================================
Banner Section Eight
====================================================================

***/
.banner-section-eight {
  position: relative;
  display: block;
  padding: 0 55px 0;
  margin-bottom: 90px;
}

.banner-section-eight:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  content: "";
  background: linear-gradient(258.77deg, #F5F7FC 0.12%, #F5F7FC 99.74%);
}

.banner-section-eight .content-column {
  position: relative;
}

.banner-section-eight .content-column .inner-column {
  position: relative;
  padding: 340px 0 90px;
}

.banner-section-eight .content-column .title-box {
  position: relative;
  margin-bottom: 20px;
}

.banner-section-eight .job-search-form {
  min-width: 1070px;
}

.banner-section-eight .job-search-form .form-group .theme-btn {
  border-radius: 50px;
}

.banner-section-eight .job-search-form form {
  padding: 20px 20px;
  padding-left: 30px;
}

.banner-section-eight .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 10px;
}

.banner-section-eight .content-column h3 .colored {
  color: #1967D2;
}

.banner-section-eight .content-column .text {
  font-size: 15px;
  line-height: 20px;
  color: #202124;
}

.banner-section-eight .content-column .theme-btn {
  border-radius: 8px !important;
}

.banner-section-eight .bottom-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 160px;
}

.banner-section-eight .count-employers {
  position: relative;
  color: #202124;
  display: flex;
  align-items: center;
}

.banner-section-eight .count-employers .title {
  position: relative;
  margin-right: 20px;
}

.banner-section-eight .count-employers img {
  max-height: 50px;
}

.banner-section-eight .bottom-box .upload-cv {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #1967D2;
  font-weight: 400;
  display: flex;
  margin-left: 20px;
  margin-right: 40px;
}

.banner-section-eight .bottom-box .upload-cv .icon {
  position: relative;
  margin-right: 5px;
  font-size: 25px;
  line-height: 25px;
}

.banner-section-eight .image-outer {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.banner-section-eight .image-outer .image {
  position: relative;
  margin-left: 0;
}

.banner-section-eight .image-outer .image img {
  width: 100%;
}

/***

====================================================================
Banner Section Nine
====================================================================

***/
.banner-section-nine {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100vh;
  text-align: center;
  padding: 360px 0 75px;
}

.banner-section-nine .title-box {
  position: relative;
  margin-bottom: 90px;
}

.banner-section-nine h3 {
  position: relative;
  font-weight: 500;
  font-size: 50px;
  line-height: 68px;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.banner-section-nine .text {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
}

.banner-section-nine .job-search-form {
  max-width: 1070px;
  margin: 0 auto 20px;
}

.banner-section-nine .job-search-form form {
  padding: 10px 10px;
  padding-left: 30px;
}

.banner-section-nine .job-search-form .form-group label {
  position: absolute;
  left: 15px;
  top: -45px;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
}

.banner-section-nine .job-search-form .theme-btn {
  color: #ffffff !important;
}

.banner-section-nine .fun-fact-section {
  max-width: 75%;
  margin: 0 auto;
  padding-top: 140px;
  padding-bottom: 0;
}

.banner-section-nine .fun-fact-section .count-box {
  color: #ffffff;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 0;
}

.banner-section-nine .fun-fact-section .counter-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}

/***

====================================================================
Banner Section Ten
====================================================================

***/
.banner-section-ten {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100vh;
  text-align: center;
  padding: 370px 0 37px;
}

.banner-section-ten .auto-container {
  position: relative;
  z-index: 1;
}

.banner-section-ten .banner-carousel .owl-item,
.banner-section-ten .banner-carousel .owl-stage-outer,
.banner-section-ten .banner-carousel .owl-stage {
  height: 100%;
}

.banner-section-ten .banner-carousel {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.banner-section-ten .banner-carousel .bg-image {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-section-ten .banner-carousel.default-nav .owl-next,
.banner-section-ten .banner-carousel.default-nav .owl-prev {
  left: 50px;
  background: transparent;
  border: 1px solid #ffffff;
  color: #fff;
  font-size: 14px;
}

.banner-section-ten .banner-carousel.default-nav .owl-next {
  left: auto;
  right: 50px;
}

.banner-section-ten .title-box {
  position: relative;
  margin-bottom: 40px;
}

.banner-section-ten h3 {
  position: relative;
  font-weight: 500;
  font-size: 50px;
  line-height: 68px;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.banner-section-ten .text {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
}

.banner-section-ten .job-search-form {
  max-width: 1070px;
  margin: 0 auto 210px;
}

.banner-section-ten .job-search-form form {
  padding: 20px 20px;
  padding-left: 30px;
}

.banner-section-ten .job-search-form .form-group label {
  position: absolute;
  left: 15px;
  top: -45px;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
}

.banner-section-ten .job-search-form .theme-btn {
  color: #ffffff !important;
  background-color: #D93025;
}

.banner-section .image-column .info_block {
  position: absolute;
  left: -30px;
  top: 160px;
}

.banner-section .image-column .info_block_two {
  position: absolute;
  right: -100px;
  top: 210px;
}

.banner-section .image-column .info_block_three {
  position: absolute;
  right: -50px;
  top: 490px;
}

.banner-section .image-column .info_block_four {
  position: absolute;
  left: 30px;
  bottom: 85px;
}

/*================================
Info Blocks
==================================*/
/* Info Block One */
.info_block {
  position: relative;
  padding: 20px 40px 20px 90px;
  min-height: 90px;
  min-width: 260px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
  border-radius: 8px;
}

.info_block .icon {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 50px;
  width: 50px;
  border-radius: 10px;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #F9AB00;
  background: rgba(249, 171, 0, 0.15);
}

.info_block p {
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  font-weight: 500;
}

/* Info Block Two */
.info_block_two {
  position: relative;
  min-height: 146px;
  max-width: 276px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 30px 35px;
  background: #FFFFFF;
  box-shadow: 0px 40px 30px rgba(25, 25, 46, 0.04);
  border-radius: 8px;
  text-align: center;
}

.info_block_two .image {
  position: relative;
  margin-top: 15px;
}

.info_block_two p {
  font-size: 16px;
  line-height: 25px;
  color: #202124;
  font-weight: 500;
}

/* Info Block Three */
.info_block_three {
  position: relative;
  padding: 20px 80px 20px 90px;
  box-shadow: 0px 46px 35px rgba(25, 25, 46, 0.04);
  background: #ffffff;
  min-height: 90px;
  min-width: 290px;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  flex-direction: column;
}

.info_block_three .icon {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: flex;
  font-size: 24px;
  justify-content: center;
  align-items: center;
  color: #D93025;
  background: rgba(217, 48, 37, 0.2);
}

.info_block_three p {
  font-size: 16px;
  line-height: 25px;
  color: #202124;
  font-weight: 500;
}

.info_block_three .sub-text {
  font-size: 15px;
  color: #696969;
  display: block;
}

.info_block_three .right_icon {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  font-size: 14px;
  color: #ffffff;
  background: rgba(217, 48, 37, 0.2);
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}

/* Info Block Four */
.info_block_four {
  position: relative;
  padding-left: 40px;
  padding-top: 40px;
  min-width: 320px;
}

.info_block_four .inner {
  position: relative;
  padding: 20px 30px 20px 66px;
  box-shadow: 0px 46px 35px rgba(25, 25, 46, 0.04);
  background: #ffffff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 10px;
}

.info_block_four .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  width: 80px;
  border-radius: 10px;
  display: flex;
  font-size: 34px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
  color: #34A853;
  background: #FFFFFF;
  overflow: hidden;
  box-shadow: 0px 46.7708px 35.0781px rgba(25, 25, 46, 0.04);
  border-radius: 9.35417px;
  z-index: 1;
}

.info_block_four p {
  font-size: 16px;
  line-height: 25px;
  color: #202124;
  font-weight: 500;
}

.info_block_four .sub-text {
  font-size: 15px;
  color: #696969;
  display: block;
}

.banner-section .image-column .info_block {
  position: absolute;
  left: -30px;
  top: 160px;
}

.banner-section .image-column .info_block_two {
  position: absolute;
  right: -100px;
  top: 210px;
}

.banner-section .image-column .info_block_three {
  position: absolute;
  right: -50px;
  top: 490px;
}

.banner-section .image-column .info_block_four {
  position: absolute;
  left: 30px;
  bottom: 85px;
}

/***

====================================================================
Banner Section
====================================================================

***/
.banner-section {
  position: relative;
  display: block;
  padding: 0 55px 0;
}

.banner-section:before {
  position: absolute;
  left: 0;
    top: -1px;
  height: 100%;
  width: 100%;
  background-image: url(../images/resource/home-bnr-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.banner-section .content-column {
  position: relative;
}

.banner-section .content-column .inner-column {
  position: relative;
}

.banner-section .content-column .title-box {
  position: relative;
  margin-bottom: 40px;
}

.banner-section .content-column h3 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 25px;
}

.banner-section .content-column h3 .colored {
  color: #1967D2;
}

.banner-section .content-column .text {
  font-size: 18px;
    color: #101010;
    line-height: 26px;
}

.banner-section .popular-searches {
  position: relative;
  font-size: 15px;
  color: #101010;
  font-weight: 400;
}

.banner-section .popular-searches .title {
  margin-right: 0px;
  font-weight: 500;
}

.banner-section .popular-searches a {
  color: inherit;
  font-size: 14px;
}

.job-search-form {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
  border-radius: 10px;
  min-width: 740px;
  margin-bottom: 22px;
}

.job-search-form form {
  background: #ffffff;
  padding: 20px 20px;
  padding-left: 30px;
  border-radius: 10px;
}

.job-search-form .form-group {
  position: relative;
  text-align: left;
  margin-bottom: 0;
}

.job-search-form .form-group .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #5c6770;
  background: #ffffff;
  z-index: 9;
}

.job-search-form .form-group.category {
  border-left: 1px solid #e6e6e6;
}

.job-search-form .form-group:first-child {
  border-right: 1px solid #e6e6e6;
}

.job-search-form .ui-selectmenu-button.ui-button,
.job-search-form .chosen-container-single .chosen-single,
.job-search-form .form-group input,
.job-search-form .form-group select,
.job-search-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-size: 15px;
  color: #696969;
  line-height: 30px;
  font-weight: 400;
  background: #ffffff;
  padding: 15px 0px;
  padding-left: 40px;
  border: 0;
  border-radius: 0;
  transition: all 300ms ease;
}

.job-search-form .chosen-container-multi .chosen-choices,
.job-search-form .chosen-container.chosen-with-drop .chosen-drop {
  background: #ffffff;
}

.job-search-form .chosen-container-single .chosen-single {
  padding-left: 40px;
  border: 1px solid #ffffff !important;
  border-bottom: 0 !important;
  border-radius: 8px;
}

.job-search-form .chosen-container-single .chosen-drop {
  /*    border: 1px solid #ffffff !important;
border-top: 0 !important;*/
}

.job-search-form .chosen-container-active .chosen-single {
  /*    border: 1px solid #dddddd !important;
border-bottom: 0 !important;*/
}

.job-search-form .chosen-container-active .chosen-drop {
  border: 1px solid #ECEDF2 !important;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
  border-radius: 8px !important;
  padding-top: 10px !important;
}

.job-search-form .form-group.btn-box {
  text-align: right;
}

.job-search-form .form-group .theme-btn {
  width: 100%;
  min-width: auto;
  height: 50px;
}

/* Job Search Form */
.job-search-form.style-two,
.job-search-form.style-two form,
.job-search-form.style-two .form-group .icon,
.job-search-form.style-two .form-group,
.job-search-form.style-two .ui-selectmenu-button.ui-button,
.job-search-form.style-two .ui-selectmenu-button.ui-button,
.job-search-form.style-two .chosen-container-single .chosen-single span,
.job-search-form.style-two .chosen-container-single .chosen-single,
.job-search-form.style-two .form-group input,
.job-search-form.style-two .form-group select,
.job-search-form.style-two .form-group textarea {
  background: #1967D2;
  color: #ffffff;
  border-color: #1967D2 !important;
}

.job-search-form.style-two .chosen-container-single .chosen-single {
  padding-left: 40px;
}

.job-search-form.style-two .chosen-container-single .chosen-single div:after {
  color: #fff;
}

.job-search-form.style-two .form-group {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/***

====================================================================
Work Section
====================================================================

***/
.work-section {
  position: relative;
  padding: 100px 0 50px;
}

.work-section.style-two {
  background: #F5F7FC;
}

.work-block {
  position: relative;
  margin-bottom: 50px;
}

.work-block .inner-box {
  position: relative;
  text-align: center;
  padding: 50px 44px 60px;
  transition: all 300ms ease;
  background: #FFFFFF;
  border-radius: 8px;
}

.work-block .inner-box:hover {
  box-shadow: 0px 0px 30px rgba(64, 79, 104, 0.1);
}

.work-block .image {
  position: relative;
  margin-bottom: 35px;
}

.work-block h5 {
  position: relative;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 500;
  margin-bottom: 10px;
}

.work-block p {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
}

/* Job Search Form Two*/
.job-search-form-two {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
  border-radius: 10px;
  min-width: 740px;
  margin-bottom: 18px;
}

.job-search-form-two form {
  background: #ffffff;
  padding: 20px 20px;
  padding-left: 30px;
}

.job-search-form-two .row {
  margin: 0 -30px;
}

.job-search-form-two .form-group {
  position: relative;
  text-align: left;
  padding: 0 30px;
  margin-bottom: 0;
}

.job-search-form-two .title {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 0;
}

.job-search-form-two .form-group .icon {
  position: absolute;
  right: 15px;
  bottom: 0;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #5c6770;
  background: #ffffff;
  z-index: 9;
}

.job-search-form-two .form-group:first-child {
  border-right: 1px solid #e6e6e6;
}

.job-search-form-two .ui-selectmenu-button.ui-button,
.job-search-form-two .form-group input,
.job-search-form-two .form-group select,
.job-search-form-two .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  font-size: 15px;
  color: #696969;
  line-height: 20px;
  font-weight: 400;
  background: #ffffff;
  padding: 5px 0px;
  padding-right: 40px;
  border: 0;
  border-radius: 0;
  transition: all 300ms ease;
}

.job-search-form-two .form-group.btn-box {
  text-align: right;
}

.job-search-form-two .form-group .theme-btn {
  width: 100%;
  min-width: auto;
  height: 60px;
}

.logo_photo img, .cover_photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo_photo {
    width: 130px;
    height: 140px !important;
    /*overflow: hidden;*/
    margin-top: 20px;
}
.logo_photo img {
    object-fit: fill;
    height: 130px;
    width: 140px;
    border-radius: 15px;
}
.logo_photo, .cover_photo {
    width: 150px;
    height: 150px;
    margin-right: 15px;
    /*overflow: hidden;*/
    margin-top: 20px;
    border-radius: 10px;
}
.resume_logo{
  margin-right: 20px;
}

#upload-logo{
  position: relative;
}
#upload-logo-employee{
  position: relative;
}
.ajax-loader {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 99999999;
}
.ajax-loader .loader {
    border: 4px solid #8c8d8d;
    border-radius: 50%;
    border-top: 4px solid #012243;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.form_error {
  color: #f00 !important;
}


table.dataTable.no-footer {
  border-bottom: none;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 21px 18px;
  border-bottom: none;
}

.iti.iti--allow-dropdown {
  width: 100%;
  height: 60px;
  margin-bottom: 14px;
}
.main-box.login-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  max-width: 1920px;
  margin: 0 auto;

}
.flex-row{
  display: flex;
}
.login-box .logo {
  padding: 40px 0;
    position: fixed;
}
#categoryTable_filter, #categoryTable_length, #userTable_length, #userTable_filter {
  margin: 20px 0;
}
#job_ctc_row {
  display: flex;
}
#job_ctc_row span{
  width: 5%;
  padding: 10px;
}
#salary1, #salary2{
  width: 45%;
}
.label_faded, .label_hint {
  color: #8A8A8A !important;
  font-weight: 400 !important;
  width: 100%;
}
.checkbox-group.checkbox {
  display: inline-block;
  width: 48%;
}
.value-prop {
  padding-top: 6%;
}
.btm-sec li {
  list-style-type: square;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.btm-sec {
  margin-top: 22px;
}
.head-sec img {
  margin-top: 22px;
}
.ctc_type_span {
  margin-top: 15px;
  margin-left: 15px;
}
.radio {
  margin-right: 13px;
  position: relative;
}
/*  */
#ask_custom_questions {
  color: #1967d2;
  cursor: pointer;
}
.remove {
  float: right;
  color: #008BDC !important;
  font-size: 14px !important;
  line-height: 1.14285714 !important;
  font-weight: 500 !important;
  cursor: pointer;
  margin: 0 !important;
}
.page-title {
  padding-top: 7%;
}
.img_cont img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/******************* campus ambassador Css *****************/

.banner {
  background: transparent linear-gradient(180deg, #F8F5FF 0%, #EFEDF7 90%, #E3DEF0 100%) 0% 0% no-repeat padding-box;
  padding-top: 7%;
}

.row {
  display: flex;
}
.banner .row {
  align-items: center;
}
.banner .banner-txt img {
  width: 250px;
margin: 0 0 20px;
}
.banner .banner-txt h2 {
  color: #60489D;
  font-size: 45px;
  line-height: 56px;
  font-weight: 600;
  margin: 0 0 25px;
}
.banner .banner-txt p {
  font-size: 18px;
  line-height: 26px;
}
.banner .banner-img {
  text-align: right;
}

  .banner.bnr-cam .banner-img img {
    width: 420px;
}

.store .store-head h2 {
  margin: 0;
  letter-spacing: -0.68px;
  color: #60489D;
  font-size: 36px;
  line-height: 54px;
  font-weight: 600;
}
.store .store-head {
  text-align: center;
}
.store .store-head p {
  font-size: 18px;
  line-height: 26px;
}
.store {
  padding: 70px 0 40px;
}
.store .row {
  padding-top: 30px;
  text-align: center;
}
.store-box {
  padding: 0 20px;
  width: 20%;
}
.store-box img{margin-bottom:15px;}
.store-box p {
  font-size: 18px;
  line-height: 26px;
}
.connect {
  padding: 50px 0 80px;
}
.connect .connect-txt {
  border: 4px solid #E5F6E9;
  border-radius: 34px;
  padding: 50px;
width: 45%;
}
.connect .connect-txt h2 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.68px;
  color: #60489D;
  margin: 0;
  line-height: 54px;
}
.connect .connect-txt ul {
  padding-left: 20px;
  margin: 0;
}
.connect .connect-txt ul li {
  padding: 5px 0;
  font-size: 18px;
  line-height: 26px;
  list-style: auto;
}
/*.connect-img {
  width: 100%;
}*/
.connect .row {
  align-items: center;
  gap: 35px;
}
.apply {
  background: url(../images/sdcf.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 20px 0;
}
.apply .row {
  align-items: center;
}
.connect-img img {
  width: 100%;
}
.apply .apply-txt h2 {
  letter-spacing: -0.68px;
  color: #F95700;
  font-size: 36px;
  font-weight: 600;
  margin: 0;
}
.apply-box {
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
}
.apply .apply-txt p {
  font-size: 16px;
  color: #fff;
  margin: 0;
}
.apply-btn a {
  background: #F95700 0% 0% no-repeat padding-box;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 24px;
  text-decoration: none;
  width: 257px;
  height: 67px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
}
.apply-btn {
  width: 100%;
  text-align: right;
}
.contact .row {
  justify-content: center;
  align-items: flex-end;
}
.contact-icon img {
  width: 220px;
}
.contact-icon {
  width: 100%;
  margin: 0 0px;
  position: relative;
  bottom: 80px;
  display: inherit;
}

.form-container{
  padding: 0 28px;
}
.form-container .form-group{
  margin-top: 12px !important;
}
.form-container::-webkit-scrollbar {
  width: 8px;
}
.form-container > div > input {
  padding:8px 16px 8px 24px  !important;
  height: 42px !important;
  margin-bottom: 15px !important;
}

.form-container > div > span >span >span {
  background: #FFFFFF !important;
  border: 1px solid rgba(196, 196, 196, 0.3) !important;
  box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%) !important;
  border-radius: 16px !important;
  /* color: unset; */
  font-size: 14px;
  padding:8px 16px 8px 24px  !important;
  height: 42px !important;
  margin-bottom: 0px !important;
}
.form-container > div > div >div >input{
  background: #FFFFFF !important;
  border: 1px solid rgba(196, 196, 196, 0.3) !important;
  box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%) !important;
  border-radius: 16px !important;
  /* color: unset; */
  font-size: 14px;
  padding:8px 16px 8px 24px  !important;
  height: 42px !important;
  margin-bottom: 13px !important;
}
.form-container > div > div >input{
  background: #FFFFFF !important;
  border: 1px solid rgba(196, 196, 196, 0.3) !important;
  box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%) !important;
  border-radius: 16px !important;
  /* color: unset; */
  font-size: 14px;
  padding:8px 16px 8px 24px  !important;
  height: 42px !important;
  margin-bottom: 13px !important;
}
.form-container > div > span > {
  height: 42px !important;
}
.contact-helper{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 140.62%;
  color: #5D4DA8;
  margin-top: -7px;
}


form#campus_ambassador_form label {
  float: left;
  /* width: 100%; */
}
form#campus_ambassador_form .form-container {
  height: calc(100% - 70px);
  overflow: auto;
  scrollbar-width: none;
}
form#campus_ambassador_form .form-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
form#campus_ambassador_form .form-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(209, 209, 209, 1);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

form#campus_ambassador_form .form-container::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 35px;
}

@media screen and (max-width:768px) {
  form#campus_ambassador_form .form-container {
    height: unset;
  }
  .campus-ambassador-form{
    height: fit-content !important;
  }
  form#campus_ambassador_form .btn .campus-submit-btn {
    padding: 12px 106px !important;
  }
}

form#campus_ambassador_form .form-container .select2-container {
  width: 100% !important;
}

.form-btn{
  margin-top: -24px;
  padding: 0 28px;
  display: flex;
  justify-content: center;
}
#campus_ambassador_form .form-container label{
  font-size: 13px;
}
#campus_ambassador_form .form_error {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  margin: 0 0 6px 6px;
}

.submit-btn-cmpform {
  min-width: unset !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: 100% !important;
  background: #FF5900 !important;
}

@media screen and (min-width:1200px) and (max-width:1400px){
  .submit-btn-cmpform {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 12px !important;
    width: 100% !important;
  }
  .campus-sld.banner-campusslide .btn-style-one img{
    margin-left: 14px !important;
  }
}
.submit-btn-cmpform-mb{
  margin-bottom: 10px;
  min-width: unset !important;
  background: #FF5900 !important;
}
.mb-txt-heading{
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: #5D4DA8;
  margin: 10px 0;
}
.mb-txt-content{
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #101010;
  margin-bottom: 23px;
}
.btn-center{
  width: 100%;
  padding: .375rem 0;
}

#error_collegeName,
#error_collegeCity{
  display: flex;
  justify-content: center;
  align-items: center;
}
#error_other_location,
#error_other_college {
  display: flex;
  align-items: center;
}
.campus-ambassador-form .other_field .form_error:before {
  margin-top: 0 !important;
}

.contact .contact-box h2 {
  margin: 0;
  letter-spacing: -0.68px;
  color: #60489D;
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  text-align:center;
  letter-spacing: 0;
}
.contact .contact-box p {
  color: #101010;
  font-size: 18px;
  line-height: 26px;
      padding-bottom: 20px;
    text-align:center;
}
.contact {
  padding: 70px 0;
}
.field input {
  width: 100%;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 15px;
  border: 0;
  height: 52px;
  margin-bottom: 10px;
  outline: 0;
  padding: 0px 25px;
}
.btn input {
  background: #60489D;
  border-radius: 15px;
  font-size: 23px;
  letter-spacing: 1.04px;
  color: #FFFFFF;
  font-weight: 600;
  height: 57px;
  width: 190px;
  cursor: pointer;
  border: 0;
}
.field input::placeholder {
  color: #AFA4CD;
  font-size: 18px;
  font-family: 'Poppins';
  top: 2px;
  position: relative;
}
.main-footer .phone-num span {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #101010;
}

.main-footer p.address {
    font-size: 15px;
    line-height: 26px;
    color: #AAAAAA;
}

.main-footer p.address a {
    padding-top: 9px;
    color: #101010;
    display: inline-block;
    margin-top: 50px;
font-weight: 600;
}

.main-footer .phone-num a {
    font-size: 18px;
    line-height: 24px;
    color: #F95700;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
}
section.banner.bnr-cam {
   background: url(../images/resource/campgn-amb-banner.png);
    background-size: 100%;
    background-repeat: no-repeat;

}
.testimonial-block .inner-box .text {
    min-height: 110px;
}
.testimonial-block .info-box{margin-bottom:20px;}

.lgn .col-lg-6:nth-child(1) {
    background: url(https://media.foundit.in/zuno-foundit/assets/images/lgn-bg.svg);
    background-size: cover;
    background: #30244F;
}
.reg > .col-lg-6:nth-child(1) {
    background: url(https://media.foundit.in/zuno-foundit/assets/images/lgn-bg.svg);
    background-size: cover;
}
.lgn .btn-box .social-btn-two, .reg .btn-box .social-btn-two {
    padding: 10px 7px;
}

.lgn .btn-box .social-btn-two i, .reg .btn-box .social-btn-two i {
    margin-right: 4px;
}
.reg .auth-cover-wrapper{align-items:inherit;display:block;}
.reg .auth-cover-wrapper .auth-cover .cover-image, .lgn .auth-cover-wrapper .auth-cover .cover-image{position:relative;}
.reg .auth-cover-wrapper .auth-cover .cover-image img, .lgn .auth-cover-wrapper .auth-cover .cover-image img {
    width: 100%;
    position: fixed;
    max-width: 500px;
    left: 5%;
    top:25%;
}
.banner-section .image-column .image-box .info_block, .banner-section .image-column .image-box .info_block_two, .banner-section .image-column .image-box .info_block_three, .banner-section .image-column .image-box .info_block_four {
    display: none !important;
}
.reg  .logo-box, .lgn  .logo-box {
    z-index: 9;
    position: relative;
}
.main-wrap.writ {
    padding-top: 150px;
    padding-bottom: 50px;
}
.career-serv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 14px;
}

.career-serv h3 {
    font-size: 18px;
    line-height: 21px;
    color: #454647;
    padding: 20px 20px 7px;
    font-weight: 600;
}

.career-serv p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
    color: #454647;
    padding-bottom:20px;
}
.career-serv ul li {
    line-height: 43px;
}

.career-serv ul li a {
    padding: 0px 30px;
    display: block;
    color: #454647;
    font-size: 14px;
}

.career-serv ul {
    margin-bottom: 20px;
}

.career-serv ul li a.active {
    background: #60489D;
    color: #fff;
}
.writ .rsm-tp-bx {
    background: #F7F7F7;
    padding: 30px 30px;
    border-radius: 12px;
}
.writ .rsm-tp-bx h3 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 700;
    color: #60489D;
}

.writ .rsm-tp-bx  p {
    font-size: 16px;
    line-height: 24px;
    color: #101010;
}
.writ .rsm-tp-bx a {
    font-size: 18px;
    color: #60489D;
    padding: 17px 31px;
    margin-top: 25px;
    display: inline-block;
    border: 2px solid #60489D;
    border-radius: 18px;
}
.writ .rsm-tp-bx .col-md-4 img {
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 25%;
}
.smart-cv {
    border: 2px solid #EFEDF5;
    border-radius: 18px;
    margin-top: 40px;
    padding: 20px;
}
.smart-cv .head-box {
    display: flex;
    align-items: center;
}

.smart-cv .head-box h3 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin-left: 10px;
}

.smart-cv .head-box h4 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #454647;
}
.smart-cv p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 23px;
    color: #454647;
}

.smart-cv ul {
    padding: 0 23px;
    column-count: 2;
}

.smart-cv ul li {
    line-height: 35px;
    position: relative;
    padding-left: 30px;
    color:#1D1E1F;
    font-size:15px;

}

.smart-cv ul li:before {
    content: '';
    background: url(../images/resource/chk-grn.svg);
    width: 18px;
    height: 18px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 9px;
}


.cover-letter .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.cover-letter .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cover-letter .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.cover-letter .slider:before {
  position: absolute;
  content: "";
  height: 16px;
    width: 16px;
    left: -5px;
    bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.cover-letter input:checked + .slider {
  background-color: #fff;
    border: 1px solid #cdcdcd;
}

.cover-letter input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.cover-letter input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
      background: #F95700;
}

/* Rounded sliders */
.cover-letter .slider.round {
  border-radius: 34px;
}

.cover-letter .slider.round:before {
  border-radius: 50%;
}
.cover-letter {
    width: 40%;
    background: #EFF8EC;
    border-radius: 18px;
    margin-top: 40px;
    padding: 20px;
}
.cover-letter p {
    font-size: 18px;
    line-height: 21px;
    color: #1D1E1F;
}

.cover-letter p.prc {
    font-size: 16px;
    line-height: 21px;
    padding-top: 15px;
    font-weight: 700;
}
.buy-now {
    margin-top: 40px;
}

.buy-now a {
    padding: 17px 28px;
    background: #93D199;
    display: inline-block;
    color: #fff;
    font-size: 21px;
    line-height: 22px;
    border-radius: 13px;
}
.benefits {
    margin-top: 40px;
}

.benefits h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1D1E1F;
    margin-bottom: 15px;
}

.benefits ul {
    margin: 0;
    padding: 0;
}

.benefits ul li {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.benefits ul li:before {
    content: '';
    background: url(../images/resource/chk-grn.svg);
    width: 18px;
    height: 18px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 3px;
}

.empty-bx {
    background: #EFEDF5;
    height: 43px;
    margin-top: 40px;
    border-bottom: 5px solid #60489D;
    border-radius: 5px 5px 0 0;
}

.how-it-works {
    margin-top: 40px;
}

.how-it-works h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    color: #1D1E1F;
}

.how-it-works p {
    font-size: 18px;
    line-height: 21px;
    color: #1D1E1F;
    padding: 4px 0 40px;
}

.how-it-works .wrk-bx .icn {
    background: #EFEDF5;
    display: inline-block;
    padding: 4px 21px;
    font-size: 14px;
    line-height: 21px;
    border-radius: 100px;
    text-transform: uppercase;
    color: #1D1E1F;
    font-weight: 700;
}

.how-it-works .wrk-bx h3 {
    font-size: 20px;
    line-height: 26px;
    color: #454647;
    margin-top: 20px;
    font-weight: 700;
}



.how-it-works .wrk-bx p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 13px;
    word-break: break-word;
}

.disclaimer h3 {
    font-size: 24px;
    line-height: 21px;
    font-weight: bold;
    color: #1D1E1F;
}

.disclaimer p {
    font-size: 18px;
    line-height: 23px;
    padding-top: 10px;
    color: #1D1E1F;
}
.main-header{
    background: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  }


  section.value-prop {
    background: #efedf5;
    padding: 75px 0 125px;
}
section.value-prop h2 {
    font-size: 36px;
    color: #60489D;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 35px;
}
section.value-prop .student-bx {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 8px 12px #9F9F9F3C;
    border-radius: 12px;
}

section.value-prop .student-bx .head-sec {
    padding: 23px 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section.value-prop .student-bx .head-sec h3.title {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    width: 70%;
}

section.value-prop .student-bx .head-sec img {
    height: 75px;
    width: 75px;
    text-align: right;
    margin-top: 0;
}

section.value-prop .student-bx .btm-sec {
    padding: 40px 27px;
    min-height:300px;
}
section.value-prop .student-bx .btm-sec li {
    position: relative;
    padding: 0 0 0 35px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    list-style-type: none;
}

section.value-prop .student-bx .btm-sec li:before {
    position: absolute;
    content: '';
    left: 0px;
    font-size: 14px;
    color: #ffffff;
    background: url('../images/resource/chk.png');
    width: 20px;
    height: 20px;
    background-size:cover;
}

section.value-prop .student-bx .btm-sec li:before {
}


section.value-prop .row > .col-md-4:nth-child(1) .student-bx .head-sec {
    background: #F2FBF4;
    background: #f957001c;
    border-radius: 12px 12px 0 0;
    border-bottom: 4px solid #F95700;
}

section.value-prop .row > .col-md-4:nth-child(1) .student-bx .head-sec h3.title {
    color: #F95700;
}


section.value-prop .row > .col-md-4:nth-child(2) .student-bx .head-sec {
    background: #FCFAE5;
    border-radius: 12px 12px 0 0;
    border-bottom: 4px solid #FFD62B;
}

section.value-prop .row > .col-md-4:nth-child(2) .student-bx .head-sec h3.title {
    color: #FCAE00;
}

section.value-prop .row > .col-md-4:nth-child(3) .student-bx .head-sec {
    background: #E0F4FD;
    border-radius: 12px 12px 0 0;
    border-bottom: 4px solid #6BCAF5;
}

section.value-prop .row > .col-md-4:nth-child(3) .student-bx .head-sec h3.title {
    color: #6BCAF5;
}
section.campus-amb {
    padding: 25px 0 0px;
}

section.campus-amb .sec-title h2 {
    font-size: 26px;
    line-height: 36px;
    color: #60489D;
    font-weight: 600;
    margin-bottom: 20px;
}

section.campus-amb .sec-title {
    margin-bottom: 15px;
    padding-right: 49px;
}

section.campus-amb .text {
    color: #101010;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 22px !important;
}

section.campus-amb .btn-style-one {
    font-size: 13px;
    border-radius: 8px;
    padding: 10px 30px;
}

.ml-auto {
  margin-left:auto;
}

.color-lalac {
    color: #60489D;
}

section.campus-amb  h4 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #60489D;
    margin-bottom: 15px;
}
.btn-style-kn-mre {
    border: 1px solid #DFDAEB;
    padding: 10px 25px;
    border-radius: 9px;
    color: #60489D;
    font-size: 15px;
    margin-left: 10px;
}
#attch_file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.send-btn .la.la-send {
  font-size: 36px;
  color: #F95700;
}
.btn-file {
  position: relative;
}
.btn-file .la.la-file-upload {
  font-size: 36px;
  color: #F95700;
}
.btn-file {
  position: relative;
  margin-top: 7px;
}
#messageForm {
  display: flex;
}
#messageForm-employer {
  display: flex;
}
.remove_img {
  position: absolute;
  font-size: 17px;
  right: 3px;
  cursor: pointer;
  background: #8b8c8b;
  top: 3px;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  height: 30px;
  width: 30px;
  padding: 2px 6px;
}
.image-otr {
  width: 100px;
  height: 100px;
  display: inline-block;
  position: relative;
  margin: 7px;
  border: 1px solid #dedede;
  border-radius: 3px;
}
.file-otr{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin: 7px;
  border: 1px solid #dedede;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  background-color: #dedede;
  display: inline-block;
}
.active-list a {
  background: #e8e8ea;
}
.preview_files {
  display: flex;
}
.image-otr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.message_attchfiles img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
/* The Modal (background) */
.custom-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 99;
}

/* Modal Content */
.custom-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 700px;
}
section.contact-bnr {
    padding: 50px 0 0;
    margin-top: 120px;
    display: inline-block;
    width: 100%;
    background: url(../images/resource/cnt-pg.png);
    background-size: 100%;
    background-repeat:no-repeat;
}
section.contact-bnr .row {
    align-items: center;
}

section.contact-bnr .banner-cont h3 {
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #60489D;
    margin-bottom: 15px;
}

section.contact-bnr .banner-cont p {
    font-size: 18px;
    line-height: 26px;
    color: #101010;
    padding-bottom: 15px;
}
section.form-sec {
    padding: 75px 0;
    display: inline-block;
    width: 100%;
}
.form-sec h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 54px;
    color: #60489D;
}
.cnt-frm form input, .cnt-frm form textarea {
    background: #F5F5F5;
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
}
.cnt-frm form input[type="submut"] {
       background: #F95700;
    width: 170px;
    text-align: center;
    min-width: inherit;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    padding: 15px;
}
.form-sec .cnt-inf p.label {
    font-size: 16px;
    line-height: 24px;
    color: #101010;
    padding-top: 20px;
}

.form-sec .cnt-inf p.content {
    font-size: 16px;
    line-height: 24px;
    color: #101010;
    font-weight: 700;
}
.form-sec .phone p.ph {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #F95700;
    padding-top: 15px;
}
section.form-sec .container > .row > .col-md-6:nth-child(1) {
    padding-right: 40px;
    border-right: 4px solid #EFEDF4;
}

section.form-sec .container > .row > .col-md-6:nth-child(2) {
    padding-left: 40px;
}
.cnt-frm form input::placeholder, .cnt-frm form textarea::placeholder {
    color: #AFA4CD;
}

/**********************candidate-profile*************************/

.candidate-detail-section.style-three .upper-box .candidate-block-six .image {
    display: none;
}

.candidate-detail-section.style-three .upper-box .candidate-block-six  span.designation {
    display: none;
}
.candidate-detail-section.style-three .upper-box .candidate-block-six {
    padding: 30px 0 30px;
}
.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box {
    text-align: left;
}
.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box .content ul.post-tags {
    width: 100%;
    order: 2;
}
.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box .content ul.candidate-info {
    order: 1;
    width: 100%;
    justify-content: inherit;
    display: block;
    margin-bottom: 0;
}

.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box .content .btn-box {
   /* order: 3;
        display: inline-block;
    text-align: left;
    width: 100%;
      margin-top: 10px;*/
}

.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box .content ul.candidate-info li:first-child {
    margin-left: 0;
}
.candidate-detail-section.style-three .upper-box .candidate-block-six .inner-box .content ul.candidate-info li {
    display: inline-block;
}
.candidate-detail-section.style-three .job-detail h4 {
    color: #60489D;
    font-size: 18px;
    line-height: 26px;
}
.candidate-detail-section.style-three .job-detail  .resume-outer h4 {
    color: #F95700;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
}
.candidate-detail-section.style-three .job-detail .resume-outer span.name {
    background: url(../images/resource/profile-dot.svg);
    font-size: 0;
    background-size: cover;
    width:20px;
    height:20px;
}
.candidate-detail-section.style-three .job-detail .resume-outer .resume-block .inner:before{left:10px; border-left: 2px dashed #DFDAEB;}
.candidate-detail-section .sidebar-column .sidebar-widget {
    border: 2px solid #EAEAEA;
    border-radius: 25px;
    background: #fff;
}

.candidate-detail-section .sidebar-column .sidebar-widget .social-links a {
    color: #F95700;
}
.candidate-detail-section .sidebar-column .sidebar-widget ul.job-skills li {
    display: inline-block;
}
.candidate-detail-section .sidebar-column .sidebar-widget ul.job-skills li a{border-radius: 25px;
    background: #DFDAEB;
    color: #60489D;}
.candidate-detail-section .sidebar-column .sidebar-widget .default-form input, .candidate-detail-section .sidebar-column .sidebar-widget .default-form textarea {
    background: #F5F5F5;
    border-radius: 15px;
    border: none;
}

.candidate-detail-section .sidebar-column .sidebar-widget .default-form button[type="submit"] {
    width: 150px;
}
.candidate-detail-section .sidebar-column .sidebar-widget .default-form input::placeholder, .candidate-detail-section .sidebar-column .sidebar-widget .default-form textarea::placeholder {
    color: #AFA4CD;
}
.candidate-detail-section .sidebar-column .sidebar-widget ul li i {
    width: 0;
}

.candidate-detail-section .sidebar-column .sidebar-widget ul li {
    padding-left: 0;
}

.candidate-detail-section .sidebar-column .sidebar-widget ul.job-overview {
    column-count: 2;
}


.candidate-detail-section .sidebar-column .sidebar-widget ul li h5 {
    font-size: 16px;
    line-height: 26px;
    color: #101010;
    font-weight: 700;
}

.candidate-detail-section .sidebar-column .sidebar-widget ul li span {
    font-size: 16px;
    color: #AAAAAA;
}

#contctForm .theme-btn {
  color: #ffffff;
  background-color: #F95700 !important;
}
/**********************candidate-profile-end*************************/
.main-header .nav-outer .main-menu {
  width: 100%;
  justify-content: center;
}
.main-menu .navigation > li {
    margin-right: 12px;
}
.main-header .outer-box{width: 48%;}
.page-title .job-search-form .row {
    align-items: center;
}
.job-search-form .form-group .theme-btn{    float: right;
    margin-right: 5px;}
  .status.update-job-status {
  background: transparent;
}
.status.update-job-status-admin {
    background: transparent;
  }
section.banner.bnr-cam a.theme-btn.btn-style-three {
    background: #F95700;
    margin-top: 15px;
    color: #fff;
}
.ls-section .filter-block .form-group input#location + span.icon {
    top: 29px;
}
.ls-section .filter-block .form-group input#location {
    margin-top: 10px;
}
.candidate-detail-section.style-three .job-detail > p {
    padding-bottom: 20px;
}

.reg > .col-lg-6:nth-child(1) {
    background: #30244F;
}


@media screen and (max-width: 767px) {
.banner .banner-img img {
  width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
}


#campus_ambassador_form .form_error {
  margin-bottom: 10px;
  float: left;
}
#campus_ambassador_form .other_field{
  width: 100%;
}
#addEducation .add-info-btn {
  margin-bottom: 30px;
  font-size: 16px;
}








/*-----01 Apr new pages----*/
.awkward {
  text-align: center;
background:#F7F9F7;
    background: #f957001c;
}
.awkward-image img {
  padding-top: 100px;
}
.awkward-text {
  padding-top: 43.2px;
  padding-bottom: 93px;
}
.awkward h5 {
  color: #60489D;
  font-size: 24px;
  line-height: 54px;
  margin: 0;
  font-weight:600;
font-family: poppins;
}
.awkward-text p {
  color: #AAAAAA;
  font-size: 18px;
  line-height: 26px;
font-family: poppins;
margin: 0;
}
#contactSuccess .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1051;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin: 0 auto;
}
#contactSuccess .modal-body h5 {
  color: #000000;
  font-size: 24px;
  line-height: 35px;
  font-family: poppins;
}
#contactSuccess .modal-body p {
  font-size: 18px;
  line-height: 27px;
  font-family: 'Poppins';
  color: #000000;
margin: 0;
}
#contactSuccess .modal-body {
flex: 0 !important;
}
#contactSuccess .modal-footer {
  border-top: none !important;
  display: inline-block !important;
  text-align: center !important;
padding: 0px !important;
}
#contactSuccess .modal-footer button.btn.btn-default {
  color: #60489D;
  font-size: 16px;
  font-family: 'Poppins';
  border: 1px solid #DFDAEB;
  border-radius: 9px;
  height: 42px;
  width: 132px;
outline:0 !important;
}
#contactSuccess .modal-header .close {
  position: absolute;top: -6px;right: -9px;background: #82c890;width: 30px;height: 30px;border-radius: 30px;font-size: 20px;color: #fff;
}
#contactSuccess .modal-header {
  border-bottom: none !important;
  justify-content: center;
}
#contactSuccess .modal-content {
  text-align: center;
  width: 395px !important;
  height: auto;
  margin: 0 auto;
  box-shadow: 0px 3px 12px #00000029 !important;
  border-radius: 16px !important;
}
#contactSuccess .modal-content img {
  padding-top:15px;
}
#contactSuccess button.btn.btn-default:hover {
  background: #60489D;
  color: #fff;
}
#contactSuccess .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
div#job_level input {
    margin: 0 5px 0 0;
}

div#job_level label {
    margin-right: 15px;
}

.card .msg_card_body .d-flex .img_cont_msg .name {display: none;}

    .card .msg_card_body .d-flex  .img_cont_msg img {
      height: 30px;
      width: 30px;
  }

.card .msg_card_body .d-flex {flex-wrap: unset;flex-direction: inherit;gap: 15px;margin-bottom: 15px !important;}

.card .msg_card_body .d-flex .msg_cotainer {
  padding: 5px 20px 5px;
  margin: 0;
  font-size: 12px;
}

.card .msg_card_body .d-flex .img_cont_msg {margin: 0;}

.card .msg_card_body .d-flex.reply .img_cont_msg {order: 2;}

.card .msg_card_body .d-flex.reply .msg_cotainer {order: 1;}

.card .msg_card_body .d-flex.reply .msg_cotainer {background: #F9570066;}

.card-body.contacts_body li a {padding: 7px 40px;}

.card-body.contacts_body li a .img_cont {height: 35px;
    width: 35px;flex: 0 0 35px;}

.card-body.contacts_body li a .user_info span {font-size: 14px;}

.main-header .logo img{
  max-width: none;
  height: 48px;
}

.banner-section-ten h3,
.banner-section-four h3,
.banner-section-seven h3,
.banner-section-nine h3,
.banner-section-eight .content-column h3,
.banner-section-six .content-column h3,
.banner-section-seven .content-column h3,
.banner-section-five .content-column h3,
.banner-section-three .content-column h3,
.banner-section-two .content-column h3,
.banner-section .content-column h3{
  font-size: 40px;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 600;
  color: #60489D;
}
.city-item {
  display: inline-block;
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 4px 12px;
  margin-right: 9px;
  margin-bottom: 15px;
  position:relative;

}
.searchchoice-close {
  position: absolute;
  top: 0;
  color: #dedede;
}
#errorModal {
  position: absolute;
  will-change: transform;
  top: 0px;
  left: 0px;
  transform: translate3d(-363px, 27px, 0px);
  background: #fff;
  border: 1px solid #EEE;
  display: none;
  z-index: 9;
}
#errorModal .modal-content {
  width: 300px;
}
.job-search-form form{
  padding: 10px 20px;
  padding-left: 20px;
  border-radius: 10px;
}
.banner-section .content-column .inner-column{
  padding: 170px 0 50px;
}
.job-search-form .form-group .theme-btn{
  display: inline-block;
  width: auto;
  min-width: 80px;
}
.job-search-form .form-group .theme-btn{
  height: 50px;
}
.candidate-block-three .inner-box .btn-box a {
    background: #F95700;
    color: #fff;
}
.company-widget .btn-box .theme-btn{background: #F95700;
    color: #fff;}
#successModal .modal-header img {
    margin: 0 auto;
}
#successModal .thank-you-msg p {
    font-size: 20px;
    text-align: center;
    margin-top:15px
}

#successModal .modal-header {
    border-bottom: 0;
    box-shadow: 0 0 0 #ddd;
}
#successModal .thank-you-msg .modal-footer {
    border-top: 0px;
    text-align: center;
}

#successModal .thank-you-msg .modal-footer a.btn.btn-default.close {
    text-align: center;
    margin: 20px auto 0;
    background: #82c890;
    padding: 12px 30px;
    color: #fff;
    border-radius: 12px;
}
#jobTable_filter input[type="search"], #internshipsTable_filter input[type="search"]{
    border: 1px solid #e8f0fa;
}

div#jobTable_filter, #internshipsTable_filter {
    margin-bottom: 5px;
}
#add-job.default-form .form-group > label {
    font-size: 17px;
    font-weight: 700;
}
div#location-container {
    margin: 0;
}

div#custom_questions_container {
    margin-top: 0;
}
.job-tab-btn li.active a {
  color: #fff;
  background: #80d394;
}
.job-tab-btn li a {
  border: 1px solid #80d394;
  border-radius: 7px;
  padding: 7px 31px;
}
.job-tab-btn li {
  display: inline;
  text-align: center;
  margin: 0 18px;
}
.job-tab-btn {
  text-align: center;
  padding: 27px 0;
}
.candidate-block-three .post-tags li {
    display: none;
}

.candidate-block-three .post-tags li:nth-child(1),.candidate-block-three .post-tags li:nth-child(2) {
    display: block;
}
.dashboard .candidate-block-three .inner-box {
    min-height: 280px;
}
#update-info.default-form .row > .form-group > label {
    font-size: 17px;
    font-weight: 700;
}
#update-info.default-form .row > .form-group > div > label {
  font-size: 17px;
  font-weight: 700;
}
#update-info-admin.default-form .row > .form-group > label {
    font-size: 17px;
    font-weight: 700;
}
.tabs-box.scl .widget-title {
    padding-bottom: 0;
}

.tabs-box.scl .widget-title h4 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 17px;
}
.candidate-block-six span.la.la-comment-o:before {
    content: 'Start Chat';
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.candidate-block-six span.la.la-comment-o, .candidate-block-three span.la.la-comment-o {
    font-family: inherit;
}
.candidate-block-three span.la.la-comment-o:before{content: 'Start Chat';
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;}
.candidate-block-three .option-list li a[data-text="Start Chat"] {
    width: 105px;
    color: #121212;
    background: transparent;
    padding: 5px;
    line-height: 20px;
    border: 1px solid #F95700;
}
.candidate-block-three .option-list li .update_applicant_status {
    font-size: 13px;
    font-weight: 700;
    background: transparent;
    padding: 4px 5px;
    line-height: 20px;
    border: 1px solid #F95700;
    text-transform: uppercase;
    border-radius: 8px;
}
.candidate-block-six .post-tags li a {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}
.dashboard .upper-title-box{margin-bottom: 0px;}
.tabs-box.appl {
    padding-top: 30px;
}
.dashboard .upper-title-box .text {
    padding-bottom: 30px;
    display: block;
}
.candidate-block-six .content .lt-cont {
    width: 50%;
}
/*-----01 Apr new pages----*/

  .calert-success {
  color: #3c763d !important;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.calert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.calert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.vie-btn {
  text-align: right;
}

div#appliedJobTable_filter input {
    border: 1px solid #e8f0fa;
}

div#appliedJobTable_filter {
    margin-bottom: 5px;
}

.user-sidebar .navigation > li:hover > a{background:transparent;}
.candidate-block-six .post-tags li select { background: transparent; text-transform: uppercase; font-weight: 600;}
.candidate-block-six .candidate-info li .icon{position:relative;}
/*#campus_ambassador_form label {
    display: none;
}*/
form#campus_ambassador_form .btn {
    margin-top: 15px;
    padding-left: 0;
}

form#campus_ambassador_form .btn input[type="submit"] {
    background: #F95700;
    transition: all 0.5s ease;
}


form#campus_ambassador_form .btn input[type="submit"]:hover {
    color: #ffffff;
    background-color: #61499d !important;
}

.m-auto{
  margin: 0 auto;
}
.p-30 {
  padding: 30px !important;
}
.reset-card{
  height: auto;
}
.btn-primary {
  color: #fff;
  background-color: #60489D;
  border-color: #60489D;
}
.btn-primary:hover {
  color: #fff;
  background-color: #60489D;
  border-color: #60489D;
}
.job-label {
  border-radius: 19px;
    padding: 3px 15px;
    color: #101010;
    margin-left: 9px;
    font-size: 13px;
}
.fresher-job {
  background: #E5F6E9;
  background: #f957001c;
}
.internships {
  background: #DEDAEA;
}
.nav-link {
  color: #60489D;
}
.nav-link:focus, .nav-link:hover {
  color: #60489D;
}
.job-applied {
  background: #60489D !important;
}
.job-applied:hover {
  background-color: #60489D !important;
}
.contacts_card ul.contacts li {
    padding: 0 15px;
}
.current-page {
background: #60489d;
color: #fff !important;
border-radius: 50%;
}
.fency {
  background: #DEE8F9;
  color: #101010;
}
.job-block .inner-box .vie-btn {
    text-align: right;
    margin-top: -37px;
}
.job-block .inner-box .vie-btn a {
    background: #60489d;
    color: #fff;
      padding: 8px 22px;
    font-size:13px;
}
.campus-sld {background: url("../images/campus-sld.png");background-size: cover;}
.user-sidebar .navigation li .dshbrd a.srch-btn {background: #ff6713;display: inline-block;padding: 5px 15px;margin-left: 27px;line-height: 26px;color: #fff;
margin-bottom:10px;}
.carousel-indicators li {width: 8px;height: 8px;background: #CCEDD4;margin: 0 5px;border-radius: 8px;}
.carousel-indicators li.active {background: #f95700;}
section.connect .row {
    gap: 0;
}
.connect .wht-do-bx .cnt-pnl {    border: 1px solid #e5f2e7;
    background-size: cover;
    min-height: 168px;
    margin-bottom: 40px;
    border-radius: 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    }

.connect .wht-do-bx .cnt-pnl .row {align-items: center;
    height: 100%;
    max-width: 100%;
    width: 100%;}

.connect .wht-do-bx .cnt-pnl.bx-1 {background: url('../images/images-campus/market-1.svg');
    background-position: -14px 100%;
    background-repeat: no-repeat;}

.connect .wht-do-bx .cnt-pnl.bx-2 {background: url('../images/images-campus/market-2.svg');
    background-position: -14px 100%;
    background-repeat: no-repeat;}

.connect .wht-do-bx .cnt-pnl.bx-3 {background: url('../images/images-campus/market-3.svg');
    background-position: -14px 100%;
    background-repeat: no-repeat;}

.connect .wht-do-bx .cnt-pnl.bx-4 {background: url('../images/images-campus/market-4.svg');
    background-position: -14px 100%;
    background-repeat: no-repeat;}

.connect .wht-do-bx .row {align-items: center;}

.connect .wht-do-bx .cnt-pnl p {font-size: 18px;color: #101010;}
.connect h2 {margin: 0 0 30px;
    letter-spacing: -0.68px;
    color: #60489D;
    font-size: 36px;
    line-height: 54px;
    font-weight: 600;text-align: center;}

.filters-outer input:checked + .slider {
    background-color: #fff;
    border: 1px solid #CDCDCD;
}
.filters-outer input:checked + .slider:before {
    background: #60489d;
    transform: translateX(19px);
    bottom: 4px;
}
.filter-block .range-slider-one .ui-widget.ui-widget-content {background: #60489d;}

.filter-block .range-slider-one .ui-slider .ui-slider-range {
  background: #F95700;
    background: #60489d;
   }

.filter-block .range-slider-one  span.ui-slider-handle.ui-state-default {border: 2px solid #F95700;}
section.page-title.intern-tp {
    padding: 30px 0 30px;
    background: url(../images/resource/srch-bg.png);
    background-size: 100%;
    margin-top: 70px;
    margin-top: 0px;
    background-position: top center
}
.filter-block .range-slider-one span.ui-slider-handle.ui-state-default:after {content: '';
    background: #D1D1D1;
    height: 10px;
    width: 1px;
    position: absolute;
    left: 6px;
    bottom: -10px;
    z-index: -1;}
  .filter-block .range-slider-one span.ui-slider-handle.ui-state-default:before {
    content: '';
    background: #D1D1D1;
    height: 10px;
    width: 1px;
    position: absolute;
    left: 6px;
    top: -10px;
    z-index: -1;
}
section.page-title.intern-tp:before {
    background: transparent;
}
.job-detail-section .social-share a.twitter {background: transparent;border: 1px solid #55ACEE;color: #55ACEE;}

.job-detail-section .social-share a.facebook {background: transparent;
    border: 1px solid #3b5998;
    color: #3b5998;}

.job-detail-section .social-share i {font-size: 20px;}
.job-detail-section .sidebar-widget {background: transparent;border: 1px solid #EAEAEA;}

.job-detail-section .sidebar-widget .job-overview i {color: #F95700;}
.job-detail-section .job-skills li a {background: #DFDAEB;color: #60489D;border-radius: 17px;}
.hme .job-block .inner-box .vie-btn {margin-top: 0;}
section.job-section.hme {
    padding-bottom: 70px;
}
.filter-block .range-slider-one .input-outer {
    justify-content: left;
}
.filter-block .range-slider-one .input-outer .amount-outer {background: transparent;color: #101010;border: 1px solid #AAAAAA;}

.filter-block .range-slider-one .input-outer .amount-outer span {color: #F95700;}

.filter-block .range-slider-one .input-outer .amount-outer span > span {color: #101010;}
.ls-section .filters-column .filters-outer{border: 1px solid #EAEAEA; background:transparent; border-radius: 25px;}
.job-block-seven .job-other-info li.jb-tp {
    background: #DEDAEA;
}
.job-detail-outer .sidebar .btn-box {
    display: inherit;
}
.widget-content ul.job-overview li span {
    word-break: break-word;
}
.job-block-seven .job-info li:nth-child(4) {
    display: inline-block;
    width: 33%;
}
.job-overview .icon.icon-salary {
    width: 35px;
    height: 27px;
}
.interns .job-block .job-info li:nth-child(4) {width: 33%; display: inline-block; padding-left: 0;}
.interns .filters-outer h4 {
    font-weight: 700;
    line-height: 26px;
}
section.ls-section.interns {
    padding-top: 10px;
}
.interns .ls-switcher .sort-by{margin-bottom:10px;}
.interns .explore p {font-size: 17px;font-weight: 500;color: #101010;line-height: 26px;}
.interns .explore a.explore-now {padding: 7px 20px;display: inline-block;border-radius: 30px;border: 1px solid #60489D;line-height: 20px;color: #60489D;margin-top: 15px; font-size:15px; font-weight:500;}
.interns .explore a {color: #60489D;}
.datepicker {padding: 15px;}
.datepicker th.dow {padding: 4px;}

.sidebar-widget.contact-info h4 {position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #101010;
    margin-bottom: 12px;}

.sidebar-widget.contact-info p {font-size: 16px;font-weight: 600;color: #60489d;padding-bottom: 5px;}
.sidebar-widget.contact-info p span {color: #121212;margin-right: 10px;}
.candidate-block-three .image img {
    width: 100%;
    max-width: initial;
    object-fit: cover;
    height: 100%;
}
.emp-dsh .table-outer .row .col-lg-6:nth-child(1) .applicants_filter {
    text-align: left;
}
.lgn-candidate .login-form h3 {font-size: 20px;font-weight: 700;line-height: 45px;color: #101010;margin-bottom: 0;}
.lgn-candidate .login-form h2 {font-size: 30px;line-height: 35px;font-weight: 600;color: #60489D;}
.lgn-candidate .login-form p.text-sm {font-size: 20px;line-height: 25px;padding-top: 15px;color: #AAAAAA;}
.lgn-candidate .login-form p.text-sm storng {color: #60489d;}
.lgn-candidate .login-form .form-group .theme-btn {width: auto;}
.lgn-candidate .login-form  .text {text-align: left;}
.lgn-candidate .login-form .text a.signup {
    color: #F95700;
}
.lgn-candidate .signup-wrapper {
    padding: 50px 60px;
}
.reg .login-form h3 {font-size: 20px;line-height: 45px;margin-bottom: 0px;color: #101010;font-weight: 700;}
.reg .login-form h2 {font-size: 30px;line-height: 35px;font-weight: 500;color: #60489D;}
.reg .login-form p.text-sm {font-size: 20px;color: #AAAAAA;padding-top: 15px;line-height: 25px; padding-bottom:10px;}
.reg .login-form p.text-sm strong {color: #60489d;}
.reg .login-form .form-group .theme-btn {
    width: auto;
  margin-right:15px;
}
.reg .login-form .form-group .theme-btn.btn-style-four.active-role {background: #60489D; color:#fff;}
.reg .login-form .form-group .theme-btn.btn-style-four {background: transparent;color: #60489d;border: 1px solid #CFC8E2;padding: 12px 30px;display: inline-block;}
.carousel-item{transition: transform .6s ease-in-out;}
.reg .login-form p.text-sm strong a {
    color: #60489d;
}
.interns .job-block .job-info li:nth-child(4) span.icon {position: relative;margin-right: 4px;}
.job-detail-section .upper-box {
    padding: 35px 0 30px;
    background: url(../images/resource/srch-bg.png);
    background-size: 100%;
    margin-top: 0px;
    background-position: top center;
}
.job-block-seven h4 a {
    color: #60489D;
    font-size: 30px;
    font-weight: 500;
}
.job-block-seven .inner-box h4 span.rw {font-size: 15px;color: #AAAAAA;}
.job-block-seven .inner-box h4 span.rw span.icn {
    background: #F95700;
    padding: 2px 8px;
    border-radius: 9px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-right: 5px;
}
.job-block-seven .inner-box h4 span.rw span.icn span.icon {
    margin-right: 5px;
}
.job-block-seven .job-info span.city-nme {
    border: 1px solid #707070;
    padding: 0 10px;
    border-radius: 16px;
}
.job-block-seven .btn-box a.follow-us {border-radius: 10px;border: 1px solid #F95700;padding: 8px 36px;color: #F95700;}
.job-block-seven .btn-box .write-review {min-width: inherit;margin-left: 15px;}
.comp-det .job-detail h4 {
    color: #F95700;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
}
.comp-det .job-detail p {
    color: #AAAAAA;
    font-size: 16px;
    line-height: 26px;
}
.comp-det .related-jobs .title-box h3 {color: #F95700;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;}
.comp-det .job-block .inner-box {border: 0px solid #ecedf2;border-bottom: 1px solid #ecedf2;border-radius: 0;padding: 32px 0 22px;}

.comp-det .job-block h4 {
    display: flex;
    align-items: center;
}
.comp-det .content h4 span.job-label {
    line-height: inherit;
    padding: 0 12px;
    margin-right: 6px;
}
.comp-det .job-block .job-other-info{display:flex; align-items:center;}
.comp-det .job-block .job-other-info li{margin-bottom:0px;}
.sidebar .company-widget .company-info li {display: inline-block;}
.sidebar .company-widget .company-info li:nth-child(1), .sidebar .company-widget .company-info li:nth-child(2), .sidebar .company-widget .company-info li:nth-child(3), .sidebar .company-widget .company-info li:nth-child(4) {width: 48%;vertical-align: top;}
.sidebar .company-widget .company-info li label {width: 100%;font-weight: 700;font-size: 18px;line-height: 26px;}
.sidebar .company-widget .company-info li span {font-size: 16px;line-height: 26px;color: #AAAAAA;margin-top: 10px;display: inline-block;font-weight: 400;word-break: break-word;}
.sidebar .company-widget .company-info li:last-child span {border: 1px solid #707070;padding: 0 16px;border-radius: 16px;color: #707070;}
.comp-det.job-detail-section .sidebar-widget.social-widget label {font-weight: 700;font-size: 18px;line-height: 26px;color: #101010;}
.job-detail-section .sidebar-widget.social-widget li {display: inline-block;width: 100%;}
.job-detail-section .sidebar-widget.social-widget li .social-links {/* align-content: flex-end; */}
.comp-det.job-detail-section .sidebar-widget.social-widget .social-links {display: inline-block;float: right;}
.comp-det.job-detail-section .sidebar-widget.social-widget .social-links a {color: #F95700;padding: 0 8px;}
.comp-det a.see-all-op {color: #60489D;font-size: 16px;border: 1px solid #DFDAEB;padding: 8px 20px;border-radius: 9px;}
.comp-det .benefits {margin-bottom: 60px;}
.comp-det .benefits ul {column-count: 2;}
.comp-det .comp-reviews .review-item {padding: 20px 30px;border: 1px solid #EAEAEA;border-radius: 25px;}
.comp-det .comp-reviews .review-item .header-inf {display: flex;}
.comp-det .comp-reviews .review-item .header-inf .profile-image {margin-right: 10px;}
.comp-det .comp-reviews .review-item .header-inf .contact-inf p.name {font-size: 16px;font-weight: 700;color: #101010;}
.comp-det .comp-reviews .review-item .header-inf .contact-inf p.desi {color: #1D1E1F;font-size: 16px;}
.comp-det .comp-reviews .review-item .header-inf .contact-inf p.rating {display: inline-block;padding-top: 5px;}
.comp-det .comp-reviews .review-item .header-inf .contact-inf p.rating span.icn {background: #F95700;color: #fff;padding: 3px 10px;border-radius: 9px;}
.comp-det .comp-reviews .review-item .header-inf .contact-inf p.rating span.icn span.icon {margin-right: 5px;}
.comp-det .comp-reviews .review-item .cont-area {padding: 30px 0;}
.comp-det .comp-reviews .review-item .cont-area h3 {font-size: 16px;
    font-weight: 700;
    color: #101010;margin-bottom: 10px;}
.comp-det .comp-reviews .review-item .cont-area p {color: #1D1E1F;
    font-size: 15px;}
.comp-det .comp-reviews .review-item  .foot-inf {font-size: 16px;
    font-weight: 700;
    color: #101010;
    }
.comp-det .comp-reviews .review-item  .foot-inf .icons{margin-left:10px; display: inline-block;}
.comp-det .comp-reviews .review-item .foot-inf .icons img {
    display: inline-block;
}
.comp-det .benefits h3 {color: #F95700;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;}

.comp-det .comp-reviews  h3 {color: #F95700;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;margin-bottom: 20px;
  }
.comp-det .comp-reviews .regular.slider {
    width: 100%;
    height: auto;
    border: none;
}
.comp-det .comp-reviews .regular.slider .slick-slide > div {
    padding-right: 20px;
}
.comp-det .comp-reviews .regular.slider ul.slick-dots {display: inline-block;text-align: center;width: 100%;padding-top: 30px;margin-left: -10px;}
.comp-det .comp-reviews .regular.slider ul.slick-dots li {display: inline-block;margin: 0 5px;}
.comp-det .comp-reviews .regular.slider:before {width: 0;}
.comp-det .comp-reviews .regular.slider ul.slick-dots li button {font-size: 0;width: 8px;height: 8px;background: #CCEDD4;margin: 0;border-radius: 8px;}
.comp-det .comp-reviews .regular.slider ul.slick-dots li.slick-active button {background: #F95700;}

#campusSuccess
 .modal-content {text-align: center;
    width: 395px !important;
    height: auto;
    margin: 0 auto;
    box-shadow: 0px 3px 12px #00000029 !important;
    border-radius: 16px !important;}

#campusSuccess .modal-header {border-bottom: none !important;
    justify-content: center;}

#campusSuccess .modal-body h5 {color: #000000;
    font-size: 24px;
    line-height: 35px;
    font-family: poppins;}

#campusSuccess .modal-body p {font-size: 18px;
    line-height: 27px;
    font-family: 'Poppins';
    color: #000000;
    margin: 0;}

#campusSuccess .modal-footer {border-top: none !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0px !important;}

#campusSuccess .modal-footer button.btn.btn-default.close {color: #60489D;
    font-size: 16px;
    font-family: 'Poppins';
    border: 1px solid #DFDAEB;
    border-radius: 9px;
    height: 42px;
    width: 132px;
    outline: 0 !important;}

#campusSuccess .modal-header button.close {position: absolute;top: -6px;right: -9px;background: #82c890;width: 30px;height: 30px;border-radius: 30px;font-size: 20px;color: #fff;}

.dataTables_wrapper .dataTables_filter input[type="search"]::placeholder {
    color: #ddd;
}
.tabs-box .table-outer .row > .col-lg-6:first-child .applicants_filter {
    text-align: left;
}
#campusambassador_form .form-group textarea {height: auto !important;}
.connect h2{line-height:45px;}
#allJobTable_filter label:before, #jobTable_filter label:before, #internshipsTable_filter label:before{content: 'Search:';}
.awkward-image {text-align: center;}
.awkward-text {text-align: center;}
.home-bnr.banner-section .content-column h3{font-size: 45px; line-height: 54px; color:#fff;}
.home-bnr.banner-section .content-column h3 span{color:#F95700;}
.home-bnr.banner-section .content-column .text{color:#fff;}
.home-bnr.banner-section .popular-searches{color: #EFEDF5;}
.home-bnr #keyword-seacr .btn-box {padding: 0;}
.home-bnr .job-search-form #keyword-seacr .form-group:first-child {border-right: 0px solid #ddd;}
.home-bnr #keyword-seacr .btn-box button {background: #F95700;}
section.popular-job-hme {padding: 75px 0 0;}
section.popular-job-hme ul.nav.nav-tabs {display: flex;align-items: center;justify-content: center;border: none;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item {border: 1px solid #E6E6E6;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link.active {border: none;margin-bottom: 0;background: transparent;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item:first-child {border-right: 0px solid #ddd;border-radius: 25px 0 0 25px;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item:last-child {border-left: 0px;border-radius: 0 25px 25px 0;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link {margin-bottom: 0px;border: none;color: #101010;font-size: 18px;padding: 7px 25px; border-radius: 25px;}
.popular-job-hme .sec-title {margin-bottom: 20px;}
.popular-job-hme .tab-content {padding: 30px 12% 0;}
.popular-job-hme .tab-content .job-bx {border: 1px solid #E6E6E6;padding: 30px 0 20px;text-align: center;border-radius: 15px;margin-bottom: 20px;}
.popular-job-hme .tab-content .job-bx .content h3 {font-size: 16px;line-height: 26px;font-weight: 700;color: #101010;margin-bottom: 8px;}
.popular-job-hme .tab-content .job-bx .icn img {height: 63px;}
.popular-job-hme .tab-content .job-bx .icn {margin-bottom: 15px;}
.popular-job-hme .tab-content .job-bx p.openings {background: #DEE8F9;display: inline-block;font-size: 14px;line-height: 26px;padding: 0px 20px;border-radius: 16px;
    color: #101010;
    background: #EFEFEF;}
.job-section.hme a.explore {padding: 14px 30px;display: inline-block;border-radius: 9px;
border: 1px solid #DFDAEB;line-height: 20px;color: #60489D;margin-top: 15px; font-size: 17px; font-weight:500;}
.job-section.hme p.expl{text-align:center;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link:hover{color: #FF5900;}
section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link.active{background: #FF5900;color: #fff;border-radius: 25px;}
.popular-job-hme .tab-content .job-bx:hover {background: #ff5900; border: 1px solid #ff5900; box-shadow: 0 0 10px 0 rgb(255 89 0 / 30%);}
.popular-job-hme .tab-content .job-bx:hover .icn img {filter: brightness(0) invert(1);}
.popular-job-hme .tab-content .job-bx:hover .content h3 {color: #fff;}

.category-icon {
  width: 70px;
  height: 70px;
  margin-bottom: 7px;
  margin-top: 7px;
}
#social_sector {
  margin-right: 10px;
}


.clients-section {
  padding-top: 35px;
    padding-bottom: 0px;
    border: none;
}

.clients-section .image-box img {
    position: relative;
    display: inline-block;
    max-width: 70%;
    width: auto;
    transition: all 300ms ease;
    border-radius: 0;
    vertical-align: middle;
}

.clients-section .owl-carousel .owl-stage {
    align-items: center;
    display: flex;
}

.zuno-program {
  padding:75px 0px 0px 0px;
    padding: 35px 0px 0px 0px;
}

.zuno-program .bg-blues {
    background: #30244F;
    border-radius: 30px;
    padding: 44px 60px 29px 60px;
}

.zuno-program .sec-title h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
}

.text-orangei {
  color:#F95700 !important;
}

section.zuno-program .sec-title {
    position: relative;
    margin-bottom: 25px;
}

section.zuno-program .image-column img {
    max-width: 68%;
}

section.zuno-program .btn-style-one {
    font-size: 13px;
    border-radius: 8px;
    padding: 10px 30px;
}

.job-section .sec-title .text {
  color: #101010;
    font-size: 17px;
}

section.zuno-program h4 {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 28px;
}

section.zuno-program .sec-title .text {
    font-size: 16px;
    line-height: 26px;
}

.btn-telegram {
  background:#00B0E6;
    padding: 14px 24px;
    height: 50px;
}

.btn-telegram img {
    max-width: 27px;
    margin-left: 14px;
}

.about-section .theme-btn {
    vertical-align: top;
}



section.thankyou-section {
    padding: 140px 0;
    padding: 180px 0 140px 0;
    background: #FAFAFA;
}


.thankyou-section .sec-title h2{
    font-size: 53px;
    line-height: 43px;
    font-weight: bold;
}

.thankyou-section .sec-title h4 {
    color: #AAAAAA;
    font-size: 30px;
    margin-bottom: 32px;
    margin-top: 0;
}

.thankyou-section a.explore {
    padding: 14px 30px;
    display: inline-block;
    border-radius: 17px;
    border: 1px solid #DFDAEB;
    line-height: 20px;
    color: #60489D;
    margin-top: 15px;
    font-size: 17px;
    font-weight: 500;
}



.thankyou-section .content-column {
    padding-top: 100px;
}


.thankyou-section .image-column img {
    max-width: 85%;
}

select#update_bluk_applicants_status {
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    border-radius: 3px;
    padding: 6px;
    min-width: 170px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 3px;
}
select#update_bluk_applicants_status_admin {
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    border-radius: 3px;
    padding: 6px;
    min-width: 170px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 3px;
}

.mheight {
    min-height: 46px;
}

section.job-section.hme {
    padding-bottom: 35px;
    padding-top: 10px;
}

.banner-section .content-column {
    z-index: 9;
}

.apply .apply-icn img {
    width: 100px;
    height: 100px;
}

.main-header .outer-box .btn-box .theme-btn:first-child {
    border-color: #F95700 !important;
    color: #F95700!important;
}

.banner-section.home-bnr .btn-telegram {
    margin-top: 35px;
    margin-bottom: 35px;
    letter-spacing: 1px;
    font-weight: 400;
}

.btn-style-one.radi-15 {
  border-radius:15px;
  font-size:16px;
    margin-bottom: 30px;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram {
    background: #00B0E6;
    border: none !important;
    border-radius: 50%;
    border-radius: 8px;
    text-align: center !important;
    padding: 0 !important;
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    margin-top: 3px;
}

.banner-section.hbanner .simplile .image img {
    max-width: 380px;
}

.main-header .nav-outer .main-menu {
  justify-content: start;
  padding-left: 35px;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram:hover {
    background-color: #61499d;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram img {
    margin: 0 !important;
    max-width: 19px;
}

.main-header .outer-box .btn-box .theme-btn {
    color: #FF5900;
    border-color: #FEE6CC;
}

.main-header .outer-box .btn-box .theme-btn.regi-btn {
    color: #60489D;
    border-color: #DFDAEB;
}

section.page-title.intern-tp {
  background:#322352;
}

section.page-title.intern-tp:before {
  display:none;
}

 .campus-sld {
    padding-top: 70px;
 }
 .apply {
    background: url(../images/images-campus/bg-whocanapply.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
 }

 .candidate-detail-section.style-three .upper-box {
  background:#322352;
 }

 .candidate-block-six .name a {
   color:#fff;
 }

 .candidate-block-six .candidate-info li {
   color:#fff;
 }

 .candidate-block-six .candidate-info li .icon {
   position:absolute;
 }

 .candidate-detail-section .sidebar-column .sidebar-widget ul.job-overview.age-gender {
    column-count: inherit;
}

 .candidate-detail-section .sidebar-column .sidebar-widget ul.age-gender li:first-child,
 .candidate-detail-section .sidebar-column .sidebar-widget ul.age-gender li:nth-child(2) {
    width: 49%;
    display: inline-block;
 }

 .candidate-detail-section .sidebar-column .sidebar-widget ul.age-gender li {
   width:100%;
 }


  .option-list.alright {
    position: absolute;
    top: 35px;
    right: 18px;
 }


.option-list.alright input {
    width: 20px;
    height: 20px;
 }

 .dashboard .candidate-block-three .inner-box {
    min-height: 230px;
}

.chosen-container {
  margin-bottom:15px;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-instagram {
  background:#fccc63;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin {
  background:#0077b5;
}

.chosen-container-single .chosen-single {

    height: 50px;
    line-height: 50px;
    line-height: 50px;
}

@media only screen and (max-width: 767px){

.banner-section.hbanner .image {
  padding-right:0px;
}
.banner-section.hbanner figure {
  margin-bottom:5px;
}

.home-bnr .bannerslider-for-mobile.owl-carousel .owl-item img {
    height: inherit;
    width: auto;
    border-radius:0;
}

.home-bnr .bannerslider-for-mobile.owl-carousel .owl-item .camp .image img {
  width: auto;
  width: 93%;
  min-height: inherit;
  max-height: 214px;
  border-radius:0;
  height: inherit;
}

.home-bnr .bannerslider-for-mobiler .owl-dots, .home-bnr .bannerslider-for-mobile .owl-dots {
  left: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -10px;
}

.home-bnr .bannerslider-for-mobile .owl-dot, .home-bnr .bannerslider-for-mobile .owl-dot {
  width: 6px;
  height: 6px;
  margin: 0 3px;
}

.home-bnr.banner-section .bannerslider-for-mobile .owl-item {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.home-bnr.banner-section .bannerslider-for-mobile {
  padding-top: 60px;
}
}


@media only screen and (min-width: 767px) and (max-width: 991px){
.zuno-program .sec-title h2 {
    font-size: 28px;
    line-height: 41px;
}

section.zuno-program h4 {
    font-size: 17px;
}

section.zuno-program .sec-title .text {
    font-size: 12px;
    line-height: 22px;
}
.thankyou-section .sec-title h2{
    font-size: 44px;
    line-height: 45px;
}

.thankyou-section .sec-title h4 {
    font-size: 16px;
}

.thankyou-section a.explore {
    padding: 10px 21px;
    border-radius: 17px;
    line-height: 20px;
    margin-top: 15px;
    font-size: 14px;
}


}

@media only screen and (min-width: 992px) and (max-width: 1399px){
section.zuno-program .content-column {
    width: 50%;
    margin: 0;
}

.thankyou-section .sec-title h2 {
    font-size: 43px;
}

.thankyou-section .sec-title h4 {
    font-size: 26px;
}

}

.m-auto{
  margin: 0 auto;
}
.company-info li {
    width: 100% !important;
}
#userTable tr td:nth-child(3) {
    text-transform: lowercase;
}
.delete_profile_photo {
  position: absolute;
  color: #663894;
  font-size: 25px;
}

.edit-btns {
  margin-left: 11px;
}

.editfile-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.resume_text {
  display: flex;
}
.dataTables_wrapper .dataTables_processing {
  z-index: 9 !important;
}
input[type="search"] {
    height: 37px;
    font-size: 14px;
    background-image: url('../images/search_icon.webp');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: none;
    -webkit-appearance: none;
}
.job_salary_unpaid {
  margin-left: 12px;
  margin-top: 8px;
}
#job_salary_unpaid {
  margin-right: 7px;
}

.tooltip-inner {
}


.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0;
}


.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram {
    color: #fff;
    font-size: 19px;
    line-height: 35px;
    display: inline-block;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram .fts {
  color:#fff !important;
}

.popular-job-hme .tab-content .job-bx:hover p.openings {
    background: #fff;
}

.job-search-form  .chosen-container {
    margin-bottom: 0;
}


.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-instagram {
    background: #00B0E6;
    border: none !important;
    border-radius: 50%;
    border-radius: 8px;
    text-align: center !important;
    padding: 0 !important;
    min-width: 35px;
    height: 35px;
    margin-top: 3px;
    color: #fff;
    font-size: 19px;
    line-height: 35px;
    display: inline-block;
    background: #fccc63;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.visible-mobile {
  display:none !important;
}


.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin {
    background: #0077b5;
}



.autocomplete-items {
  position: absolute;
  /* border: 1px solid #d4d4d4; */
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /* top: 100%; */
  left: 0;
  right: 0;
  width: 96%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
@media (max-width:768px){
  .autocomplete-items{
  width:92%;
  }
  
  .form-container{
    padding: 0 12px;
  }
}


.home-bnr.home-new-bnr.banner-section .content-column h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
}

.home-bnr.home-new-bnr.banner-section .content-column .text {
    font-size: 16px;
    line-height: 19px;
}

.home-bnr.home-new-bnr.banner-section .btn-style-one {
  min-width:200px;
  letter-spacing: 0.05em;
}

.banner-section.home-new-bnr .image-column {
  padding-top:150px;
}

.home-bnr.home-new-bnr.banner-section .content-column .b-right {
  border-right: 3px solid rgba(255, 255, 255, 0.2);
}

.campus-sld.home  {
    background: none;
    padding-top: 40px;
    padding-bottom: 85px;
}

.banner-section.home-new-bnr .image-column h5 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
  font-weight:600;
    margin-top: 40px;
    margin-bottom: 10px;
}

.banner-section.home-new-bnr .image-column h5 .org {
    color: #F95700;
}

.banner-section.home-new-bnr .content-column .inner-column {
    padding-bottom:105px;
}

.campus-sld.home .carousel-indicators li {
  background:#fff;
}

.campus-sld.home .carousel-indicators li.active {
  background:#f95700;
}

.benefit-section {
    padding: 45px 0;
}

.benefit-section .text {
  color:#777585;
}

.exciting-rewards {
  background: #F5FCFF;
  padding:40px 0;
}

.exciting-rewards {
  background: #F5FCFF;
  padding:40px 0 60px 0;
}


.exciting-rewards .sec-title h2 {
    color: #30244F;
  font-size:24px;
  line-height:24px;
  font-weight:700;
}

.exciting-rewards .sec-title h2 .org {
    color: #F95700;
}


.exciting-rewards .image-column {
  border-right: 3px solid rgba(193, 193, 193, 0.2);
}

.exciting-rewards .content-column {
  padding-left:65px;
}

.category-banner-inner.v1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.category-banner-inner {
    background-color: #fff;
    border: 1px solid #ECEDF2;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    padding: 15px;
  border:none;
  background: #FFFFFF;
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
}

.category-banner-inner.v1 .category-icon {
    background:none;
    color: var(--superio-theme-color);
    width: 80px;
    height: 80px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.category-banner-inner .category-icon {
    line-height: 1;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.category-banner-inner.v1 .category-icon+.inner {
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    padding-left: 15px;
}

.exciting-rewards h6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.1em;
  color: #FF5900;
}

.exciting-rewards .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #101010;
  border-bottom: 1px solid #F4F4F5;
  padding-bottom:10px;
  display:inline-block;
  min-width:220px;
}

.exciting-rewards .gift-text {
  font-size: 12px;
  line-height: 22px;
  color: #D2D1D6;
  display:inline-block;
  width:100%;
  vertical-align:middle;
}

.faqs-section.home .accordion-box .block {
  border:none;
    border-bottom: 1px solid #DEDEDE;
    border-radius: 0px;
}

.faqs-section.home {
    padding: 35px 0 10px 0;
}

.faqs-section.home .accordion-box .block .acc-btn {
    padding: 12px 0px;
  border:none;
  color: #101010;
  font-size:18px;
}

.faqs-section.home .accordion-box .block {
    margin-bottom: 11px;
}

.faqs-section.home .accordion-box .block .acc-btn .icon {
    height: 56px;
    width: 60px;
    line-height: 60px;
    color: #93D199;
    font-size: 15px;
    text-align: right;
    height: auto;
    width: auto;
}
.faqs-section.home .accordion-box .block .content p {
  color: #AAAAAA;
}

.faqs-section.home .accordion-box .block.active-block {
  box-shadow:none;
  border:none;
}

.faqs-section.home .accordion-box .block .content {
    padding: 24px 0px 26px;
}

.faqs-section.home .accordion-box .block .acc-btn.active .icon:before {
    content: "\f17c";
}

.faqs-section.home .accordion-box .block.active-block .acc-btn .icon {
    transform: rotate(180deg);
    text-align: revert;
}

.fellows-section {
  padding:35px 0 0 0;
}

.fellows-section .bg {
  background: #30244F;
  border-radius: 20px;
  padding:44px 55px;
}

.fellows-section .sec-title h2 {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.fellows-section .sec-title h2 .org {
    color: #F95700;
}

.fellows-section .text.ss {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
}

.fellows-section .b-right {
  border-right: 3px solid #C1C1C133
}

.fellows-section .theme-btn {
    padding: 11px 27px;
    font-size: 12px;
  letter-spacing: 0.1em;
  background:none;
  border:1px solid #FF5900;
}

.fellows-section .theme-btn:hover {
  background:#FF5900;
}

.fellows-section .s-left {
  padding-left:95px;
}

.fellows-section .s-left .text {
    color: #fff;
    display: flex;
  position:relative;
  padding-left:30px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px !important;
}

.fellows-section .s-left .text.lt {
    margin-bottom: 0px !important;
}

.fellows-section .s-left .text img {
    position: absolute;
    top: 2px;
    left: 0;
}

.mobile-div-show {
  display:none;
}

.password-hode-shoe-icon .input-group-text,.input-group .input-group-text {
    background: none;
    border: none;
    padding: 15px 15px;
  position: absolute;
    right: 0;
    cursor: pointer;
}

.show-m {
  display: none;
}


#banner-logo-sliders {
    padding-top: 40px;
    padding-bottom: 60px;
}
#banner-logo-slider {
  padding-top: 10px;
  padding-bottom: 20px;
}

#banner-logo-slider .owl-dots,#banner-logo-sliders .owl-dots {

    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

#banner-logo-slider .owl-dot, #banner-logo-slider-home .owl-dot, #banner-logo-sliders .owl-dot {
    width: 8px;
    height: 8px;
    background: #CCEDD4;
    margin: 0 5px;
    border-radius: 8px;
    background: #fff;
    display: inline-block;
}

#banner-logo-slider .owl-dot.active, #banner-logo-slider-home .owl-dot.active,#banner-logo-sliders .owl-dot.active {
    background: #f95700;
}


#banner-logo-slider.owl-carousel .owl-item img,#banner-logo-sliders.owl-carousel .owl-item img {
    width: inherit;
    height: inherit;
    object-fit: inherit;
    border-radius: 0;
}

#banner-logo-slider.owl-carousel .owl-item img, #banner-logo-sliders.owl-carousel .owl-item img {
  max-width: 100%;
}

.banner-section .image-column .image-box {
  padding-top:0px;
}

.job-search-form .form-group .icon.flaticon-grid {
    font-size: 20px;
    margin-top: -14px;
}

.job-search-form .form-group .far.fa-building.icon {
    font-size: 23px;
    margin-top: -15px;
}

.custom_ajax_preloader {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
}

.custom_ajax_preloader span {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background: rgba(255,255,255,0.9);
}

.custom_ajax_preloader span:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    color: #1967D2;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    content: "LOADING";
}

.custom_ajax_preloader span:after {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/favicon.png);
    content: "";
}

.custom_ajax_preloader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.05;
}

.custom_ajax_preloader img {
    max-height: 50px;
  display:none;
}

.custom_ajax_preloader span {
    position: relative;
    z-index: 999;
}

@media (min-width: 1200px) {
.category-banner-inner.v1 .category-icon {
    width: 70px;
    height: 70px;
}

.category-banner-inner .category-icon {
    font-size: 35px;
}

.category-banner-inner.v1 .category-icon+.inner {
    padding-left: 20px;
}

}



@media only screen and (min-width: 992px) and (max-width: 1399px){
}


@media only screen and (max-width: 767px) {

.visible-mobile {
  display:block !important;
}

.btn-telegram.btn-instagram {
    background: #00B0E6;
    border: none !important;
    border-radius: 50%;
    border-radius: 8px;
    text-align: center !important;
    padding: 0 !important;
    min-width: 35px;
    height: 35px;
    margin-top: 3px;
    color: #fff;
    font-size: 19px;
    line-height: 35px;
    display: inline-block;
    background: #fccc63;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.btn-telegram.btn-linkedin {
    background: #00B0E6;
    border: none !important;
    border-radius: 50%;
    border-radius: 8px;
    text-align: center !important;
    padding: 0 !important;
    min-width: 35px;
    height: 35px;
    margin-top: 3px;
    color: #fff;
    font-size: 19px;
    line-height: 35px;
    display: inline-block;
    background: #0077b5;
}

.mobile-header.mobile-candidate .btn-telegram, .mobile-header.mobile-employer .btn-telegram {
    background: #00B0E6;
    padding: 0px 9px;
    height: 32px;
}


.mobile-div-hide {
  display:none;
}

.banner-section .image-column.mobile-div-show {
  display:block;
}

.campus-sld.home {
    background: none;
    padding-top: 19px;
    padding-bottom: 35px;
}


.home-bnr.home-new-bnr.banner-section .content-column .b-right {
  border:none;
}

.home-bnr.home-new-bnr.banner-section .logo-zuno {
  max-height:60px;
}

.home-bnr.home-new-bnr.banner-section .content-column h3 {
    font-size: 18px;
    line-height: 25px;
  text-align:left;
}

.home-bnr.home-new-bnr.banner-section .content-column .text {
    font-size: 14px;
    line-height: 14px;
  text-align:left;
}

.home-bnr.home-new-bnr.banner-section .content-column .title-box {
    margin-bottom: 20px;
    margin-top: 10px !important;
  text-align:left;
}

.home-bnr.home-new-bnr.banner-section .btn-style-one {
  width:100%;
    letter-spacing: 0.05em;
    font-size: 12px;
    padding: 12px 0px;
}

.banner-section.home-new-bnr .content-column .inner-column {
    padding-bottom: 45px;
    padding-top: 45px;
}

.banner-section.home-new-bnr .logo-zuno-mob {
  max-height:60px;
}

.banner-section.home-new-bnr .image-column {
  padding-top:0;
}

.banner-section.home-new-bnr .content-column {
  text-align:center;
}

.banner-section.home-new-bnr .image-column h5 {
    font-size: 16px;
    line-height: 20px;
}

.banner-section.home-new-bnr .carousel-inner img {
  max-height:65px;
}

.benefit-section .bord-mobile {
  background: #FFFFFF;
  border: 2px solid #EFEFEF;
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  display:flex;
  align-items:center;
  margin-bottom:17px;
  text-align:left;
    padding: 16px 0;
}

.benefit-section .bord-mobile img {
    max-width: 80px;
    margin-left: 15px;
    margin-right: 15px;
}

.benefit-section .text {
    color: #777585;
    font-size: 14px;
    padding: 0 !important;
    line-height: 22px;
}

.benefit-section {
    padding: 25px 0 20px 0;
}

.benefit-section .sec-title {
    position: relative;
    margin-bottom: 25px;
}

.benefit-section .sec-title h2 {
    font-size: 20px;
    line-height: 27px;
    text-align: left;
}

.exciting-rewards .content-column {
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: 30px;
}

.fellows-section .bg {
    background: #30244F;
    border-radius: 20px;
    padding: 22px 19px;
    border-radius: 10px;
}

.fellows-section .b-right {
    border: none;
}

.fellows-section .sec-title {
    margin-bottom: 5px !important;
}

.fellows-section .sec-title h2 {
    font-size: 20px;
    margin-bottom: 0px;
}

.fellows-section .text.ss {
    color: #fff;
    font-size: 14px;
    border-bottom: 3px solid #C1C1C133;
    padding-bottom: 14px;
    margin-bottom: 17px !important;
}

.fellows-section .s-left {
    padding-left: 25px;
}

.faqs-section.home .accordion-box .block .acc-btn {
    padding: 12px 0px;
    font-size: 12px;
    line-height: 1.5;
    padding-bottom: 6px;

}

.faqs-section.home .accordion-box .block .content p {
    font-size: 12px;
}

.faqs-section.home .accordion-box .block .content {
    padding: 0px 0px 0px;
    border: none;
}

.faqs-section.home .accordion-box .block .acc-btn .icon {
    height: 56px;
    line-height: 47px;
    font-size: 11px;
}

.faqs-section.home .sec-title h2 {
    font-size: 20px;
}


#banner-logo-slider.owl-carousel .owl-item img, #banner-logo-sliders.owl-carousel .owl-item img {
    height:85px;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1399px){
.banner-section.home-new-bnr .image-column.mobile-div-hide {
  display:block !important;
}

.benefit-section .text {
    font-size: 14px;
}

.exciting-rewards .title {
    font-size: 15px;
    line-height: 22px;
    min-width: 170px;
}

.fellows-section .s-left {
    padding-left: 45px;
}

.fellows-section .text.ss {
    font-size: 14px;
    line-height: 19px;
}

.fellows-section .bg {
    padding: 44px 35px;
}

}










.dropdown.bootstrap-select {
  width: 100% !important;
}



/**** Modal CSS ***/
.modal-backdrop {
    z-index: -1;
}

.zuno-cms-modal {

}

.zuno-cms-modal button.close {
    position: absolute;
    top: -36px;
    right: 11px;
}

.zuno-cms-modal .modal-header .modal-title {
  color: #1D1934;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}



.zuno-cms-modal .modal-header {
    display: inline-block;
    width: 100%;
    background: #F6F4FE;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: none;
}

.zuno-cms-modal .modal-body {
    display: inline-block;
    width: 100%;
    background: none;
    padding: 0;
}

.zuno-cms-modal .modal-body .modal-sp {
    padding: 25px 25px;
}
.zuno-cms-modal .modal-body .modal-sp .form-group {
position: relative;}

.zuno-cms-modal label {
  font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin-bottom: 1px;
}


.zuno-cms-modal label .red {
   color:#db5461;
}

.zuno-cms-modal input {
  color: #000;
}
.zuno-cms-modal .form-group input[type="text"],
 .zuno-cms-modal .form-group input[type="date"],
  .zuno-cms-modal .form-group input[type="password"],
  .zuno-cms-modal .form-group input[type="number"],
  .zuno-cms-modal .form-group input[type="email"],
  .zuno-cms-modal .form-group input[type="tel"],
   .zuno-cms-modal .form-group input[type="url"],
   .zuno-cms-modal .default-form .form-group textarea, .zuno-cms-modal .form-group select {
    position: relative;
    width: 100%;
    display: block;
    color: #000000;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all 300ms ease;
    background: #fff;
    border-radius: 16px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
    border: none;
    box-shadow: 0px 2px 6px 0px rgb(93 77 168 / 10%);
    border: 1px solid rgba(196, 196, 196, 0.3);
    height: 42px;
    padding: 0 24px;
    font-size:14px;
}




.zuno-cms-modal ::-webkit-input-placeholder {
  color: #A5A3AE;
}


.zuno-cms-modal .slink {
  color: #5D4DA8;
  font-size: 12px;
    margin-top: -10px;
    float: left;
}

.zuno-cms-modal input[type="submit"] {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #F95700;
    font-size: 14px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 500;
    padding: 13px 24px;
    height: 45px;
    display: inline-flex;
    transition: all 0.5s ease;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
}

.zuno-cms-modal input[type="submit"]:hover {
    color: #ffffff;
    background-color: #61499d;
}

.zuno-cms-modal .or-div {
  position:relative;
}

.zuno-cms-modal .or-div hr {
  background: #A5A3AE;
  border-top: 1px solid #D2D1D6;
  float:left;
  width: 100%;
}

.zuno-cms-modal .or-div .or {
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #A5A3AE;
    position: absolute;
    top: 5px;
    left: 50%;
    padding: 15px;
    margin-left: -22px;
}


.s-linka a {
    display:inline-block;
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 4px 8px rgba(93, 77, 168, 0.1);
    border-radius: 16px;
    width:100%;
    color: #1D1934;
    padding: 9px 25px;
    margin-bottom: 16px;
    font-size: 14px;
}

.s-linka.smr a {
    font-size: 12px;
    padding: 6px 25px;
}

.s-linka.smr span {
  color:#5D4DA8;
  font-weight:600;
}

.zuno-cms-modal .d-info {
    padding: 15px 25px 30px 25px;
    border-top:4px solid #F4F4F5;
}


.zuno-cms-modal .d-info h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #1D1934;
}

.zuno-cms-modal .d-info p {
  font-size: 12px;
  line-height: 18px;
  color: #777585;
  margin: 5px 0px 15px 0px !important
}

.zuno-cms-modal .d-info .explore {
    display: inline-block;
    border: 1px solid #5D4DA8;
    border-radius: 8px;
    padding: 0px 16px;
    color: #5D4DA8;
    font-weight: 500;
    font-size: 14px;
    line-height: 43px;
    transition: all 0.5s ease;
}

.zuno-cms-modal .d-info .explore:hover {
    background:#5D4DA8;
    color: #fff;
}

.zuno-cms-modal .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.zuno-cms-modal .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius: 16px;
}

.zuno-cms-modal .input-group i {
    color: #C4C4C4;
    font-size: 14px;
    margin-top: -4px;
}


.custom-modal.zuno-cms-modal .modal-content {
  width: 100%;
  border:none;
  border-radius: 16px;
  padding: 0;
}

.zuno-cms-modal .pr-cus {
  padding-right: 6px;
}

.zuno-cms-modal .pl-cus {
  padding-left: 6px;
}

.custom-modal.zuno-cms-modal.register .modal-header .modal-title span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.custom-modal.zuno-cms-modal.register .modal-header .modal-title em {
  color: #5D4DA8;
  font-weight: 600;
  font-style: normal;
}

.custom-modal.zuno-cms-modal  input {
    accent-color: #5D4DA8;
}

.custom-modal.zuno-cms-modal.register {

}

.custom-modal.zuno-cms-modal .checkboxes label {
    padding-left: 34px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 28px;
}

.custom-modal.zuno-cms-modal .checkboxes label:before {

}

.custom-modal.zuno-cms-modal .checkboxes label:before {
    width: 20px;
    height: 20px;
    background: #5D4DA8;
    border: 1px solid #5D4DA8;
    font-size: 12px;
    font-weight: 900;
    padding-top: 0px;
}

.custom-modal.zuno-cms-modal .checkboxes input[type="checkbox"]:checked + label:before {
    background: #5D4DA8;
    border: 1px solid #5D4DA8;
}

.custom-modal.zuno-cms-modal .regi p {
  color: #000000;
  font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 16px !important;
}

.custom-modal.zuno-cms-modal .regi p a {
  color: #5D4DA8;
}

.zuno-cms-modal.register .form-group input[type="text"],
.zuno-cms-modal.register .form-group input[type="date"],
.zuno-cms-modal.register .form-group input[type="password"],
.zuno-cms-modal.register .form-group input[type="number"],
.zuno-cms-modal.register .form-group input[type="email"],
.zuno-cms-modal.register .form-group input[type="tel"],
 .zuno-cms-modal .form-group input[type="url"],
 .zuno-cms-modal.register .default-form .form-group textarea, .zuno-cms-modal .form-group select {
    border-radius: 8px;
    font-size:12px;
}

.zuno-cms-modal.register label {
  text-transform: capitalize;
}

.zuno-cms-modal .fellow-thank .sthumbs {
  text-transform: capitalize;
}


.zuno-cms-modal .fellow-thank p {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #1D1934;
    margin: 25px 0px 0px 0px !important;
}

.zuno-cms-modal .fellow-thank .borde {
    font-size: 12px;
    padding: 10px 24px;
    line-height: 15px;
    color: #F95700;
    border:1px solid #F95700;
    background: none;
}

.zuno-cms-modal .fellow-thank .borde:hover {
    color: #fff;
    border:1px solid #F95700;
    background: #F95700;
}

.custom-modal.zuno-cms-modal.fellowthank {
    padding-top: 0px;
}

.zuno-cms-modal.step-thank .bgg {
  background: #FCFAE5;
  border-radius: 8px;
    padding: 27px 15px;
  position:relative;
}

.zuno-cms-modal.step-thank .bgg img.arr {
    position: absolute;
    top: 50%;
    right: -35px;
    z-index: 9;
    margin-top: -25px;
}

.zuno-cms-modal.step-thank .bgg img.svgr {
}

.zuno-cms-modal.step-thank .bgg h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.16em;
    color: #FFC807;
    margin: 20px 0 10px 0;
}

.zuno-cms-modal.fellowthank .modal-body .modal-sp,
.zuno-cms-modal.step-thank .modal-body .modal-sp {
  padding-bottom:16px;
}

.zuno-cms-modal.step-thank .bgg h6 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #1D1934;
}

.zuno-cms-modal.step-thank .fellow-thank p {
    margin: 0px 0px 25px 0px !important;
}




/** **/
.thankyou-section.job-expire {
  background: #F6F4FE;
    padding: 160px 0 70px 0;
}

.thankyou-section.job-expire .sec-title h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    margin-bottom: 18px;
}

.thankyou-section.job-expire .sec-title h4 {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 10px;
    margin-top: 0;
  color: #777585;
}

.thankyou-section.job-expire a.explore {
  background: #FFFFFF;
  border: 2px solid #E6E1F1;
  box-shadow: 0px 6px 8px -4px rgba(100, 72, 161, 0.1);
  border-radius: 16px;
  color: #FF5900;
  text-transform: capitalize;
  font-size: 16px;
    padding: 14px 53px;
    transition: all 0.5s ease;
}

.thankyou-section.job-expire a.explore:hover {
  background: #FF5900;
  color: #fff;
  border-color: #FF5900;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  display:inline-block;
  border: 2px solid #56408C;
  border-radius: 8px;
    padding: 16px 16px;
  padding-left:71px;
  position:relative;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text img {
    width: 32px;
    position: absolute;
    top: 50%;
    left: 23px;
    margin-top: -16px;
}

.candidate-log {
  background: #30244F url(../images/images-campus/candidate-bg.svg) bottom left no-repeat !important;
    background-size: 59% auto !important;
    border-radius: 0px !important;
}

.candidate-log.employ-log {
  background: #30244F url(../images/images-campus/employer-bg.svg) bottom left no-repeat !important;
    background-size: 84% auto !important;
}

.lgn.candidate-log .col-lg-6:nth-child(1) {
  background:none;
}

.candidate-log .signup-wrapper  {
  background: none;
  padding-bottom:0;
    align-items: end;
}

.candidate-log .login-box .logo {
    padding: 60px 0;
}

.candidate-log h2 {
  font-weight: 600;
  font-size: 44px;
  line-height: 110%;
  color: #FFFFFF;
    margin-top: 173px;
}

.candidate-log h2 span {
  color: #FF5900;
}


.candidate-log .auth-cover-wrapper .auth-cover .cover-image img,
.candidate-log .auth-cover-wrapper .auth-cover .cover-image img {
    width: 100%;
    position: fixed;
    max-width: 40%;
    left: 0;
    top: auto;
    bottom: 0;
}

.candidate-log .up-header {
    padding:15px 0px 14px 0px;
  background: #F6F4FE;
  border-radius: 36px 36px 0px 0px;
}

.candidate-log .up-header h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #1D1934;
    margin-bottom: 0;
}

.candidate-log .up-header span.tt-sub {
  font-size: 14px;
  line-height: 21px;
  color: #1D1934;
}

.candidate-log .up-header span.tt-sub strong {
  color: #5D4DA8;
  font-weight:600;
}

.candidate-log .login-boxs {
  background:#fff;
  border-radius: 39px 39px 0px 0px;
  border-radius: 0;
}



.candidate-log .login-boxs .can-amp-btn a {
  background: #5D4DA8;
  border-radius: 36px 0px 6px 0px;
  border-radius: 0;
    line-height: 63px;
  font-size: 16px;
  color: #A1A1A1;
  width:100%;
  display:inline-block;
  background: #F7F7F7;
  border-top:4px solid #E1E1E1;
}

.candidate-log .login-boxs .can-amp-btn a img.s-purple {
  display:none;
}

.candidate-log .login-boxs .can-amp-btn.active a img {
  display:none;
}

.candidate-log .login-boxs .can-amp-btn.active a {
  border-color:#5D4DA8;
}

.candidate-log .login-boxs .can-amp-btn.active a img.s-purple {
  display:inline-block;
}

.candidate-log .login-boxs .can-amp-btn a img {
  width:25px;
    margin-right: 10px;
    vertical-align: middle;
}

.candidate-log .login-boxs .can-amp-btn.lt a {
  border-radius: 0px 36px 0px 6px;
  border-radius: 0;
}

.candidate-log .login-boxs .can-amp-btn.active a {
  font-weight: 600;
  font-size: 17px;
  color: #5D4DA8;
  background:#fff;
  border-radius: 36px 0px 6px;
  border-radius: 0;
}

.candidate-log .login-boxs .can-amp-btn.active.lt a {
  border-radius: 0px 36px 0px 6px;
  border-radius: 0;
}

.candidate-log .login-boxs .log-up-pad {
    padding: 5px 30px 13px 30px;
}


.candidate-log .default-form .login-boxs .form-group input[type="text"],
.candidate-log .default-form .login-boxs .form-group input[type="password"] {
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
  padding: 12px 16px 10px 24px;
  color: #000;
  font-size: 13px;
}

.candidate-log .default-form .login-boxs ::-webkit-input-placeholder {
  color: #A5A3AE;
}

.candidate-log .default-form .login-boxs .form-group > label {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}

.candidate-log .default-form .login-boxs .form-group > label span.red {
    color: #db5461;
}

.candidate-log .login-form .field-outer {
    margin-bottom: 0px;
}

.candidate-log.lgn .login-form .form-group .theme-btn {
  display: inline-block;
  background: #FF5900;
  border-radius: 20px;
  height:47px;
  font-weight: 400;
  font-size: 16px;
    width: 260px;
    padding: 0;
}

.candidate-log .password-hode-shoe-icon .input-group-text,
.candidate-log  .input-group .input-group-text {
    padding: 14px 20px;
    color: #C4C4C4;
    font-size: 21px;
}

.candidate-log .login-form .field-outer .pwd {
  font-size: 12px;
  color: #5D4DA8;
}

.candidate-log .slink {
    color: #5D4DA8;
    font-size: 12px;
}

.candidate-log .or-div {
    position: relative;
}

.candidate-log .or-div hr {
    background: #A5A3AE;
    border-top: 3px solid #D2D1D6;
    float: left;
    width: 100%;
}

.candidate-log .or-div .or {
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #A5A3AE;
    position: absolute;
    top: 5px;
    left: 50%;
    padding: 15px;
    margin-left: -22px;
}


.candidate-log .d-info {
    padding: 33px 30px 18px 30px;
    border-top: 4px solid #F4F4F5;
}

.candidate-log .d-info h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000;
}

.candidate-log .d-info p {
    font-size: 12px;
    line-height: 18px;
    color: #777585;
    margin: 5px 0px 15px 0px !important;
}

.candidate-log .d-info .explore {
    display: inline-block;
    border: 1px solid #5D4DA8;
    padding: 0px 16px;
    color: #5D4DA8;
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    transition: all 0.5s ease;
    border-radius: 16px;
}

.candidate-log .d-info .explore:hover {
    background: #5D4DA8;
    color: #fff;
}

.candidate-log .h-100vh {
  height:calc(100vh - 78px)!important;
  height:calc(100vh - 92px)!important;
}

.h-100vh {
  height:100vh !important;
}


.candidate-log .login-boxs .social-login {
    padding: 0 0px 0px 0px;
}


.candidate-log .pr-cus {
    padding-left: 0px;
}

.candidate-log .pl-cus {
    padding-right: 0px;
}

.close-rt {
    position: absolute;
    top: -44px;
    right: 12px;
}

@media screen and (min-width: 2000px) {
.lgn.candidate-log .col-lg-6:nth-child(1) {
    min-height: inherit;
}
}


.candidate-log.reg  {
    background: #30244F url(https://media.foundit.in/zuno-foundit/assets/images/images-campus/register-bg.svg) bottom left no-repeat !important;
    background-size: 95% auto !important;
    border-radius: 0px !important;
}

.candidate-log.reg .login-form .form-group .btn-box .theme-btn {
    background: #5D4DA8;
    border-radius: 36px 0px 6px 0px;
    border-radius: 0;
    height: 39px;
    line-height: 39px;
    width:100%;
    font-size: 15px;
    color: #A1A1A1;
    display: inline-block;
    background: #F7F7F7;
    border:none;
    border-top: 4px solid #E1E1E1;
    margin:0;
    padding: 0px 10px;
  cursor:pointer;
}

.reg .login-form .form-group .btn-box .theme-btn.btn-style-four.active-role {
    font-weight: 600;
    font-size: 16px;
    color: #5D4DA8;
    background: #fff;
    border-radius: 0;
    border-color: #5D4DA8;
  cursor:pointer;
}

.reg .login-form .form-group .theme-btn.bord {
    background: none;
  border:1px solid #FF5900;
  color:#FF5900;
  width: 222px;
  border-radius: 16px;
    font-size: 18px;
    height: 50px;
    margin-top: 15px;
    margin-bottom: 3px;
}

.reg .login-form .form-group .theme-btn.bord i{
    margin-left: 5px;
    font-size: 22px;
    vertical-align: middle;
}

.reg .login-form .form-group .theme-btn.bord:hover {
    background: #FF5900;
  color:#fff;
}

.reg .login-form .checkboxes label {
  color: #000000;
  font-size: 14px;
}

.reg .login-form .checkboxes label span {
  color: #FF5A01;
}

.reg .checkboxes input[type="checkbox"]:checked + label:before {
  background: #5D4DA8;
  border-color: #5D4DA8;
}

.reg .checkboxes.square label:before {
    top: 1px;
}

.reg .btn-box.row {
    margin-left: -20px;
    margin-right: -20px;
}

.candidate-log.reg .or-div .or {
  padding-top:0;
  padding-bottom:0;
    top: 0px;
}

.candidate-log.reg .default-form .form-group input[type="email"],
.candidate-log.reg .default-form .form-group input[type="tel"] {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    padding: 12px 16px 10px 24px;
    color: #000;
    font-size: 16px;
}

.candidate-log.reg .default-form .login-boxs .form-group input[type="text"],
.candidate-log.reg .default-form .login-boxs .form-group input[type="password"],
.candidate-log.reg .default-form .form-group input[type="email"],
.candidate-log.reg .default-form .form-group input[type="tel"] {
    margin-bottom: 0.5rem!important;
}

.candidate-log.reg  .default-form .form-group {
    position: relative;
    margin-top: 0px;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 18px;
    padding: 2px 25px;
    min-width: 167px;
    text-align: center;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item {
    padding: 1px 2px;
}

section.popular-job-hme.home-s {
    padding: 70px 0;
}

.color-orange {
  color: #F95700;
}

.about-section.home-ab {
  background: #F5FCFF;
    padding: 10px 0;
}

.job-section.hme .job-block {
    position: relative;
    margin-bottom: 20px;
}

.fresher-job {
  background: #E5F6E9;
}

section.value-prop {
    background: #efedf5;
    padding: 44px 0 62px 0;
}

section.value-prop .row > .col-md-4:nth-child(1) .student-bx .head-sec h3.title {
    color: #7FD394;
}

section.value-prop h2 {
    margin-bottom: 0;
}

section.value-prop .row > .col-md-4:nth-child(1) .student-bx .head-sec {
  background: #F2FBF4;
    border-bottom: 4px solid #7FD394;
}

section.value-prop .student-bx .btm-sec li:before {
    top: 4px;
}

section.value-prop .student-bx .btm-sec li {
    margin-bottom: 20px;
}

section.value-prop .student-bx .btm-sec {
    padding: 29px 27px;
}

section.value-prop {
    background: url(../images/images-campus/value-prop-bg.svg) 50% 50% no-repeat;
    background-size: cover;
}

.btn-style-one.mani-tbtn {
  border-radius:0;
    font-size: 17px;
}

.btn-style-one.mani-tbtn i {
    font-size: 28px;
    margin-right: 20px;
    vertical-align: bottom;
}

.banner-section.hbanner .content-column {
    padding: 78px 0 115px 0;
}

.banner-section.hbanner .content-column .inner-column {
    padding: 0;
}

.banner-section.hbanner .content-column .inner-column:after {
  content:'';
  position:absolute;
  top:0;
  right:-66px;
    right: -93px;
  height:100%;
  background:rgba(255, 255, 255, 0.2);
  width:3px;
}

.job-search-form .form-group .icon {
  color:#C1C1C1;
}

.job-search-form .form-group input::-webkit-input-placeholder {
  color:#C1C1C1;
}

.banner-section.hbanner .content-column h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
}

.banner-section.hbanner .job-search-form {
    margin-bottom: 40px;
}

.banner-section.hbanner .popular-searches {
    color: #EFEDF5;
    font-size: 14px;
}

.home-bnr.banner-section .pfelow {
  display:inline-block;
  border: 1px solid #F95700;
  border-radius: 8px;
  font-size: 18px;
  line-height: 52px;
  color: #FFFFFF;
  padding:0 20px;
}

.banner-section.hbanner .pfelow span {
  font-weight:600;
  color: #FF5900;
}

.banner-section.hbanner .popular-searches a {
    color: inherit;
    font-size: 14px;
    border: 1px solid #9283BA;
    border-radius: 14px;
    font-size: 14px;
    line-height: 25px;
    color: #EFEDF5;
    display: inline-block;
    padding: 0 15px;
    margin-right: 11px;
  margin-bottom:7px;
}

/* .home-bnr.banner-section .image-box { */
  /* border-left: 3px solid rgba(255, 255, 255, 0.2); */
/* } */

.job-search-form form {
    padding: 5px 20px;
}

.job-search-form .form-group .theme-btn {
    height: 53px;
    width: 128px;
    margin: 0;
    margin-top: 3px;
}

#app.dashboard .main-header {
    position: absolute;
}

#app.dashboard .main-header.fixed-header {
    position: fixed;
}



@media (min-width: 768px) {
img.sthumbs {
    width: 151px;
}

.mt-lg-mn-10 {
  margin-top:-10px !important;
}

.zuno-cms-modal .modal-header .modal-title {
    font-size: 18px;
}
.zuno-cms-modal .fellow-thank .borde {
    font-size: 12px;
    padding: 10px 24px;
    line-height: 15px;
}

.zuno-cms-modal.fellowthank .modal-body .modal-sp {
    padding: 25px 89px;
}

.zuno-cms-modal.fellowthank .modal-dialog {
    max-width: 420px;
}

.zuno-cms-modal.step-thank .bgg img.svgr {
    height: 77px;
}


}

.main-menu .navigation > li.current > a, .main-menu .navigation > li.current > span {
    color: #101010;
    font-weight: 600;
}

.main-menu .navigation > li.current > a:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #FF5900;
    position: absolute;
    bottom: 0;
    left: 0;
}


.candidate-log.lgn .login-form .form-group .theme-btninput[type="submit"] {
    width: 222px;
    border-radius: 16px;
    font-size: 18px;
    height: 50px;
}

section.contact-bnr {
    margin-top: 0px !important;
}


.view-all-btn.active .ceall {
    display: none;
}

.view-all-btn.active .celess {
    display: inline-block !important;
}

.view-all-btn.active i {
    transform: rotate(-180deg);
}

.icr-formob {
  display:none !important;
}
/**/
.campus-sld.banner-campusslide {
  background:#30244F;
  padding:0;
}

@media screen and (max-width: 768px) {
  .campus-sld.banner-campusslide {
    background:white;
  }
}
.top-section-mobile{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background:#30244F;
  color: white;
  font-weight: 700;
  font-size: 24px;
  padding: 20px 26px;
}
.campus-form-image{
  margin: -20px -32px 0 0 ;
  z-index: 2;
}

.campus-sld.banner-campusslide .content-column {
    /* border-right:3px solid rgba(255, 255, 255, 0.2); */
  padding: 43px 111px;
  padding: 98px 111px 135px 65px;
    padding-right: 105px;
}

.campus-sld.banner-campusslide .content-column h3 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
}

.campus-sld.banner-campusslide .content-column h3 span {
    color: #F95700;
}

.orange-color {
  color:#FF5900 !important;
}

.campus-sld.banner-campusslide .content-column .text {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 25px  !important;
    width: 85%;
}


.campus-sld.banner-campusslide .btn-style-one {
    font-size: 17px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 600;
    padding: 14px 16px;
    background: linear-gradient(90deg, #FF5900 33.94%, #FBBA2E 99.31%, #FBBA2E 100%);
    min-width: 280px;
    padding-left: 29px;
}

.campus-sld.banner-campusslide .btn-style-one img {
    margin-left: 18px;
}

.campus-submit-btn {
  font-size: 18px;
  line-height: 20px;
  border-radius: 16px;
  font-weight: 600;
  padding: 15px 20px;
  background: #FF5900;
  min-width: 300px;
  padding-left: 37px;
  box-shadow: 0px 4px 8px #C7C7C7;
}

#campus_ambassador_form  .select2-container--default .select2-selection--single {
  margin-bottom: 15px;
}

.campus-submit-btn img {
  margin-left: 18px;
}

.campus-register-btn {
  font-size: 18px;
  line-height: 20px;
  border-radius: 16px;
  font-weight: 600;
  padding: 15px 20px;
  background: #FF5900;
  min-width: 300px;
  padding-left: 37px;
  box-shadow: 0px 4px 8px #C7C7C7;
}

.campus-register-btn img {
  margin-left: 18px;
}


.campus-sld.banner-campusslide .image-column h4 {
  font-weight: 700;
  font-size: 22px;
  color: #FFFFFF;
}

.campus-sld.banner-campusslide #banner-logo-slider {
    padding-top: 0px;
    padding-bottom: 30px;
}

.campus-sld.banner-campusslide #banner-logo-slider .owl-dots {
    bottom: -8px;
}

.campus-sld.banner-campusslide .bddr-box {
  margin-top: 16px;
  display:inline-block;
  width: 135px;
  height: 135px;
  border: 2px solid #6D4DAE;
  filter: drop-shadow(0px 0px 4px rgba(122, 88, 173, 0.5));
  border-radius: 16px;
  padding-top:20px;
  margin-right: 24px;
}


.campus-sld.banner-campusslide .bddr-box img {
    max-width: 54px;
    max-height: 54px;
    display: inline-block;
    margin-bottom: 6px;
}

.campus-sld.banner-campusslide .bddr-box span {
  display:inline-block;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
}

.connect {
    padding: 30px 0 0px;
}

.store {
    padding:0px 0 40px;
}

.store .store-head  h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
    margin-bottom: 15px;
}

.store p {
  font-size: 16px;
  color: #101010;
  line-height: 22px;
}

.store .store-box .img {
  width: 100px;
  height: 100px;
  background: #FEF3E6;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
    margin:0 auto;
    margin-bottom: 15px;
}

.store .store-box .img.f1 {
    padding-top: 8px;
    padding-left: 4px;
}


.store .store-box .img.f4 {
  background: #E5F6E9;
}

.store .store-box .img.f5 {
  background: #EAE4FF;
}

.store .store-box .img.f6 {
  background: #E9F2FF;
}

.store .store-box .img img {
    margin-bottom: 0;
}

.store .store-box {
  width:16.66666667%;
}

.connect h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
    margin-bottom: 15px;
}

.new-styh2 h2,
.contact .contact-box h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
    color: #60489D;
  letter-spacing: 0;
}

.connect .wht-do-bx .cnt-pnl p {
    font-weight: 500;
}

.connect .wht-do-bx .cnt-pnl {
    border: 3px solid #EFEFEF;
}

.connect .wht-do-bx .cnt-pnl.bx-1 {
    background: url(../images/images-campus/connect-1.svg);
    background-position: 24px center;
    background-repeat: no-repeat;
}

.connect .wht-do-bx .cnt-pnl.bx-2 {
    background: url(../images/images-campus/connect-3.svg);
    background-position: 33px center;
    background-repeat: no-repeat;
}

.connect .wht-do-bx .cnt-pnl.bx-3 {
    background: url(../images/images-campus/connect-2.svg);
    background-position: 34px center;
    background-repeat: no-repeat;
}

.connect .wht-do-bx .cnt-pnl.bx-4 {
    background: url(../images/images-campus/connect-4.svg);
    background-position: 24px bottom;
    background-repeat: no-repeat;
}

.app-process-div .boxi {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    box-shadow: 0px 5px 7px 1px rgb(93 77 168 / 10%);
    border-radius: 16px;
    margin-bottom: 12px;
    position: relative;
    padding: 25px 40px 21px 40px;
    padding: 25px 25px 21px 25px;
}
.app-process-div .boxi .arr {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #FF5900;
    border: 6px solid #FEF3E6;
    border-radius: 50%;
    padding-left: 2px;
    padding-bottom: 2px;
    top: 41%;
    right: -33px;
    z-index: 9;
}

.app-process-div p {
  font-size: 13px;
  line-height: 18px;
  color: #000000;
    margin-top: 15px !important;
}

.app-process-div p strong {
  font-weight: 600;
}

#cmpform {
  padding:35px 0;
}

.testimonial-section .sec-title h2 {
    letter-spacing: 0;
}

#cmpform .btn input {
    font-size: 23px;
    height: 67px;
    width: auto;
    padding: 0 47px;
    display: inline-block;
}

#campus_ambassador_form label {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 4px;
}

#campus_ambassador_form label span.red {
    color: #db5461;
}

#cmpform .default-form .form-group input[type="text"],
#cmpform .default-form .form-group input[type="date"],
#cmpform .default-form .form-group input[type="password"],
#cmpform .default-form .form-group input[type="number"],
#cmpform .default-form .form-group input[type="email"],
#cmpform .default-form .form-group input[type="tel"],
#cmpform .default-form .form-group input[type="url"],
#cmpform .default-form .form-group textarea,
#cmpform .default-form .form-group select {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
    border-radius: 16px;
    padding: 10px 16px 10px 24px;
    color: #000;
    height: 48px;
    font-size: 14px;
}

/* #cmpform .select2-selection__placeholder, */
#cmpform input::placeholder {
  color: #A5A3AE ;
}
@-moz-document url-prefix() {
  #cmpform .select2-selection__placeholder,
  #cmpform input::placeholder {
    color: #A5A3AE !important ;
    opacity: 0.7;
  }
}
#cmpform .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #EDEBF4 !important;
  color: white !important;
}

.selcss .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-top: 0px !important;
}
.selcss .select2-container--default .select2-selection--single {
    background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
    border-radius: 16px;
    padding: 12px 16px 10px 24px;
    color: #000;
  min-height:48px;
    font-size: 14px;
}

.select2-container--open .select2-dropdown--below {
  border-color: rgba(196, 196, 196, 0.3);
}

.select2-container--default .select2-results__option {
    font-size: 14px !important;
    padding: 13px 23px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #60489D !important;
    color: white !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin-bottom: 0;
    min-height: 48px;
  border-color: rgba(196, 196, 196, 0.3) !important;
}

.selcss .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left:0px !important
}

.testimonial-section.style-two.alternate.campus-amba-testi {
    padding: 0px 0px 40px 0px;
}

.campus-amba-testi .testimonial-block .inner-box {
    position: relative;
    padding: 0;
  border: 2px solid #F4F4F5;
  border-radius: 8px;
    float: left;
    width: 100%;
    background: #fff;
  display:flex;
}

.campus-amba-testi .testimonial-block .thumb {
    position: relative;
    width: 36%;
    float: left;
    height: inherit;
  border-radius: 8px 0px 0px 8px;
  background:none;
}

.campus-amba-testi .testimonial-block .txt-div {
    float: left;
    width: 64%;
    padding: 10px 40px 70px 40px;
}

.campus-amba-testi .testimonial-block .thumb img {
    width: calc(100% + 3px);
    height: calc(100% + 6px);
    border-radius: 8px 0px 0px 8px;
    margin-left: -3px;
    margin-top: -3px;
}

.campus-amba-testi .owl-carousel .owl-item .test-quote {
    width: auto;
    height: auto;
    border-radius: 0;
    margin-left: -18px;
    margin-bottom: 14px;
}

.campus-amba-testi .testimonial-block .text {
    font-size: 14px;
    line-height: 22px;
  color:#000;
}

.campus-amba-testi .testimonial-block .info-box {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -4px;
}

.campus-amba-testi.testimonial-section.style-two .testimonial-block .name {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}

.campus-amba-testi.testimonial-section.style-two .testimonial-block .designation {
  font-weight: 600;
  color: #AAAAAA;
  font-size: 16px;
  line-height: 24px;
}

.campus-amba-testi .default-dots .owl-dot {
  width: 11px;
  height: 11px;
  background: #C4C4C4;
  border-radius:50%;
    margin: 0 4px;
  border:none;
}

.campus-amba-testi .default-dots.light .owl-dot.active {
  background: #FF5900;
}

.campus-amba-testi .default-nav .owl-next,.campus-amba-testi  .default-nav .owl-prev {
    background: none;
    border: none;
    border-radius: 0;
    height: auto;
    width: auto;
    box-shadow: none;
  color: #808080;
    top: -24px;
    font-size: 28px;
}

.campus-amba-testi .default-nav .owl-prev {
    left: -51px;
}


.campus-amba-testi .default-nav .owl-next {
    right: -51px;
}

.campus-sld.banner-campusslide .carousel-indicators {
    bottom: -43px;
}

.campus-sld.banner-campusslide .carousel-indicators li:hover {
  cursor:pointer;
}

.campus-sld.banner-campusslide .carousel-indicators li.active {
  background:#f95700;
}

.campus-sld.banner-campusslide .carousel-indicators li {
  background:#fff;
}

/**/

.dashboard-outer .select2-container {
    max-width: 100%;
    z-index: 9;
  width:100% !important;
}

.dashboard-outer .select2-container--default .select2-selection--single {
    max-width: 100%;
    z-index: 9;
}

.dashboard-outer .select2-container .select2-selection--single {
    color: #000000;
    background: #fff;
    border-radius: 16px;
    box-shadow: none;
    height: 50px !important;
    padding: 16px 15px;
    font-size: 12px;
    font-size: 18px;
    color: #AFA4CD;
    border-radius: 12px;
    background: #F5F5F5;
    border: none;
}

.dashboard-outer .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left:0px;
}

.dashboard-outer .widget-content .default-form .select2-search textarea {
    min-height: inherit !important;
    border-radius: 0;
    line-height: 19px;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 15px;
}

.dashboard-outer .select2-container--default .select2-selection--multiple  {
    background: #fff;
    box-shadow: none;
    border: 1px solid rgba(196, 196, 196, 0.3);
    min-height: 50px;
    padding: 1px 0px;
    font-size: 14px;
    margin-bottom: 0px;
    border-radius: 16px !important;
    padding: 2px 2px;
    font-size: 18px;
    color: #AFA4CD;
    border-radius: 12px;
    background: #F5F5F5;
    border: none !important;
}

.dashboard-outer .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: none;
}

.dashboard-outer .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(196, 196, 196, 0.3);
    border-radius: 16px;
  margin-bottom:0;
}

.dashboard-outer .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  width:auto;
    display: inline-block;
}


.dashboard-outer  .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 0px 14px 2px 12px;
    min-width: 110px;
    height: 26px;
    background: #a995f7;
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    border: none;
    margin-top: 10px;
}

.dashboard-outer .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    right: 0;
    border: none;
    color: #fff;
}

.dashboard-outer .select2-container .select2-search--inline {
    font-size: 14px;
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-top: 0;
}


.dashboard-outer .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-top:4px !important;
  right: 0px;
}

.selcss .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    right: 6px;
}

.select2-container--default .select2-results__option {
    position: relative;
    color: #4b4342;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 16px;
    line-height: 20px;
    border-top: 1px solid #f1f1f1;
    transition: all 300ms ease;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--selected {
    color: #ffffff;
    background-color: #917aef;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 6px 10px 6px 40px;
    border: 0;
    margin-bottom: 0;
    background-size: 33px;
    background-position: 6px 4px;
    background-position: 6px 8px;
}

form#search-btn .select2-container--default .select2-selection--single {
    padding-left: 31px !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #917aef;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable  {
    background-color: #917aef !important;
    color: white !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #917aef !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    left: 0;
    top: -1px;
    margin: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent !important;
    background: none;
    background-color: inherit;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    padding: 6px 10px 6px 40px;
    border: 0;
    margin-bottom: 0;
    background-size: 33px;
    background-position: 6px 4px;
    height: 37px;
    min-height: inherit;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: none !important;
    color: #fff!important;
    outline: none!important;
  border-radius:0!important;
}

@media only screen and (max-width: 2000px) {
.lgn.logg-style .col-lg-6:nth-child(1) {
    height: calc(100vh - 78px)!important;
}
}

section.page-title.intern-tp {
    padding: 48px 0;
}

.oppor-page .job-search-form form {
    padding: 5px 8px 5px 20px;
}

.job-search-form .form-group .icon {
    color: #5D4DA8;
    font-size: 18px;
  z-index:99;
    font-size: 24px;
}

.div-shw-more .select2-container--default .select2-selection--single .select2-selection__rendered {
  color:#60489D !important;
}

.div-shw-more .ls-switcher .select2-container--default .select2-selection--single {
    padding: 9px 0;
  color:#60489D;
  border:none;
}

.div-shw-more .select2-container {
    min-width: 125px;
}

.div-shw-more .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 29px;
}

.interns .div-shw-more .sort-by {
    margin-bottom: 5px;
}

.div-shw-more .selection {
    min-width: 125px;
    text-align: right;
}

.div-shw-more .select2-container .select2-selection--single {
    height: 30px !important;
  border:none;
}

.div-shw-more .ls-switcher .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    right: -7px;
    top: -3px !important;
  color:#60489D;
  opacity:1;
}

.opport-sec.ls-section .filters-outer {
    padding: 30px 25px;
}

.opport-sec.ls-section .filters-column .filters-outer {
    border-radius: 16px;
}


.opport-sec.ls-section .job-block .inner-box .vie-btn a {
    font-size: 14px;
}

.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac {
  border: 1px solid #60489D;
  background:none;
  border-radius: 8px;
  font-weight: 400;
  color: #60489D;
    padding: 0px 22px;
  line-height:32px;
}

.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac:hover {
  background:#60489D;
  color: #fff;
}


.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  color: #fff;
  background: #FF5900;
  border-color: #FF5900;
  border-radius: 8px;
    padding: 0px 22px;
    margin-left: 3px;
  line-height:36px;
}

.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn:hover {
  color: #fff;
  background: #60489D;
  border-color: #60489D;
}

.main-header.fixed-header {
  z-index:999;
}

.clearn-btnall {
  color:#60489D;
  font-size: 14px;
  display:inline-block;
}

.ls-pagination li {
  width: 27px;
  height: 27px;
    min-width: 27px;
  line-height: 27px;
    font-size: 13px;
}

.ls-pagination li.prev.disabled {
    height: inherit;
    opacity: .4;
}

.ls-pagination li:last-child {
    height: inherit;
    opacity: .4;
    margin-left: 15px;
}

.ls-pagination li:first-child {
    margin-right: 15px;
}


.mt-35 {
  margin-top:35px;
}

.banner-section.hbanner .job-search-form {
  min-width:100%;
}

.opport-sec .filters-column .slider {
    border: 1px solid #CDCDCD;
}

.opport-sec .filters-column .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 1px;
    background-color: #CDCDCD;
    transition: 0.4s;
  background: #60489D;

}

.opport-sec .filters-outer input:checked + .slider {
    background-color: #60489D;
    border: 1px solid #60489D;
}


.opport-sec .filters-outer input:checked + .slider:before {
    background-color: #fff;
    bottom: 1px;
}

.opport-sec .filter-block .range-slider-one .ui-widget.ui-widget-content {
    background: #DFDAEB;
}

.opport-sec .filter-block .range-slider-one span.ui-slider-handle.ui-state-default:before,
.opport-sec .filter-block .range-slider-one span.ui-slider-handle.ui-state-default:after {
  opacity:0;
}

.opport-sec .switchbox .title {
    color: #AAAAAA;
}


.opport-sec .filters-outer input:checked + .slider + .title {
  color: #101010;
}

.filter-block .range-slider-one span.ui-slider-handle.ui-state-default {
  border-width:3px;
}



.job-section.hme .job-block .inner-box .vie-btn {
    margin-top: 10px;
}

.job-section.hme .job-block .inner-box .vie-btn a.orang-btn {
    color: #fff;
    background: #FF5900;
    border-color: #FF5900;
    border-radius: 8px;
    padding: 0px 22px;
    margin-left: 3px;
    line-height: 36px;
}

.filter-block .range-slider-one .input-outer .amount-outer span {
    color: #60489D;
}


.filter-block .range-slider-one .input-outer .amount-outer {
    border: none;
    padding: 0;
}

.filter-block .range-slider-one .input-outer .amount-outer span {
    color: #60489D;
    display: flex;
    align-items: center;
}

span.amount.salary-amount div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    line-height: 19px;
    border: 1px solid #AAAAAA;
    color: #60489D;
}

.filter-block .range-slider-one .input-outer {
    width: 100%;
}


.filter-block .range-slider-one .input-outer .amount-outer {
    border: none;
    padding: 0;
    width: 100%;
}

.filter-block .range-slider-one .input-outer .amount-outer span {
    color: #101010;
    padding-right: 0;
    width: 100%;
    margin: 0;
}



span.amount.salary-amount div.amdiv {
    height: 36px;
    width: 50%;
}

span.amount.salary-amount div.todiv {
  border:none;
  border-radius:0;
  padding:0;
  font-weight: 400;
    font-size: 16px;
  line-height: 27px;
  color: #AAAAAA;
}

.filter-block .range-slider-one .input-outer .amount-outer .amdiv span {
    display: inline-block;
    width: auto;
    padding-right: 3px;
}

.main-header .outer-box .log-reg-btns .theme-btn {
    border: 1px solid #DFDAEB !important;
    min-width: 121px !important;
    line-height: 40px;
    padding: 0 !important;
    border-radius: 13px;
    color: #60489D !important;
    font-size: 14px !important;
    font-weight: 400;
}

.main-header .logo {
    padding: 22px 0 !important;
}


.main-header .outer-box  .log-reg-btns .theme-btn.current,
.main-header .outer-box  .log-reg-btns .theme-btn:hover {
  background: #F6F4FE !important;
  border: 1px solid #5D4DA8!important;
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1)!important;
  color: #60489D !important;
}

.main-header .outer-box .btn-box.log-reg-btns .theme-btn img {
  margin-right:9px;
}

.checki-style input {
  opacity:0;
  position:absolute;
}

.checki-style label {
  position:relative;
}


.checki-style input:checked + span {
  background: #F95700;
  border-color: #F95700;
  color:#fff;
}

.checki-style label span {
    border: 1px solid #AAAAAA;
    display: inline-block;
    line-height: 29px;
    min-width: 105px;
    text-align: center;
    border-radius: 5px;
    color: #AAA;
    font-size: 15px;
}


img.zumo_profile_image  {
    border-radius: 107.5px !important;
}

.main-header .btn-box  .navbar-nav.dropdown-menu {
  left:auto!important;
  right:0 !important;
}

#error_password {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 20px;
}

.candidate-log .password-hode-shoe-icon .input-group-text, .candidate-log .input-group .input-group-text {
    padding: 12px 20px;
}

.candidate-log .d-info {
    padding-bottom: 27px;
    padding-top: 27px;
}

.candidate-log .d-info p {
  margin-bottom:0 !important;
}

.pointer-events-none {
  pointer-events:none;
}


.zuno-cms-modal .fellow-thank .borde.radius {
    border-radius: 16px;
}

.zuno-cms-modal #apply-form label {
    font-weight: 600;
}

.zuno-cms-modal #apply-form .select2-container {
    width: 100% !important;
}

.zuno-cms-modal #apply-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left:0 !important;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--single {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    min-height: 43px;
    padding-left: 14px;
  font-size:12px;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    min-height: 43px;
}


.zuno-cms-modal #apply-form  .form-group input {
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
  min-height: 43px;
    padding-left: 14px;
}

.zuno-cms-modal #apply-form  .form-group textarea.form-control {
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
  height: 43px;
    padding-left: 14px;
    font-size: 12px;
    padding-top: 11px;
    margin-bottom: 15px;
}


.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin.zumo_profile_image {
    background: #f95700;
    background: none;
    border-radius: 50% !important;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin.zumo_profile_image.Gold,
.mobile-header.mobile-candidate img.zumo_profile_image.theme-btn.btn-style-one.bg-blue.btn-telegram.btn-linkedin.Gold {
  border: 2px solid #FFBE01 !important;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin.zumo_profile_image.Silver,
.mobile-header.mobile-candidate img.zumo_profile_image.theme-btn.btn-style-one.bg-blue.btn-telegram.btn-linkedin.Silver {
  border: 2px solid #B6BABE !important;
}

.main-header .outer-box .btn-box .theme-btn.btn-telegram.btn-linkedin.zumo_profile_image.Platinum,
.mobile-header.mobile-candidate img.zumo_profile_image.theme-btn.btn-style-one.bg-blue.btn-telegram.btn-linkedin.Platinum {
  border: 2px solid #78AFD7 !important;
}

.badge {
  height: 20px;
  width: 56px;
  position: absolute;
  z-index: 2;
  bottom: 0;
}

.badge-mobile {
  height: 20px;
  width: 50px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding-left: 24px;
}

@media (max-width: 425px) {
  .badge-mobile {
    height: 20px;
    width: 80px;
    z-index: 2;
    bottom: 10px;
    right: 70px;
  }

  .badge-container {
    min-height: 150px;
    width: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 20px;
    border: 3px solid #ccccff;
  }

  .badges-container .badge-container {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
  }
}

.remove-margin {
  margin-left: -20px;
  margin-right: -20px;
}

.badge-img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
}

.badge-container,
.initial-badge {
  min-height: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid lightgray;
}

.badges-container {
  min-height: 150px;
  width: 100%;
  border-radius: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border: 3px solid #ccccff;
}

.center {
  display: flex;
  justify-content: center;
}

.view-button {
  border: 1px solid #663894;
  color: #663894;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
}

.badge-container-Platinum {
  background-color: #e6f7ff;
  border: 2px solid #A5D2EE;
  border-radius: 15px;
}

.badge-container-Gold {
  background-color: #ffffcc;
  border: 2px solid #FFBE01;
  border-radius: 15px;
}

.badge-container-Silver {
  background-color: #f2f2f2;
  border: 2px solid #B6BABE;
  border-radius: 15px;
}

.Silver-text {
  color: #B6BABE;
  font-weight: 600;
}

.Gold-text {
  color: #FFBE01;
  font-weight: 600;
}

.badge-container .Platinum-text {
  color: #78AFD7;
  color: #0DC8FF;
  font-weight: 600;
}

.badge-container-img {
  height: 100px;
  width: 100px;
}

.badge-container-center {
  margin-left: 20px;
}

.badges-button {
  border: 1px solid #663894;
  color: #663894;
  padding-left: 10px;
  border-radius: 10px;
}

@media (min-width: 426px) {
  .badges-button {
    border: 1px solid #663894;
    color: #663894;
    padding-left: 10px;
    border-radius: 10px;
    max-width: 38%;
  }
}

.zuno-cms-modal #apply-form .form-group input[type="file"] {
    width: 100%;
    padding-top: 4px;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    position: absolute;
    right: 4px;
    top: -1px;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: none;
    padding-left: 9px;
}

.zuno-cms-modal #apply-form .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(196, 196, 196, 0.3);
    border-radius: 16px;
  margin-bottom:0;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  width:auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.zuno-cms-modal #apply-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 0px 14px 2px 12px;
    height: 26px;
    background: #a995f7;
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    border: none;
    margin-top: 8px;
    margin-right: 0;
}

.zuno-cms-modal #apply-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    right: 0;
    border: none;
    color: #fff;
}

.zuno-cms-modal #apply-form .sellect3skill {
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 18px;
    color: #A5A3AE;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}

.zuno-cms-modal #apply-form .select2-container .select2-search--inline .select2-search__field {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;

}

.zuno-cms-modal #apply-form .sellect3skill span.redstar {
  color: #DB5461;
}

.zuno-cms-modal #apply-form label.form_error {
    width: 100%;
}

.zuno-cms-modal #apply-form .select2-container .select2-search--inline {
    font-size: 14px;
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-top: 0;
}


.custom-modal {
    z-index: 999;
}

.campusPopupStyle button.close {
    position: absolute;
    top: -36px;
    right: 11px;
}

.campusPopupStyle.custom-modal .modal-content {
    border-radius: 16px;
}

.campusPopupStyle.custom-modal .default-form .form-group input[type="text"]:focus,
.campusPopupStyle.custom-modal .default-form .form-group input[type="email"]:focus,
.campusPopupStyle.custom-modal .default-form .form-group input[type="url"]:focus,
.campusPopupStyle.custom-modal .default-form .form-group select:focus,
.campusPopupStyle.custom-modal .default-form .form-group textarea:focus {
    border-color: rgba(196, 196, 196, 0.3);
}

.campusPopupStyle .default-form .form-group {
    margin-top: 15px;
}

.campusPopupStyle .default-form .form-group > label {
    font-weight: 600;
    color: #000;
}

.campusPopupStyle .default-form .form-group > label .red {
    color: #db5461;
}

.campusPopupStyle .default-form .form-group input {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    height: 43px;
    padding-left: 14px;
    font-size: 12px;
    background: #fff;
  color:#000;
}


.campusPopupStyle .default-form .form-group textarea {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    height: 120px;
    padding-left: 14px;
    font-size: 12px;
    background: #fff;
  color:#000;
}

.campusPopupStyle .default-form .form-group select {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    height: 43px;
    padding-left: 14px;
    font-size: 12px;
    background: #fff;
  color:#000;
}

.campusPopupStyle .default-form input[type="submit"]:hover {
    color: #ffffff;
    background-color: #61499d;
}

.campusPopupStyle .default-form input[type="submit"] {
    position: relative;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #F95700;
    font-size: 14px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 500;
    padding: 13px 24px;
    height: 45px;
    display: inline-flex;
    transition: all 0.5s ease;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
    letter-spacing: 0;
}

.heigher-education.ColStyle label {
    font-size: 15px;
    line-height: 20px;
    color: #202124;
    font-weight: 500;
    margin-bottom: 10px;
}

.heigher-education.ColStyle p {
    position: relative;
    display: block;
    font-size: 18px;
    color: #AFA4CD;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all 300ms ease;
    background: #F5F5F5;
    border-radius: 12px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
    border: none;
}

#campus_ambassador_form .checkStyle label {
    color: #000000;
    font-weight: 400;
    padding-left: 40px;
    line-height: 1.45;
}

#campus_ambassador_form .checkStyle label a {
  color:#5D4DA8;
}


#campus_ambassador_form .checkStyle label:before {
    font-size: 11px;
    line-height: 23px;
    width: 23px;
    height: 23px;
border-radius: 2px;
}


.checkStyle .checkboxes input[type="checkbox"]:checked + label:before {
    content: "\f00c";
    background-color: #5D4DA8;
    border: 1px solid #5D4DA8;
border-radius: 2px;
}

#campus_ambassador_form .btn input[type="submit"] {
    background: #F95700;
    transition: all 0.5s ease;
    height: 55px;
    border-radius: 16px;
    padding: 0 45px;
    font-size: 23px;
}


.zuno-cms-modal.claimModal .d-info {
    border: none;
    padding: 20px 15px;
}

.zuno-cms-modal.claimModal .d-info .blue-btn {
    background: #60489d;
    color: #fff;
    padding: 2px 22px;
    font-size: 14px;
}

.zuno-cms-modal.claimModal .d-info .orange-btn {
    background: #FF5900;
    border-color: #FF5900;
    color: #fff;
    padding: 2px 22px;
    font-size: 14px;
}

.zuno-cms-modal.claimModal .d-info .orange-btn:hover {
    background: #60489d;
    border-color: #60489d;
    color: #fff;
}

.zuno-cms-modal.claimModal .d-info .blue-btn:hover {
    background: #ff5900;
    border-color: #ff5900;
    color: #fff;
}

.zuno-cms-modal.claimMol .modal-body .modal-sp {
    padding: 40px 25px;
}

input#otp {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    padding: 10px 16px 10px 24px;
    color: #000;
    height: 48px;
    font-size: 14px;
    width: 100%;
}

span#otp-send-to {
    color: #F95700;
}

p.register-claim-timer {
    text-align: right;
    color: #5D4DA8;
    font-size: 12px;
    margin-top: -6px !important;
}

p.register-claim-timer a {
    color: #5D4DA8;
  }


#myModal-phone-send-otp.zuno-cms-modal .d-info  {
    border: none;
    padding: 10px 15px;
}

#myModal-phone-send-otp.zuno-cms-modal .d-info .explore {
    display: inline-block;
    background: #FF5900;
    border-radius: 20px;
    height: 47px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    padding: 0;
    color: #fff;
    border-color: #fff;
}

#myModal-phone-send-otp.zuno-cms-modal .d-info .explore:hover {
    background: #60489d;
    border-color: #60489d;
    color: #fff;
}


div#rememberCheckError {
    color: #f00 !important;
    font-size: 16px;
    font-weight: 600;
}

div.btn {
    cursor: default;
}

.home-bnr.banner-section .camp .image img {
    min-height: 372px;
}

.home-bnr.banner-section .weekend .image .img1 {
    min-height: 35px;
    margin-bottom: 33px;
}
.home-bnr.banner-section .weekend .image .img2 {
    min-height: 215px;
    margin-bottom: 16px;
}

.home-bnr.banner-section .weekend h4 {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 33px;
}

.dashboard-outer.white-bar .select2-container .select2-selection--single {
    color: #000000;
    background: #fff;
    border-radius: 16px;
    box-shadow: none;
    height: 50px !important;
    padding: 16px 15px;
    font-size: 12px;
    font-size: 18px;
    color: #AFA4CD;
    border-radius: 12px;
    background: #F5F5F5;
    border: none;
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    padding: 15px 16px 10px 24px;
    color: #000;
    font-size: 16px;
}

.dashboard-outer .select2-container--default .select2-selection--multiple {
    padding: 0px 10px;
}

.dashboard-outer.white-bar  .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3) !important;
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    padding: 0px 10px;
    color: #000;
    font-size: 16px;
}

.dashboard-outer.white-bar .select2-container--default .select2-selection--multiple {
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 196, 0.3) !important;
}

.dashboard-outer.white-bar .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
    color: #000;
    font-size: 15px;
    margin-top: 14px;
    border-radius: 0;
    margin-bottom: 8px;
}

.dashboard-outer.white-bar .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-top: 2px !important;
    right: 0px;
}

.dashboard-outer.white-bar.small .select2-container .select2-selection--single {
    box-shadow: 0px 2px 6px 0px rgb(93 77 168 / 10%);
    border: 1px solid rgba(196, 196, 196, 0.3);
    height: 42px !important;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 12px;
}

.dashboard-outer.white-bar.small .select2-container--default .select2-selection--multiple {
    min-height: 42px;
    border-radius: 8px !important;
    font-size: 12px;
    box-shadow: 0px 2px 6px 0px rgb(93 77 168 / 10%);
}

.dashboard-outer.white-bar.small .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 12px;
    margin-top: 11px;
}

.dashboard-outer.white-bar.small .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-top: -2px !important;
    right: 0px;
}


#social_register_step a.close {
    position: absolute;
    top: -36px;
    right: 11px;
}


#social_register_step .form_error {
    top: -10px;
    position: relative;
}

.default-form .form-group.mt-sps {
    margin-top: 7px;
}

/**** SimpliLearn CSS ***/
.banner-simplilearn {
    background: #30244F;
    padding:30px 0;
}

.banner-simplilearn .content-column h3 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
}

.banner-simplilearn .content-column h3 span {
    color: #F95700;
}

.banner-simplilearn  .content-column .text {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 76px !important;
    width: 85%;
}

.banner-simplilearn .btn-style-one {
    font-size: 17px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 600;
    padding: 15px 30px;
    margin-top: 16px;
}

.banner-simplilearn .list-style-one li:before {
    color: #ffffff;
    background: url(../images/simplilearn/check-orange.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
}

.banner-simplilearn .list-style-one li {
    padding-left: 35px;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 12px;
}

.candidate-log .default-form .login-boxs .form-group > label#error_email2 {
    color: #f00 !important;
}

.connect.simplilearn {
    padding: 35px 0px 32px 0px;
}

.connect.simplilearn .wht-do-bx .cnt-pnl{
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
    min-height: 135px;
    margin-bottom: 24px;
    width: 100%;
}

.connect.simplilearn h2 {
    margin-bottom: 22px;
}

.simplilaunch {
    background: #F6F4FE;
    padding: 13px 0;
}

.simplilaunch h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #30244F;
}

.simplilaunch .bgwhites {
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
    padding: 11px 26px;
    padding: 20px 18px;
  margin:12px 0;
}

.simplilaunch .bgwhites.fts {
    padding: 16px 26px 14px 20px;
}

.simplilaunch .ptsName {
  position: relative;
  left: -5px;
}

.simplilaunch .bgwhites.fts .theme-btn.btn-style-one {
    margin-top: 2px;
}


.simplilaunch h4 {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}

.simplilaunch .theme-btn.btn-style-one {
    background: #60489d;
    padding: 6px 30px;
    border-radius: 16px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    min-width: 124px;
    text-align: center;
    margin-top: 10px;
}

.simplilaunch .theme-btn.btn-style-one {
  padding: 6px 10px;
  font-size: 11px;
}

.app-process-div.simplilearn {
  background: #EEF8FB;
  padding:44px 0px 50px 0px;
}

.app-process-div.simplilearn .spr-left {
    padding-left: 30px;
}

.app-process-div.simplilearn .text {
    font-size: 18px;
    color: #101010;
    line-height: 27px;
    margin-top: 10px !important;
    width: 92%;
    font-weight: 500;
}

.placementWork-section {
  padding:90px 0 60px 0;
}

.placementWork-section .new-styh2 h2 {
    margin-bottom: 30px;
}

.placementWork-section .placeInfo {
    border: 2px solid #E6E6E6;
    margin-bottom: 30px;
    padding: 20px 20px 18px 20px;
    padding-left: 54px;
    position: relative;
    border-radius: 8.84108px;
}

.placementWork-section .placeInfo:before {
    content: '';
    width: 14px;
    height: calc(100% + 4px);
    background: #82C890;
    border-radius: 8.84108px 0px 0px 8.84108px;
    position: absolute;
    top: -2px;
    left: -2px;
}

.placementWork-section .placeInfo.sd:before {
  background: #5D4DA8;
}

.placementWork-section .placeInfo.td:before {
  background: #FF5900;
}

.placementWork-section .placeInfo h5  {
  font-size: 22px;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000;
    margin-bottom: 5px;
}

.placementWork-section .placeInfo h4  {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  text-transform: capitalize;
  color: #000000;
}

.faqs-section.home.simplilearn .accordion-box .block .acc-btn .icon {
    color: #FF5900 !important;
}

.faqs-section.home.simplilearn .accordion-box .block .acc-btn .icon {
    color: #FF5900 !important;
}

.faqs-section.home.simplilearn  .accordion-box .block .content p {
    padding-bottom: 28px;
    font-size: 16px;
}

.faqs-section.home.simplilearn  .accordion-box .block .content p:last-child {
    padding-bottom: 0;
}

.mheightlogo {
    height: 114px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.navbar-nav #navbarDropdown + .dropdown-menu {
    left: auto !important;
    right: -2px !important;
    top: 44px !important;
    transform: none !important;
}

.hide {
  display: none;
}

.badges-dropdown-menu {
  right: -2px !important;
  top: 72px !important;
  transform: none !important;
  border: none;
  z-index: 1;
}

.badges-dropdown-menu .badges-container .center {
  margin-top: -12px;
  background: #fff;
}

.badges-dropdown-menu .badges-container {
  border-color:#E2DDFD;
}

@media (max-width: 425px) {
  .badges-dropdown-menu {
    right: -2px !important;
    top: 40px !important;
    transform: none !important;
    border: none;
  }
}

.fw-semibold {
  font-weight:600 !important;
}

.faqs-section.home.simplilearn .accordion-box .block .acc-btn {
    padding-right: 35px;
}

.faqs-section.home.simplilearn .accordion-box .block .content ul.disc {
    color: #AAAAAA;
    padding-left: 26px;
    margin-bottom: 23px;
}

.faqs-section.home.simplilearn .accordion-box .block .content ul.disc li {
    list-style-type: disc;
    color: #AAAAAA;
    line-height: 2.1;
}

.faqs-section.home.simplilearn .accordion-box .block .content p.cust {
    padding-bottom: 4px;
}


.home-sec-simplilearn .content-column h3 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 22px;
    font-weight: 700;
    color: #5D4DA8;
}

.home-sec-simplilearn .content-column h3 span {
    color: #F95700;
}

.home-sec-simplilearn .content-column h3 img {
    margin-bottom: -2px;
}

.home-sec-simplilearn .list-style-one li {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    line-height: 26px;
    color: #101010;
    font-weight: 400;
    cursor: default;
    margin-bottom: 9px;
}

.home-sec-simplilearn .btn-style-one {
    font-size: 17px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 500;
    padding: 13px 30px;
    margin-top: 24px;
    min-width: 200px;
    text-align: center;
}

.home-sec-simplilearn .list-style-one li:before {
    color: #ffffff;
    background: url(../images/simplilearn/check-orange.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    top: 2px;
}

.home-sec-simplilearn .btn-style-one {
    font-size: 16px;
    line-height: 16px;
    border-radius: 16px;
    font-weight: 500;
    padding: 15px 30px;
    margin-top: 22px;
}

.home-sec-simplilearn .bg-simpli {
    background: #F1FBFF;
    border-radius: 30px;
    padding: 40px 100px;
    margin-bottom: 63px;
    margin-top: 16px;
}

.popular-job-hme .tab-content .job-bx:hover {
    background: #F2EFFE;
    border: 1px solid #BCB2EC;
  box-shadow:none;
    filter: drop-shadow(0px 0px 7px rgba(122, 88, 173, 0.3));
}

.popular-job-hme .tab-content .job-bx:hover .icn img {
    filter: brightness(0) invert(0);
}

.popular-job-hme .tab-content .job-bx:hover .content h3 {
    color: #101010;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item {
    padding: 0;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 25px;
    min-width: 193px;
    text-align: center;
    border: 1px solid transparent;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px !important;
}


section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link.active {
    background: #F6F4FE;
    color: #101010;
    border-radius: 25px;
    border: 1px solid rgba(196, 196, 196, 0.3);
}


section.ls-section.interns.opport-sec {
    padding-bottom: 25px;
}

/*** Evolve Page CSS Start ***/
.banner-evolve {
    padding: 65px 0 126px 0;
    background: #fff url(../images/evolve/bg-banner-evolve.svg) 0% 100% no-repeat;
    background-size: cover;
}

.banner-evolve  h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
    margin-bottom: 20px;
}

.banner-evolve  h4 img {
  margin-right:14px;
    vertical-align: inherit;
}

.banner-evolve  h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  margin-top:16px;
  margin-bottom:30px;
}

.banner-evolve  h5 img {
  margin-left:14px;
  vertical-align:middle;
}

.banner-evolve p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom:25px !important;
}

.banner-evolve .stext {
  font-weight: 400;
  font-size: 14px;
  margin-top:20px;
}

.banner-evolve .btn-style-one {
    font-size: 17px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 600;
    padding: 9px 16px 9px 21px;
    margin-top: 0px;
}

.banner-evolve .btn-style-one img {
  margin-left:25px;
}


.banner-evolve .bddr-box {
    display: inline-block;
    width: 161px;
    height: 151px;
    border: 2px solid #6D4DAE;
    filter: drop-shadow(0px 0px 4px rgba(122, 88, 173, 0.5));
    border-radius: 16px;
    padding-top: 23px;
    margin: 0 10px;
    margin-bottom: 20px;
}

.banner-evolve .bddr-box img {
    max-width: 61px;
    max-height: 61px;
    display: inline-block;
    margin-bottom: 6px;
}

.banner-evolve .bddr-box span {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 4px;
}

.banner-evolve .image-column h4 {
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}

.banner-evolve .content-column {
    border-right: 3px solid rgba(255, 255, 255, 0.2);
    padding: 0px 111px;
    padding-right: 105px;
}

.banner-evolve .owl-carousel .owl-item img {
  width:auto;
  height:auto;
  display:inline-block;
  border-radius:0;
}

/**/
.evolve-industry-section {
  padding:40px 0 30px 0;
}

.evolve-industry-section  .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    height: auto;
    object-fit: inherit;
    border-radius: 0;
    -webkit-transform-style: preserve-3d;
}

.evolve-industry-section h2 {
  margin-bottom:30px;
}

.evolve-industry-section .owl-prev {
  left:-52px;
  background:url(../images/evolve/arrow-left-purple.png) 50% 50% no-repeat;
}

.evolve-industry-section .owl-next {
  right:-52px;
  background:url(../images/evolve/arrow-right-purple.png) 50% 50% no-repeat;
}

.evolve-industry-section .owl-prev,
.evolve-industry-section .owl-next {
    color: #BDB4D6;
    font-size: 40px;
  position:absolute;
  top:13px;
  width:16px;
  height:27px;
  overflow:hidden;
  text-indent:-999px;
}

.evolve-industry-section .owl-dots {
    display: inline-block;
    width: 100%;
    margin: 20px 0px;
}

.evolve-industry-section .owl-dots .owl-dot {
  display:inline-block;
  width: 10px;
  height: 10px;
  background: #EEEEEE;
  border-radius:50%;
  margin:0 5px;
}

.evolve-industry-section .owl-dots .owl-dot.active {
  background: #FF5900;
}

/**/

.evolve-tabs-section {
  padding:0px 0px 60px 0px;
}

.evolve-tabs-section ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  background: #FFFFFF;
  border: 2px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 12px 12px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
  padding:1px 1px;
  width:490px;
}

.evolve-tabs-section ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 18px;
    font-weight: 400;
    color: #101010;
    padding: 11px 0px;
    text-align: center;
    border: none;
  border-radius: 14px;
  min-width:241px;
  margin:0;
}

.evolve-tabs-section ul.nav.nav-tabs li.nav-item a.nav-link.active {
    background: #F6F4FE;
    color: #fff;
    border-radius: 25px;
    font-weight: 600;
    border: none;
  background: #5BC8E1;
  border-radius: 14px;
  margin:0;
}


.evolve-tabs-section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #101010;
    min-height: 140px;
}

.evolve-tabs-section .tab-content {
  padding:60px 0 0px 0;
}

.evolve-tabs-section h2 {
  margin-bottom:15px;
}

.evolve-tabs-section h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 36px;
  color: #7F6CBE;
}

.evolve-tabs-section .border-com {
  background: #FFFFFF;
  border: 2px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 12px 12px -4px rgba(93, 77, 168, 0.1);
  border-radius: 24px;
    padding: 38px 45px 38px 0px;
}

.evolve-tabs-section .progress {
  height: 18px;
  background: #F4F4F5;
  border-radius: 16px;
}

.evolve-tabs-section .progress .progress-bar {
  background: #FF5900;
  border-radius: 16px;
}

.evolve-tabs-section .border-right1 {
  border-right: 3px solid #F4F4F5;
}


.evolve-tabs-section .sright {
  padding-right:48px;
}

.evolve-tabs-section .sleft {
  padding-left:48px;
}

.evolve-tabs-section .btn-style-one {
    font-size: 17px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 600;
    padding: 9px 16px 9px 21px;
    margin-top: 40px;
}

.evolve-tabs-section .btn-style-one img {
    margin-left: 20px;
    margin-right: 10px;
}

/**/
.app-process-div.evolvesec {
  background: #EEF8FB;
  padding:32px 0px 40px 0px;
}

.app-process-div.evolvesec h2 {
  margin-bottom:25px;
}

.app-process-div.evolvesec .boxi {
    padding: 25px 20px 21px 20px;
}

.app-process-div.evolvesec .boxi  p {
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    min-height: 57px;
}

/**/
.evolve-partner {
  padding:60px 0px 80px 0px;
}

.evolve-partner h2 {
  margin-bottom:15px;
    line-height: 20px;
    margin-bottom: 25px;
}

.evolve-partner .mheightlogos {
    height: 135px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.evolve-partner .brights {
  border-right: 3px solid #EBEBEB;
}

.evolve-about {
  background: #F6F4FE;
  padding:40px 0px 50px 0px;
}

.evolve-about .logo-black {
  margin:17px 0;
}

.evolve-about p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #101010;
}

.faqs-section.home {
    padding: 65px 0 10px 0;
}

/*** Evolve Page CSS End ***/

/*** Fellowship Page CSS Start ***/

.fellowsip-banner.banner-section.home-new-bnr .content-column .inner-column,
.fellowsip-banner.banner-section.home-new-bnr .image-column {
  padding-top:0px;
  padding-bottom:0px;
}

.fellowsip-banner.home-bnr.home-new-bnr.banner-section .btn-style-one {
    padding: 13px 24px;
border-radius: 8px;
}

.fellowsip-banner.banner-section.home-new-bnr .content-column .title-box {
    margin-bottom: 25px;
}

.fellowsip-banner.banner-section.home-new-bnr  {
  padding:70px 0;
}

.fellowsip-banner.banner-section.home-new-bnr .enroll-success .text {
  padding-left: 73px;
  padding-right: 25px;
  border-radius: 16px;
}

.fellowsip-banner.banner-section.home-new-bnr  .enroll-success .text img {
    left: 24px;
}


.evolve-industry-section.fellowsip  .owl-stage {
    justify-content: center;
    align-items: center;
    display: flex;
}

.evolve-industry-section.fellowsip h2 {
  margin-bottom:5px;
}

.benefit-section.fellowsip .sec-title h2 {
    letter-spacing: 0;
}

.evolve-industry-section.fellowsip .reed-coupon {
    background: #FFFFFF;
    border: 1px solid #DFDAEB;
    border-radius: 8px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    text-transform: capitalize;
    color: #60489D;
    padding: 0 22px;
}

.evolve-industry-section.fellowsip .owl-prev,
.evolve-industry-section.fellowsip .owl-next {
    top: 50%;
    margin-top: -21px;
}

.faqs-section.home.simplilearn.fellowsip {
  padding-top:35px;
}

.fellows-section h2 {
  letter-spacing:0;
}


.fellows-section .theme-btn {
    font-size: 14px;
    margin-top: 35px;
}

.letter-sp-0,
.sec-title.letter-sp-0 h2
 {
  letter-spacing: 0;
}

#countdown {
    padding-left: 8px;
    padding-bottom: 10px;
}

#countdown li {
    display: inline-block;
    list-style-type: none;
    padding: 1em;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    color: #FFFFFF;
    padding: 0 4px;
    position: relative;
}

#countdown li span {
    display: block;
    font-size: 24px;
    position: relative;
    letter-spacing: 30px;
    text-align: center;
    padding-left: 0;
    /* padding-right: 10px; */
    width: 89px;
}

#countdown li span:after {
  top:0;
  left:auto;
  right:0;
}


#countdown li span:before, #countdown li span:after {
    content: '';
    width: 38px;
    height: 38px;
    border: 1px solid #56408C;
    border-radius: 8px;
    position: absolute;
    top: -2px;
    left: -12px;
}

#countdown li:nth-child(2) span {
    width: 88px;
    padding-left: 3px;
    letter-spacing: 34px;
}

#countdown li span:after {
    left: auto;
    right: 18px;
}

#countdown li em {
    font-style: normal;
    padding-right: 29px;
  letter-spacing: 0.05em;
}

#countdown li:after {
    content: ':';
    font-size: 21px;
    line-height: 36px;
    position: absolute;
    top: -2px;
    right: 10px;
    font-family: 'Poppins', sans-serif;
  display:none;
}

#countdown li:last-child:after {
  display:none;
}

#countdown li.seperator {
    font-size: 21px;
    line-height: 36px;
    vertical-align: top;
    position: relative;
    left: -24px;
}

#countdown li:nth-child(2),
#countdown li:last-child {
    margin-left: -17px;
}

#countdown p {
  font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-transform: capitalize;
    left: -13px;
    position: relative;
    padding-top: 8px;
}


#countdown li.seperator.fts {
    margin-left: 2px;
}

#countdown li.seperator.tds {
    margin-left: 2px;
}

#countdown li.ltt2 {
    margin-left: -17px;
}


/**/
/********** Theme: dark **********/
/* Font styles */
.flipdown.flipdown__theme-dark {
}
/* Rotor group headings */
.flipdown.flipdown__theme-dark .rotor-group-heading:before {
  color: #fff;
}
/* Delimeters */
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background: #fff;
}
/* Rotor tops */
.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
  color: #fff;
    background: none;
}
/* Rotor bottoms */
.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
  color: #fff;
    background: none;
}
/* Hinge */
.flipdown.flipdown__theme-dark .rotor:after {
  border-top: none;
}

/********** Theme: light **********/
/* Font styles */
.flipdown.flipdown__theme-light {
}
/* Rotor group headings */
.flipdown.flipdown__theme-light .rotor-group-heading:before {
  color: #fff;
}
/* Delimeters */
.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background: #fff;
}
/* Rotor tops */
.flipdown.flipdown__theme-light .rotor,
.flipdown.flipdown__theme-light .rotor-top,
.flipdown.flipdown__theme-light .rotor-leaf-front {
  color: #fff;
    background: none;
}
/* Rotor bottoms */
.flipdown.flipdown__theme-light .rotor-bottom,
.flipdown.flipdown__theme-light .rotor-leaf-rear {
  color: #fff;
    background: none;
}
/* Hinge */
.flipdown.flipdown__theme-light .rotor:after {
  border-top: solid 1px #222222;
}

/* END OF THEMES */

.flipdown {
  overflow: visible;
  width: 510px;
    height: 80px;
}

.flipdown .rotor-group {
  position: relative;
  float: left;
  padding-right: 15px;
}

.rotor-group-heading {
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
    padding-right: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-transform: capitalize;
}

.flipdown .rotor-group:last-child {
  padding-right: 0;
}
.flipdown .rotor-group:last-child {
    padding-right: 0;
    display: none;
}

.flipdown .rotor-group-heading:before {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
  content:'';
    position: absolute;
    bottom: 53px;
    left: -10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  content: '';
  position: absolute;
  bottom: 63px;
  left: -10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

.flipdown .rotor {
  position: relative;
  float: left;
  width: 40px;
  height: 80px;
  margin: 0px 5px 0px 0px;
  border-radius: 4px;
  font-size: 4rem;
  text-align: center;
  perspective: 200px;
}

.flipdown .rotor:last-child {
  margin-right: 0;
}

.flipdown .rotor-top,
.flipdown .rotor-bottom {
  overflow: hidden;
  position: absolute;
  width: 50px;
  height: 40px;
}

.flipdown .rotor-leaf {
  z-index: 1;
  position: absolute;
  width: 50px;
  height: 80px;
  transform-style: preserve-3d;
  transition: transform 0s;
    width: 38px;
    height: 38px;
    border: 1px solid #56408C;
    border-radius: 8px;
}

.flipdown .rotor-leaf.flipped {
}

.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear {
  overflow: hidden;
  position: absolute;
  width: 38px;
  height: 38px;
  margin: 0;
  transform: rotateX(0deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flipdown .rotor-leaf-front {
  line-height: 38px;
  border-radius: 4px 4px 0px 0px;
    font-size: 24px;
}

.flipdown .rotor-leaf-rear {
  line-height: 0px;
  border-radius: 0px 0px 4px 4px;
  transform: rotateX(-180deg);
}

.flipdown .rotor-top {
  line-height: 80px;
  border-radius: 4px 4px 0px 0px;
 display:none;
}

.flipdown .rotor-bottom {
  bottom: 0;
  line-height: 0px;
  border-radius: 0px 0px 4px 4px;
 display:none;
}

.flipdown .rotor:after {
  content: '';
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  border-radius: 0px 0px 4px 4px;
}
/*
@media (max-width: 550px) {

  .flipdown {
    width: 312px;
    height: 70px;
  }

  .flipdown .rotor {
    font-size: 2.2rem;
    margin-right: 3px;
  }

  .flipdown .rotor,
  .flipdown .rotor-leaf,
  .flipdown .rotor-leaf-front,
  .flipdown .rotor-leaf-rear,
  .flipdown .rotor-top,
  .flipdown .rotor-bottom,
  .flipdown .rotor:after {
    width: 30px;
  }

  .flipdown .rotor-group {
    padding-right: 20px;
  }

  .flipdown .rotor-group:last-child {
    padding-right: 0px;
  }

  .flipdown .rotor-group-heading:before {
    font-size: 0.8rem;
    height: 20px;
    line-height: 20px;
  }

  .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
  .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    left: 69px;
  }

  .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    bottom: 13px;
    height: 8px;
    width: 8px;
  }

  .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    bottom: 29px;
    height: 8px;
    width: 8px;
  }

  .flipdown .rotor-leaf-front,
  .flipdown .rotor-top {
    line-height: 50px;
  }

  .flipdown .rotor-leaf,
  .flipdown .rotor {
    height: 50px;
  }

  .flipdown .rotor-leaf-front,
  .flipdown .rotor-leaf-rear,
  .flipdown .rotor-top,
  .flipdown .rotor-bottom,
  .flipdown .rotor:after {
    height: 25px;
  }
}*/

/**/

.custom-modal.zuno-cms-modal .modal-content {
    border-radius: 36px;
}

.custom-modal.zuno-cms-modal .modal-header {
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
}

.zuno-cms-modal.modal-fello .modal-body .modal-sp {
    padding: 25px 50px;
}


.zuno-cms-modal.modal-fello .modal-body .modal-sp {
    padding: 12px 50px 0px 50px;
}

.zuno-cms-modal.modal-fello .modal-body .modal-spr {
    padding: 0px 30px 25px 30px;
}

.zuno-cms-modal.modal-fello .s-linka .gog {
  float:left;
}

.zuno-cms-modal.modal-fello .form-group input[type="text"],
.zuno-cms-modal.modal-fello .form-group input[type="password"] {
  border-radius: 16px;
    font-size: 14px;
    height: 48px;
}

.zuno-cms-modal.modal-fello .input-group i {
    color: #C4C4C4;
    font-size: 14px;
    margin-top: -1px;
}

.zuno-cms-modal.modal-fello .form-group label {
  font-weight: 600;
}

.zuno-cms-modal.modal-fello .slink {
    color: #5D4DA8;
    font-size: 14px;
}

.zuno-cms-modal.modal-fello input[type="submit"] {
  height:48px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  width:auto;
  min-width:178px;
}

.zuno-cms-modal.modal-fello  .or-div hr {
    border-top: 2px solid #D2D1D6;
    float: none;
    width: 52%;
}

.zuno-cms-modal.modal-fello  .d-info {
    padding: 19px 0px 0px 0px;
    border-top: 2px solid #F4F4F5;
}

.zuno-cms-modal.modal-fello  .d-info  p {
    margin: 2px 0px 5px 0px !important;
}

.zuno-cms-modal.modal-fello .d-info .explore {
  text-align:center;
    min-width: 168px;
}

.custom-modal.zuno-cms-modal.register .modal-header .modal-title span {
    color: #000;
}


.zuno-cms-modal.modal-fello .or-div.inn hr {
    margin-top: 10px;
    margin-bottom: 20px;
}

.zuno-cms-modal.modal-fello .or-div.inn .or {
    padding: 0px 15px;
    top: 1px;
}

.zuno-cms-modal.modal-fello label .red {
    top: -2px;
    position: relative;
}

.zuno-cms-modal.modal-fello .select2-container {
    width: 100% !important;
}

@media (min-width: 1200px) {
.thank-modal-lgg {
    max-width: 886px;
}
}

.zuno-cms-modal.step-thank .thank-modal-lgg .bgg {
    border-radius: 16px;
}
.zuno-cms-modal .thank-modal-lgg .fellow-thank .borde {
    min-width: 196px;
    line-height: 48px;
    padding: 0;
    text-align: center;
    border-radius: 16px;
    font-size: 14px;
    color: #FF5900;
}

.zuno-cms-modal .thank-modal-lgg .fellow-thank .borde:hover {
  color:#fff;
}


/*** Fellowship Page CSS End ***/

/*** Dream Entership Section CSS start ***/

.text-sblue {
  color:#5BC8E1;
}

.home-sec-dream-intership .bg-dreami {
  background: #30244F;
  border-radius: 30px;
  padding:30px 30px;
    margin-top: 17px;
  margin-bottom:32px;
}

.home-sec-dream-intership .content-column {
    padding-left: 50px;
    padding-right: 175px;
}

.home-sec-dream-intership .content-column .text strong {
  font-weight:600;
}


.home-sec-dream-intership h3 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 22px;
    font-weight: 700;
  color:#5BC8E1;
}

.home-sec-dream-intership h3 span.org {
    color: #F95700;
}

.home-sec-dream-intership .content-column .list-style-one {
  margin-bottom:45px;
}

.home-sec-dream-intership .btn-style-one {
  border-radius: 16px;
  padding: 0 17px 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height:49px;
}

.home-sec-dream-intership .content-column .btn-style-one.borde {
  border: 1px solid #FF5900;
  background:none;
  color:#fff;
  min-width:161px;
  text-align:center;
  padding:0 15px;
    margin-left: 24px;
}

.home-sec-dream-intership .content-column .btn-style-one img {
  max-width:24px;
    margin-left: 5px;
}

.home-sec-dream-intership .content-column .btn-style-one.borde:hover {
  background:#FF5900;
  color:#fff;
}


.home-sec-dream-intership .list-style-one li:before {
    color: #ffffff;
    background: url(../images/simplilearn/check-orange.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    top: 2px;
}

.home-sec-dream-intership .list-style-one li {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    cursor: default;
    margin-bottom: 9px;
}

.home-sec-dream-intership .image-box {
  background: #EEF8FB;
  border-radius: 15px;
  padding:22px 25px;
}

.home-sec-dream-intership .image-box h4 {
  font-weight: 700;
    font-size: 16px;
    color: #101010;
    line-height: 21px;
    padding-right: 14px;
}

.home-sec-dream-intership .image-box h5 {
  font-weight: 700;
  font-size: 18px;
  color: #5D4DA8;
    margin-top: 21px;
    margin-bottom: 7px;
}

.home-sec-dream-intership .image-box .job-other-info li {
    font-size: 14px;
    line-height: 15px;
    margin-right: 12px;
  color: #101010;
    padding: 7px 15px;
    border-radius: 16px;
    margin-bottom:0px;
}

.home-sec-dream-intership .image-box .job-other-info li.time img {
    margin-left: 3px;
    margin-right: 5px;
}

/*** Dream Entership Section CSS End ***/
.custom-modal.zuno-cms-modal .checkboxes.fellowrnrol label::before {
  border: 1px solid rgba(196, 196, 196, 0.3);
  background: none;
}


.custom-modal.zuno-cms-modal .checkboxes.fellowrnrol input[type="checkbox"]:checked + label::before {
  background: #5D4DA8;
  border: 1px solid #5D4DA8;
}


.custom-modal.zuno-cms-modal .checkboxes.fellowrnrol label span {
    color: #FF5A01;
}

/** Fellowship New CSS Start**/
.flipdown {
  overflow: hidden;
}

.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column .b-right {
  border:none;

}


.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 36px;
  line-height: 47px;
}


.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 span.yel {
  color:#FFC300;

}

.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 span {
  color:#5BC8E1;
}

.home-bnr.home-new-bnr.banner-section.fellowsip-banner  .btn-style-one {
  border-radius:16px;
  min-width: 232px;
}


.evolve-industry-section.fellowsip {
  background: #F6F4FE;
  padding: 35px 0 15px 0;
}

.evolve-industry-section.fellowsip .image-box {
  background: #FFFFFF;
  border: 2px solid rgba(122, 88, 173, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 16px;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.evolve-industry-section.fellowsip .owl-prev, .evolve-industry-section.fellowsip .owl-next {
  top: 35%;
}

.evolve-industry-section.fellowsip .image-box img {
  max-width: 80%;
}

.evolve-industry-section.fellowsip h2 {
  margin-bottom: 21px;
}

.evolve-industry-section.fellowsip  .owl-dots {
    margin: 6px 0px 15px 0px;
}

.evolve-industry-section.fellowsip .owl-dots .owl-dot {
  background: #D7CDE6;
  width: 8px;
  height: 8px;
}

.evolve-industry-section.fellowsip  .owl-dots .owl-dot.active {
  background: #FF5900;
}


.evolve-industry-section.fellowsip .btn-style-one {
  background: #5D4DA8;
  border-radius: 16px;
  line-height: 41px;
  padding: 0;
  min-width: 190px;
  font-weight: 500;
  font-size: 16px;
}


.benefit-section.fellowsip {
  padding-top:20px;
}

.exciting-rewards.fellowsip {
  background: #EAF9FF;
  padding: 40px 0 45px 0;
}

.exciting-rewards.fellowsip .category-banner-inner {
  background: #FFFFFF;
  border: 2px solid #BDE9F3;
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  position: relative;
}

.exciting-rewards.fellowsip .gift-text {
  color: #9C9C9C;
}

.exciting-rewards.fellowsip .category-banner-inner .arr {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -7px;
}


.exciting-rewards.fellowsip  .btn-style-one {
  background: #5BC8E1;
  border-radius: 16px;
  padding: 0 10px;
  line-height: 65px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.05em;
  margin-top:25px;
}

.exciting-rewards.fellowsip  .btn-style-one img {
  margin-left:20px;
}

.fellows-section.instyle {
  padding-top:45px;
}


.fellows-section.instyle .btn-style-one {
  border: 1px solid #FF5900;
  border-radius: 16px;
  padding:0 10px;
  min-width: 167px;
  line-height: 43px;
  display: inline-block;
  vertical-align: middle;
  margin-right:35px;
}

.fellows-section.instyle .btnterms {
  font-weight: 500;
  font-size: 14px;
  text-decoration-line: underline;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Poppins', sans-serif;
  margin-top:35px;
}

.fellows-section.instyle .btnterms img {
  margin-right:10px;
}

.custom-modal.zuno-cms-modal.vdetail  .modal-content {
  border-radius:25px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header {
  border-radius:25px 25px 0 0;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header  h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.01em;
  margin-bottom: 11px;
  margin-top: 5px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header  p  {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  color: #000000;
}


.custom-modal.zuno-cms-modal.vdetail .modal-header  p span {
  font-weight: 400;
  font-size: 20px;
  text-transform: capitalize;
  color: #000000;
  display:inline-block;
  padding: 0 15px;
  position: relative;
  top: -3px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp  {
  padding-bottom: 15px;
}
.custom-modal.zuno-cms-modal.vdetail .modal-sp h3  {
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 10px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp h4  {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 10px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp p  {
    font-size: 14px;
    line-height: 21px;
    color: #808080;
    padding-bottom: 20px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp h3.syl {
    border-top: 1px solid #E7E7E7;
    padding-top: 15px;
    margin-top:0px;
    margin-bottom:30px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .modal-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .modal-content {
  border-radius: 25px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .modal-content  .modal-sp  {
  padding: 0 82px;
  padding-top: 0px;
  padding-bottom: 16px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .modal-content .fellow-thank p {
  margin: 0px 0px 20px 0px !important;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .btn-style-one {
  min-width: 224px;
}

.custom-modal.zuno-cms-modal.step-thank.step3  .bgg h4 {
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
.custom-modal.zuno-cms-modal.step-thank.step3 .thank-modal-lgg {
    max-width: 750px;
}
}



/** Fellowship New CSS End **/


/**/


.zuno-cms-modal .felselect .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  position: absolute;
  right: 4px;
  top: -1px;
}

.zuno-cms-modal .felselect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: none;
  padding-left: 9px;
}

.zuno-cms-modal .felselect .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 16px;
margin-bottom:0;
}

.zuno-cms-modal .felselect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
width:auto;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.zuno-cms-modal .felselect .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding: 0px 14px 2px 12px;
  height: 26px;
  background: #a995f7;
  border-radius: 15px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  border: none;
  margin-top: 8px;
  margin-right: 0;
}

.zuno-cms-modal .felselect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left: auto;
  right: 0;
  border: none;
  color: #fff;
}

.zuno-cms-modal .felselect .sellect3skill {
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 18px;
  color: #A5A3AE;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
}

.zuno-cms-modal .felselect .select2-container .select2-search--inline .select2-search__field {
  font-size: 12px;
  font-family: 'Poppins', sans-serif;

}

.zuno-cms-modal .felselect .sellect3skill span.redstar {
color: #DB5461;
}

.zuno-cms-modal .felselect label.form_error {
  width: 100%;
}

.zuno-cms-modal .felselect .select2-container .select2-search--inline {
  font-size: 14px;
  width: auto;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-top: 0;
}


.zuno-cms-modal .felselect .select2-container--default .select2-selection--single {
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 0px 2px 6px 0px rgb(93 77 168 / 10%);
  border: 1px solid rgba(196, 196, 196, 0.3);
}

.zuno-cms-modal .felselect .select2-container--default .select2-selection--multiple {
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 0px 2px 6px 0px rgb(93 77 168 / 10%);
  border: 1px solid rgba(196, 196, 196, 0.3);
}

.zuno-cms-modal .felselect .select2-container .select2-selection--multiple {
  min-height: 41px;
}

.zuno-program.fellowship .bg-blues {
  background: #30244F;
  border-radius: 30px;
  padding: 60px 0px 70px 115px;
}

.zuno-program.fellowship .sec-title h2 {
    font-size: 36px;
    line-height: 39px;
}

section.zuno-program.fellowship h4 {
  margin-top: 40px;
  margin-bottom: 28px;
  font-size: 24px;
  line-height: 36px;
}

section.zuno-program.fellowship .image-column img {
  max-width: 100%;
}

section.zuno-program.fellowship .btn-style-one {
  min-width: 200px;
  line-height: 46px;
  padding: 0 10px;
  border-radius: 16px;
  font-size: 16px;
}

.banner-section.hbanner .fellows span {
  color:#5BC8E1;
}

.banner-section.hbanner .fellows .pfelow {
  border-color:#5BC8E1;
}

.banner-section.hbanner .fellows span.yel {
  color:#FFC300;
}


.banner-section.hbanner .fellows .image img {
  max-width: 514px;
}


.banner-section.hbanner h4.fsize {
  font-size: 18px;
  line-height: 1.5;
}



.faqs-section.home.simplilearn.evolve-sec .accordion-box.custsize .block .content p {
  font-size: 18px;
  line-height: 27px;
}

a.close.position-close {
  position: absolute;
  top: -36px;
  right: 11px;
}

/**/


/* Winbadge CSS */
.winbadge {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #78AFD7;
  margin: 1px 0 8px 0;
  min-height: 22px;
  display: block;
  position: relative;
}

.winbadge img {
  margin-right: 5px;
  vertical-align: top;
  position: relative;
  top: 0px;
}

.winbadge.Platinum {
  color: #78AFD7;
}

.winbadge.Gold {
  color: #FFBE01;
}

.winbadge.Silver {
  color: #B6BABE;
}

/*** Login/Register CSS ***/

.candidate-log.lgn-candidate .auth-cover-wrapper .auth-cover .cover-image img, .candidate-log.lgn-candidate .auth-cover-wrapper .auth-cover .cover-image img {
  max-width: 35%;
  max-height: 543px;
}

.candidate-log.reg .login-boxs .theme-btn.emplbtn img {
  margin-top:-3px;
}

.candidate-log.reg .login-boxs .theme-btn img.s-purple {
  display:none;
}

.candidate-log.reg .login-boxs .theme-btn.active-role img {
  display:none;
}

.candidate-log.reg .login-boxs .theme-btn.active-role img.s-purple {
  display:inline-block;
}

.main-header .outer-box .log-reg-btns .theme-btn.current, .main-header .outer-box .log-reg-btns .theme-btn:hover {
  background: #EBE6FF !important;
}

.candidate-log .login-boxs .social-login {
  padding-top: 0px !important;
}

.main-header .outer-box .log-reg-btns .theme-btn.current, .main-header .outer-box .log-reg-btns .theme-btn:hover {
    border-width:2px!important;
}

.candidate-log .or-div hr {
  background: #A5A3AE;
  border-top: 1px solid #A5A3AE;
}

.candidate-log .or-div .or {
  padding: 15px 25px;
  margin-left: -36px;
  line-height: 19px;
}

.candidate-log .or-div .or {
  line-height: 14px;
}

.candidate-log .signup-wrapper {
  justify-content: flex-end;
}

.candidate-log .form-wrapper {
  max-width: 535px;
  justify-content: flex-end;
}

.candidate-log .login-boxs .log-up-pad {
    padding: 5px 40px 10px 16px;
}


.candidate-log.lgn .login-form .form-group .theme-btn {
  border-radius: 16px;
  height: 51px;
  font-size: 18px;
}

.candidate-log .s-linka a {
  padding: 9px 0px;
}

.candidate-log .form_error, .felowship-enroll-form .form_error {
  font-weight: 400 !important;
  font-size: 12px !important;
  text-transform: capitalize;
  color: #FE0000 !important;
  margin-left:5px;
}

.campus-ambassador-form .form_error:before,
.candidate-log .form_error:before,
.felowship-enroll-form .form_error:before  {
  content: '';
  width: 15px;
  height: 15px;
  background: url(../images/img_error.svg) 50% 50% no-repeat;
  background-size: 15px 15px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  margin-top: 2px;
}
.campus-ambassador-form .other_field:before{
  content: '';
  width: 15px;
  height: 15px;
  background: url(../images/img_error.svg) 50% 50% no-repeat;
  background-size: 15px 15px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  margin-top: 0;
}

.error_border {
  border-color:#FF2222 !important;
}

.candidate-log .input_error {
  border-color:#FF2222!important;
}

.candidate-log .form_error img {
  vertical-align: middle;
  position: relative;
  margin-top: -3px;
}

.reg .btn-box.row {
  margin-left: -20px;
  margin-right: -20px;
}

.candidate-log .default-form .login-boxs .form-group input[type="text"], .candidate-log .default-form .login-boxs .form-group input[type="password"],
.candidate-log.reg .default-form .login-boxs .form-group input[type="text"], .candidate-log.reg .default-form .login-boxs .form-group input[type="password"], .candidate-log.reg .default-form .form-group input[type="email"], .candidate-log.reg .default-form .form-group input[type="tel"] {
  padding: 8px 16px 8px 15px;
}

.candidate-log .password-hode-shoe-icon .input-group-text, .candidate-log .input-group .input-group-text {
  padding: 8px 20px;
  line-height: 48px;
}

.candidate-log .login-form .field-outer .pwd {
  font-size: 14px;
}

input#otp {
    margin-bottom: 10px;
    font-size: 16px;
}


.candidate-log.lgn-candidate .or-div .or {
  line-height: 14px;
}

.candidate-log.lgn-candidate .login-form .form-group .theme-btn{
  height: 47px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 16px;
  width:100%;
  min-width:100%;
}

.candidate-log.lgn-candidate .login-form #verify-login-otp .form-group .theme-btn  {
  width:auto;
  min-width:260px;
}

.candidate-log.lgn-candidate .login-form #send-login-otp .form-group .theme-btn  {
  width:auto;
  min-width:260px;
}

.candidate-log.lgn-candidate .login-timer {
  font-size: 14px;
  line-height: 21px;
  color: #5D4DA8;
  color: #808080;
  min-height:20px;
}

.candidate-log.lgn-candidate .login-timer span {
  color: #5D4DA8;
}

.candidate-log.lgn-candidate .login-timer a {
  float: right;
  color:#808080;
  font-size: 14px;
  position: relative;
  z-index: 3;
}

.candidate-log.lgn-candidate .login-timer a.disable-btn {
  pointer-events:none;
}


.candidate-log.lgn-candidate .login-timer .resend-login-timer,.candidate-log.lgn-candidate .login-timer .forgot-resend-login-timer {
  color: #5D4DA8;
}

.candidate-log.lgn-candidate .login-with-otp {
  height: 47px;  
  border: 1px solid #FF5900;
  border-radius: 16px;
  width:100%;
  font-size: 16px;
  line-height: 45px;
  color: #FF5900;
  text-align: center;
  display: inline-block;
  transition: all 0.5s ease;
}

.candidate-log.lgn-candidate .or-div hr {
  margin: 26px auto;
}

.candidate-log.lgn-candidate .login-with-otp:hover {
  background: #FF5900;
  color:#fff;
}

.reg .login-form .checkboxes label {
  color: #000000;
  font-size: 16px;
  padding-left: 38px;
}

.fellowship_register_div {
  margin-top: 0px;
}

.fellowship_register_div label a {
  font-weight: 600;
}

.fellowship_register_div.checkboxes label:before {
  width: 23px;
  height: 23px;
  margin-top: -3px;
  border: 1px solid #D2D1D6;
  border-radius: 2px;
}

.fellowship_register_div.checkboxes input[type="checkbox"]:checked + label:before {
  border: 1px solid #1967D2;
  padding-top: 2px;
  font-size: 12px;
}

.error_modals.zuno-cms-modal .modal-body .modal-sp {
  padding: 28px 31px 32px 31px;
}

.error_modals.custom-modal.zuno-cms-modal .modal-content {
  border-radius: 25px;
}

.error_modals .error_message_div img {
  margin-right:18px;
}

.error_modals .error_message_div p {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #000000;
}

.error_modals .access-zuno .error_message_div img {
    margin-right: 18px;
    width: 81px;
}


@media (min-width: 600px)  {
.error_modals .modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
}
}

.error_modals .error_message_div p a {
  color: #5D4DA8;
}

.custom-modal.error_modals {
  padding-top: 0px;
}

.dmisectionspaceDiv {
  padding-bottom: 35px;
}

.dreamintership-homesection {
  margin-bottom: 55px;
}

.dreamintership-homesection.last {
  margin-bottom: 90px;
}

.banner-evolve .owl-carousel .owl-item img.logofoundit {
  height:49px;
}

/*** DreamCard CSS Start***/
.dreamcards-section .job-block {
  margin-bottom: 40px; 
}

.dreamcards-section .dintership-card.job-block .inner-box  {
  padding: 23px 39px 22px 21px;
  border-radius: 36px;
}


.opport-sec.ls-section .filters-outer {
  border: 2px solid #EAEAEA;
}

.job-block .inner-box {
  border: 2px solid #EAEAEA;
}

.job-block .inner-box  {
  padding: 23px 39px 22px 21px;
  padding: 23px 21px 22px 21px;
  border-radius: 18px;
}

.dintership-card.job-block .inner-box {
  background: linear-gradient(180deg, rgba(248,240,167,1) 0%, rgba(255,204,238,1) 100%);
  border:none;
  padding-top: 23px;
  padding-bottom: 18px;
}

.dreamcards-section .dintership-card.job-block .inner-box:before {
  border-radius: 36px;  
}

.dintership-card.job-block .inner-box:before {
  background: linear-gradient(180deg, #FFFDEF 0%, #FFFFFF 37.14%);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 4px;
  border-radius: 8px;
}

.dintership-card.job-block .inner-box:before {
  border-radius: 14px;
}

.dintership-card.job-block .job-info {
  margin-bottom: 5px;
}

.job-block .job-info {
  min-height: 27px;
}

.dintership-card.job-block .job-other-info {
  padding-top: 8px;
}

.job-block .company-logo {
  width: 76px;
  height: 76px;
  margin-top: 11px;
}
.job-block .content {
  position: relative;
  padding-left: 93px;
}

.ls-section .job-block h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 7px;
}

.ls-section .dintership-card.job-block .internships {
  background: #FADEFB;
  border-radius: 13px;
  font-weight: 400;
  font-size: 14px;
  color: #A062CE;
  padding: 3px 9px 3px 15px;
  vertical-align: super;
  top: 3px;
  position: relative;
}

.ls-section .dintership-card.job-block .internships img {
  margin-left: 2px;
}


.ls-section .dintership-card.job-block .job-other-info li.stipnd {
  color: #101010;
  background: #E0F9DA;
}

.ls-section .dintership-card.job-block .job-other-info li.flstay {
  color: #101010;
  background: #FBF1D0;
}

.ls-section .dintership-card.job-block {

}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac  {
  line-height: 34px;
  min-width: 125px;
  padding: 0px 14px;
  font-size: 16px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn {
  line-height: 36px;
  min-width: 125px;
  padding: 0px 14px;
  font-size: 16px;
}

.dintership-card.job-block .job-info li .icon {
    color: #000;
}

.dintership-card.job-block .job-info li,
.job-block .job-info li {
  color: #808080;
  font-size: 14px;
}

.dreamcards-section .dintership-card.job-block .job-info li {
  font-size: 16px;
}

.dintership-card.job-block .job-info li .com_name {
  color:#570097;
}

.dintership-card.job-block .job-info li .com_name .icon {
  color:#570097;
  font-size: 15px;
  line-height: 21px;
}

.opport-sec.interns .job-block .content {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}

.opport-sec.interns .job-block .job-info {
  width: 100%;
}

.opport-sec.interns .job-block.dintership-card .job-other-info {
  padding-top: 8px;
}

.opport-sec.interns .job-block .job-other-info {
    width: 60%;
}

.opport-sec.interns .job-block .inner-box .vie-btn {
  margin-top: 7px;
  margin-top: 0px;
  width: 40%;
  margin-left: auto;
  float: right;
}

.faqs-section .accordion {
  width: 100%;
}


/*** DreamCard CSS End ***/

/*** New ApplyForm Start ***/
.reg.candidate-log .select2-container .select2-selection--single .select2-selection__rendered  {
    font-size: 16px;
    color:#101010;
}

.reg.candidate-log .degreeinputerror label#error_degree  {
 display: none !important;
}

.reg.candidate-log .degreeinputerror .error_border ~ .select2-container--default .select2-selection--single {
  border-color: #FF2222 !important;
}

.applyformcss.custom-modal.zuno-cms-modal .modal-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.applyformcss.custom-modal.zuno-cms-modal .modal-content {
  border-radius: 25px;
}

.zuno-cms-modal.applyformcss .modal-header {
  padding: 19px 0px;
}

.zuno-cms-modal.applyformcss .modal-body .modal-sp {
  padding: 20px 32px;
}

.zuno-cms-modal.applyformcss .mbsp {
  margin-bottom: 8px;
}

.zuno-cms-modal.applyformcss #apply-form .form-group input {
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 8px;
  padding: 8px 16px 8px 24px;
  color:#1D1934;
  margin-bottom: 8px;
}

.zuno-cms-modal.applyformcss #apply-form .form-group input[type="file"] {
  font-size: 12px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple {
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 8px;
  padding: 2px 16px 2px 17px;
  color:#1D1934;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--single {
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 8px;
  padding: 12px 16px 8px 24px;
  color:#1D1934;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  background: #F6F4FE;
  color: #5D4DA8;
  padding: 0px 27px 2px 12px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 15px;
  color: #5D4DA8;
  right: 7px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #5D4DA8 !important;
}

.zuno-cms-modal.applyformcss .subbtn {
  padding-top:18px;
  padding-bottom:15px;
}

.zuno-cms-modal.applyformcss .subbtn input {
  min-width: 192px;
  width: auto;
  display: inline-block;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 15px;
}

.zuno-cms-modal.applyformcss .select2-container--default .select2-search--inline .select2-search__field {
  color:#1D1934;
}

.zuno-cms-modal.applyformcss .question_form textarea {
  background: #FFFFFF;
  border: 1px solid rgba(196, 196, 196, 0.3);
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  border-radius: 8px;
  padding: 14px 16px 0px 24px;
  color: #1D1934;
  margin-bottom: 8px;
  color: #777585;
  font-size: 12px;
  min-height: 90px;
  line-height: 20px;
}

.zuno-cms-modal.applyformcss .question_form label {
  font-weight: 600;
  color: #000000;
}

/*** New ApplyForm CSS End ***/



@media (min-width: 992px) {
.zuno-cms-modal.applyformcss .modal-lg {
  max-width: 695px;
}
}

/*** Responsive CSS ***/
@media (max-width: 991px) {
.oppor-page .job-search-form .form-group input {
    padding: 10px 0 !important;
    height: 50px!important;
    font-size: 14px!important;
    padding-left: 35px!important;
}

.job-search-form .form-group .icon {
    left: 16px !important;
    background: none !important;
}

.oppor-page .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    right: 1px;
}

.oppor-page .job-search-form .form-group:last-child {
  padding-top:0;
}

.oppor-page .job-search-form .form-group .theme-btn {
    height: 45px;
}

.oppor-page .select2-container .select2-selection--single {
    height: 50px !important;
}

section.page-title.intern-tp.oppor-page {
    padding: 27px 0 8px 0;
}

.oppor-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 5px;
}


.mt-35 {
  margin-top:10px;
}

.div-shw-more .select2-container {
    min-width: 125px;
    width: 100%;
    text-align: center;
}

.div-shw-more .selection {
    text-align: center;
}

.div-shw-more .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 29px;
    padding-left: 29px;
}

.div-shw-more .select2-container .select2-selection--single {
    height: 45px !important;
}

.opport-sec .btn-telegram {
  padding: 3px 18px;
  height: 46px;
  border-radius: 20px;
  font-size: 14px;
}

.opport-sec .ls-switcher .showing-result {
  display:none;
}

}


@media (min-width: 768px) {


.intershipothers, .fresherothers
{
display:block !important;

}

}

@media (max-width: 767px) {

.intershipothers, .fresherothers
{
display:none;

}

.zuno-cms-modal .modal-dialog {
  margin: 0 auto;
    margin-top: 50px;
}

.zuno-cms-modal .modal-content {
    width:100% !important;
}

.zuno-cms-modal .modal-content img {
    padding-top: 0px;
}

.custom-modal.zuno-cms-modal .modal-content {
    border-radius: 16px 16px 0px 0px;
}

.zuno-cms-modal input[type="submit"] {
  color: #fff !important;
}

.zuno-cms-modal.custom-modal {
    padding: 0px 0 !important;
}

.custom-modal.zuno-cms-modal .regi p {
  color: #000000;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
    margin-bottom: 16px !important;
}


.custom-modal.zuno-cms-modal.fellowthank .modal-content {
    border-radius: 16px 16px 16px 16px;
}

.custom-modal.zuno-cms-modal.fellowthank .modal-dialog {
    margin: 0 20px;
}

.zuno-cms-modal.step-thank .bgg {
  margin-bottom:16px;
}

.zuno-cms-modal.step-thank .bgg.lts {
  margin-bottom:0px;
}

.zuno-cms-modal.step-thank .bgg h4 {
    font-size: 12px;
    margin: 5px 0 4px 0;
}

.zuno-cms-modal.step-thank .bgg img.arr {
    bottom: -26px;
    top: auto;
    left: 50%;
    right: auto;
    margin-top: 0;
    width: 37px;
    margin-left: -19px;
    transform: rotate(90deg);
}

.zuno-cms-modal.step-thank .modal-content {
    border-radius: 16px;
}

.zuno-cms-modal.step-thank .modal-dialog {
    margin: 0 15px;
    margin-top: 20px;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text {
    padding: 10px 16px;
    padding-left: 90px;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text img {
    left: 40px;
}


.h-100vh {
    height: inherit!important;
}

.candidate-log .h-100vh {
    height: inherit!important;
}

div#login-div-box{
    margin-top: 62px;
}

.candidate-log.employ-log {
  padding-top:62px;
}

.candidate-log.employ-log .close-rt {
    top: 65px;
}



.candidate-log .signup-wrapper {
    padding: 0px 0px 0px 0px;
}

.candidate-log .main-box.login-box {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.candidate-log .up-header h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0;
}

.candidate-log .up-header {
    padding: 15px 20px 11px 20px;
  border-radius: 16px 16px 0px 0px;
}

.candidate-log .up-header span.tt-sub {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

.candidate-log .login-boxs .can-amp-btn a img {
    width: 20px;
    margin-right: 3px;
}

.candidate-log .login-boxs .can-amp-btn a {
    font-size: 12px;
    line-height: 47px;
    border-top: 3px solid #E1E1E1;
}

.candidate-log .login-boxs .can-amp-btn.active a {
    font-size: 13px;
}


.candidate-log.reg .login-form .form-group .btn-box .theme-btn {
    font-size: 12px;
    height: 50px;
    line-height: 47px;
    border-top: 3px solid #E1E1E1;
}

.reg .login-form .form-group .btn-box .theme-btn.btn-style-four.active-role {
    font-size: 13px;
}

.candidate-log.reg .login-boxs {
    padding-left: 10px;
    padding-right: 10px;
}

.candidate-log.lgn .login-form .form-group .theme-btn {
    padding: 13px 24px 15px 24px;
    font-size: 14px;
}


.candidate-log .default-form .form-group {
    margin-top: 10px;
}

.candidate-log .login-boxs .log-up-pad {
    padding: 15px 10px 4px 10px;
}

.s-linka a {
    padding: 9px 3px;
    margin-bottom: 16px;
    font-size: 12px;
}

.s-linka a img {
    max-width: 24px;
    margin-right: 3px;
}

.candidate-log .default-form .login-boxs .form-group input[type="text"], .candidate-log .default-form .login-boxs .form-group input[type="password"] {
    padding: 5px 16px 5px 24px;
    font-size: 12px;
}

.candidate-log.reg .default-form .form-group input[type="email"], .candidate-log.reg .default-form .form-group input[type="tel"] {
    padding: 5px 16px 5px 24px;
    font-size: 12px;
}

.candidate-log .password-hode-shoe-icon .input-group-text, .candidate-log .input-group .input-group-text {
    padding: 11px 15px;
    font-size: 15px;
}

.candidate-log.lgn .login-form .form-group .theme-btn {
  width:100%;
    margin-top: 5px;
}

.candidate-log .login-boxs .social-login {
    padding: 0 10px 7px 10px;
}

.candidate-log .d-info .explore {
    padding: 0px 16px;
    font-size: 14px;
    line-height: 43px;
  border-radius: 16px;
}

.candidate-log .d-info {
    padding: 20px 10px 25px 10px;
}

.candidate-log .default-form .login-boxs .form-group > label {
    font-size: 12px;
    margin-bottom: 5px;
}

.candidate-log .or-div hr {
    margin: 15px 0px 25px 0px;
}

.candidate-log .or-div .or {
    padding: 3px 15px;
}

.candidate-log .pr-cus {
    padding-right: 6px;
    padding-left: 0px;
}

.candidate-log .pl-cus {
    padding-left: 6px;
    padding-right: 0px;
}

.candidate-log .d-info h5 {
    font-size: 16px;
    line-height: 24px;
}

.reg .login-form .checkboxes label {
    font-size: 14px;
}

.banner-section.hbanner .content-column {
    padding: 15px 15px 35px 15px;
}

.home-bnr.banner-section .pfelow {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 79px 8px 14px;
    text-align: left;
    position: relative;
    width: 100%;
}

.home-bnr.banner-section .image-column .image-box {
  margin-right:0;
}

.home-bnr.banner-section .job-search-form .form-group .icon {
  color: #5D4DA8;
}

.home-bnr.banner-section .job-search-form .form-group input {
    height: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
  font-size:14px;
    padding-left: 44px;
}

.popular-job-hme .sec-title {
    margin-bottom: 6px;
}

.home-bnr.banner-section .pfelow i {
    position: absolute;
    top: 19px;
    right: 12px;
    font-size: 17px;
}


section.popular-job-hme ul.nav.nav-tabs li.nav-item {
    width: 50%;
}

.container {
  padding-left:20px;
  padding-right:20px;
}

.popular-job-hme .tab-content {
    padding-top: 14px!important;
}

.home-bnr #banner-logo-slider.owl-carousel {
    padding-bottom: 43px;
}

.home-bnr #banner-logo-slider.owl-carousel .owl-item img {
    height: inherit;
    width: 79%;
}

.banner-section.hbanner .job-search-form {
  margin-bottom:0;
}

.banner-section.home-bnr .image-column .image-box {
    padding-top: 1px;
}

.banner-section.home-bnr .btn-style-one.bg-regi {
  background: #5D4DA8;
}

section.popular-job-hme.home-s {
    padding: 20px 0 0px 0;
}

section.popular-job-hme.home-s .sec-title h2 {
    font-size: 20px;
}

.view-all-btn {
    color: #5D4DA8;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 7px;
}

.view-all-btn i {
    font-size: 10px;
    margin-left: 3px;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item {
  padding:0;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link {
  font-weight: 500;
  font-size: 14px;
    border: none;
}

section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link.active {
    background: #F6F4FE;
    border: none;
    border-right: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
    color: #101010;
}

section.popular-job-hme ul.nav.nav-tabs li:first-child a.nav-link {
    border: none;
    border-right: 1px solid transparent;
}

section.popular-job-hme ul.nav.nav-tabs li:last-child a.nav-link {
    border: none;
    border-left: 1px solid transparent;
}

section.value-prop {
    padding: 20px 0px;
}

section.campus-amb .sec-title h2 {
    font-size: 20px !important;
    line-height: 20px !important;
}

.testimonial-section .sec-title h2 {
    font-size: 20px;
  text-align:left;
}

.testimonial-carousel .owl-dot {
    height: 6px;
    width: 6px;
    margin: 0 6px;
}

.testimonial-section .testimonial-carousel .active .testimonial-block {
  padding-bottom:0;
}

section.popular-job-hme ul.nav.nav-tabs li:last-child a.nav-link.active {
    border: none;
    border-left: 1px solid rgba(196, 196, 196, 0.3);
}

section.value-prop .sec-title h2 {
  text-align:left;
  font-size:20px;
}

.about-section.home-ab .image-column {
  margin:0;
}

.btn-style-one {
    font-size: 12px;
    line-height: 20px;
    padding: 11px 16px;
}

.btn-telegram {
    padding: 3px 18px;
    height: 42px;
}

.about-section.home-ab {
  background:none;
}

.about-section.home-ab .content-column {
  margin-bottom:0;
}

.clients-section {
    padding-top: 26px;
}

.zuno-program .row .row {
  margin:0 auto;
}

.zuno-program .bg-blues {
    background: #30244F;
    border-radius: 10px;
    padding: 25px 11px;
}

.zuno-program .sec-title h2 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
}

section.zuno-program h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 24px;
}

section.zuno-program .sec-title .text {
    font-size: 14px;
    line-height: 22px;
}

section.zuno-program .btn-style-one {
  width:100%;
}

.sec-title h2 {
    line-height: 30px;
}
.thankyou-section .sec-title h2{
    font-size: 28px;
    line-height: 25px;
}

.thankyou-section .sec-title h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.thankyou-section a.explore {
    padding: 10px 21px;
    border-radius: 17px;
    line-height: 20px;
    margin-top: 15px;
    font-size: 14px;
}


.main-header .outer-box .btn-box .theme-btn:first-child,
.mobile-header .login-box a {
    border-color: #F95700 !important;
    color: #202124!important;
}

section.thankyou-section {
    padding: 70px 0 50px 0;
}

.thankyou-section .content-column {
    padding-top: 50px;
}

.job-section.hme .job-block .content h4 span.job-label {
    font-size: 12px !important;
}

.job-section.hme .job-block .content {
    padding-left: 0px;
}
.job-section.hme .job-block .job-info li .icon {
  color:#000;
}

section.job-section.hme {
    padding-bottom: 40px !important;
}

.job-section.hme .job-info {
  margin-bottom: 0px;
}

.job-section.hme .job-block h4 {
    font-size: 14px !important;
    margin-top: 9px;
    padding-left: 70px;
}

.job-section.hme .job-block .content h4 span.job-label {
    margin-top: 4px;
}

.job-section.hme .sec-title h2 {
    font-size: 20px;
  text-align:left;
}

.job-section.hme .sec-title .text {
  font-size: 14px;
  line-height: 18px;
  color: #777585;
  text-align:left;
}

.main-footer p.address a {
    margin-top: 0;
}

.main-footer .widget-title {
    margin-bottom: 20px;
}

.main-footer .footer-column {
    position: relative;
    margin-bottom: 16px;
}

.main-footer p.address a {
    color: #5D4DA8;
}

.main-footer .list li {
    margin-bottom: 11px;
}

.main-footer .widget-title {
    margin-bottom: 10px;
}

.main-footer .footer-bottom .container {
    padding: 11px 0 16px 0!important;
}

.main-footer .social-links a {
    margin: 0 12px 15px !important;
    font-size: 20px!important;
}

.main-footer .copyright-text {
    font-size: 12px;
}

.main-header .container {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}

.home-ab.about-section .theme-btn {
    vertical-align: top;
    letter-spacing: 0.05em;
}

.home-ab.about-section .theme-btn.btn-telegram {
    margin-left: 3px;
    padding: 0 22px;
}



/**** ****/
.mobile-header .login-box a.btn-telegram {
  display:none !important;
}

.mobile-header .nav-outer,.main-header .outer-box {
  position:inherit;
}

.mobile-header .nav-outer .mobile-nav-toggler {
  position: absolute;
    top: 10px;
    right: auto !important;
    left: 10px;
    margin: 0;
    color: #5D4DA8;
    z-index: 999;
}

.mobile-header .logo {
    padding-left: 40px !important;
}

.mobile-header .login-box {
    margin-left: 0;
}

.mobile-header .outer-box {
    justify-content: end;
}

.mobile-header {
    padding: 8px 0px !important;
}

.main-header .logo img {
    height: 30px!important;
    margin-top: 2px;
}

.mm-navbar_sticky {
  background: #F6F4FE;
  border-radius: 16px 16px 0px 0px;
}

.mm-panels {
  background:#fff;
  border-radius: 18px 18px 0px 0px;
}

.mm-panels>.mm-panel {
  background:#fff;
  border-radius: 18px 18px 0px 0px;
}

.mm-navbar_sticky .mm-navbar__title {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #1D1934;
  font-weight:500;
}


.mm-navbar_sticky .mm-navbar__title:hover {
  color: #1D1934 !important;
}

.mm-menu li {
  border-radius: 8px;
  padding:0 20px;
    margin-bottom: 0px;
}


.mm-menu li a {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #1D1934 !important;
  border-bottom: 2px solid #F4F4F5;
  padding:19px 0 !important;
}

.mm-listview {
  padding:0 23px;
  padding-top:30px;
}

.mm-menu li.current > a {
  background:none;
  border-color:transparent !important;
}

.mm-menu li.current, .mm-menu li:hover {
  background: #F6F4FE;
}


.icr-formob {
  display:inline-block !important;
  vertical-align:middle;
}

.mm-menu li img {
  margin-right:20px;
}

.mm-menu li.folsc {
    border-radius: 0;
    text-align: left !important;
    position: fixed;
    bottom: 75px;
    bottom: 36px;
    right: 0;
    z-index: 999;
    border: none;
    width: 100%;
    padding: 0 40px;
}

.mm-menu li.folsc:hover {
  background:none;
}

.mm-menu li.folsc .bdr-mob {
    border-top: 2px solid #F4F4F5;
    padding: 24px 0;
  display:inline-block;
  width:100%;
}

.mm-menu li.folsc .btn-title i {
  color:#fff;
    font-size: 18px;
}

.mm-menu li.folsc .btn-telegram.lts {
    background: #00B0E6;
    border: none !important;
    border-radius: 8px;
    text-align: center !important;
    padding: 0 !important;
    min-width: 28px;
    height: 28px;
    margin-top: 3px;
    color: #fff;
    font-size: 19px;
    line-height: 28px;
    display: inline-block;
}

.mm-menu li.folsc .btn-telegram.btn-linkedin,
.mm-menu li.folsc .btn-telegram.btn-instagram {
  border-radius:5px;
    min-width: 28px;
    height: 28px;
    font-size: 19px;
    line-height: 28px;
    margin-right: 8px;
}

.mm-menu li.folsc {
}

.mm-menu li.folsc .txtt {
    color: #1D1934;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.mm-menu_fullscreen.mm-menu_position-bottom {
  top:0;
    top: 50px;
  background: rgba(0, 0, 0, 0.4);
    background: #000;
    height: calc(100vh - 50px);
}

.mm-menu_fullscreen.mm-menu_position-bottom .mm-panels {
  top:90px;
}

.mm-menu_fullscreen.mm-menu_position-bottom .mm-panels {
    top: 60px;
    top: 47px;
}

.mm-menu li.folsc .scbtn  {
    float: right;
    padding: 0;
    margin-top: -5px;
}

.mm-menu li a.menu-closebt {
    position: fixed;
    top: -53px;
    right: 2px;
    z-index: 999;
  border:none;
}

.mm-menu_fullscreen.mm-menu_position-bottom .mm-panels {
    overflow: visible;
}

#navbar {
    overflow: visible;
}

.campus-sld.banner-campusslide {
    padding: 35px 0;
}

.campus-sld.banner-campusslide .content-column {
  padding:30px 15px 0px 15px;
}

.campus-sld.banner-campusslide .btn-style-one {
  width:100%;
  text-align:center;
  padding: 13px 16px;
  padding-left: 29px;
}

.campus-register-btn {
  font-size: 16px;
  line-height: 20px;
  padding: 12px 16px;
  padding-left: 31px;
}

.campus-register-btn img {
  margin-left: 9px;
  width: 19px;
  vertical-align: top;
  position: relative;
  top: 1px;
}

.campus-sld.banner-campusslide .content-column {
  border-right:none;
}

form#campus_ambassador_form .btn .campus-submit-btn {
  font-size: 16px;
  line-height: 20px;
  padding: 12px 16px;
  padding-left: 31px;
}

#campus_ambassador_form  .select2-container--default .select2-selection--single {
  margin-bottom: 0px;
}

form#campus_ambassador_form .btn .campus-submit-btn img {
  margin-left: 9px;
  width: 19px;
  vertical-align: top;
  position: relative;
  top: 1px;
}

.campus-sld.banner-campusslide .carousel-indicators {
    bottom: -20px;
    position: relative;
}

.campus-sld.banner-campusslide #banner-logo-slider.owl-carousel .owl-item img {
    height: inherit;
}

.campus-sld.banner-campusslide .image-column h4 {
    width: 240px;
    display: inline-block;
    line-height: 28px;
}

.connect h2, .store .store-head h2 {
    font-size: 20px !important;
    line-height: 30px!important;
        font-weight: 500;
}

.connect {
  padding:30px 0 0px !important;
}


.connect .wht-do-bx .cnt-pnl {
    border: none;
    border-radius: 0px;
}

.connect .wht-do-bx .cnt-pnl p {
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin: 14px 0px 8px 0px !important;
    text-transform: capitalize;
}

.connect .wht-do-bx .cnt-pnl .col-md-5 {
    border: 2px solid #F4F4F5;
    border-radius: 22px;
    min-height: 170px;
}

.connect .wht-do-bx .cnt-pnl .row {
    margin: 0 auto;
}



.connect .wht-do-bx .cnt-pnl.bx-1 .col-md-5 {
    background: url(../images/images-campus/connect-1.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.connect .wht-do-bx .cnt-pnl.bx-2 .col-md-5 {
    background: url(../images/images-campus/connect-3.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.connect .wht-do-bx .cnt-pnl.bx-3 .col-md-5 {
    background: url(../images/images-campus/connect-2.svg);
    background-position: center center;
    background-repeat: no-repeat;
}


.connect .wht-do-bx .cnt-pnl.bx-4 .col-md-5 {
    background: url(../images/images-campus/connect-4.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
}


.store {
    padding: 20px 0 0%!important;
}

.store .store-box {
    width: 50%!important;
    padding: 0 25px!important;
}

.store-box p {
    font-size: 13px!important;
    line-height: 21px !important;
}

.store .store-head p {
        font-size: 14px!important;
        line-height: 21px !important;
        color: #777585 !important;
}
.store .store-head h2 {
    margin-bottom: 0;
}

.app-process-div .boxi .arr {
    width: 37px;
    height: 37px;
    padding-left: 2px;
    padding-bottom: 0;
    top: 100%;
    right: 50%;
    transform: rotate(90deg);
    margin-right: -20px;
    margin-top: -9px;
        border-color:#fff;
}

.app-process-div .boxi .arr img {
    margin-bottom: 2px;
    position: relative;
    top: -1px;
    left: 8px;
    max-width: inherit;
    width: 7px;
}

.app-process-div .boxi {
    position: relative;
    padding: 17px 24px 17px 80px;
        text-align:left;
    margin-bottom: 15px;
}

.app-process-div p {
    margin-top: 0px !important;
}

#cmpform .contact-icon {
        display:none !important;
}

.app-process-div .boxi img {
    margin-bottom: 2px;
    position: absolute;
    top: 16px;
    left: 20px;
    max-width: 44px;
}

.new-styh2 h2, .contact .contact-box h2 {
    font-size: 20px !important;
    line-height: 30px!important;
        font-weight:500 !important;
    color: #5D4DA8!important;
}


#campus_ambassador_form label {
    font-size: 13px;
}

form#campus_ambassador_form .btn {
    margin-top: 25px !important;
    padding-left: 0;
    padding-right: 0;
}

#cmpform {
    padding: 25px 0 30px 0;
}

@media (max-width: 768px) {
  #cmpform {
    padding: 0 0 22px 0; 
  }
  .campus-amb-form{
    padding: 18px 0 !important  ;
  }
}

#cmpform .default-form .form-group input[type="text"], #cmpform .default-form .form-group input[type="date"], #cmpform .default-form .form-group input[type="password"], #cmpform .default-form .form-group input[type="number"], #cmpform .default-form .form-group input[type="email"], #cmpform .default-form .form-group input[type="tel"], #cmpform .default-form .form-group input[type="url"], #cmpform .default-form .form-group textarea, #cmpform .default-form .form-group select {
    padding: 6px 16px 6px 24px;
    min-height: 44px;
    font-size: 14px;
}

form#campus_ambassador_form .btn input[type="submit"] {
    color: #fff !important;
    width: 100%;
    font-size: 18px;
    height: 48px;
}

.contact .contact-box h2 {
    margin-bottom: 0 !important;
}

.contact .contact-box p {
  font-size:12px!important;
  line-height:18px!important;
    padding-bottom: 10px !important;
}

.campus-amba-testi .testimonial-block .thumb {
    width: 28%;
}

.campus-amba-testi .testimonial-block .txt-div {
    width: 72%;
    padding: 10px 20px;
}

.campus-amba-testi.testimonial-section .sec-title h2 {
        text-align:center;
}

.campus-amba-testi .testimonial-block .text {
    font-size: 12px;
    line-height: 18px;
    min-height: 165px;
}

.campus-amba-testi .owl-carousel .owl-item .test-quote {
    margin-left: -11px;
    margin-bottom: 9px;
    max-width: 22px;
}

.campus-amba-testi.testimonial-section.style-two .testimonial-block .name,
.campus-amba-testi.testimonial-section.style-two .testimonial-block .designation {
    font-size: 12px;
    line-height: 18px;
}

.campus-amba-testi.testimonial-section.style-two .owl-dots {
    margin-top: 20px;
}

.campus-amba-testi .default-dots .owl-dot {
    width: 9px;
    height: 9px;
}

.campus-amba-testi.testimonial-section.style-two .default-nav .owl-nav {
        display:none;
}

footer.main-footer .container {
    padding: 0 25px;
}

.main-footer .footer-bottom {
    padding: 0 25px;
}

.main-footer .social-links a {
    margin: 0 11px 15px;
    font-size: 19px;
}



.interns.opport-sec .ls-switcher {
    justify-content: center;
}


.interns.opport-sec .job-block .content h4 span.job-label {
    font-size: 12px !important;
}

.interns.opport-sec .job-block .content {
    padding-left: 0px;
}

.interns.opport-sec .job-block .inner-box .vie-btn {
    padding-top: 7px;
}

.interns.opport-sec .job-block .job-info li {
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 27px;
}

.interns.opport-sec .job-block .job-info li .icon {
  color:#000;
}

.interns.opport-sec .job-info {
  margin-bottom: 0px;
}

.interns.opport-sec .job-block h4 {
    font-size: 14px !important;
    padding-left: 70px;
    margin-top: 3px;
}

.interns.opport-sec .job-block .content h4 span.job-label {
    margin-top: 4px;
}

.ls-pagination ul.pager li span, .ls-pagination ul.pager li a {
    line-height: 19px;
    min-width: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 27px;
    border-radius: 50%;
    height: 27px;
    font-size: 12px;
}


/* .ls-pagination ul.pager li:hover { */
  /* background: #EFEDF5; */
    /* color: #101010!important; */
/* } */

.ls-pagination ul.pager li.current-page {
    color: #fff!important;
}

.ls-pagination ul.pager li.current-page span {
    background: #5D4DA8!important ;
    color: #fff!important;
}

.oppor-page .job-search-form form {
    padding: 5px 8px 5px 8px;
}

.oppor-page .select2-container--default .select2-selection--single {
  border-radius:8px;
}

.opport-sec .filters-column .slider {
    width: 34px!important;
    height: 17px !important;
}

.opport-sec .filters-column .slider:before {
    height: 11px;
    width: 11px;
    left: 2px;
    bottom: 2px;
}

.opport-sec .switchbox {
    display: block !important;
}

.opport-sec .switchbox li {
    width: 49% !important;
    display: inline-block!important;
    margin-bottom: 5px;
}

.opport-sec .filters-outer input:checked + .slider:before {
    bottom: 2px;
    left: 1px;
}

.interns .filters-outer h4 {
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 0;
}

.opport-sec .switchbox .title {
    margin-left: 11px;
}

.opport-sec .ls-section .switchbox-outer {
    margin-bottom: 22px;
}

.filter-block .range-slider-one span.ui-slider-handle.ui-state-default {
    border-width: 3px;
}

.opport-sec.ls-section .switchbox-outer {
    margin-bottom: 20px;
}

.opport-sec.ls-section .filters-outer {
    padding: 25px 21px;
}

.clearn-btnall {
    font-weight: 400;
    font-size: 12px;
}

.opport-sec.ls-section .filters-column .filters-outer {
    border-radius: 20px;
    border-width: 2px;
    padding-bottom: 0 !important;
}


.opport-sec .btn-telegram {
    margin-bottom: 17px;
}

.opport-sec.interns .div-shw-more .sort-by {
    padding-right: 20px;
}

.job-section.hme .job-block .inner-box {
  border-width:2px;
  border-radius: 20px;
}

.job-block .inner-box .vie-btn a {
    font-size: 12px;
}

.job-section.hme .job-block .inner-box .vie-btn a.bdr-lalac {
    border: 1px solid #60489D;
    background: none;
    border-radius: 8px;
    font-weight: 400;
    color: #60489D;
    padding: 0px 22px;
    line-height: 28px;
}


.job-section.hme .job-block .inner-box .vie-btn a.orang-btn,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
    line-height: 30px;
    border-radius: 8px;
}

.job-section.hme .sec-title {
    margin-bottom: 23px;
}

.home-bnr.banner-section .job-search-form .form-group .icon:before {
  display:none;
}

.home-bnr.banner-section .job-search-form .form-group .icon {
    background: url(../images/images-campus/search-vector-mobile.svg) 50% 50% no-repeat !important;
    width: 42px;
    height: 31px;
}

.home-bnr.banner-section .btn-style-one {
  font-size: 14px;
    line-height: 23px;
    padding: 11px 16px;
    letter-spacing: 0.05em;
}


.job-section.hme a.explore {
    border-radius: 8px;
    line-height: 20px;
    font-size: 14px;
    min-width: 160px;
    text-align: center;
    margin-top: 15px !important;
}

section.value-prop .student-bx .head-sec {
    padding: 15px 20px 15px 30px;
}

section.value-prop {
    padding: 20px 0px 35px 0px !important;
}

section.value-prop .student-bx .head-sec img {
    height: 60px;
    width: 60px;
    margin-left: auto;
}

section.value-prop .student-bx .head-sec h3.title {
    font-size: 20px;
}

section.value-prop .student-bx .btm-sec {
    padding: 29px 27px 29px 31px;
    margin-top: 0px;
}

section.campus-amb .text .color-lalac {
    color: #101010;
}

section.campus-amb .btn-style-one {
    font-size: 14px;
    padding: 0px 30px;
    min-width: 160px;
    line-height: 45px;
    border-radius: 16px;
    letter-spacing: 0.05em;
}

.candidate-log .d-info.ddinfo {
    width: auto !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
    padding: 20px 30px 25px 30px;
    /* margin-top: 10px !important; */
}

.candidate-log.lgn .login-form .form-group .theme-btn {
    border-radius: 16px;
}


.intern-tp.oppor-page .container {
    padding-left: 10px;
    padding-right: 10px;
}

.ls-pagination li.prev.disabled {
    height: inherit;
    opacity: .4;
}

.ls-pagination li:first-child, .ls-pagination li:last-child {
    height: inherit;
}





.ls-pagination li:first-child {
}

.opport-sec .ls-pagination {
    position: relative;
    margin-top: 30px;
}

.opport-sec.ls-section .job-block .inner-box .vie-btn a {
    font-size: 12px;
}

.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac{
    line-height: 29px;
}

.oppor-page .job-search-form .form-group .theme-btn {
    letter-spacing: 0.05em;
    font-size: 14px;
}



.main-header .logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-header .outer-box .log-reg-btns .theme-btn {
    border: 1px solid #DFDAEB !important;
    min-width: inherit!important;
    line-height: 32px!important;
    padding: 0 12px!important;
    border-radius: 12px!important;
  color: #60489D !important;
  font-size:14px !important;
  font-weight:400;
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1)!important;
}

.main-header .outer-box .log-reg-btns .theme-btn.logi-btn {
    padding: 0 17px!important;
}

.main-header .outer-box .log-reg-btns .theme-btn img {
    max-width: 12px;
    margin-right: 7px;
}

.main-header .outer-box  .log-reg-btns .theme-btn.current,
.main-header .outer-box  .log-reg-btns .theme-btn:hover {
  background: #F6F4FE !important;
  border: 1px solid #5D4DA8!important;
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1)!important;
  color: #60489D !important;
}

span.amount.salary-amount div.todiv {
    min-width: 45px;
}

.opport-sec .range-slider-one {
    padding-top: 16px;
}


span.amount.salary-amount div.amdiv {
    height: 25px;
    font-size: 12px;
    border: 2px solid #F4F4F5;
    border-radius: 6px;
    text-align: left;
    justify-content: left;
}

.candidate-log .d-info p {
    margin-bottom: 15px !important;
}



#social_register_step.zuno-cms-modal .modal-dialog {
    margin: 0 auto;
    margin-top: 97px;
    margin-bottom: 20px;
    width: 92%;
}

#social_register_step.zuno-cms-modal .zuno-cms-modal label {
    font-weight: 400;
    font-size: 12px;
}

#social_register_step.custom-modal.zuno-cms-modal .modal-content {
    border-radius: 16px;
}

.campusPopupStyle .default-form .form-group > label {
    font-size: 13px;
}

.campusPopupStyle .modal-content button.close img {
    padding-top: 0;
}

.campusPopupStyle .default-form .form-group input {
    border: 1px solid rgba(196, 196, 196, 0.3)!important;
    border-radius: 16px!important;
    height: 43px!important;
    padding-left: 14px!important;
    font-size: 12px!important;
    color: #000 !important;
}

.campusPopupStyle .default-form input[type="submit"] {
    margin-top: 15px;
    color: #FFF !important;
}

.campusPopupStyle .default-form .form-group {
    position: relative;
    margin-top: 8px;
}

.campusPopupStyle.custom-modal .modal-content {
    margin-top: 70px;
    width: 92% !important;
}

.campusPopupStyle .default-form .form-group > label {
    margin-top: 10px;
}


.zuno-cms-modal.claimModal .d-info {
    border: none;
    padding: 9px 15px;
}

.zuno-cms-modal.claimModal .modal-dialog {
    width: 94%;
    margin-top: 140px;
}

.zuno-cms-modal.claimModal .modal-content {
    border-radius: 16px;
}


#myModal-phone-send-otp.zuno-cms-modal .d-info {
    border: none;
    padding: 9px 15px;
}

#myModal-phone-send-otp.zuno-cms-modal .modal-dialog {
    width: 94%;
    margin-top: 140px;
}

#myModal-phone-send-otp.zuno-cms-modal .modal-content {
    border-radius: 16px;
}


.home-bnr #banner-logo-slider.owl-carousel .owl-item img {
    height: inherit;
    width: auto;
  max-height:214px;
}

.home-bnr #banner-logo-slider.owl-carousel .owl-item .camp .image img {
  width: auto;
  width: 93%;
    min-height: inherit;
  max-height:214px;
}

.home-bnr .owl-carousel.bannerslider-for-mobile .owl-item .image img,
.home-bnr .owl-carousel.bannerslider-for-mobile .owl-item .camp .image img {
  max-height: inherit !important;
}


.home-bnr #banner-logo-slider.owl-carousel .owl-item .weekend .image .img1 {
    min-height: 25px;
    margin-bottom: 14px;
    width: auto;
}

.home-bnr #banner-logo-slider.owl-carousel .owl-item .weekend .image .img2 {
    min-height: 117px;
    margin-bottom: 9px;
    width: auto;
}

.home-bnr.banner-section .weekend h4 {
    font-size: 22px;
    margin-bottom: 23px;
}


.dashboard-outer.white-bar .select2-container .select2-selection--single {
    padding: 10px 16px 5px 24px;
    font-size: 12px;
    height: 42px !important;
}

.dashboard-outer.white-bar .select2-container--default .select2-selection--multiple {
    min-height:42px;
}

.dashboard-outer.white-bar .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 12px;
    margin-top: 11px;
}

.dashboard-outer.white-bar .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 12px;
    margin-top: 7px;
    margin-left: 0;
}


.default-form .form-group.mt-sps {
    margin-top: 20px;
}


/**** SimpliLearn CSS ***/
.banner-simplilearn .content-column h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 13px;
}

.banner-simplilearn .content-column h3 img {
    height: 33px;
}

.banner-simplilearn .image-box img {
    max-width: 226px;
}

.banner-simplilearn .list-style-one li {
    font-size: 14px;
    margin-bottom: 11px;
}


.banner-simplilearn .list-style-one {
    margin-top: 15px;
}

.banner-simplilearn .btn-style-one {
    font-size: 14px;
    padding: 10px 30px;
    width: 100%;
    border-radius: 16px;
}

.simplilaunch .sprs {
    padding: 0 40px;
}

.simplilaunch h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
    margin-top: 5px;
}

.simplilaunch h4 {
    font-size: 14px;
}

.simplilaunch .bgwhites {
    padding: 11px 26px 11px 27px;
    padding: 17px 26px 17px 27px;
}

.app-process-div.simplilearn .spr-left {
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.connect.simplilearn {
    padding: 30px 0px 0px 0px !important;
}

.connect.simplilearn h2 {
    font-weight: 700;
    margin-bottom: 11px;
}

.app-process-div.simplilearn {
    padding: 20px 0px 10px 0px;
}

.connect.simplilearn .row {
    padding: 0 11px;
}

.connect.simplilearn .wht-do-bx .cnt-pnl p {
    font-size: 14px;
    line-height: 21px;
}

.connect.simplilearn .wht-do-bx .cnt-pnl {
    min-height: 190px;
}

.app-process-div.simplilearn .text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px !important;
    width: 91%;
    display: inline-block;
    margin-bottom: 15px !important;
}

.placementWork-section .new-styh2 h2 {
    font-weight: 700!important;
    margin-bottom: 17px;
}

.placementWork-section {
    padding: 26px 0 0px 0;
}

.placementWork-section .placeInfo:before {
    width: 11px;
}

.placementWork-section .placeInfo {
    margin-bottom: 20px;
    padding: 12px 20px 8px 20px;
    padding-left: 41px;
}

.placementWork-section .placeInfo h5 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
}

.placementWork-section .placeInfo h4 {
    font-size: 24px;
    line-height: 36px;
}

.mheightlogo {
    height: 67px;
}

.mheightlogo img {
    max-width: 87%;
}

.faqs-section.home.simplilearn .new-styh2 {
    margin-bottom: 0 !important;
}

.faqs-section.home.simplilearn .accordion-box .block .acc-btn {
    padding: 12px 20px 12px 0px!important;
}

.faqs-section.home.simplilearn .accordion-box .block {
    margin-bottom: 0;
}

.faqs-section.home.simplilearn .accordion-box {
    margin-bottom: 0;
}

.faqs-section.home.simplilearn .accordion-box .block .content p {
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
}

.faqs-section.home.simplilearn .accordion-box .block .content {
    border-top: 1px solid #F4F4F5;
    border-bottom: 1px solid #F4F4F5;
    padding-top: 10px;
    padding-bottom: 10px;
}


.mobile-header.mobile-candidate img.zumo_profile_image.theme-btn.btn-style-one.bg-blue.btn-telegram.btn-linkedin,
.mobile-header.mobile-employer img.zumo_profile_image.theme-btn.btn-style-one.bg-blue.btn-telegram.btn-linkedin {
    background: none;
    border-radius: 50% !important;
    height: 30px;
    width: 30px !important;
    min-width: inherit;
}

.mobile-header.mobile-candidate .login-box a#navbarDropdown,
.mobile-header.mobile-employer .login-box a#navbarDropdown
{
    border: none;
    background: none !important;
    color: #60489D !important;
    font-size: 12px;
}

.mobile-header.mobile-candidate .login-box .dropdown-menu a.dropdown-item,
.mobile-header.mobile-employer .login-box .dropdown-menu a.dropdown-item
 {
    border: none;
    box-shadow: 0 0 0 #ddd;
    line-height: 20px;
    color: #000 !important;
    font-size: 12px;
    padding: 5px 14px;
}


.mobile-header.mobile-candidate .login-box .dropdown-menu a.dropdown-item:hover,
.mobile-header.mobile-employer .login-box .dropdown-menu a.dropdown-item:hover {
    color: #000!important;
    background: none;
    border: none!important;
}

#campus_ambassador_form .checkStyle label a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 4px;
    margin-top: 3px;
}

div#rememberCheckError {
    font-size: 13px;
    line-height: 1.5;
}

#campus_ambassador_form .form_error {
    margin-top: 8px;
}

.job-section.hme a.explore {
  width:100%;
  border: 1px solid #5D4DA8;
  border-radius: 16px;
}

.faqs-section.home.simplilearn .accordion-box .block .content ul.disc {
    font-size: 12px;
    line-height: 18px;
}
section.job-section.hme {
    padding-bottom: 33px !important;
}
section.job-section.hme {
  padding-top: 10px !important;
}

/*** SimpliLearn Home CSS Starts ***/
.home-sec-simplilearn .bg-simpli {
    border-radius:0px;
    padding: 0px 0px;
    margin-bottom: 30px;
    margin-top: 0;
  background:none;
}

.home-sec-simplilearn .content-column h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}
.home-sec-simplilearn .content-column h3 img {
    height: 33px;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: -6px;
}

.home-sec-simplilearn .list-style-one li {
    font-size: 14px;
}

.home-sec-simplilearn .btn-style-one {
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.05em;
  width: 100%;
}

/*** SimpliLearn Home CSS end ***/


section.popular-job-hme ul.nav.nav-tabs li.nav-item a.nav-link {
    padding: 3px 25px;
    min-width: inherit;
    margin: 0 !important;
}


/*** Evolve Page CSS Start ***/
.banner-evolve .content-column {
    border-right: none;
    padding: 0px 0;
    padding-right: 0;
}

.banner-evolve h4 {
  font-size:14px;
}

.banner-evolve h4 img {
    margin-right: 10px;
    max-height: 17px;
    max-height: 47.72px;
}

.banner-evolve .owl-carousel .owl-item img {
    max-height: 48px;
}

.banner-evolve p {
    font-size: 14px;
}

.banner-evolve {
    padding: 25px 0 33px 0;
    background-size: auto 100%;
    background-position: 57% 100%;
}

.banner-evolve .content-column h4 {
    margin-bottom: 10px;
}

.banner-evolve .owl-carousel .owl-item .content-column h4 img {
    max-height: 17px;
}

.banner-evolve .owl-carousel .owl-item .content-column h4 img.logofoundit {
  max-height: 30px;
}

.banner-evolve .bddr-box {
    padding-top: 11px;
    margin: 0 6px;
    margin-bottom: 19px;
    width: 128px;
    height: 106px;
}

.banner-evolve .owl-carousel .owl-item .bddr-box img {
  max-height:40px;
}

.banner-evolve .owl-carousel .owl-item .btn-style-one img {
    margin-left: 15px;
    max-height: 23px;
}

.banner-evolve h5 {
    margin-bottom: 20px;
}

.banner-evolve .image-column .btn-style-one {
    margin-bottom: 10px;
    margin-top: 10px;
}

.banner-evolve .btn-style-one {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px 10px 21px;
    margin-top: 0px;
}

.banner-evolve .owl-dots {
    position: relative;
    text-align: center;
}

.banner-evolve .owl-dot {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 0 5px;
    border-radius: 8px;
  display:inline-block;
}

.banner-evolve .owl-dot.active {
    background: #f95700;
}

.banner-evolve .image-column h4 {
    margin-bottom: 10px;
    font-size: 20px;
}

.banner-evolve .stext {
    font-size: 12px;
    margin-top: 8px;
}

.evolve-industry-section .new-styh2 h2,
.evolve-tabs-section .new-styh2 h2,
.app-process-div.evolvesec .new-styh2 h2
 {
  font-weight:700 !important;
}

.evolve-industry-section .owl-nav {
  display:none;
}

.app-process-div.evolvesec .boxi {
    padding: 17px 24px 17px 80px;
}

.app-process-div.evolvesec .boxi p {
    font-size: 12px;
    line-height: 18px;
    min-height: inherit;
}

.evolve-industry-section .owl-carousel .owl-item img {
    max-height: 37px;
}

.evolve-industry-section .owl-dots {
    margin: 11px 0px 35px 0px;
}

.evolve-tabs-section {
    padding: 0px 0px 30px 0px;
}

.evolve-tabs-section .tab-content {
    padding: 30px 0 0px 0;
}


.evolve-tabs-section ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 14px;
    padding: 7px 0px;
    min-width: 167px;
}

.evolve-tabs-section ul.nav.nav-tabs {
    border-radius: 14px;
    padding: 0;
    width: auto;
}

.evolve-tabs-section .sright {
    padding-left: 20px;
    padding-right: 20px;
  border:none;
}

.evolve-tabs-section .sleft {
    padding-left: 20px;
    padding-right: 20px;
}

.evolve-tabs-section .sleft h2 {
    margin-top:35px;
}

.evolve-tabs-section h2 {
    padding-left: 10px;
    padding-right: 10px;
}

.evolve-tabs-section p {
    font-size: 14px;
    line-height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
  min-height:inherit;
}

.evolve-tabs-section .border-com {
    padding: 16px 26px 16px 26px;
}

.evolve-tabs-section h4 {
    font-size: 12px;
    line-height: 23px;
}

.evolve-tabs-section .progress {
    height: 15px;
    margin-bottom: 6px;
}

.evolve-tabs-section .btn-style-one {
    font-size: 14px;
    padding: 10px 10px 10px 14px;
    margin-top: 40px;
}

.evolve-tabs-section .btn-style-one img {
    margin-left: 8px;
    margin-right: 0px;
    height: 21px;
}


.app-process-div.evolvesec {
    padding: 15px 0px 20px 0px;
}

.app-process-div.evolvesec h2 {
    margin-bottom: 13px;
}

.evolve-about {
    padding: 20px 0px 25px 0px;
}

.evolve-about p {
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px;
}

.evolve-about .logo-black {
    margin: 6px auto 15px auto;
    display: block;
    max-height: 28px;
}

.evolve-partner {
    padding: 25px 0px 60px 0px;
}

.evolve-partner .box-smal {
    border: 1px solid rgba(196, 196, 196, 0.3);
    box-shadow: 0px 6px 8px -4px rgb(93 77 168 / 10%);
    border-radius: 16px;
  height:178px;
  margin-bottom:20px;
    display: flex;
    align-items: center;
}

.evolve-partner h2 {
    margin-bottom: 17px;
}

.evolve-partner .mheightlogos {
  height:auto;
}

.evolve-partner .brights {
  border:none;
}

.evolve-partner .ft .mheightlogos img {
    max-width: 199px;
    margin: 12px 0;
}

.evolve-partner .sd .mheightlogos img {
    max-width: 137px;
}

.evolve-partner .td .mheightlogos img {
    max-width: 104px;
}

.evolve-partner .container>.row {
    padding: 0 9px;
}

.faqs-section.evolve-sec {
    padding-top: 30px;
}



/*** Evolve Page CSS End ***/

ul.navigation.mm-listview {
    height: 403px;
    overflow: hidden;
    overflow-y: scroll;
}



ul.navigation.mm-listview::-webkit-scrollbar-track
{
  border: none;
  background-color: #F5F5F5;
  border-radius:4px;
}

ul.navigation.mm-listview::-webkit-scrollbar
{
  width: 4px;
  background-color: #F4F4F5;
  border-radius:4px;
}

ul.navigation.mm-listview::-webkit-scrollbar-thumb
{
  background-color: #F4F4F5;
  background-color: #5D4DA8;
  border-radius:4px;
}

ul.navigation.mm-listview {
    height: 403px;
    overflow: hidden;
    overflow-y: scroll;
    margin-right: 12px;
    margin-top: 25px;
    padding-top: 5px;
    padding-right: 4px;
}


/*** Fellowship Page CSS Start ***/

.fellows-section .theme-btn {
    margin-top: 10px;
}

.exciting-rewards.fellowsip {
  padding-bottom:23px;
}

.exciting-rewards.fellowsip .image-column{
  border:none;
}

.exciting-rewards.fellowsip .sec-title h2 {
    font-size: 20px;
}

.exciting-rewards.fellowsip .category-banner-inner {
    border: 2px solid #E6E1F1;
    box-shadow: 1px 4px 4px rgb(0 0 0 / 4%);
    border-radius: 16px;
    padding: 9px 15px;
  margin-bottom:17px !important;
}

.fellowsip-banner.banner-section.home-new-bnr {
    padding-bottom: 30px;
    padding-top: 37px;
}

.fellowsip-banner.banner-section.home-new-bnr #banner-logo-sliders {
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.fellowsip-banner.home-bnr.home-new-bnr.banner-section .btn-style-one {
    font-size: 14px;
    padding: 11px 0px;
}

.evolve-industry-section.fellowsip .reed-coupon {
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    padding: 1px 22px;
    margin-top: 10px;
}

.evolve-industry-section.fellowsip .owl-carousel .owl-item img {
    max-height: 45px;
}
.evolve-industry-section.fellowsip .fellowship-partner-carousel-mobile.owl-carousel .owl-item img {
  max-height: 55px;
}
.evolve-industry-section.fellowsip .fellowship-partner-carousel-mobile.owl-carousel .owl-item img.logo-suger-m {
  max-height: 70px !important;
}
.evolve-industry-section.fellowsip .fellowship-partner-carousel-mobile.owl-carousel .owl-item img.logo-bewakof-m {
  max-height: 100px !important;
}

.evolve-industry-section.fellowsip .owl-carousel .owl-item img.logo-bewakof {
    max-height: 31px !important;
}

.evolve-industry-section.fellowsip .container {
  padding-left:15px;
  padding-right:15px;
}


#countdown {
    padding-left: 10px;
  text-align:left;
}

/*** Fellowship Page CSS End ***/

/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .bg-dreami {
    border-radius: 16px;
    padding: 20px 18px 22px 18px;
    margin-top: 0;
    margin-bottom: 30px;
}


.home-sec-dream-intership .content-column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-top: 25px;
}

.home-sec-dream-intership .list-style-one li {
    font-size: 14px;
    line-height: 21px;
}

.home-sec-dream-intership .text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 23px !important;

}

.home-sec-dream-intership .image-box {
  padding-bottom:12px;
}

.home-sec-dream-intership h3 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 18px;
}

.home-sec-dream-intership .image-box h4 {
    margin-bottom: 10px;
}

.home-sec-dream-intership .job-block .job-other-info {
    margin-top: 0px;
}

.home-sec-dream-intership .image-box .job-other-info li {
    margin-bottom: 12px;
}

.home-sec-dream-intership .btn-style-one {
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.home-sec-dream-intership .content-column .btn-style-one.borde {
  margin-left:0px;
  margin-top:17px;
    line-height: 47px;
}

/*** Dream Entership Section CSS End ***/


/** Fellowship New CSS Start **/
.fellowsip-banner.banner-section.home-new-bnr .logo-zuno {
  max-height: 44px;
}

.fellowsip-banner.banner-section.home-new-bnr .imgDiv img {
  max-width: 290px;
  margin-top:23px;
}

.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 14px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .modal-content .modal-sp {
  padding: 0 32px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.fellowsip-banner.banner-section.home-new-bnr .content-column .title-box {
  margin-bottom: 2px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .bgg {
  padding: 13px 15px 13px 25px;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .btn-style-one {
  min-width: 108%;
  border-radius: 16px;
  line-height: 40px;
  margin-left: -4%;
}

.custom-modal.zuno-cms-modal.step-thank.step3 .bgg h4 {
  margin-top: 0;
}

.mobile-header.mobile-candidate .btn-telegram.fl-btn {
  background: none;
  padding: 0;
  text-align: center;
  border: 2px solid #FCD736;
  box-shadow: 0px 0px 8px rgb(252 215 54 / 69%);
  border-radius: 12px;
  min-width: 34px;
  min-height: 34px;
  margin-right: 10px;
}

.mobile-header.mobile-candidate .btn-telegram.fl-btn img {
  margin: 0px 0;
  display: inline-block;
  float: none;
}

.evolve-industry-section.fellowsip .ssmall {
  padding: 0 35px;
}

.evolve-industry-section.fellowsip .owl-prev {
  left:-25px;
}

.evolve-industry-section.fellowsip .owl-next {
  right:-25px;
}

.evolve-industry-section.fellowsip .owl-nav {
  display: block;
}


.benefit-section.fellowsip .sec-title {
  margin-bottom: 15px;
}

.exciting-rewards.fellowsip .category-banner-inner {
  border: 2px solid #BDE9F3;
  box-shadow: 1px 4px 4px rgb(0 0 0 / 4%);
}

.exciting-rewards.fellowsip .category-banner-inner .arr {
  right: 13px;
}

.exciting-rewards.fekllowship .title {
  min-width: 199px;
  margin-right: 22px;
}

.exciting-rewards.fellowsip .btn-style-one {
  line-height: 44px;
  font-weight: 500;
  font-size: 14px;
  margin-top: 6px;
}

.exciting-rewards.fellowsip .btn-style-one img {
  margin-left: 7px;
  max-width: 24px;
}

.fellows-section.instyle .text.ss {
  border-color:#5B4890 !important;
  margin-bottom: 15px !important;
}

.fellows-section.instyle .text.ss img {
      margin-right: 11px !important;
}

.fellows-section.instyle .text.ss.bnone {
  border:none !important;
  margin-top: 20px !important;
  margin-bottom: 2px !important;
}

.fellows-section.instyle .s-left .text br {
  display: none;
}

.fellows-section.instyle .btn-style-one {
  margin-right:0;
  width:100%;
}

.fellows-section.instyle .s-left {
  padding-left: 11px;
}

.fellows-section.instyle .btnterms {
  margin-top: 18px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header p {
  font-weight: 400;
  font-size: 12px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header p span {
  padding: 0 3px;
  top: -3px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-header h4 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 7px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp {
  padding: 12px 30px 0px 30px;
  padding-bottom: 15px;
}

.custom-modal.zuno-cms-modal.vdetail .modal-sp h3 {
  font-size: 20px;
  margin-bottom: 13px;
  margin-top: 10px;
  text-align: left;
}

.custom-modal.zuno-cms-modal.vdetail .modal-content {
  border-radius: 25px 25px 0 0;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text {
  padding: 10px 16px;
  padding-left: 65px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 19px;
}

.home-bnr.home-new-bnr.banner-section .enroll-success .text img {
    left: 21px;
    width: 28px;
    margin-top: -13px;
}

.zuno-program.fellowship .bg-blues {
  border-radius: 10px;
  padding: 23px 10px 20px 10px;
}


.zuno-program.fellowship .sec-title h2 {
  font-size: 20px;
  line-height: 1.3;
}

section.zuno-program.fellowship h4 {
  margin-top: 2px;
  margin-bottom: 13px;
  font-size: 18px;
  line-height: 1.4;
}

section.zuno-program.fellowship .sec-title .text {
  font-size: 13px;
}

section.zuno-program.fellowship .btn-style-one {
  min-width: 100%;
  line-height: 45px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 14px;
}

.home-bnr.banner-section .fellows .pfelow {
  padding-right:55px;
}

.banner-section.hbanner h4.fsize {
    font-size: 15px;
}

.exciting-rewards .title {
  min-width: 173px;
}

/*** Fellowship New CSS End ***/

.faqs-section.home.simplilearn.evolve-sec .accordion-box.custsize .block .content p {
  font-size: 12px;
  line-height: 18px;
}
.banner-evolve .bddr-box {
    padding-top: 11px;
    margin: 0 6px;
    margin-bottom: 15px;
    width: 128px;
    height: 124px;
}

.banner-evolve .bddr-box span {
    padding: 0 11px;
}

.banner-evolve .bddr-box span br {
    display: none;
}

.banner-evolve .owl-carousel .owl-item .bddr-box img {
    max-height: 37px;
}


.banner-evolve .bddr-box span.ftt {
    padding: 0 13px;
}

.banner-evolve .bddr-box span.sdd {
    padding: 0 18px;
}

.banner-evolve .bddr-box {
    padding-top: 11px;
    margin: 0 6px;
    margin-bottom: 15px;
    width: 128px;
    height: 124px;
}

.banner-evolve .bddr-box span {
    padding: 0 11px;
}

.banner-evolve .bddr-box span br {
    display: none;
}

.banner-evolve .owl-carousel .owl-item .bddr-box img {
    max-height: 37px;
}


.banner-evolve .bddr-box span.ftt {
    padding: 0 13px;
}

.banner-evolve .bddr-box span.sdd {
    padding: 0 18px;
}

.simplilaunch .ptsName {
  left: 0px;
}


.winbadge {
  left:80px;
  font-size: 14px;
}

.winbadge img {
  top: 1px;
  max-width: 20px;
}


/*** Login/Register CSS ***/ 
.candidate-log.lgn .login-form .form-group .theme-btn {
  padding: 10px 24px 10px 24px;
  font-size: 14px;
  height: 45px;
}

.candidate-log .d-info.ddinfo {
  margin-left: -20px !important;
  margin-right: -20px !important;
  padding: 20px 30px 30px 30px;
}

.candidate-log .d-info h5 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 11px;
}

.candidate-log .password-hode-shoe-icon .input-group-text, .candidate-log .input-group .input-group-text {
  padding: 13px 15px;
  line-height: 50px;
}

.candidate-log.reg .default-form .form-group input[type="email"], .candidate-log.reg .default-form .form-group input[type="tel"],.candidate-log .default-form .login-boxs .form-group input[type="text"], .candidate-log .default-form .login-boxs .form-group input[type="password"], .candidate-log.reg .default-form .login-boxs .form-group input[type="text"], .candidate-log.reg .default-form .login-boxs .form-group input[type="password"], .candidate-log.reg .default-form .form-group input[type="email"], .candidate-log.reg .default-form .form-group input[type="tel"] {
  padding: 6px 16px 6px 16px;
}

.reg .login-form .checkboxes label {
  padding-left: 33px;
}

.error_modals .error_message_div img {
  padding-top: 0px;
  max-width: 50px;
}

.error_modals .error_message_div p {
  font-size: 12px;
  line-height: 1.5;
}

.error_modals.custom-modal.zuno-cms-modal .modal-content {
  width: 90% !important;
}

.candidate-log.reg .login-boxs .theme-btn img {
    width: 18px;
    margin-right: -7px;
}

.reg .login-form .form-group .btn-box .theme-btn.btn-style-four.active-role {
  font-size: 12px;
}

.candidate-log.lgn-candidate .login-with-otp {
  height: 45px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 43px;
  font-weight: 500;
}

.candidate-log .login-form .field-outer .pwd {
  font-size: 12px;
}

.candidate-log.lgn .login-form .form-group .theme-btn {
  margin-top:0;
  max-width: 266px;
}

.candidate-log .login-boxs .log-up-pad {
  padding: 15px 25px 4px 25px;
}

.candidate-log.lgn-candidate .or-div hr {
  margin: 15px 0px 25px 0px;
}

.candidate-log.reg .login-boxs {
  padding-left: 0px;
  padding-right: 0px;
}

.candidate-log.reg .login-form .form-group .theme-btn {
    margin-top: 0;
    max-width: 100%;
}

.candidate-log .password-hode-shoe-icon .input-group-text, .candidate-log .input-group .input-group-text {
    line-height: 45px;
}

.candidate-log .default-form .login-boxs .form-group > label {
  font-size: 12px;
}

input#otp {
  height: 44px;
  font-size: 12px;
  margin-bottom: 4px;
}

#send-login-otp #username,
#verify-login-otp #username,
#candidateloginForm #username,
#candidateloginForm #password,
#emploginForm #username,
#emploginForm #password {
  padding-left:24px;
}

.candidate-log.lgn-candidate .login-timer {
  font-size: 12px;
}

.candidate-log.lgn-candidate .login-timer a {
  font-size: 12px;
}

.candidate-log .form_error {
  font-size: 11px !important;
  margin-left: 5px;
}

.candidate-log .form_error:before {
  margin-top: 2.4px;
}

.candidate-log .login-boxs .social-login {
  padding-top: 5px !important;
}

.candidate-log.lgn-candidate .or-div hr {
  margin: 15px 0px 23px 0px;
}

.candidate-log .or-div .or {
  margin-left: -26px;
}

.candidate-log .d-info {
  padding: 20px 10px 44px 10px;
}

.candidate-log .d-info.ddinfo {
  padding: 20px 30px 34px 30px;
}

.dreamintership-homesection {
  margin-bottom: 40px;
}

.dmisectionspaceDiv {
  padding-bottom: 0px;
}


.mm-menu li.folsc .btn-telegram.btn-linkedin, .mm-menu li.folsc .btn-telegram.btn-instagram {
  line-height: 28px !important;
}

.mm-menu li.folsc .btn-telegram.lts {
  border-radius: 5px;
  line-height: 28px !important;
}

/*** DreamCard CSS Start ***/
.dreamcards-section .dintership-card.job-block .inner-box {
  padding: 23px 2px 22px 21px;
  border-radius: 28px;
}
.dreamcards-section .dintership-card.job-block .inner-box:before {
  border-radius: 28px;
}

.job-other-info li {
  margin-right: 9px;
  line-height: 26px;
  padding: 0px 17px;
  font-size: 12px;
  margin-bottom: 8px;
}

.dreamcards-section .sprdiv {
  padding: 0px;
}

.dintership-card.job-block .company-logo,
.job-block .company-logo {
  width: 58px;
  height: 58px;
  margin-top: 0px;
}

.ls-section .dintership-card.job-block .internships {
  font-size: 14px;
  padding: 1px 9px 1px 15px;
}

.opport-sec.interns .job-block .job-other-info {
  width: 100%;
  margin-top: 0px;
}

.opport-sec.interns .job-block .inner-box .vie-btn {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 6px;
}

.dreamcards-section.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac,
.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac {
    line-height: 28px;
    min-width: 105px;
    padding: 0px 14px;
    font-size: 12px;
}

.dreamcards-section.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn,
.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn {
  line-height: 30px;
  min-width: 105px;
  padding: 0px 14px;
  font-size: 12px;
}

.interns.opport-sec .dintership-card.job-block .content h4 span.job-label {
  font-size: 14px !important;
  margin-top: 2px;
}

.dintership-card.job-block .content h4 a {
  padding-left: 5px;
}

.dreamcards-section .job-block {
  margin-bottom: 28px;
}

.dintership-card.job-block .job-info li {
  font-size: 14px;
  margin-bottom: 2px;
  padding-left: 30px;
}

.dintership-card.job-block .job-info li .icon {
  top: 2px;
}

.dintership-card.job-block .job-info li .com_name .icon {
  color: #570097;
  font-size: 17px;
  line-height: 21px;
}

.dintership-card.job-block .inner-box {
  border-radius: 20px;
}

.dintership-card.job-block .inner-box:before {
  border-radius: 18px;
}

.opport-sec .switchbox li.d_intersip {
  width: 100% !important;
}

.dreamcards-section .dintership-card.job-block .job-info li {
  font-size: 14px;
}

/*** DreamCard CSS End ***/

.reg.candidate-log .select2-container .select2-selection--single .select2-selection__rendered  {
  font-size: 12px;
}

.reg.candidate-log .selcss .select2-container--default .select2-selection--single {
  border-radius: 16px;
  padding: 11px 16px 9px 16px;
  min-height: 44px;
}

/*** New ApplyForm Start ***/
.zuno-cms-modal.applyformcss #apply-form label {
  font-size: 12px;
}

.zuno-cms-modal.applyformcss .modal-body .modal-sp {
  padding: 13px 20px;
}

.modal-dialog {
  width: 86%;
}

.zuno-cms-modal.applyformcss .modal-header {
  padding: 12px 55px;
}

.zuno-cms-modal.applyformcss #apply-form .form-group input {
    min-height: 43px;
    border-radius: 16px;
    padding: 8px 16px 8px 14px;
    margin-bottom: 6px;
}

.zuno-cms-modal.applyformcss .mbsp {
  margin-bottom: 6px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--single {
  min-height: 43px;
  border-radius: 16px;
  padding: 10px 16px 8px 14px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple {
  min-height: 43px;
  border-radius: 16px;
  padding: 0px 16px 2px 14px;
}

.zuno-cms-modal.applyformcss #apply-form .form-group input[type="file"] {
  min-height: 43px;
  border-radius: 16px;
  font-size: 12px;
  padding: 4px 16px 2px 14px;
}

.zuno-cms-modal.applyformcss .mtmob {
  margin-top: 5px;
}

.zuno-cms-modal.applyformcss .subbtn {
  padding-top: 11px;
  padding-bottom: 4px;
}

.zuno-cms-modal.applyformcss .subbtn input {
  border-radius: 16px;
  font-size: 12px;
  height: 37px;
  width: 100%;
  padding: 0;
}

.zuno-cms-modal.applyformcss .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -1px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 20px;
  font-size: 10px;
  height: 20px;
  padding: 0px 23px 2px 8px;
}

.zuno-cms-modal.applyformcss #apply-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  line-height: 20px;
  font-size: 14px;
  right: 5px;
  top: 1px;
}

.applyformcss.custom-modal.zuno-cms-modal .modal-header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.applyformcss.custom-modal.zuno-cms-modal .modal-content {
  border-radius: 16px;
}

/*** New ApplyForm CSS End ***/
}


@media (max-width: 1023px) {
.banner-section.hbanner .image-column {
  display:block;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .h-100vh {
    height: inherit!important;
}

.reg.candidate-log .logo-box, .lgn.candidate-log .logo-box {
    z-index: 9;
    position: relative;
}

.candidate-log .login-box .logo {
    padding: 60px 0 40px 0;
    position: relative;
}

.candidate-log .main-box.login-box {
    justify-content: center;
}

.banner-section.hbanner .content-column h3 {
    font-size: 27px;
    line-height: 35px;
}

.banner-section.hbanner .content-column .text {
    font-size: 15px;
}

.home-bnr.banner-section .pfelow {
    border-radius: 8px;
    font-size: 12px;
    line-height: 43px;
    padding: 0 12px;
}

.banner-section.hbanner .image {
    padding: 0;
    max-width: 60%;
    display: inline-block;
}

.banner-section.hbanner .job-search-form {
    margin-bottom: 20px;
}

.banner-section.hbanner .popular-searches .title {
    color: #fff;
}

.banner-section.hbanner .popular-searches {
    margin-top: 0px;
}

.home-bnr #keyword-seacr .btn-box button {
    background: #F95700;
    margin-right: -15px;
}

.banner-section.hbanner .content-column .inner-column:after {
  opacity:0;
}

.btn-style-one.mani-tbtn {
    border-radius: 0;
    font-size: 13px;
}

.campus-sld.banner-campusslide .content-column {
    padding: 30px 20px;
    padding-right: 30px;
}

.store .store-box {
    width: 33.33%;
    margin-bottom: 25px;
}

.app-process-div .boxi {
    padding: 25px 12px 21px 12px;
}

.app-process-div p {
    font-size: 12px;
}

.campus-amba-testi .testimonial-block .txt-div {
    padding: 10px 25px 60px 25px;
}

.campus-amba-testi .testimonial-block .inner-box {
  display:flex;
}

.campus-amba-testi .owl-carousel .owl-item .test-quote {
    width: 22px;
    margin-left: -18px;
    margin-bottom: 4px;
}

.campus-amba-testi .testimonial-block .text {
    font-size: 13px;
    line-height: 19px;
}

.campus-amba-testi .testimonial-block .info-box {
    position: absolute;
    bottom: 3px;
}

.campus-amba-testi.testimonial-section.style-two .testimonial-block .name,
.campus-amba-testi.testimonial-section.style-two .testimonial-block .designation {
    font-size: 14px;
    line-height: 21px;
}


.home-bnr #banner-logo-slider.owl-carousel .owl-item .camp .image img {
  width:auto;
    min-height: 214px;
}

.home-bnr #banner-logo-slider.owl-carousel .owl-item .weekend .image .img1 {
    min-height: 25px;
    margin-bottom: 14px;
    width: auto;
}

.home-bnr #banner-logo-slider.owl-carousel .owl-item .weekend .image .img2 {
    min-height: 117px;
    margin-bottom: 9px;
    width: auto;
}

.home-bnr.banner-section .weekend h4 {
    font-size: 22px;
    margin-bottom: 23px;
}

.default-form .form-group.selcss.mt-sps {
    margin-bottom: 15px;
}

/**** SimpliLearn CSS ***/

.banner-simplilearn .content-column h3 {
    font-size: 26px;
    line-height: 35px;
}

.banner-simplilearn .content-column h3 img {
    height: 36px;
}

.connect.simplilearn h2,
.app-process-div.simplilearn .new-styh2 h2,
.placementWork-section .new-styh2 h2,
.faqs-section.home.simplilearn .new-styh2 h2 {
    font-size: 20px;
    line-height: 33px;
}

.app-process-div.simplilearn .text {
    font-size: 14px;
    line-height: 22px;
}

.app-process-div.simplilearn .spr-left {
    padding-left: 0;
}

.app-process-div.simplilearn .boxi {
    padding: 25px 8px 21px 8px;
}


.placementWork-section .placeInfo:before {
    width: 11px;
}

.placementWork-section .placeInfo {
    margin-bottom: 20px;
    padding: 12px 20px 8px 20px;
    padding-left: 41px;
}

.placementWork-section .placeInfo h5 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
}

.placementWork-section .placeInfo h4 {
    font-size: 24px;
    line-height: 36px;
}

.mheightlogo {
    height: 83px;
}

.simplilaunch h4 {
    font-size: 11px;
    line-height: 16px;
}

.simplilaunch .bgwhites.fts {
  padding: 16px 26px 14px 12px;
}

.simplilaunch .theme-btn.btn-style-one {
    padding: 6px 9px;
    font-size: 9px;
    line-height: 18px;
    min-width: 98px;
    margin-top: 10px;
}
.simplilaunch .bgwhites {
  padding: 20px 12px;
}

.simplilaunch .ptsName {
  left: -9px;
}




/*** SimpliLearn Home CSS Starts ***/
.home-sec-simplilearn .bg-simpli {
    padding: 40px 30px;
}

.home-sec-simplilearn .content-column h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}
.home-sec-simplilearn .content-column h3 img {
    height: 33px;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: -6px;
}

.home-sec-simplilearn .list-style-one li {
    font-size: 13px;
}
.home-sec-simplilearn .btn-style-one {
    font-size: 13px;
    line-height: 20px;
    border-radius: 16px;
    font-weight: 500;
    padding: 11px 20px;
    margin-top: 16px;
    min-width: 165px;
}

/*** SimpliLearn Home CSS end ***/

/*** Evolve Page CSS Start ***/
.banner-evolve .content-column {
    padding: 0px 0px;
}


.banner-evolve .owl-carousel .owl-item img.logo-evolve {
    height: 45px;
}

.banner-evolve .btn-style-one img {
    margin-left: 8px;
}

.banner-evolve .btn-style-one {
    font-size: 15px;
    padding: 9px 12px 9px 14px;
}

.evolve-industry-section .owl-prev {
    left: -27px;
}

.evolve-tabs-section p {
    font-size: 14px;
    line-height: 22px;
}

.evolve-tabs-section h4 {
    font-size: 11px;
    line-height: 29px;
}

.evolve-partner .new-styh2 h2 {
    font-weight: 700;
    font-size: 18px;
}

.evolve-partner .mheightlogos img {
    max-height: 80%;
}


/*** Evolve Page CSS End ***/



/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .bg-dreami {
    border-radius: 16px;
    padding: 20px 18px 22px 18px;
    margin-top: 0;
    margin-bottom: 30px;
}


.home-sec-dream-intership .content-column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-top: 25px;
}

.home-sec-dream-intership .list-style-one li {
    font-size: 14px;
    line-height: 21px;
}

.home-sec-dream-intership .text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 23px !important;

}

.home-sec-dream-intership .image-box {
  padding-bottom:12px;
}

.home-sec-dream-intership h3 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 18px;
}

.home-sec-dream-intership .image-box h4 {
    margin-bottom: 10px;
}

.home-sec-dream-intership .job-block .job-other-info {
    margin-top: 0px;
}

.home-sec-dream-intership .image-box .job-other-info li {
    margin-bottom: 12px;
}

.home-sec-dream-intership .btn-style-one {
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.home-sec-dream-intership .content-column .btn-style-one.borde {
  margin-left:0px;
  margin-top:17px;
    line-height: 47px;
}

/*** Dream Entership Section CSS End ***/


/** Fellowship New CSS Start **/

.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 14px;
}


.evolve-industry-section.fellowsip .owl-prev {
  left:-22px;
}

.evolve-industry-section.fellowsip .owl-next {
  right:-22px;
}

.benefit-section.fellowsip .text {
  font-size: 13px;
}

.exciting-rewards.fellowsip  .content-column {
  padding-left: 19px;
}

.fellows-section.instyle .s-left .text {
  font-size: 13px;
}

/*** Fellowship New CSS End ***/

/*** DreamCard CSS Start ***/

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac {
  line-height: 29px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  line-height: 31px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.dreamcards-section .dintership-card.job-block .job-info li {
  font-size: 14px;
}

/*** DreamCard CSS End ***/
}

@media only screen and (min-width: 992px) and (max-width: 1169px){
.candidate-log .login-boxs .social-login {
    padding: 0 20px 20px 20px;
}

.campus-sld.banner-campusslide .content-column {
    padding: 30px 50px;
    padding-right: 47px;
}

.store-box {
    padding: 0 13px;
}

.store p {
    font-size: 13px;
    line-height: 21px;
}

.app-process-div .boxi {
    padding: 25px 10px 21px 10px;
}

.app-process-div p {
    font-size: 12px;
    line-height: 18px;
}

.campus-amba-testi .testimonial-block .txt-div {
    padding: 10px 25px 60px 25px;
}

.campus-amba-testi .testimonial-block .inner-box {
  display:flex;
}

.campus-amba-testi .owl-carousel .owl-item .test-quote {
    width: 22px;
    margin-left: -18px;
    margin-bottom: 4px;
}

.campus-amba-testi .testimonial-block .text {
    font-size: 13px;
    line-height: 19px;
}

.campus-amba-testi .testimonial-block .info-box {
    position: absolute;
    bottom: 3px;
}
.campus-amba-testi.testimonial-section.style-two .testimonial-block .name,
.campus-amba-testi.testimonial-section.style-two .testimonial-block .designation {
    font-size: 14px;
    line-height: 21px;
}


.col-lg-8.custappwidth {
    width: 76%;
}


/**** SimpliLearn CSS ***/

.banner-simplilearn .content-column h3 {
    font-size: 29px;
    line-height: 35px;
}

.simplilaunch h3 {
    font-weight: 500;
    font-size: 19px;
    line-height: 31px;
}

.banner-simplilearn .content-column h3 img {
    height: 36px;
}


.app-process-div.simplilearn .text {
    font-size: 14px;
    line-height: 22px;
}

.app-process-div.simplilearn .spr-left {
    padding-left: 0;
}

.app-process-div.simplilearn .boxi {
    padding: 25px 8px 21px 8px;
}


/*** SimpliLearn Home CSS Starts ***/
.home-sec-simplilearn .bg-simpli {
    padding: 40px 60px;
}

.home-sec-simplilearn .content-column h3 {
    font-size: 31px;
    line-height: 40px;
}
.home-sec-simplilearn .content-column h3 img {
    height: 41px;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: -6px;
}

/*** SimpliLearn Home CSS end ***/


/*** Evolve Page CSS Start ***/

.banner-evolve .content-column {
    padding-left: 25px;
}

.evolve-tabs-section h4 {
    font-size: 13px;
    line-height: 32px;
}

.evolve-tabs-section .new-styh2 h2 {
    font-size: 20px;
}

.evolve-tabs-section p {
    font-size: 15px;
    line-height: 25px;
}

.app-process-div.evolvesec .simpli-col-center {
    width: 71%;
}

/*** Evolve Page CSS End ***/


/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .bg-dreami {
    border-radius: 16px;
    padding: 20px 18px 22px 18px;
    margin-top: 0;
    margin-bottom: 30px;
}


.home-sec-dream-intership .content-column {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-top: 25px;
}

.home-sec-dream-intership .list-style-one li {
    font-size: 14px;
    line-height: 21px;
}

.home-sec-dream-intership .image-box {
  padding-bottom:12px;
}


.home-sec-dream-intership .image-box h4 {
    margin-bottom: 10px;
}

.home-sec-dream-intership .job-block .job-other-info {
    margin-top: 0px;
}

.home-sec-dream-intership .image-box .job-other-info li {
    margin-bottom: 12px;
}

/*** Dream Entership Section CSS End ***/


/** Fellowship New CSS Start **/
.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 22px;
  line-height: 34px;
}

.exciting-rewards.fellowsip .content-column {
  padding-left: 30px;
}

.zuno-program.fellowship .bg-blues {
  padding: 60px 30px 70px 40px;
}
.zuno-program.fellowship .sec-title h2 {
  font-size: 29px;
  line-height: 35px;
}

section.zuno-program.fellowship h4 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 34px;
}

/*** Fellowship New CSS End ***/

/*** DreamCard CSS Start ***/

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac {
  line-height: 29px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  line-height: 31px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.dintership-card.job-block .job-info li {
  font-size: 14px;
}

.dreamcards-section .dintership-card.job-block .job-info li {
  font-size: 14px;
}

/*** DreamCard CSS End ***/

}

@media only screen and (min-width: 992px) and (max-width:1199px){
/**** SimpliLearn CSS ***/
.simplilaunch h3 {
    font-size: 16px;
    line-height: 27px;
}

.banner-simplilearn .content-column {
    padding-left: 6%;
    margin: 0;
    width: 50%;
}

.simplilaunch .bgwhites {
    padding: 11px 10px 11px 26px;
}

.simplilaunch .bgwhites .col-lg-4 {
    padding: 0 8px;
}

.simplilaunch .bgwhites .col-lg-8 {
    padding-right: 0;
}

.app-process-div.simplilearn .boxi {
    padding: 25px 12px 21px 12px;
}

.simplilaunch .ptsName {
  left: -7px;
}

.simplilaunch .theme-btn.btn-style-one {
  padding: 6px 13px;
  border-radius: 16px;
  letter-spacing: 0.05em;
  font-size: 11px;
  line-height: 18px;
  width: 116px;
  min-width: inherit;
  white-space: normal;
}

.simplilaunch .content-column {
    width: 25%;
}

.simplilaunch .image-column {
    width: 75%;
}

.connect.simplilearn h2,
.app-process-div.simplilearn .new-styh2 h2,
.placementWork-section .new-styh2 h2,
.faqs-section.home.simplilearn .new-styh2 h2 {
    font-size: 24px;
}

.simpli-col-center {
    width: 91%;
}

.simplilaunch h4 {
    min-height: 28px;
}

.simplilaunch .bgwhites.fts {
    padding: 11px 10px 11px 26px;
}



/** Fellowship New CSS Start **/
.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 22px;
  line-height: 34px;
}

.exciting-rewards.fellowsip .content-column {
  padding-left: 30px;
}

.banner-section.hbanner .fellows .image img {
  max-width: 457px;
}

/*** Fellowship New CSS End ***/

}

@media only screen and (min-width: 992px) and (max-width: 1023px){
.banner-section.hbanner #keyword-seacr .btn-box button {
    margin-top: 10px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1366px){
.banner-section.hbanner .job-search-form .form-group input {
    height: 59px;

}

}

@media only screen and (min-width: 992px) and (max-width: 1399px){
.candidate-log .auth-cover-wrapper .auth-cover .cover-image img, .candidate-log .auth-cover-wrapper .auth-cover .cover-image img {
    position: fixed !important;
}

.candidate-log .signup-wrapper {
    padding: 60px 0px 0px 0px;
    min-height: 500px;
}


.candidate-log .up-header span.tt-sub {
    font-size: 12px;
}

.candidate-log .login-boxs .can-amp-btn a,
.reg .login-form .form-group .btn-box .theme-btn.btn-style-four  {
    font-size: 13px;
}

.candidate-log .login-boxs .can-amp-btn.active a,
.reg .login-form .form-group .btn-box .theme-btn.btn-style-four.active-role {
    font-size: 13px;
}
.reg .login-form .form-group .btn-box .theme-btn.btn-style-four i {
    font-size: 27px;
    vertical-align: middle;
}

.candidate-log .login-boxs .log-up-pad {
    padding: 20px 15px 10px 15px;
}

.candidate-log .d-info {
    padding: 33px 15px 18px 15px;
}

.candidate-log .d-info .explore {
    padding: 0px 16px;
    font-size: 14px;
    line-height: 53px;
}

.candidate-log .s-linka a {
    padding: 9px 3px;
    margin-bottom: 16px;
    font-size: 11px;
}

.candidate-log h2 {
    font-size: 26px;
    line-height: 1.2;
}


.reg .btn-box.row {
    margin-left: -20px;
    margin-right: -20px;
}

.candidate-log.reg .login-boxs .log-up-pad {
    padding-left: 0px;
    padding-right: 0px;
}

.reg .btn-box.row {
    margin-left: -20px;
    margin-right: -20px;
}

.home-bnr.banner-section .pfelow {
    font-size: 14px;
}


.banner-section.hbanner .popular-searches .title {
  color:#fff;
}

.banner-section.hbanner .content-column .inner-column:after {
    right: -110px;
}

.banner-section.hbanner .job-search-form form {
    padding: 5px 20px 5px 6px;
}

.banner-section.hbanner .job-search-form .form-group input {
    padding-left: 34px;
    font-size: 12px;
}

.banner-section.hbanner .content-column h3 {
    font-size: 30px;
    line-height: 38px;
}

.banner-section.hbanner .image {
    padding-right: 25px;
}

.banner-section.hbanner .content-column .inner-column:after {
    right: -64px;
}

.banner-section.hbanner .job-search-form .form-group .icon {
    font-size: 20px;
    left: 16px;
}

.banner-section.hbanner .job-search-form {
    min-width: 100%;
    background: #fff;
}

.banner-section.hbanner .job-search-form .form-group input {
  margin:0;
    height: 53px;
  background:none;
  box-shadow:none;
}

.banner-section.hbanner #keyword-seacr .btn-box button {
  margin:0;
}


.home-bnr.banner-section.hbanner .job-search-form #keyword-seacr .form-group:first-child {
  margin:0;
}

.home-bnr #keyword-seacr .btn-box {
  margin:0;
}

/*** Login/Register CSS ***/
.candidate-log .login-boxs .log-up-pad {
  padding: 20px 40px 10px 16px;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
.banner-section.hbanner .job-search-form .form-group input {
    font-size: 14px;
    padding-left: 40px;
}


.banner-section.hbanner .popular-searches a {
    font-size: 12px;
    line-height: 25px;
    margin-right: 4px;
    margin-bottom: 7px;
}

.banner-section.hbanner .content-column .inner-column:after {
    right: -102px;
}

.banner-section.hbanner .image img {
    max-width: 60%;
    max-width: 330px;
    max-height: 330px !important;
}

.home-bnr.banner-section .camp .image img {
    min-height: 292px;
    max-height: 292px;
}

.home-bnr.banner-section .weekend .image .img2 {
    min-height: 162px;
    margin-bottom: 10px;
}

.home-bnr.banner-section .weekend .image .img1 {
    min-height: 32px;
    margin-bottom: 28px;
}
}


@media only screen and (min-width: 1400px) and (max-width: 1667px){
.s-linka a {
    padding: 9px 0px;
    font-size: 11px;
}

}

@media only screen and (min-width: 768px) and (max-width: 1199px){
.job-block .inner-box .vie-btn {
    text-align: right;
    margin-top:0px;
}
}

@media only screen and (min-width: 1170px) and (max-width: 1199px){
.campus-sld.banner-campusslide .content-column {
    padding: 30px 50px;
    padding-right: 47px;
}


.col-lg-8.custappwidth {
    width: 89%;
}

/*** SimpliLearn Home CSS Starts ***/

.home-sec-simplilearn .bg-simpli {
    padding: 40px 60px;
}

.home-sec-simplilearn .content-column h3 {
    font-size: 31px;
    line-height: 40px;
}
.home-sec-simplilearn .content-column h3 img {
    height: 41px;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: -6px;
}

/*** SimpliLearn Home CSS end ***/



/*** Evolve Page CSS Start ***/
.banner-evolve .content-column {
    padding-left: 0;
}

.evolve-tabs-section h4 {
    font-size: 14px;
    line-height: 31px;
}

.evolve-tabs-section .new-styh2 h2 {
    font-size: 21px;
    line-height: 36px;
}

.evolve-tabs-section p {
    font-size: 16px;
    line-height: 27px;
}


.app-process-div.evolvesec .simpli-col-center {
    width: 71%;
}


/*** Evolve Page CSS End ***/


/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .bg-dreami {
}


.home-sec-dream-intership .content-column {
    padding-right: 60px;
    padding-left: 15px;
    padding-top: 25px;
}

.home-sec-dream-intership .list-style-one li {
    font-size: 14px;
    line-height: 21px;
}

.home-sec-dream-intership .text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 23px !important;

}

.home-sec-dream-intership .image-box {
  padding-bottom:12px;
}

.home-sec-dream-intership .image-box h4 {
    margin-bottom: 10px;
}

.home-sec-dream-intership .job-block .job-other-info {
    margin-top: 0px;
}

.home-sec-dream-intership .image-box .job-other-info li {
    margin-bottom: 12px;
}

.home-sec-dream-intership .btn-style-one {
    font-size: 16px;
}

.home-sec-dream-intership .content-column .btn-style-one.borde {
  margin-left:18px;
}

/*** Dream Entership Section CSS End ***/


.zuno-program.fellowship .bg-blues {
  padding: 60px 30px 70px 40px;
}
.zuno-program.fellowship .sec-title h2 {
  font-size: 29px;
  line-height: 35px;
}

section.zuno-program.fellowship h4 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 34px;
}


/*** DreamCard CSS Start ***/

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac {
  line-height: 29px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn,
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  line-height: 31px;
  min-width: 83px;
  padding: 0px 4px;
  font-size: 12px;
}

.dintership-card.job-block .job-info li {
  font-size: 14px;
}

/*** DreamCard CSS End ***/
}


@media only screen and (min-width:1200px) and (max-width: 1400px){
  .campus-sld.banner-campusslide .content-column {
      padding: 80px 40px 50px 20px;
}

.connect .wht-do-bx .cnt-pnl {
    background-size: 129px auto !important;
    min-height: 140px;
}

.connect .wht-do-bx .cnt-pnl p {
    font-size: 15px;
    line-height: 21px;
}



}


@media only screen and (min-width:1169px) and (max-width: 1366px){
.campus-amba-testi .testimonial-block .info-box {
    min-height: 70px;
}

}

@media only screen and (min-width:1350px) and (max-width: 1420px){
.campus-amba-testi .default-nav .owl-prev {
    left: -28px;
}

.campus-amba-testi .default-nav .owl-next {
    right: -28px;
}

}



@media only screen and (min-width:1200px) and (max-width: 1300px){
.container {
    max-width: 1120px;
}

.col-lg-8.custappwidth {
    width: 77%;
}

.app-process-div.simplilearn .spr-left {
    padding-left: 11px;
}

.simplilaunch .ptsName {
  left: -8px;
}

.simplilaunch .content-column {
  width: 25%;
}

.simplilaunch .image-column {
  width: 75%;
}

.simplilaunch .theme-btn.btn-style-one {
    padding: 6px 14px;
    min-width: 108px;
    font-size: 10px;
}

.simplilaunch h3 {
  font-size: 18px;
  line-height: 30px;
}


/*** SimpliLearn Home CSS end ***/
.home-sec-simplilearn .content-column h3 {
    font-size: 35px;
}

.home-sec-simplilearn .content-column h3 img {
    height: 41px;
    margin-bottom: -4px;
}

/*** SimpliLearn Home CSS Starts ***/

/*** Evolve Page CSS Start ***/

.evolve-tabs-section h4 {
    font-size: 15px;
}


.banner-evolve .btn-style-one img {
    margin-left: 6px;
}


.app-process-div.evolvesec .simpli-col-center {
    width: 60%;
}


/*** Evolve Page CSS End ***/


/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .content-column {
    padding-left: 44px;
    padding-right: 76px;
}

/*** Dream Entership Section CSS End ***/


/** Fellowship New CSS Start **/
.home-bnr.home-new-bnr.banner-section.fellowsip-banner .content-column h3 {
  font-size: 33px;
  line-height: 45px;
}
.banner-section.hbanner .fellows .image img {
  max-width: 389px;
}

/*** Fellowship New CSS End ***/

.zuno-program.fellowship .bg-blues {
  padding: 60px 48px 70px 50px;
}


.connect .wht-do-bx .cnt-pnl.bx-1 {
  background-position: 34px center;
  background-repeat: no-repeat;
  background-size: 160px auto !important;
}

.connect .wht-do-bx .cnt-pnl.bx-2 {
  background-size: 176px auto;
}

.connect .wht-do-bx .cnt-pnl.bx-3 {
  background-size: 160px auto;
}

.connect .wht-do-bx .cnt-pnl.bx-4 {
  background-size: 180px auto;
}


/*** DreamCard CSS Start ***/
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  padding: 0px 20px;
  line-height: 34px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac {
  padding: 0px 20px;
  line-height: 32px;
  font-size: 14px;
  min-width: inherit;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn {
  padding: 0px 20px;
  line-height: 34px;
  font-size: 14px;
  min-width: inherit;
}

.dintership-card.job-block .job-info li {
  font-size: 14px;
}
/*** DreamCard CSS End ***/

}

@media only screen and (min-width:1301px) and (max-width: 1399px){
.col-lg-8.custappwidth {
    width: 71%;
}

.app-process-div.evolvesec .simpli-col-center {
    width: 53%;
}

.evolve-tabs-section .progress {
  width: 110%;
}

.evolve-tabs-section h4 {
  font-size: 16px;
}

.simplilaunch .theme-btn.btn-style-one {
  padding: 6px 9px;
  font-size: 10px;
}

/*** Dream Entership Section CSS start ***/
.home-sec-dream-intership .content-column {
    padding-right: 125px;
}

/*** Dream Entership Section CSS End ***/


.zuno-program.fellowship .bg-blues {
  padding: 60px 48px 70px 50px;
}

/*** DreamCard CSS Start ***/
.opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
  padding: 0px 20px;
  line-height: 34px;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac {
  padding: 0px 20px;
  line-height: 32px;
  font-size: 14px;
  min-width: inherit;
}

.opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn {
  padding: 0px 20px;
  line-height: 34px;
  font-size: 14px;
  min-width: inherit;
}

.dintership-card.job-block .job-info li {
  font-size: 14px;
}
/*** DreamCard CSS End ***/
}

@media only screen and (min-width:768px) and (max-width: 1024px){
img.zumo_profile_image {
    background: #00B0E6;
    padding: 0;
    height: 50px;
    overflow: visible;
}

.main-header .mobile-header .btn-box1.lgn-bx a#navbarDropdown {
    padding: 10px 6px;
    font-size: 16px;
    margin: 0 5px;
    border: none;
    color: #60489D;
}

/** Fellowship New CSS Start **/
.mobile-header.mobile-candidate .btn-telegram.fl-btn {
  background: none;
  padding: 0;
  text-align: center;
  border: 2px solid #FCD736;
  box-shadow: 0px 0px 8px rgb(252 215 54 / 69%);
  border-radius: 12px;
  min-width: 50px;
  min-height: 50px;
  margin-right: 10px;
}

.mobile-header.mobile-candidate .btn-telegram.fl-btn img {
  margin: 0px 0;
  display: inline-block;
  float: none;
}

/** Fellowship New CSS End **/
}

@media only screen and (min-width:1025px) and (max-width: 1366px){
.main-header .logo img {
    height: 48px;
}

.candidate-log .h-100vh {
    height: calc(100vh - 78px)!important;
    height: calc(100vh - 77px)!important;
}


}

@media only screen and (min-width:1400px) and (max-width: 1440px){
.main-header .main-box {
    padding: 0 41px;
}


}

.mobile-nav-toggler .flaticon-menu-1:before {
  display:none;
}

.mm-wrapper_opened .mobile-nav-toggler .flaticon-menu-1:before {
    content: "\f175";
    font-size: 18px;
    line-height: 30px;
    display: block;
}

.mm-wrapper_opened .mobile-nav-toggler .flaticon-menu-1 img {
  display:none;
}

@media only screen and (max-width: 1023px) {
section.ls-section.interns.opport-sec .content-column {
    margin-bottom: 0;
}

}



@media only screen and (min-width:992px) and (max-width: 1099px){
/** Fellowship New CSS Start **/
.fellows-section.instyle .btn-style-one {
  margin-right: 5px;
}

/*** Fellowship New CSS End ***/
}


/*** ***/
.evolve-industry-section.fellowsip {
  padding: 35px 0 30px 0;
}

@media only screen and (min-width: 768px){
  .main-menu .navigation > li.current > a.fl_MENU {
      color:#FF5900;
      padding-bottom: 3px;
  }

  .main-menu .navigation > li > a.fl_MENU .cap-mob {
      position: relative;
      top: -2px;
  }

  .main-menu .navigation > licurrent > a.fl_MENU .cap-mob {
      position: relative;
      top: 0;
  }

  .main-menu .navigation > li > a.fl_MENU em {
      font-weight: 700;
      font-size: 10px;
      line-height: 15px;
      color: #FFC300;
      font-style: normal;
      position: relative;
      top: -8px;
      padding-left: 5px;
   }
}

@media only screen and (max-width: 767px){
 #nav-mobile.mm-menu a.fl_MENU .cap-mob  {
      display: none;
  }

  #nav-mobile.mm-menu a.fl_MENU em {
      font-weight: 700;
      font-size: 10px;
      line-height: 15px;
      color: #FFC300;
      font-style: normal;
      position: relative;
      top: -8px;
      padding-left: 2px;
   }


.evolve-industry-section.fellowsip .owl-prev, .evolve-industry-section.fellowsip .owl-next {
  background-size: 9px;
}

.evolve-industry-section.fellowsip .owl-carousel .owl-item img.logo-bewakof {
  max-height: 68px !important;
}

.custom-modal.zuno-cms-modal .modal-header.radius__16 {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.mm-menu li:first-child img {
  padding: 3px;
}

.mm-menu li img {
  margin-right: 19px;
  width: 24px;
  padding: 0px;
}

.mm-menu li a,
.mm-menu li.current > a {
  padding: 0px 0 !important;
  line-height:55px!important;
}

.mm-menu li a.fl_MENU img {
  margin-right: 23px;
}

.mm-menu li .exp-coursimg img {
  margin-right: 17px;
}

.mm-menu li a.SL_MENU img {
  margin-right: 16px;
}

.home-bnr #banner-logo-slider.owl-carousel {
  padding-bottom: 11px;
}

.home-bnr #banner-logo-slider .owl-dots, .home-bnr #banner-logo-sliders .owl-dots {
  position: absolute;
  bottom: -10px;
}

.home-bnr #banner-logo-slider .owl-dot,.home-bnr #banner-logo-sliders .owl-dot {
  width: 6px;
  height: 6px;
  margin:0 3px;
}

.home-bnr.banner-section .pfelow {
  border-width: 2px;
  border-radius: 16px;
  padding-top:10px;
  padding-bottom:10px;
}

.home-bnr.banner-section .fellows .pfelow {
  box-shadow: 0px 0px 8px rgba(91, 200, 225, 0.4);
}

.home-bnr.banner-section .pfelow i {
  top: 20px;
  right: 17px;
  font-size: 20px;
  color: #fff;
}

.home-bnr #banner-logo-slider {
  padding-top: 70px;
}

.home-bnr.banner-section .job-search-form .form-group input {
  border: 1px solid rgba(93, 77, 168, 0.3);
  box-shadow: 0px 8px 8px -4px rgb(93 77 168 / 20%), 0px 20px 24px -2px rgb(15 5 61 / 15%);
  border-radius: 16px;
}

.home-bnr.banner-section .btn-style-one {
  border-radius: 16px;
}

.home-bnr.banner-section .image-column {
  padding-right: 0;
  padding-left: 0;
}

.home-bnr.banner-section .owl-item {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-bottom: 10px;
}

.home-sec-simplilearn .textcapi {
  text-transform: capitalize;
}

}



@media (min-width: 1400px){

  /*** DreamCard CSS Start ***/
  
  .opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.bdr-lalac,
  .opport-sec.ls-section .job-block .inner-box .vie-btn a.bdr-lalac {
    line-height: 34px;
    min-width: 125px;
    padding: 0px 14px;
    font-size: 16px;
  }
  
  .opport-sec.ls-section .dintership-card.job-block .inner-box .vie-btn a.orang-btn,
  .opport-sec.ls-section .job-block .inner-box .vie-btn a.orang-btn {
    line-height: 36px;
    min-width: 125px;
    padding: 0px 14px;
    font-size: 16px;
  }
  
  /*** DreamCard CSS End ***/
  }

.theme-btn.notfication-btn
{
  border: 0px !important;
}
.theme-btn.notfication-btn
{
  width: auto !important;
}
.theme-btn.notfication-btn:hover
{
  background: none !important;
}

.mobile-header.mobile-employer .theme-btn.notfication-btn, .theme-btn.notfication-btn {
  background: none;
  padding: 0;
  text-align: center;
  border-radius: 12px;
  margin-right: 10px;
  position: relative;
  border-radius: 0px;
  overflow: visible;
  margin-right:25px;
}

.mobile-header.mobile-employer .theme-btn.notfication-btn span.count {

  background: #FF5900;
  display: inline-block;
  position: absolute;
  top: -2px;
  right: 0;
  border-radius: 50%;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-btn.notfication-btn span.count {
  background: #FF5900;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 8px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-header.mobile-employer .theme-btn.notfication-btn,
 .theme-btn.notfication-btn {
  margin-right: 8px !important;
}

.mobile-header.mobile-employer .theme-btn.notfication-btn img {
  width: 24px;
}
.theme-btn.notfication-btn img {
  width: 30px;
}

.mobile-header.mobile-employer .theme-btn.notfication-btn span.count {
  font-size: 8px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-btn.notfication-btn span.count {
  font-size: 11px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 50%;
  padding: 0px 5px;
}

.theme-btn.notfication-btn span.count {
  top: -6px !important;
  right: -1px !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  padding: 0;
  text-align: center;
  line-height: 20px !important;
}

div#count-container {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  background-color: #ff5900;
  padding: 0;
  text-align: center;
}

/* Green Tick OTP Msg CSS Start */
.default-form .form-group.otp-success-msg {
  margin-top: 16px;
}

.default-form .form-group.otp-success-msg span {
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #3EB655;
    display: inline-block;
}

.default-form .form-group.otp-success-msg img {
    margin-right:4px;
    width: 32px;
    position: relative;
    top: -1px;
}

.default-form .form-group.otp-input {
  margin-top: 2px;
}

 .whatsapp-switch .slider:before {
  width: 16px;
  height: 16px;
  bottom: 1px;
  left: 2px;
  background: #60489D;
}

.whatsapp-switch .slider.round {
  border: 1px solid #CDCDCD;
  min-width: 40px;
}

.whatsapp-switch input:checked + .slider {
  background-color: #6F00BE;
  border: 2px solid #6F00BE;
}
.whatsapp-switch input:checked + .slider:before {
  background: #ffffff;
  transform: translateX(18px);
  bottom:1px;
}



.whatsapp-switch .title {
  font-size: 15px;
  font-weight: 400;
  padding: 0 8px;
  color: #101010;
}
#update-info .whatsapp-switch .title{
  font-weight: 700;
}
#update-info .whatsapp-switch .icon-container,#apply-form-register .whatsapp-switch .icon-container{
  display: unset;
  margin-left: 4px;
}
#apply-form-register .whatsapp-switch .title{
  font-weight: 400;
}
#registerForm .whatsapp-switch .title{
  font-weight: 500;
}
#registerForm .whatsapp-switch .slider.round{
  min-width: 40px;
}
 .whatsapp-switch .icon-container img{
  min-width: 22px;
}
#whatsapp-consent-modal > .modal-content {
  background: #FFFFFF;
  border-radius: 25px;
  width: 500px;
}

#whatsapp-consent-modal > .modal-content h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
#whatsapp-consent-modal button.close {
  position: absolute;
  top: -30px;
  font-size: 21px;
  right: 0;
  color: #ffffff;
  background: #1D1934;
  width: 24px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 0;
}
#whatsapp-consent-modal .confirm-button-container button {
  flex-grow: 1;
  height: 40px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 16px;
}

#whatsapp-consent-modal .confirm-button-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 22px 0 0;
  gap: 10%;
}

#whatsapp-consent-modal button.cancel-btn {
  border: 1px solid #FF5900;
  color:#FF5900;
}

#whatsapp-consent-modal button.confirm-btn {
  background: #FF5900;
  box-shadow: 0px 6px 8px -4px rgba(93, 77, 168, 0.1);
  color: #ffffff;
}

.whatsapp-form-group{width: fit-content;}

@media screen and (max-width: 600px) {
  .whatsapp-switch input:checked + .slider:before {
    bottom:0px;
  }
  #update-info .whatsapp-switch .icon-container,#apply-form-register .whatsapp-switch .icon-container{
   margin-left: 0;
  }
}
@media (max-width: 767px) {
.default-form .form-group.otp-success-msg span {
    font-size: 14px;
  }
}
/* Green Tick OTP Msg CSS End */

a.close-location-other {
  position: absolute;
  top: 50%;
  right: 22px;
  color: #000;
  line-height: 11px;
  margin-top: -5px;
}

#applyModal input[type="text"]:read-only, #apply-form-register input[type="text"]:read-only{
  background: #F0F5F7 !important;
}
.location-row .autocomplete-items{
max-height: 300px;
overflow-y: auto;
}

.campus-ambassador-form{
  background-color: white;
  border: 2px solid #6D4DAE;
  border-radius: 24px;
  height: 560px;
  /* overflow-y: scroll; */
  scrollbar-width: 5px;
}

a.close-college-other {
  position: absolute;
  top: 50%;
  right: 22px;
  color: #000;
  line-height: 11px;
  margin-top: -5px;
}
a.close-company-other {
  position: absolute;
  top: 50%;
  right: 22px;
  color: #000;
  line-height: 11px;
  margin-top: -5px;
}
.font-18
{
  font-size: 18px !important;
}
.font-17
{
  font-size: 17px !important;
}
a.close-college-other-ca {
  top: 70%;;
}
a.close-location-other-ca {
  top: 70%;
}
.text-underline
{
  text-decoration: underline;
}
.text-underline-hover:hover
{
  text-decoration: underline;
}
.text-transform-none
{
  text-transform: none !important ;
}