@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Cormorant SC', serif; */

:root {
	--primary-hdng:'Poppins', sans-serif; 
	--sec-hdng :"Urbanist", sans-serif;
    --heading-col : #000 ;
}
#serv_con {   padding: 45px 25px 40px; }


body{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 34px;  color:#000;position:relative;}

.serv_con { padding: 120px 0; }
#services h2 {   font-size: 48px;   line-height: 100%;   font-family: var(--primary-hdng);   color: #000; }
.serv_content1 {   display: flex;   align-items: start;   justify-content: space-between; }
.serv_content1 { display: flex; align-content: center; justify-content: space-between; }
.serv_content1 figure { } 
.serv_right_info { width: 290px; margin-top: 13px;} 
.serv_right_info h2 {font-size: 40px; line-height: 100%; font-family: var(--primary-hdng); color: #000; width: 290px;} 
.serv_right_info span { } 
.serv_right_info p {   margin-top: 40px;   font-weight: 300; }

.serv_boxes { display: flex; align-items: center; justify-content: center;  width: 100%;margin-top: 16px;} 
.serv_box_info {   text-align: center;   background: #fff;   width: 81%;   z-index: 2;   position: absolute;   bottom: -125px;   left: 50%;   transform: translateX(-50%);   padding: 25px; }
.serv_boxes section { position: relative; width: 24%;} 
.serv_boxes section figure { } 
.serv_boxes section span { } 
.serv_boxes section p {margin: 25px auto;   color: #000;   font-weight: 300;   text-align: center;} 
.serv_boxes section a { color: inherit; font-weight: 300; color: #000;}
.serv_boxes section a:hover { }
.serv_boxes section h2 {   font-size: 22px;   color: #000;   padding-top: 37px; }

.serv_content2 {   display: flex;   align-items: end;   justify-content: center; padding: 50px 0;margin-top: 36px; }
.serv_content2 p {   width: 55%;margin-bottom: 0; margin-left: 151px; font-weight: 300;}
.serv_content2 h2 {   width: 100%;  text-align: center; font-family: var(--primary-hdng); font-size: 48px; color: #000;}
.serv_content3 { text-align: center; padding: 50px 0; margin: 195px auto 0; max-width: 1200px; width: 100%;} 
.serv_content3 h2 { font-size: 22px; color: #000; font-weight: 300;}
.serv_content3 h2 a {display: inline-block;}
.serv_content3 h2 mark {font-weight: 300;}


.serv_cta {   margin-top: 150px;   text-align: center;   font-size: 22px;   font-weight: 300; }


/* Media Queries */
@media only screen and (max-width:1400px) {
    .serv_content1 figure {   width: 68%; }
    .serv_con {   padding: 120px 25px; }
    .serv_right_info h2 {font-size: 35px; }
    .serv_right_info p { margin-bottom: 0px; }
    .serv_box_info { padding: 25px 10px; }
   
}
@media only screen and (max-width:1200px) {
    .serv_right_info p { margin-top: 15px; }
    .serv_con {   padding: 50px 25px; }
    .serv_boxes {justify-content: space-evenly;   width: 100%;   margin-top: 16px;   flex-wrap: wrap;   gap: 160px 10px; }
    .serv_boxes section {  width: 29%; }
}
@media only screen and (max-width:1090px) {
    .serv_content1 figure {   width: 63%;   margin-top: 25px; }
}
@media only screen and (max-width:1000px) {
    .serv_content1 { flex-wrap: wrap; }
    .serv_content1 figure {  width: 475px; margin: 0 auto; }
    .serv_content1 { flex-wrap: wrap; } 
    .serv_right_info { width: 100%; margin-top: 40px; text-align: center; } 
    .serv_right_info h2 {  width: 100%; }
    .serv_boxes section {   width: 315px; }
    .serv_right_info p { text-align: center; }
    .serv_con {     padding: 0;   }
}

@media only screen and (max-width:800px) {
    .serv_content2 h2 { font-size: 40px; }
}

@media only screen and (max-width:600px) {
}