html, body{overflow-x:hidden; width:100%; scroll-behavior:smooth;}
body{font-family:Arial,sans-serif; margin:0; padding:0; background-color:#ffffff; color:#ffffff;}
header{display:flex; justify-content:space-between; align-items:center; background-color:#262626; padding:5px 20px; position:relative;}
.logo{font-size:24px; font-weight:bold; color:#000;}
.nav-wrapper{flex:1; display:flex; justify-content:center;}
nav{display:flex; gap:25px;}
nav a{color:#ffffff; text-decoration:none; font-weight:bold; font-size:18px; text-shadow:1px 1px 2px black;}
.language-selector{position:relative; cursor:pointer; width:235px; display:flex; flex-direction:row-reverse;}
.language-selector .selected-lang{background:#333; color:#ffffff; padding:10px 15px; border-radius:5px; display:inline-block; font-weight:bold; box-shadow:inset 0 0 20px 10px rgb(0 0 0 / 51%);}
.language-dropdown{position:absolute; top:100%; right:0; background:#333; display:none; width:200px; padding:10px; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:10;}
.language-dropdown div{display:flex; flex-wrap:wrap; gap:5px; justify-content:center;}
.language-dropdown span{width:calc(33.33% - 5px); padding:8px 16px; text-align:center; background:#444; color:white; border-radius:5px; cursor:pointer; text-shadow:1px 1px 2px black;}
.language-dropdown span:hover{ background:#ff6600; color:#000;}
.menu-toggle{display:none; font-size:24px; cursor:pointer;}
.menu-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; justify-content:flex-end; z-index:90;}
.menu-panel{width:300px; background:#333; height:100%; padding:20px; display:flex; flex-direction:column; align-items:flex-start;}
.menu-panel a{color:#ff6600; margin:10px 0; text-decoration:none;}
.close-menu{align-self:flex-end; font-size:24px; cursor:pointer; color:#ff6600;}
.banner{/* background:url('/media/images/banner.png') no-repeat center -75px/cover; */ height:420px; display:flex; align-items:center; justify-content:center; color:#ffffff; text-shadow:2px 2px 14px black; text-align:center; opacity:0; transform:scale(0.8); animation:zoomIn 1s ease-out forwards; background-color:#e1f2fc;}
@keyframes zoomIn{ 0%{ opacity:0; transform:scale(1.2); } 100%{ opacity:1; transform:scale(1); } }
.banner h1{font-size:35px; opacity:0; animation:fadeInText 1.7s ease-out 1s forwards; background:#262626b5; padding:10px 35px; border-radius:5px; text-shadow:3px 3px 4px black;}
.banner h1 b{font-size:45px;}
@keyframes fadeInText{ 0%{ opacity:0; transform:translateY(50px); } 100%{ opacity:1; transform:translateY(0); } }
.ContainerWr{ width:80%; margin:20px auto; padding:20px; background:#262626; box-shadow:0 0 10px rgba(0,0,0,0.5); }
.full-width-block{width:100%; margin:-20px 0; opacity:0; transform:translateY(200px); transition:opacity 1.5s ease-out, transform 1.5s ease-out;}
.full-width-block.visible{opacity:1; transform:translateY(0);}
.full-width-block img{width:100%; height:600px; object-fit:cover;}
.full-width-block .text-content{ padding:20px; background:#333; border-radius:10px; margin-top:20px; color:#fff; }
.form-container{ background:#333; padding:20px; border-radius:10px; margin-top:60px; opacity:0; transform:translateY(100px); transition:opacity 1.5s ease-out, transform 1.5s ease-out; }
.form-container.visible{ opacity:1; transform:translateY(0); }
.form-container input, .form-container textarea{ width:100%; padding:10px; margin:10px 0; border:1px solid #ff6600; border-radius:5px; background-color:#262626; color:#fff; }
.form-container button{ background:#ff6600; color:#000; padding:10px 20px; border:none; border-radius:5px; cursor:pointer; }
footer{text-align:center; padding:40px 0; background:#262626; color:#ffffff;}
blockquote{ font-style:italic; border-left:5px solid #ff6600; padding-left:15px; margin:20px 0; color:#fff; }
ul{ list-style-type:square; padding-left:20px; color:#fff;}
.FadeInBox{opacity:0; transform:translateY(50px); transition:opacity 1s ease-out, transform 1s ease-out;}
.FadeInBox.visible{opacity:1; transform:translateY(0);}
.ZoomInBox{opacity:0; transform:scale(0.2); transition:opacity 1.2s ease-out, transform 1.2s ease-out;}
.ZoomInBox.visible{opacity:1; transform:scale(1);}
.SlideInLeft{opacity:0; transform:translateX(-500px); transition:opacity 1.2s ease-out, transform 1.2s ease-out;}
.SlideInLeft.visible{opacity:1; transform:translateX(0);}
.SlideInRight{opacity:0; transform:translateX(500px); transition:opacity 1.2s ease-out, transform 1.2s ease-out;}
.SlideInRight.visible{opacity:1; transform:translateX(0);}
.CounterN{opacity:0; transition:opacity 0.5s ease-out;}
.CounterN.counting{opacity:1;}
.boxRefColor{background:#ffffff; color:#000000;}
.boxWhite{max-width:1200px; margin:auto; padding:50px 0;}

/*Flip card*/
.MsBenefSect{background-color:#262626;}
.MsBenefWrapBl{padding: 0px 20px 50px 20px; margin:-80px auto 0 auto; max-width:1200px;}
.MsBenefWrapBl, .McBenItemwrap{display:flex; justify-content:center; align-items:center; column-gap:20px;}
.MsBenefItemFlip.MsCardflip {transform:rotateY(180deg);}
.MsBenefItem {width: 250px; height: 310px; margin: 40px 0; perspective: 600px;}
.MsBenefItemFlip{width: 100%; height: 100%; transition: transform 0.5s; transform-style: preserve-3d; cursor: pointer; position: relative;}
.MsBItem {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; border-radius: 8px;}
.MsBItem ul{padding-left:20px;}
.MsBItem li{background:url(../images/checkbox.svg) no-repeat 0 4px; list-style-type:none; font-size: 20px; color: #fa6a00; background-position: 1px 3px; background-repeat: no-repeat; background-size: 19px; padding:0px 20px 20px 28px;}
.MsBFront{background-color: #fa6a00;}
.MsBBack {background: #f5f5f5; transform: rotateY(180deg); justify-content: center;}
.MsBenImg{width:70px; height:70px; margin:30px;}
.MsBenImg img{width:100%;}
.MsBenTitl{align-self:center; position: absolute; bottom:30px; color:#fff; font-size:23px; text-align:center;}
.MsBenTitl b{font-size:40px;}
.MsBenTitl b .CounterN{float:left;}

.FullWidthSection{background-color:#262626; width:100%; padding:100px 0; display:flex; justify-content:center;}
.InnerContainer{width:100%; max-width:1400px; padding:0 20px;}
.ContentBlock{display:flex; align-items:center; justify-content:space-between; margin-bottom:90px;}
.ImageContainer{width:45%;}
.ImageContainer img{width:100%; height:auto; border-radius:8px;}
.TextContainer{width:50%; color:#fff; padding:30px; box-sizing:border-box;}
.TextContainer h2{font-size: 28px; margin-bottom: 10px;}
.TextContainer p{font-size: 18px; line-height: 1.5;}

.MsFuncDTxt{display:flex; flex-direction: column; align-items: flex-start; flex-basis:50%; color:#ffffff; padding: 5px;}
.MsTitleWrap{display: flex; justify-content: flex-start; align-items: center; padding-left: 20px;}
.MsSvgImg{width: 50px; height: 50px; fill: #fa6a00; margin-right: 20px;}
.MsFeatList{line-height: 35px; font-size: 19px;}

.FWidthBlock{width:100%; background:#eff9fff0; padding:100px 0; display:flex; justify-content:center;}
.inner-container{width:100%; max-width:1400px; display:flex; align-items:flex-start; gap:20px;}
.ImageBoxOne {width: 50%; display: flex;}
.ImageBoxOne img {width: 100%; height: auto; border-radius: 10px;}
.TextBoxOne{width:40%; color:#000000; font-size:20px; text-shadow:1px 1px 1px #d1d1d1;}
.TextBoxOne h2{margin-bottom:10px; font-size:35px; color:#ff6c00; text-shadow:2px 2px 1px #1c1c1c; margin-top:0px;}
.MsCmsDescBl h2{text-align: center; font-size:35px; text-shadow:2px 2px 1px #1c1c1c; margin-top:0px;}

/* CONTACTS */
.wrapContContacts{background:url('/media/images/banner3.jpg') no-repeat center center/cover;}
.boxCMail{margin:auto; display:flex; justify-content:space-between; align-items:flex-start; border-radius:4px; background-color:#fffffff0; position:relative;}
.CmContacnForm{display:flex; flex-direction:row; align-items:center; margin:100px auto; padding:50px 100px; background:#fff; box-shadow:1px 1px 20px #0000008f;}

.BoxConIcon{padding:0 60px 0 0; color:#383838;}
.BoxMessUs{padding:0 0 0 60px; border-left:3px solid #fa6a00; }
.CmBoxEml{margin-bottom:40px; text-align:center; color:#383838;}
.CmBoxEml a{transition:0.2s;}
.CmBoxEml a:hover{fill:#fa6a00!important;}

.CmContTitle{font-size:30px; color:#383838;}
.CuInputWrap input{width: 50%;}
.TextA{padding:10px 10px 10px 5px; border-radius:3px; border:none; border:1px solid #cdcdcd; margin-bottom:15px;}
.TextA:focus{outline: 1px solid #fa6a00;}
.ques_form{display:flex; flex-direction:column; align-items:flex-start;}
.CuInputWrap{display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%;}
.CmChat{color:#505050; text-align:center;}
.CmContSkype{width:60px; height:60px; margin-bottom:10px;}
.CmSkyprChatBlock{margin: 15px 0px 50px 0px}
textarea.TextA{width:100%;}
.MsFeatTitleTxt{font-size:30px;}
.MsDemoButton{background-color:#fa6a00; border-radius:8px; padding:15px 30px; color:#ffffff; text-decoration:none; transition:all 0.2s; border:2px solid #fa6a00; font-weight:bold; align-self: center; font-size:24px; margin-top: 20px; cursor:pointer; float:left;}
.MsDemoButton:hover{color:#fa6a00; background-color:#ffffff; border:2px solid #fa6a00;}

/*Functionality Description Block*/
.MsInsideBlock{width:20px;}
.MsFunctionDesc{padding: 50px 0px; background-color: #ececec; }
.MsFuncВescWrap{max-width:1200px; padding: 0px 20px; display:flex; flex-direction:column; align-items:center; margin: auto;}
.MsFuncDescItem{display: flex; justify-content:space-between; align-items:flex-start; margin: 50px auto;}
.MsOrder{padding:80px 0; background:#262626;}
.MainBoxCost{display:flex; justify-content:center; align-items:center; column-gap:20px; flex-wrap:wrap;}
.boxPrice{font-size:24px;}
.boxCost{display:table; padding:80px 20px; border:1px solid #fa6a00; border-radius:5px; background:#37383b; box-shadow:5px 5px 7px #212020; float:left; width:220px; height:120px;}
.PriceMon{font-weight:bold; color:white; text-align:center;}
.PriceSt{font-size:30px; color:#d6ffd6;}
.PricePerc{color:#ffa3a3; text-shadow:1px 1px 0px #a50000; font-size:34px; text-shadow:2px 2px 2px black;}
.StrikePrice{text-align:center; color:white; font-size:18px;}
.PricingHead{font-size:34px; color:white; font-weight:bold; margin-bottom:50px; text-align:center;}
.boxOrderBut{display:table; margin:auto;}

/* CMS description section */
.MsClipPathImg{position:absolute; opacity:0.2!important; right:0px;}
.MsCmsConnectInfo{padding:70px 0px 150px; position:relative; background:white;}
.MsCmsDescWrap{max-width:1400px; display:flex; flex-direction:column; align-items:center; margin:auto; z-index:9;}
.MsCmsSlider{display:flex; overflow:hidden; width:100%; max-width:700px; margin-top:100px;}
.MsCmsSlWrapper{display:flex; transition:transform 1s ease-in-out; gap:30px;}
.MsCmsSlItem{flex:0 0 calc(100% / 5 - 25px); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.MsCmsSlItem img{width:100%; height:auto;}
.MsCmsDescList{padding-right: 20px;}
.MsCmsDescList li{line-height: 35px; font-size:22px; color:#ffffff; text-shadow:1px 1px 2px black;}
div.MsCmsDescWrap .MsDemoButton{padding: 15px 30px; margin-top: 80px; font-size: 24px;}
.MsCmsDescBl{padding:50px; box-shadow:1px 1px 15px black; border-radius:50px; background:#e5521d; color:white;}
.scale-on-hover{display:inline-block; transition:transform 0.3s ease-in-out;}
.scale-on-hover:hover{transform: scale(1.1);}

.FooterMenu{font-family:Arial; padding-bottom:20px; align-self: flex-start;}
.FooterMenu a{text-transform:uppercase; padding:10px 20px; font-size:13px; color:#ffffff; font-weight:bold; border-radius:3px; text-decoration:none;}
.FooterMenu a:hover {background-color:#fa6a00;}

/*Demo Popup*/
.DemoOverlay{pointer-events: none; display:flex; transition: 0.35s ease-in-out; opacity: 0; overflow:hidden; position:fixed; left:0; top:0; justify-content:center; align-items:center; text-align:center; white-space:nowrap; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:999;}
.DemoMessBlock{pointer-events: none; transform: translate(0, -10px); opacity: 0; transition: 0.35s ease-in-out; z-index:999999; overflow:hidden; display:flex; flex-direction:column; align-items:center; position:relative; padding:30px; margin:20px; white-space:normal; background-color:#ffffff; color:#000; box-shadow:0px 3px 6px rgba(0,0,0,0.6); border:2px solid #0083ca; }
.DemoMessBlock span{font-size:12px;}
.DemoContent{pointer-events: none; transform: translate(0, -10px); opacity: 0; transition: 0.35s ease-in-out; font-size:22px; color:#505050;}
div.OpenContent{transform: translate(0, 0px); opacity: 1; pointer-events: inherit;}
div.OpenOver{opacity: 1; pointer-events: inherit;}
.DemoClose{cursor:pointer; width:25px; height:25px; background-image:url(images/fxClose.png); background-repeat:no-repeat; background-position:50% 50%; background-size:25px; z-index:999; position:absolute; right:3px; top:3px;}
.DemoImg{width:100px; height:120px; margin:0px 0px 25px 0px;}

@media only screen and  (min-device-width:480px) and (max-device-width: 1024px){
    .MsBenefWrapBl{margin:-160px auto 0 auto;}
    .MsBenefItem{width:210px; height:270px; margin:10px 0;}
    .MsBItem li{font-size:18px;}
	.MsBenTitl b{font-size:36px;}
    .ImageContainer, .TextContainer{width:100%;}
    .ImageContainer{margin-bottom:30px;}
	.TextBoxOne{min-height:440px;}
	.MsCmsDescWrap{margin:0 20px;}
}
@media screen and (max-width:900px){
    .MsBenefWrapBl{flex-direction:column!important;}
	.MsBenTitl b{font-size:36px;}
	.MsBenefWrapBl, .McBenItemwrap{column-gap:25px;}
	.language-selector{width:auto;}
	.ContentBlock{flex-direction:column!important;}
    .ImageContainer, .TextContainer{width:100%;}
    .ImageContainer{margin-bottom:30px;}
	.MsBItem li{font-size:18px;}
}

@media (max-width:800px){ 
    .nav-wrapper, .language-selector{display:none;} 
    .menu-toggle{display:block;}
    .language-dropdown{width:100%;}
    .language-dropdown span{width:calc(50% - 5px);}
	.inner-container{flex-direction: column;}
	.ImageBoxOne{width:100%;}
	.TextBoxOne {width:100%; width:90%; margin: 0 auto; font-size:16px; min-height:200px;}
	.CmContacnForm{flex-direction:column; width:90%;}
	.BoxMessUs{border-left:0; padding:0;}
	.BoxConIcon{padding:0;}
	.CmContTitle{text-align:center;}
	.boxCMail{height:auto;}
}
@media (max-width: 700px){
    .MsCmsSlItem{flex:0 0 calc(100%	/ 3 - 25px);}
	.MsCmsSlider{width:400px;}
	.MsCmsSlWrapper{gap:36.66px;}
	.CmContacnForm{padding:10px 20px;}
}
@media (max-width: 500px){
    .MsBenefWrapBl{flex-direction:column; margin: -80px auto 0 auto;}
    .MsBItem ul{padding: 7px;}
    .MsBItem li{font-size:12px; padding: 0px 20px 10px 28px;}
    .MsBenefItem{width:135px; height:175px; margin:10px 0;}
    .MsCmImg{height:235px;}
    .MsBenTitl{font-size:14px;}
	.MsBenTitl b{font-size:22px;}
    .MsBenImg{width: 50px; height: 70px; margin: 30px;}
	.TextContainer{padding:30px 0px;}
}
@media (max-width: 400px){
    .MsCmsSlItem{flex: 0 0 100%;}
}