@import url("https://use.typekit.net/osp2jkj.css");

*{font-family: "montserrat-alternates", sans-serif;}
body{margin:0;padding:0;}
body, html{overflow-x:hidden;}
a{text-decoration:none;}
.container-fluid{max-width:85%;}

.header{position:relative;width:100%;height:100vh;}
.header .navbar{margin-top:3rem;}
.header .navbar .logo{width:300px;}
.header .navbar .navbar-nav .nav-item a{color:#1d1d1b;font-weight:900;display:grid;transition: .3s;}
.header .navbar .navbar-nav .nav-item a::after{content:'';background-color:#e95c0c;height:3px;border-radius:50px;margin-top:5px;width:0;transition: .3s;
}.header .navbar .navbar-nav .nav-item a:hover::after{width:100%;transition: .3s;}
.header .navbar .mx-auto{margin-right:0!important;}
.header .mekan{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;}
.header .mekan .bg{position:absolute;z-index:-1;width:100%;bottom:0;}
.header .mekan .images{position:relative;z-index:2;}
.header .mekan .clouds{position:absolute;z-index:1;width:100%;height:360px;}
.header .mekan .clouds img:nth-child(1){width:300px;position:absolute;left:0;animation:mekanCloud1 300s ease-out infinite;}
.header .mekan .clouds img:nth-child(2){width:700px;position:absolute;right:0;animation:mekanCloud2 300s ease-out infinite;}
@keyframes mekanCloud1{ 0%{transform:translate(0);} 100%{transform:translate(300%, 20%);} }
@keyframes mekanCloud2{ 0%{transform:translate(0);} 100%{transform:translate(-300%, -20%);} }
.header .shapes{position:absolute;width:100%;}
.header .shapes img:nth-child(1){position:absolute;top:100px;left:0;}
.header .shapes img:nth-child(2){position:absolute;top:-100px;right:0;}
.header .president{position:absolute;display:flex;justify-content:center;margin:auto;bottom:0;height:90vh;width: 100%;}
.header .president .p-relative{position:relative;width:100%;display:flex;justify-content:center;align-items:center;}
.header .president .president-image{position:absolute;z-index: 3;bottom: 0;left: 10%;}
.header .president .bg{position:absolute;}
.header .president .texts{position:relative;z-index:2;left:15%;top:-7%;}
.header .president .texts p{font-weight:300;color:#fff;font-size:14pt;}
.header .president .texts h1{font-family: peregroy-jf, sans-serif;color:#fff;font-size:60pt;display:grid;position:relative;}
.header .president .texts h1::after{content:'';background-image:url('../img/header/head-shape.png');background-size:contain;background-repeat:no-repeat;width:100%;height:20px;margin-top:-10px;}
.header .president .cloud{position:absolute;left:0;animation:presidentCloud 300s linear infinite;}
@keyframes presidentCloud{ 0%{transform:translate(0);} 100%{transform:translate(300%, 20%);} }
.header .social-media{float:right;margin-top:5rem;display:grid;align-items:center;gap:10px;list-style:none;z-index:9999;position:relative;}
.header .social-media li a{color: #fff;background-color: #184184;border:1px solid #184184;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: .3s;}
.header .social-media li a i{font-size:20px;}
.header .social-media li a:hover{background-color:transparent;color:#184184;transition: .3s;}
.header .butterflys{position:absolute;width:90%;display:flex;justify-content:center;}
.header .butterflys img:nth-child(1){position:absolute;left:20%;top:100px;}
.header .butterflys img:nth-child(2){position:absolute;right:0;}
/* butter fly animation countinued @keyframes butterFly{ 0%{transform:skew(0);} 10%{transform:skew(20deg, 20deg) translateY(40px) translateX(-160px);} 20%{transform:skew(0);} 30%{transform:skew(20deg, 20deg);} 40%{transform:skew(0);} 50%{transform:skew(20deg, 20deg);} 60%{transform:skew(0);} 70%{transform:skew(20deg, 20deg);} 80%{transform:skew(0);} 90%{transform:skew(20deg, 20deg);} 1000%{transform:skew(0);} } */
.header .butterflys-content{position:absolute;bottom:-15%;z-index:3;left:68%;}

.header.detail-page{background-image: url('../img/header/detail-page-header.png');background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:90vh;padding-top:2rem;display:grid;align-content:space-between;}
.header.detail-page .navbar{margin-top:0;z-index:999;}
.header.detail-page .navbar .logo{filter:brightness(0) invert(1);}
.header.detail-page .navbar .navbar-nav .nav-item a{color:#fff;}
.header.detail-page .texts{position:relative;z-index:2;}
.header.detail-page .texts p{font-weight:300;color:#fff;font-size:14pt;}
.header.detail-page .texts h1{font-family: peregroy-jf, sans-serif;color:#fff;font-size:80pt;display:grid;position:relative;}
.header.detail-page .texts h1::after{content:'';background-image:url('../img/header/head-shape2.png');background-size:contain;background-repeat:no-repeat;width:65%;height:20px;margin-top:-10px;}
.header.detail-page .texts.page1 h1::after{content:'';background-image:url('../img/header/text-shape3.png');background-size:contain;background-repeat:no-repeat;width:100%;height:45px;margin-top:-10px;}
.header.detail-page .no-bg h1::after{background-image:none!important;}
.header.detail-page .head{width:fit-content;}
.header.detail-page .head h1{position:relative;z-index:1;}
.header.detail-page .head img{width:100%;position:relative;z-index:0;top:-100px;}
.header.detail-page .text-right{text-align:right;display:grid;align-items:center;justify-items: end;}
.header.detail-page .text-right p{color:#fff;width:400px;text-align:justify;}
.header.detail-page .icon{width:100px;filter:brightness(0) invert(1);}
.header.detail-page .president-image{width:85%;}
.header.detail-page .arrow, .header.detail-page .cloud, .header.detail-page .object, .header.detail-page .object2{position:absolute;}
.header.detail-page .arrow{left:3%;top:30%;}
.header.detail-page .cloud{bottom:10%;left:50%;}
.header.detail-page .object{top:30%;right:30%;}
.header.detail-page .object2{top:35%;right:3%;}

.corporate{margin:10rem 0;}
.corporate .logo{width:50%;}
.corporate h5{color:#1d1d1b;font-weight:300;}
.corporate h5 b{color:#e95c0c;font-weight:600;}
.corporate-content .description{text-align:justify;font-size:15pt;text-align-last: center;margin-bottom:5rem;}

.timeline{position:relative;margin-top:5rem;}
.timeline .container-fluid{max-width:97%;}
.timeline img{position:relative;width:100%;}
.timeline .contents{display:flex;align-items:flex-start;}
.timeline .contents .content{display:grid;align-items:center;text-align:center;justify-items:start;justify-content:center;width:20%;position:relative;}
.timeline .contents .content:nth-child(1){top:-210px;}
.timeline .contents .content:nth-child(1) .description .d-flex .hr{height:200px;}
.timeline .contents .content:nth-child(2){top:-95px;}
.timeline .contents .content:nth-child(3){top:-180px;}
.timeline .contents .content:nth-child(3) .description .d-flex .hr{height:250px;}
.timeline .contents .content:nth-child(4){top:-90px;}
.timeline .contents .content:nth-child(5){top:-210px;}
.timeline .contents .content h2{color:#e95c0c;font-weight:700;margin-left:-30px;}
.timeline .contents .content .description{display:grid;align-items:center;justify-content:start;justify-items:start;width:250px;text-align:left;}
.timeline .contents .content .description .elipse{width:50px;height:50px;border-radius:50%;background-color:#e95c0c;margin-left:-22px;}
.timeline .contents .content .description .d-flex .hr{height:150px;width:3px;background-color: #e95c0c;}
.timeline .contents .content .description .d-flex p{margin-left:20px;}

.between-image{margin-top:5rem;width:100%;height:165px;}
.between-image img{width:100%;height:100%;object-fit:cover;object-position:top;}

.services{width:100%;padding:5rem 0;background-color:#184184;}
.services .head{color:#fff;text-align:center;display:grid;align-items:center;align-content:center;height:30vh;}
.services .head p{font-size:18pt;font-weight:300;margin:0;padding:0;}
.services .head h1{font-size:80pt;font-family:'peregroy-jf', sans-serif;margin:0;padding:0;position:relative;display:grid;justify-items:center;justify-content:center;z-index: 3;}
.services .head h1::after{content:'';background-image:url('../img/services/text-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 60px;margin-top: -40px;z-index: -1;position: relative;}
.services .contents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:3rem;}
.services .contents .content{background-color:#faf8ef;border-radius:30px;display:grid;align-items:center;justify-items:center;align-content:center;justify-content:center;height:330px;padding:20px;width:15%;transition: .3s;}
.services .contents .content .icon{background-color:#fff;width:100px;height:100px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.services .contents .content .icon .icon-border{background-color:#fff;width:80px;height:80px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.services .contents .content .icon .icon-border img{width:60%;height:60%;}
.services .contents .content h4{width:150px;text-align:center;font-weight:600;margin-top:20px;color:#000;}
.services .contents .content:hover{background-color:#e95c0c;transition: .3s;}
.services .contents .content:hover h4{color:#fff;}

.services-content .contents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:5rem;margin-bottom:5rem;}
.services-content .contents .content{background-color:#faf8ef;border-radius:30px;display:flex;align-items:center;justify-content:center;align-content:center;height:250px;padding:20px;width:23%;gap:20px;transition: .3s;}
.services-content .contents .content .icon{background-color:#fff;width:100px;height:100px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.services-content .contents .content .icon .icon-border{background-color:#fff;width:80px;height:80px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.services-content .contents .content .icon .icon-border img{max-width:60%;max-height:60%;}
.services-content .contents .content h4{width:150px;text-align:left;font-weight:600;margin-top:20px;color:#000;}
.services-content .contents .content:hover{background-color:#e95c0c;transition: .3s;}
.services-content .contents .content:hover h4{color:#fff;}

.categories{margin-top:5rem;position:relative;z-index:1;}
.categories .content{width:100%;height:250px;margin-bottom:20px;padding:50px;background-color:#eff3fa;display:flex;align-items:center;justify-content:center;border-radius:40px;gap:30px;transition: .3s;}
.categories .content .icon{background-color:#fff;width:100px;height:100px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.categories .content .icon .icon-border{background-color:#fff;width:80px;height:80px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.categories .content .icon .icon-border i{font-size:20pt;color:#114185;}
.categories .content .icon .icon-border img{max-width:34px;max-height:34px;}
.categories .content .texts{display:grid;align-items:center;justify-items:start;}
.categories .content .texts h2{color:#1d1d1b;font-weight:700;padding:0;margin-top:20px;transition: .3s;}
.categories .content .texts p{color:#5e5e5e;padding:0;transition: .3s;}
.categories .content:hover{background-color:#184184;transition: .3s;}
.categories .content:hover .texts h2{color:#fff;transition: .3s;}
.categories .content:hover .texts p{color:#fff;transition: .3s;}

.services-detail{position:relative;z-index:1;margin:5rem 0;}
.services-detail .content{display:flex;align-items:end;justify-content:start;position:relative;margin-top:20px;}
.services-detail .content img{width:100%;height:600px;border-radius:50px;object-fit:cover;filter:brightness(.4);transition: .3s;}
.services-detail .content .texts{position:absolute;bottom:10%;left:10%;display:grid;gap:20px;}
.services-detail .content .texts h2{color:#fff;font-weight:700;max-width:200px;}
.services-detail .content .texts div{background-color:#fff;padding:10px;border-radius:40px;color:#000;gap:24px;display:flex;justify-content:center;align-items:center;border:1.5px solid #fff;transition: .3s;}
.services-detail .content .texts div *{padding:0;margin:0;}
.services-detail .content .texts div h5{font-weight:800;}
.services-detail .content:hover img{filter:brightness(.2);}
.services-detail .content .texts div:hover{background-color:transparent;color:#fff;transition: .3s;}

.services-detail-page{margin-top:5rem;margin-bottom:5rem;position:relative;}
.services-detail-page .col-lg-6:nth-child(1) div{margin-left:20%;padding:30px;color:#646464;font-size:15pt;}
.services-detail-page .servicesDetailSlider .images{width:100%;height:600px;}
.services-detail-page .servicesDetailSlider .images img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);border-radius:50px;transition: .3s;}
.services-detail-page .servicesDetailSlider .images:hover img{filter:none;transition: .3s;}
.services-detail-page .servicesDetailSlider .swiper-wrapper{padding-bottom:40px;}
.services-detail-page .servicesDetailSlider .swiper-pagination-bullet-active{background-color:#114185;}

.other-services{width:100%;height:120vh;position:relative;background-image:url('../img/services/detail-page-bg.png');background-repeat:no-repeat;background-size:cover;padding-top:30vh;}
.other-services .head{display:grid;text-align:center;justify-items:center;color:#fff;}
.other-services .head p{font-size:20pt;font-weight:300;}
.other-services .head .head-content{position:relative;width:min-content;text-align:center;}
.other-services .head .head-content h1{font-family:'peregroy-jf', sans-serif;font-size:70pt;position:relative;z-index:1;}
.other-services .head .head-content img{width:100%;position:relative;z-index:0;top:-50px;}
.other-services .content{display:grid;align-items:end;justify-content:center;position:relative;margin-top:20px;}
.other-services .content img{width:100%;height:600px;border-radius:50px;object-fit:cover;filter:brightness(.4);transition: .3s;}
.other-services .content .texts{position:absolute;bottom:10%;left:20%;display:grid;gap:20px;}
.other-services .content .texts h2{color:#fff;font-weight:700;max-width:200px;}
.other-services .content .texts div{background-color:#fff;padding:10px;border-radius:40px;color:#000;gap:24px;display:flex;justify-content:center;align-items:center;border:1.5px solid #fff;transition: .3s;}
.other-services .content .texts div *{padding:0;margin:0;}
.other-services .content .texts div h5{font-weight:800;}
.other-services .content:hover img{filter:brightness(.2);}
.other-services .content .texts div:hover{background-color:transparent;color:#fff;transition: .3s;}

.promises-detail{margin:5rem 0;position:relative}
.promises-detail .box{display: grid;align-items: center;justify-items: flex-start;background-color: #fff;border-radius: 30px;box-shadow:0px 0px 10px 0px #00000043;margin-top:20px;transition: .3s;}
.promises-detail .box img{width: 100%;height: 400px;object-fit: cover;border-radius: 30px;transition: .3s;}
.promises-detail .box .texts{margin-left: 30px;width: 80%;padding: 40px 0;transition: .3s;color: #000;}
.promises-detail .box .texts h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight:600;margin-bottom:30px;}
.promises-detail .box .texts span{display:flex;align-items:center;gap:20px;color:#184184;transition: .3s;}
.promises-detail .box .texts span h5{margin:0;padding:0;}
.promises-detail .box .texts .description{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color:#999999;}
.promises-detail .box:hover{background-color:#184184;transition: .3s;}
.promises-detail .box:hover .texts h2{color:#fff;transition: .3s;}
.promises-detail .box:hover .texts .description{color:#fff;transition: .3s;}
.promises-detail .box:hover .texts span{color:#fff;transition: .3s;}

.promises{width:100%;padding:5rem 0;background-color:#e95c0c;}
.promises .head{color:#fff;text-align:center;display:grid;align-items:center;align-content:center;height:30vh;position:relative;}
.promises .head-icon{display: none;}
.promises .head p{font-size:18pt;font-weight:300;margin:0;padding:0;}
.promises .head h1{font-size:80pt;font-family:'peregroy-jf', sans-serif;margin:0;padding:0;position:relative;display:grid;justify-items:center;justify-content:center;z-index: 3;}
.promises .head h1::after{content:'';background-image:url('../img/promises/text-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 60px;margin-top: -40px;z-index: -1;position: relative;}
.promises .contents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:3rem;}
.promises .contents .content{background-color:#faf8ef;border-radius:30px;display:grid;align-items:center;justify-items:center;align-content:center;justify-content:center;height:330px;padding:20px;width:15%;transition: .3s;}
.promises .contents .content .icon{background-color:#fff;width:100px;height:100px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.promises .contents .content .icon .icon-border{background-color:#fff;width:80px;height:80px;border:1px solid #ded6c7;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.promises .contents .content .icon .icon-border img{width:60%;height:60%;}
.promises .contents .content h4{width:150px;text-align:center;font-weight:600;margin-top:20px;color:#000;}
.promises .contents .content:hover{background-color:#184184;transition: .3s;}
.promises .contents .content:hover h4{color:#fff;}

.photo-gallery{margin-top:5rem;position:relative;z-index:1;}
.photo-gallery .images{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:20px;}
.photo-gallery .images img{width:47%;height:350px;object-fit:cover;border-radius:50px;box-shadow:0 10px 0 0 #f6f4f1;}
.photo-gallery .images .big-img{width:100%;height:720px;}
.photo-gallery .col-lg-6 .row a{width: 50%;height: 350px;margin: 10px 0;}
.photo-gallery .col-lg-6 .row a img {width: 100%;height: 100%;object-fit: cover;border-radius: 50px;box-shadow: 0px 10px 0px 0px #fff;}

.locations{width:100%;padding:10rem 0;background-image:url('../img/location/bg.png');background-size:cover;background-repeat:no-repeat;margin-top:-30vh;padding-top:35vh;position:relative;z-index:0;}
.locations .head{font-family:'peregroy-jf', sans-serif;text-align:center;color:#fff;font-size:120pt;display:grid;position:relative;}
.locations .head::after{content: '';background-image: url(../img/location/text-shape.png);background-size: contain;background-repeat: no-repeat;background-position: center;width: 100%;height: 70px;margin-top: -50px;position: relative;}
.locations .contents{display:flex;align-items:center;justify-content:center;position:relative;width:100%;}
.locations .contents .content-image{display:flex;justify-content:center;margin:auto;width:60%;margin-top:5rem;}
.locations .contents .description{position:absolute;display:grid;align-items:center;justify-items:end;width:300px;right:0;}
.locations .contents .description .text{color:#fff;text-align:justify;direction:rtl;}
.locations .contents .description a{display:flex;align-items:center;justify-content:center;padding:20px;background-color:#e95c0c;position:relative;border-radius:20px;transition: .3s;}
.locations .contents .description a p{margin:0;padding:0;color:#fff;}
.locations .contents .description a img{position:absolute;right:-14%;bottom:-55%;}
.locations .contents .description a:hover{background-color:#cb2127;transition: .3s;}
.locations .cloud{position:absolute;left:10%;}
.locations .arrow{position:absolute;right:5%;bottom:5%;}
.leaflet-container img.leaflet-tile{filter:grayscale(100%) invert(90%) contrast(120%);}
.leaflet-touch .leaflet-control-attribution{display:none;}
.leaflet-touch .leaflet-bar{display:block!important;}
#map{position:absolute;}
.map-mask{width: 100%;height: 90vh;-webkit-mask: url(../img/header/detail-page-header.png) center / cover no-repeat;mask: url(../img/header/detail-page-header.png) center / cover no-repeat;position: absolute;}

.contact-content{margin:7rem 0;}
.contact-content .head{font-weight:700;color:#184184;position:relative;display:grid;width: fit-content;z-index:1;}
.contact-content .head::after{content:'';background-image:url('../img/contact/head-bg01.png');background-size:cover;background-repeat:no-repeat;width:280px;height:30px;position:relative;z-index:-1;top:-20px;}
.contact-content a{color:#1d1d1d;font-size:16pt;width:600px;display:flex;}
.contact-content a b{font-size:22pt;}
.contact-content .form-head{font-weight:700;color:#e95c0c;position:relative;display:grid;width: fit-content;z-index:1;}
.contact-content .form-head::after{content:'';background-image:url('../img/contact/head-bg02.png');background-size:cover;background-repeat:no-repeat;width:280px;height:30px;position:relative;z-index:-1;top:-20px;}
.contact-content form{display:grid;gap:10px;justify-items:end;}
.contact-content form input{width:100%;padding:24px;border-radius:60px;outline:none;border:none;background-color:#f0f5f9;}
.contact-content form textarea{width:100%;padding:24px;border-radius:60px;outline:none;border:none;background-color:#f0f5f9;}
.contact-content form button{background-color:#e95c0c;padding:20px;color:#fff;outline:none;border-radius:60px;width:200px;font-weight:700;border:1px solid #e95c0c;transition: .3s;}
.contact-content form button:hover{background-color:transparent;color:#e95c0c;transition: .3s;}

.footer{background-color:#122037;padding-top:15rem;position:relative;}
.footer .logo-icon{position:absolute;left:0;top:-20%;width:350px;}
.footer .p-relative{position:relative;}
.footer .shape-bg{position:absolute;width:100%;top:-20%;left:0;right:auto;}
.footer .contents{position:relative;z-index:1;}
.footer .icons{background-color:#4a7084;color:#fff;text-align:center;display:grid;align-items:center;justify-content:center;align-content:center;justify-items:center;gap:6px;padding:20px;border-radius:40px;height:320px;margin-top:20px;transition: .3s;}
.footer .icons .image{width:100px;height:100px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;transition: .3s;}
.footer .icons .image img{width:50px;transition: .3s;}
.footer .icons h3{font-weight:700;margin-top:20px;}
.footer .icons h5{font-weight:400;}
.footer .icons:hover{background-color:#fff;color:#4a7084;transition: .3s;}
.footer .icons:hover .image{background-color:#4a7084;transition: .3s;}
.footer .icons:hover .image img{filter:brightness(0) invert(1);transition: .3s;}
.footer .logo{width:300px;filter:brightness(0) invert(1);display:flex;margin:auto;}
.footer .social-media{display:flex;align-items:center;justify-content:center;gap:10px;list-style:none;padding:0;}
.footer .social-media li a {color: #122037;background-color: #fff;border: 1.5px solid #fff;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: .3s;}
.footer .social-media li:hover a{color:#fff;background-color:transparent;transition: .3s;}
.footer .social-media-head{color:#fff;font-weight:300;letter-spacing:6px;text-align:center;}
.footer .text-right{text-align:right;display: grid;justify-content: end;justify-items: end;}
.footer .information-head{color:#fff;font-weight:300;letter-spacing:6px;text-align:center;}
.footer .information-content{font-size:26pt;color:#fff;font-weight:700;}
.footer .line{width:100%;height:2px;background-color:#fff;border-radius:30px;margin-top:3rem;}
.footer .copyright{color:#fff;font-weight:300;}
.footer .menu{display:flex;align-items:center;justify-content:center;gap:2rem;color:#fff;font-weight:600;list-style-type: none;padding:0;}
.footer .menu a{color:#fff;}

.fggallery-cover{border:none!important;border-radius:50px!important;}
.fggallery-body{border-radius:50px!important;cursor:pointer;}
.fggallery-body>.fgicon{background: #1141A1!important;}