/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Video player CSS  */

/* Container Style */
  .custom-video-wrapper {
    position: relative;
    width: 100%;
   
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
  
  }

  video {
    width: 100%;
    display: block;
  }

  /* Play Button Centering Logic */
  .play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2); /* Transparent white */
    backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    border: 2px solid white;
  }

  .play-icon {
    color: white;
    font-size: 30px;
    margin-left: 5px; /* Triangle ko center karne ke liye padding */
  }

  .play-overlay:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(255, 255, 255, 0.4);
  }

  /* Video chalne par button hide karne ke liye class */
  .video-playing .play-overlay {
    display: none;
  }

/* Video Player CSS End  */
/* hide things */
div#ft-inr-row.hide-ft {
    display: none !important;
}
div#end-ft .row-bg {
    background: #0f172a;
}

div#video-sec a.play_button.large.nectar_video_lightbox {
    position: absolute;
    right: 0;
    left: 0;
    top: 300px;
    bottom: 0px;
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 200px;
    background: #fff;
    border-radius: 50px;
    border: 3px solid #fff;
}
.span_12.dark .nectar_video_lightbox.play_button:before {
    border: unset !important;
}
/* ============== HEADER SECTION CSS START ============== */


li#menu-item-515 a {
    border: 1px solid #D1232C !important;
    padding: 15px 45px !important;
    border-radius: 10px;
    text-align: center;
    position: relative !important;
    transition: all 0.5s !important;
    overflow: hidden;
    background: #D1232C;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 26px !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows li a {position: relative;}

header#top ul.sf-menu.sf-js-enabled.sf-arrows li.current-menu-item a span , header#top ul.sf-menu.sf-js-enabled.sf-arrows li a:hover span {
    color: #0F172A !important;
}
.col-right .vc_column-inner {
    text-align: right;
}

.col-mid .vc_column-inner {
    text-align: center;
}
header#top ul.sf-menu.sf-js-enabled.sf-arrows li a:before {
    content: "";
    background: #B92A2D;
    height: 4px;
    width: 4px;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 3px;
    transition: all 0.5s;
    opacity: 0;
}
.style-blk p {
    border: 2px solid #f1322f;
    padding: 20px !important;
    border-radius: 20px;
    font-style: italic;
    font-size: 27px;
    line-height: 35px;
    font-weight: 800;
}

.hero-bold-blk p {
    font-size: 25px;
    line-height: 33px;
    color: #475569;
    font-weight: 700;
}

p {
    color: #475569;
}
#top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon {
    color: #fff;
}
#top .sf-menu > li.nectar-regular-menu-item > a:hover > .nectar-menu-icon{
   color: #fff; 
}
header#top ul.sf-menu.sf-js-enabled.sf-arrows li a:hover:before {
    width: 50%;
    opacity: 1;
}

li#menu-item-17 a {
    border: 1px solid #D1232C !important;
    padding: 15px 45px !important;
    border-radius: 10px;
    text-align: center;
    position: relative !important;
    transition: all 0.5s !important;
    overflow: hidden;
    background: #D1232C;
}

li#menu-item-17 a span {
    color: #ffffff;
}

li#menu-item-17 a:before {
    content: "";
    background: #0F172A;
    height: 30px;
    width: 30px;
    position: absolute;
    left: -20px;
    top: -20px;
    border-radius: 50%;
    transition: all 0.5s;
    transform: scale(0.1);
    z-index: 9;
}

li#menu-item-17 a:hover:before {
    transform: scale(16.5);
}

li#menu-item-17 a:hover span {
    position: relative;
    z-index: 9999;
    color: #fff;
}
div#hero img {
    width: 100%;
}

div#header-outer {
    background: #f6f6f8d6;
    border-bottom: 1px solid #E2E8F0;
}

/* ============== HEADER SECTION CSS END ============== */










/* ============== HERO SECTION CSS START ============== */
a#cta-btn {
    padding: 15px 35px !important;
    border-radius: 10px !important;
    text-align: center;
    position: relative !important;
    transition: all 1s !important;
    overflow: hidden;
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    background: #D1232C !important;
    display: inline-flex;
    flex-direction: row-reverse;
}
#hero .owl-dots {
    display: none !important;
}
a#cta-btn i{
    position: unset;
    transform: unset;
    margin-right: 20px;
}
a#cta-btn:before{
     content: "";
     background: #0F172A;
     height: 30px;
     width: 30px;
     position: absolute;
     left: -20px;
     top: -20px;
     border-radius: 50%;
     transition: all 0.5s;
     transform: scale(0.1);
     z-index: 9;
}

a#cta-btn:hover:before {
    transform: scale(22.5);
}
a#cta-btn:hover{
    color: #fff  !important;
    box-shadow: unset !important;
    transform: unset !important;
}

a#cta-btn:hover span {
    position: relative;
    z-index: 9;
}

h1 {
    color: #0F172A !important;
}




.nectar-text-inline-images__marker img {
    position: unset !important;
    top: 0;
    left: 0;
    height: 100%;
    max-width: none;
    width: auto;
    margin-bottom: unset !important;
}

.nectar-text-inline-images__marker {
    display: flex;
    position: relative;
    min-width: unset !important;
    clip-path: unset !important;
}


.st-set p {
    font-size: 12px !important;
    line-height: 20px !important;
}
.txt-fixx {
    text-align: left;
}
.txt-fixx p {
    font-size: 15px !important;
    line-height: 23px !important;
}
.nectar_video_lightbox.play_button_with_text>span {
    display: flex;
    align-items: center;
}
.red {
    color: #D1232C;
}

.nectar-text-inline-images__inner {
    text-transform: uppercase;
    color: #006E1C;
    font-family: 'Plus Jakarta Sans';
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    display: inline-flex;
    align-items: end;
    background: #B9F5DF;
    padding: 5px;
    border-radius: 30px;
    justify-content: space-between;
    width: 200px;
}

#hero  p {
    max-width: 500px;
}

.nectar_video_lightbox.play_button_with_text {
    padding: unset;
    display: inline-block;
}

div#hero #cta-btn {
    margin-right: 20px;
}
/* ============== HERO SECTION CSS END ============== */





div#whats-new .vc_column-inner {
    background: #F8FAFC;
    padding: 90px 20px !important;
    border: 1px solid #00000029;
    border-radius: 12px;
}
#trns-btn {
    background: unset !important;
    color: #64748B !important;
    font-size: 20px;
    line-height: 28px !important;
}
#trns-btn:hover {
    box-shadow: unset !important;
    transform: unset !important;
    opacity: unset !important;
}
.page-id-459 div#whats-new .one .vc_column-inner {
    box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
    transform: scale(1.06);
    border-radius: 12px;
}
.green-column .vc_column-inner {
    background: #C9E4DF;
    border-radius: 14px !important;
    padding: 20px;
}
.pink-column .vc_column-inner {
    background: #DBCDF0;
    border-radius: 14px !important;
    padding: 20px;
}
.blue-column .vc_column-inner {
    background: #C5DEF2;
    border-radius: 14px !important;
    padding: 20px;
}
div#tab-content ul {
    margin-left: 24px;
}
div#tab-content li {
    list-style: none !important;
    position: relative;
}
div#tab-content li:before {
    position: absolute;
    content: '';
    left: -20px;
    background-image: url('https://spartanhr.co.uk/wp-content/uploads/2026/04/asd-a.png');
    top: 7px;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
}
.page-id-470 div#whats-new .two .vc_column-inner {
    box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
    transform: scale(1.05);
    border-radius: 12px;
}
div#ft-copyright a {
    color: #c6252b;
}

/* contact section css */
.info a {
    margin-right: 8px;
    background: #d1232c;
    padding: 15px 23px !important;
    border-radius: 8px;
    color: #fff;
    transition: all 0.5s !important;
}

.info a:hover {
    background: #fff !important;
    color: #000 !important;
    transition: all 0.5s !important;
}








/* ============== FOOTER SECTION CSS START ============== */



div#footer ul {
    margin: unset;
}

div#footer ul li {
    list-style: none;
    margin-bottom: 15px;
}

div#footer ul li a {
    color: #94A3B8;
    transition: all 0.5s;
}


div#ft-inr-row .col-left .vc_column-inner {
    padding-left: 40px;
}

div#ft-inr-row .wpb_raw_code ul {
    display: flex;
    align-items: center;
}

div#ft-inr-row .wpb_raw_code ul li {
    margin-right: 20px;
}

div#ft-inr-row .wpb_raw_code ul a {
   
    color: #fff;
}
div#ft-inr-row .wpb_raw_code ul a i {
    background: #94A3B8;
    padding: 5px 5px;
    border-radius: 30px;
    color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#ft-copyright p {
    color: #94A3B8;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: left !important;
}
div#ft-copyright p br {
    display: none !important;
}

div#ft-inr-row p {
    color: #FFFFFF;
}
div#footer ul li a:hover {
    color: #00bd59;
}

div#footer h5 {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Inter';
    font-weight: 700 !important;
    margin-bottom: 20px;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

div#footer .tnp-field label {
    display: none;
}

input#tnp-1 {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 15px !important;
}

body[data-form-submit=regular] .container-wrap input[type=submit] {
    padding: 15px 50px !important;
    border-radius: 10px !important;
    text-align: center;
    position: relative !important;
    transition: all 0.5s !important;
    overflow: hidden;
    font-family: 'Montserrat' !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    background: #F44336;
    width: 100%;
}
/* div#contact-form .vc_column-inner {
    background: #808080;
    padding: 50px;
    max-width: 50%;
    margin: auto;
    border-radius: 10px;
} */
div#contact-form h2 {
    color: #000 !important;
}



.form .row input, .form .row textarea {
    background: #fff;
}

.form .row label {
    color: #fff;
}

.form .row textarea {
    height: 130px;
}
div#contact  .vc_col-sm-8  .vc_column-inner {
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 30px;
}

div#contact .vc_col-sm-8 .vc_column-inner label {
    color: #006B35;
}

div#contact .form .row input,  div#contact .form .row select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 40px;
    padding: 15px;
}
div#contact .form .row textarea{
     border-radius: 20px; 
       background: #fff;
    border: 1px solid #ddd;
}
div#ft-copyright {
    padding-top: 20px;
}
div#traning-boxes .vc_column-inner {
    padding: 70px 20px;
}
div#traning-boxes .green .vc_column-inner {
    background: #C9E4DF;
    border-radius: 14px;
}
div#traning-boxes .blue .vc_column-inner {
    background: #C5DEF2;
    border-radius: 14px;
}
div#traning-boxes .pink .vc_column-inner {
    background: #DBCDF0;
    border-radius: 14px;
}
div#traning-boxes.top-box {
    margin-top: 0px;
    margin-bottom: 100px;
}
div#traning-boxes.top-box .vc_column-inner {
    min-height: 360px;
}
div#aroow-mg img {
    position: relative !important;
    top: 25px;
}
.txt-red h2 {
    background: #D1232C;
    color: #fff;
    max-width: 580px;
    margin: 0 auto;
    padding: 14px;
    position: relative;
    top: 52px;
    border-radius: 8px;
}
div#mediation-inner.red-sec {
    background: #d1232c1f;
    padding: 40px 20px !important;
    border-radius: 12px;
}
div#Mediation.remove-color{
 padding: unset !important;
 padding-bottom:100px !important;
}
/* form css */
.form-container {
    background-color: #757575; /* Dark grey */
    padding: 25px;
    border-radius: 5px;
    color: #fff;
}
.form-container .wpcf7-form-control:not([type="submit"]):not([type="checkbox"]) {
    border: none;
    border-radius: 4px;
    margin-top: 5px;
    background: #fff;
}
.form-container .checkbox-item {
    width: 100%;
    height: 71px;
}
.form-container .checkbox-item .wpcf7-list-item {
    display: block;
    background: #fff;
    color: #333;
    padding: 12px;
    border-radius: 4px;
    margin: 0;
}
.form-container .send-btn {
    width: 100%;
    background-color: #d32f2f !important;
    color: #fff !important;
    border: none;
    padding: 15px;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 4px;
    font-family:'inter' !important;
}
.form-container input.wpcf7-form-control {
    background: #fff;
}
.form-container label {
    color: #fff;
}
.form-container span.wpcf7-list-item.first.last {
    width: 100% !important;
}
/* ============== FOOTER SECTION CSS END ============== */





.sec-main-heading h2 {
    position: relative;
}

.sec-main-heading h2:before {
    content: "";
    background: #f1322f;
    height: 7px;
    width: 215px;
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    border-radius: 3px;
    margin: auto;
}

#Mediation img {
    width: 100%;
}

#why-choose img {
    width: 100%;
}

div#why-choose div#inr-row .vc_column-inner p {
    font-size: 16px;
    line-height: 24px;
}

div#why-choose div#inr-row .vc_column-inner h4 {
    color: #002018;
    margin-top: 10px;
}

div#why-choose div#inr-row .vc_column-inner svg, div#why-choose div#inr-row  .nectar_icon.icon_color_custom_003c0b {
    background: transparent;
    height: 50px;
    width: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#why-choose div#inr-row .vc_column-inner svg path {transform: scale(0.6) translate(10px, 10px);position: relative;}





div#Services .owl-item {
    padding: 0 10px;
}

div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
}

div#Services .owl-item .carousel-item h3 {
    color: #002018;
}

div#Services .owl-nav.disabled {
    display: none;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 45%;
}
div#Services .owl-item .carousel-item a {
    color: #F44336;
    font-family: 'Inter';
    font-weight: 600;
}



div#Services .owl-item:nth-child(2) .carousel-item {
    background: #C5DEF2;
}
div#Services .owl-item:nth-child(3) .carousel-item {
    background: #DBCDF0;
}
div#Services .owl-nav.disabled button.owl-prev {
    margin-left: -60px;
}

div#Services .owl-nav.disabled button.owl-next {
    margin-right: -60px;
}

div#Services .owl-theme[data-desktop-cols] .owl-nav [class*=owl-] {
    background: #4CAF50;
    border: unset;
    height: 50px;
    width: 50px;
    border-radius: 50% !important;
    font-size: 34px;
    line-height: 22px;
    font-family: 'Plus Jakarta Sans';
}

div#performance {}

div#performance div#inr-row {
    padding: 40px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

div#performance div#inr-row img {
    max-width: 250px;
}

#Independence #cta-btn {
    font-size: 15px;
    line-height: 23px;
    padding: 10px 20px !important;
}

#Independence h4 {
    font-size: 17px;
    line-height: 25px;
}

#Independence .type-blk1 p, #Independence .type-blk2 p, #Independence .type-blk3 p, #Independence .type-blk4 p, #Independence .type-blk5 p {
    min-height: unset !important;
}

div#Independence div#inr-row  .vc_column-inner {
    background: #C9E4DF;
    padding: 30px 20px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: 380px;
}
div#Independence div#inr-row .vc_column-inner p {
    min-height: 170px;
}

div#Independence div#inr-row .vc_column_container:nth-child(2) .vc_column-inner{
    background: #C5DEF2;
}
div#Independence div#inr-row .vc_column_container:nth-child(3) .vc_column-inner{
    background: #DBCDF0;
}
div#Independence div#inr-row .vc_column_container:nth-child(4) .vc_column-inner{
    background: #C9E4DF;
}
div#Independence div#inr-row .vc_column_container:nth-child(5) .vc_column-inner{
    background: #C5DEF2;
}
div#Independence div#inr-row  .vc_column-inner:hover {
    transform: scale(1.05);
}






div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: 60px;
}

div#Independence div#inr-row .vc_column-inner strong {
    color: #07B333;
    font-size: 60px;
    line-height: 68px;
    font-family: 'Plus Jakarta Sans';
}










#top .sf-menu > li.nectar-regular-menu-item > a:hover {
    border: 1px solid #0F172A !important;
}

a#cta-btn.white {
    background: #fff !important;
    color: #0F172A !important;
    border: 1px solid #dfd4d4;
}

a#cta-btn.white:hover {
    color: #fff !important;
}



div#About div#inr-row .vc_column-inner {
    border: 1px solid #eee;
    padding: 40px;
    border-radius: 10px;
}




div#About .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon.icon_color_custom_003c0b i {
    color: #D1232C !important;
}
div#About .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon.icon_color_custom_003c0b:before {
    background-color: #d1232c80 !important;
    border-radius: 10px;
}

#why-choose  .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon.icon_color_custom_003c0b:before {
    background-color: transparent !important;
}
div#why-choose div#inr-row .vc_column-inner .wpb_wrapper {
    display: flex;
}
div#About h2 {
    max-width: 300px;
}
div#why-choose div#inr-row .vc_column-inner .wpb_wrapper .wpb_wrapper {
    display: block;
}
  #why-choose   .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon.icon_color_custom_003c0b i {
    color: #d1232c !important;
}

/* inner pages css */
div#int-why p {
    color: #404853 !important;
}
.green-col .vc_column-inner {
    background: #C9E4DF !important;
    padding: 30px 30px 150px 30px !important;
    border-radius: 10px;
}
.blue-col .vc_column-inner {
    background: #C5DEF2 !important;
    padding: 30px 30px 150px 30px !important;
    border-radius: 10px;
}
.pink-col .vc_column-inner {
    background: #DBCDF0 !important;
    padding: 30px 30px 150px 30px !important;
    border-radius: 10px;
}
.bkl-set {
    padding-left: 30px;
    position:relative;
}
.bkl-set h5:before {
    position: absolute;
    content: '';
    left: -25px;
    background-image: url(https://spartanhr.co.uk/wp-content/uploads/2026/04/asd-a.png);
    right: 0px;
    top: 7px;
    bottom: 0px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
.bkl-set h5 {
    position: relative;
}
div#hr-sec {
    padding: 100px 0 !important;
}
div#hr-inner h3 {
    color: #D1232C;
}




@media only screen and (min-width: 1366px) and (max-width: 1599px){
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}


div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: 560px;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: 410px;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: 100px;
}	
	div#ft-copyright p {
    color: #94A3B8;
    text-align: left;
}
div#traning-boxes.top-box .vc_column-inner {
    min-height: 390px;
}	
}



@media only screen and (min-width: 1200px) and (max-width: 1365px){
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}


div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: 560px;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: 410px;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: 70px;
}	
	div#ft-copyright p {
    color: #94A3B8;
    text-align: left;
}

div#Independence div#inr-row .vc_column-inner p {
    min-height: 230px;
}

#top nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	
	div#traning-boxes .vc_column-inner {
    min-height: 390px;
}
}




@media only screen and (min-width: 1000px) and (max-width: 1199px){
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}
div#traning-boxes .vc_column-inner {
    min-height: 300px;
    padding: 30px !important;
}

div#hr-sec {
    padding: 0px 0px 100px !important;
}
div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: 510px;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: 460px;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: 70px;
}	
.style-blk p {
    border: 2px solid #f1322f;
    padding: 20px !important;
    border-radius: 20px;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
}
	div#ft-copyright p {
    color: #94A3B8;
    text-align: left;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 60px;
}
div#Independence div#inr-row .vc_column-inner p {
    min-height: 230px;
}
div#About div#inr-row .vc_column-inner {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}
#top nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	

h1 {
    font-size: 38px !important;
    line-height: 46px !important;
}

div#hero {
    padding-top: 50px !important;
}

p {
    font-size: 16px;
    line-height: 24px !important;
}

div#why-choose div#inr-row .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div#footer ul li a {
    font-size: 14px;
    line-height: 22px;
}	
	
}



@media only screen and (min-width: 768px) and (max-width: 999px){
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}

div#traning-boxes .vc_column-inner {
    min-height: unset;
    padding: 30px !important;
    max-width: 90%;
}
div#traning-boxes.top-box .vc_column-inner {
    min-height: unset;
}

div#aroow-mg img {
    position: absolute;
    top: 360px;
    right: -330px;
    transform: rotate(90deg) !important;
    max-width: 400px;
}
div#hr-sec {
    padding: 0px 0px 20px !important;
}
div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: 580px;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: unset;
}
div#About h2 {
    max-width: unset !important;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: 70px;
}	
.hero-bold-blk p {
    font-size: 25px;
    line-height: 33px !important;
    color: #475569;
    font-weight: 700;
}
.style-blk p {
    border: 2px solid #f1322f;
    padding: 20px !important;
    border-radius: 20px;
    font-style: italic;
    font-size: 26px;
    line-height: 34px !important;
    font-weight: 800;
}
	div#ft-copyright p {
    color: #94A3B8;
    text-align: left;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 90px !important;
    }
div#Independence div#inr-row .vc_column-inner p {
    min-height: unset;
}
div#About div#inr-row .vc_column-inner {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}
#top nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	

h1 {
    font-size: 38px !important;
    line-height: 46px !important;
}

div#hero {
    padding-top: 50px !important;
}



div#why-choose div#inr-row .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div#footer ul li a, p, div#ft-copyright p  {
    font-size: 14px;
    line-height: 22px;
}

h4 {
    font-size: 24px !important;
    line-height: 32px !important;
}

div#why-choose div#inr-row .vc_column-inner {
    padding: 0 70px;
}

div#footer-outer {
    display: none;
}	
	
	
}




@media only screen and (min-width: 520px) and (max-width: 767px){
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}
div#traning-boxes .vc_column-inner {
    min-height: unset;
    padding: 30px !important;
    max-width: 85%;
}
div#traning-boxes.top-box .vc_column-inner {
    min-height: unset;
}

div#aroow-mg img {
    position: absolute;
    top: 330px;
    right: -220px;
    transform: rotate(90deg) !important;
    max-width: 400px;
}

div#hr-sec {
    padding: 0px 0px 20px !important;
}
div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: unset;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: unset;
}
div#About h2 {
    max-width: unset !important;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: unset;
}	
.hero-bold-blk p {
    font-size: 25px;
    line-height: 33px !important;
    color: #475569;
    font-weight: 700;
}
.style-blk p {
    border: 2px solid #f1322f;
    padding: 20px !important;
    border-radius: 20px;
    font-style: italic;
    font-size: 26px;
    line-height: 34px !important;
    font-weight: 800;
}
	div#ft-copyright p {
    color: #94A3B8;
    text-align: left;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 90px !important;
    }
div#Independence div#inr-row .vc_column-inner p {
    min-height: unset;
}
div#About div#inr-row .vc_column-inner {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}
#top nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	
div#ft-inr-row .col-left .vc_column-inner {
    padding-left: 0;
}
h1 {
    font-size: 38px !important;
    line-height: 46px !important;
}

div#hero {
    padding-top: 50px !important;
}



div#why-choose div#inr-row .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div#footer ul li a, p, div#ft-copyright p  {
    font-size: 14px;
    line-height: 22px;
}

h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#why-choose div#inr-row .vc_column-inner {
    padding: 0 70px;
}

div#footer-outer {
    display: none;
}

div#why-choose h2, div#why-choose p {
    text-align: center;
}

div#hr-solution-inr .vc_column-inner {
    text-align: left;
}

.info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}	
div#inner-page {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
div#int-why {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}	
div#inner-page {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
}
div#int-why {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
div#Mediation {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
.hide-column .vc_column-inner {
    display: none !important;
}
.st-set p {
    font-size: 10px !important;
    line-height: 18px !important;
}
li#menu-item-17 a {
    border: 1px solid #D1232C !important;
    padding: 24px 25px !important;
    border-radius: 10px;
    text-align: center;
    position: relative !important;
    transition: all 0.5s !important;
    overflow: hidden;
    background: #D1232C;
    left: -30px;
}
.menuopen .menu-item-17 {
    display: none !important;
}
div#header-outer.scrolling {
    background: #ffffff36 !important;
    backdrop-filter: blur(4px);
}	
}




@media only screen and (min-width: 300px) and (max-width: 519px){
	
	
	
	
	div#hr-inner .vc_column-inner {
    padding: 20px !important;
}

div#traning-boxes .vc_column-inner {
    min-height: unset;
    padding: 30px !important;
    max-width: 85%;
}
div#traning-boxes.top-box .vc_column-inner {
    min-height: unset;
}

    div#aroow-mg img {
        position: absolute;
        top: 370px;
        transform: rotate(90deg) !important;
        max-width: 330px;
        display: flex;
        right: -38% !important;
    }
div#hr-sec {
    padding: 0px 0px 20px !important;
}
div#Services .owl-item .carousel-item {
    background: #C9E4DF;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: unset;
}
div#Independence div#inr-row .vc_column-inner {
    background: #C9E4DF;
    padding: 20px 15px;
    border-radius: 20px;
    color: #D1232C;
    transition: all 0.5s;
    text-align: left;
    min-height: unset;
}
div#About h2 {
    max-width: unset !important;
}
div#Independence div#inr-row .vc_column-inner h3 {
    color: #D1232C;
    min-height: unset;
}	
.hero-bold-blk p {
    font-size: 20px;
    line-height: 28px !important;
    color: #475569;
    font-weight: 700;
}
.style-blk p {
    border: 2px solid #f1322f;
    padding: 10px !important;
    border-radius: 20px;
    font-style: italic;
    font-size: 18px;
    line-height: 26px !important;
    font-weight: 800;
}
	div#ft-copyright p {
    color: #94A3B8;
    text-align: center;
    font-size: 14px !important;
    line-height: 22px !important;
}

    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 62px !important;
    }
div#Independence div#inr-row .vc_column-inner p {
    min-height: unset;
}
div#About div#inr-row .vc_column-inner {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}
#top nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	
div#ft-inr-row .col-left .vc_column-inner {
    padding-left: 0;
}
h1 {
    font-size: 30px !important;
    line-height: 38px !important;
}

div#hero {
    padding-top: 50px !important;
}
a#cta-btn {
    padding: 12px 20px !important;
    border-radius: 10px !important;
    text-align: center;
    position: relative !important;
    transition: all 1s !important;
    overflow: hidden;
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    background: #D1232C !important;
    display: inline-flex;
    flex-direction: row-reverse;
}


div#why-choose div#inr-row .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div#footer ul li a, p, div#ft-copyright p  {
    font-size: 14px;
    line-height: 22px;
}

h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#why-choose div#inr-row .vc_column-inner {
    padding: 0 10px;
}

div#footer-outer {
    display: none;
}

div#why-choose h2, div#why-choose p {
    text-align: center;
}

div#hr-solution-inr .vc_column-inner {
    text-align: left;
}

.info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}	
div#inner-page {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
}
div#int-why {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}	
div#Mediation {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
.hide-column .vc_column-inner {
    display: none !important;
}
.st-set p {
    font-size: 10px !important;
    line-height: 18px !important;
}
li#menu-item-17 a {
    border: 1px solid #D1232C !important;
    padding: 15px 7px !important;
    border-radius: 10px;
    text-align: center;
    position: relative !important;
    transition: all 0.5s !important;
    overflow: hidden;
    background: #D1232C;
    left: 0px;
    top: -3px;
}
div#why-choose {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

div#inr-row {
    padding-top: 10px !important;
}
div#Services {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}
div#Independence {
    padding-bottom: 20px !important;
}
div#intro-sec {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#Mediation #cta-btn {
    width: 60%;
    text-align: center !important;
    justify-content: center !important;
}
div#contact-form {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.hide .vc_column-inner {
    display: none !important;
}
div#ft-inr-row.hide-ft {
    display: block !important;
}
div#ft-inr-row.hide-ft .row-bg {
    background: #0f172a !important;
}
div#ft-inr-row.hide-ft a.toggle-heading {
    padding: unset !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 25px !important;
    border: unset !important;
    padding-bottom: 10px !important;
}
div#ft-inr-row.hide-ft .toggles {
    border: unset !important;
}
div[data-style*=minimal] .toggle>.toggle-title i {
  border: unset !important;
}

div#footer {
    padding-bottom: 0 !important;
    padding-top: 20px !important;
}

div#ft-inr-row.hide-ft a {
    color: #fff !important;
    font-size: 13px;
    line-height: 21px !important;
}

div#ft-inr-row.hide-ft li {
    list-style: none !important;
}

div#ft-inr-row.hide-ft ul {
    margin: 0;
}

div#footer .vc_col-sm-3 {
    margin-bottom: 5px !important;
}
div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
    padding: 0 0 0px 0 !important;
}
div[data-style="minimal"] .toggle {
    border-bottom: 1px solid #ffffff36 !important;
    transition: border-color 0.15s ease;
    padding-bottom: 0px !important;
}

div#ft-copyright p br {
    display: none !important;
}

div#ft-copyright {
    padding-bottom: 10px !important;
}

div#ft-inr-row.hide-ft ul {
    margin-top: 0px;
    margin-bottom: 10px !important;
    padding-top: 10px;
}
div[data-style="minimal"] .toggle > .toggle-title i:before {
    content: " ";
    top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: #ffffff !important;
    transition: background-color 0.15s ease;
}
div[data-style="minimal"] .toggle > .toggle-title i:after {
    content: " ";
    top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: #fff !important;
    transition: transform 0.45s cubic-bezier(.3, .4, .2, 1), background-color 0.15s ease;
}
.sec-main-heading h2:before {
    content: "";
    background: #f1322f;
    height: 7px;
    width: 85px;
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    border-radius: 3px;
    margin: auto;
}
.menuopen .menu-item-17 {
    display: none !important;
}
div#header-outer.scrolling {
    background: #ffffff36 !important;
    backdrop-filter: blur(4px);
}	
}