html, body{height: 100%;}
body{font-family: "Poppins", sans-serif;font-size:14px;line-height: 1.6em;font-weight: 400;}

*::selection {background: #29388a;color: #fff;}
*::-moz-selection {background: #29388a;color: #fff;}
*::-webkit-selection {background: #29388a;color: #fff;}

*:focus{outline-style: none;}
*{box-sizing: border-box;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

a{text-decoration: none;transition:all .3s cubic-bezier(.77,0,.175,1);}

strong{font-weight: 400;}
.no-text{text-align: left;text-indent: -9999px;}
.clearfix{clear: both;min-height: 0;display: block;}
.inner{width: 100%;padding: 0 24px;margin: auto;}

.container {min-height: 100%;position: relative;width: 100%;min-width: 1280px;top: 0;}

.header {width: 100%;height:130px;display: block;background:#fafafa;}
.header .inner{display: flex;justify-content: space-between;align-items: center;height:100%;padding:0 40px;}
.logo{line-height: 0;position:relative;z-index: 10;}
.logo a{float:left;}
.logo img{height:50px;}

.nav{flex:1;}
.right{display: flex ; justify-content: flex-end;}
.right ul{display: flex ; flex-direction: column; gap: 4px;}
.nav ul{display: flex ; flex-direction: row; gap: 30px;justify-content: center;align-items: center;}
.nav ul li a,
.right ul li a{font-size: 16px;color:#29388a;line-height: 24px;cursor: pointer;}

.contact{display: flex;flex-direction: column;text-align: right;gap: 4px;}
.contact a{font-weight: 400;font-size: 16px;color:#29388a;padding-right:24px;position:relative;line-height: 24px;}
.contact a::after{content:"";position:absolute;width:24px;height:24px;right:0;top:0;}
.contact a::after{background-size:16px;background-repeat: no-repeat;background-position: right center;}
.contact a.phone::after{background-image: url(../img/phone.svg);}
.contact a.mail::after{background-image: url(../img/mail.svg);}

.content {padding-bottom: 1000px;width: 100%;min-height: 1px;display: block;}

.hero-screen{float:left;width:100%;min-height:calc(100vh - 130px);display: grid;grid-template-columns:repeat(2, 1fr);position:relative;padding:40px;padding-bottom:224px;align-items:flex-start;justify-content: space-between;gap: 79px;background-color: #fafafa;}

.hero-screen .main-desc{float:left;width:100%;position:relative;height:calc(100% - 60px);}
.hero-screen .main-desc .for-taxpayer{position:absolute;right:0;bottom:0;background-color:#29388a;color:#fff;height:50px;line-height: 50px;padding:0 20px;border-radius: 3px;}
.hero-screen .main-desc .for-taxpayer img{display: inline-block; vertical-align: middle;height:12px;margin-left: 20px;}
.hero-screen .main-desc .acca-badge{position:absolute;height:50px;padding-left:60px;left:0;bottom:0;color:#000;line-height: 50px;}
.hero-screen .main-desc .acca-badge .icon{position:absolute;left:0;top:0;width:50px;height:50px;background-color:#C70100;background-image: url(../img/acca.svg);background-position: center;background-size: cover;}
.hero-screen .main-desc .text{font-size:22px;line-height: 1.6em;text-align: justify;color:#6c7a89;font-weight: 300;}
.hero-screen .main-desc .text strong{color:#29388a;position:relative}
.hero-screen .main-desc .text strong::after{content: "";height:1px;width: 100%;background-color: #29388a;position:absolute;bottom: 0;left:0;}
.hero-screen .main-desc .detail-btn{margin-top: 20px;float:left;font-size:20px;font-weight: 200;font-family: "Times New Roman",serif;font-style:italic;color:#29388a;height:40px;line-height: 40px;padding-right:40px;position:relative;}
.hero-screen .main-desc .detail-btn::after{content: "";position: absolute;width:40px;height:40px;right:0;top:0;background-image: url(../img/inner-link-arrow.svg);background-repeat: no-repeat;background-position: center;}

.hero-screen .mini-serv-slider{height:100%;width: 100%;overflow: hidden;position: relative;z-index: 2;}

.owl-area{float:left;width:100%;height:100%;}
.owl-area .owl-carousel,
.owl-area .owl-stage-outer,
.owl-area .owl-stage,
.owl-area .owl-item,
.owl-area .owl-item .item{height:100%;}
.slider-content{height: 100%; float: left; width: 100%; display: flex ; flex-direction: column;}
.slider-control{height: 60px; justify-content: flex-end; display: flex ; flex-direction: row; align-items: flex-end;gap:0px;}
.slider-control .slider-btn{width: 40px;height:40px;background-size:20px;background-repeat: no-repeat;}
.slider-control .slider-btn.prev{background-image: url(../img/left-arrow.svg);background-position:left center;}
.slider-control .slider-btn.next{background-image: url(../img/right-arrow.svg);background-position:right center;}


.owl-area .service-item{float:left;width:100%;height:100%;padding:40px;position:relative;display: flex;flex-direction: column;justify-content: space-between;border-radius: 6px;background-size: cover;background-position: center;overflow: hidden;}
.owl-area .service-item::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 0;background:radial-gradient(circle,rgba(42,123,155,0) 50%,#1d2935 100%);}
/* .owl-area .service-item:hover{background-color:#29388a;}
.owl-area .service-item:hover .title{color:#fff;} */
.owl-area .service-item .icon{width:60px;height:60px;background-image:url(../img/serv-icons-white.svg);position: relative;z-index: 1;}

.owl-area .service-item .icon.icon-1{background-position: 0 0;}
.owl-area .service-item .icon.icon-2{background-position: -60px 0;}
.owl-area .service-item .icon.icon-3{background-position: -120px 0;}
.owl-area .service-item .icon.icon-4{background-position: -180px 0;}
.owl-area .service-item .icon.icon-5{background-position: -240px 0;}

.owl-area .service-item .title{font-size:22px;color:#fff;font-weight: 400;line-height: 1.6em;display: flex;flex-direction: column;gap:10px;position: relative;z-index: 1;}
.owl-area .service-item .title br{display: none;}
.owl-area .service-item .title .link-icon{width: 20px;height: 20px;background-image:url(../img/inner-link-arrow-white.svg);background-size:cover;}

.hero-screen .announce-band { float:left;color:#24262a;position:absolute;left:0;right:0;bottom:40px;overflow:hidden; opacity: 1; visibility: visible;z-index: 0;will-change: height;opacity: 1;}
.hero-screen .announce-band .promotions {white-space: nowrap;position:absolute;top:50%;transform:translateY(-50%);height:144px;transition:all .3s cubic-bezier(.77,0,.175,1);} 
.hero-screen .announce-band .promotions .promo-item {font-size:108px;display:inline-block;line-height: 144px;padding-left:20px;padding-left:20px;will-change: transform;color:#29388a;font-weight: 200;}
.hero-screen .announce-band .promotions .promo-item .design{font-family:"Times New Roman",sans-serif;font-style: italic;font-size:128px;}

.mainarea{float:left;width:100%;padding:80px 0;background-color:#fff;}
.mainarea.dark{background-color:#fafafa;}
.mainarea .inner{float:left;width:100%;padding:0 40px;}

.mainarea .desc{display: flex;gap:20px;flex-direction: column;flex:1;justify-content: flex-end;width: 100%;}
.mainarea .desc p{color:#6c7a89;font-size:18px;line-height: 1.6em;text-align: justify;font-weight: 300;}


.mainarea .desc strong{color:#29388a;}
.mainarea .desc strong.acca{color:#C70100;}

.mainarea .page-title{font-weight: 500;font-size: 22px;line-height: normal;color:#29388a;}
.mainarea.team .teams-area{display: grid;grid-template-columns: repeat(5,1fr);margin-top: 40px;gap:80px 40px;justify-content: flex-end;align-items: flex-end;}
.mainarea.team .teams-area .card{float:left;width:100%;position:relative;z-index: 10;}
.mainarea.team .teams-area .card-label{margin-bottom: 30px;float:left; }
.mainarea.team .teams-area .card-label > div{float:left;width:100%;}
.mainarea.team .teams-area .card-label .fullname{color:#29388a;font-size: 18px;font-weight: 500;}
.mainarea.team .teams-area .card-label .job-title{color:#6c7a89;font-size: 16px;font-weight: 300;margin-top: 6px;}

.mainarea.team .join-us{width: 100%;height: 400px;display:flex;border-radius: 5px;align-items: center;justify-content: center;position:relative;}
.mainarea.team .join-us::after{content: "+"; position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -70px; margin-left: 70px; color: #ebebeb; text-align: center; line-height: 30px; font-size: 40px;transition:all .3s cubic-bezier(.77,0,.175,1);}
.mainarea.team .join-us span{width: 140px;height: 140px;border:solid 1px #ebebeb;border-radius: 50%;text-align: center;line-height: 138px;color:#29388a;font-size:16px;transition:all .3s cubic-bezier(.77,0,.175,1);}

.mainarea.team .join-us:hover::after{color:#29388a;}
.mainarea.team .join-us:hover span{background-color: #29388a;border-color: #29388a;color:#fff;}

.mainarea.team .slogan-card{display: flex;width: 100%;height: 400px;align-items: center;justify-content: center;font-family: "Times New Roman",serif;font-style:italic;color:#6c7a89;font-size:28px;line-height: 1.6em;text-align: center;opacity: .5;}

.about-box{display: flex;gap:40px;}
.about-box .owner{width: 36%;}

.services-list{display: grid;grid-template-columns: repeat(3, 1fr);gap:60px;float:left;width:100%;margin-top:40px;}
.services-list .serv-item{float:left;width:100%;padding:60px;background-color:#fff;border-radius: 5px;position:relative;z-index: 10;}
.services-list .serv-item .item-title{float:left;width:100%;font-size:22px;color:#29388a;line-height: normal;margin-bottom: 60px;font-weight: 400;padding-right:60px;}
.services-list .serv-item .item-desc{color:#6c7a89;font-size:16px;line-height: 1.8em;font-weight: 300;}
.services-list .serv-item .icon{position: absolute;width: 60px;height:60px;background-image:url(../img/serv-icons.svg);right:60px;top:60px;}

.services-list .serv-item .icon.icon-1{background-position: 0 0;}
.services-list .serv-item .icon.icon-2{background-position: -60px 0;}
.services-list .serv-item .icon.icon-3{background-position: -120px 0;}
.services-list .serv-item .icon.icon-4{background-position: -180px 0;}
.services-list .serv-item .icon.icon-5{background-position: -240px 0;}

.services-list .serv-item.slogan{background-color: transparent;display: flex;align-items: center;justify-content: center;text-align: center;font-family: "Times New Roman", serif; font-style: italic; color: #6c7a89; font-size: 28px; line-height: 1.6em; text-align: center; opacity: .5;}


.footer{width: 100%;height: 1000px;display: block;position: absolute;bottom: 0;text-align: left;padding:40px;background-color: #fafafa;}
.footer .foo-inner{float:left;width:100%;height:100%;display: flex;background-color:#29388a;flex-direction: column;padding:60px;border-radius: 5px;}
.footer .foo-inner .msg{font-size:68px;font-weight: 400;color:#fff;line-height: normal;margin-bottom: 60px;}
.footer .foo-inner .form{display: flex;}
.footer .foo-inner .form .left{display: flex;flex:1;justify-content: space-between;flex-direction: column;}
.footer .foo-inner .form .left .links ul,
.footer .foo-inner .form .left .links ul li{float:left;width:100%;}
.footer .foo-inner .form .left .links ul li a{float:left;font-size: 16px;color: #ebebeb;line-height: 24px;font-weight: 300;margin-bottom: 10px;}
.footer .foo-inner .form .left .links ul li a:hover{opacity: 1;}
.footer .foo-inner .form .left .address{float:left;font-size: 16px;color: #ebebeb;line-height: 24px;font-weight: 300;margin-bottom: 30px;}
.footer .foo-inner .form .cnt-info *{color:#ebebeb;font-size:32px;line-height: normal;}
.footer .foo-inner .form .cnt-info .phone{opacity: .3;}

.footer .foo-inner .form .right{display: flex;flex:1;}

.footer .social{float:left;width:100%;margin-top:10px;}
.footer .social-item{float:left;margin-right:8px;width:48px;height:48px;background: #ebebeb;background-position: center;background-repeat: no-repeat;border-radius: 5px;}
.footer .social-item.linkedin{background-image: url(../img/linkedin.svg);background-size: 22px;}

.footer .social-item:last-of-type{margin-right: 0;}

.contact-form{float:left;padding:60px;width:100%;border:solid 1px #fff;border-radius: 5px;min-height: 400px;}
.contact-form .line{float:left;width:100%;}
input[type="text"]{appearance:none;-webkit-appearance:none;font-family: "Poppins", sans-serif;float:left;width:100%;height:70px;margin-bottom:20px;border:0;border-bottom:solid 1px #ebebeb;background:transparent;padding:0;color:#ebebeb;font-weight: 400;font-size:18px;opacity: .5;transition:all .3s cubic-bezier(.77,0,.175,1);}
input[type="text"]:focus{opacity: 1;}
input[type="text"]::placeholder{font-weight: 200;color:#ebebeb;opacity: .5;}

.contact-form .line.submit input[type="submit"],
.contact-form .line.submit input[type="button"],
.contact-form .line.submit button{appearance:none;-webkit-appearance:none;float: right;border-radius: 5px;background-color:#ebebeb;color:#29388a;border:0;height:70px;font-family:"Poppins",sans-serif;font-size:18px;font-weight:400;cursor: pointer;width:30%;margin-top:20px;border:solid 1px #ebebeb;transition:all .3s cubic-bezier(.77,0,.175,1);}

.contact-form .line.submit input[type="submit"]:hover,
.contact-form .line.submit input[type="button"]:hover,
.contact-form .line.submit button:hover{color:#ebebeb;background-color:#29388a;}

.flip-card { background-color: transparent; width: 100%; height: 400px; perspective: 1000px; float:left;}
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;  } 
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); } 
.flip-card-front, 
.flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;} 
.flip-card-front { background-position: center; } 
.flip-card-front img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} 
.flip-card-back { background-color: #fff; color: #6c7a89; transform: rotateY(180deg); border-radius: 5px;display: flex;justify-content: flex-start;align-items: flex-start;padding:30px;flex-direction: column;text-align: left;gap:20px;box-shadow:0px 0px 40px rgba(0,0,0,.1);}
.flip-card-back .strong{color:#29388a;font-weight: 400;font-size: 14px;margin-bottom: 8px;}
.flip-card-back div{color:#6c7a89;font-size: 14px;font-weight: 300;}

.flip-card-back .linkedin-acc{position:absolute;left:30px;bottom:30px;width:30px;height:30px;background-color:#29388a;border-radius: 3px;background-image:url(../img/linkedin-white.svg);background-size: 14px;background-repeat: no-repeat;background-position: center;}
.flip-card-back .icon.acca{display: inline-block;width:24px;height:24px;margin-right: 2px;background-color:#C70100;vertical-align: middle;background-image:url(../img/acca.svg);background-repeat: no-repeat;background-size: 20px;background-position:center;}

.page-noise{background-image: url(../img/bg-grain.jpg);position:fixed;left: 0;top: 0;width:100%;height:100%;z-index: 9;opacity: .1;pointer-events: none;}

.lang-change{width:40px;height:40px;background-color: #29388a;color:#fff;border-radius: 50%;text-align: center;line-height: 40px;margin-left: 20px;font-weight: 400;cursor: pointer;}