@media (min-width: 5001px) and (max-width: 7680px) {
     .container_user .col-lg-3 {
         -ms-flex: 0 0 15%;
         flex: 0 0 15%;
         max-width: 15%;
     }

     .container_user .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 30%;
         max-width: 30%;
     }
 }

 @media (min-width: 1921px) and (max-width: 5000px) {
     .container_user .col-lg-3 {
         -ms-flex: 0 0 15%;
         flex: 0 0 15%;
         max-width: 15%;
     }

     .container_user .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 30%;
         max-width: 30%;
     }
 }

 @media (min-width: 1440px) and (max-width: 1920px) {
     .login_bx .form {
         padding: 10px 30% 10px 50px;
     }

     .login_bx .right-side {
         padding: 30px 100px 100px 2%;
     }

     .sign_up #tabs .nav-tabs .nav-link {
         width: 30%;
     }

     .btm_de_user {
         margin-top: 22px;
     }

     .company_profile_right h2 {
         display: block;
         width: 50%;
     }

     .container_user .col-lg-3 {
         -ms-flex: 0 0 18%;
         flex: 0 0 218%;
         max-width: 18%;
     }

     .container_user .col-lg-5 {
         -ms-flex: 0 0 37%;
         flex: 0 0 37%;
         max-width: 37%;
     }

     .btmright_side {
         padding: 49px 0 50px 0;
     }
 }

 @media(max-width:1024px) {
     .login_bx .left-side {
         height: auto !important;
     }

     .btmtext h6 {
         font-size: 12px;
     }

     .login_bx .right-side {
         padding: 30px 100px 0 0;
         min-height: auto;
     }
 }

 @media (min-width: 1201px) and (max-width: 1920px) {
     .login_bx .left-side {
         height: 100vh;
     }

     .company_profile_right h2 {
         display: block;
         width: 50%;
     }
 }

 @media (min-width: 1201px) and (max-width: 1500px) {
     .recruitment_view_img {
         padding: 14px 20px;
     }

     .recruitment_view_selectemployee .select_candi {
         top: 0px !important;
     }

     .recruitment_view_selectemployee a {
         padding: 0px 10px 0;
     }

     .topbar-left img {
         padding: 12px 30px;
         width: 221px;
     }



 }

 @media (min-width: 992px) and (max-width: 1200px) {
     header .btn {
         padding: 5px 8px;
         font-size: 14px;
     }

     .rightside_menu li {
         margin: 0 2px;
     }

     .services-box2 {
         padding: 8px;
     }

     .banner_home .search-slt {
         height: 36px;
     }

     .banner_home .rightsidebg .form-group label {
         font-size: 15px;
     }

     .form-group {
         margin-bottom: 0.5rem;
     }

     .careerfy_categories ul li {
         width: 30.60%;
         margin: 12px;
     }

     .careerfy-categories-classic-logo h2 {
         font-size: 17px;
         height: 60px;
     }

     header .nav-item a {
         font-size: 13px !important;
         padding: 7px 2px 5px !important;
     }

     .login_bx .text_login h2 {
         font-size: 19px;
     }

     .login_bx .left-side {
         padding: 70px 30px 100px;
     }

     .login_bx .text_login ul li {
         padding: 15px 0;
         font-size: 15px;
     }

     .topbar_right .navbar {
         padding: 0.5rem 1rem 0 0;
     }

     .topbar_right .nav-item a {
         font-size: 14px;
         padding: 13px 11px 12px;
         text-transform: capitalize;
     }

     .search_bx h2 {
         font: normal normal 600 14px/24px Open Sans;
     }

     .topbar-left img {
         padding: 12px 30px;
         width: 225px;
     }

     .topbar_right .rightside_menu {
         margin-top: 5px;
     }

     .btm_de_user {
         margin-top: 60px;
     }

     .recruitment_view_tab .nav-tabs .nav-link {
         padding: 8px 45px;
     }

     .recruitment_view_selectemployee h6 {
         font: normal normal normal 13px/22px Open Sans;
         margin: 49px 0 0 -5px;
     }

     .w_70bx {
         width: 100%;
         float: left;
     }

     .sign_up #tabs .nav-tabs .nav-link {
         width: 30%;
     }

     .recruitment_text .table {
         margin-top: 9px;
     }

     .recruitment_bxone {
         padding: 10px;
         border-radius: 5px;
     }

     .recruitment_text h2 {
         font: normal normal 600 14px/21px Open Sans;
     }

     .recruitment_text .table th {
         font: normal normal normal 12px/16px Open Sans;
     }

     .magnific-img img {
         width: 100%;
         height: 110px;
     }

     .recruitment_view_name {
         padding: 0 20px 18px;
     }

     .recruitment_view_img {
         padding: 8px 20px;
     }

     .btmright_side {
         padding: 10px 0 50px 0;
     }

     .selected_employees_tit h2 {
         padding: 10px 12px;
     }

     .clear_filter {
         bottom: 7px;
         left: 0;
         right: 0;
         padding: 30px 0;
     }

     .banner_home .search-sec h2 {
         font: normal normal normal 31px/23px Open Sans;
     }

     .banner_home .search-sec h4 {
         font: normal normal normal 31px/23px Open Sans;
     }

     .banner_home .search-sec h4 span {
         font: normal normal normal 41px/23px Open Sans;
     }

     .Assessment-Platform-l h2 {
         font: normal normal bold 33px/40px Open Sans;
         padding-bottom: 10px;
     }

     .btm_title_offer h2 {
         font: normal normal normal 13px/14px Open Sans;
     }

     .destop_menubxnav {
         display: none;
     }

     .topbar_right .navbar ul li {
         float: right;
     }






     /* new code */

     .recritment_data .timeline-point:nth-child(even) .popup {
         top: 211.1px;
         right: -39px;
     }

     .recritment_data .popup {
         width: 241.6px;
         height: auto;
         max-height: 0;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 30px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         display: block !important;
     }

     .slider_services {
         float: left;
         width: 100%;
         position: relative;
         margin: 0 0 0 47px;
     }


     .text_services {
         float: left;
         width: 100%;
         position: absolute;
         top: 31px;
         left: 30px;
     }

     .service_slide_data h4 {
         float: left;
         width: 100%;
         margin: 10px 0 0 0;
         color: #fff;
         font-size: 16px;
         font-family: 'Montserrat';
         font-weight: 600;
     }

     section.out_states_sec {
         background-image: none;
         background: #000;
     }

     .couter_company li {
         padding: 20px 17px;
         float: left;
         width: 50%;
     }


     .couter_company li span {
         font-size: 40px;
     }

     .couter_company li p {
         font-size: 13px;

     }

     .wrapper .nav-links {
         padding: 0;
         margin: 0;
         float: left;
         width: 100%;
         margin: 0 0 0 32px;
         vertical-align: middle;
         height: 0;
         line-height: 0;
     }


     ._vision_text {
        height: 354px;
    }




 }

 @media (min-width: 768px) and (max-width: 991.5px) {
     .navbar-toggler {
         background-color: transparent;
         border: transparent;
     }

     .navbar-toggler {
         padding: 0.25rem 0.75rem;
         font-size: 1.25rem;
         line-height: 1;
         background-color: transparent;
         border: transparent;
         border-radius: 0.25rem;
         width: 47%;
         margin-left: 65%;
         color: #fff !important;
         font-size: 30px;
     }

     header .nav-item {
         display: block;
         width: 100%;
         float: left;
         text-align: left;
         margin: 0;
         padding: 9px 0;
     }

     header {
         padding: 0px 0px 0px 0px;
     }

     button:focus {
         outline: 5px auto -webkit-focus-ring-color;
     }

     .tab_contentform label {
         font-size: 14px;
     }

     .topbar-left img {
         width: 175px;
         padding: 15px 26px;
     }

     .country_segregation .tabbable-line>.nav-tabs>li>a {
         font: normal normal 600 13px/15px Open Sans;
     }

     .country_bar .progress-skill-bar {
         margin: 8px 0 6px 0;
     }

     .country_bx ul li {
         font: normal normal normal 12px/23px Open Sans;
     }

     .country_bar .progress-skill-bar span {
         top: -6px;
         font-size: 13px;
     }

     .industries_covered_bx h2 {
         font: normal normal normal 32px/0px Open Sans;
     }

     .industries_covered_bx h3 {
         font: normal normal bold 13px/35px Open Sans;
     }

     .industries_covered_bx ul li span {
         font: normal normal normal 12px/35px Open Sans;
     }

     .industries_covered_bx ul li {
         font: normal normal normal 12px/35px Open Sans;
     }

     .industries_covered_bx ul li span img {
         width: 8px;
     }

     .recent_rgents h2 {
         font: normal normal bold 14px/11px Open Sans;
     }

     .recent_bx ul li {
         font: normal normal normal 12px/35px Open Sans;
         padding: 0 5px 0 0;
     }

     .recent_bx ul li:first-child::after {
         padding: 0 0 0 0px;
     }

     .recent_bx ul li span {
         font: normal normal 600 16px/22px Open Sans;
         padding: 0 3px 4px;
     }

     .create_agent button {
         font: normal normal normal 13px/23px Open Sans;
     }

     .create_agent {
         padding: 29px 10px 0;
     }

     .agent_list .table thead th {
         font: normal normal 600 13px/19px Open Sans;
     }

     .agent_name h2 {
         font: normal normal normal 13px/13px Open Sans !important;
     }

     .star_agent h2 {
         font: normal normal normal 13px/15px Open Sans !important;
     }

     .star_agent .star_agent_userimg img {
         width: 60px;
         height: 60px;
     }

     .star_agent h3 {
         font: normal normal 600 12px/17px Open Sans;
         padding: 10px 10px;
     }

     .star_agent p {
         font: normal normal normal 12px/11px Open Sans;
         padding: 3px 0;
     }

     .agent_images {
         width: 30px;
     }

     .star_agent {
         padding: 8px 0;
     }

     .btmright_side {
         padding: 18px 0 10px 0;
     }

     .btm_de_user {
         margin-top: 58px;
     }

     .destop_menubxnav {
         display: none;
     }

     .navbar-expand-lg .navbar-toggler {
         display: none;
     }

     .collapse:not(.show) {
         display: inline-block;
     }

     .topbar_right .navbar ul {
         width: 50%;
         float: left;
     }

     .topbar_right .rightside_menu {
         margin-bottom: 0;
         margin-top: 0;
     }

     .topbar_right .nav-item a {
         padding: 12px 0 15px;
         display: inline-block;
     }

     .topbar_right .rightside_menu li a {
         padding: 9px 5px 0 0;
         display: inline-block;
     }

     .topbar_right .navbar ul li {
         float: right;
     }

     .total_bx.total_number {
         padding: 5px 8px 0;
     }

     .hire_employee h2 {
         font-size: 13px;
     }

     .hire_employee button {
         font-size: 14px;
         padding: 4px 7px;
     }

     .create_employee_agent .employee_agent_form #tabs .nav-tabs .nav-link {
         width: 29%;
     }

     .create_employee_agent .employee_agent_form #tabs .nav-tabs {
         width: 70%;
     }

     .create_employee_agent .tab_contentform label {
         font: normal normal normal 11px/20px Open Sans;
     }

     .mandatory_create_agent_form input {
         font: normal normal normal 11px/17px Open Sans;
     }

     .form-control {
         font: normal normal normal 11px/17px Open Sans;
     }

     .create_employee_agent .tab_contentform select {
         font: normal normal normal 11px/17px Open Sans;
     }

     .mandatory_create_agent_form label {
         font: normal normal normal 12px/20px Open Sans;
     }

     .hire_employee h2 a {
         font: normal normal normal 11px/19px Open Sans;
     }

     .hire_employee button {
         font-size: 11px;
         padding: 5px 10px;
     }

     .search_bxemp {
         width: auto;
         float: left;
     }

     .topbar_right .navbar ul:nth-child(1) {
         width: 40%;
         float: left;
     }

     .topbar_right .navbar ul:nth-child(3) {
         width: 60%;
         float: left;
     }

     .mandatory_create_agent_form .submit_button button {
         background: #2B68D3 0% 0% no-repeat padding-box;
         box-shadow: 0px 10px 30px #1BB1AF33;
         text-align: left;
         font: normal normal 600 16px/22px Open Sans;
         color: #FFFFFF;
         padding: 7px 7px 7px 13px;
         border-radius: 6px;
         border: none;
         margin-top: 0px;
         font: normal normal 600 14px/22px Open Sans;
     }

     .dashboard_menu ul li a {
         text-align: left;
         font: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
         letter-spacing: 0px;
         color: #1F1F1F;
         padding: 8px 20px;
         text-decoration: none;
         display: block;
         margin-top: 5px;
         font-weight: 600;
         font-size: 12px;
     }

     .hire_employee {
         width: 100%;
         float: right;
         text-align: right;
         margin-right: 0;
     }

     .create_employee_agent .upl {
         border: 1px solid #2B68D3;
         color: #fff !important;
         background: #2B68D3;
         font-size: 12px;
         /* margin-left: 35%; */
         line-height: 1 !important;
         float: right;
         width: auto;
         margin: 0 10px 0 0;
     }










     /* neww_responviv code */

     .top_header_content ul li a {
         font-size: 12px;
     }

     .wrapper .btn {
         color: #000000;
         font-size: 20px;
         cursor: pointer;
         display: inline-block;
     }

     li.email {
         float: left !important;
         width: 50% !important;
         margin: 0 !important;
     }

     li.phone {
         float: right !important;
         width: auto !important;
     }

     .top_header_content {
         float: left;
         width: 100%;
     }

     nav {
         z-index: 99;
         width: auto;
         float: right;
     }

     .banner_content {
         float: left;
         width: 100%;
         text-align: center;
         margin: 50px 0 100px 0;
         color: #fff;
     }


     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .mobile_search {
         float: left;
         width: 100%;
         display: inline-block;
         text-align: center;
     }


     section._vision_mision_section {
         float: left;
         width: 100%;
         margin: 390px 0 50px 0;
     }

     ._vision_text {
         float: left;
         width: 100%;
         background: none;
         padding: 20px;
         height: 450px;
         text-align: center;
         border: 1px solid #d1d1d1;
         border-radius: 10px;
         margin: 20px 0 0 0;
     }

     .mobile_search a {
         float: left;
         width: 100%;
         background: linear-gradient(to top, #000, #0F6FB5);
         padding: 10px;
         border-radius: 6px;
         font-size: 12px;
         text-decoration: none;
         color: #fff;
         font-weight: 600;
         font-family: 'Montserrat';
     }

     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .search_input_section ul li.search {
         float: right;
         width: auto;
         text-align: right;
         margin: 15px 0 0 0;
     }

     .search_input_section ul li {
         float: left;
         width: 48%;
         list-style: none;
         position: relative;
         margin: 0px 0 0px 11px;
         padding: 0px 0 20px 0;
     }



     .banner_content span {
         float: left;
         width: 100%;
         text-align: center;
         font-size: 20px;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 500;
     }

     .banner_content h1 {
         float: left;
         width: 100%;
         text-align: center;
         font-family: 'Montserrat';
         font-weight: bold;
         font-size: 30px;
         line-height: 33px;
     }



     .search_input_section ul li input {
         float: left;
         width: 85%;
         height: 30px;
         border-radius: 100px;
         border: 1px solid #000;
         padding: 0 0 0 10px;
         font-size: 10px;
         margin: 0 0 0 10px;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0px 0 0 14px;
         padding: 0 0 5px 0px;
     }



     .search_input_section ul li:after {
         display: none;
     }

     .wrapper .nav-links {
         position: fixed;
         height: 100%;
         width: 100%;
         max-width: 100%;
         top: 0;
         left: -100%;
         background: #ffffff;
         display: block;
         padding: 50px 10px;
         line-height: 50px;
         transition: all 0.3s ease;
         z-index: 999;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         overflow: hidden;
         margin: auto;
     }

     .nav-links li a {
         padding: 0;
         display: block;
         font-size: 20px;
     }

     .nav-links li {
         margin: 0;
         float: left;
         width: 100%;
     }

     .login_register {
         float: left;
         width: 100%;
         margin: auto;
         line-height: 5px;
         height: 2px;
         margin: 10px 0 0 0;
     }

     .login_register ul {
         float: left;
         width: 100%;
         position: relative;
         display: flex;
         text-align: center;
         padding: 0px;
         margin: 0px;
     }

     .login_register ul li.login a {
         border-radius: 46px;
         text-decoration: none;
         padding: 15px 30px;
         color: #ffffff;
         text-transform: capitalize;
         font-size: 12px;
         font-weight: 600;
     }


     .login_register ul li.register a {
         font-size: 14px;
     }

     .search_input_section {
         float: left;
         width: 100%;
         background: #fff;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         border-radius: 20px;
         padding: 20px 20px;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         top: -67px;
         height: 435px;
     }

     .about_image_ {
         text-align: left;
     }

     .about_image_2 {
         margin: 30px 0 0 0;
     }

     .header_content .nav-links li {
         width: 100%;
     }

     .nav-links li a:hover::before {
         width: 12%;
         position: absolute;
         top: 41px;
         left: 0;
     }

     .our_services {
         background-image: none;
         padding: 30px 0;
         background: #000000;
     }

     .slider_services {
         margin: 0px 0 0 0;
     }

     .recritment_data {
         margin: 0 0;
     }





     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 100px 0px;
     }

     .recritment_data .timeline-point {
         height: 134px;
         flex-shrink: 0;
         left: 0;
         margin: 0px auto;
         position: relative;
     }



     .recritment_data .timeline-point:nth-child(odd)::before {
         transform: rotate(0deg);
     }

     .recritment_data .timeline-point:nth-child(even)::before {
         transform: rotate(0deg) scaleX(-1);
     }

     .recritment_data .timeline-point .popup:before {
         display: none;
     }

     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
     }

     .recritment_data .timeline-point:nth-child(even) .popup {
         top: auto;
     }







     .popup {
         width: 321.6px;
         height: auto;
         max-height: 0;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 30px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
     }




     .about_image_ {
         margin: 0 !important;
     }


     .main_text_head h2 {
         font-size: 24px;
     }


     section.out_states_sec {
         text-align: center;
     }

     footer {
         margin: 0px 0 0 0;
     }

     .footer_top {
         background: #fff;
         padding: 14px;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         position: relative;

         top: -67px;
         width: 100%;
     }

     .footer_top_content h3 {
         float: left;
         width: 100%;
         font-size: 20px;
         font-family: 'Montserrat';
         font-weight: 600;
         text-transform: capitalize;
         padding: 0;
         margin: 0;
     }

     .footer_top_content .searchbox-wrap input {
         flex: 1;
         padding: 14px;
         font-size: 13px;
         border-radius: 100px !important;
         border: 1px solid #000;
     }


     .footer_top_content .searchbox-wrap button {
         position: absolute;
         right: 25px;
         background: #f00;
         padding: 6px 30px;
         border-radius: 65px;
         border: none;
         top: 7px;
         color: #fff;
         font-family: 'Montserrat';
         font-weight: 500;
     }


     .footer_data {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
     }

     .footer_data_2 ul li {
         float: left;
         width: 100%;
         list-style: none;
         padding: 10px 0 10px 0px;
         margin: 0;
     }

     .footer_data_3 {
         float: left;
         width: 100%;
         position: relative;
         margin: 20px 0 0 0;
     }




     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
         right: -81px;
         height: auto;
     }

     .recritment_data .popup-title {
         color: #000000;
         padding-bottom: 0;
         font-size: 16.1px;
         font-weight: 700;
         font-family: 'Montserrat';
     }


     .background-video {
         position: relative;
         top: 0;
         left: 0;
         width: 100%;
         height: 270px;
         object-fit: cover;
         z-index: -1;
     }

     .about_image_ h2 {
         float: left;
         width: 100%;
         font-weight: bold;
         font-size: 24px;
         text-transform: uppercase;
         font-family: 'Montserrat';
     }

     .text_services h3 {
         float: left;
         width: 100%;
         color: #fff;
         text-transform: capitalize;
         font-size: 20px;
         font-weight: 700;
         font-family: 'Montserrat';
     }

     .bg_text {
         float: left;
         background: #FFC500;
         width: 139px;
         height: 247px;
         border-radius: 31px;
     }

     .mobile_search {
         margin: 10px 0 0 0;
     }

     .search_input_section {
         height: 293px;
     }

     section.testo_monilas_section {
         float: left;
         width: 100%;
         background: #fff;
         padding: 40px 0 116px 0 !important;
         position: relative;
     }

     .search_input_section ul li input {
         float: left;
         width: 100%;
         height: 30px;
         border-radius: 100px;
         border: 1px solid #000;
         padding: 0 0 0 10px;
         font-size: 10px;
         margin: 0;
     }


     .search_input_section ul li span {
         position: absolute;
         top: -7px;
         right: 0;
         font-weight: bold;
         color: #000;
     }

     .forms_heading h2 {
         float: left;
         width: 100%;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 600;
         font-size: 20px;
         margin: 0 0 10px 0;
         border-bottom: 1px solid #e6e6e6;
         padding: 0px 0 10px 0;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0;
         padding: 0 0 5px 0px;
     }

     section._vision_mision_section {
         float: left;
         width: 100%;
         margin: 250px 0 30px 0;
     }

     .about_image_2 {
         margin: 50px 0 0 0;
         float: left;
         width: 100%;
     }

     .about_image_2 img {
         float: right !important;
         width: 100%;
         padding: 0;
     }


     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none !important;
     }

     .popup {
         display: none;
     }

     .popup.active {
         display: block !important;
     }


     .about_image_ p {
         float: left;
         width: 100%;
         margin: 0 0 24px 0;
     }

     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 70px 0px;
     }

     .our_process {
         float: left;
         width: 100%;
         margin: 40px 0;
         position: relative;
     }

     .couter_company li {
         display: inline-block;
         font-size: 1.5em;
         list-style-type: none;
         padding: 10px 0px;
         text-transform: uppercase;
         color: #fff;
         text-align: center;
         float: left;
         width: 50%;
     }

     .text_services {
         float: left;
         width: 95%;
         position: absolute;
         top: 23px;
         left: 20px;
     }

     .banner_content {
         float: left;
         width: 100%;
         text-align: center;
         margin: 30px 0 50px 0;
         color: #fff;
         position: absolute;
         top: 27px;
     }



     section.out_states_sec {
         background-image: none;
         background: #000;
     }

     .footer_data_2 h4 {
         padding: 0;

     }

     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none;
         height: auto;
     }

     .search_input_section ul li.rengee {
         margin: 4px 0 0 10px;
     }

     .popup {
         display: none;
         position: absolute;
         background-color: white;
         border: 1px solid #ccc;
         padding: 20px;
         z-index: 100;
         max-width: 300px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     }

     .wrapper .btn {
         display: block;
         padding: 0;
         margin: 0;
     }

     .header_content {
         padding: 0;
     }

     /* endnew code */

     li.rengee .slider.slider-horizontal {
         width: 90%;
         height: 20px;
         margin: 0 0 10px 0;
     }



     .service_slide_data {
         background: #ffffff;
         border: 2px solid #ffd110;
     }

     .service_slide_data img {
         filter: drop-shadow(0px 1px 3px black);
     }

     .service_slide_data h4 {
         color: #000000;
     }

     .service_slide_data p {
         color: #000000;
     }

     .service_slide_data a {
         color: #000000;
     }

     section._vision_mision_section_about {
         float: left;
         width: 100%;
         margin: 50px 0 0 0;
     }

     .bg_animated_1 img {
         float: left;
         width: 69px !important;
         margin: -14px 0 0 0;
     }

     .midddle_wrappr_about {
         float: left;
         width: 100%;
         padding: 0 0 91px;
     }

     .bg_animated img {
         float: left;
         width: 66px !important;
     }


     .service_entry {
         padding: 40px 0 90px 0;

     }


     .topRated .columnFour {
         display: inline-block;
         vertical-align: top;
         width: 50%;
         overflow: hidden;
         padding: 0;
         margin: 0;
         float: left;
     }
     section#homePageServices {
        padding: 30px 0 90px 0;
    }

    .contact_sec {
        float: left;
        width: 100%;
        padding: 30px 0 100px 0;
        position: relative;
        background: linear-gradient(55deg, rgb(254, 242, 254) 9%, rgb(238, 240, 255) 38%, rgba(248, 236, 248, 0.74) 78%, rgba(228, 230, 245, 0.63) 100%);
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 5px;
    }
    .rotate_main {
        float: left;
        width: 100%;
        display: inline-block;
        position: relative;
        top: 1px;
        left: 0px;
    }


    .color__red textPath tspan {
        color: #f00 !important;
        fill: #bf1421;
    }

    .color__2 textPath tspan {
        color: #f00 !important;
        fill: #ffc300;
    }

    .color__3 textPath tspan {
        color: #f00 !important;
        fill: #30c1b3;
    }

    .color__4 textPath tspan {
        color: #f00 !important;
        fill: #6537fb;
    }
    a.image_1 {
        margin: 0px 0 0 0;
    }
    .color__5 textPath tspan {
        color: #f00 !important;
        fill: #3c85f9;
    }


    .color__6 textPath tspan {
        color: #f00 !important;
        fill: #fb5735;
    }

    .rotate_main._22222 {
        position: relative;
        top: -8px;
        left: 1px;
    }

     .rotate_main .go-down-btn {
        position: relative;
        z-index: 1;
        display: inline-block;
     
     }
        .rotate_main  svg {
          position: relative;
          z-index: -1;
          display: block;
        }
        .timeline-point a img {
            float: left;
            width: 40px;
            position: absolute;
            top: 46px;
            left: 54px;
            text-align: center;
            z-index: 9999;
            background: none;
        }

        .rotate_main a {
            float: left;
            text-align: center;
            width: 100%;
            position: relative;
            left: 16px;
        }
        .rotate_main text {
          font-size: 11px;
          transform-origin: center;
        }
      
      
      @keyframes rotate-btn{
        to{ transform: rotate(360deg); }
      }
      .go-down-btn text{
        animation: rotate-btn 10s linear infinite;
      }

 }

 @media(max-width:767.5px) {
     /* neww_responviv code */

     .top_header_content ul li a {
         font-size: 12px;
     }


     li.email {
         float: left !important;
         width: 50% !important;
         margin: 0 !important;
     }

     li.phone {
         float: right !important;
         width: auto !important;
     }

     .top_header_content {
         float: left;
         width: 100%;
     }

     nav {
         z-index: 99;
         width: auto;
         float: right;
     }

     .banner_content {
         float: left;
         width: 100%;
         text-align: center;
         margin: 50px 0 100px 0;
         color: #fff;
     }


     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .mobile_search {
         float: left;
         width: 100%;
         display: inline-block;
         text-align: center;
     }


     section._vision_mision_section {
         float: left;
         width: 100%;
         margin: 390px 0 50px 0;
     }

     ._vision_text {
         float: left;
         width: 100%;
         background: none;
         padding: 20px;
         height: 300px;
         text-align: center;
         border: 1px solid #d1d1d1;
         border-radius: 10px;
         margin: 20px 0 0 0;
     }

     .mobile_search a {
         float: left;
         width: 100%;
         background: linear-gradient(to top, #000, #0F6FB5);
         padding: 10px;
         border-radius: 6px;
         font-size: 12px;
         text-decoration: none;
         color: #fff;
         font-weight: 600;
         font-family: 'Montserrat';
     }

     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .search_input_section ul li.search {
         float: left;
         width: 100%;
         margin: 10px 0 0 0;
     }

     .search_input_section ul li {
         float: left;
         width: 100%;
         list-style: none;
         position: relative;
         margin: 0px 0 0 0px;
         padding: 0px 0 20px 0;
     }



     .banner_content span {
         float: left;
         width: 100%;
         text-align: center;
         font-size: 20px;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 500;
     }

     .banner_content h1 {
         float: left;
         width: 100%;
         text-align: center;
         font-family: 'Montserrat';
         font-weight: bold;
         font-size: 30px;
         line-height: 33px;
     }

     .search_input_section ul li input {
         float: left;
         width: 100%;
         height: 37px;
         border-radius: 3px;
         border: 1px solid #ebebeb;
         padding: 0 10px 0 10px;
         font-size: 13px;
         margin: 0 0 0 0px;
         font-weight: normal;
         color: #000 !important;
         box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0px 0 0 14px;
         padding: 0 0 5px 0px;
     }



     .search_input_section ul li:after {
         display: none;
     }

     .wrapper .nav-links {
         position: fixed;
         height: 100%;
         width: 100%;
         max-width: 100%;
         top: 0;
         left: -100%;
         background: #ffffff;
         display: block;
         padding: 50px 10px;
         line-height: 50px;
         transition: all 0.3s ease;
         z-index: 999;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         overflow: hidden;
         margin: auto;
     }

     .nav-links li a {
         padding: 0;
         display: block;
         font-size: 20px;
     }

     .nav-links li {
         margin: 0;
         float: left;
         width: 100%;
     }

     .login_register {
         float: left;
         width: 100%;
         margin: auto;
         line-height: 5px;
         height: 2px;
         margin: 10px 0 0 0;
     }

     .login_register ul li.login a {
         border-radius: 46px;
         text-decoration: none;
         padding: 15px 30px;
         color: #ffffff;
         text-transform: capitalize;
         font-size: 12px;
         font-weight: 600;
     }


     .login_register ul li.register a {
         border: 1px solid #ffffff;
         border-radius: 46px;
         color: #fff;
         animation: btnbganim 10s infinite;
         -webkit-transition: .5s;
         -o-transition: .5s;
         transition: .5s;
         background: linear-gradient(270deg, #0f6eb5, #00f7ff, #ffd110, #f20808, #0f6eb5, #848484);
         background-size: 1000% 1000%;
         text-transform: capitalize;
         text-decoration: none;
         padding: 15px 30px;
         font-size: 14px;
     }

     .search_input_section {
         float: left;
         width: 100%;
         background: #fff;
         box-shadow: none;
         border-radius: 20px;
         padding: 20px 0px;
         position: relative;
         bottom: 0;
         left: 0;
         right: 0;
         top: 0;
         height: 420px;
     }

     .about_image_ {
         text-align: center;
     }

     .about_image_2 {
         margin: 30px 0 0 0;
     }

     .our_services {
         background-image: none;
         padding: 30px 0;
         background: #000000;
     }


     .service_slide_data {
         background: #ffffff;
         border: 2px solid #f2bd09;
     }

     .service_slide_data h4 {
         color: #000000;

     }


     .service_slide_data p {
         color: #000000;
     }

     .service_slide_data h4 {
         float: left;
         width: 100%;
         margin: 10px 0 0 0;
         color: #000000;
         font-size: 16px;
         font-family: 'Montserrat';
         font-weight: 600;
     }

     .recritment_data {
         float: left;
         width: 100%;
         position: relative;
         margin: 0 0 0px 0;
     }

     .slider_services {
         float: left;
         width: 100%;
         position: relative;
         margin: 0 0 0 0;
     }


     .service_slide_data a {
         color: #000000;
     }




     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 100px 0px;
     }

     .recritment_data .timeline-point {
         height: 134px;
         flex-shrink: 0;
         left: 0;
         margin: 0px auto;
         position: relative;
     }



     .recritment_data .timeline-point:nth-child(odd)::before {
         transform: rotate(0deg);
     }

     .recritment_data .timeline-point:nth-child(even)::before {
         transform: rotate(0deg) scaleX(-1);
     }

     .recritment_data .timeline-point .popup:before {
         display: none;
     }

     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
     }

     .recritment_data .timeline-point:nth-child(even) .popup {
         top: auto;
     }







     .popup {
         width: 321.6px;
         height: auto;
         max-height: 0;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 30px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
     }




     .about_image_ {
         margin: 0 !important;
     }


     .main_text_head h2 {
         font-size: 24px;
     }

     section.out_states_sec {
         background-image: none;
         background: #000;
         text-align: center;
     }

     footer {
         margin: 0px 0 0 0;
     }

     .footer_top {
         background: #fff;
         padding: 14px;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         position: relative;
         top: -87px;
         width: 100%;
     }

     .footer_data_2 h4 {
         float: left;
         width: 100%;
         color: #fff;
         padding: 0;
         margin: 30px 0 10px 0;
         font-size: 18px;
         font-weight: 700;
     }

     .footer_top_content .searchbox-wrap {
         display: flex;
         width: 100%;
         margin: 10px 0 0 0;
     }

     .footer_data_4 ul li {
         float: left;
         width: 100%;
         list-style: none;
         padding: 10px 0;
         margin: 0;
     }

     .footer_data_4 {
         float: left;
         width: 100%;
         position: relative;
         margin: 0px 0 0 0;
     }


     .footer_top_content h3 {
         float: left;
         width: 100%;
         font-size: 20px;
         font-family: 'Montserrat';
         font-weight: 600;
         text-transform: capitalize;
         padding: 0;
         margin: 0;
     }

     .footer_top_content .searchbox-wrap input {
         flex: 1;
         padding: 14px;
         font-size: 13px;
         border-radius: 100px !important;
         border: 1px solid #000;
     }


     .footer_top_content .searchbox-wrap button {
         top: 17px;
     }


     .footer_data {
         float: left;
         width: 100%;
         margin: 20px 0 0 0;
     }

     .footer_data_2 ul li {
         float: left;
         width: 100%;
         list-style: none;
         padding: 10px 0 10px 0px;
         margin: 0;
     }

     .footer_data_3 {
         float: left;
         width: 100%;
         position: relative;
         margin: 20px 0 0 0;
     }




     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
         right: -81px;
         height: auto;
     }

     .recritment_data .popup-title {
         color: #000000;
         padding-bottom: 0;
         font-size: 16.1px;
         font-weight: 700;
         font-family: 'Montserrat';
     }


     .background-video {
         position: relative;
         top: 0;
         left: 0;
         width: 100%;
         height: 270px;
         object-fit: cover;
         z-index: -1;
     }

     .about_image_ h2 {
         float: left;
         width: 100%;
         font-weight: bold;
         font-size: 24px;
         text-transform: uppercase;
         font-family: 'Montserrat';
     }

     .text_services h3 {
         float: left;
         width: 100%;
         color: #fff;
         text-transform: capitalize;
         font-size: 24px;
         font-weight: 700;
         font-family: 'Montserrat';
     }

     .bg_text {
         float: left;
         background: #FFC500;
         width: 139px;
         height: 343px;
         border-radius: 31px;
     }

     .mobile_search {
         margin: 10px 0 0 0;
     }

     .midddle_wrappr_about {
         float: left;
         width: 100%;
         padding: 0 0 91px;
     }

     section.testo_monilas_section {
         float: left;
         width: 100%;
         background: #fff;
         padding: 40px 0 116px 0 !important;
         position: relative;
     }




     .search_input_section ul li span {
         position: absolute;
         top: -7px;
         right: 0;
         font-weight: bold;
         color: #000;
     }

     .forms_heading h2 {
         float: left;
         width: 100%;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 600;
         font-size: 20px;
         margin: 0 0 10px 0;
         border-bottom: 1px solid #e6e6e6;
         padding: 0px 0 10px 0;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0;
         padding: 0 0 5px 0px;
     }

     section._vision_mision_section {
         float: left;
         width: 100%;
         margin: 30px 0 30px 0;
     }

     .about_image_2 {
         margin: 50px 0 0 0;
         float: left;
         width: 100%;
     }

     .about_image_2 img {
         float: right !important;
         width: 100%;
         padding: 0;
     }


     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none !important;
     }

     .popup {
         display: none;
     }

     .popup.active {
         display: block !important;
     }


     .about_image_ p {
         float: left;
         width: 100%;
         margin: 0 0 24px 0;
     }

     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 70px 0px;
     }

     .our_process {
         float: left;
         width: 100%;
         margin: 40px 0;
         position: relative;
     }

     .couter_company li {
         display: inline-block;
         font-size: 1.5em;
         list-style-type: none;
         padding: 20px 27px;
         text-transform: uppercase;
         color: #fff;
         text-align: center;
         float: left;
         width: 100%;
     }

     .text_services {
         float: left;
         width: 95%;
         position: absolute;
         top: 70px;
         left: 20px;
     }

     .header_content {
         padding: 0;
     }

     .wrapper .btn {
         display: block;
         padding: 0;
         margin: 0;
     }

     .banner_content {
         float: left;
         width: 100%;
         text-align: center;
         margin: 0;
         color: #fff;
         position: absolute;
         top: 99px;
     }



     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none;
         height: auto;
     }



     .popup {
         display: none;
         position: absolute;
         background-color: white;
         border: 1px solid #ccc;
         padding: 20px;
         z-index: 100;
         max-width: 300px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     }

     .search-slt {
         width: 100% !important;
     }

     li.rengee .slider.slider-horizontal {
         width: 96%;
         height: 20px;
         margin: 0 0 10px 0;
     }

     .search_input_section ul li input#global_search {
         width: 100%;
     }

     .service_slide_data a {
         margin: 8px 0 0 0px;

     }

     .login_register ul {
         float: left;
         width: 100%;
         padding: 0;
         margin: 0;
         position: relative;
         display: flex;
         text-align: center;
     }

     .nav-links li a:hover::before {
         width: 12%;
         position: absolute;
         top: 41px;
         left: 0;
     }

     .service_slide_data a:before {
         display: none;
     }

     .header_content .nav-links li {
         list-style: none;
         float: left;
         width: 100%;
         position: relative;
     }

     .topRated .columnFour {
         width: 50%;
     }

     .services_banner_content h2 {
         color: #fff;
         font-size: 24px;
         font-weight: 600;
         text-transform: uppercase;
         font-family: 'Montserrat';
         padding: 0;
         margin: 0;
     }

     /* endnew code */
     .bg_animated img {
         display: none;
     }

     section._vision_mision_section_about {
         float: left;
         width: 100%;
         margin: 50px 0 0 0;
     }

     .bg_animated_1 img {
         display: none;
     }

     section#homePageServices {
         padding: 30px 0 120px 0;
     }
     .contact_data_right {
        float: left;
        width: 100%;
        position: relative;
        padding: 10px;
    }
    .contact_sec {
        float: left;
        width: 100%;
        padding: 30px 0 100px 0;
        position: relative;
        background: linear-gradient(55deg, rgb(254, 242, 254) 9%, rgb(238, 240, 255) 38%, rgba(248, 236, 248, 0.74) 78%, rgba(228, 230, 245, 0.63) 100%);
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 5px;
    }


    .rotate_main {
        float: left;
        width: 100%;
        display: inline-block;
        position: relative;
        top: 1px;
        left: 0px;
    }


    .color__red textPath tspan {
        color: #f00 !important;
        fill: #bf1421;
    }

    .color__2 textPath tspan {
        color: #f00 !important;
        fill: #ffc300;
    }

    .color__3 textPath tspan {
        color: #f00 !important;
        fill: #30c1b3;
    }

    .color__4 textPath tspan {
        color: #f00 !important;
        fill: #6537fb;
    }
    a.image_1 {
        margin: 0px 0 0 0;
    }
    .color__5 textPath tspan {
        color: #f00 !important;
        fill: #3c85f9;
    }


    .color__6 textPath tspan {
        color: #f00 !important;
        fill: #fb5735;
    }

    .rotate_main._22222 {
        position: relative;
        top: -8px;
        left: 1px;
    }

     .rotate_main .go-down-btn {
        position: relative;
        z-index: 1;
        display: inline-block;
     
     }
        .rotate_main  svg {
          position: relative;
          z-index: -1;
          display: block;
        }
        .timeline-point a img {
            float: left;
            width: 40px;
            position: absolute;
            top: 46px;
            left: 54px;
            text-align: center;
            z-index: 9999;
            background: none;
        }

        .rotate_main a {
            float: left;
            text-align: center;
            width: 100%;
            position: relative;
            left: 16px;
        }
        .rotate_main text {
          font-size: 11px;
          transform-origin: center;
        }
      
      
      @keyframes rotate-btn{
        to{ transform: rotate(360deg); }
      }
      .go-down-btn text{
        animation: rotate-btn 10s linear infinite;
      }

 }

 @media(max-width:575.5px) {
     .wrapper .navbar-light .navbar-toggler {
         width: auto;
         margin-top: 0;
         position: absolute;
         top: -51px;
         right: 30px;
         float: right;
         color: #000;
     }

     .timeline-point a samp {
        display: inline-block;
    }
     .services_banner_content h2 {
         color: #fff;
         font-size: 24px;
         font-weight: 600;
         text-transform: uppercase;
         font-family: 'Montserrat';
         padding: 0;
         margin: 0;
     }

     .rotate_main {
        float: left;
        width: 100%;
        display: inline-block;
        position: relative;
        top: 1px;
        left: 0px;
    }


    .color__red textPath tspan {
        color: #f00 !important;
        fill: #bf1421;
    }

    .color__2 textPath tspan {
        color: #f00 !important;
        fill: #ffc300;
    }

    .color__3 textPath tspan {
        color: #f00 !important;
        fill: #30c1b3;
    }

    .color__4 textPath tspan {
        color: #f00 !important;
        fill: #6537fb;
    }
    a.image_1 {
        margin: 0px 0 0 0;
    }
    .color__5 textPath tspan {
        color: #f00 !important;
        fill: #3c85f9;
    }


    .color__6 textPath tspan {
        color: #f00 !important;
        fill: #fb5735;
    }

    .rotate_main._22222 {
        position: relative;
        top: -8px;
        left: 1px;
    }

     .rotate_main .go-down-btn {
        position: relative;
        z-index: 1;
        display: inline-block;
     
     }
        .rotate_main  svg {
          position: relative;
          z-index: -1;
          display: block;
        }
        .timeline-point a img {
            float: left;
            width: 40px;
            position: absolute;
            top: 43px;
            left: -15px;
            text-align: center;
            z-index: 9999;
            background: none;
        }

        .rotate_main a {
            float: left;
            text-align: center;
            width: 100%;
            position: relative;
            left: 16px;
        }
        .rotate_main text {
          font-size: 11px;
          transform-origin: center;
        }
      
      
      @keyframes rotate-btn{
        to{ transform: rotate(360deg); }
      }
      .go-down-btn text{
        animation: rotate-btn 10s linear infinite;
      }
     #start img {
         text-align: center;
         margin: auto;
         float: none;
         position: absolute;
         top: 28%;
         left: 43%;
     }

     .hire_employee.create_emp {
         float: left;
         width: auto;
         margin: 10px 0;
     }

     .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
         z-index: 5;
         color: #fff;
         color: rgba(255, 255, 255, 0.8);
         font-size: 17px;
         margin-top: 10px;
         text-align: center !important;
     }

     .topbar_right .nav-item a.active {
         border-bottom: none;
     }

     .wrapper .topbar_right {
         width: 100%;
         float: left;
         position: absolute;
         left: 0;
         right: 0;
         z-index: 99999;
     }

     .wrapper .topbar-left img {
         width: 200px;
         text-align: center;
         padding: 10px 10px;
     }

     .wrapper .navbar-expand-lg .navbar-collapse {
         margin: 0px 0 0;
         width: 100%;
         background: #fff;
         box-shadow: 0px 3px 6px #00000029;
     }

     .wrapper .topbar_right .nav-item a {
         font-size: 14px;
         padding: 10px 20px 4px;
         width: 100%;
         float: left;
         text-align: left;
     }

     .wrapper .topbar_right .nav-item {
         padding: 10px 0 0px 0;
         width: 100%;
         float: left;
         text-align: left;
     }

     .wrapper .topbar_right .rightside_menu {
         padding: 0;
         margin-bottom: 20px;
         margin-top: 10px;
         margin-left: 13px;
     }

     .wrapper .topbar_right .rightside_menu {
         float: left;
         text-align: left;
     }

     .topbar_right .rightside_menu li a {
         padding: 6px 8px 0 18px;
     }

     .wrapper .dropdown-menu {
         left: 0;
         min-width: 15rem;
         padding: 10px;
         margin: 10px 0;
     }

     .wrapper .fa.fa-bars {
         color: #000000;
     }


     .our_vision_misson {
         margin: 20px 0 0px 0;
     }

     .wrapper .btn {
         display: block;
         padding: 0;
         margin: 0;
     }

     .header_bottom .navbar-light .navbar-toggler {
         top: 0;
     }

     .topbar_right .nav {
         padding-left: 10px;
     }

     .topbar_right .navbar {
         padding: 0;
         margin: 0 0 0 -6px;
     }

     .wrapper {
         padding: 15px 0 5px 0px;
     }

     .topbar-left {
         text-align: left;
     }

     .create_agent button {
         font: normal normal normal 8px/23px Open Sans;
     }

     .destop_menubxnav {
         display: inline-block;
     }


     .pading_divdvi {
         padding-left: 15px;
     }

     .pading_divdvi11 {
         padding: 0;
     }

     .hire_employee button {
         font-size: 14px;
         text-align: center;
         margin: auto;
         padding: 5px 10px 5px 10px;
     }

     .hire_employee {
         padding: 0;
         margin: 10px 0 10px 0;
         text-align: left;
         float: right;
         width: auto;
         margin: 0 10px 0 0px;
     }

     .total_bx {
         display: none;
     }

     .pading_divdvi101 {
         padding: 0 15px;
     }

     .btm_de_user {
         margin-top: 46px;
     }

     .mandatory_create_agent h2 {
         padding: 0px 0 0 0;
     }

     .create_employee_agent .employee_agent_form #tabs .nav-tabs {
         width: 100%;
     }

     .create_employee_agent .employee_agent_form #tabs .nav-tabs .nav-link {
         margin: 11px 9px 0 0;
         font-size: 12px;
         width: 29%;
     }

     .search_bx select {
         width: 47%;
     }

     .search_bxemp {
         width: 100% !important;
     }

     .agent_images img {
         width: 25px;
     }

     .mandatory_create_agent_form .submit_button button {
         margin-top: 20px;
     }

     .admin_create_agent .recruiting_text {
         align-items: center;
         vertical-align: middle;
         margin: 0px 0 0 0;
     }


     .create_employee_agent .upl {
         border: 1px solid #2B68D3;
         color: #fff !important;
         background: #2B68D3;
         font-size: 12px;
         /* margin-left: 35%; */
         line-height: 1 !important;
         float: right;
         width: auto;
         margin: 0 10px 0 0;
     }




     .recritment_data .timeline-point:nth-child(even) .popup {
         top: auto;
         right: -82px;
     }

     .popup-number {
         display: none;
     }


     .recritment_data .popup-details {
         height: 150px;
         width: 292px;
         border-radius: 10px;
     }








     /* neww_responviv code */

     .top_header_content ul li a {
         font-size: 12px;
     }

     li.email {
         float: left !important;
         width: 50% !important;
         margin: 0 !important;
     }


     .header_content {
         padding: 0;
     }

     .footer_data_2 h4 {
         float: left;
         width: 100%;
         color: #fff;
         padding: 0;
         margin: 24px 0 10px 0;
         font-size: 18px;
         font-weight: 700;
     }

     li.phone {
         float: right !important;
         width: auto !important;
     }

     .top_header_content {
         float: left;
         width: 100%;
     }

     nav {
         z-index: 99;
         width: auto;
         float: right;
     }

     .banner_content {
         float: left;
         width: 100%;
         text-align: center;
         margin: 50px 0 100px 0;
         color: #fff;
     }


     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .mobile_search {
         float: left;
         width: 100%;
         display: inline-block;
         text-align: center;
     }

     ._vision_text {
         float: left;
         width: 100%;
         background: none;
         padding: 20px;
         height: auto !important;
         text-align: center;
         border: 1px solid #d1d1d1;
         border-radius: 10px;
         margin: 20px 0 0 0;
     }

     .mobile_search a {
         float: left;
         width: 100%;
         background: linear-gradient(to top, #000, #0F6FB5);
         padding: 10px;
         border-radius: 6px;
         font-size: 12px;
         text-decoration: none;
         color: #fff;
         font-weight: 600;
         font-family: 'Montserrat';
     }

     .destop_searcg {
         float: left;
         width: 100%;
         display: none;
     }

     .search_input_section ul li.search {
         float: left;
         width: 100%;
     }

     .search_input_section ul li {
         float: left;
         width: 100%;
         list-style: none;
         position: relative;
         margin: 0px 0 0 0px;
         padding: 0px 0 20px 0;
     }



     .banner_content span {
         float: left;
         width: 100%;
         text-align: center;
         font-size: 20px;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 500;
     }

     .banner_content h1 {
         float: left;
         width: 100%;
         text-align: center;
         font-family: 'Montserrat';
         font-weight: bold;
         font-size: 30px;
         line-height: 33px;
     }



     .search_input_section ul li input {
         float: left;
         width: 100%;
         height: 37px;
         border-radius: 3px;
         border: 1px solid #ebebeb;
         padding: 0 10px 0 10px;
         font-size: 13px;
         margin: 0 0 0 0px;
         font-weight: normal;
         color: #000 !important;
         box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0px 0 0 14px;
         padding: 0 0 5px 0px;
     }



     .search_input_section ul li:after {
         display: none;
     }

     .wrapper .nav-links {
         position: fixed;
         height: 100%;
         width: 100%;
         max-width: 100%;
         top: 0;
         left: -100%;
         background: #ffffff;
         display: block;
         padding: 50px 10px;
         line-height: 50px;
         transition: all 0.3s ease;
         z-index: 999;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         overflow: hidden;
         margin: auto;
     }

     .nav-links li a {
         padding: 0;
         display: block;
         font-size: 20px;
         border-bottom: 1px solid #e3e3e3;
         border-radius: 0;
     }

     .nav-links li {
         margin: 0;
         float: left;
         width: 100%;
     }

     .login_register {

         margin: 20px 0 0 0;
         float: left;
         width: 100%;
     }

     .login_register ul li.login a {
         border-radius: 46px;
         text-decoration: none;
         padding: 15px 30px;
         color: #ffffff;
         text-transform: capitalize;
         font-size: 12px;
         font-weight: 600;
     }

     .login_register ul li.register a {
         padding: 20px 30px;
         margin: 0px 0 0 0px;
         text-align: center;
     }

     .login_register ul li.login a:hover {
         color: #fff;
     }

     .login_register ul li.login a {
         padding: 20px 30px;
         text-align: center;
     }

     .search_input_section {
         box-shadow: none;
         padding: 20px 0px;
         position: relative;
         bottom: 0;
         left: 0;
         right: 0;
         top: 0;
         height: 420px;
     }




     .about_image_ {
         text-align: center;
     }

     .about_image_2 {
         margin: 30px 0 0 0;
     }

     .our_services {
         background-image: none;
         padding: 30px 0;
         background: #000000;
     }



     .service_slide_data {
         background: #ffffff;
         border: 2px solid #ffd110;
     }

     .footer_data_3 ul li {
         padding: 0 0 10px 0;
     }

     .footer_data_4 ul li {
         float: left;
         width: 100%;
         list-style: none;
         padding: 10px 0;
         margin: 0;
     }

     .nav-links li a:hover::before {
         width: 20%;
         left: 0;
         bottom: 15px;
         top: 38px;
     }

     .header_content .nav-links li {
         list-style: none;
         float: left;
         width: 100%;
         position: relative;
     }

     .footer_data_2 {
         float: left;
         width: 100%;
         position: relative;
         margin: 15px 0 0 0;
     }

     .service_slide_data img {
         filter: drop-shadow(0px 1px 3px black);
     }

     .service_slide_data h4 {
         color: #000000;
     }

     .service_slide_data p {
         color: #000000;
     }

     .slider_services {
         margin: 20px 0 0 0;
     }

     .service_slide_data a {
         color: #000000;
     }

     .recritment_data {
         margin: 0 0;
     }


     .recritment_data .timeline-point a {
         position: relative;
     }


     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 100px 0px;
     }

     .recritment_data .timeline-point {
         height: 134px;
         flex-shrink: 0;
         left: 0;
         margin: 0px auto;
         position: relative;
     }



     .recritment_data .timeline-point:nth-child(odd)::before {
         transform: rotate(0deg);
     }

     .recritment_data .timeline-point:nth-child(even)::before {
         transform: rotate(0deg) scaleX(-1);
     }

     .recritment_data .timeline-point .popup:before {
         display: none;
     }

     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
     }

     .recritment_data .timeline-point:nth-child(even) .popup {
         top: auto;
     }


     .popup {
         width: 321.6px;
         height: auto;
         max-height: 0;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 30px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
     }




     .about_image_ {
         margin: 0 !important;
     }


     .main_text_head h2 {
         font-size: 24px;
     }


     section.out_states_sec {
         background-image: none;
         text-align: center;
         background-color: #000;
     }

     .footer_data_4 {
         margin: 0 0 0 0;
     }

     footer {
         margin: 0px 0 0 0;
     }

     .servces_item .service_slide_data img {
         filter: none;
     }

     .footer_top {
         background: #fff;
         padding: 14px;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         position: relative;
         top: -100px;
         width: 100%;
     }

     .midddle_wrappr_about {
         float: left;
         width: 100%;
         padding: 0 0 91px;
     }

     .footer_top_content h3 {
         float: left;
         width: 100%;
         font-size: 20px;
         font-family: 'Montserrat';
         font-weight: 600;
         text-transform: capitalize;
         padding: 0;
         margin: 0;
     }

     .footer_top_content .searchbox-wrap input {
         flex: 1;
         padding: 14px;
         font-size: 13px;
         border-radius: 100px !important;
         border: 1px solid #000;
     }


     .footer_top_content .searchbox-wrap button {
         position: absolute;
         right: 25px;
         background: #f00;
         padding: 6px 30px;
         border-radius: 65px;
         border: none;
         top: 16px;
         color: #fff;
         font-family: 'Montserrat';
         font-weight: 500;
     }

     .footer_top_content .searchbox-wrap {
         display: flex;
         width: 100%;
         margin: 10px 0 0 0;
     }

     .footer_data {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
    }

     .footer_data_2 ul li {
         float: left;
         width: 100%;
         list-style: none;
         padding: 10px 0 10px 0px;
         margin: 0;
     }

     .footer_data_3 {
         float: left;
         width: 100%;
         position: relative;
         margin: 20px 0 0 0;
     }




     .recritment_data .timeline-point:nth-child(odd) .popup {
         bottom: auto;
         right: -81px;
     }

     .recritment_data .popup-title {
         color: #000000;
         padding-bottom: 0;
         font-size: 16.1px;
         font-weight: 700;
         font-family: 'Montserrat';
     }


     .background-video {
         position: relative;
         top: 0;
         left: 0;
         width: 100%;
         height: 220px;
         object-fit: cover;
         z-index: -1;
     }

     .about_image_ h2 {
         float: left;
         width: 100%;
         font-weight: bold;
         font-size: 24px;
         text-transform: uppercase;
         font-family: 'Montserrat';
     }

     .text_services h3 {
         float: left;
         width: 100%;
         color: #fff;
         text-transform: capitalize;
         font-size: 24px;
         font-weight: 700;
         font-family: 'Montserrat';
     }

     .bg_text {
         float: left;
         background: #FFC500;
         width: 139px;
         height: 235px;
         border-radius: 31px;
     }

     .mobile_search {
         margin: 10px 0 0 0;
     }


     section.testo_monilas_section {
         float: left;
         width: 100%;
         background: #fff;
         padding: 40px 0 116px 0 !important;
         position: relative;
     }




     .search_input_section ul li span {
         position: absolute;
         top: -7px;
         right: 0;
         font-weight: bold;
         color: #000;
     }

     .forms_heading h2 {
         float: left;
         width: 100%;
         text-transform: capitalize;
         font-family: 'Montserrat';
         font-weight: 600;
         font-size: 20px;
         margin: 0 0 10px 0;
         border-bottom: 1px solid #e6e6e6;
         padding: 0px 0 10px 0;
     }

     .search_input_section ul li label {
         float: left;
         width: 84%;
         font-size: 10px;
         margin: 0;
         padding: 0 0 5px 0px;
     }

     section._vision_mision_section {
         float: left;
         width: 100%;
         margin: 0px 0 30px 0;
     }

     .about_image_2 {
         margin: 50px 0 0 0;
         float: left;
         width: 100%;
     }

     .about_image_2 img {
         float: right !important;
         width: 100%;
         padding: 0;
     }


     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none !important;
     }

     .popup {
         display: none;
     }

     .popup.active {
         display: block !important;
     }


     .about_image_ p {
         float: left;
         width: 100%;
         margin: 0 0 24px 0;
     }

     .recritment_data .timeline-container {
         flex-direction: column;
         height: auto;
         width: 100%;
         padding: 50px 0px;
     }

     .our_process {
         float: left;
         width: 100%;
         margin: 40px 0;
         position: relative;
     }

     .couter_company li {
         display: inline-block;
         font-size: 1.5em;
         list-style-type: none;
         padding: 10px 27px;
         text-transform: uppercase;
         color: #fff;
         text-align: center;
         float: left;
         width: 100%;
     }

     .main_text_head span {
         padding: 0px 0 5px 0;
     }


     .main_text_head p {
         padding: 0;
         margin: 0;
     }

     .text_services {
         float: left;
         width: 95%;
         position: absolute;
         top: 34px;
         left: 20px;
     }

     .banner_content {
         margin: 0;
         top: 59px;
     }

     .recritment_data .popup {
         width: 300px;
         height: 160px;
         background-color: var(--color);
         display: grid;
         grid-template-columns: 16% 84%;
         position: absolute;
         color: white;
         border-radius: 10px;
         transform-origin: bottom bottom;
         animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
         padding: 0;
         display: none;
     }


     .search-slt {
         width: 100% !important;
     }

     .popup {
         display: none;
         position: absolute;
         background-color: white;
         border: 1px solid #ccc;
         padding: 20px;
         z-index: 100;
         max-width: 300px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     }

     /* endnew code */

     li.rengee .slider.slider-horizontal {
         width: 93%;
         height: 20px;
         margin: 0 0 10px 0;
     }

     .search_input_section ul li input#global_search {
         width: 100%;
         margin: 10px 0 0 0;
     }



     .service_slide_data a {
         margin: 8px 0 0 0px;

     }
     .service_slide_data a::before {
        display: none;
    }

     .services_banner_content {
         top: 38%;
     }

     .bg_animated_1 img {
         display: none;
     }


     .service_entry {
         padding: 40px 0 40px 0;
     }

     .topRated .columnFour {
         width: 100%;
     }

     .services_banner_sec .servicebanner_image img {
         height: 125px;
     }


     section#homePageServices {
         padding: 30px 0 120px 0;
     }



     .contact_sec {
        float: left;
        width: 100%;
        padding: 30px 0 100px 0;
        position: relative;
        background: linear-gradient(55deg, rgb(254, 242, 254) 9%, rgb(238, 240, 255) 38%, rgba(248, 236, 248, 0.74) 78%, rgba(228, 230, 245, 0.63) 100%);
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 5px;
    }


     .service_entry {
         padding: 40px 0 90px 0;

     }



     section._vision_mision_section_about {
         float: left;
         width: 100%;
         margin: 50px 0 30px 0;
     }

     .services_banner_content h2 {
         font-size: 24px;
     }

     .bg_animated img {
         display: none;
     }

     .contact_data_right {
        float: left;
        width: 100%;
        position: relative;
        padding: 10px;
    }
 }














 @media(max-width: 480px) {}

 @media(max-width: 380px) {}

 @media(max-width: 320px) {
     .search_bx select {
         width: 46%;
     }

     .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
         z-index: 5;
         color: #fff;
         color: rgba(255, 255, 255, 0.8);
         font-size: 17px;
         margin-top: 10px;
         text-align: center !important;
     }

     .hire_employee.create_emp {
         float: left;
         width: auto;
         margin: 10px 0;
     }

















 }