/* Captured public page styles for /political-opposition-organization-our-approach/ — not proprietary theme source */
.sidebar {
  display: none;
}
main p {
  color: var(--black);
  max-width: 100%;
  margin: 0;
  line-height: 26px;
  font-size: 17px;
  margin: 0 0 25px 0;
}
.bnr_con {
  min-height: 500px;
  padding: 0;
}
#main_area {
  display: block;
  margin-bottom: 0;
  background: white;
  position: relative;
  z-index: 1;
  padding: 0 10px;
  margin-bottom: 15%;
}
.main_con {
  display: block;
  min-height: 500px;
  color: var(--black);
  padding: 64px 0;
}
#main_area::before {
  content: "";
  display: none;
}
#main_area::after {
  content: "";
  display: none;
}
#banner::before {
  display: none;
}
main {
  margin: 0;
  width: 100%;
  max-width: unset;
  line-height: 100%;
  text-align: start;
}
#main_area {
  margin: 0 !important;
}
.main_fig {
  display: none;
}

.wow {
  animation: none !important;
}
main::before {
  display: none;
}
.footer_map {
  z-index: 1;
}
.main-img1 {
  display: none;
}
@media only screen and (max-width: 1010px) {
  #breadcrumbs {
    text-align: start;
  }
  .bnr_con {
    min-height: 0;
  }
  #banner {
    padding: 0;
  }
}

.entry-content ol {
  line-height: 29px;
}

.entry-content ul {
  line-height: 29px;
}
@media only screen and (max-width: 600px) {
  .main_con {
    padding: 42px 0;
  }
}

#main_area { border-bottom: 1px solid #fff;  }
.main_con { padding: 53px 0 0; }

.our_approach1 { margin: 100px 0; }
.our_approach1 h2 { position: relative; font-family: var(--secFont); font-size: 60px; font-weight: 700; line-height: 100%; color: var(--primaryColor); margin: 0 0 15px; text-align: center; }
.our_approach1 h2 small { position: relative; display: block; font-family: var(--priFont); font-size: 18px; color: var(--secondaryColor); line-height: 100%; padding: 0 0 0 25px; margin: 0 auto 15px; width: 100%; max-width: 185px; text-transform: uppercase; }
.our_approach1 h2 small::before { position: absolute; content: url('../../images/icons/h2-icon.png'); top: -4px; left: 0; }
.our_approach1 p { font-size: 20px; font-weight: 700; text-align: center; width: 100%; max-width: 1250px; margin: 15px auto 0; }

.our_approach1_flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 25px auto 0; }
.our_approach1_flex a { display: block; width: 100%; max-width: 325px; border-radius: 50px; background: var(--primaryColor); color: #fff;text-align: center; padding: 18px 5px; }
.our_approach1_flex a:hover { background: var(--secondaryColor); color: #fff; text-decoration: none; } 
.our_approach1_flex a:nth-child(2) { background: transparent; color: var(--secondaryColor); outline: 1px solid var(--secondaryColor); }
.our_approach1_flex a:nth-child(2):hover { background: var(--secondaryColor); color: #fff; }

.our_approach2 { margin: 100px 0; }
.our_approach2_flex { display: flex; justify-content: space-evenly; gap: 20px; }

.our_approach2_box1 { width: 100%; max-width: 450px; }
.our_approach2_box1 h2 { font-family: var(--secFont); font-size: 50px; font-weight: 700; line-height: 100%; color: var(--primaryColor); margin: 0 0 25px; }
.our_approach2_box1 p {}
.our_approach2_box1 p:last-of-type { margin: 0; }

.our_approach2_box2 { position: relative; min-height: 670px; width: 100%; max-width: 570px; flex-shrink: 0; background: var(--secondaryColor); color: #fff; padding: 0; border-radius: 20px; box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; display: flex; justify-content: center; align-items: center; }
.our_approach2_box2::before { position: absolute; content: url('../../images/main-logo.png'); filter: grayscale(100%); opacity: .1; }

.our_approach2_box2 h2 { position: relative; font-size: 45px; line-height: 160%; padding: 50px 115px; }
.our_approach2_box2 h2::before { position: absolute; content: url('../../images/icons/our-approach-icon1.png'); top: -20px; left: 50px; filter: brightness(0) saturate(100%) invert(62%) sepia(45%) saturate(1407%) hue-rotate(6deg) brightness(105%) contrast(100%); }
.our_approach2_box2 h2::after { position: absolute; content: url('../../images/icons/our-approach-icon2.png'); bottom: -20px; right: 50px; filter: brightness(0) saturate(100%) invert(62%) sepia(45%) saturate(1407%) hue-rotate(6deg) brightness(105%) contrast(100%); }

.our_approach3 { position: relative; }
.our_approach3::before { position: absolute; content: ''; top: 0; left:50%; transform: translateX(-50%); width: 1920px; height: 100%; background: var(--secondaryColor); }
.our_approach3_con { position: relative; z-index: 5; padding: 100px 0; }

.our_approach3_hdng { text-align: center; margin: 0 0 50px; }
.our_approach3_hdng h2 { font-family: var(--secFont); font-size: 50px; font-weight: 700; line-height: 100%; color: #fff; margin: 0 0 12px; }
.our_approach3_hdng p { color: #fff; width: 100%; max-width: 1125px; margin: 0 auto; }

.our_approach3_info {}
.our_approach3_info h3 { font-family: var(--secFont); font-size: 30px; font-weight: 700; color: #fff; margin: 0 0 25px; line-height: 100%; text-align: center; position: relative; }
.our_approach3_flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.our_approach3_flex section { position: relative; width: 31%; max-width: 445px; background: var(--primaryColor); padding: 135px 25px 50px; border-radius: 20px; text-align: center; transition: transform 0.35s ease; }
.our_approach3_flex section:hover { transform: translateY(-12px); cursor: pointer; }
.our_approach3_flex section h4 { font-size: 19px; font-weight: 700; line-height: 100%; margin: 0 0 15px; }
.our_approach3_flex section p { margin: 0; }

.our_approach3_flex section::before { position: absolute; content: url('../../images/icons/our-approach-icon3.png'); top: 30px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: var(--secondaryColor); border-radius: 50%; }
.our_approach3_flex section:first-child::before { content: url('../../images/icons/our-approach-icon3.png'); }
.our_approach3_flex section:nth-child(2)::before { content: url('../../images/icons/our-approach-icon4.png'); }
.our_approach3_flex section:nth-child(3)::before { content: url('../../images/icons/our-approach-icon5.png'); }
.our_approach3_flex section:nth-child(4)::before { content: url('../../images/icons/our-approach-icon6.png'); }
.our_approach3_flex section:nth-child(5)::before { content: url('../../images/icons/our-approach-icon7.png'); }
.our_approach3_flex section:nth-child(6)::before { content: url('../../images/icons/our-approach-icon8.png'); }
.our_approach3_flex section:nth-child(7)::before { content: url('../../images/icons/our-approach-icon9.png'); }

.our_approach4 { margin: 100px 0; }
.our_approach4_box { width: 100%; max-width: 100%; background: #f7f7f7; padding: 50px; border-radius: 25px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; text-align: center; }
.our_approach4_box p { font-size: 30px; font-weight: 700; line-height: 100%; color: var(--secondaryColor); }
.our_approach4_box p:last-of-type { margin: 0; }
.our_approach4_box p span { color: var(--primaryColor); }

.our_approach5 { margin: 100px 0; }
.our_approach5_hdng { text-align: center; margin: 0 0 50px; }
.our_approach5_hdng h2 { font-family: var(--secFont); font-size: 50px; font-weight: 700; line-height: 100%; color: var(--primaryColor); margin: 0 0 12px; }
.our_approach5_hdng p { width: 100%; max-width: 1125px; margin: 0 auto; }

.our_approach5_flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.our_approach5_flex section { width: 31%; max-width: 444px; padding: 25px; border-radius: 25px; background: var(--secondaryColor); color: #fff; border-top: 8px solid var(--primaryColor); transition: transform 0.35s ease; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }
.our_approach5_flex section:hover { transform: translateY(-12px); cursor: pointer; }
.our_approach5_flex section h3 { position: relative; color: #fff; font-size: 20px; font-weight: 700; line-height: 26px; margin: 0 0 25px; padding: 0 0 0 32px; }
.our_approach5_flex section h3::before { position: absolute; content: url('../../images/icons/h2-icon.png'); top: 2px; left: 0; }
.our_approach5_flex section p { color: #fff; margin: 0; }
.our_approach5_flex section b { color: #fff; }
.our_approach5_flex section ul { font-size: 17px; margin: 25px 0 0; }

.our_approach6 { position: relative; }
.our_approach6::before { position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; background: var(--secondaryColor); }
.our_approach6_con { position: relative; z-index: 5; padding: 100px 0; }

.our_approach6_hdng { text-align: center; margin: 0 0 50px; }
.our_approach6_hdng h2 { font-family: var(--secFont); font-size: 50px; font-weight: 700; line-height: 100%; color: #fff; margin: 0 0 12px; }
.our_approach6_hdng p { color: #fff; width: 100%; max-width: 1125px; margin: 0 auto; }
.our_approach6_hdng b { color: #fff; }

.our_approach6_flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 25px auto 0; }
.our_approach6_flex a { display: block; width: 100%; max-width: 325px; border-radius: 50px; background: var(--primaryColor); color: #fff; text-align: center; padding: 18px 5px; }
.our_approach6_flex a:hover { text-decoration: none; background: var(--black); color: #fff; }
.our_approach6_flex a:nth-child(2) { background: transparent; color: #fff; outline: 1px solid #fff; }
.our_approach6_flex a:nth-child(2):hover { background: var(--primaryColor); outline: 1px solid var(--primaryColor); color: #fff; }

@media only screen and (max-width: 1010px) {
  
  .non_ban_img { width: 215%; }
  .non_ban_img img { width: 100%; object-fit: cover; }
 
  .our_approach2 { margin: 50px 0; }
  .our_approach2_flex { flex-direction: column; align-items: center; gap: 50px; }
  .our_approach2_box1 { max-width: 100%; text-align: center; }
  
  .our_approach3_con { padding: 50px 0; }
  .our_approach3_flex section { width: 48%; }
  
  .our_approach4 { margin: 50px 0; }
  
  .our_approach5 { margin: 50px 0; }
  .our_approach5_flex section { width: 48%; }
  
  .our_approach6_con { padding: 50px 0; }
  
}

@media only screen and (max-width: 800px) {
  
  .our_approach1 h2 { font-size: 45px; }
  .our_approach2_box1 h2 { font-size: 45px; }
  .our_approach3_hdng h2 { font-size: 45px; }
  
  .our_approach4_box { padding: 25px; }
  .our_approach4_box p { font-size: 25px; margin: 0 0 15px; }
  
  .our_approach5_hdng h2 { font-size: 45px; }
  
  .our_approach6_hdng h2 { font-size: 45px; }
  
}

@media only screen and (max-width: 600px) {
  
  .our_approach1 h2 { font-size: 35px; }
  .our_approach1 p { font-size: 18px; }
  
  .our_approach2_box1 h2 { font-size: 35px; }
  .our_approach2_box2 h2 { padding: 50px; }
  
  .our_approach3_hdng h2 { font-size: 35px; }
  .our_approach3_flex section { width: 100%; max-width: 100%; }
  
  .our_approach4_box p { font-size: 20px; }
  
  .our_approach5_flex section { width: 100%; max-width: 100%; }
  
  .our_approach6_hdng h2 { font-size: 35px; }
  
}

@media only screen and (max-width: 500px) {
 
  .our_approach2_box2 h2 { font-size: 35px; }
  
}