@charset "UTF-8";
/*
Theme Name: Xcene Custom Theme.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

*       {box-sizing: border-box;list-style:none;outline:none;transition: 0.5s;}
:root   {--primary-color:#DD9000; --grey-link-color:#858585;--grey-text:#707070;}

html, body 	{float:left;width:100%;margin:0;padding:0;height: 100%;background: #fff;overflow-x:hidden;}
body 		{font-family: 'Poppins', sans-serif;color:#000;}
ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;width: 100%;font-size: 16px;line-height: 27px;letter-spacing: 0px;color: #000;}
h1          {font-size: 40px;line-height: 48px;margin: 20px 0 14px;}
h2          {font-size:33px;margin:0;line-height: 34px;}
h3          {font-size: 22px;}
h1,h2,h3    {float: left;width: 100%;font-weight: bold;}
.screen-reader-text {display: none;}
#wrapper 	{width: 1200px;float: none;margin:0 auto;}
#wrapper925 {width: 925px;float: none;margin:0 auto;}
#wrapper-slide {width:1180px;float: none;margin:0 auto;}
#wrapper-small {width:850px;float: none;margin:0 auto;}


/* [class*="aos-"] {
  opacity: 1;
  transition: opacity 0.3s ease;
}
[data-aos].aos-animate {
  opacity: 1;
} */

.nomargin {margin: 0 !important;}

.inc-btns {float: none;margin:0 auto;max-width: 445px;text-align: center;}
.pry-btn, .sec-btn, .tir-btn {float: left;width: auto;font-weight: 500;box-sizing: border-box;}

.pry-btn a, .sec-btn a, .tir-btn a {float: left;width:auto;border-radius:40px !important;padding: 12px 55px 12px 10px;font-size: 13px;}

.pry-btn a {background: #00447D url('img/war.png') no-repeat top 5px right 7px !important; border: 1px solid #00447D;color:#fff !important;}
.pry-btn a:hover {background: #103047 url('img/bar.png') no-repeat top 5px right 7px !important; border: 1px solid #103047;color:#fff !important;}

.sec-btn a {background: #fff url('img/bar.png')  no-repeat top 5px right 7px !important; border: 1px solid #fff;color: #103047 !important;}
.sec-btn a:hover {background: #fff url('img/war.png')  no-repeat top 5px right 7px !important; border: 1px solid #fff;color: #103047 !important;}

.tir-btn a {background: transparent url('img/war.png') no-repeat top 5px right 7px !important; border: 1px solid #fff;color:#fff !important;}
.tir-btn a:hover {background: #fff url('img/war.png')  no-repeat top 5px right 7px !important; border: 1px solid #fff;color: #103047 !important;}

/* .pry-btn a:hover, .sec-btn a:hover, .tir-btn a:hover {background: #191e12 !important;color:#fff !important;
    box-shadow: 6px 6px 0px 0px rgba(222, 155, 30, 0.75)!important;
    -webkit-box-shadow: 6px 6px 0px 0px rgba(222, 155, 30, 0.75)!important;
    -moz-box-shadow: 6px 6px 0px 0px rgba(222,155,30,0.75)!important;} */

.spacer-btn .pry-btn {margin:60px 0 70px !important;}


.three-buttons {float: left;width:100%;margin-top: 30px;display: flex;gap:25px;}
.three-buttons .pry-btn {margin-top: 0 !important;}

/*header*/
#head {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0 50px 0; position: fixed; top: 0; left: 0; z-index: 9999; background: url('img/mnbg.png') repeat-x center center; background-size: contain;}
.logo       {float:left;width:auto;height:auto;}
.logo img   {width:auto;max-width: 100%;height:auto;float: left;}
.menuu      {float: right;width: auto;font-weight: 500;position: relative;margin-top: 12px;}

.search-header-bar {float: right;width: auto;padding: 20px 0 0 30px;}
.search-form {float: left;width: 100%;border: 1px solid #ccc;border-radius: 4px;}
input[type="search"] {float: left;width: 90%;box-sizing: border-box;padding: 14px;border: none;outline: none;margin: 5px 0;}
.search-submit {border: none;background: transparent url('img/search.png') no-repeat center center;box-sizing: border-box;padding: 13px;width: 10%;text-align: center;outline: none;border-left: 1px solid #ccc;margin: 6px 0;color: transparent;}

/* .header-btns {float: right;width: auto;margin-top: 18px;} */

#home-banner  {float: left;width:100%;background: #103047;height: 100vh;}
#home-sec2 {float: left;width:100%;background: #103047;}
#home-sec3 {float: left;width:100%;padding:120px 0 100px;}
#home-sec4 {float: left;width:100%;padding:60px 0 120px;}
.pill-sec-header h2 {color:#fff;font-size:50px;text-align: center;padding: 200px 16% 0;line-height: 60px;}
.normal_back {background-size: cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;}



.featured-insights-box h2 {margin:0;text-align: center;}
.featured-insights-box p {text-align: center;padding: 10px 26%;}
.fi-box-a, .fi-box-b, .fi-box-c {float: left;width:100%;}
.fi-box-a p, .fi-box-b p, .fi-box-c p {margin-bottom: 0;font-weight: bold;}

.fi-box-a img, .fi-box-b img, .fi-box-c img {border-radius:20px;}
.fi-box-a img:hover, .fi-box-b img:hover, .fi-box-c img:hover {box-shadow: 10px 10px 0px 0px rgba(199,199,199,0.75) !important;
-webkit-box-shadow: 10px 10px 0px 0px rgba(199,199,199,0.75) !important;
-moz-box-shadow: 10px 10px 0px 0px rgba(199,199,199,0.75) !important;}

.video-holder {float:left;width:100%;position:relative;}
.playbtn {position:absolute;top:45%;margin:0 auto;width:64px;height:64px;left: 45%;cursor:pointer;}
.playbtn img {float:left;width:100%;height:auto;}

/* Modal video */
.modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  width: 80%;
  max-width: 800px;
}

.modal-content iframe {
  width: 100%;
  height: 450px;
}

.close {
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* ==============================
   Our Pillars Tree Connectors
   ============================== */
.our-pillars-section {
  position: relative;
  padding: 80px 20px;
  text-align: center;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  opacity: 1 !important;
}

.our-pillars-tree {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* Each row */
.our-pillars-row {
  display: flex;
  justify-content: center;
  position: relative;
}

/* Top row spacing control */
.our-pillars-row.top {
  gap: var(--pillar-gap, 440px);
  margin-bottom: var(--pillar-top-gap, 100px);

  float: left;
    margin: 130px 0 0;
}

/* Middle row */
.our-pillars-row.middle{float: none;
    width: 400px;
    margin: 0 auto 0;
}

/* Bottom row spacing control */
.our-pillars-row.bottom {
  gap: var(--pillar-gap, 441px);
  margin-top: var(--pillar-bottom-gap, 9px);
}

/* Pillar boxes — adjustable size */
.pillar-box {
  position: relative;
  width: var(--pillar-width, 280px);
  border: 1px solid #4f83ae;
  border-radius: 30px;
  padding: 18px;
  background: transparent;
  z-index: 1;
}

.pillar-box:hover {background: #103047;}

.pillar-box h3 {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin: 5px 0;
}
.pillar-box p {
  font-size: 13px;
  color: #dce6f3;
  line-height: 1.4;
  margin: 0;
}

/* ==============
   MAIN CONNECTOR
   ============== */
.our-pillars-tree::before {
  content: "";
  position: absolute;
  top: var(--connector-top, 110px); /* vertical placement */
  left: 50%;
  transform: translateX(-50%);
  width: var(--connector-width, 727px); /* total width of the rectangle connector */
  height: var(--connector-height, 109px); /* total height of the rectangle connector */
  border: 1px solid #4f83ae;
  border-bottom: none; /* no base line */
  border-radius: 4px;
  z-index: 0;
}

/* ===============
   MIDDLE CONNECTOR
   =============== */
.our-pillars-row.middle::before {
    content: "";
    position: absolute;
    top: -297px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 298px;
    background: #4f83ae;
    z-index: 0;
}

/* =====================
   CONNECTOR DOTS
   ===================== */
.connector-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #4f83ae;
  border-radius: 50%;
  z-index: 1;
}

/* Top-left and top-right dots */
.connector-dot.top-left {
  top: var(--connector-top, 110px);
  left: calc(50% - var(--connector-width, 880px) / 2);
  transform: translate(-50%, -50%);
}
.connector-dot.top-right {
  top: var(--connector-top, 110px);
  right: calc(50% - var(--connector-width, 880px) / 2);
  transform: translate(50%, -50%);
}

/* Middle-connector intersection dot */
.connector-dot.center {
  top: var(--connector-top, 110px);
  left: 50%;
  transform: translate(-50%, -50%);
}

/* horizontal lines connecting top and bottom rows */
/* --- ADD vertical connectors from top boxes to bottom boxes --- */
.our-pillars-row.top .pillar-box {
  position: relative;
}

.our-pillars-row.top .pillar-box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -155px; /* adjust length as needed */
  width: 1px;
  height: 155px; /* controls vertical reach */
  background: #4f83ae;
  transform: translateX(-50%);
  z-index: 0;
}

/* Optional: adjust per box if needed (fine-tune alignment) */
.our-pillars-row.top .pillar-box:first-child::after {
  /* connects to bottom left box */
  transform: translateX(-50%) rotate(0deg);
}

.our-pillars-row.top .pillar-box:last-child::after {
  /* connects to bottom right box */
  transform: translateX(-50%) rotate(0deg);
}

/* Align dots exactly with the vertical connector lines */

/* Dot at the end (bottom) of each top connector line */
.our-pillars-row.top .pillar-box::before {
  content: "";
  position: absolute;
  bottom: -4px; /* sits just below the box */
  width: 8px;
  height: 8px;
  background: #4f83ae;
  border-radius: 50%;
  z-index: 2;
  /* Align horizontally with the connector line */
  left: calc(50% + var(--pillar-line-offset, 0px));
  transform: translateX(-50%);
}

/* Dot at the start (top) of each bottom connector line */
.our-pillars-row.bottom .pillar-box::before {
  content: "";
  position: absolute;
  top: -4px; /* sits just above the box */
  width: 8px;
  height: 8px;
  background: #4f83ae;
  border-radius: 50%;
  z-index: 2;
  /* Align horizontally with the connector line */
  left: calc(50% + var(--pillar-line-offset, 0px));
  transform: translateX(-50%);
}


#jostats {margin-top: 60px;}
#jostats h2 {padding:200px 30% 0;}
#jostats ul {float: left;width: 100%;margin: 80px 0 0!important;}
#jostats li {display: inline-block;width: 22.7%;color: #fff;text-align: center;margin:0 1%;line-height: 20px;min-height:120px;}

.page-id-121 #jostats {margin: 50px 0 0 0;}
.page-id-121 #jostats ul {margin:0 !important;}
.page-id-121 #jostats li {min-height: 132px;}
.page-id-121 #jostats p {font-size: 12px;line-height: 19px;}

#jostats li:first-child, #jostats li:nth-child(2), #jostats li:nth-child(3){
  position: relative; min-height: 129px;
}

#jostats li:first-child::after, #jostats li:nth-child(2)::after, #jostats li:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 50%;                /* vertical center of the li */
  right: 0;                /* stick to the right edge */
  transform: translateY(-50%);
  width: 1px;              /* thickness of the line */
  height: 20px;            /* length of the line */
  background-color: #4F83AE; /* your desired color */
}



/* #jostats li:nth-child(2) {width:39%;padding:40px 11%;margin: 0 10%;border-left:1px solid #ccc;border-right: 1px solid #ccc;} */
#jostats h4 {font-size:50px;margin:0;font-weight: normal;}
#jostats p {color:#E1E1E1;}

#video-box {float: left;width:100%;margin:40px 0 40px;padding:0 7%;}
.center-btn-spacer {margin: 0 auto;float: none;width: 196px;}

.center-section-header h2 {text-align: center;font-size: 32px !important;margin:40px 0 9px;}
.center-section-header p {text-align: center;padding: 0 20%;}

.section-box {float: left;width:100%;padding:80px 0;margin: 0 0 -2px;}
.section-box50 {float: left;width:100%;padding:50px 0;}
.section-box50nb {float: left;width:100%;padding:50px 0 0;}
.section-box-base50 {float: left;width:100%;padding:0 0 60px 0;}
.section-box100 {float: left;width:100%;padding:100px 0;}
.section-box-st-bb {float: left;width:100%;padding:20px 0 120px;}
.section-box-to {float: left;width:100%;padding:40px 0 0 0;}
.section-box-st-sb {float: left;width:100%;padding:20px 0 60px;}
.section-box-z60 {float: left;width:100%;padding:0 0 60px 0;}

.solution-box {padding-right:13%;}
.solution-box p{margin-bottom:0 !important;font-size: 14px;line-height: 18px;}

.content-table table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;margin-top:30px;float:left;}
.content-table td, th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
.content-table tr:nth-child(even) {background-color: #dddddd;}
.white-on-black-sec .content-table tr:nth-child(even) {background-color: #103047;}

.scd-box li {margin-bottom: 20px !important;font-size: 15px!important;line-height: 30px!important;}

.coming-events-box ul {margin:30px 0 0 !important;}
.coming-events-box li {list-style: none !important;
    border: 1px solid #989898;
    border-radius: 100px;
    padding: 8px 12px 8px 48px;
    background: #ccc url(img/cicon.png) no-repeat center left 9px;
    background-size: 30px;
    width: auto !important;
    display: inline-block;
    margin: 10px 10px 10px 0;
    font-size: 14px;}
    
.coming-events-box li:hover {background:#103047 url(img/cicon.png) no-repeat center left 9px;background-size: 30px;color:#fff;}

.spacer-p {margin-bottom: 80px;}
a.inline-link {color:#6B94B6;font-style: italic;}

.white-on-black-sec {float: left;width:100%;padding:80px 0 130px;color:#fff !important;margin-top: 100px;}
.white-on-black-sec412 {float: left;width:100%;padding:40px 0 120px;color:#fff !important;margin-top: 100px;}
.white-on-black-sec-nma {float: left;width:100%;padding:40px 0 120px;color:#fff !important;}
.white-on-black-sec-nma h2 {margin-bottom: 0 !important;}
.white-on-black-sec-nma h3 {margin-bottom: 5px;font-size:20px;}
.white-on-black-sec h3, .white-on-black-sec2 h3, .white-on-black-sec412 h3 {font-size: 28px !important; margin: 0 !important;;}
.white-on-black-sec p, .white-on-black-sec2 p, .white-on-black-sec412 p, .white-on-black-sec-nma p {color:#fff !important;font-size: 16px;line-height: 25px;}
.white-on-black-sec412 ul {margin-left: 0 !important;}
.white-on-black-sec412 li {background: url('img/ib.png') no-repeat top left;padding-left: 21px;list-style: none !important;font-size: 14px;line-height: 23px !important;margin-bottom: 15px;color:#E1E1E1}
.white-on-black-sec412 li b, .white-on-black-sec412 .padded-right li {color: #fff !important;font-size:15px !important;}
.white-on-black-sec412 .padded-right {padding-left: 12% !important;}

.white-on-black-sec2 {float: left;width: 100%;padding: 30px 0 130px;color: #fff !important;margin-top: 50px;}
.page-id-127 .white-on-black-sec2 {margin-top:0;}
.page-id-127 .center-section-header h2 {margin-bottom: 0 !important;}
.page-id-127 #jostats, .page-id-127 #jostats ul {margin-top:0 !important;}
.page-id-127 #home-sec3 {padding: 60px 0 20px;}
.page-id-127 #home-sec3 .padded-left {padding-right: 14% !important;}

.white-left-sec {color:#fff;}
.white-left-sec h3 {margin:0 !important;font-size:30px !important;}
.white-left-sec p {color:#fff;}
.smw-grey {color:#BBBBBB !important;font-style: italic;font-size: 13px;margin:0;}
.white-left-sec .pry-btn {margin-top:30px;}
.page-id-121 #home-sec4 {padding: 20px 0 80px;margin-top: 30px;}
.page-id-121 #home-sec4 h2 {font-size: 35px;margin: 0;}
.page-id-121 #home-sec4 .featured-insights-box p {padding: 10px 13%;margin-bottom: 20px !important;}
.profile-box p {font-size: 12px !important;margin: 0;font-weight: normal;line-height: 20px;font-style: italic;}
.designation {margin: 5px 0 10px !important;color: #696969; font-style: normal;}

.page-id-580 #home-sec3 {margin-top: 120px;padding: 60px 0 30px;}

.page-id-593 #home-sec3 {margin: 90px 0 60px;padding: 40px 0 120px;}
.page-id-593 #home-sec3 h4 {font-size: 20px !important;}
.page-id-593 #home-sec3 ul {margin: 15px 0 15px 12px;}
.page-id-593 .no-padding-container h2, .page-id-593 .no-padding-container h3 {margin-bottom: 6px !important;}
.page-id-593 .no-padding-container h4 {margin: 20px 0 12px 0 !important;}

#last-sec-nmb {float:left;width:100%;padding:40px 0 120px;margin-top: 100px;}
#last-sec-nmb h3 {margin-bottom:20px !important;}

.infograf {float:left;width:100%;margin: 20px 0 30px;}
.infograf ul {margin-left:0 !important;} 
.infograf li {list-style:none;background: #5472d2;color: #fff;padding:2px 12px;margin: 0 0px 10px 0;border-radius:100px;display:inline-block;width:auto;}
.infograf li:nth-child(2n) {background:transparent;color: #5472d2;font-size: 20px;padding: 8px 2px 0;}
.infograf li:hover {background:#000;}
.infograf li:nth-child(2n):hover {background:transparent;}

.page-id-121 h3, .imp-box1 h3 {margin-bottom:0 !important;}
.page-id-121 .section-box {margin: 20px 0 !important;}
.page-id-121 .section-box h3 {font-size: 25px;line-height: 30px;margin: 0 0 20px !important;}
.page-id-121 .section-box li {line-height: 28px !important;font-size: 15px!important;margin-bottom: 13px !important;}
.page-id-121 .section-box ul {padding-right:23%;}

.black-on-white-sec {float: left;width:100%;padding:30px 0 130px;margin-top: 100px;}
.black-on-white-sec h3 {color:#000;font-size: 36px;line-height: 40px;margin: 0 0 40px;}

.center-content {text-align:center;}
.center-content h2 {padding: 0 26%;}
.center-content p {padding: 0 13%;}

/* .white-on-black-sec h3 {color:#fff;font-size: 36px;line-height: 40px;margin: 0 0 40px;}
.white-on-black-sec h4 {background: url('img/tick.png') no-repeat top left;padding: 0 0 0 26px;margin: 0;}

.bullet-header {float:left;width:100%;margin-bottom: 25px;}
.bullet-header h4 {color: #fff;}
.bullet-header p {color: #AEAEAE;margin: 0 0 25px;}

.white-on-black-sec .pre-text {color: #AEAEAE;} */

.full-width {float: left;width:100%;}
.seventy-left {float: left;width:65%;}
.thirty-right {float:right;width:34%;}

.full-width img {width:100%;height:auto;max-width: 100%;}
.page-id-121 .full-width img {max-width: 97.5%;}

/* .nextstep {float: left;width:100%;margin: 30px 0 40px;}
.nextstep h4 {margin:0;}
.nextstep p {color:#474747;margin: 4px 0 23px;line-height: 20px;font-size: 13px;}

.grey-bullet-box {width: 100%;margin-top:25px;float:left;}
.grey-bullet {float: left;width: 50%;background: url('img/tick2.png') no-repeat top -12px left;padding: 0 0 8px 53px;margin-bottom: 20px;}
.grey-bullet h4 {margin: 0;}
.grey-bullet p {margin:0;}

.horizon-grey-bullet .grey-bullet  {width: 33.3%;position: relative;}
.horizon-grey-bullet .grey-bullet img {position: absolute; top: 0; right: 36px;width: auto;}
.horizon-grey-bullet .grey-bullet:first-child {padding-right:8%;}
.horizon-grey-bullet .grey-bullet:nth-child(2) {padding-right: 5%;} */

.home-intro         {float: left !important;width: 100% !important;padding: 0 20% 0;box-sizing: border-box;text-align: center;}
.home-intro h2      {font-size: 40px;padding: 0 24%;box-sizing: border-box;float: left;width: 100%;line-height: 42px;}
.home-intro p       {padding:0 3%;box-sizing: border-box;float: left;width:100%;}

.h-card {position: relative;border-radius: 10px;height: 360px;padding: 30px;box-sizing: border-box;width: 100%;overflow: hidden;float: left;background-size: cover;}
.h-card:hover {box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);-webkit-box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);-moz-box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);}
.hc-content {position: absolute;bottom: 30px;width: 84%;box-sizing: border-box;}
.h-card h3, .h-card p {color:#fff;}
.h-card h3 {font-size: 20px;margin: 0;line-height: 24px;}
.h-card p  {font-size: 13px;line-height: 18px;}
.h-card .pry-btn {display: none;}
.h-card:hover .pry-btn {display: block;margin-top: 14px;}


.h-card2a, .h-card2b, .h-card2c {position: relative;border-radius: 10px;height: 216px;padding: 30px;box-sizing: border-box;width: 100%;overflow: hidden;float: left;background: #E5E5E5;color:#000;}
.h-card2a:hover, .h-card2b:hover, .h-card2c:hover {box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);-webkit-box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);-moz-box-shadow: 10px 10px 0px 0px rgba(222,155,30,0.75);background:#000;color:#fff;}
.hc-content2 {position: absolute;bottom: 30px;width: 84%;box-sizing: border-box;}
/* .hc-content h3 {margin-bottom: 50px;} */

.h-card2a {background:#E5E5E5 url('img/fp-c.png') no-repeat top 40px right 40px;}
.h-card2a:hover {background: #000 url('img/fp-w.png') no-repeat top 40px right 40px;}

.h-card2b {background:#E5E5E5 url('img/fu-c.png') no-repeat top 40px right 40px;}
.h-card2b:hover {background: #000 url('img/fu-w.png') no-repeat top 40px right 40px;}

.h-card2c {background:#E5E5E5 url('img/fs-c.png') no-repeat top 40px right 40px;}
.h-card2c:hover {background: #000 url('img/fs-w.png') no-repeat top 40px right 40px;}

.pre-text h2 {margin: 12px 0 0 !important;}
.pre-text p, p.pre-text {font-size: 12px;margin: 11px 0;line-height: 18px;font-style: italic;}
.double-btn {float: left;width: 100%;margin-top: 20px;display: flex;gap: 25px;}
.padded-left {padding-right: 10% !important;}
.padded-left h3 {font-size: 36px;line-height: 40px;margin: 0 0 40px;}

.padded-left2 {padding-right: 10% !important;}
.padded-left2 h3 {font-size: 36px;line-height: 40px;margin: 0;}

#hgrey-box .vc_row[data-vc-full-width]     {float:left !important; width:100% !important; padding-bottom: 100px !important;}

#page-header {float: left;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;color: #fff;margin-bottom: 60px;}
#page-header, #page-header #wrapper {height:550px;position: relative;}
#page-header::before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.4);z-index: 0;}

#page-header p {margin:10px 0;font-size:12px;line-height: 14px;text-transform: none;letter-spacing: 0;font-weight: normal;color: #b4b4b4;}
#page-header h1 {font-size: 35px;margin: 0;line-height: 45px;color: #fff;font-weight: bold;}

.page-id-724 #page-content h2 {font-size: 25px;line-height: 34px;margin-bottom: 0;margin-top: 30px;}

.category #page-header h1 p {text-transform: capitalize; font-size: 35px;line-height: 38px;color: #fff;font-weight: bold;letter-spacing: 0;}

.header-content {position: absolute;bottom:67px;width: 60%;}

.header-breadcrumb {position: absolute;width:30%;bottom:110px;right: 0;}
.breadcrumb {font-size:12px;text-align: right;}
.breadcrumb a {background:#00447d;padding:2px 5px;border-radius:4px;}
.breadcrumb a:hover {background: #fff;color:#000}
.breadcrumb span {color: #efefef;}
.breadcrumb-sep {font-size: 11px;color: #999;margin: 0;vertical-align: middle;}

.page-id-131 .header-content {width:50%;}
#page-content   {float: left;width:102%; background: url('img/x-parttern.png') no-repeat center center;background-attachment: fixed;}
#page-content #wrapper {width: 1228px;}
#page-content h2 {font-size:22px;line-height: 34px;margin-bottom: 20px;}
.home #page-content h2 {font-size: 50px;line-height: 55px;margin-bottom: 0;}
h2.our-pillars-title {font-size: 24px !important;}
.no-padding-container .vc_column_container>.vc_column-inner {padding:0 !important;float: left;width: 100%;}

#page-content h4 {float: left;width: 100%;margin: 20px 0 0 0;}
#font-sm-box h3 {font-size: 35px;line-height: 40px;margin: 0 0 10px 0;}
#font-sm-box ul {float:left;width: 100%;margin:12px 13px 0;}
#font-sm-box li {font-size: 14px;color:#575757; list-style: disc;line-height: 25px;}
.incontent .pry-btn {margin-top:0; float:left;}
.page-id-11 .incontent .pry-btn {margin-top:40px;}
.grey-bullet h4 {margin-top:0 !important;}

#page-content ul{float: left;width:100%;margin-left:12px;}
#page-content ul li {list-style: disc;line-height:31px;}
#page-content ol {float:left; width:100%; margin: 0;padding: 0 14px;}
#page-content ol li {list-style:auto;line-height:31px;}

#page-content ol li ul li {list-style:disc;}

#single-solution ol li {margin-bottom: 20px;}
#single-solution ol, #single-solution ul {margin-top:15px;}
#single-solution ol li ul {margin-top:-15px !important;margin-bottom:20px;}
#single-solution ol li ul li {margin-bottom:0;}
#single-solution h3 {margin-bottom:0;}
#single-solution ol li div {float: left;width: 100%;margin: 6px 0 17px;font-weight: bold;}
#single-solution ol li p{margin: 0 0 40px !important;}

#single-solution ol li div.infograf {margin:25px 0 0 0;}
#single-solution ol li div.infograf ul {margin-bottom: 0;}
.nmt {margin-top:0 !important;}
.nmb {margin-bottom: 0 !important;}

.mt-20 {margin-top:20px!important;float:left;}
.page-id-785 .full-width img {margin:36px 0 -30px;float:left;width: 96%;}

.page-id-720 #page-content h2 {margin-top:10px;}
.page-id-720 #page-content ol {margin-bottom:30px;}

.fs-content h2 {margin:20px 0 0;}
#pat-box {float:left;width:100%;padding-bottom: 100px;}
#pat-box h3 {margin-bottom: 0;
    font-size: 30px;}
#pat-box .pry-btn {float: none;margin: 0 auto;width: 162px;}
#core-box, #vision-box {float:left;width:100%;}
#core-box {margin-top:0 !important;}
#core-box h3 {font-size:35px !important;margin-bottom:10px;}
.no-pad-left .vc_column-inner {padding-left:0 !important;}

.page-id-18 #home-sec4 {padding: 10px 0 40px; margin-top: 80px;}
.page-id-18 #home-sec4  h2 {font-size: 40px;line-height: 34px;margin-bottom: 0;}
.page-id-18 #home-sec4 p {padding: 10px 0;}

.page-id-20 #home-sec3 {padding: 40px 0 30px;margin-top: 80px;}
.page-id-20 .white-left-sec {padding-top: 100px;}
.page-id-20 .smw-grey {font-style: normal;}
.squote {font-size: 24px;font-style: italic;margin: 20px 0;float: left;font-weight: bold;}
.page-id-22 .squote {margin: 30px 0 0;}

.page-id-133 #page-content h2 {margin: 20px 0 0;}
.page-id-133 #success-story h2 {margin-bottom: 14px !important;}
.page-id-133 #page-content {padding-top: 30px;}

#success-story h2 {font-size: 33px;line-height: 40px;margin-bottom: 40px !important;}
#success-story h3 {font-size: 20px !important;}
#success-story ul {margin-top:10px;}
#success-story ul li {padding-top:2px;}

.page-id-724 p {margin-top:0;}
.page-id-724 ul {margin-bottom:0;}

.page-id-346 .section-box-base50 {padding:0;}
.page-id-346 .section-box-base50 h2 {margin-bottom:0 !important;}
.page-id-346 .white-on-black-sec412 h3 {margin:40px 0 0 !important;font-size:20px !important;}
.page-id-346 .white-on-black-sec412 p {font-size: 14px;line-height: 22px;}

.contact-box-sec {float: left;width: 83%;margin:30px 0; border-radius: 20px;padding: 26px;text-align: center;background: url('img/cb-bg.png') no-repeat center center;background-size: cover;}
.contact-box-sec:hover {background: url('img/cb-bg2.png') no-repeat center center;}
.contact-box-sec img {width:auto;}
.contact-box-sec p {margin:0;}
.contact-box-sec h3 {font-size: 17px;color: #fff;}

.contact-box-sec2 {float: left;width: 90%;min-height:198px;margin:60px 0; border-radius: 20px;padding: 26px;text-align: left;border:1px solid #D9D9D9;background:#FDFDFD;}
.contact-box-sec2:hover {background: url('img/cb-bg2.png') no-repeat center center;background-size: cover;color:#fff !important;}
.contact-box-sec2 img {width:auto;}
.contact-box-sec2 p {margin:0;font-weight: bold;}
.contact-box-sec2:hover p {color:#fff;}
p.smtxt {font-size: 11px;line-height: 12px;font-weight:normal;}
.page-id-409 #home-sec4,
.page-id-419 #home-sec4,
.page-id-425 #home-sec4,
.page-id-428 #home-sec4  {padding: 20px 0 60px;margin-top: 80px;}
.page-id-430 #home-sec4,
.page-id-145 #home-sec4 {padding: 50px 0 100px;margin-top: 60px;}
.page-id-409 .featured-insights-box h2,
.page-id-419 .featured-insights-box h2, 
.page-id-425 .featured-insights-box h2,
.page-id-428 .featured-insights-box h2,
.page-id-430 .featured-insights-box h2,
.page-id-145 .featured-insights-box h2{font-size: 32px !important; margin-bottom: 0 !important;}
.page-id-409 .featured-insights-box p,
.page-id-419 .featured-insights-box p, 
.page-id-425 .featured-insights-box p,
.page-id-428 .featured-insights-box p,
.page-id-430 .featured-insights-box p,
.page-id-145 .featured-insights-box p{padding: 10px 24%;}

.page-id-430 #home-sec4 .wpb_content_element {margin-bottom: 0 !important;}
.page-id-430 .pre-text p, p.pre-text {font-size: 11px;margin: 0;text-transform: uppercase;line-height: 18px;font-style: normal;letter-spacing: 1px;}
.page-id-430 #home-sec3 {padding: 40px 0 20px;}
.tbtns {float: none;margin:35px auto 0;width:440px;}
.tbtns .pry-btn {margin-right: 21px;}


.page-id-636 .full-width img {width: 96%;}
.page-id-636 h2, .page-id-636 h3 {margin-top: 32px !important;}
.page-id-636 h3 {margin-bottom:0;}
.page-id-636 .full-width img {margin-top: 50px;margin-bottom: -50px;}
.page-id-636 .full-width p {margin-bottom: 0;}

.page-id-145 .center-content h2 {width:96%;}
.page-id-430 h3 {margin-bottom: 0 !important;}

.page-id-22 #page-content h2, .page-id-22 #page-content h3 {margin-bottom: 0;}
.right-text-box h2 {margin: 15px 0 !important;}
.right-text-box h3 {margin:30px 0 0 !important;}
.right-text-box li {list-style: disc;line-height: 26px;font-size: 15px;margin-bottom: 20px;}

.sm-media-box {float: left;width:90%;margin-top: 30px;}
.sm-media-box h4 {margin:0 !important;}
.sm-media-box p {margin-top: 0 !important;}

#why-box-sec {float:left;width:100%;padding:10px 0 100px !important;}

#interest-section {float:left;width:100%;padding-bottom:100px;}
#interest-section h2 {margin:0;}
#interest-section .pry-btn {float:none;width:148px;margin:0 auto;}

.page-id-129 #home-sec3 {padding: 60px 0 100px !important;}
.page-id-129 .section-box-base50 {padding: 0 0 90px 0;}
.carol-header h3 {color: #fff;font-size:30px;padding-left: 23px;}

#tab-sec-box ul {width: auto !important;}

.page-id-129 .featured-insights-box p {text-align: center;padding: 0px 12% 40px;}

#faq-sec-box {float:left;width:100%;padding: 30px 0 100px;}
#faq-sec-box h2 {margin: 0 !important;}
#faq-sec-box .pry-btn, #faq-sec-box .sec-btn {width: 100%;margin-top:20px;}
#faq-sec-box .sec-btn {margin-top:40px;}
#faq-sec-box .pry-btn a, #faq-sec-box .sec-btn a {float: none;}

#foot-means {text-align: center;padding-bottom: 80px;}
#foot-means p {font-size: 13px;}

#footer  {float: left;width:100%;margin:0;color:#7c7c7c;font-size: 11px;background: #fff;padding: 60px 0 5px;}

.main-footer {float: left;width:100%; margin-bottom:15px;
    border-bottom: 1px solid #BCBCBC;
    padding: 40px 0 60px;}

.mf-sec1 {float:left;width:20%;padding-right:5%;}
.mf-sec2 {float:left;width:28%;padding:0 8%;}
.mf-sec3 {float:left;width:20%;padding-left:2%;}
.mf-sec4 {float:right;width:30%;padding-left:5%;}

/* .mf-sec1 h4, .mf-sec2 h4, .mf-sec3 h4, .mf-sec4 h4 {font-size:20px;margin: 13px 0;} */
.mf-sec2 li, .mf-sec3 li {display: block;line-height:33px;font-size: 14px;color: #000;}
.main-footer p {color:#393939;margin: 0 0 10px;line-height: 17px;font-size: 11px;}

.social-ft {float: left;width:100%;margin:30px 0 10px;}
.social-ft p {text-transform: uppercase;letter-spacing: 1px;color:#777777;}

.post-footer {float: left;width:100%;}
.pf-button {float: left;margin-right: 50px;}
.pf-copy ul li {list-style: none;display: inline-block;margin-right: 6px;}
.pf-copy 		        {float: left;width: auto;}
.pf-copy p, .pf-copy a {color:#777777;}
.pf-copy a:hover {color:#fff;}
.pf-social 		        {float: right;width: auto;}
.pf-copy p, .pf-social p {font-size: 12px;float: left;width: auto;}
.connect-media {float: left;width: 100%;margin: 10px 0;}
.connect-media ul {float: left;width: 100%;}
.connect-media li {list-style: none;display: inline-block;padding: 0;margin-right: 5%;width: 20%;}
.connect-media li:last-child {margin-right:0;}

.step-box {border-bottom:1px solid #ccc; padding-bottom:50px;}
.page-id-28 .step-box:nth-child(2n) {background:#f0f0f0;}
.step-box-final {padding-bottom:100px;}
.step-header h2 {font-size: 47px !important;line-height: 34px !important;margin: 28px 0 0 0 !important;}
.page-id-28 .step-header h3 {padding-left:10%;}
.page-id-28 .step-content {padding-right:10%;}
.step-header p {font-size: 14px;font-style: italic;line-height: 20px;}

.step-box li {margin-bottom:15px;}

.category #page-header {margin-bottom: 0;}
.post-grid {float: left;width: 98%;display: grid;grid-template-columns: repeat(2, 1fr);gap:50px;margin: 80px 0;}
.post-item {position: relative;width: 100%;overflow: hidden;background: #F5F5F5;border-radius: 20px;padding: 0;}
.post-item h2 {font-size: 20px;line-height: 29px;padding-right: 14%;}

.back-to-ins {float: left;width:100%;}
.back-to-ins a {float: left;width:100%;background: url('img/war2.png') no-repeat center left;height:44px;padding: 14px 40px;;font-size: 12px;background-size: auto;}

li.postbox  {width:30%;overflow-x: hidden;}
.prtimg {float: left;width: 100%;border-radius: 8px;overflow: hidden;}
.prtimg img {height: auto;width: 250%;float: right;}

.postbox_cnt p {font-size: 14px;margin-bottom: 0;}
.post-item p {color:#575757;font-size:14px;line-height: 22px;}
.postbox_cnt {float: left;width:100%;padding:40px;}
.postbox_cnt h2 {font-size: 19px !important;line-height: 24px !important;margin-bottom: 0 !important;}

.post-item:hover img {transform: scale(1.1);transition: 0.5s;}
.post-item:hover a {color: #00447D;}

.post-loop {float:left;width:100%;margin-bottom: 100px;}
.post-loop h3 {margin: 0;}
.post-loop li {list-style:disc;color:#575757;float: left;width: 100%;margin: 0 0 6px 20px;font-size: 14px;}

/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/

.form-box {float:left; width:96.8%; margin-top:-140px;padding: 30px;border-radius: 20px; background:#FDFDFD;border: 1px solid #D9D9D9;}
.form-box p {float:left;width:100%;font-size: 14px;line-height: 24px;margin:0;}
.form-box p.lab {color: #898787;font-size: 16px;margin: 20px 0 10px;float: left;width: 100%;}
.form-box b {font-size: 13px;margin: 12px 0;float: left;width: 100%;}
    
.parent-pageid-145 .form-box {margin-top:0;}
.page-id-409 .form-box {margin-top:0;}

.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="date"],
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-textarea, .wpcf7-submit    {float:left;width:100%;padding:15px;box-sizing:border-box;font-family: 'Poppins', sans-serif;outline:none;border-radius: 4px;}

.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="date"],
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-textarea   {border: 1px solid #DEDEDE;background: #fff;border-radius:12px !important;margin-bottom:12px !important;}

.wpcf7-textarea  {height: 175px;border-radius: 20px;}
.ta2 .wpcf7-textarea {height: 116px;}
.ta3 .wpcf7-textarea {height: 310px;}
.ta4 .wpcf7-textarea {height: 174px;}
.ta5 .wpcf7-textarea {height: 164px;}
.wpcf7-list-item {margin:0 0 7px;}
.wpcf7-submit {color:#fff;float: left;width:100%;background:#00447D url('img/war.png') no-repeat center right 12px;padding:16px 15px;border-radius:50px;border:0;outline:none;cursor: pointer;text-align: left;margin-top: 20px;}
.ta2 .wpcf7-submit, .ta3 .wpcf7-submit, .ta4 .wpcf7-submit {margin-top: 0;}
.wpcf7-submit:hover {background: #103047 url('img/bar.png') no-repeat center right 12px;}

.padded-left {padding-right: 3% !important;}
.padded-right {padding-left: 3% !important;}

.newsletter-form {float: left;width:100%;}
.newsletter-form input {width: 100%;border: 1px solid #bcbcbc !important;border-radius: 50px !important;padding: 10px !important;margin-bottom: 10px;color: #898989;}
.newsletter-form input, .newsletter-form button {border-radius: 50px;border: none;outline: none;padding: 10px;font-family: 'Poppins', sans-serif;}
.newsletter-form button {background: #00447D url('img/war.png') no-repeat top 5px right 7px !important; border: 1px solid #00447D;color:#fff !important;float: left;width: 100%;text-align: left;}
.newsletter-form button:hover {background: #103047 url('img/bar.png') no-repeat top 5px right 7px !important; border: 1px solid #103047;color:#fff !important;}

.form-grp       {float:left;width:100%;}
.form-right     {float:right;}
.form-left      {float:left;}
.form-right, .form-left     {width:49%;}
.mobile-nav-menu {display: none;float: right;width: auto;margin-top: 20px;}

.sec-one-three, .sec-two-three, .sec-three-three {width:32%;float:left;}
.sec-two-three {margin:0 2%;}

.ta .wpcf7-textarea {height: 100px;margin-top: 10px;}

/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
    #wrapper { width: 90%;}
    #page-content #wrapper {width: 90%;}
    .home #page-content h2 {font-size: 40px;line-height: 50px;}
    .pill-sec-header h2 {padding:100px 0 0;}
    .our-pillars-row.top {gap: var(--pillar-gap, 219px);margin: 135px 0 47px;}
    .our-pillars-row.bottom {gap: var(--pillar-gap, 214px);margin-top: var(--pillar-bottom-gap, 40px);}
    .our-pillars-row.top .pillar-box::after {bottom: -232px;height: 231px;}
    .our-pillars-row.bottom .pillar-box::before {display:none;}
    .our-pillars-tree::before {left: 48%;width: var(--connector-width, 635px);}
    #jostats h2 {padding: 100px 0 0;}
    #jostats ul {margin: 40px 0 0 !important;}
    #jostats li {width: 22.5%;}
    .featured-insights-box p {padding: 10px 0;}
    #home-sec4 {padding:10px 0 60px;}
    .mf-sec1 {padding-right:4%;}
    .mf-sec4, .mf-sec3 {padding-left:0;}
    .mf-sec2 {width: 21%;padding: 0 3%;}
    
    .center-content h2 {padding: 0 10%;}
    .center-content p {padding: 0;}
    .center-section-header p {padding: 0;}
    .page-id-121 #jostats ul {margin: 0 0 0 !important;}
    .page-id-121 #jostats li {min-height: 176px !important;}
    .page-id-121 #jostats li:first-child::after, .page-id-121 #jostats li:nth-child(2)::after, .page-id-121 #jostats li:nth-child(3)::after {display:none;}
    .page-id-121 .white-on-black-sec2 {padding: 6px 0 65px;}
    .page-id-121 #home-sec3 {padding: 40px 0 20px;}
    
    .page-id-593 #page-content #wrapper {width: 88%;}
    .page-id-593 #home-sec3 #wrapper  {width:96%;}
    .page-id-593 #last-sec-nmb #wrapper {width:93%;}
    
    .step-content {padding:0 6% 0 1%;}  
    .step-box {padding-left:1%;}
    .step-box-final {padding-left:1%;}
    .page-id-28 .step-header h3 {padding: 0 10%;}

}

@media(max-width:1000px){
    .our-pillars-row.top {gap: var(--pillar-gap, 254px);}
}

@media (max-width:800px) {
    #jostats p {font-size: 13px;line-height: 18px;}
    .our-pillars-tree::before {width: var(--connector-width, 630px);}
    .our-pillars-row.top {gap: var(--pillar-gap, 138px);margin-left: -29px;}
    .fi-box-a p, .fi-box-b p, .fi-box-c p {font-size: 13px;line-height: 23px;}
    .page-id-18 .fi-box-a p, .page-id-18 .fi-box-b p, .page-id-18 .fi-box-c p {font-size: 13px;line-height: 18px;margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .page-id-127 .section-box50nb .vc_col-sm-6 {width: 100%;}
    .page-id-127 .section-box50nb .full-width {display:none;}
    .page-id-127 .section-box50nb .vc_column_container>.vc_column-inner {padding-left: 5px;}
    .vc_col-sm-10 {width: 100%;}
    .page-id-127 #page-content h2 {margin-bottom: 0;}
    .page-id-127 .section-box50nb {padding-top:0;}
    .page-id-127 .section-box50nb .vc_column_container>.vc_column-inner h2 {margin-bottom: 25px;}
    .pry-btn a, .sec-btn a, .tir-btn a {padding: 12px 55px 12px 10px;}
    .page-id-409 .featured-insights-box p, .page-id-419 .featured-insights-box p, .page-id-425 .featured-insights-box p, .page-id-428 .featured-insights-box p, .page-id-430 .featured-insights-box p {padding: 10px 0;}
     .tbtns {float: none;margin: 35px auto 0;width: 100%;}
     .postbox_cnt {padding: 15px;}
     .sec-one-three, .sec-two-three, .sec-three-three {width: 100%;float: left !important;}
     .sec-two-three {margin:0;}
     .page-id-593 #home-sec3 #wrapper  {width:100%;}
     .squote {font-size: 17px;}

}

@media(max-width:768px){
     #page-content #wrapper {width: 87%;}
    .our-pillars-row.top {gap: var(--pillar-gap, 108px);}
    .mf-sec4 {float: left;width: 100%;margin-top: 40px;}
    .mf-sec1 {padding-right: 0;}
    .mf-sec2 {width: 43%;padding: 0 14%;}
    #head {background: url('img/mnbg.png') repeat-x top center;background-size: contain;}
    .main-footer p {font-size:13px;}
    .padded-left h3 {font-size: 27px;line-height: 34px;margin: 0 0 5px;}
    .header-content {width: 65%;}
    #page-header h1 {font-size: 25px;line-height: 35px;}
    #page-content h2 {font-size: 16px;line-height: 26px;}
    p {font-size: 14px;line-height: 25px;}
    .ctl-wrapper .ctl-vertical-wrapper.ctl-compact-wrapper .ctl-story .ctl-title {line-height: 19px;}
    .ctl-wrapper .ctl-title a {font-size: 15px;}
}

@media(max-width:736px){
    .our-pillars-row.top {gap: var(--pillar-gap, 115px);margin-left: -49px;}
    #jostats h2 {padding: 10px 0 0;}
    #jostats li {width: 46.5%;}
    #jostats li:first-child::after, #jostats li:nth-child(3)::after {display:none;}
    .fi-box-a p, .fi-box-b p, .fi-box-c p {font-size: 17px;}
    .page-id-121 #home-sec4 .featured-insights-box p {padding: 10px 0;}
    .center-content h2 {padding: 0;}
    .page-id-121 #home-sec4 h2 {font-size: 28px;}
    .page-id-121 #home-sec4 .featured-insights-box p {padding: 10px 0;}
    .page-id-121 .white-on-black-sec2 {width: 101%;}
    .white-on-black-sec412 .padded-right {padding-left: 0% !important;}
    .white-on-black-sec412 h2 {margin-bottom:20px !important;}
    .white-on-black-sec h3, .white-on-black-sec2 h3, .white-on-black-sec412 h3 {font-size: 23px !important;margin: 30px 0 0 !important;}
    .white-on-black-sec412 .pry-btn {margin-top:30px;}
    .white-on-black-sec412, .white-on-black-sec-nma {width:101%;}
    .white-on-black-sec-nma .padded-right {padding-left: 0 !important;}
    .page-id-127 #home-sec3 {padding: 30px 0 20px;}
    .padded-right {padding-left: 0 !important;}
    .page-id-16 .white-on-black-sec {padding:0px 0 80px;}
    .page-id-16 .padded-left .vc_column_container>.vc_column-inner {padding-left:0;}
    .page-id-16 .white-on-black-sec .vc_column-inner {padding:0 6px;}
    .page-id-16 .white-on-black-sec {width: 102%;}
    .spacer-p {margin-bottom: 0;}
    #page-header p {text-transform: capitalize;}
    .page-id-145 .vc_col-sm-3 {width:50%;}
    .page-id-145 .vc_col-sm-3 {width: 118%;}
    .form-box {margin-top:0;margin-bottom: 36px;}
    .contact-box-sec2 {width: 97%;margin: 0;}
    .page-id-409 .featured-insights-box p, 
    .page-id-419 .featured-insights-box p, 
    .page-id-425 .featured-insights-box p, 
    .page-id-428 .featured-insights-box p, 
    .page-id-430 .featured-insights-box p, 
    .page-id-145 .featured-insights-box p {padding: 10px 0;}
    
    .page-id-121 .section-box {margin: 20px 0 60px !important;}
    .page-id-121 .white-on-black-sec {margin-bottom:100px;}
    .page-id-121 h2 {line-height: 40px!important;}
    .page-id-121 .black-on-white-sec h3 {font-size: 28px;line-height: 20px;}
    
    .solution-box {padding-right: 2%;}
    .solution-box p {font-size: 16px;}
    
    .step-box .step-content {padding-left:0;}
    .page-id-24 .center-content h2 {font-size: 30px!important;}
    .page-id-28 .step-header h3 {padding: 0;}
}

@media (max-width:600px) {
    
    .our-pillars-row {flex-direction: column;width: 100%;padding: 0 10%;}
    .our-pillars-tree::before {display:none;}
    .our-pillars-row.top {gap: var(--pillar-gap, 43px);margin: 0 0 40px;width: 100%;}
    .pillar-box {float:left;width:100%;background:#0f5086;}
    .our-pillars-row.middle {width:100%;}
    .our-pillars-row.bottom {gap: var(--pillar-gap, 40px);}
    .our-pillars-row.middle::before {top: -84px; height: 414px;}
    .mf-sec1 {width: 26%;}
    .mf-sec2 { width: 47%;padding: 0 6% 0 11%;}
    .home #page-content h2 {font-size: 34px;line-height: 37px;}
    .pill-sec-header h2 {padding: 50px 0 0;}
    
    .header-content {width:100%;bottom: 90px;}
    .breadcrumb {text-align:left;}
    .header-breadcrumb { bottom:50px;left: 0;width:100%;}
    .page-id-121 #home-sec3 {width: 102%;}
    
    #page-header h1 {font-size: 30px;line-height: 38px;}
    .page-id-430 .pry-btn a, .page-id-430 .sec-btn a {margin-bottom: 20px !important;}
    #home-sec2, #home-sec3 {width: 101%;}
    
    .post-grid {grid-template-columns: repeat(1, 1fr);}
    .form-right, .form-left {width: 100%;}
    
    .playbtn {top: 41%;left: 41%;}

}

@media (max-width:450px) {
    
    .pill-sec-header h2 {padding: 50px 0 0;}
    .home #page-content h2 {font-size: 28px; line-height: 30px;}
    #home-sec3 {width: 102%;padding: 60px 0 50px;}
    #home-sec2 {width:102%;}
    #video-box {padding:0;}
    p, #page-content li, .white-on-black-sec p, .white-on-black-sec2 p, .white-on-black-sec412 p, .white-on-black-sec-nma p {font-size: 14px;line-height: 23px;}
    .page-id-121 .center-section-header h2 {font-size: 24px !important;margin: 18px 0 9px;}
    .page-id-121 .white-on-black-sec2 {width: 103%;}
    .no-padding-container .vc_column_container>.vc_column-inner {padding: 0 10px !important;}
    .white-on-black-sec412, .white-on-black-sec-nma {width: 102%;}
    .page-id-127 .section-box50nb .vc_col-sm-6 {width: 110%;margin-left: 12px;}
    .page-id-127 .section-box50nb .vc_col-sm-6 h2 {margin-bottom:15px !important;}
    .carol-header h3 {color: #fff;font-size: 25px;padding-left: 0;margin: 62px 0 0 -16px !important;}
    #faq-sec-box {width: 102%;}
    .page-id-129 .featured-insights-box p {text-align: center;padding: 0px 0 40px;}
    .page-id-16 .white-on-black-sec .vc_column-inner {padding: 0 13px;}
    .page-id-121 .section-box ul {padding-right: 10%;}

}

@media(max-width:414px){
    .mf-sec1 {width: 100%;padding-right: 60%;}
    .mf-sec2 {width: 54%;padding: 0 6% 0 0;}
    .mf-sec3 {width: 44%;}
    .main-footer p {font-size: 12px;}
    .our-pillars-row.middle::before { height: 468px;}
    #home-banner {max-height:auto !important;}
    #home-sec2 {width: 103%;margin-top: -192px;padding: 200px 0;}
    #page-content #wrapper {width: 97%;}
    .step-header h2 {font-size: 33px !important;line-height: 24px !important;margin: 14px 0 0 0 !important;}
    #faq-sec-box h2 {font-size: 22px !important;}
    #faq-sec-box .pry-btn a, #faq-sec-box .sec-btn a {float: left !important;height: auto;width: 100%;background-position: center right 10px !important;text-align: left;}
}

@media (max-width:360px) {
    #faq-sec-box .pry-btn a, #faq-sec-box .sec-btn a {float: left !important;font-size: 12px;padding: 13px;text-align: left;margin-bottom: -23px;width: 100% !important;}

}

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