@import url('../vendor/google-fonts/stylesheets/css2__family_IBM_Plex_Serif_ital_wght_0_100_0_200_0_300_0_400_0_500_0_600_0_700_1_100_1_200_1_300_1_400_1_500_1_600_1_700_display_swap.css');



@font-face {
    font-family: 'onestblack';
    src: url('../fonts/onestblack1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestblack1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onest_boldbold';
    src: url('../fonts/onestbold1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestbold1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onestextrabold';
    src: url('../fonts/onestextrabold1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestextrabold1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onestlight';
    src: url('../fonts/onestlight1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestlight1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onestmedium';
    src: url('../fonts/onestmedium1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestmedium1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onest_regularregular';
    src: url('../fonts/onestregular1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestregular1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'onestthin';
    src: url('../fonts/onestthin1602-hint-webfont.woff2') format('woff2'),
         url('../fonts/onestthin1602-hint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}











html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video{margin: 0px;padding: 0px;font-size: 16px;color: #231E21;text-align:left;font-weight: normal;font-size: inherit;font-family: inherit;outline: 0;word-spacing: 0;letter-spacing: 0;font-family: 'onest_regularregular';}
article, aside, figure, footer, header, hgroup, nav, section{display: block;}

html {
  scroll-behavior: smooth;
}
body{/* padding-bottom:25px; *//* width:  1366px; *//* margin:  0 auto; */overflow-x: hidden;position: relative;width: 100%;}
.otrWrp{width:100%; margin:0px auto;height: 100%;}
.ptrn{ background:url(../images/bg-pattern.jpg); min-height: 100%;}
.ptrn2{ background:url(../images/bg-pattern2.jpg); }
* {margin: 0px;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {/* height: 100%; */}

body.about_body{background:#FFF8F3;}
body.ohel_body{background: #f4fbfc78;}
body.Contact_body{
    background: #f4fbfc73;
}


ul li{list-style:none;/* margin-bottom:38px; */}
a{text-decoration:none;color:#444444;}
.clear {clear: both}



ul:after{/* content:''; */display:block;clear:both;}

h2{
    font-family: 'IBM Plex Serif', serif;
    color: #FBAE42;
    text-align: center;
    font-size: 55px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: -2.745px;
    }




p{
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: 'onest_regularregular';
    font-family: 'onestlight';
}

h1{color: #333333;font-size: 25px;font-family: 'IBM Plex Serif', serif;}
h1 span{
    font-size: inherit;
    font-weight: 600;
    color: #072f5f;
display: block;text-align: center;font-size: 18px;font-family: 'Rubik', sans-serif;font-weight: 400;}

h3{font-size: 20px;color: #000;}





.btn:hover{background: #00abac;}



.wrap{margin: 0 auto;width: 100%;max-width: 1002px;padding: 0px 20px;}

header.fixed{
    box-shadow: 2px 2px 5px #0003;
    height: 82px;
}

header.fixed a{
    padding: 9px 0px;
    display: inline-block;
}

header.fixed a img{width:100%;}
.brand-text{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.brand-text span{
    font-family: 'IBM Plex Serif', serif;
    font-size: 42px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #173652;
    white-space: nowrap;
}

header{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 142px;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    transition: 0.3s ease;
}
header.logo{}


.banner{
    height: 1002px;
    background: radial-gradient(153.3% 98.68% at 28.3% 5.54%, #FABB41 0%, #FA7F41 100%);
    padding: 92px 0px;
    background: rgb(250,187,65);
    background: linear-gradient(90deg, rgba(250,187,65,1) 0%, rgba(250,127,65,1) 83%);
}
.banner .banner_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: center;
}
.banner .textPanel{}
.banner .textPanel h1{
    text-align: left;
    font-size: 85px;
    line-height: 90px;
    color: #fff;
    margin: 0px 0px 53px;
}
.banner .textPanel p{
    margin-bottom: 37px;
}
.banner .textPanel p.extraMrgn{
    letter-spacing: 0.975px;
}
.banner .textPanel .btn{
    width: 158px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #FB8A42;
    font-size: 19px;
    border-radius: 16px;
    transition: 0.3s ease;
}

.banner .imagePanl{
    position: relative;
    margin-right: -72px;
	width: 100%;
    max-width: 480px;
}
.banner .imagePanl img{max-width:100%;}

.servcies{
   
}
.servcies .servcies_inner{ background: #173652;
    max-width: 957px;
    /* margin: 0 auto; */
    border-radius: 13px;
    position: relative;
    margin-top: -202px;
    padding: 81px 59px 145px;}

.servcies p{
    text-align: center;
    font-size: 14px;
}
.servcies h2{
     /* 58.185px */
     margin: 58px 0px 126PX;
}
.servcies ul{
    display: flex;
    flex-wrap: wrap;
    gap: 63px 0px;
    /* justify-content: space-between; */
}
.servcies ul li{
    width: 50%;
}
.servcies ul li h3{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #FBAE42;
    font-size: 16px;
    font-family: 'onestmedium';
}
.servcies ul li h3 i{
    margin-right: 13px;
}
.servcies ul li p{}

.moments{
    padding: 86px 0px 98px;
}
.moments p{
    color: #173652;
    text-align: center;
    font-family: 'onestmedium';
    font-size: 14px;
}
.moments h2{
    margin-bottom: 45px;
}
.moments ul{
    margin: 55px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0px;
    max-width: 680px;
}
.moments ul li{
    width: 50%;
    padding: 0px 10px;
    width: 340px;
}
.moments ul li .imgPnl{border-radius: 13px;background: linear-gradient(0deg, #FFFDF0 34.59%, rgba(255, 253, 240, 0.00) 85.35%);position: relative;overflow: hidden;}
.moments ul li .imgPnl:hover img{
    transform: scale(1.05);
}
.moments ul li .imgPnl:before{content:'';display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(0deg, #FFFDF0 34.59%, rgba(255, 253, 240, 0.00) 85.35%);}
.moments ul li .imgPnl img{
    width: 100%;
    transition: 0.3s ease;
    position: relative;
    z-index: -1;
}
.moments ul li p{
    position: absolute;
    bottom: 25px;
    color: #FB8A42;
    width: 100%;
    font-family: 'onest_regularregular';
}

.moments ul li p b{
    font-family: 'onest_boldbold';
    color: #FB8A42;
}



.testimonals{
    background: radial-gradient(153.3% 98.68% at 28.3% 5.54%, #FABB41 0%, #FA7F41 100%);
    padding: 102px 0px 112px;
    position: relative;
    background: rgb(250,187,65);
    background: linear-gradient(90deg, rgba(250,187,65,1) 0%, rgba(250,127,65,1) 83%);
}
.testimonals:before{content:'';display:block;background: url(../images/testimonals.svg) no-repeat top center;width: 100%;height: 311px;position: absolute;top: 45px;}

.testimonals h2{
    color: #fff;
    margin-bottom: 35px;
}
.testimonals h5{
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 14.769px;
    font-style: normal;
    font-weight: 400;
}

.testimonals .testimonals_inner{
    padding: 0px 55px;
}
.testimonals ul{
    margin: 70px -15px 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0px;
}
.testimonals ul li{
    width: 45%;
    padding: 0px 15px;
}
.testimonals ul li:nth-child(3){
    width: 55%;
}

.testimonals ul li .inner{border-radius: 13px;border: 2px solid #ffffff33;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(35px);padding: 45px 0px;height: 100%;}

.testimonals ul li.fl{
    width: 100%;
}
.testimonals ul li.fl p{
    margin-bottom: 10px;
}

.testimonals ul li p{
    text-align: center;
    margin-bottom: 20px;
    font-size: 14.77px;
    line-height: 24px;
}
.testimonals ul li span{
    text-align: center;
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}

.joy{
    background: #173652;
    padding: 112px 0px 100PX;
}
.joy h2{
    margin: 0px 0px 45px;
}
.joy h5{
    color: #FFF;
    text-align: center;
    font-size: 14.769px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 80px;
}
.joy p{
    text-align: center;
    font-size: 19px;
    line-height: 40px;
    margin: 0px 0px 38px;
    font-family: 'onestlight';
}
.joy .includes{
    margin: 100px 0px 70px;
}
.joy .includes h4{
    color: #FABB41;
    text-align: center;
    font-size: 14.769px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 10px;
}
.joy .includes ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.joy .includes ul li{}
.joy .includes ul li:after{content:'|';color: #FABB41;font-family: Onest;font-size: 14.769px;font-style: normal;font-weight: 400;margin: 0px 6px;}
.joy .includes ul li:last-child:after{ display:none}
.joy .includes ul li a:hover{color: #FABB41;}
.joy .includes ul li a{
    color: #FFF;
    text-align: center;
    font-size: 14.769px;
    font-style: normal;
    font-weight: 400;
}


.joy  .note{
    border-radius: 13px;
    border: 2px solid #fff3;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(36px);
    padding: 60px 60PX 36PX;
    max-width: 848px;
    margin: 0 auto;
}
.joy  .note p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 28px;
}
.joy  .note h5{
    margin-bottom: 0px;
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: 400;
}

.divider{
    height: 633px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(../images/pllx_bg.svg) no-repeat center center;
    background-color: #FFF5E2;
    background-size: cover;
}
.divider h2{
    margin: 0px 0px 73px;
    color:#173652;
}
.divider .btn{
    width: 158px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #FB8A42;
    color: #fff;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    transition: 0.3s ease;
}

.btn:hover{background: #173652!important;}


footer{
    background: #173652;
    padding: 60px 0px 30px;
}
footer .footer_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .brand-text--footer span{
    color: #fff;
    font-size: 34px;
    letter-spacing: 0.6px;
}

footer ul{
    display: flex;
    align-items: top;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
}
footer ul li{
    /* width: 100%; */
}
footer ul li a{
    color: #fff;
    text-align: left;
}
footer ul li a:hover{color: #fb8a42;}

footer ul li b{
    display: block;
    text-align: left;
    color: #fb8a42;
}
footer .cpyrt{
    border-top: 1px solid #f4f4f440;
    margin-top: 30px;
    padding-top: 30px;
}

footer .cpyrt p{
    opacity: 0.5;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}