/* Custom CSS */

@import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap");
@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=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

#awwwards {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;

    width: 90px;
    height: 135px;

    text-indent: -666em;

    background-image: url(../img/root/awwwards_honorable_white.html);
    background-repeat: no-repeat;
    background-size: 90px 135px;

    overflow: hidden;
}

#wpselected {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

    width: 90px;
    height: 90px;

    text-indent: -666em;

    background-image: url(../img/root/wpselected-badge-left.html);
    background-repeat: no-repeat;
    background-size: 90px 90px;

    overflow: hidden;
}


/*Customized CSS*/
/* @import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap'); */
/*Font Weight*/

.fw-100{
	font-weight: 100 !important
}
.fw-200{
	font-weight: 200 !important
}
.fw-300{
	font-weight: 300 !important
}
.fw-400{
	font-weight: 400 !important
}
.fw-500{
	font-weight: 500 !important
}
.fw-600{
	font-weight: 600 !important
}
.fw-700{
	font-weight: 700 !important
}
.fw-800{
	font-weight: 800 !important
}

/*Letter Spacing*/

.ls-1
{
	letter-spacing: 1px !important;
}
.ls-2
{
	letter-spacing: 2px !important;
}
.ls-3
{
	letter-spacing: 3px !important;
}
.ls-4
{
	letter-spacing: 4px !important;
}
.ls-5
{
	letter-spacing: 5px !important;
}
.ls-6
{
	letter-spacing: 6px !important;
}
.ls-7
{
	letter-spacing: 7px !important;
}
.ls-8
{
	letter-spacing: 8px !important;
}
.ls-9
{
	letter-spacing: 9px !important;
}
.ls-10
{
	letter-spacing: 10px !important;
}

/*Font Size*/

.fs-14{
	font-size: 14px !important;
	line-height: 24x;
}
.fs-16{
	font-size: 16px !important;
	line-height: 26px !important;
}
.fs-18{
	font-size: 18px !important;
	line-height: 28px;
}
.fs-20{
	font-size: 20px !important;
	line-height: 30px;
}
.fs-22{
	font-size: 22px !important;
	line-height: 32px;
}
.fs-24{
	font-size: 24px !important;
	line-height: 34px;
}
.fs-26{
	font-size: 26px !important;
	line-height: 36px;
}
.fs-28{
	font-size: 28px !important;
	line-height: 28px;
}
.fs-30{
	font-size: 30px !important;
	line-height: 40px;
}
.fs-32{
	font-size: 32px !important;
	line-height: 42px;
}
.fs-34{
	font-size: 34px !important;
	line-height: 44px;
}
.fs-36{
	font-size: 36px !important;
	line-height: 46px;
}
.fs-38{
	font-size: 38px !important;
	line-height: 48px;
}
.fs-40{
	font-size: 40px;
	line-height: 50px;
}
.fs-42{
	font-size: 42px !important;
	line-height: 52px;
}
.fs-44{
	font-size: 44px !important;
	line-height: 54px;
}
.fs-46{
	font-size: 46px;
	line-height: 56px;
}
.fs-48{
	font-size: 48px !important;
	line-height: 58px;
}
.fs-50 {
    font-size: 50px !important;
    line-height: 63px !important;
}
.fs-55{
	font-size: 55px !important;
	line-height: 65px;
}
.fs-60{
	font-size: 60px !important;
	line-height: 70px;
}
.fs-65{
	font-size: 65px !important;
	line-height: 65px;
}
.fs-70{
	font-size: 70px !important;
	line-height: 70px;
}
.fs-100{
	font-size: 100px !important;
	line-height: 100px;
}
.fs-120{
	font-size: 120px !important;
	line-height: 120px;
}



/*Margin Top*/
.mt-5{
	margin-top:05px !important;
}
.mt-10{
	margin-top:10px !important;
}
.mt-15{
	margin-top:15px !important;
}
.mt-20{
	margin-top:20px !important;
}
.mt-25{
	margin-top:25px !important;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}
.mt-50{
	margin-top:50px !important;
}
.mt-60{
	margin-top:60px !important;
}
.mt-70{
	margin-top:70px !important;
}
.mt-80{
	margin-top:80px !important;
}
.mt-90{
	margin-top:90px !important;
}
.mt-100{
	margin-top:100px !important;
}
.mt-110{
	margin-top:110px !important;
}
.mt-120{
	margin-top:120px !important;
}

/*Margin Bottom*/
.mb-10{
	margin-bottom:10px !important;
}
.mb-15{
	margin-bottom:15px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.mb-25{
	margin-bottom:25px !important;
}
.mb-30{
	margin-bottom:30px !important;
}
.mb-40{
	margin-bottom:40px !important;
}
.mb-50{
	margin-bottom:50px !important;
}
.mb-60{
	margin-bottom:60px !important;
}
.mb-70{
	margin-bottom:70px !important;
}
.mb-80{
	margin-bottom:80px !important;
}
.mb-90{
	margin-bottom:90px !important;
}
.mb-100{
	margin-bottom:100px !important;
}


/*Margin Right*/
.mr-10{
	margin-right:10px !important;
}
.mr-15{
	margin-right:15px !important;
}
.mr-20{
	margin-right:20px !important;
}
.mr-25{
	margin-right:25px !important;
}
.mr-30{
	margin-right:30px !important;
}
.mr-40{
	margin-right:40px !important;
}
.mr-50{
	margin-right:50px !important;
}
.mr-60{
	margin-right:60px !important;
}
.mr-70{
	margin-right:70px !important;
}
.mr-80{
	margin-right:80px !important;
}
.mr-90{
	margin-right:90px !important;
}
.mr-100{
	margin-right:100px !important;
}

/*Margin Left*/
.ml-10{
	margin-left:10px !important;
}
.ml-15{
	margin-left:15px !important;
}
.ml-20{
	margin-left:20px !important;
}
.ml-25{
	margin-left:25px !important;
}
.ml-30{
	margin-left:30px !important;
}
.ml-40{
	margin-left:40px !important;
}
.ml-50{
	margin-left:50px !important;
}
.ml-60{
	margin-left:60px !important;
}
.ml-70{
	margin-left:70px !important;
}
.ml-80{
	margin-left:80px !important;
}
.ml-90{
	margin-left:90px !important;
}
.ml-100{
	margin-left:100px !important;
}
.ml-150{
	margin-left:150px !important;
}

/*Padding Top*/
.pt-10{
	padding-top:10px !important;
}
.pt-15{
	padding-top:15px !important;
}
.pt-20{
	padding-top:20px !important;
}
.pt-25{
	padding-top:25px !important;
}
.pt-30{
	padding-top:30px !important;
}
.pt-40{
	padding-top:40px !important;
}
.pt-50{
	padding-top:50px !important;
}
.pt-60{
	padding-top:60px !important;
}
.pt-70{
	padding-top:70px !important;
}
.pt-80{
	padding-top:80px !important;
}
.pt-90{
	padding-top:90px !important;
}
.pt-100{
	padding-top:100px !important;
}


/*Padding Bottom*/
.pb-10{
	padding-bottom:10px !important;
}
.pb-15{
	padding-bottom:15px !important;
}
.pb-20{
	padding-bottom:20px !important;
}
.pb-25{
	padding-bottom:25px !important;
}
.pb-30{
	padding-bottom:30px !important;
}
.pb-40{
	padding-bottom:40px !important;
}
.pb-50{
	padding-bottom:50px !important;
}
.pb-60{
	padding-bottom:60px !important;
}
.pb-70{
	padding-bottom:70px !important;
}
.pb-80{
	padding-bottom:80px !important;
}
.pb-90{
	padding-bottom:90px !important;
}
.pb-100{
	padding-bottom:100px !important;
}


/*Padding Right*/
.pr-10{
	padding-right:10px !important;
}
.pr-15{
	padding-right:15px !important;
}
.pr-20{
	padding-right:20px !important;
}
.pr-25{
	padding-right:25px !important;
}
.pr-30{
	padding-right:30px !important;
}
.pr-40{
	padding-right:40px !important;
}
.pr-50{
	padding-right:50px !important;
}
.pr-60{
	padding-right:60px !important;
}
.pr-70{
	padding-right:70px !important;
}
.pr-80{
	padding-right:80px !important;
}
.pr-90{
	padding-right:90px !important;
}
.pr-100{
	padding-right:100px !important;
}

/*Padding Left*/
.pl-10{
	padding-left:10px !important;
}
.pl-15{
	padding-left:15px !important;
}
.pl-20{
	padding-left:20px !important;
}
.pl-25{
	padding-left:25px !important;
}
.pl-30{
	padding-left:30px !important;
}
.pl-40{
	padding-left:40px !important;
}
.pl-50{
	padding-left:50px !important;
}
.pl-60{
	padding-left:60px !important;
}
.pl-70{
	padding-left:70px !important;
}
.pl-80{
	padding-left:80px !important;
}
.pl-90{
	padding-left:90px !important;
}
.pl-100{
	padding-left:100px !important;
}

/*Text Color*/

.text-white{
	color: #fff !important;
}
.text-gray{
	color: #999 !important;
}
.text-black{
	color: #000 !important;
}
.text-red{
	color:red;
}
.theme-color1{
	color: #d31612 !important;
}
.theme-color2{
	color: #000 !important;
}
.theme-color3{
	color: #4B4B4E !important;
}

/*Animation*/
.in-sroll{
	-webkit-transition: all 5s linear; */
    -moz-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -o-transition: all 5s linear;
    /* transition: all 5s linear;	*/
}

/*Text Strock*/

.stroke {
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #B22D30;
    color: transparent;
    text-shadow: 6px 2px 2px rgb(68 68 68 / 15%);
}

/*Background*/

.fact-bg {
    background:
    rgba(0, 0, 0, 0) url("../img/bg/fact-bg.jpg") no-repeat fixed center center / cover !important;
}
.contact-bg {
    background:
    rgba(0, 0, 0, 0) url("../img/bg/fact-bg.jpg") no-repeat fixed center center / cover !important;
}
.bg-theme1{
	background: #86b032 !important;
}
.bg-theme2{
	background: #423922;
}
.bg-white{
	background: #fff;
}
.bg-gray{
	background: #f9f9f9;
}

.box-shadow{
	-webkit-box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
-moz-box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
box-shadow: 10px 10px 24px 0px rgba(204,204,204,1);
}

.shadowimage {
    box-shadow: 0 18px 8px -16px rgba(43,42,41,0.7);
}

/*Border*/
.border-radius0{
	border-radius: 0px !important;
}
.border-radius-25{
	border-radius: 25px;
}
.border-radius200{
	border-radius: 200px !important;
}
.border-radius-right{
	border-radius: 0px 15px 0px 15px;
}
.border-radius-15{
	border-radius: 15px;
}

/* Font Style*/

.passon-one{
	font-family: 'Passion One', cursive;
}
.font-js{
	font-family: 'Josefin Sans', sans-serif;
}
.fact-font{
	font-family: 'Passion One', cursive;
}
.num-font{
	font-family: 'Anton', sans-serif !important;
}
.cookie-font{
	font-family: 'Kaushan Script', cursive;
}
.cairo{
	font-family: 'Cairo', sans-serif;
}
.oswald{
	font-family: 'Oswald', sans-serif;
}
.abril{
	font-family: 'Abril Fatface', cursive;
}
.font-italic{
	font-style: italic;
}

/*Others*/

.gray-scale {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    cursor: pointer;
}
.gray-scale:hover {
	-webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
.text-center{
	text-align:center !important;
}
.text-left{
	text-align:left !important;
}
.text-justify{
	text-align:justify;
}
.left-flot{
	float:left !important;
}
.right-flot{
	float:right !important;
}
.text-block{
	display: block;
}
.divider-call-back {
    content: "";
    margin-bottom: 10px;
    left: 0;
    width: 20px;
    height: 2.5px;
    background: #423922;
    display: inline-block;
}
.divider-short {
    content: "";
    left: 0;
    width: 20px;
    height: 5px;
    background: #d31612;
    display: inline-block;
}
.divider-short-white {
    content: "";
    margin-bottom: 10px;
    left: 0;
    width: 40px;
    height: 5px;
    background: #fff;
    display: inline-block;
}
.divider-big {
    content: "";
    margin-bottom: 15px;
    margin-top: 20px;
    left: 0;
    width: 40px;
    height: 10px;
    background: #000;
    display: inline-block;
}
.divider-big-white {
	content: "";
	margin-bottom: 15px;
	margin-top: 0px;
	left: 0;
	width: 60px;
	border-radius: 0px 0px 15px 15px;
	height: 10px;
	background: #fff;
	display: inline-block;
}

/*Web Customs*/
.c-col-6.footer-widget.footer_menu {
    margin-top: 25px;
}
.ha-title{
	font-size:70px;
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.6;
}
.fc-title{
	font-size:18px;
	letter-spacing:3px;
	font-weight:600;
}
.fc-adress{
	font-size:16px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	text-decoration: none;
	color:#787878;
}
.fc-phone{
	font-size:20px;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	letter-spacing:2px;
	text-decoration: none;
	border-bottom:1px solid #9e9e9e;
	padding-bottom:05px;
	color:#282828;
}
.fc-phone span{
	font-size:20px;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	letter-spacing:1px;
	text-decoration: none;
	border-bottom:1px solid #9e9e9e;
	padding-bottom:05px;
	color:#828282;
}
.about-ft{
	font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 70px;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-right: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.fc-adress {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #787878;
    margin-top: 15px;
}




.mt-80 {
    margin-top: 80px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.text-justify{
	text-align:justify !important;
}
.smooth-scroll {
  scroll-behavior: smooth;
}

.ptf-custom--9135 .typed-cursor {
    color: #ee3364;
}

.ptf-custom--0531 {
    position: absolute;
    bottom: 15%;
    left: 130px;

    color: #0b0b0b;
    font-size: 35px;
}

.ptf-custom--9503::after {
    content: "";

    position: absolute;
    top: 50%;
    left: calc(100% + 30px);

    width: 0;
    max-width: 60px;
    height: 1px;

    background-color: #1f0e49;

    transition: width 0.5s 1s ease-in-out;
}

.ptf-is-page-loaded .ptf-custom--9503::after {
    width: 100%;
}

.ptf-custom--5832 {
    position: relative;
    z-index: 1;

    margin-right: 50px;
}

.ptf-custom--5832::after {
    content: "";

    position: absolute;
    top: -50px;
    right: -50px;
    z-index: -1;

    width: 100%;
    height: 100%;

    border: 10px solid #00bec5;
}

.ptf-custom--5832 {
    position: relative;
    z-index: 1;

    margin-right: 50px;
}

.ptf-custom--5832::after {
    content: "";

    position: absolute;
    top: -50px;
    right: -50px;
    z-index: -1;

    width: 100%;
    height: 100%;

    border: 10px solid #00bec5;
}

.ptf-custom--3103 .ptf-services-box__link {
    background-color: rgba(0, 0, 0, 0.25);
}

.ptf-custom--3103 .ptf-highlight {
    background: linear-gradient(
        to top,
        transparent 5%,
        rgba(0, 0, 0, 0.25) 5%,
        rgba(0, 0, 0, 0.25) 37%,
        transparent 37%
    );
}

.ptf-custom--4111 .ptf-swiper-pagination--style-1 span {
    background-color: #fff;
}

.ptf-custom--4111 .ptf-swiper-button-prev--style-2,
.ptf-custom--4111 .ptf-swiper-button-next--style-2 {
    color: #fff;
}

.ptf-custom--6632 {
    margin-top: -225px;
}

.ptf-custom--9917 .ptf-social-icons a:not(:hover) {
    color: #fff;
}

.ptf-custom--8681 .ptf-countdown h5,
.ptf-custom--8681 .ptf-countdown strong {
    color: #fff;
}

.ptf-custom--9511 .ptf-swiper-pagination--style-1 span {
    background-color: #fff;
}

.ptf-is--homepage-05 .ptf-header--default .ptf-navbar,
.ptf-is--homepage-05 .ptf-header--default .ptf-navbar.ptf-navbar--solid {
    background-color: #191919;
}

.ptf-is--homepage-11 .ptf-navbar {
    padding: 0 35px;
}

.ptf-is--homepage-11 .ptf-navbar .container {
    width: 100%;
}

.js-offcanvas-menu-toggle {
    display: none;
}

.logo-text {
    font-weight: 600 !important;
    font-size: 40px;
    letter-spacing: 5px;
    /* font-family: 'Kanit', sans-serif; */
    /* font-family: 'Dancing Script', cursive; */
    font-family: "Poppins", sans-serif;
}

.project-brief tbody tr td {
    border: none;
}

.text-black {
    color: #000;
}

.tea-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-right {
    text-align: right;
}

.title-text {
    font-size: 60px;
    line-height: 70px;
    font-weight: 600;
}
.title-text span{
    font-size: 60px;
    line-height: 70px;
    font-weight: 200;
}
.brief-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.footer-logo {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 5px;
    color: #000;
}
.footer-titel {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
}
.footer-text {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    color: #000;
}
.health--text {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 50px;
}
.health--text span {
    font-size: 22px;
    font-weight: 700;
}
.text-title {
    margin-bottom: 30px !important;
}
.text-title-2 {
    margin-bottom: 25px !important;
}
.ui-name {
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
    font-weight: 700;
}
.year {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #9f9f9f !important;
    /* text-align: right; */
    float: right !important;
	font-style:italic;
}
.ptf-timeline__item h6 {
    font-size: 20px;
    font-weight: 600;
}
.edu-exp-text li {
    margin-top: 3px !important;
}
.bchr-title{
	font-size: 56px !important;
	line-height:1 !important;
	font-weight:800;
}
.pd-title{
	font-size: 17px !important;
	line-height:2 !important;
	font-weight:400;
	letter-spacing:5px !important;
}
.need-img {
    margin-top: 20px;
}

.need-text p {
    font-size: 24px;
    font-weight: 700;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 20px;
}

.need-text-2 p {
    font-size: 18px;
    font-weight: 300;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 20px;
}
.name {
    font-size: 50px;
    font-weight: 600;
}

.cyan-item img {
    margin-top: 30px;
    border: 2px solid #000;
    border-radius: 15px;
}
.hero-stack-50-copy {
  width: 100%;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 170px 20px 64px;
  display: flex;
  position: relative;
}
.vectors-wrapper-233-saving {
  width: auto;
  height: 83%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  display: block;
  position: absolute;
  top: -200px;
  bottom: auto;
  left: auto;
  right: 0;
}
.small-container-63-saving {
  width: 100%;
  max-width: 960px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.title-section-34-saving {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.frame-15679-saving {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.image-484-copy {
  object-fit: cover;
}
.content-82-saving {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.paragraph-wrapper-31 {
  width: 100%;
  max-width: 534px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.text-701 {
  color: #595959;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 160%;
}
.frame-15680-saving {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.button-wrapper-20-saving {
  width: 100%;
  max-width: 960px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.image-484-saving {
  width: 65%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}


.frame-15681 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.frame-15682 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.frame-15684-home {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.frame-15685 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -10px;
  display: flex;
}
.div-block-27 {
  min-width: 880px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}
.text-702 {
  color: #595959;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
}
.circle {
  width: 150px;
  height: 150px;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  align-items: center;
  text-align: center;
  padding: 25px;
  background: #f1f1f1;
  color: #595959;
  display: inline-block;
  font-size: 36px;
  opacity: 0.8;
  z-index: -1;
}
.text-703 {
  color: #595959;
  font-size: 48px;
  font-weight: 400;
  display: inline-block;
  vertical-align: bottom;
  margin-left: -95px;
  opacity: 1;
  z-index: 1;
  position: relative;
  width: 500px;
}
.div-block-26-right {
  max-width: 440px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}
.div-block-28 {
  height: auto;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}
.text-702-home-right {
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  color: #595959;
  text-align: right;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background-color: #f1f1f1;
  border-radius: 100px;
  align-self: flex-start !important;
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 500;
  line-height: 150%;
}
.text-704 {
  color: #595959;
  font-size: 18px;
  font-weight: 300;
  line-height: 180%;
  text-decoration: none;
}
.image-486-copy-home {
  width: 80%;
  height: auto;
  object-fit: cover;
  border: 1px #e4e4e4;
  border-radius: 12px;
  margin-bottom: 20px;
}
.b-2 {
    border: 2px solid;
}
.mood-img-1 {
    margin-top: 20px !important;
}
.key-features-mood {
    margin-top: 50px;
}
.featyres-text {
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
.featyres-text-2 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    margin-top: 20px;
    font-weight: 700;
}
.key-titel h5 {
   font-size: 1rem !important;
   line-height: 1.3;
   color: #000;
   margin-top: 20px;
}
.key-text {
   font-size: 1rem;
   line-height: 1.3;
   color: #000;
   margin-top: 20px;
}
.w-20 {
    width: 20%;
    padding-top: 30px;
}
section {
    position: relative;
}
.fact-desc-1 {
  position: absolute;
  top: 10%;
  left: 56.4%;
  font-size: 16px;
  line-height: 1.4;
  padding-right: 312px;
  text-align: justify;
}
.swiper-slide {
    width: 700px;
}
.cyan-item img {
    width: 100%;
}
.swiper-slide .img-b-r img {
    border: 2px solid #000;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    -ms-border-radius: 5%;
    -o-border-radius: 5%;
}
.pro-name {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 46px;
}
.pro-bri {
    font-weight: 300;
    font-size: 42px;
    text-transform: uppercase;
}


.banner-text-1 {
    font-weight: 400;
}
.banner-text {
    font-size: 46px;
    font-weight: 700;
}
.banner-text span {
    color: black;
}
.sub-menu li {
    text-align: left;
    border: 1px solid #d3d3d3;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.sub-menu img {
    margin: 0 10px 0 0;
}
.mobile-border {
		margin: 3rem 0 3.050rem 0 !important;
		border: none;
		border-bottom-width: medium;
		border-bottom-style: none;
		border-bottom-color: currentcolor;
		border-bottom: 1px solid #fff !important;
	}
.padd-y {
	--bs-gutter-y: 90px;
}
.video-pro {
	width: 100%;
	height: 718px;
}









.wave {
    background-image: url(../img/index/wave.svg);
    background-repeat: repeat-x;
    background-size: 500px 125px;
    background-position: top;
    position: absolute;
    top: 0%;
    width: 100%;
    height: 125px;
    animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: rotate(180deg);
    z-index: 1;
}

.wave:nth-of-type(2) {
opacity: 0.7;
animation: swell 5s ease -1.25s infinite, wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite;
z-index: 0;
}

@keyframes wave {
0% {
background-position-x: 0%;
}
100% {
background-position-x: -500px;
}
}

@keyframes swell {
0%, 100% {
background-position: right bottom 10px;
}
50% {
background-position: right bottom 0;
}
}












/* max-width 1500px */
@media (max-width: 1500px) {
    .ptf-advantage-box__image {
        height: 4.375rem !important;
    }
    .ptf-advantage-box__image img {
        width: auto;
        height: 100%;
    }
    .ptf-advantage-box__content {
        padding: 35px 35px !important;
    }
    .image-486-copy-home {
        width: 100%;
    }
}
/* max-width 1400px */
@media (max-width: 1450px) {
    .ptf-advantage-box__content {
        height: 8.375rem;
        width: 8.375rem;
        margin: 0 30px;
    }
    .ptf-advantage-box__image {
        height: 100% !important;
        width: auto;
    }
    .ptf-advantage-box__image img {
        width: auto;
        height: 100%;
    }
    .ptf-advantage-box__content {
        padding: 35px 35px !important;
    }
    .image-486-copy-home {
        width: 100%;
    }
}
/* max-width 1400px */
@media (max-width: 1400px) {
    .image-486-copy-home {
        width: 80%;
    }
}
/* min-width 768px */
@media (min-width: 768px) {
    .ptf-custom--5136 {
        padding-left: 70px;
    }
    .ptf-custom--8620 {
        padding-right: 70px !important;
    }
    .ptf-custom--5317 {
        padding: 0 30px !important;
    }
    .ptf-custom--5171 {
        padding-right: 70px;
    }
    .ptf-custom--7205 {
        margin-top: -100px;
    }
    .ptf-custom--8511 {
        padding-right: 85px;
    }
    .ptf-custom--6525 {
        position: relative;
        z-index: 2;
    }
}

/* max-width 767px */
@media (max-width: 767px) {
    #awwwards,
    #wpselected {
        display: none;
    }
    .ptf-custom--9135 h2 {
        font-size: 28px;
    }
    .ptf-custom--1631 {
        font-size: 38px;
    }
}

/* max-width 991px */
@media (max-width: 991px) {
    .ptf-custom--9182 {
        font-size: 48px;
        line-height: 60px;
    }
    .ptf-custom--9182 {
        font-size: 48px;
        line-height: 60px;
    }
}

/* max-width 575px */
@media (max-width: 575px) {
    .ptf-custom-9182 {
        font-size: 38px;
        line-height: 50px;
    }
    .ptf-custom-9182 {
        font-size: 38px;
        line-height: 50px;
    }
    .ptf-custom--0531 {
        bottom: 5%;
    }
    .js-offcanvas-menu-toggle {
        display: inline;
    }
    .logo-text {
        font-weight: 600;
        font-size: 40px;
    }
    .image-484-saving {
        width: 100%;
    }
    .div-block-27 {
        display: inline;
    }
    .circle {
        height: 60px;
        width: 60px;
        padding: 0px;
    }
    .text-703 {
        margin-left: 0px;
		font-size: 40px;
    }
    .div-block-26-right {
        width: 100%;
        max-width: 100%;
    }
    .image-486-copy-home {
        width: 100%;
    }
    .frame-15682,
    .w-inline-block,
    .frame-15685,
    .div-block-27 {
        width: 100%;
    }
    .div-block-27 {
        min-width: 100%;
    }
    .title-text {
        font-size: 34px;
        line-height: 44px;
        font-weight: 600;
    }
    .title-text span {
        font-size: 34px;
        line-height: 44px;
        font-weight: 200;
    }
    .w-20 {
        width: 100%;
    }
    .fact-desc-1 {
        position: inherit;
        top: 10%;
        left: 56.4%;
        font-size: 16px;
        line-height: 1.4;
        padding-right: 0px;
        text-align: justify;
    }
	.sub-menu img {
        margin: 0 10px 0 3px;
    }
	.image-486-copy-home {
		margin-bottom: 0;
	}
	.mobile-border {
		margin: 3rem 0 3.050rem 0 !important;
		border: none;
		border-bottom-width: medium;
		border-bottom-style: none;
		border-bottom-color: currentcolor;
		border-bottom: 2px solid hsl(0, 0%, 51.8%) !important;
	}
	.bchr-title {
		font-size: 40px !important;
		font-weight: 700;
	}
	.divider-big {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.padd-y {
		--bs-gutter-y: 30px;
	}
	.ptf-page-comments__title {
		margin: 2.125rem 0;
		color: #000;
	}
	.imag-padd,
	.facilities-img {
		margin: 20px 0;
	}
	.ui-name {
		text-align: left;
	}
	.col-sm-6 {
		width: 50%;
	}
	.text-title-2 {
		margin-top: 25px;
	}
	.video-pro {
		width: 100%;
		height: 318px;
	}

}