/* COMMON CLASSES */
h4 {
  font-size: 15px;
  line-height: 1.4em;
}

#popupMobile {
  display: none !important;
}

.for-mobile {
  display: none;
}

:root {
  --cg-orange: #dd4536;
  --cg-green: #179e5a;
  --cg-yellow: #f5b417;
  --cg-text: #434343;
  --bg-gray: #fbfbfb;
  --cg-white: #fff;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Montserrat", sans-serif;
  /* color: var(--cg-text); */
}

body p,
body a {
  font-size: 12px;
  font-weight: 700;
  /* color: var(--cg-text); */
}

body h2 {
  font-weight: 800;
  font-size: 100px;
  letter-spacing: -5px;
  text-align: left;
  line-height: 0.85em;
  padding: 30px 0px 50px;
}

body h2 span {
  color: var(--cg-green);
}

body p.para-2 {
  font-size: 25px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}

#page-container,
#root {
  margin: auto;
}

section {
  padding: 50px 0px;
}

main {
  padding-top: 78px;
}

#page-container {
  margin: auto;
}

.flex-row {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 20px;
}

.column-1 {
  flex-basis: 8.333%;
}

.column-2 {
  flex-basis: 16.666%;
}

.column-3 {
  flex-basis: 25%;
}

.column-4 {
  flex-basis: 33.333%;
}

.column-5 {
  flex-basis: 41.666%;
}

.column-6 {
  flex-basis: 50%;
}

.column-7 {
  flex-basis: 58.333%;
}

.column-8 {
  flex-basis: 66.666%;
}

.column-9 {
  flex-basis: 75%;
}

.column-10 {
  flex-basis: 83.333%;
}

.column-11 {
  flex-basis: 91.666%;
}

.column-12 {
  flex-basis: 100%;
}

.container {
  max-width: 1440px;
  margin: auto;
}

.f-right {
  float: right;
}

.f-left {
  float: left;
}

.diamond {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  box-shadow: -73px 21px 125px 0px #bfbfbf;
  border-radius: 10px;
  background: var(--cg-orange);
}

.diamond-small {
  width: 130px;
  height: 130px;
}

.diamond-medium {
  width: 180px;
  height: 180px;
}

.diamond-large {
  width: 270px;
  height: 270px;
}

.btn {
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #000;
  padding: 15px 50px;
  color: #000;
  margin-top: 45px;
  display: inline-block;
  background-color: white;
}

.btn.active,
.btn:hover {
  background-color: var(--cg-orange);
  border-color: 1px solid var(--bg-gray);
  color: white;
}

.arrows {
  top: 0px;
  position: absolute;
  right: 25px;
}

.arrow-left {
  right: 65px;
  display: block;
}

.slick-dots,
.dots {
  bottom: 0px;
}

.dots {
  color: var(--cg-yellow);
}

body .phase-tesimonials .arrow-left,
body .trainers-section.new-trainer-section .arrow-left {
  right: 75px;
}

body .phase-tesimonials .arrows,
body .trainers-section.new-trainer-section .arrows {
  opacity: 1;
}

body .phase-tesimonials .arrows:hover,
body .trainers-section.new-trainer-section .arrows:hover {
  color: #7e7e7e !important;
}

/* HEADER */
header {
  display: flex;
  padding: 15px;
  align-items: center;
  justify-content: space-between;
}

header {
  position: fixed;
  left: 0;
  z-index: 999999999;
  right: 0;
  background: white;
  box-shadow: 0px 0px 9px 0px rgb(204, 204, 204);
}

/* header .logo-container img {
  width: 380px;
} */
.nav-item.browse-more.browsing-menu.about_menu ul.dropdown-menu {
  top: 65px;
}
.nav-item.browse-more.voice_more ul.dropdown-menu-two {
  right: -176px;
  left: auto;
}
header .nav-container {
  margin: auto;
}

header .nav-container nav {
  display: flex;
  margin: auto;
}

header .nav-container nav .nav-item,
header .nav-container nav div:nth-child(4) {
  margin: auto;
  width: calc(100% / 4.5);
  padding: 15px 0px;
  /* border: 2px solid var(--cg-text); */
  text-align: center;
}

header .contact-container a,
header .nav-container nav a,
header .nav-container nav div.browse-more {
  font-size: 14px;
  text-decoration: none;
  color: var(--cg-text);
  font-weight: 800;
  cursor: pointer;
}

header .nav-container nav .nav-item:hover,
header .nav-container nav div:nth-child(4):hover {
  /* background-color: var(--cg-orange); */
  /* border: 2px solid var(--cg-orange) !important; */
  color: #db4536 !important;
}

header .nav-container nav .nav-item:hover a,
header .nav-container nav div:nth-child(4):hover {
  color: #db4536 !important;
}

header .nav-container nav div:nth-child(4),
header .nav-container nav .dropdown-menu div:nth-child(4) {
  position: relative;
}

header .nav-container nav .browse-more:hover .dropdown-menu {
  display: block !important;
}

header .resp-bar {
  color: var(--cg-orange);
}

header .resp-bar:hover .responsive-menu {
  display: block;
}

header .responsive-menu {
  display: none;
}

header .nav-container nav .dropdown-menu {
  position: absolute;
  background: white;
  color: black;
  right: auto;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  z-index: 99;
  display: none;
}

header .nav-container nav .browse-more:hover .dropdown-menu a {
  color: black !important;
}

header .nav-container nav .browse-more .dropdown-menu a:hover {
  color: var(--cg-green) !important;
}

header .nav-container nav .dropdown-menu-two {
  position: absolute;
  /* right: -180px; */
  background: white;
  top: 0;
  display: none;
  transition: 0.3s all ease;
}

header .nav-container nav .dropdown-menu .drop-menu-item:hover>ul.dropdown-menu-two {
  display: block;
  transition: 0.3s all ease;
}

header .nav-container nav .dropdown-menu .drop-menu-item {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

header .nav-container nav .dropdown-menu .drop-menu-item:last-child {
  border-bottom: none;
}

header .nav-container nav .dropdown-menu .drop-menu-item:hover a {
  color: var(--cg-green);
}

header .nav-container nav .dropdown-menu div:nth-child(4) {
  margin: auto;
  width: 100%;
  border: none;
  text-align: left;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

header .nav-container nav .dropdown-menu div:nth-child(4) .dropdown-menu-two {
  position: absolute;
  background: white;
  color: var(--cg-text);
  bottom: -100px;
  left: 20px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
  z-index: 99;
}

header .nav-container nav .dropdown-menu div:nth-child(4):hover {
  background-color: transparent;
  border: 0px solid !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: var(--cg-green) !important;
}

header .dropdown-menu,
header .dropdown-menu-two {
  box-shadow: 0px 4px 18px 1px rgba(0, 0, 0, 0.4);
}

header .contact-container a:first-child {
  margin-right: 15px;
}

header .tel-icon svg,
header .email-icon svg {
  padding-right: 5px;
  color: var(--cg-orange);
  font-size: 25px;
  vertical-align: middle;
}

header .tel-icon svg {
  font-size: 20px;
  padding-right: 3px;
}

header .nav-container nav .dropdown-menu .drop-menu-item a {
  padding: 20px;
  display: block;
}

header .nav-container nav .dropdown-menu {
  top: 65px;
}

header .nav-container nav .dropdown-menu-two {
  left: -141px;
  min-width: auto;
}

/* FOOTER */
footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: auto;
  padding: 20px 0px;
}

footer div {
  margin-bottom: 10px;
}

footer div:last-child {
  margin-bottom: 0px;
}

footer div ul {
  display: flex;
  margin: auto;
  justify-content: space-between;
  align-content: space-between;
}

footer div ul li {
  margin: auto;
  padding: 0px 20px;
}

footer .social-icons a {
  padding: 0px 8px;
}

footer div:not(.social-icons) a:hover {
  text-decoration: underline;
}

/* SECTION 01 */
.section-1 {
  background: url(../images/Empowering-girl.svg) no-repeat;
  background-position: right top;
  background-size: contain;
  background-color: var(--bg-gray);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.11));
}

.section-1 .flex-row {
  padding-top: 0;
}

.section-1 .number-counter {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
}

.section-1 .number-counter p {
  line-height: 1.5em;
  font-size: 16px;
  text-align: center;
}

.number-counter p.para-2 {
  font-size: 30px;
}

.section-1 .counter-partition p {
  font-size: 50px;
  font-weight: 400;
}

.section-1 .column-1:not(.diam-column) {
  padding-top: 50px;
}

.section-1 .diam-column,
.section-1 .diam-column2 {
  position: relative;
}

.section-1 .diam-column .diamond-small {
  position: absolute;
  left: 129px;
  top: 4px;
  background-position: 70% 15%;
  background: url(../images/Group-study.svg) 0 0 no-repeat;
  background-size: contain;
}

.section-1 .diam-column2 .diamond-large {
  position: absolute;
  right: 0px;
  top: 150px;
  background: url(../images/cg_cover_image_2.png) 0 0 no-repeat;
  background-position: 24% 98%;

}

.section-1 .diam-column2 .diamond-medium {
  position: absolute;
  bottom: -50px;
  right: -120px;
 
  background: url(../images/Trainer.svg) 0 0 no-repeat;
  background-position: 70% 15%;
  background-size: contain;
}

.section-1 .diam-column2 .diamond-small {
  position: absolute;
  right: 150px;
  bottom: -10px;
  background: url(../images/cg_cover_image_1.png) 0 0 no-repeat;
  background-position: 70% 15%;
}

.section-1 .diam-column .diamond-small {
  position: absolute;
  left: 155px;
  top: 20px;
}

/* SECTION 02 */
.section-2 .phaseDots {
  display: flex;
  justify-content: space-between;
  width: 400px;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
}

.section-2 .phase-row .slick-slider {
  padding-left: 0px;
  padding-right: 0px;
}

.section-2 .slick-slide.slick-active.slick-current .phase-single {
  padding-left: 0;
}

.section-2 .phaseDots p.yellow-bg {
  color: white;
  position: relative;
  background: var(--cg-yellow);
  padding: 12px 20px;
  padding-right: 37px;
}

.section-2 .phaseDots p.yellow-bg::before {
  content: "";
  width: 28px;
  height: 40px;
  background: white;
  position: absolute;
  top: 0px;
  right: -11px;
  transform: skew(-30deg);
}

.section-2 .phaseDots button::before {
  content: "0";
}

.section-2 .phaseDots button {
  color: grey;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 10px 20px;
}

.section-2 .column-6:focus {
  outline: none;
}

/* SECTION TWO PHASES */
.section-2 .phase-single .single-phase-title h2 {
  font-weight: 800;
  font-size: 100px;
  line-height: 80px;
  letter-spacing: -5px;
}

.section-2 .phase-single .single-phase-title h3 {
  font-weight: 800;
  font-size: 20px;
  padding-top: 30px;
  text-transform: uppercase;
}

.section-2 .phase-single .single-phase-title h2 sub {
  top: 50px;
  left: -40px;
  position: relative;
  color: var(--cg-green);
}

.section-2 .phase-single .single-phase-title h2 sub:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 100px;
  background: white;
  top: -14px;
  transform: skew(-30deg);
  left: -1px;
}

.section-2 .phase-single .single-phase-content {
  margin-top: 110px;
}

.section-2 .phase-single .single-phase-content p {
  font-size: 16px;
  line-height: 28px;
  max-width: 90%;
}

.section-2 .phase-single .single-phase-content p:first-child {
  margin-bottom: 35px;
}

.section-2 .single-ph-list-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 35px;
}

.section-2 .phase-row {
  justify-content: space-between;
  position: relative;
  padding-top: 0px;
}

.section-2 .phase-row .column-6 {
  flex-basis: 40%;
}

.section-2 .single-ph-list-item>.txt {
  width: calc(100% - 210px);
  padding-left: 80px;
  padding-top: 25px;
  position: relative;
}

.section-2 .single-ph-list-item>.txt h4 {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 26px;
}

.section-2 .single-ph-list-item>.txt h4:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 10px;
  background-color: #a1a1a1;
  width: 35px;
  height: 1px;
}

.section-2 .single-ph-list-item .circle {
  width: 100px;
  height: 100px;
  background: #179e5a;
  color: white;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-2 .single-ph-list-item .circle>.num {
  display: block;
  font-size: 25px;
  font-weight: 800;
  line-height: 20px;
}

.section-2 .single-ph-list-item .circle>.txt {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.section-2 .slick-slider,
.section-2 .slick-initialized {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 20px;
  overflow: hidden;
}

.section-2 .phase-single {
  margin: 0 30px;
  margin-left: 0px;
}

.section-2 .btn {
  text-align: center;
  margin: auto;
}

.section-2 .phaseDots button::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: -1;
  padding: 0px;
  top: 0px;
  left: 0px;
  transform: skewX(-30deg);
}

/* SECTION 03 */
.section-3 {
  background-color: var(--cg-green);
}

.section-3 p {
  font-size: 16px;
  color: white;
  line-height: 2em;
  margin: 30px 0px;
}

.section-3 a {
  font-size: 14px;
  font-weight: 800;
  border: 2px solid var(--bg-gray);
  padding: 15px 35px;
  color: white;
  display: inline-block;
}

.section-3 a:hover {
  background: #159253;
}

.section-3 .company-list .tab-list-item {
  color: white;
  font-size: 12px;
  font-weight: 700;
  border: none;
  padding: 0px;
  margin: 0px;
  display: block;
}

.section-3 .company-list .tab-list {
  display: flex;
  justify-content: space-between;
  width: 450px;
  align-content: center;
}

.section-3 .company-list .tab-list-item {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.section-3 .company-list .tab-list-item::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #159253;
  position: absolute;
  z-index: -1;
  padding: 12px 17px;
  top: -12px;
  left: -15px;
  transform: skewX(-30deg);
}

.section-3 .company-list .tab-list-item:first-child::after {
  content: "";
  width: 18px;
  height: 35px;
  background: #159253;
  position: absolute;
  top: -12px;
  left: -23px;
}

.section-3 .company-list .tab-list-item.tab-list-active:first-child::after {
  background-color: var(--cg-yellow);
}

.section-3 .company-list .tab-list-item.tab-list-active {
  top: -12px;
  left: 9px;
}

.section-3 .company-list .tab-list-active::before {
  background: var(--cg-yellow);
}

/* .section-3 .slick-slider.slick-initialized {
  overflow: hidden;
} */
.section-3 .flex-row {
  display: block;
}

.section-3 .flex-row .company-content {
  width: 35%;
}

.section-3 .flex-row .company-content h2 {
  font-size: 85px;
}

.section-3 .flex-row .logo-column {
  width: 53%;
  margin-left: 80px;
}

.section-3 .logo-column .logo-container {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  padding-top: 25px;
}

.section-3 .logo-column .logo-container:focus,
.section-3 .logo-column:focus {
  outline: none;
}

.section-3 .logo-column .logo-container .logo-item {
  max-width: 29.83%;
  background-color: #fff;
  padding: 15px 0px;
  width: 100%;
  margin: 10px;
  display: flex;
}

.section-3 .logo-column .logo-container .logo-item img {
  max-width: 60%;
  margin: auto;
}

.section-3 .endButton-r {
  display: none !important;
}

.section-3.trainers-section .trainers-list .tab-list li:nth-child(2):before {
  content: " ";
  padding-right: 20px;
  padding-left: 20px;
}

.section-3.trainers-section .trainers-list .tab-list li:nth-child(3):before {
  content: " ";
  padding-right: 20px;
  padding-left: 20px;
}

.section-3 .friends-of-cg h2 {
  padding-bottom: 50px;
}

.section-3 .friends-of-cg p {
  margin-top: 0px;
}

.section-3 .company-list .tab-list {
  margin-left: 25px;
}

.section-3 .company-list .tab-list-item:first-child::after {
  width: 20px;
  left: -24px;
}

.section-3 .flex-row .flex-row {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.section-3 .logo-column .logo-container {
  align-items: center;
}

.section-3 .logo-column .logo-container .logo-item img {
  /* max-width: 100%; */
  margin: auto;
  height: 100%;
}

/* SECTION 04 */
.section-4 {
  background-image: url(../images/get_inv_bg_wave.png);
  background-repeat: no-repeat;
  background-position: left 95%;
}

.section-4 .homepage-pdf-section .flex-row {
  padding-right: 0;
  padding-bottom: 0;
}

.section-4 .brains-list {
  margin-top: 70px;
}

.section-4 .brains-list p {
  display: inline-block;
  line-height: inherit;
  color: white;
  position: relative;
  background: var(--cg-yellow);
  padding: 11px 20px;
  font-size: 12px;
  padding-right: 40px;
}

.section-4 .brains-list p::before {
  content: "";
  width: 25px;
  height: 100%;
  background: white;
  position: absolute;
  top: 0px;
  right: -11px;
  transform: skew(-30deg);
}

.section-4 h2 {
  line-height: 1.1em;
  padding-top: 20px;
}

.section-4 p {
  font-size: 16px;
  line-height: 28px;
}

.section-4 .btn {
  width: 190px;
  padding: 15px 0px;
  text-align: center;
}

.section-4 .btn.one {
  margin-right: 20px;
}

.section-4 .single-pdf-book {
  padding: 0px 0px 0px 40px;
}

.section-4 .single-pdf-book img {
  width: 100%;
}

.section-4 .homepage-pdf-section {
  background-image: url(../images/yellowdots_03.png);
  background-repeat: no-repeat;
  background-position: 65% top;
}

.section-4 .homepage-pdf-section .pdf-book-sec {
  margin-top: 25%;
}

.section-4 .contain {
  position: relative;
}

.section-4 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background-color: #ffffff8f;
}

.section-4 .single-pdf-book .contain:hover .overlay {
  opacity: 1;
}

.section-4 .icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* SECTION 05 */
.section-5 {
  background-color: var(--cg-orange);
}

.section-5 h2,
.section-3 h2 {
  color: white;
  padding-bottom: 30px;
}

.section-5 .brains-contact {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
  padding-top: 50px;
}

.section-5 .brains-contact a {
  color: white;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  line-height: 25px;
}

.section-5 a.brain-tel svg {
  margin-right: 20px;
  font-size: 22px;
}

.section-5 a.brain-mail svg {
  margin-right: 20px;
  font-size: 22px;
}

.section-5 a.brain-link::before {
  content: url(../images/linkedin-white_03.png);
  margin-right: 20px;
  margin-left: 5px;
}

.section-5 .form-column {
  margin-left: 80px;
  margin-top: 105px;
  flex-basis: 45%;
}

.section-5 .brains-list p,
.section-5 .form-column {
  color: white;
  font-size: 12px;
  font-weight: 700;
}

.section-5 .form-column h3 {
  font-weight: 900;
  font-size: 24px;
  padding-bottom: 100px;
}

.section-5 .form-column input:not([type="submit"]) {
  border: none;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  display: block;
  width: 100%;
  margin-top: 40px;
  /* margin-bottom: 40px; */
  outline: none;
  font-size: 16px;
  color: white;
}

.section-5 .form-column .form-submit input:hover {
  background: var(--cg-green);
  border-color: var(--cg-green);
}

.section-5 .form-column form div:not(.form-submit) {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.section-5 .form-column label {
  opacity: 0.7;
}

.section-5 .form-column form div input:focus {
  border-bottom: 1px solid var(--bg-gray);
}

.section-5 .form-column form div input:focus+label {
  opacity: 1;
}

.section-5 .form-column div.form-row-1 {
  display: flex;
  flex-direction: row !important;
}

.section-5 .form-column form .warning-text {
  padding-bottom: 20px;
  color: black;
}

.section-5 .form-column form div.form-row-1 .warning-text {
  padding-bottom: 20px;
}

.section-5 .form-column div.form-row-1 div {
  width: 50%;
}

.section-5 .form-column div.form-row-1 div:first-child {
  margin-right: 30px;
}

.section-5 .form-column .form-message input {
  margin-top: 80px;
}

.section-5 .form-column .form-submit input {
  font-size: 14px;
  font-weight: 800;
  background-color: transparent;
  border: 2px solid var(--bg-gray);
  display: block;
  padding: 12px 35px;
  outline: none;
  color: white;
  text-align: center;
  float: right;
  cursor: pointer;
}

.section-5 .brains-list .tab-list-item {
  color: white;
  font-size: 12px;
  font-weight: 700;
  border: none;
  padding: 0px;
  margin: 0px;
  display: block;
}

.section-5 .brains-list .tab-list {
  display: flex;
  justify-content: start;
  width: 90%;
  align-content: center;
  margin-right: 0px;
  position: absolute;
  left: 150px;
}

.section-5 .brains-list .tab-list-item {
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin: 0px 10px;
  opacity: 0.6;
}

.section-5 .brains-list .tab-list-active::before {
  opacity: 1;
}

.section-5 .brains-list {
  position: relative;
}

.section-5 .yellow-bg {
  color: white;
  position: relative;
  background: var(--cg-yellow);
  padding: 12px 20px;
  padding-right: 40px;
  width: auto;
  position: absolute;
  top: -12px;
}

.section-5 .yellow-bg::before {
  content: "";
  width: 22px;
  height: 40px;
  background: var(--cg-orange);
  position: absolute;
  top: 0px;
  right: -11px;
  transform: skew(-30deg);
}

.section-5 .brains-list .tab-list-item::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #159253;
  position: absolute;
  z-index: -1;
  padding: 12px 17px;
  top: -12px;
  left: -15px;
  transform: skewX(-30deg);
}

.section-5 .brains-list .tab-list-item::before {
  background: rgba(0, 0, 0, 0.1);
  padding: 12px 14px;
}

.section-5 .brains-list .tab-list-item {
  margin: 0px 17px;
}

.section-5 .yellow-bg {
  padding: 12px 20px;
  padding-right: 29px;
}

.section-5 .brains-list .tab-list-item.tab-list-active {
  top: -12px;
  left: 9px;
}

.section-5 .form-column h5 {
  font-size: 18px;
  font-weight: 500;
  padding: 40px 0px 60px;
  line-height: 1.4em;
}

.section-5 .form-column h3 {
  padding-bottom: 0px !important;
}

/*Exclusive Section*/

body .container {
  max-width: 1440px;
  margin: auto;
  width: 100%;
}

body .codegirls-exclusive {
  background-color: #fff;
}

body .codegirls-exclusive .para-2 {
  color: var(--cg-text);
  font-size: 25px;
}

body .codegirls-exclusive h2,
body .about-section h2 {
  font-weight: 800;
  color: var(--cg-text);
  font-size: 45px;
  line-height: 52px;
  margin: 45px 0;
  padding: 0px;
  letter-spacing: 0px;
}

body .codegirls-exclusive h2 span,
body .about-section h2 span {
  color: var(--cg-green);
}

body .codegirls-exclusive p {
  font-size: 16px;
  line-height: 28px;
  color: var(--cg-text);
  max-width: 725px;
  margin-bottom: 40px;
}

body .codegirls-exclusive p strong {
  font-weight: 800;
}

body .codegirls-exclusive .img-container {
  max-width: 547px;
  height: 500px;
  margin: auto;
}

body .codegirls-exclusive .img-container img {
  width: 100%;
  height: 100%;
}

body .about-section p {
  margin-bottom: 20px;
}

/*Phases Section*/
body .phases-new-section {
  padding-top: 0;
  background-color: #fbfbfb;
}

body .phases-new-section .flex-row {
  padding: 10px 20px;
  justify-content: center;
}

body .phases-new-section .phases-col {
  background-color: var(--cg-white);
  margin: 0 10px;
  padding: 45px;
  width: calc((100% - 60px) / 3);
  flex-basis: auto;
}

body .phases-new-section .phases-col .green-sub-heading.para-2 {
  color: var(--cg-green);
  font-weight: 900 !important;
  font-size: 25px;
}

body .phases-new-section .phases-col h3 {
  font-size: 44px;
  line-height: 44px;
  color: var(--cg-text);
  font-weight: 800;
  margin-bottom: 50px;
}

body .phases-new-section .phases-col .para-2 {
  font-size: 18px;
  font-weight: 900 !important;
  line-height: 26px;
  margin-bottom: 30px;
}

body .phases-new-section .phases-col p span {
  font-weight: 700 !important;
}

body .phases-new-section .phases-col p {
  margin-bottom: 45px;
}

body .phases-new-section .phases-col p,
body .phases-new-section .phases-col ul li span {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700 !important;
}

body .phases-new-section .phases-col ul {
  padding-left: 20px;
}

body .phases-new-section .phases-col ul li {
  position: relative;
  list-style-image: none !important;
  font-weight: 700 !important;
}

body .phases-new-section .phases-col ul li:before {
  content: "";
  background-image: url("../images/dash-icon.png");
  position: absolute;
  width: 9px;
  height: 3px;
  left: -20px;
  top: 12px;
}

body .phases-new-section .phases-col ul li {
  padding-bottom: 15px;
  list-style-image: url("../images/dash-icon.png");
}

body .phases-new-section .phases-col ul li:last-child {
  padding-bottom: 0;
}

/*Privacy Policy*/
body .privacy-policy p a {
  color: var(--cg-text);
  text-decoration: none;
}

body .privacy-policy p a:hover {
  text-decoration: underline;
}

/*About Section*/
body .about-section {
  background-image: url("../images/codegirls-phases-min.png");
  background-position: 15% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

body .about-section .para-2 {
  line-height: 38px;
  font-size: 25px;
}

body .about-section p {
  font-size: 16px;
  line-height: 28px;
}

body .about-section ul {
  padding-left: 20px;
  padding-top: 35px;
}

body .about-section ul li {
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  list-style-image: url("../images/green-circle.png");
  line-height: 28px;
  color: var(--cg-text);
}

body .about-section ul li:first-child:after {
  content: ".";
}

body .phases-new-section .btn-container .first-btn {
  margin-right: 20px;
  background-color: var(--cg-orange);
  border-color: 1px solid var(--bg-gray);
  color: white;
}

body .phases-new-section .btn-container .first-btn:hover {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}

/*Footer*/
body .codegirls-footer {
  box-shadow: 0px -10px 21px 0px rgba(0, 0, 0, 0.03);
}

body .codegirls-footer .flex-row {
  padding-bottom: 20px;
}

body .codegirls-footer .column-7 {
  text-align: left;
}

body .codegirls-footer .footer-list ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  justify-content: flex-start;
  align-content: flex-start;
}

body .codegirls-footer .footer-list ul li {
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
  font-size: 20px;
}

body .codegirls-footer .footer-list ul li:first-child,
body .codegirls-footer .social-icons a:first-child {
  padding: 0px;
  margin: 0;
}

body .codegirls-footer .copy-right-text {
  margin-bottom: 5px;
}

body .codegirls-footer .footer-list ul li a,
body .codegirls-footer .copy-right-text p a {
  text-decoration: none;
  color: #434343;
  font: 14px;
  font-weight: 700;
}

body .codegirls-footer .copy-right-text p a {
  padding-left: 3px;
}

body .codegirls-footer .copy-right-text p {
  line-height: 20px;
}

body .codegirls-footer .footer-list ul li p {
  margin: 4px 0;
}

body .codegirls-footer .social-icons a {
  padding-left: 20px;
  padding-right: 0;
}

body .codegirls-footer .column-5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
}
.menu-logo-col { flex-basis: calc(100% - 43%); padding-right:20px ; }
.un-logos {flex-basis: 43%; margin-bottom: 0;}
body .codegirls-footer .column-5 .image-container {
  display: flex;
  /* flex-wrap: wrap; */
  width: 100%;
  gap:20px;
margin-bottom: 20px;

}
.location-sec a {
    color: rgba(67, 67, 67, 1);
}

body .codegirls-footer .un-logos .image-container:first-child img {
    width: calc((100% - 40px) / 3);
}

body .codegirls-footer .un-logos .image-container:nth-child(2) img {
    width: calc((100% - 20px) / 2);
}

.codegirls-footer .united_nation_para {
  text-align: start;
}

/*Blog Listing*/
body .blog-banner {
  background-color: #fbfbfb;
  padding: 70px 0;
}

body .blog-banner .flex-row {
  padding-top: 0;
  padding-bottom: 0;
}

body .blog-banner h1 {
  font-size: 100px;
  line-height: 80px;
  font-weight: 800;
  color: var(--cg-text);
}

body .blog-banner h1 span {
  color: var(--cg-green);
}

body .blog-listing .flex-row {
  columns: 3 200px;
  column-gap: 20px;
}

body .blog-listing .flex-row .column-3 {
  margin: 10px 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  flex-basis: calc((100% / 3) - 20px);
}

/* body .blog-listing .flex-row .column-3:nth-child(3n+2){margin-top:50px;} */
body .blog-listing .flex-row .column-3 .blog-thumbnail {
  width: 100%;
}

body .blog-listing .flex-row .column-3 .blog-thumbnail img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

body .blog-listing .flex-row .column-3 .blog-content-container {
  padding: 40px;
  background-color: var(--cg-white);
  box-shadow: 0px 0px 103px 0px rgba(195, 195, 195, 0.33);
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description {
  display: flex;
  margin-bottom: 20px;
  min-height: 56px;
}

.blog-content {
  min-height: 260px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description span.tag-name {
  padding-right: 30px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description span {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(67, 67, 67, 0.4);
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description span.tag-name:before {
  background-image: url("../images/tag.png");
}

body .blog-listing .flex-row .column-3 .blog-content-container .meta-description span.username:before {
  background-image: url("../images/user.png");
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-content h3 a {
  font-size: 18px;
  line-height: 30px;
  font-weight: 900;
  color: #434343;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-content p {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  margin: 20px 0 40px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .blog-btn {
  color: var(--cg-green);
  font-size: 16px;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  padding-right: 45px !important;
  border: none;
  padding: 0;
  margin-top: 0;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .blog-btn:after {
  content: "";
  background-image: url("../images/arrow.png");
  width: 28px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 1px;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .blog-btn:hover {
  background-color: transparent;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .download-icon {
  position: relative;
  float: right;
  cursor: pointer;
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .download-icon:hover:before {
  background-image: url("../images/download-icon-blue.png");
}

body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .download-icon:before {
  content: "";
  background-image: url("../images/download-icon.png");
  width: 17px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
}

body .blog-listing .filter-row {
  display: flex;
  padding: 0 20px;
}

body .blog-listing .filter-row form {
  width: 100%;
}

body .blog-listing .filter-row form .category {
  width: 25%;
}

body .blog-listing .filter-row form select,
body .blog-listing .filter-row form input {
  width: 90%;
  border: none;
  appearance: none;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  font-family: "Montserrat", sans-serif;
}

body .blog-listing .filter-row form select {
  background-image: url("../images/arrow-down.png");
  background-position: right;
  background-repeat: no-repeat;
  padding-bottom: 14px;
  padding-left: 10px;
}

body .blog-listing .filter-row form select:focus,
body .blog-listing .filter-row form input:focus {
  outline: none;
}

body .blog-listing .filter-row form:last-child {
  display: flex;
}

body .blog-listing .filter-row form .search-cat {
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}

body .blog-listing .filter-row form .search-cat input {
  border-bottom: none;
}

body .blog-listing .filter-row form input[type="submit" i] {
  width: 8%;
  appearance: none;
  font-size: 0;
  background-color: transparent;
  background-image: url("../images/search-icon.png");
  background-repeat: no-repeat;
  background-position: right;
  border: none;
  cursor: pointer;
  padding: 0;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background-size: contain;
}

body .blog-listing .filter-row form .search-cat input::placeholder {
  color: #000;
}

/*4 jan 2021*/
/* body .blog-deatil-banner{background-image: url('../images/blog-detail-banner.png');position: relative;} */
/* body .blog-deatil-banner:before{content: '';background-color: rgba(16, 118, 66, 0.8);position: absolute;left:0;right: 0;top:0;bottom: 0;width: 100%;height: 100%;} */
body .blog-deatil-banner {
  padding: 0;
}

body .blog-deatil-banner .banner-img {
  height: 500px;
  background-color: antiquewhite;
}

body .blog-deatil-banner .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .blog-datail-content .banner-content {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

body .blog-datail-content .flex-row {
  flex-wrap: nowrap;
}

/* body .blog-datail-content .container{position: absolute;top: 200px;left: 0;right: 0;margin: auto;} */
body .blog-datail-content .auhthor:before {
  content: "";
  background-image: url("../images/author-blue.png");
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 0;
}

body .blog-datail-content .post-date:before {
  content: "";
  background-image: url("../images/calendar-blue.png");
  width: 19px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

body .blog-datail-content h1 {
  text-align: left;
  font-size: 56px;
  line-height: 72px;
  max-width: 1115px;
  font-weight: 800;
  padding-bottom: 40px;
}

body .blog-datail-content span {
  position: relative;
  color: #434343;
  font-size: 16px;
  font-weight: 700;
  padding-left: 30px;
}

body .blog-datail-content .auhthor {
  padding-right: 55px;
}

body .blog-datail-content {
  padding: 0;
}

body .blog-datail-content .flex-row {
  padding-top: 0;
}

body .blog-datail-content .column-10 {
  flex-basis: 93.333%;
  background-color: #fff;
  margin-top: -220px;
  padding: 50px;
  margin-right: 20px;
}

body .blog-datail-content .column-1 {
  flex-basis: 4.533%;
}

body .blog-datail-content .blog-content p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  margin: 20px 0;
}

/* body .blog-datail-content .blog-content p u{display: none;} */
body .blog-datail-content .blog-content h3 {
  font-size: 27px;
  font-style: italic;
  font-weight: 700;
}

body .blog-datail-content .blog-content p a {
  font-size: 16px;
  text-decoration: underline;
  display: inline-block;
  word-break: break-all;
}

body .blog-datail-content .blog-content p a:hover {
  color: var(--cg-green);
}

body .blog-datail-content .social-sahring {
  text-align: center;
  margin-top: 100px;
  background-color: #fff;
  border-radius: 35px;
  padding: 6px;
  box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.12);
}

body .blog-datail-content .social-sahring p {
  font-size: 10px;
  color: #265a9d;
  margin-top: 10px;
}

body .blog-datail-content .social-sahring ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
.nav-item.browse-more.browsing-menu ul.dropdown-menu {
  top: 42px;
}
body .blog-datail-content .social-sahring ul li {
  width: 29px;
  height: 29px;
  text-align: center;
  margin: 0 auto 13px;
}

/*Companies Tab CSS*/
.section-3 .company-list .tab-list {
  width: 510px;
}

/*Brains behind CG - About Us page*/
.brains-desc p {
  line-height: 32px !important;
}

/*Brains behind CG - Red Section*/
.section-5 .brains-list .tab-list-item.tab-list-active,
.trainers-list .tab-list-active {
  top: 0 !important;
  left: 0 !important;
}

/*Overview and History*/
.tech-tain-fif {
  top: 217px !important;
  left: 280px !important;
}

.tech-tain-sec {
  left: 250px !important;
}

.tech-tain-sev {
  left: 210px !important;
  top: 445px !important;
}

.tech-tain-thi,
.tech-tain-si {
  left: inherit !important;
  right: 20px !important;
}

.tech-tain-fir {
  top: 81px !important;
  left: 0 !important;
}

.tech-tain-for {
  top: 300px !important;
}

.tech-main span p {
  line-height: 22px;
}

.tech-main {
  width: 170px !important;
  height: 170px !important;
}

.tech-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .phases-new-section .btn-container {
  margin: 50px auto 0;
  text-align: center;
}

body .tab-list-item.tab-list-active {
  top: 0 !important;
  left: 0 !important;
}

/*Footer Changes*/
body .codegirls-footer .flex-row {
  padding-bottom: 0px;
}

body .codegirls-footer .column-7 {
  margin-bottom: 0;
  padding-bottom: 30px;

}
body .codegirls-footer .footer-bottom .copy-right-text p, body .codegirls-footer .footer-bottom .copy-right-text p a { font-family: Montserrat; font-weight: 400; font-size: 12px; line-height: 20px; color: rgba(67, 67, 67, 1); }
body .codegirls-footer  .footer-bottom{ display: flex; justify-content: space-between; padding-top: 30px; border-top: 1px solid rgba(45, 45, 45, 0.2); width: 100%; }
body .codegirls-footer .menu-logo-col .image-container{
  margin-bottom: 32px;
}

.readmore-aboutus,
.section-3 .company-content.trainer-content .short-text {
  padding: 10px 0 !important;
  display: inline-block !important;
}

.trainers-container {
  height: 635px !important;
  margin-top: 70px;
}

body .trainers-section.new-trainer-section .flex-row .logo-column {
  margin-top: -60px;
}

body .section-3.trainers-section.overview-section .flex-row .logo-column {
  flex-basis: 50% !important;
}

body h3.brains-position {
  max-width: 500px !important;
  line-height: 27px !important;
  margin-top: 13px;
}

body p.brains-desc {
  text-align: justify;
}

body p.brains-position {
  margin-top: 10px;
}

.contact-detail-head .diamond {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  box-shadow: -69px 53px 46px 0px #bfbfbf;
  border-radius: 10px;
  background: var(--cg-orange);
}

body .trainers-section.overview-section .inner-tabs .tab-list {
  position: initial;
}

body .trainers-section.overview-section .inner-tabs .tab-list .tab-list-item {
  width: 100% !important;
}

body .trainers-section.overview-section .inner-tabs .tab-content {
  margin-top: 50px;
}

body .trainers-section.overview-section .inner-tabs .tab-content h3 {
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

body .trainers-section.overview-section .inner-tabs .tab-content h3 span {
  font-style: italic;
}

body .section-5.aboutBrains .brains-list .tab-content h2 {
  margin-left: 0;
}

body .privacy-policy h3 {
  font-size: 26px;
  margin: 10px 0;
}

body .privacy-policy p {
  line-height: 32px !important;
}

body .privacy-policy p a {
  text-decoration: underline;
}

body .privacy-policy a,
body .privacy-policy li,
body .privacy-policy p {
  font-weight: 500;
}

body .trainers-list .tab-list-item {
  font-size: 11px !important;
}

body .section-3.trainers-section .trainer-content h2 {
  font-size: 80px;
}

body #contact .brains-list .column-5 {
  flex-basis: 50% !important;
}

.form-section .form-column .form-submit input {
  background-color: transparent;
}

.hire-counter .number-counter .numN .hc-content {
  width: 50%;
}

#contact.section-5 .column-5 {
  flex-basis: 50%;
}

body .phase-tesimonials .single-test-phase .column-8 {
  margin-top: 10px;
  flex-basis: 62%;
  margin-left: 40px;
}

body .phase-tesimonials .column-8 p.short-text {
  font-size: 20px;
  line-height: 32px;
}

body .phase-tesimonials .single-test-phase h2 {
  padding-bottom: 20px;
}

body .phase-tesimonials .single-test-phase .btn {
  margin-top: 20px;
}

body .phase-tesimonials .single-test-phase img {
  margin-bottom: 30px;
}

body .about-section .para-2 {
  margin-bottom: 20px;
}

body .section-3.trainers-section.overview-section .flex-row .logo-column .trainers-container {
  margin-top: 150px;
}

body .overview-list.trainers-list .yellow-bg {
  padding: 14px 35px 14px 20px;
}

body .overview-list.trainers-list .yellow-bg::before {
  width: 31px;
  height: 54px;
  right: -16px;
}

body .overview-list.trainers-list .tab-list-item {
  line-height: 16px;
  display: flex;
  align-items: center;
}

body .section-3.trainers-section .flex-row .flex-row {
  display: flex;
}

body .section-3.trainers-section .flex-row .flex-row .company-content .btn {
  margin-top: 20px;
}
section.announcement-section a {
  font-size: 16px;
  word-wrap: break-word;
}
h3.highlights-heading.spacing {
  margin-bottom: 10px;
}
body .all-press {
  padding: 50px 0 0;
}
section.announcement-section ul {
  margin-left: 23px;
}
p.simple-peragraph.full-para {
  width: 100%;
}
section.announcement-section ul li {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #434343;
  margin: 0px;
  list-style-type: disc;
  margin-bottom: 20px;
}
body .section-subtext {
  color: #434343;
  font-weight: 700;
  font-size: 20px;
}

body .brains-list.team-section .tab-list {
  width: 40%;
  left: 240px;
}

body .brains-list.team-section .tab-list .tab-list-item {
  line-height: 16px;
}

body .brains-list.team-section .yellow-bg {
  width: 190px;
  line-height: 16px;
}

/*Changes 4-30-2021*/

/* New Contact Section*/
body .contact-section {
  background-color: #dd4536;
}

body .contact-section .column-5 {
  width: 50%;
  flex-basis: 50%;
}

body .contact-section .quotes-container {
  position: relative;
  margin-bottom: 50px;
}

body .contact-section .quotes-container:before {
  content: "";
  background-image: url("../images/quotation-marks.png");
  width: 83px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
}

body .contact-section .quotes-container p {
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  padding-top: 90px;
}

body .contact-section .author-details h3 {
  font-size: 44px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -2px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

body .contact-section .author-details .designation {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}

body .contact-section .author-details .designation span {
  display: block;
}

body .contact-section .slick-slide {
  /*width:20% !important;*/
  margin-right: 1px;
}

body .contact-section .form-column {
  margin-top: 0;
}

/*Team Section*/
body .team-section {
  background-color: #547dbf;
  position: relative;
}

body .team-section:after {
  content: "";
  background-image: url("../images/aboutWave.png");
  width: 198px;
  height: 50px;
  position: absolute;
  bottom: 60px;
  left: 125px;
}

body .team-section .column-5 {
  flex-basis: 45%;
  align-items: center;
  display: flex;
}

body .team-section .team-tabs-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: -90px;
}

body .team-section .team-tabs-container .single-brain-img.diamond {
  width: 230px;
  height: 230px;
  border-radius: 20px;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}

body .team-section .team-tabs-container .single-brain-img.diamond.active {
  box-shadow: 30px 50px 35px 0 rgba(0, 0, 0, 0.4);
}

body .team-section .team-tabs-container .single-brain-img.diamond:first-child {
  left: 120px;
  top: 0;
}

body .team-section .team-tabs-container .single-brain-img.diamond:first-child:before {
  content: "";
  background-image: url("../images/aboutDots.png");
  left: -130px;
  bottom: inherit;
  width: 135px;
  height: 85px;
  position: absolute;
  top: -45px;
  display: inline-block !important;
}

body .team-section .team-tabs-container .single-brain-img.diamond:nth-child(2) {
  top: 150px;
  right: -115px;
}

body .team-section .team-tabs-container .single-brain-img.diamond:nth-child(3) {
  bottom: 0;
  left: 20px;
  top: 40px;
}

body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
  top: 90px;
  right: 0px;
  left: 140px;
}

body .team-section .team-tabs-container .single-brain-img.diamond .brain-image-container {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  opacity: 0.5;
}

body .team-section .team-tabs-container .single-brain-img.diamond.active .brain-image-container {
  opacity: 1;
}

body .team-section .team-tabs-container .single-brain-img.diamond img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transform: rotate(-45deg);
}

body .team-section .column-7 {
  flex-basis: 50%;
  margin-left: 40px;
  position: relative;
  padding-top: 40px;
}

body .team-section .team-content-container .yellow-bg {
  width: 175px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding: 13px 20px;
  padding-right: 29px;
  background: var(--cg-yellow);
  position: absolute;
  top: -50px;
}

body .team-section .team-content-container .yellow-bg:after {
  content: "";
  width: 22px;
  height: 36px;
  background: var(--cg-yellow);
  position: absolute;
  top: 0px;
  right: -11px;
  transform: skew(-30deg);
}

body .team-section .team-content-container .yellow-bg:before {
  display: none;
}

body .team-section .team-content-container h2 {
  font-size: 100px;
  color: #fff;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 95px;
  padding-top: 0;
}

body .team-section .team-content-container .designation {
  color: #fff;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 20px;
}

body .team-section .team-content-container .designation span {
  display: block;
  font-size: 15px;
}

body .team-section .team-content-container .content-details p {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}

body .team-section .team-content-container .team-social-details ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-top: 40px;
}

body .team-section .team-content-container .team-social-details ul li {
  padding-right: 30px;
}

body .team-section .team-content-container .team-social-details ul li:last-child img {
  vertical-align: -webkit-baseline-middle;
}

.single-brain-img.diamond::before,
.single-brain-img.diamond::after {
  display: none;
}

/*About Quote Section*/
body .phase-tesimonials .single-test-phase .flex-row {
  padding-top: 0;
  padding-bottom: 0;
}

body .phase-tesimonials .single-test-phase .flex-row .column-4 {
  padding-top: 70px;
}

/*Overview Section*/
body .trainers-list.overview-list .tab-list {
  width: fit-content;
}

body .trainers-list.overview-list .inner-tabs .tab-list {
  width: inherit;
}

/*Gallery Section*/
body .main-gallery .container .tab-content {
  padding-top: 30px;
}

/*Hiring companies*/
body .logos-section .flex-row .flex-row {
  display: flex;
}

body .top-five .flex-row .company-content h2 {
  padding-top: 30px !important;
}

/*PDF's Section*/
body .section-4 .endButtons-d .btn.tooltip:hover span,
body .section-4 .endButton-r .btn.tooltip:hover span,
body .logos-section .company-content .tooltip span {
  right: -44%;
}

body .main-gallery .tabs .tab-list-item.tab-list-active {
  z-index: 9;
}

body .main-gallery .tabs .tab-list-item.tooltip span {
  right: inherit;
  top: 25px;
  left: 0;
}

body .phase-tesimonials {
  padding-bottom: 50px;
}

body .phase-tesimonials .single-test-phase .column-4 .btn.tooltip span,
body .phases-new-section .btn-container .btn.tooltip span {
  right: inherit;
  top: 45px;
  left: 0;
}

body .section-4 .endButtons-d .btn.tooltip span:before,
body .section-4 .endButton-r .btn.tooltip span:before,
body .logos-section .company-content .tooltip span:before,
body .main-gallery .tabs .tab-list-item.tooltip:hover span:before,
body .phase-tesimonials .single-test-phase .column-4 .btn.tooltip:hover span:before,
body .phases-new-section .btn-container .btn.tooltip:hover span:before {
  right: inherit;
  left: 0px;
  transform: rotate(90deg);
}

body .phase-tesimonials .single-test-phase .column-4 {
  padding-bottom: 125px;
}

body .homepage-pdf-section .single-pdf-book .tooltip span {
  font-size: 15px;
  line-height: 20px;
}

body .homepage-pdf-section .single-pdf-book .tooltip:hover span {
  right: 72%;
}

body .homepage-pdf-section .single-pdf-book .contain {
  box-shadow: 0px 73px 65px 0px rgb(0 0 0 / 14%);
}

/*Privacy Policy*/
body .privacy-policy {
  padding-top: 0 !important;
}

body .privacy-policy strong {
  font-weight: 700;
}

body .all-press {
  justify-content: center;
}

body .all-press .press-area {
  margin: 0 10px 48px 10px;
}

/*Trainers Section*/
body .new-trainer-section .tech-tain-sev,
body .new-trainer-section .tech-tain-fif {
  left: 310px !important;
}

body .new-trainer-section .tech-tain-sec {
  left: 305px !important;
}

body .tooltip:hover span {
  color: #434343;
  top: 50px;
}

.footer-list .tooltip:hover span {
  right: 60px;
}

body .event-highlights .column-6 .tech-tain-fif {
  left: 250px !important;
}

body .event-highlights,
body .event-highlights .flex-row {
  padding-top: 0;
}

body .event-highlights .flex-row {
  padding: 0;
}

body .news-banner {
  min-height: 155px;
}

/*Hire A Codegirl*/
body .form-message input[type="file"],
body .resume-cont input[type="file"] {
  appearance: none;
  background-color: transparent;
  border: none;
  font-size: 14px !important;
  margin-top: 20px !important;
  font-family: "Montserrat", sans-serif !important;
}

body .form-message input::-webkit-file-upload-button,
body .resume-cont input::-webkit-file-upload-button {
  appearance: none;
  background-color: var(--cg-green);
  border: none;
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif !important;
}

body .main-speakers .graduation-inner-heading h4 {
  line-height: 25px;
}

body .success-text {
  color: var(--cg-green);
  border: 1px solid var(--cg-green);
  padding: 10px;
}

body .section-5.contact-section .success-text {
  color: #fff;
}

body .trainers-container .tech-main .trainersLink {
  float: none;
  margin-top: 15px;
}

body .alert-section {
  padding-top: 50px;
}

body .alert-section .image img {
  max-width: 60%;
}

body .page-not-found .alert-section {
  padding: 150px 0;
}

body .alert-section {
  padding: 100px 0 0;
}

body .event-highlights h2 {
  font-size: 80px;
  padding-bottom: 0;
}

body .event-highlights a.btn:hover {
  border: 1px solid #fff;
}

body .graduation-inner-heading h4 span {
  display: block;
  margin-top: 5px;
}

body .event-highlights .column-6:last-child {
  margin-top: -160px;
}

/*6th Event*/
.press-area img {
  object-fit: none;
}

body .cg-turns .dates {
  width: 100%;
}

body .cg-turns h3 {
  font-style: italic;
  font-size: 25px;
  font-weight: 700;
  margin-top: 70px;
  line-height: 27px;
}

body .cg-turns p {
  margin: 50px 0 0 0;
}

body .cg-turns p strong {
  font-weight: 700;
}

body .announcement-section {
  padding: 0;
}

body .announcement-section h2 {
  padding-bottom: 30px;
}

body .announcement-section .flex-row {
  padding: 30px 0;
  text-align: center;
}

body .announcement-section .flex-row p {
  padding: 20px 0;
}

body .announcement-section .flex-row p,
body .announcement-section .flex-row a,
body .cg-turns p a {
  font-size: 16px;
  font-weight: 500;
  line-height: 33px;
}

body .announcement-section .flex-row a,
body .cg-turns p a {
  text-decoration: underline;
  font-weight: 700;
}

body .announcement-section .flex-row strong {
  font-weight: 700;
}

body .announcement-section.event-highlights p {
  text-align: left;
  padding: 10px 0;
}

body .announcement-section em {
  font-style: italic;
}

body .announcement-section.event-highlights .details a {
  display: inline-block;
}

body .announcement-section.event-highlights .details {
  text-align: center;
}

body .announcement-section.event-highlights .details em {
  display: block;
}

body .pasha-image-ban .flex-row {
  padding-bottom: 0;
}

/*7th Event*/
body .announcement-section h3 {
  font-size: 25px;
  font-weight: 700;
  line-height: 27px;
  padding: 20px 0;
}

/* Accordion Section Start */

.accordion__section {
  display: flex;
  flex-direction: column;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #f5b417;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  transition: background-color 0.6s ease;
  margin-bottom: 30px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover,
.active {
  background-color: #f5b417;
}

/* Style the accordion content title */
.accordion__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px !important;
  color: #fff !important;
  margin: 0 !important;
}

/* Style the accordion chevron icon */
.accordion__icon {
  margin-left: auto;
  transition: transform 0.6s ease;
}

/* Style to rotate icon when state is active */
.rotate {
  transform: rotate(90deg);
}

.accordion__icon path {
  fill: #fff;
}

/* Style the accordion content panel. Note: hidden by default */
.accordion__content {
  background-color: white;
  overflow: hidden;
  transition: max-height 0.6s ease;
}

.accordion__content h3 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
}

.accordion__content h3 span {
  font-style: italic;
}

/* Accordion Section End */
body .blog-listing .flex-row .column-3 .blog-content-container .blog-footer .download-icon {
  display: none;
}

body .blog-datail-content .social-sahring {
  display: none;
}

/*Updates*/

.images-banner {
  position: relative;
  top: 40px;
  display: flex;
  margin-top: 50px;
}

.images-banner img {
  margin-right: 20px;
  width: 100%;
}

/* sponsorship page  */
/* Donate section  */
.donateSec {
  background-color: #fbfbfb;
  height: auto;
  padding: 180px 0px 65px 0px;
}

.sponsor-container {
  max-width: 1440px;
  width: 100%;
  margin: auto;
  padding: 0px 20px;
}

.donateSec h1 {
  font-weight: 800;
  font-size: 60px;
  color: #000000;
  font-family: "Montserrat";
}

.donateSec h1 span {
  color: #179e5a;
  font-family: "Montserrat";
}

.donate-us {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rightLinks ul {
  display: flex;
}

.rightLinks ul li {
  margin-left: 30px;
  font-family: "Montserrat";
}

.rightLinks ul li span {
  padding-left: 26px;
  font-family: "Montserrat";
}

.rightLinks ul li a:active {
  color: #9d9d9d;
}

/* sponserAGirl  */

.sponsor-banner {
  padding-top: 170px !important;
  padding-bottom: 50px !important;
}

section.banner.sponsor-banner h3 {
  font-style: normal !important;
  font-weight: 800 !important;
  font-size: 65px !important;
  line-height: 65px !important;
  color: var(--cg-text);
  font-family: "Montserrat";
  letter-spacing: -2.5px !important;
  text-transform: lowercase;
}

.sponsor-banner .page-title-captions {
  display: table-cell;
  vertical-align: middle;
  width: 100% !important;
}

.SponserContent ul li {
  list-style-type: none;
  color: #434343;
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  position: relative;
  font-family: "Montserrat";
  padding-left: 20px;
  padding-bottom: 10px;
}

.SponserContent ul li:before {
  content: "";
  background-color: black;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  border-radius: 100%;
  top: 8px;
}

section.sponserOneGirl {
  padding-bottom: 20px;
}

.reportSec .btn.tooltip:first-child {
  margin-right: 20px;
}

.SponserContent p {
  list-style-type: disc;
  color: #434343;
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  margin-bottom: 15px;
  font-family: "Montserrat";
}

/* payment ways  */
.paymentWays h2 {
  font-weight: 800;
  font-size: 40px;
  letter-spacing: 0.005em;
  color: #434343;
  font-family: "Montserrat";
  padding: 0px 0px 30px;
}


.rightContent h2 {
  padding: 10px 0px 22px !important;
}

.forInternational {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
  padding: 50px;
}

.forPakistan {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
  padding: 50px;
  margin-bottom: 30px;
}
.paymentWays {
    margin-bottom: 50px;
}

.paymentWays ul li,.paymentWays ul li a {
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #434343;
  margin-bottom: 20px;
  font-family: "Montserrat";
}
.paymentWays ul li a {
    color: var(--cg-green) !important;
    text-decoration: underline;
}

.BankTransfer .paymentWays .forInternational .qr-codes .qr-code-wrapper { height: fit-content; box-shadow: 0px 10px 30px 0px #00000012; border-radius: 9.05px; }
.BankTransfer .paymentWays .forInternational .qr-codes img { border-radius: 9.05px; }
.paymentWays ul li:last-child ,.paymentWays ul li a {
  margin-bottom: 0;
}
.BankTransfer .paymentWays .forInternational {
    display: flex;
    justify-content: space-between;
    gap:20px
}

.BankTransfer .paymentWays .forInternational .qr-codes {
    display: flex;
    gap: 19px;
}
.bankTransferpara p {
  color: #434343;
  font-weight: bold;
  font-size: 25px;
  line-height: 27px;
  margin-bottom: 40px;
  font-family: "Montserrat";
}

/* donate online section  */
.for {
  display: flex;
}

.forPak {
  margin-right: 20px;
}

.rightContent h2 {
  font-size: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 114.2%;
  color: #ffffff;
  letter-spacing: 0;
}

.donateImg {
  margin-right: 50px;
}

.online {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #179e5a;
  padding: 50px 30px;
}

.onlineContent h2 {
  font-weight: bold;
  font-size: 40px;
  color: #ffffff;
  letter-spacing: 0.005em;
  padding: 0px 0px 28px 0px;
  font-family: "Montserrat";
}

.forPak h3 {
  font-weight: 800;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: "Montserrat";
}

.forPak a {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  font-family: "Montserrat";
}

.DonateInter h3 {
  font-weight: 800;
  font-size: 25px;
  color: #ffffff;
  padding-top: 55px;
  margin-bottom: 10px;
  font-family: "Montserrat";
}

.DonateInter a {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  font-family: "Montserrat";
}

section.BankTransfer {
  padding: 0;
}

.banner {
  background-color: #fbfbfb;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 80px;
  padding-bottom: 35px;
}

.forPak:first-child:after {
  content: "";
  background-image: url(../images/Rectangle.png);
  background-size: contain;
  position: absolute;
  top: -15px;
  right: -55px;
  height: 90px;
  width: 5px;
  background-repeat: no-repeat;
}

.forPak:first-child {
  position: relative;
  margin-right: 100px;
}

section.banner .container {
  padding: 0px 20px;
}

.section-3 .logo-item a {
  padding: 0;
  border: 0;
  display: block;
  width: 100%;
  max-width: 100% !important;
  height: 82px !important;
  margin: auto !important;
}

.section-3 .logo-item img {
  width: 100%;
  height: 82px;
  object-fit: contain;
  background: white;
}

.frnds-btn {
  margin-top: 40px;
}

/* LOGO SECTION */

.company-list h2 {
  text-align: center;
  padding-bottom: 60px !important;
  font-size: 80px;
}

.section-3 .company-list .logo-container {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
}

.section-3 .company-list .logo-container .logo-item {
  margin-right: 11px;
  margin-bottom: 11px;
  width: calc(100% / 7 - 10px);
}

.section-3 .company-list .logo-container .logo-item:nth-child(7n + 7) {
  margin-right: 0;
}

.section-3 a {
  font-size: 14px;
  font-weight: 800;
  border: 2px solid var(--bg-gray);
  padding: 15px 35px;
  color: white;
  display: inline-block;
  margin-top: 30px;
}

.section-3 a:hover {
  background: #159253;
}

.arrows {
  top: -40px;
  position: absolute;
  right: 25px;
  margin: 0 auto;
}

.logos-section .company-list {
  text-align: center;
}

.arrow-left {
  right: 55px;
  display: block;
}

.home-partners-section {
  margin-top: 50px;
  text-align: end;
}

.home-partners-section p {
  font-size: 12px;
  color: #2d2d2d;
  font-weight: 500;
}

.home-partners-section p span {
  margin-right: 10px;
  margin-left: 12px;
}

.home-partners-section.mobile_home_partners {
  display: none;
}

/* THANK YOU PAGE */
section.thank-you {
  background-color: #006435;
}

.thank-you .text-align h1,
.thank-you .text-align h1 span {
  color: #434343;
  font-size: 96px;
  margin-bottom: 10px;
  letter-spacing: 0;
}

.thank-you .text-align h4 {
  color: #434343;
  line-height: 1.8em;
  font-size: 20px;
  font-weight: 600;
}

.thank-you .number-counter {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  position: relative;
  background-color: #ecf7f2;
  padding: 100px 0;
}

.thank-you .number-counter .graduates p,
.thank-you .number-counter .jobs_acquired p,
.thank-you .number-counter .starting_salary p {
  color: #434343;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.thank-you .number-counter .graduates p.para-2,
.thank-you .number-counter .jobs_acquired p.para-2,
.thank-you .number-counter .starting_salary p.para-2 {
  font-size: 48px;
  margin-top: 30px;
  text-align: center;
}

.thank-you .counter-partition p {
  height: 100%;
  background: #ffffff;
  opacity: 0.2;
}

.thank-you .counter-partition {
  background: #ffffff;
  opacity: 0.2;
  display: none;
}

.thank-you .text-align a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #db4536;
  text-decoration: none;
  margin-top: 100px;
  display: inline-block;
  background-color: #fff;
  padding: 10px 50px;
}

.thank-you .number-counter:before {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  background: #d9d9d9;
  opacity: 0.2;
  top: -70px;
  display: none;
}

.column-1.diam-column img {
  top: -30px;
  position: relative;
}

section.section-1 .column-1 h2 {
  color: #434343;
}

a.email-icon img {
  top: -2px;
  position: relative;
  margin-right: 6px;
}

a.tel-icon {
  margin-left: 20px;
}

a.tel-icon img {
  margin-right: 6px;
}

.united_nation_para {
  margin-top: 5px;
}

.united_nation_para p {
  font-size: 15px;
  font-weight: 400;
  /* font-style: italic; */
  /* margin-left: 18px; */
  color: rgba(45, 45, 45, 1);
  line-height: 1.5em;
}

.graduates,
.jobs_acquired,
.starting_salary {
  background: #ffffff;
  box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.02);
  padding: 40px;
  width: 305px;
  margin-right: 50px;
}

.starting_salary {
  margin: 0;
}

.thank-you .text-align h1 span {
  color: #179e5a;
}

.logo-container .logo-item:last-child img {
  max-width: 100% !important;
  height: 82px !important;
  width: 100% !important;
}

/* Home Banner - Location & Logos  */
.section-1 .locations-heading {
  display: flex;
  align-items: center;
  padding-top: 50px;
  width: 115%;
}

.section-1 .locations-heading .locations {
  display: flex;
  align-items: center;
  width: 100%;
}

.section-1 .locations-heading .locations p {
  margin-left: 20px;
  border-radius: 4px;
  width: 25.33%;
}

.section-1 .locations-heading .locations p:nth-child(1) {
  margin-left: 0;
}

.section-1 .locations-heading .locations p:nth-child(1) a {
  background: #db4536;
}

.section-1 .locations-heading .locations p:nth-child(2) a {
  background: #547dbf;
}

.section-1 .locations-heading .locations p:nth-child(3) a {
  background: #0a9d58;
}

.section-1 .locations-heading .locations p a {
  color: #fbfbfb;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 89.9%;
  text-transform: capitalize;
  padding: 20px 0 20px 0;
  border-radius: 4px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-1 .locations-heading .locations p a:before {
  content: "";
  background-image: url("../images/Pin.svg");
  width: 14px;
  height: 18px;
  margin-right: 8px;
}

.section-1 .number-counter .counter-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 40px;
  border-left: 2px solid #434343;
  border-right: 2px solid #434343;
}

.section-1 .number-counter .counter-status:first-child {
  padding-left: 0;
  border: none;
}

.section-1 .number-counter .counter-status:last-child {
  padding-right: 0;
  border: none;
}

.section-1 .number-counter .counter-partition {
  display: none;
}

.section-1 .number-counter {
  justify-content: left;
}

/* VOICE OF CODEGIRLS  */
.student-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
  margin: 20px 0 60px 0;
}

.student-name {
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
}

.student-designation {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.read-story-button {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.read-story-button:hover {
  background-color: #0056b3;
}

.student-list .load-more-button {
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
  background-color: transparent;
  border: 1px solid #434343;
  padding: 20px 80px;
  color: #434343;
  font-size: 14px;
  font-weight: 700;
}

section.container.common_section.codegirls_voices_listing button.load-more-button {
  display: flex;
  margin: 0 auto;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
  background-color: transparent;
  border: 1px solid #434343;
  padding: 20px 80px;
  color: #434343;
  font-size: 14px;
  font-weight: 700;
}

section.common_section h3 {
  color: #434343;
  font-weight: 600;
  font-size: 26px;
  line-height: 1em;
}

.common_section h1 {
  font-size: 84px;
  font-weight: 700;
  margin: 20px 0 32px 0;
  letter-spacing: -2px;
  text-transform: capitalize;
}
section.feature_section.common_section .flex-row {
  align-items: center;
}
section.common_section .column-7 p {
  font-size: 16px;
  line-height: 1.5em;
  padding-right: 10%;
}

section.common_section a.btn {
  font-size: 16px;
  padding: 20px 40px;
  background-color: transparent;
  border: 1px solid #434343;
  color: #434343;
}
section.common_section a.btn:hover{
  background-color: #DB4536;
  color: #fff;
  border: 1px solid #DB4536;
}
section.common_section.feature_section .column-5 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  min-height: 497px;
  max-height: 497px;
}

section.common_section.feature_section .column-5 {
  max-width: 580px;
  min-height: 497px;
  max-height: 497px;
  width: 100%;
}

section.feature_section.common_section {
  background-color: #E4F2E780;
}

section.common_section h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.5em;
  padding: 0;
  letter-spacing: 0px;
}
body section.feature_section.common_section p {
  line-height: 1.8em;
}
section.container.common_section.codegirls_voices_listing .student-list .student-card {
  max-width: 450px;
  min-height: 606px;
  max-height: 606px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 100%;
}

section.container.common_section.codegirls_voices_listing .student-list .student-card img.student-image {
  min-height: 400px;
  object-fit: cover;
  max-height: 400px;
  width: 100%;
}

section.container.common_section.codegirls_voices_listing .student-list .student-card .student_listing_detail {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

section.container.common_section.codegirls_voices_listing .student-list .student-card .student_listing_detail h4.student-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
}

section.container.common_section.codegirls_voices_listing .student-list .student-card .student_listing_detail p.student-designation {
  margin: 20px 0;
  color: #179E5A;
  font-size: 16px;
  line-height: 1em;
}

.load-more-button:hover {
  background-color: #218838;
}

section.container.common_section.codegirls_voices_listing .student-list .student-card .student_listing_detail a.read-story-button {
  background-color: transparent;
  border: 1px solid #434343;
  padding: 20px 80px;
  color: #434343;
  font-size: 14px;
  font-weight: 700;
}
section.container.common_section.codegirls_voices_listing .student-list .student-card .student_listing_detail a.read-story-button:hover{
  background-color: #DB4536;
  color: #fff;
  border: 1px solid #DB4536;
}
/* voice of codegirls detail  */
/* Responsive CSS for the Girl Detail Page */

.girl-detail-page .girl-detail-section {
  display: flex;
  flex-wrap: wrap; /* Enable wrapping for responsiveness */
  gap: 20px;
  padding: 20px;
}

.girl-detail-page .girl-detail-section .col-left {
  flex: 1 1 300px;
  margin-right: 30px;
  width: 40%;
}

.girl-detail-page .profile-image img {
  width: 100%;
  min-height: 380px;
  max-height: 380px;
  height: auto;
  object-fit: contain;
}

.girl-detail-page .girl-detail-section .col-left h2.name {
  font-size: 45px;
  margin: 0 0 35px 0;
  padding: 0;
  letter-spacing: 0;
  color: #434343;
  text-transform: capitalize;
  line-height: 1em;
}

.girl-detail-page .girl-detail-section .col-left p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.6;
  text-transform: uppercase;
  font-weight: 600;
  padding: 20px 0;
  position: relative;
}

/* footer updated css */
body .codegirls-footer .footer-menu ul li a,body .codegirls-footer  .privacy-text ul li a { font-family: Montserrat; font-weight: 500; font-size: 14px; line-height: 16px; }
body .codegirls-footer .footer-menu ul li:not(:last-child):after, body .codegirls-footer .privacy-text ul li:not(:last-child):after { content: ''; width: 6px; height: 1px; display: block; background: black; position: absolute; right: -16px; top: 60%; }
body .codegirls-footer .footer-menu ul li, body .codegirls-footer  .privacy-text ul li{ position: relative; padding-left: 0; }
body .codegirls-footer .footer-menu ul, body .codegirls-footer  .privacy-text ul  {gap:10px 26px; flex-wrap: wrap;}
body .codegirls-footer .footer-menu { margin-bottom: 20px; }
/* .codegirls-section.voice-general-section .codegirls-content p a,
.codegirls-section.voice-general-section .codegirls-content p strong {
  color: #179E5A;
} */
.codegirls-section.voice-general-section .codegirls-content p{
  padding-bottom: 10px;
}
.codegirls-section.voice-general-section .codegirls-content h2 {
  font-size: 30px;
  line-height: 1em;
  letter-spacing: 0;
  padding-bottom: 30px;
  font-weight: 700;
  color: #434343;
}
.codegirls-section.voice-general-section .codegirls-content h3 {
  font-size: 25px;
  line-height: 1.2em;
  letter-spacing: 0;
  padding-bottom: 0;
  margin: 30px 0;
  color: #434343;
}
.codegirls-content p a {
  font-size: 16px;
  color: var(--cg-text);
}
.video-section img {
  max-width: 940px;
  width: 100%;
  object-fit: cover;
}
.girl-detail-page .girl-detail-section .col-right {
  width: 60%;
}
span.dyn_loc {
  position: relative;
  padding-left: 18px;
}
.left_profile_wrap {
  max-width: 423px;
  width: 100%;
}
.profile_content {
  box-shadow: 30px 22px 84px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding: 30px 30px 0;
}
span.dyn_loc:before {
  content: '';
  background-image: url(/images/location_icon.jpg);
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 4px;
  background-repeat: no-repeat;
}
.girl-detail-page .girl-detail-section .col-left p:before {
  content: '';
  position: absolute;
  top: 0;
  width: calc(100% + 60px);
  left: -30px;
  background-color: #F5F5F5;
  height: 1px;
}
span.green{
  color: #179E5A;
}
.girl-detail-page .video-content {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.girl-detail-page .video-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.girl-detail-page .codegirls-section, .girl-detail-page .expertise-section {
  margin-top: 30px;
}

.girl-detail-page .video-section h3:before {
  content: '';
  background-image: url(/images/before_cg_icon.jpg);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -49px;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
} 
.girl-detail-page h3 {
  font-size: 40px;
  margin-bottom: 15px;
  color: #333;
  font-weight: 700;
  position: relative;
  /* margin-left: 48px; */
}
section.video-section{
  padding-top: 0;
}
/* .voice-general-section h3{
  margin-top: 80px;
} */
.voice-general-section h3 {
  margin-bottom: 40px;
}
.video-section h3 {
  margin-bottom: 40px;
  font-size: 26px;
  position: relative;
  margin-left: 47px;
  color: #434343;
  font-weight: 700;
}
.video-section h3:before {
  top: 0;
}
.codegirls-content li a span {
  font-size: 16px;
  font-weight: 700 !important;
}
.codegirls-content li:last-child {
  margin-bottom: 0;
}
.codegirls-content li {
  margin-bottom: 5px;
}

.logo-container .award-winning.tooltip span {
    width: 100%;
    min-width: 130px;
    left: 0;
    cursor: pointer;
    padding: 15px;
}
/* Responsive Adjustments */

@media (max-width: 768px) {
  .girl-detail-page .girl-detail-section {
    flex-direction: column;
  }

  .girl-detail-page .girl-detail-section .col-left {
    margin-right: 0;
  }
}


/* voice detail ends */
/* Reports css start */
/* Reports Archive Styling */
.codegirls-content p {
  color: #434343;
  font-size: 16px;
  line-height: 1.9em;
}
.codegirls-content ul {
  margin: 15px 0 0 25px;
}
.codegirls-content li {
  color: #434343;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 700;
  list-style-type: initial;
}
.codegirls-content li::marker {
  color: green;
  font-size: 23px;
}
.profile_content p span {
  width: calc(100% - 127px);
  font-size: 16px;
  text-transform: capitalize;
}

.profile_content p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-archive {
  max-width: 1390px;
  margin: 0 auto;
  padding: 80px 20px;
  text-align: center;
}

/* Page Banner */
.reports-archive .page-banner {
  text-align: center;
  margin-bottom: 40px;
}

/* Grid Layout */
.reports-archive .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

/* Individual Card */
.reports-archive .report-card {
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.reports-archive .report-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

/* Card Image */
.reports-archive .card-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Card Content */
.reports-archive .card-content {
  padding: 30px;
  text-align: left;
}

.reports-archive .report-date {
  font-size: 14px;
  font-weight: 700;
  color: #7C7C7C;
  padding-left: 20px;
  position: relative;
}

.reports-archive .report-date::before {
  content: "";
  display: inline-block;
  width: 16px;
  /* Set the width of the image */
  height: 16px;
  /* Set the height of the image */
  margin-right: 8px;
  /* Space between the image and the text */
  background-image: url('/images/calender.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -1px;
  top: -1px;
}


.reports-archive .report-year {
  font-size: 17px;
  color: #161616;
  margin: 20px 0;
  font-weight: 900;
  text-transform: capitalize;
}

.reports-archive .report-link {
  display: inline-block;
  color: #179E5A;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.3;
}
section.common_section.codegirls_voices_listing{
  padding: 30px;
}
.reports-archive .report-link .arrow {
  margin-left: 8px;
  transition: transform 0.3s ease;
  font-weight: 900;
  font-size: 20px;
}

.reports-archive .report-link:hover .arrow {
  transform: translateX(4px);
}


/* Load More Button */
.reports-archive .load-more {
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: transparent;
  border: 1px solid #434343;
  padding: 20px 80px;
  color: #434343;
  font-size: 14px;
  font-weight: 700;
  margin-top: 65px;
}
.reports-archive .load-more:hover {
  color: #fff;
  background-color: #179E5A;
  border: 1px solid #179E5A;
}


/* Responsive Design */
@media (max-width: 768px) {
  .reports-archive .grid-container {
    grid-template-columns: repeat(2, 1fr); /* Two columns on smaller screens */
}
  body .student-list{grid-template-columns: repeat(1, 1fr)}
  section.common_section.feature_section .column-5 img{object-fit: contain;}
  section.container.common_section.codegirls_voices_listing .student-list .student-card{
    margin: 0 auto;
  }
  section.common_section.feature_section .column-5 img {
    width: 100%;
    height: 100%;
    min-height: 350px;
    max-height: 350px;
}
section.common_section.feature_section .column-5{
  min-height: 350px;
  max-height: 350px;
}
  .reports-archive .archive-title {
    font-size: 28px;
  }

  .reports-archive .report-date {
    font-size: 14px;
  }

  .reports-archive .report-year {
    font-size: 16px;
  }

  .reports-archive .load-more {
    font-size: 14px;
    padding: 8px 16px;
  }
}

/* report css end  */

@media screen and (max-width: 1650px) {
  body header .nav-container.column-6 {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 1550px) {
 
  .section-1 .locations-heading {
    width: 125%;
  }

  .section-1 .locations-heading .locations p {
    margin-left: 15px;
  }

  .section-1 .locations-heading .locations p a {
    font-size: 15px;
  }

  .section-1 .number-counter {
    width: 118%;
  }

}

@media screen and (max-width: 1280px) {
  body main.press-release-skardu section.bannerbg.cg-skardu.Caterpill{
    min-height: 300px;
  }
  body header .nav-container.column-6 {
    flex-basis: 70%;
}
  /* .section-1 .locations-heading .locations p { padding: 7px 12px;}*/

  /* SKARDU PRESS RELEASE */
  body main.press-release-skardu article.main-article-container.short-banner h2.skardu-red {
    font-size: 54px;
  }

  body main.press-release-skardu article.main-article-container.short-banner h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1150px) {
  .section-1 .number-counter .counter-status {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1080px) {
  .section-1 .locations-heading {
    width: 100%;
    flex-direction: column;
  }

  .section-1 .locations-heading h3 {
    padding-bottom: 18px;
    letter-spacing: 3.7px;
  }

  .section-1 .locations-heading .locations p {
    margin: 0 10px;
    width: 35%;
  }

  
  .section-1 .images-banner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .section-1 .images-banner img {
    width: 32%;
    height: 100px;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .united_nation_para {
    top: 70px !important;
  }

  .section-1 .number-counter {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .section-1 .number-counter .counter-status {
    border: none;
    padding: 0 60px;
  }

  .section-1 .locations-heading .locations{
    justify-content: center;
  }
}

@media screen and (max-width: 700px) {
  .united_nation_para {
    top: 140px !important;
  }

  .section-1 .images-banner img {
    height: 90px;
  }
}

@media screen and (max-width: 667px) {
  body main.press-release-skardu section.bannerbg.cg-skardu.Caterpill {
    min-height: 140px;
}
  body .girl-detail-page .profile-image img{min-height: 280px;}
  body .video-section img{min-height: 300px;}
  body .girl-detail-page .girl-detail-section .col-left h2.name{
    font-size: 34px;
    margin: 0 0 24px 0;
  }
  body .voice-general-section h3 {
    margin: 20px 0 32px 49px;
    line-height: 1em;
    font-size: 28px;
}
body .girl-detail-page h3:before{top: 0;}
  .united_nation_para {
    top: 50px !important;
  }

  .section-1 .locations-heading .locations p a:before {
    font-size: 12px;
    letter-spacing: 2.572px;
  }

  .section-1 .locations-heading .locations p {
    margin: 0 7px;
  }

  .section-1 .number-counter .counter-status {
    padding: 0;
  }

  .section-1 .number-counter {
    justify-content: space-around;
  }

  .section-1 .number-counter p {
    font-size: 16px !important;
  }

  .number-counter p.para-2 {
    font-size: 30px !important;
  }

  /* SKARDU PRESS RELEASE */

  body main.press-release-skardu .cg-skardu h1 {
    font-size: 30px !important;
  }

  body main.press-release-skardu article.main-article-container.short-banner h2.skardu-red {
    font-size: 30px !important;
    padding-bottom: 25px;
  }

  body main.press-release-skardu article.main-article-container.short-banner h3 {
    font-size: 20px !important;
  }

  body main.press-release-skardu article.main-article-container.short-banner {
    margin: -220px auto 70px auto;
  }

  body main.press-release-skardu section.bannerbg {
    height: 260px;
  }
}

@media screen and (max-width: 550px) {

  /* .section-1 .locations-heading .locations p { padding: 8px 8px;} */
  .section-1 .number-counter {
    justify-content: space-between;
  }
}

@media screen and (max-width: 500px) {
  .section-1 .locations-heading .locations {
    justify-content: space-between;
    width: 100%;
  }

  .section-1 .locations-heading .locations p {
    margin: 0;
    width: 32%;
    text-align: center;
  }

  .section-1 .locations-heading .locations p a {
    letter-spacing: 1px;
  }

  .section-1 .images-banner img {
    height: 55px;
  }

  .section-1 .number-counter p {
    font-size: 12px !important;
  }

  .number-counter p.para-2 {
    font-size: 20px !important;
  }

  .section-1 .number-counter,
  .section-1 .locations-heading {
    padding-top: 30px;
  }

  .section-1 .locations-heading h3 {
    font-size: 12px;
  }
}

.karachi-location,
.skardu-location,
.south-africa-location {
  position: relative;
  display: flex;
  gap: 30px;
}
.location-sec .container .location-block {
    width: calc(100% / 3);
}
.karachi-location:before,
.skardu-location:before,
.south-africa-location:before {
  content: "";
  position: relative;
  background-image: url("../images/karachi-location.svg");
  width: 64px;
  height: 64px;
  /* left: -20px; */
  display: inline-block;
}

.skardu-location:before {
  background-image: url("../images/skardu-location.svg");
}

.south-africa-location:before {
  background-image: url("../images/south-africa-location.svg");
}

.award-winning {
  margin-left: 40px;
}

body .blog-datail-content .banner-content.award-heading h1 {
  font-size: 48px;
  color: rgba(0, 0, 0, 1);
}

body .blog-datail-content .banner-content.award-heading h1 span {
  font-size: 48px !important;
  padding: 0;
  color: rgba(23, 158, 90, 1);
}

section.blog-deatil-banner.award-banner {
  padding: 90px 0;
}

.blog-content.award-content p span.award-green {
  color: #179e5a;
  padding-left: 0;
  font-size: 16px !important;
}

.award-flex {
  display: flex;
  align-items: flex-start;
}

.blog-content.award-content p:first-child {
  margin-top: 0;
}

.blog-content.award-content .award-content-flex {
  width: 100%;
  padding-right: 50px;
}

.blog-content.award-content .award-content-img {
  width: 80%;
}

.mobile-popup-box {
  display: none;
}

.popup-box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  z-index: +99999999999;
  height: 100vh;
  align-items: center;
  display: none !important;
}

.popup-box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.5;
  z-index: -8;
}

.popup-container {
  width: 60%;
  margin: auto;
  position: relative;
  padding: 80px 50px;
  background-image: url(../images/popup-img.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right;
  border-bottom-right-radius: 250px;
  overflow: hidden;
}

.popup-main {
  padding: 0 40px;
}

.popup-main .popup-main-content p {
  font-size: 18px;
  color: #434343;
  text-align: center;
  padding: 0 210px;
  line-height: 1.5em;
  font-weight: 600;
}

.popup-main-content {
  text-align: center;
}

.popup-main .popup-main-content h1 {
  font-size: 51px;
  padding: 0 210px;
  color: #434343;
  font-weight: 700;
  margin: 30px 0;
}

.popup-main .popup-main-content p span {
  color: #179e5a;
  font-weight: 700;
}

.popup-main .popup-main-content h1 span {
  color: #179e5a;
  font-weight: 800;
}

.popup-main-btn {
  margin-top: 60px;
}

.popup-main-btn a {
  background-color: #dd4536;
  padding: 15px 40px;
  color: #fff;
  font-size: 21px;
}

.popup-logo-content {
  position: absolute;
  top: 0;
  height: 551px;
}

.popup-content {
  position: absolute;
  bottom: 30px;
  z-index: +9;
}

.popup-logo {
  position: relative;
  top: 60px;
}

.popup-content h3 {
  font-size: 36px;
  font-weight: 800;
  line-height: 0.9em;
  margin-bottom: 30px;
  color: #fff;
}

.popup-content p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.popup-content:after {
  content: "";
  width: 448px;
  height: 448px;
  position: absolute;
  background-color: #179e5a;
  border-radius: 100%;
  left: -120px;
  top: -60px;
  z-index: -8;
}

.cross {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}

.mobile-popup-box .popup-container {
  background-image: none;
  padding-top: 20px;
  overflow: scroll;
  height: 100%;
}

.popup-box.mobile-popup-box {
  height: 100%;
}

.mobile-popup-image {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.mobile-popup-box .popup-main .popup-main-content p {
  padding: 0;
}

.mobile-popup-box .popup-main .popup-main-content h1 {
  padding: 0 60px;
}

.mobile-popup-box .popup-container {
  padding: 0 0 50px 0px;
  border-radius: inherit;
}

.mobile-popup-image img {
  width: 100%;
}

.popup-box.mobile-popup-box:before {
  height: 100vh;
}

.mobile-popup-box .popup-main .popup-main-content h3 {
  font-size: 30px;
  margin: 25px 0;
  color: #179e5a;
  font-weight: 700;
}

.mobile-popup-box .popup-main-btn a {
  margin-right: 30px;
}

.logo-container.column-3 .f-left {
  display: flex;
}

/* new styles start 23-feb-2023 */

article.main-article-container {
  width: 1420px;
  background-color: white;
  margin: -311px auto 0px auto;
  box-shadow: 30px 22px 84px 0px #0000000d;
}

section.bannerbg {
  background-color: #179e5a;
  height: 391px;
}

.flexed-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexed-row-reverse {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  background-color: #ecf7f2;
}

.main-banner {
  padding: 60px 70px 0px 70px;
}

.modulde-01 {
  padding: 50px 70px 60px 70px;
}

section.new-panel,
.module-2 {
  background-color: #ecf7f2;
  padding: 60px 70px;
}

.flexed-row.sucess-story-1 {
  padding: 60px 70px 0px 70px;
}

.flexed-row.sucess-story-2 {
  padding: 0px 70px 0px 70px;
}

.flexed-row img {
  margin-left: 60px;
}

.flexed-row-reverse img {
  margin-right: 60px;
}

p.simple-peragraph.panel-pera-1 {
  margin-bottom: 30px;
}

p.simple-peragraph.panel-pera-1 strong,
p.simple-peragraph.panel-pera-2 strong {
  color: black;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}

.dates {
  position: relative;
}

.dates::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
}

/* text styling */
article.main-article-container h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 72.8px;
  margin: 0px;
  margin-bottom: 35px;
}

span.green-text {
  color: #179e5a;
}

.dates span {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #434343;
}

.dates span img {
  margin-bottom: -3px;
  margin-right: 8px;
}

body .panel-text p,
p.simple-peragraph.first-peragraph {
  width: 100%;
}

p.simple-peragraph a {
  font-size: 16px;
}

p.simple-peragraph {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #434343;
  margin: 0px;
  width: 60%;
}

.simple-peragraph strong {
  font-weight: 700;
}

h3.highlights-heading {
  font-family: "montserrat", sans-serif;
  font-size: 30px;
  line-height: 36.57px;
  font-weight: 800;
  margin-bottom: 36px;
}

.panel-text {
  text-align: center;
}

h2.panel-heading {
  font-family: "montserrat", sans-serif;
  font-size: 56px;
  line-height: 75px;
  font-weight: 800;
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
}

i.published-date {
  font-style: normal;
  opacity: 80%;
}

/* image sizes */
.module-image img {
  width: 510px;
}

strong.sub-heading {
  display: inline-block;
  margin-bottom: 20px;
  font-family: inherit;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  color: black;
}

figure {
  margin: auto;
  text-align: center;
}

figure img {
  width: auto;
  margin: auto;
}

.image-gallery ul.slick-dots {
  bottom: -40px;
}

.image-gallery ul.slick-dots li.slick-active button:before {
  color: #179e5a;
}

.image-gallery ul.slick-dots li button:before {
  font-size: 10px;
}

figure figcaption {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
}

.dr-akbar-zaidi {
  margin-bottom: 40px;
}

.other-images img {
  display: inline-flex;
  width: 303.45px;
}

section.image-gallery {
  padding: 0px 70px 80px 70px;
}

p.simple-peragraph.first-peragraph {
  margin-top: 50px;
  padding-top: 50px;
}

/* new styles end 23-feb-2023 */

@media screen and (max-width: 1600px) {
  article.main-article-container {
    width: 90%;
  }

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 50px;
  }

  .other-images img {
    width: 24%;
    display: inline-flex;
    justify-content: center;
  }

  figure img {
    width: 50%;
  }
}

@media screen and (max-width: 1442px) {
  /* .module-image img {
      width: 379px;
  } */

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 42px;
    line-height: 1.4em;
  }
}

@media screen and (max-width: 1240px) {

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 36px;
    line-height: 1.3em;
  }
}

@media screen and (max-width: 1085px) {
  p.simple-peragraph {
    width: 100%;
  }

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 30px;
    line-height: 1.3em;
  }

  .flexed-row {
    flex-direction: column-reverse;
  }

  h3.highlights-heading {
    font-size: 24px;
  }

  .flexed-row-reverse {
    flex-direction: column-reverse;
  }

  .other-images img {
    width: 45%;
  }

  .module-image img {
    margin: 25px 0px;
  }

  p.simple-peragraph.ucess-story-2-peragraph {
    margin-bottom: 30px;
  }

  figure img {
    width: 58%;
  }

  p.simple-peragraph.first-peragraph {
    padding-top: 20px;
  }

  .dates::after {
    bottom: -30px;
  }

  /* SKARDU PRESS RELEASE */

  body .row-reverse .flexed-row {
    flex-direction: column-reverse;
  }

  body .row-reverse .flexed-row .module-image .column-6,
  body .row-col .flexed-row .module-image .column-6 {
    margin: 0;
  }

  body main.press-release-skardu p.simple-peragraph {
    text-align: center;
    margin-top: 25px;
  }

  body main.press-release-skardu p.no-space {
    margin-top: 0;
  }

  body .row-reverse .modulde-01,
  body .row-col .modulde-01 {
    padding-top: 0;
  }

  body main.press-release-skardu .flexed-row img {
    margin: 0;
  }

  body main.press-release-skardu h2.panel-heading {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 1.2em;
  }

  body main.press-release-skardu section.new-panel {
    padding: 0 0 70px 0;
  }
}

@media screen and (max-width: 980px) {
  body main.press-release-skardu section.bannerbg.cg-skardu.Caterpill {
    min-height: 245px;
}
  .girl-detail-page .girl-detail-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}
.girl-detail-page .girl-detail-section .col-left {
  flex: 100%;
  margin: 0 0 60px 0;
  width: 100%;
}
.left_profile_wrap {
  max-width: 100%;
  width: 100%;
}
.girl-detail-page .girl-detail-section .col-right {
  width: 100%;
}
  section.common_section .column-7 p{padding-right: 0;}
  .student-list{grid-template-columns: repeat(2, 1fr);}
  section.feature_section.common_section .flex-row .column-5{margin-bottom: 50px;}
  section.feature_section.common_section .flex-row {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}
section.container.common_section.codegirls_voices_listing h2,
section.container.common_section.codegirls_voices_listing {
  text-align: center;
}
  body .blog-listing .flex-row .column-3 {
    flex-basis: calc((100% / 2) - 20px);
  }

  .tooltip:hover span {
    display: none !important;
  }

  /* SKARDU PRESS RELEASE */

  body main.press-release-skardu .cg-skardu h1 {
    font-size: 45px;
  }

  body main.press-release-skardu article.main-article-container.short-banner h2.skardu-red {
    font-size: 40px;
  }
}

@media screen and (max-width: 740px) {
  .main-banner {
    padding: 60px 30px 0px 30px;
  }

  section.news-banner-main.cg-turns {
    padding: 43px 30px;
  }

  .modulde-01 {
    padding: 25px 30px;
  }

  h3.highlights-heading {
    font-size: 22px;
    margin-bottom: 0px;
  }

  .module-2 {
    padding: 0px 30px;
  }

  section.new-panel {
    padding: 30px;
  }

  .flexed-row.sucess-story-1 {
    padding: 30px;
  }

  /* section.image-gallery {
      padding: 25px 30px;
  } */

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 24px;
  }

  h3.highlights-heading {
    font-size: 20px;
    margin-bottom: 0px;
  }
  .module-2.section-spacing {
    padding: 30px;
}
}

@media screen and (max-width: 540px) {

  article.main-article-container h1,
  h2.panel-heading {
    font-size: 20px;
    margin-bottom: 20px;
  }

  section.news-banner-main.cg-turns {
    padding: 20px 20px 5px;
  }

  section.new-panel,
  .flexed-row.sucess-story-1,
  .modulde-01,
  .flexed-row.sucess-story-2 {
    padding: 20px;
  }

  .module-image img,
  figure img,
  .other-images img {
    width: 100%;
  }
}

/* SKARDU PRESS RELEASE */

main.press-release-skardu {
  padding: 0;
}
main.press-release-skardu section.bannerbg.cg-skardu.Caterpill{
  background-image: url(../images/caterpillers_bg_image.jpg);
  height: auto;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  min-height: 492px;
}
main.press-release-skardu .cg-skardu {
  background-image: url(../images/CodeGirls-Skardu-Cohort-Graduates.svg);
  height: auto;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
}

main.press-release-skardu article.main-article-container {
  margin: 0 auto;
  box-shadow: none;
}

main.press-release-skardu .cg-skardu h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 1.1em;
  margin: 0px;
  position: relative;
  color: #fff;
  padding: 30px 0px 200px 0px;
}

main.press-release-skardu .cg-skardu:before {
  content: "";
  background-color: rgba(10, 157, 88, 0.45);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

main.press-release-skardu article.main-article-container.short-banner {
  margin: -311px auto 70px auto;
  padding-bottom: 0;
  box-shadow: 30px 22px 84px 0px #0000000d;
}

main.press-release-skardu article.main-article-container.short-banner h2.skardu-red {
  font-size: 64px;
  text-align: center;
  color: #eb1e2d;
  font-weight: 600;
  padding: 0 0 60px 0;
}

main.press-release-skardu article.main-article-container.short-banner h3 {
  font-size: 40px;
  text-align: center;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  color: #053070;
}

main.press-release-skardu article.main-article-container.short-banner section.main-banner {
  padding: 50px 70px 50px 70px;
}

.row-reverse .flexed-row {
  flex-direction: row-reverse;
}

.row-reverse .flexed-row .module-image .column-6 {
  margin-right: 60px;
  margin-left: 0;
}

.row-reverse .flexed-row .module-image img {
  margin: 0;
}

.row-reverse .modulde-01,
.row-col .modulde-01 {
  padding: 50px 0 50px 0;
}

main.press-release-skardu article.main-article-container.long-section {
  max-width: 1267px;
  width: 80%;
}

main.press-release-skardu b {
  font-weight: 700;
}

main.press-release-skardu span.red {
  color: #dd204f;
}

main.press-release-skardu p.simple-peragraph a {
  text-decoration: underline;
}

main.press-release-skardu h2.panel-heading {
  font-family: "montserrat", sans-serif;
  font-size: 40px;
  line-height: 75px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
  letter-spacing: 0px;
}

main.press-release-skardu section.new-panel {
  background-color: #fff;
  padding: 0px 70px 40px;
}

main.press-release-skardu .flexed-row img {
  margin-left: 0;
  width: 100%;
}

.row-col .flexed-row .module-image .column-6 {
  margin-left: 60px;
}

@media screen and (max-width: 480px) {

  body main.press-release-skardu article.main-article-container.short-banner section.main-banner {
    padding: 30px 10px;
  }
  .common_section h1{
    font-size: 60px;
    margin: 20px 0;
  }
  section.feature_section.common_section .flex-row .column-5 {
    margin-bottom: 0;
}
section.common_section h2{font-size: 40px;margin-bottom:20px;line-height:1.2em;}
section.container.common_section.codegirls_voices_listing .student-list .student-card{
  min-height: auto;
  max-height: 100%;
}
section.container.common_section.codegirls_voices_listing .student-list .student-card img.student-image{
  min-height: auto;
    object-fit: contain;
    max-height: 100%;
}

}