body{font-family:"Poppins";overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-x: hidden;}

.head_nav{padding:0; background:#fff;}
.head_nav nav{padding:5px 0;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{transition:ease-in-out 0.3s; width:80px;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:16px; line-height:40px; text-transform:uppercase;position:relative;font-weight: 600;cursor: pointer;}
.head_nav ul li a:hover, .head_nav ul li a.active, .head_nav ul li a:focus{color: #f45918;}

/* User dropdown menu styles */
.head_nav .dropdown .btn {
    color: #000 !important;
    border: none !important;
    padding: 0 15px !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 16px;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.head_nav .dropdown .btn:hover,
.head_nav .dropdown .btn:focus,
.head_nav .dropdown .btn:active,
.head_nav .dropdown.show .btn {
    color: #f45918 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Dropdown toggle arrow */
.head_nav .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    border: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f107';
    transition: transform 0.2s ease-in-out;
}

/* Rotate arrow when dropdown is open */
.head_nav .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* Dropdown menu styles */
.head_nav .dropdown-menu {
    min-width: 200px;
    border: none;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px 0;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

.head_nav .dropdown-item {
    padding: 8px 20px;
    color: #000 !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-transform: none;
    display: flex;
    align-items: center;
}

.head_nav .dropdown-item i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
    color: #666;
}

.head_nav .dropdown-item:hover,
.head_nav .dropdown-item:focus {
    color: #f45918 !important;
    background-color: rgba(244, 89, 24, 0.05) !important;
}

.head_nav .dropdown-item:hover i,
.head_nav .dropdown-item:focus i {
    color: #f45918;
}

.head_nav .dropdown-divider {
    margin: 5px 0;
    border-color: #eee;
}

/* Logout item */
.head_nav .dropdown-item.text-danger {
    color: #dc3545 !important;
}

.head_nav .dropdown-item.text-danger:hover,
.head_nav .dropdown-item.text-danger:focus {
    color: #c82333 !important;
    background-color: rgba(220, 53, 69, 0.05) !important;
}

/* Ensure proper dropdown positioning */
.head_nav .dropdown {
    position: relative;
    display: inline-block;
}

.head_nav .dropdown-menu-end {
    right: 0;
    left: auto;
    position: absolute;
    z-index: 1000;
    min-width: 10rem;
    margin: 0.125rem 0 0;
}

/* Fix for mobile menu */
@media (max-width: 991.98px) {
    .head_nav .dropdown-menu {
        position: static !important;
        transform: none !important;
        margin-top: 0;
        border: none !important;
        box-shadow: none !important;
        padding-left: 15px;
    }
    
    .head_nav .dropdown-item {
        padding: 8px 0;
    }
}
.navbar-expand-lg .navbar-nav .nav-link{padding:0 15px;}
.sticky_menu{position: fixed;left: 0;top:0; width: 100%;z-index: 1030;}
.sticky_menu .navbar-brand img{width:100px;}

.head_nav .dropdown-menu {
    width: 220px;
    display: none;
    position: absolute;
    background-color: #fff;
}

.head_nav .dropdown.show .dropdown-menu {
    display: block;
}
.head_nav .dropdown li a {line-height:30px;font-size: 14px;text-transform: capitalize;}
.dropdown-toggle2:after {border-top: .3em solid transparent;border-bottom: .3em solid transparent;border-left: .3em solid #000;right: 15px; position: absolute; top: 16px;}
.sub_menu {position: absolute;left: 100%;width: fit-content;top: 0;}
.head_nav nav .dropdown ul {border-radius: 0;width: max-content;padding: 0;}
.head_nav nav .dropdown ul li {margin: 0;padding: 0;width: 100%;border-bottom:1px solid rgba(0,0,0,0.2);}
.head_nav nav .dropdown ul li a {line-height: 20px;padding: 10px 20px !important;border: none;}

.cont_area{display:flex; cursor: pointer;}
.cont_area a {color: #fff !important;height: 40px;font-size: 16px !important;font-weight: 600 !important;background-color: #217e97;border-radius: 8px;margin:auto;text-align: center;line-height: 40px !important;text-decoration: none;padding: 0 27px !important;transition: all 0.5s;border: none !important;z-index: 1; overflow: hidden;}

.swiper-pointer-events.swiper-vertical {-ms-touch-action: pan-x;touch-action: pan-x;}
.banner-four-slider {width: 100%;height: 650px; position: relative;border-radius:0 8px 8px 0;}
.p-relative {position: relative;}
.banner-wrapper.banner-four {display: grid;grid-template-columns: 50% 50%;justify-content: center;align-items: center;background-color:#006CE4;border-radius: 8px;}
.banner-four-bg::before {position: absolute;content: "";width: 50%;height: 100%;inset-inline-start: 0;top: 0;background: #217e97;z-index: 6;}
.section-subtitle.color-warning{color:#f3f0fe;}
.banner-slider{pointer-events: none;}
.banner-slider img{width: 100%; height: 100%; object-fit: cover;}
.banner-wrapper.banner-four .banner-content {padding-left: 100px;;width: auto;max-width: 680px; position: relative;z-index: 9;}
.text-box h4{color: #fff;font-size: 18px;font-weight: 700;background: #0b5d72;text-align: center;border-radius: 10px;padding: 5px 20px;display: inline-block;}
.banner-title{font-size:55px;font-weight:bold;color:#fff;text-transform: uppercase;}
.banner-title .yellow-shape {position: relative;}
.banner-title .yellow-shape img {position: absolute;bottom: 1px;left: 0;z-index: -1;-webkit-animation: section-animation 3s infinite;animation: section-animation 3s infinite;}
.banner-content p{color: #fff;}
.banner-content .btn_area a{background: #ffea36; color: #000;}
@keyframes section-animation {
    0% {width: 0;}
    15% {width: 100%;}
    85% {opacity: 1;}
    90% {width: 100%;opacity: 0;
}
    to {width: 0;opacity: 0;}
}
.btn_area a{color: #fff;height: 40px;font-size: 16px;font-weight: 600;background-color: #217e97;border-radius: 8px;margin:auto;text-align: center;line-height: 40px;text-decoration: none;padding: 0 27px;transition: all 0.5s;border: none;z-index: 1; overflow: hidden; display: inline-block;}

.head{text-align: center;font-weight: bold;color: #000;margin: 0 0 5px;position: relative;padding: 0 0 15px;font-size: 24px;}
.head:after{content: ""; width: 100px; height: 5px; border-radius: 20px; position: absolute; left: 50%; transform: translateX(-50%); background: #217e97; bottom: 0;}

.winner_area{padding: 70px 0;}
.winner_img{width: 150px; height: 150px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.3);overflow: hidden;}
.winner_img{margin: 10px auto;}
.winner_img img{width: 100%; height: 100%; object-fit: cover;}
.winner_slide .item p{text-align: center; margin: 0; font-weight: 600;}
.slick-arrow{position: absolute; top: 50%; transform: translateY(-50%);z-index: 1;border: none; background: #217e97;border-radius: 100%; width: 40px;height: 40px; color: #fff;}
.slick-arrow.next-arrow{right: 0;}

.survey_area{padding: 70px 0; background: #eefafd;}
.serv_box{border: 1px solid #cfcfcf; border-radius: 10px; margin: 15px 0; transition: all 0.5s;background: #fff;}
.serv_img{border-radius: 10px;height: 240px;position: relative;overflow: hidden;}
.serv_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.serv_icon{width: 124px;height: 124px;border-radius: 100%;position: absolute;top: -60px;left: 50%;transform: translateX(-50%);background: #fff;box-shadow: 0 0 0 1px #217e97;border: 10px solid #217e97;z-index: 2;}
.serv_icon i{width: auto;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #217e97; font-size: 42px;}
.serv_cont{padding: 80px 15px 15px;position: relative;}
.serv_cont h3{color: #000; text-transform: uppercase; font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 10px;transition: all 0.5s;}
.serv_cont a{color: #fff; text-align: center; display: block;background: #217e97; border-radius: 10px; padding: 10px;}
.serv_cont img{width:60px;}
.serv_cont p{color: #505050; text-align: center;transition: all 0.5s;}
.serv_box:hover .serv_img img{transform: scale(1.1) rotate(2deg);}
.serv_box:hover {background: #217e97;}
.serv_box:hover h3, .serv_box:hover p{color: #fff;}
.serv_box:hover a{background: #ffea36; color: #000;}

.recruitment_technology {position: relative;padding: 70px 0;}
#content_block_4 .content_box h2 {position: relative;}
.recruitment_technology .image_box {position: relative;display: block;text-align: center; margin: auto;}
.recruitment_technology .image_box img {max-width: none;width: 50%;}
#content_block_4 .content_box .inner_box .single-item {position: relative;display: block;background: #fff;box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);margin: 15px 0;padding: 20px 30px 20px 30px;border-radius: 10px;}
#content_block_4 .content_box .inner_box .single-item:last-child {margin-bottom: 0px;}
#content_block_4 .content_box .inner_box .single-item .inner {position: relative;padding-left: 80px;}
#content_block_4 .content_box .inner_box .single-item .inner .icon_box {position: absolute;left: 0px;top: 50%; transform: translateY(-50%); width: 60px;margin: 0;}
#content_block_4 .content_box .inner_box .single-item .inner .icon_box img{width: 100%;}
#content_block_4 .content_box .inner_box .single-item .inner h3 {position: relative;display: block;font-size: 22px;line-height: 30px;font-weight: 700;padding-left: 82px;margin-bottom: 8px;transition: all 500ms ease;}
#content_block_4 .content_box .inner_box .single-item .inner h3 a {display: inline-block;color: #462b34;}
#content_block_4 .content_box .inner_box .single-item .inner h3 a i {position: relative;font-size: 30px;margin-left: 8px;top: 5px;opacity: 0;transition: all 500ms ease;}
#content_block_4 .content_box .inner_box .single-item:hover .inner h3 a i {opacity: 1;}
#content_block_4 .content_box .inner_box .single-item .inner p {font-size: 17px;line-height: 28px;font-weight: 500;margin: 0;}
#content_block_4 .content_box .inner_box .single-item .inner h3 span {position: absolute;left: 0px;top: 6px;font-size: 20px;transition: all 500ms ease;color: #217e97;}
#content_block_4 .content_box .inner_box .single-item:hover .inner h3 span {opacity: 0;}
#content_block_4 .content_box .inner_box .single-item:hover .inner h3 {padding-left: 0px;}
#content_block_4 .content_box .inner_box .single-item .inner h3:before {position: absolute;content: '';width: 40px;height: 2px;left: 32px;top: 19px;transition: all 500ms ease;background: #217e97;}
#content_block_4 .content_box .inner_box .single-item:hover .inner h3:before {opacity: 0;}
#content_block_4 .content_box .sec-title {margin-bottom: 43px;}
.content_box .head{text-align: left;}
.content_box .head:after{left: 0; transform: none;}

.main_footer {position: relative;background: #333333;}
.footer-top {position: relative;padding: 124px 0px 80px 0px;}
.footer-top .footer-widget ul {padding: 0;}
.footer-top .footer-widget .widget-title {position: relative;display: block;margin-bottom: 25px;}
.footer-top .footer-widget .widget-title h3 {position: relative;font-size: 22px;line-height: 30px;color: #fff;font-weight: 700;}
.footer-top .about-widget .text p {font-size: 17px;line-height: 28px;color: #c3c3c3;font-weight: 500;margin-bottom: 15px;}
.footer-top .about-widget .text p:last-child {line-height: 30px;margin: 0px;}
.footer-top .about-widget .text {margin-bottom: 24px;}
.footer-top .about-widget .text p i {position: relative;display: inline-block;font-size: 14px;transform: rotate(20deg);}
.footer-top .about-widget {margin-right: 50px;}
.footer-top .about-widget .social-links li {position: relative;display: inline-block;margin-right: 15px;}
.footer-top .about-widget .social-links li:last-child {margin-right: 0px;}
.footer-top .about-widget .social-links li h5 {font-size: 18px;line-height: 28px;font-weight: 700;color: #fff;}
.footer-top .about-widget .social-links li a {position: relative;display: inline-block;font-size: 14px;color: #fff;}
.footer-top .links-widget .links-list li {position: relative;display: block;margin-bottom: 15px;}
.footer-top .links-widget .links-list li a {position: relative;display: inline-block;font-size: 17px;line-height: 28px;color: #c3c3c3;font-weight: 500;text-decoration: none;}
.footer-top .contact-widget .info-box li {position: relative;display: block;}
.footer-top .contact-widget .info-box li a {position: relative;display: inline-block;font-size: 17px;line-height: 28px;color: #c3c3c3;font-weight: 500;text-decoration: none;}
.footer-top .contact-widget .single-info-box {position: relative;display: block;margin-bottom: 36px;}
.footer-top .contact-widget .single-info-box:last-child {margin-bottom: 0px;}
.main_footer .foot_back {background: url(../images/pattern-11.png);position: absolute;left: 0px;top: 0px;right: 0px;width: 100%;height: 100%;background-size: cover;background-repeat: repeat-x;background-position: center;animation: slide 100s linear infinite;-webkit-animation: slide 100s linear infinite;}
@keyframes slide {
    from {background-position: 0 0;}
    to {background-position: 1920px 0;}
}
@-webkit-keyframes slide {
    from {background-position: 0 0;}
    to {background-position: 1920px 0;}
}
.footer-bottom {position: relative;padding: 32px 0px;border-top: 1px solid rgba(255,255,255,0.1);}
.footer-bottom p {color: #c3c3c3;margin: 0;font-weight: 500;text-align: center;}

/*===============FAQ Starts===============*/
.inner_banner {padding: 100px 0 100px;position: relative;}
.inner_banner img{width: 100%; height: 100%; object-fit: cover; position:absolute; left: 0; top: 0;}
.inner_banner:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(08, 11, 27,0.75);z-index: 0;}
.inner_banner_content {text-align: left;position: relative;z-index: 1;}
.inner_banner_content h1 {color: #ffffff;font-size: 65px;font-weight: 800;}
.breadcrumb_box {display: inline-block;background-color: #217e97;padding: 10px 30px;border-radius: 8px;margin-top: 15px;}
.breadcrumb_box ul {margin: 0;padding: 0;text-decoration: none;list-style: none;display: flex;}
.breadcrumb_box ul li {font-size: 15px;color: #fff;margin-left: 10px;text-transform: uppercase;font-weight: 500;}
.breadcrumb_box ul li:first-child {margin-left: 0;}
.breadcrumb_box ul li a{color: #fff; text-decoration: none;}

.faq_area{padding: 70px 0;}
.faq_area .accordion{position: relative;}
.faq_area .accordion-button:not(.collapsed){background-color: #217e97; color: #fff;}
.faq_area .accordion-button{background: #eefafd;border-radius: 10px !important;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important; padding: 17px 10px 17px 55px; font-size: 18px; font-weight: bold;}
.faq_area .accordion-button:focus{box-shadow: none;border: none;}
.faq_area .accordion-item{border: none;margin: 10px 0;background: transparent;}
.faq_area .accordion-button:not(.collapsed)::after{content: "\f068";}
.faq_area .accordion-button::after{content: "\2b";font-family: "Font Awesome 6 Free";font-weight: bold;width: 40px;height: 40px;background: #fff;border-radius: 10px;color: #000;text-align: center;line-height: 40px;position: absolute;left: 7px;}
.faq_area .accordion-body{padding: 10px 20px 0;}
.faq_area .accordion-body p{color: #505050; line-height: 28px; text-align: justify;margin: 5px 0;}
/*===============FAQ Ends===============*/

/*===============Features Starts===============*/
.features_area{padding: 70px 0;}
/*===============Features Ends===============*/

/*===============Contact Us Starts===============*/
.contact_area{padding: 70px 0;}
.cont_left .head{text-align: left;}
.cont_left .head:after{left: 0; transform: none;}
.msn_right .head{text-align: left; margin-bottom: 20px;}
.msn_right .head:after{left: 0; transform: none;}
.cont_box{display: flex;margin-top: 30px;}
.cont_cont{padding-left: 15px;}
.cont_cont h3{text-transform: uppercase; font-weight: bold; font-size: 16px; color: #000;}
.cont_cont p{line-height: 22px;margin: 0;}
.cont_span span{width: 40px;height: 40px;background: #217e97;color: #fff;text-align: center;line-height: 36px;display: inline-block;border-radius: 100%;font-weight: bold;font-size: 18px;border: 2px solid #fff;box-shadow: 0 0 0 3px #217e97;}
.cont_cont p a{color: #000;word-break: break-all;}

.msn_right .head span{margin-top: 0;}
.form_area form input, .form_area form select, .form_area form textarea{background: #f4f5f8; border-radius: 8px; height: 60px; color:#303442;margin-bottom: 20px;}
.form_area{width: 100%;}
.form_area form input::placeholder, .form_area form select::placeholder, .form_area form textarea::placeholder{color:#303442;}
.form_area form input:focus, .form_area form select:focus, .form_area form textarea:focus{background: #f4f5f8;}
.form_area form select{appearance:auto;}
.form_area form textarea{height: 110px;}
.form_btn{color: #fff;height: 40px;font-size: 16px;font-weight: 600;background-color: #217e97;border-radius: 8px;margin: auto;text-align: center;line-height: 40px;text-decoration: none;padding: 0 27px;transition: all 0.5s;border: none;border: none;}
.map_area{height: 500px;}
.map_area iframe{width: 100%; height: 100%; object-fit: cover;}
/*===============Contact Us Ends===============*/

/*===============Login Starts===============*/
.loginput_box{position: relative;}
.loginput_box span{color: #217e97;font-weight: 600;position: absolute;right: 23px;cursor: pointer;top: 20px;}
.log_form h5{margin:20px 0 0; color: #000; font-size: 16px; font-weight: 600;cursor: pointer; display: inline-block;}
.log_form h5 span{color: #217e97;}
/*===============Login Ends===============*/

/*===============Seller Dashboard Starts===============*/
.sd_breadcrumb_area{border-bottom: 1px solid rgba(0, 0, 0, 0.15);padding: 10px 0;}
.sd_breadcrumb_area h3{color: #495057; font-weight: bold; margin: 0; font-size: 15px; text-transform: uppercase;}
.sd_breadcrumb_area ul {text-align: right;}
.sd_breadcrumb_area ul li{list-style: none; display: inline-block;font-size: 14px; color: #636363;padding:0 5px;}
.sd_breadcrumb_area ul li a{font-size: 14px; color: #636363;font-weight: 500;}

.sd_left_panel{padding: 0 16px;box-shadow: 0 1px 2px rgb(56 65 74 / 15%);background: #fff;border-radius: 5px;margin-bottom: 15px;}
.sd_left_panel ul li p{font-size: 14px;color: #ee5d21;margin: 0;}
.sd_left_panel ul li{list-style: none;border-bottom: 1px solid rgba(0, 0, 0, 0.15);padding: 10px 0;}
.sd_left_panel ul li:last-child{border: none;}
.sd_left_panel ul li a{font-size: 14px;color: #000; text-decoration: none;display: block;}
.sd_left_panel ul li a span{color: #878a99; margin: 0;display: block;}

.sd_area{padding: 20px 0;background: #f3f3f9;}
.sd_user_area h4{font-size: 14px;color: #495057;font-weight: 500;margin: 0;}
.sd_user_area p{font-size: 14px;color: #878a99; margin: 0;}
.sd_user_area form input{height: 40px;box-shadow: 0 1px 2px rgb(56 65 74 / 15%);border-radius: 5px;}
.sd_user_area form input:focus{box-shadow: none; border: 1px solid #ee5d21;}

.sd_point_area{margin-top: 20px;}
.sd_point_box{padding: 16px;box-shadow: 0 1px 2px rgb(56 65 74 / 15%);background: #fff;border-radius: 5px;font-size: 14px;transition: all 0.3s;position: relative;}
.sd_point_box:hover{transform: translateY(calc(-1.5rem / 5));box-shadow: 0 5px 10px rgb(30 32 37 / 12%);}
.sd_point_box p{text-transform: uppercase;margin: 0;color: #878a99;}
.sd_point_box p span{float: right; color: #0ab39c; font-weight: 500;}
.sd_point_box p span i{transform: rotate(30deg);}
.sd_point_box h3{font-size: 22px; font-weight: 600;color: #495057; margin: 20px 0;}
.sd_point_box a{color: #142962; font-size: 14px; text-decoration: none;transition: all 0.3s;}
.sd_point_box a:hover{color: #ee5d21;}
.point_icon{width:48px; height: 48px; background: rgba(10,179,156,.18); border-radius: 5px; position: absolute; right: 15px; bottom: 15px;text-align: center;}
.point_icon i{color: #50afa0; font-size: 20px;line-height: 48px;}
.sd_point_box2 p span{color: #f06548;}
.sd_point_box2 p span i {transform: rotate(-30deg);}
/*===============Seller Dashboard Ends===============*/

/*===============Profile Starts===============*/
.acc_tab {display: block;background: #fff;border-radius: 10px;box-shadow: 0 0 15px rgb(0 0 0 / 10%);margin-bottom: 30px; padding: 20px 10px;}
.acc_tab_box{display: flex;}
.acc_tab_img {width: 100%; max-width: 60px; height: 60px;border-radius: 100%; overflow: hidden;}
.acc_tab_img img{width: 100%; height: 100%; object-fit: cover;}
.acc_tab_name{padding-left: 20px; margin: auto 0;}
.acc_tab_name h3{font-size: 14px; font-weight: bold; color: #000; margin: 5px 0 0;}
.acc_tab_name span{display: block;color: #000;font-size: 13px;}
/*===============Profile Ends===============*/




/*===============Responsive Starts===============*/
@media (min-width:981px) and (max-width:1366px){
    .sticky_menu .navbar-brand img, .head_nav .navbar-brand img{width: 80px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 0 5px; font-size: 13px;}
    .foot_menu_pad{padding: 0;}
    .footer_area h3{font-size: 18px;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 80px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #033458;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top:10px;}
    .head_nav .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0;}
    .head_nav ul li a{line-height: 10px;font-size: 14px;}
    .head_nav nav .dropdown ul{width: 100%;}

    .banner-wrapper.banner-four .banner-content{padding-left: 30px;}
    .banner-title{font-size: 32px;}

    #content_block_4{margin-top: 20px;}

    .footer-top {padding: 80px 0 50px;}
    .footer-top .links-widget .links-list li {width: 100%;}
    .footer-top .about-widget {margin-right: 0;}
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 80px;}
    .head_nav .navbar-toggler:focus{box-shadow: none;}
    .head_nav .navbar-toggler span{display: block;background: #033458;height:5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .head_nav .navbar-toggler{position: absolute;right: 0;top:10px;}
    .head_nav .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0;}
    .head_nav ul li a{line-height: 10px;font-size: 14px;}
    .head_nav nav .dropdown ul{width: 100%;}

    .banner-wrapper.banner-four {display: block;}
    .banner-area{margin-top:0;padding:0;}
    .banner-wrapper.banner-four .banner-content {margin-left:30px;padding:30px 0;}
    .banner-title {font-size: 30px;}
    .banner-four-bg::before{width: 100%;z-index: 0;}
    .banner-slider .swiper {height:250px !important;}
    .banner-slider .swiper  img{object-fit: cover;height: 100%;width: 100%;}

    .survey_area, .winner_area{padding: 40px 0;}
    .head{font-size: 18px;}
    #content_block_4{margin-top: 20px;}
    .serv_cont p{font-size: 14px;line-height: 24px;}
    .winner_img{width: 120px; height: 120px;}

    .recruitment_technology {padding: 40px 0;}
    #content_block_4 .content_box h2 {font-size: 24px;line-height: 32px;}

    .recruitment_technology .image_box img {float: none;width: 100%;}
    .recruitment_technology .image_box {margin: 0px;margin-bottom: 50px;}
    #content_block_4 .content_box .inner_box .single-item .inner {position: relative;top: 0px;margin-bottom: 15px;padding: 0;}
    #content_block_4 .content_box .inner_box .single-item .inner .icon_box {position: relative;top: 0px;margin-bottom: 15px;transform: none;}
    #content_block_4 .content_box .inner_box .single-item .inner p {font-size: 14px;line-height: 24px;}
    #content_block_4 .content_box .inner_box .single-item .inner h3{font-size: 16px;line-height: 22px;padding-left: 65px;}
    #content_block_4 .content_box .inner_box .single-item .inner h3 a i{display: none;}
    #content_block_4 .content_box .inner_box .single-item .inner h3:before{width: 20px;}

    .footer-top {padding: 40px 0;text-align: center;}
    .footer-top .about-widget {margin: 0;}
    .footer-top .links-widget .links-list li {width: 100%;margin-bottom: 5px;}
    .footer-bottom p {text-align: center;}
    .footer-top .footer-widget .widget-title{margin: 20px 0 5px;}

    .inner_banner_content h1{font-size: 36px;}
    .msn_right{margin-top: 20px;}

    .sd_breadcrumb_area ul, .sd_breadcrumb_area h3{text-align: center;}
}
/*===============Responsive Ends===============*/