/**
* Theme Name: Axtra Child
* Description: This is a child theme of Axtra, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/crowdyflow">Crowdyflow</a>
* Template: axtra
* Version: 1.8.5
*/
.header__area-2 {
	z-index: 999 !important;
}

.header__logo-2 .logo-light {
    width: 100%;
}
.footer__logo-3 img {
    height: auto !important;
    width: 40%;
}
.hero__text-3 {
    max-width: 400px !important;
}
.default-padding .container {
    padding: 50px 0;
}
.home-ab .sec-text-wrapper {
    padding-left: 65px !important;
}
.about__area-3::after {
    left: 54% !important;
}
.home-ser .service__number span {
    color: #C9F31D !important;
}
/* .why-home .sec-title {
    font-size: 45px;
} */
.why-home .research__number span {
    width: 130px;
    height: 130px;
}
.why-home .counter__area-3 {
    margin-top: 80px;
}
.blog__detail-content ul li, .blog__detail-content ol li {
    color: #9d9d9d !important;
    font-weight: 300 !important;
}
.blog__detail-content ul li::before, .blog__detail-content ol li::before {
    opacity: 0 !important;
}
.blog__detail-content ul li, .blog__detail-content ol li strong {
    font-weight: 600;
	color: #fff;
}
.service-btn {
	background-color: #C9F31D;
	padding: 2px 10px;
	border-radius: 10px;
}
.development__content p {
    width: 48% !important;
}
.development__content {
    display: flex !important;
    grid-gap: 3px !important;
    width: 95%;
    justify-content: space-between;
}
.development__wrapper ul {
    display: flex !important;
    width: 100%;
    flex-wrap: wrap;
}
.development__wrapper ul li {
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    width: 50%;
}
.green-work {
    color: #C9F31D !important;
}
<!---- Portfolio starts here---->
section {
  padding: 80px;
}
h2 {
  color: #f9f8ff;
}
.portfolio-section-photos h2 {
    margin-top: 50px;
}

.grid-paysages {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
/*   grid-template-rows: 300px 300px 300px; */
  gap: 35px;
}
.grid-portraits {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 300px 300px;
  gap: 35px;
}

.grid-paysages img,
.grid-portraits img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}

.lien-conteneur-photo {
  position: relative;
}
.photo-hover {
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    bottom: -140px;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 99;
}

.lien-conteneur-photo:hover .photo-hover {
  display: flex;
  border-radius: 0.75rem;
}
.grid-paysages-pr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width: 100%;
}
.grid-paysages-pr .pr-portfolio {
    width: 16%;
}
.grid-paysages-pr .pr-portfolio img {
    width: 100%;
}
<!----- portfolio ends here-------->
.footer__social-3 li a:hover {
    background-color: #c9f31d !important;
}
.contact__text {
    margin-left: 0 !important;
}
<!----- from ends here-------->
.my-service .wpcf7-form-control .wpcf7-select {
    width: 100%;
    border-bottom: 1px solid #fff;
    border: none;
    background-color: transparent !important;
    color: #fff;
}
select.wpcf7-form-control.wpcf7-select option {
    color: #000;
}
.budget {
    margin: 30px 0 30px 6px;
    padding-left: 0;
}
.wc-btn-primary i, .wc-btn-black i, .wc-btn-light i, .wc-btn-pink i, .wc-btn-secondary i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(360deg) !important;
    padding-left: 5px;
}
.home-ab #btn_wrapper {
	height: 130px !important;
}
#home-service .service__area {
	padding-top: 0 !important;
}
#home-clients .container {
	padding: 50px 0 !important;
}
.contact__form input, .contact__form textarea {
    margin-bottom: 10px !important;
}
.wpcf7-not-valid-tip {
    margin-bottom: 20px !important;
}
.contact__info a, .contact__info span {
    font-size: 24px !important;
}
.contactpage .sec-title-2 {
    color: #C9F31D !important;
}
.story__area .from-text {
	top: -148px !important;
	right: -43px !important;
}
.main-menu .current_page_item a, .dark  .main-menu-4 .current_page_item a {
	color: #c9f31d !important;
}
.my-case {
    width: 100%;
    text-align: center;
/* 	margin-bottom: 140px; */
}
.my-case a {
    background-color: #c9f31d;
    padding: 15px 40px;
    border-radius: 10px;
}
.portfolio-section-photos, .video-production {
	margin-bottom: 70px;
}
.portfolio__item a {
    pointer-events: none !important;
}
.offcanvas__social .social-title, .offcanvas__contact h3 {
    color: #c9f31d !important;
}
.switcher__area {
    display: none;
}
/* ***Popup Maker *****/
#pum-4724 {
	z-index: 1999999999;
	background-color: #0000004d;
}
.pum-theme-4715 .pum-container, .pum-theme-default-theme .pum-container {
	background-color: rgb(221, 221, 221) !important;
}
.pum-theme-4715 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	height: 46px !important;
	width: 47px !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 31px !important;
	color: #000 !important;
	background-color: rgb(201, 243, 29) !important;
}
.pop-form {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.pop-form-in {
	width: 48%;
	margin-bottom: 10px;
}
.pop-form-in2 {
	width: 100%;
}
.pop-form .pop-form-in input {
	width: 100%;
	border: 1px solid #000;
	padding: 3px 10px;
	border-radius: 5px;
	color: #000;
}
.pop-form .my-servicein {
	border: 1px solid #000;
	background-color: #fff !important;
	color: #000;
	font-weight: 300;
	padding: 3px 10px;
	border-radius: 5px;
}
.pop-form-in2 textarea {
	height: 100px;
	width: 100%;
	resize: none;
	padding: 3px 10px;
	border-radius: 5px;
}
.pop-form-btn .wc-btn-dark {
	background-color: #c9f31d;
	color: #000 !important;
	font-size: 18px;
	padding: 7px 20px;
	margin-top: 10px;
}
.pop-btn {
    background-color: #c9f31d !important;
    position: fixed;
    color: #000 !important;
    right: auto;
    top: 400px;
    width: 130px;
    transform: rotate(270deg);
}
/******** Popup end *******/
@media only screen and (min-width:501px) and (max-width:900px){
	.header__logo-2 {
	width: 35% !important;
}
	.home-banner .hero__title::after {
	display: none !important;
}
	.home-banner  .hero__sub-title {
	bottom: -100px;
}
	.portfolio__area {
	z-index: -1;
}
.story__area .from-text {
	top: -91px !important;
	width: 160px;
	height: 88px;
}	
}
@media only screen and (max-width: 500px){
	.header__logo-2 {
	width: 60%;
}
.sec-text.text-anim {
	margin-top: -25px;
}
	.about__area-3 .sec-title {
	padding-bottom: 0;
}
	.btn_wrapper, #btn_wrapper {
	margin-top: -25px !important;
}
	.service__hero-right-2 .title span {
	padding-left: 24px !important;
}
	.my-service {
	margin-bottom: 70px;
}
	.budget {
	margin-bottom: 50px;
	margin-left: 6px;
}
	.dark .development__area {
    margin-top: 45px;
}
	.grid-paysages {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	video, iframe, img {
	width: 100%;
	height: auto;
}
	.grid-paysages-pr .pr-portfolio {
	width: 30%;
}
	.home-testi .testimonial__slider-3.swiper {
	padding-top: 0 !important;
}
	.research__area .sec-title {
	font-size: 23px !important;
}
	.scroll {
	display: none;
}
	.service__items-7 ul li {
	line-height: 2.3 !important;
}
	.founder p {
	display: none;
}
	.founder h3 {
	margin-bottom: -40px;
}
	.story__area .from-text {
	top: -60px !important;
	right: 0 !important;
	padding: 10px 20px !important;
	height: auto !important;
}
	.pop-form-in {
	width: 100%;
}
	.menu-anim .active a {
	color: #000 !important;
	background-color: #c9f31d !important;
}
	.portfolio__list-1 {
	z-index: 1 !important;
}
	.service__hero-left-2 {
	display: none !important;
}
}