/*
Theme Name: Pro-Nat
Theme URI: https://pro-nat.club/
Author: Pro-Nat
Author URI: https://pro-nat.club
Description: Pro-Nat Custom Theme.
Version: 1.0
Text Domain: pro-nat

© 2025 Pro-Nat. All rights reserved.
This theme is developed exclusively for private use on the Pro-Nat website. It is not intended for distribution or resale. 
Unauthorized use, distribution, or reproduction of this theme is strictly prohibited.
*/

@font-face {
    font-family: 'Montserrat Variable';
    src: url('webfonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, helvetica, roboto, montserrat, sans-serif;
    line-height: 1.6;
	font-size: 16px;
    color: #333;
	width: 100%;
	max-width: 1920px;
	outline: none;
	touch-action: manipulation;
	margin: auto;
}
a {
	text-decoration: none;
	color: #111;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-weight: 500;
}
h1 {
    font-size: 60px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

/* Paragraph */
p {
    font-size: 16px;
    margin: 15px 0;
}

ul, ol {
	padding: 2%;
}

/* orbi font */
.orbi-000 {
	color: #000;
}
.orbi-111 {
	color: #111;
}
.orbi-222 {
	color: #222;
}
.orbi-brown {
	color: brown;
}
.orbi-600 {
	font-weight: 600;
}
.orbi-700 {
	font-weight: 700;
}
.orbi-800 {
	font-weight: 800;
}
.orbi-900 {
	font-weight: 900;
}



/* Container */
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 15px;
}

/* Row */
.row {
    display: flex;
    flex-wrap: wrap;
}

/* Columns */
/* Orbi col system */


/* Utility Classes */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}


/* @@@@@@@  Responsive Layout ------------------ */
/* @@@@@@@  Responsive Layout ------------------ */



/* Columns */
/* Orbi col system */
.col-p10, .col-p20, .col-p30, .col-p40, .col-p50, .col-p60, .col-p70, .col-p80, .col-p90, .col-p100 {
}

.col-p10 {
  flex: 0 0 10%;
  max-width: 10%;
}

.col-p20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-p30 {
  flex: 0 0 30%;
  max-width: 30%;
}

.col-p40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.col-p50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-p60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.col-p70 {
  flex: 0 0 70%;
  max-width: 70%;
}

.col-p80 {
  flex: 0 0 80%;
  max-width: 80%;
}

.col-p90 {
  flex: 0 0 90%;
  max-width: 90%;
}

.col-p100 {
  flex: 0 0 100%;
  max-width: 100%;
}



/* @@@@@@@  Responsive Layout ------------------ */
/* @@@@@@@  Responsive Layout ------------------ */
/* Default styles for all screen sizes */

.col-p10, .col-p20, .col-p30, .col-p40, .col-p50, .col-p60, .col-p70, .col-p80, .col-p90, .col-p100 {
}

/* Full width for 575px and below */
@media (max-width: 575px) {
  .col-p10, .col-p20, .col-p30, .col-p40, .col-p50, .col-p60, .col-p70, .col-p80, .col-p90, .col-p100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Breakpoint for 767px and below */
@media (max-width: 767px) {
  .col-p10 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p20 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p30 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p40 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p50, .col-p60, .col-p70, .col-p80, .col-p90, .col-p100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Breakpoint for 1099px and below */
@media (max-width: 1099px) {
  .col-p10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-p20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-p30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-p40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-p50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-p70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-p80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-p90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-p100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Breakpoint for min-width 1199px and above */
@media (min-width: 1199px) {
  .col-p10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-p20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-p30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-p40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-p50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-p60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-p70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-p80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-p90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-p100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ========== END @ BASE MEDIA ========================== */


/* ========== Header ========================== */

.header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 2%;
	padding-top: 1.9%;
    padding-bottom: .8%;
	color: #555;
	box-shadow: 4px 4px 8px 4px #fbfbfb;
}
.header #logo-col-id {
}
.header #logo-col-id img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.header #middle-col {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: brown;
	font-family: roboto, arial, 'sans-serif';
	text-align: center;
}
.header #right-col {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	    justify-content: flex-end;
}
.header #right-col .span-0 {
}
.header #right-col .span-x {
}
.header #right-col .span-z {
}
.header #right-col .phone {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	column-gap: 1pc;
}
.header #right-col .phone .branch-phone {
	display: flex;
	flex-direction: column;
}
.header #right-col .phone .branch-phone .wrap {
}
.header #right-col .phone .branch-phone .wrap .subwrap {
	line-height: 1.1;
}
.header #right-col .phone .branch-phone .wrap .subwrap .city {
	font-size: 16px;
	font-style: italic;
}
.header #right-col .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
}
.header #right-col .icon img {
	max-height: 20px;
	opacity: .6;
}
.header #right-col .phone .branch {
}


.header #right-col .phone .number {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: 18px;
	color: #111;
}
.header #right-col .mail {
	display: flex;
	flex-direction: row;	
	align-items: center;
	justify-content: center;
}
.header #right-col .mail a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.header #right-col .mail .email-form {
	font-size: 14px;
}


/* -------- contact form - GEN ----------------- */

.contact-form-div {
	width: 80%;
	margin: auto;
	margin-top: 2%;
	padding-top: 2%;
	border-top: 1px solid #aaa;
}
.contact-form-div .form-top-message {
	width: 100%;
	max-width: 400px;
	margin: auto;
}
.contact-form-div .form-top-message h5 {
	font-size: 33px;
	font-weight: 600;
}
.contact-form-div .form-top-message span {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	color: #444;
	font-style: italic;
}
#contactForm {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	width: 100%;
	max-width: 400px;
	margin: auto;
	margin-top: 1.4%;
}
#contactForm #form-wrap {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	width: 100%;
	max-width: 400px;
	margin: auto;
	margin-top: 1.4%;
}
#contactForm .field-block {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
}
#contactForm label {
	font-size: 15px;
	color: #000;
}
#contactForm input {
	width: 100%;
	height: 26px;
	border: 1px solid #888;
	border-radius: 3px;
	font-size: 16px;
}
#contactForm select {
	max-width: 200px;
}
#contactForm textarea {
	height: 100px;
}
#contactForm button {
	width: 100%;
	height: 50px;
	background: #002d87;
	color: #fff;
	font-size: 18px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

/* ========== Footer ========================== */

#footer {
	padding: 3%;
	border-top: 1px solid #999;
}
#footer .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#footer .all-rights {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#footer .all-rights .span-1 {
}
#footer .all-rights .span-2 {
}


/* ======  Homep  ================================= */

/* -- temp message only -- */
.temp-message {
	font-size: 23px;
    line-height: 1.2;
    width: 80%;
    margin: auto;
	border: 1px solid;
	padding: 2%;
	margin-bottom: 5px;
}


.homep-main {
	padding-top: 1.5%;
	padding-left: 15px;
	padding-right: 15px;
}

.homep-main .block-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 2%;
}
.homep-main .block-2 h1 {
	font-size: 50px;
	font-weight: 700;
	color: #111;
}
.homep-main .block-2 .subtitle-1 {
}
.homep-main .block-2 .subtitle-2 {
}
.homep-main .block-2 .lang {
}
.homep-main .block-2 .lang ul {
	display: flex;
	flex-direction: row;
	column-gap: 30px;
}
.homep-main .block-2 .lang li {
}


.homep-main .block-4 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2%;
	column-gap: 30px;
	max-width: 80%;
	margin: auto;
}
.homep-main .block-4 .span-1 {
}
.homep-main .block-4 .span-1 img {
	max-width: 80px;
	height: auto;
}
.homep-main .block-4 .span-2 {
	font-size: 21px;
	line-height: 1.3;
}

/*  GG FORM  */
.form-div iframe {
	width: 100%;
	margin: auto;
}
.form-div button {
	background: #222 !important;
}

/* -------- CTA BLOCK -------- */
.cta-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 15px;
	padding: 2%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
}
.cta-block .buy-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.cta-block .infos-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
/* buttons */
#register-btn {
	background: #0847bd;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	padding: 20px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
#contact-btn {
   border: none;
   background: #fff;
   font-size: 18px;
   border-bottom: 1px solid;
   border-radius: 0;   
}


/* HOMEP - 2 -------------------------------------------- */

 
.homep-main .block-1 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	width: 97%;
	margin: auto;
}


.homep-main .block-1 .div-sub-block {
	padding: 1%;
	display: flex;
	flex-direction: column;
}

.homep-main .block-1 .div-sub-block .img-div {
}

.homep-main .block-1 .div-sub-block .img-div img {
	width: 100%;
	max-width: 640px;
	flex: 1 1 0;
	min-width: 0;
	border-radius: 6px;
}

.homep-main .block-1 .div-sub-block .text-div {
	width: 80%;
	margin: auto;
	flex: 1 1 auto;
}

.homep-main .block-1 .div-sub-block .text-div h2 {
	font-size: 18px;
	color: #222;
	display: none;
}

.homep-main .block-1 .div-sub-block .text-div ul {
	list-style: none;
	font-size: 14px;
	color: #665;
}
.homep-main .block-1 .div-sub-block .text-div ul li:first-child {
    font-size: 18px;
	color: #111;
	font-family: roboto, arial, helvetica, 'sans-serif';
	line-height: 1.2;
}
.homep-main .block-1 .div-sub-block .details {
	display: flex;
	margin-top: auto;
	flex-direction: column;
    align-items: center;
}

.homep-main .block-1 .div-sub-block .details button {
	min-width: 80%;
	max-width: 80%;
	margin: auto;
	text-align: center;
	border: none;
	border-radius: 26px;
	padding: 2.6%;
	font-size: 19px;
	background: #30456c;
	color: #f3f3f3;
}
.homep-main .block-1 .div-sub-block .details button a {
	color: #f3f3f3;
}
.homep-main .block-1 .div-sub-block .details .limited {
    color: brown;
    margin-top: 1%;
	font-size: 14px;
}


.disclaimer {
	display: flex;
    flex-direction: column;
    padding: 1%;
    font-size: 12px;
    color: #777;
}
.disclaimer .span {
}
.certifications {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.2%;
	font-family: roboto, arial, sans-serif;
	font-weight: 300;
	color: #777;
	border: 1px solid #e1e1e1;
	margin-top: 3%;
}
.certifications .span-a {
}
.certifications .span-b {
}
.certifications .experts {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	column-gap: 6px;
	color: #111;
}
.certifications .plus {
	font-size: 33px;
}
.block-3 {

}
.block-3 .div-1 {
    padding: 4%;
    column-gap: 2pc;
    row-gap: 2pc;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    justify-items: flex-start;
    align-items: center;
}
.block-3 .div-1 .case {
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	column-gap: 4%;
    line-height: 1.2;
	font-family: roboto, arial, sans-sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #333;
}
.block-3 .div-1 .case img {
	width: 38px;
}
.block-3 .div-3 {
	width: 92%;
	max-width: 800px;
	margin: auto;
	margin-top: 5%;
}
.block-3 .div-3 h2 {
	font-size: 33px;
    font-family: roboto, arial, helvetica, 'sans-serif';
    font-weight: 300;
}
.block-3 .div-3 h3 {
	font-size: 23px;
	margin-top: 5%;
}
.block-3 .div-3 .bb {
}
.block-3 .div-2 {
    display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #555;
    padding: 2%;
	background: #1c2c48;
	color: #ddd;
}	
.block-3 .div-2 .span-a {
	font-size: 39px;
}
.block-3 .div-2 .span-b {
	font-size: 17px;
	text-decoration: underline;
}

.block-3 .div-3 h3 {
}

/* --------- THEMATIC PAGES ----- GEN ONLY ------------------- */

.thematic-page-main {
	width: 100%;
	margin: auto;
}
.thematic-page-main .top-block {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.thematic-page-main .top-block .img-div {
	display: flex;
	flex: 4;
}
.thematic-page-main .top-block .img-div img {
	object-fit: contain;
	max-width: 600px;
	border-bottom: 1px solid;
}
.thematic-page-main .top-block .thematic-title-div {
	display: flex;
	flex-direction: column;
	flex: 6;
	padding-left: 2%;
}
.thematic-page-main .top-block .thematic-title-div h1 {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.thematic-page-main .top-block .thematic-title-div .span-a {
	font-size: 28px;
}
.thematic-page-main .top-block .thematic-title-div .span-a .span-a-1 {
	display: block;
	font-size: 16px;
	text-decoration: underline;
}
.thematic-page-main .top-block .thematic-title-div .span-a .span-a-2 {
	display: block;
	font-size: 16px;
	font-family: roboto, arial, helvetica, 'sans-serif';
}
.thematic-page-main .top-block .thematic-title-div .span-a .span-a-2-1 {
	display: block;
	font-size: 60px;
	font-weight: 300;
}
.thematic-page-main .top-block .thematic-title-div .span-a .span-a-2-2 {
	font-size: 42px;
	font-weight: 800;
	color: #384fa9;
	border-bottom: 1px solid #c5c5c5;
	padding: 1px;
}
.thematic-page-main .top-block .thematic-title-div .span-a .span-x {
	font-size: 15px;
	font-weight: 300;
	color: #222;
}
.thematic-page-main .top-block .thematic-title-div .span-b {
	font-size: 18px;
}
.thematic-page-main .top-block .thematic-title-div .span-c {
	font-size: 16px;
}
.thematic-page-main .top-block .thematic-title-div .subwrap {
	margin-top: 20px;
}
.thematic-page-main .top-block .thematic-title-div .subwrap .checkbox-sub-block {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.thematic-page-main .top-block .thematic-title-div .subwrap .checkbox-sub-block .div-a {
    flex: 0 0 33px;	
}
.thematic-page-main .top-block .thematic-title-div .subwrap .checkbox-sub-block .div-a img {
	display: block;
	max-width: 30px;
}
.thematic-page-main .top-block .thematic-title-div .subwrap .checkbox-sub-block .div-b {
}
.thematic-page-main .top-block .block-price,
.thematic-page-main .top-block .block-cities {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	margin-top: 2%;
}
.thematic-page-main .top-block .block-price .span-x,
.thematic-page-main .top-block .block-cities .span-x {
}
.thematic-page-main .top-block .block-price .span-y,
.thematic-page-main .top-block .block-cities .span-y {
}
.thematic-page-main .middle-block-infos {
	width: 70%;
	margin: auto;
	margin-top: 2%;
}
.thematic-page-main .middle-block-infos .top {
	font-size: 29px;
	text-decoration: underline;
}
.thematic-page-main .middle-block-infos .message {
	display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}
.thematic-page-main .middle-block-infos .message .span-1 {
}
.thematic-page-main .middle-block-infos .message .span-1 img {
	opacity: .6;
}
.thematic-page-main .middle-block-infos .message .span-2 {
	font-style: italic;
	color: #777;
	line-height: 1.4;
}
.thematic-page-main .middle-block-infos .message .span-2 .span-x {
	text-decoration: underline;
}
.thematic-page-main .middle-block-infos .gen-infos {
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-1 {
	margin-top: 1%;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-1 .span-x {
    font-family: Roboto, arial, helvetica, 'sans-serif';
    line-height: 1;
    font-size: 29px;
    color: #111;
	margin-top: 1%;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-1 .span-y {
	font-size: 16px;
	font-weight: 400;
	color: #444;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 {
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 h3 {
	font-size: 54px;
	color: #222;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a .span-1 {
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a .span-2 {
	margin-top: 2%;
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a .span-3 {
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a .span-1 ul {
}
.thematic-page-main .middle-block-infos .gen-infos .sub-block-2 .div-a .span-1 ul li {
}

.thematic-page-main .middle-block-infos .thematic-faq {
}







/* @@@@@@@@@@@@@@@@@@@@@@@@@@@ ALL @@@@@@@@@@@@@@@@@@@@@@@@@ */


/* @@ HEADER @@ -------------------- */

@media screen and (max-width:699px) {
.header {
	padding: 4%;
}
}	
@media screen and (max-width:399px) {
.header {
	flex-direction: column;
}
}
@media screen and (max-width:999px) {
.header #logo-col-id img {
	max-width: 180px;
}
}
@media screen and (max-width:799px) {
.header #logo-col-id img {
	max-width: 150px;
}
}
@media screen and (max-width:999px) {
.header #middle-col {
	font-size: 19px;
}
}
@media screen and (max-width:899px) {
.header #middle-col {
	font-size: 16px;
}
}
@media screen and (max-width:649px) {
.header #middle-col {
	display: none;
}
}
@media screen and (max-width:649px) {
#logo-col-id,
#right-col {
	max-width: unset;
	flex: 1;
}
}
@media screen and (max-width:399px) {
.header #right-col,
.header #right-col .phone .number {
    align-items: center;
	justify-content: center;
}
}
@media screen and (max-width:999px) {
.header #right-col .phone .branch-phone .wrap .subwrap .city {
	font-size: 14px;
	font-style: normal;
}
}
@media screen and (max-width:699px) {
.header #right-col .phone .number {
	font-size: 15px;
}
}
@media screen and (max-width:799px) {
.temp-message {
	font-size: 20px;
	width: 92%;
}
}
@media screen and (max-width:599px) {
.temp-message {
	font-size: 19px;
}
}
@media screen and (max-width:499px) {
.temp-message {
	font-size: 15px;
}
}
@media screen and (max-width:624px) {
.homep-main .block-1 {
	grid-template-columns: 1fr;
}
}
@media screen and (max-width:624px) {
.homep-main .block-1 .div-sub-block {
	align-items: center;
	justify-content: center;
}
}
@media screen and (max-width:624px) {
.homep-main .block-1 .div-sub-block .img-div img {
	max-width: 400px;
}
}
@media screen and (max-width:624px) {
.homep-main .block-1 .div-sub-block .text-div {
	max-width: 400px;
}
}
@media screen and (max-width:1099px) {
.homep-main .block-1 .div-sub-block .details button {
	font-size: 17px;
	width: 300px;
}
}