/* 
  Theme Name: Axtra - Official Site of Adewale Adegoroye
  Author: Crowdyflow
  Support: habib.crowdyflow@gmail.com
  Description: BUILDY – is a  Constructor HTML5 template that comes with high-quality 3 Pre build Home Pages and many built-in awesome inner pages  which are perfect for any creative agencies, designers, digital agencies, freelancers, developers, designers, marketing, startup, blog and portfolio.
  Version: 1.0
*/
.link{color:var(--pink-2)}
a:hover{color:#641800!important}
.hero__about-info.style2{-ms-grid-columns:1fr 60px 3.5fr 60px 1.5fr;grid-template-columns:1fr 3.5fr 1.5fr;padding-bottom:50px;grid-gap:60px}
.btn_wrapper:nth-child(2){top:-100px;left:135px;height:100px;width:180px}
@media only screen and (max-width: 767px) {
.hero__about-info.style2 .btn_wrapper,#btn_wrapper{height:175px;width:175px;margin-left:calc(.5 * var(--bs-gutter-x))}
.hero__about-info.style2{padding-bottom:40px;grid-gap:0}
}
@media only screen and (max-width: 280px) {
.hero__about-info.style2 .btn_wrapper,#btn_wrapper{height:125px;width:125px;margin-left:calc(.5 * var(--bs-gutter-x))}
.hero__about-info.style2 .btn_wrapper:nth-child(2){top:-65px;left:75px;height:90px;width:180px}
.wc-btn-primary,.wc-btn-black,.wc-btn-light,.wc-btn-pink,.wc-btn-secondary{width:135px;height:135px}
.counter__wrapper-2{-ms-grid-columns:1fr 25px 1fr;gap:25px}
.counter__item-2 p{font-size:16px}
.counter__number{font-size:32px}
}
.pt-60{padding-top:60px!important}
@media only screen and (max-width: 767px) {
.pt-60{padding-top:40px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-60{padding-top:50px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-60{padding-top:55px!important}
}
.pb-160{padding-bottom:160px!important}
@media only screen and (max-width:767px) {
.pb-160{padding-bottom:140px!important}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pb-160{padding-bottom:150px!important}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.pb-160{padding-bottom:155px!important}
}
.hero__about-text:last-child p{padding-left:40px}
@media only screen and (max-width:767px) {
.hero__about-text:nth-child(2){grid-column:1/-1;-ms-grid-row:2;grid-row:2}
}
.footer__widget-4 #btn_wrapper{width:220px;height:220px;top:0;left:0}
hr:not([size]).hr.hr-blurry{background-color:var(--mdb-divider-blurry-bg);background-image:var(--mdb-divider-blurry-bg-image);height:var(--mdb-divider-blurry-height);opacity:var(--mdb-divider-blurry-opacity)}
hr:not([size]).hr{--mdb-divider-height:2px;--mdb-divider-bg:#f5f5f5;--mdb-divider-opacity:1;--mdb-divider-blurry-bg:transparent;--mdb-divider-blurry-bg-image:linear-gradient(90deg,transparent,#666,transparent);--mdb-divider-blurry-height:1px;--mdb-divider-blurry-opacity:.25;height:var(--mdb-divider-height);background-color:var(--mdb-divider-bg);opacity:var(--mdb-divider-opacity)}
details span{background-color:#ab7930;padding:2px 5px;margin:0 0 0 3px;box-shadow:1px 1px 2px #bbb;color:#fdfdfd;font-size:13px}
details summary{border-bottom:1px dotted}
#myfooter__area-3 .footer__top-3{border-top:1px solid var(--black-6)}
#myfooter__area-3 .footer__top-wrapper-3{-ms-grid-columns:30% 10% 15% auto;grid-template-columns:30% 10% 15% auto}
#myfooter__area-3 .pf-title{font-weight:700;font-size:85px;line-height:1;text-transform:uppercase;color:var(--white-2);padding-bottom:50px;opacity:.75}
#myfooter__area-3 .footer__contact-3{padding:70px 30px 45px;color:var(--bs-gray-500);text-align:left}
#myfooter__area-3 .footer__contact-3 a,.footer__copyright-x p a{color:var(--bs-gray-500);font-size:16px;text-transform:none}
.footer__copyright-x{-ms-grid-column-span:4;grid-column:span 4}
#myfooter__area-3 .footer__social-3 li a{display:block;font-weight:400;font-size:16px;line-height:1.5;text-align:center;text-transform:uppercase;color:var(--white);padding:25px 0;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}
#myfooter__area-3 .footer__top-wrapper-3,#myfooter__area-3 .footer__btm-3{padding-left:105px}
#myfooter__area-3 .footer__links{padding:23px 0 0 40px}
#myfooter__area-3 .footer__link li{padding-bottom:10px;border-bottom:1px dotted var(--black-3);margin-bottom:10px}
.team__btm .service__list-2 {grid-row-gap: 15px}
.team__btm h3.service__title-7 {font-size:30px}
#job_list .service__item {grid-template-columns: 2.5fr 3fr 1fr}
#job_list .service__title span {display: flex;}
@media only screen and (max-width: 767px){
.hero__area-3 .wrapper.withbutton {display:inline-block}
.hero__area-3 .wrapper.withbutton .video-info {width: 160px; position: relative; left: 200px; top: 20px; height: 150px}
.wrapper.withbutton .wc-btn-primary, .wrapper.withbutton .wc-btn-black, 
.wrapper.withbutton .wc-btn-light, .wrapper.withbutton .wc-btn-pink, 
.wrapper.withbutton .wc-btn-secondary {width:125px;height:125px}
#myfooter__area-3 .footer__top-wrapper-3{-ms-grid-columns: 1fr; grid-template-columns: 1fr;}
#myfooter__area-3 .pf-title {font-weight: 700;padding-bottom: 0;font-size: 70px}
#myfooter__area-3 .footer__contact-3 {padding:45px 10px; margin-bottom:0;text-align: center;}
#myfooter__area-3 .footer__top-wrapper-3, #myfooter__area-3 .footer__btm-3 {padding: 30px 10px;text-align: center;}
#myfooter__area-3 .footer__links {padding: 0 10px 45px}
#myfooter__area-3 .footer__link li:last-child {border-bottom: 0;}
.hero__about-content {padding-top: 134px !important}
.hero__about-text:last-child p {padding-left: 0}
.sec-title-wrapper.pb-160.text-anim {padding-bottom: 0px!important;padding-top: 150px !important}
.team__btm .service__list-2 {grid-row-gap: 0}
.team__btm .service__list-2 .service__title-7 {padding-bottom: 0}
.team__btm .service__list-2 .service__item-7:last-child::after {height: unset}
#job_list .service__item {grid-template-columns: 1fr}
#job_list .service__title span {display: inline-flex}
}