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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;} body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:none}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} html{overflow-x: hidden;} @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); /* custom styles */ .form__select.open ul{overflow-y: auto; z-index: 1000; max-height: 210px; box-shadow: 0px 4px 12px rgba(77, 77, 77, 0.15); border-color: rgba(157, 192, 255, 1);} .form__select.open ul::-webkit-scrollbar {width: 6px;} .form__select.open ul::-webkit-scrollbar-track {background: rgba(183, 202, 235, 0.41); border-radius: 4px; margin: 8px 4px;} .form__select.open ul::-webkit-scrollbar-thumb {background: #1B4CA3; border-radius: 4px;} .form__select.open ul::-webkit-scrollbar-thumb:hover {background: #1B4CA3;} .form__select .select__current{ border: 1px solid transparent;} .form__select.open .select__current{ border: 1px solid rgba(157, 192, 255, 1)} #calculator .price { z-index: -1; } #calculator input { color: #fff; } .form__select--translation-target{margin-top: 16px;} :root{ --black: #000000; --text: #515562; --darkBlue: #172A48; --mainBlue: #1F60D3; --Inter: "Inter", sans-serif; } .night_theme:root{ --text: rgba(255,255,255,0.8); --darkBlue: #fff; } #langList::-webkit-scrollbar,#languageInfo::-webkit-scrollbar,.info__links ul::-webkit-scrollbar,header .main__nav ul::-webkit-scrollbar,.sub-menu-inner::-webkit-scrollbar{width: 6px; background: rgba(31, 96, 211, 0.15); border-radius: 16px;} #langList::-webkit-scrollbar-thumb,#languageInfo::-webkit-scrollbar-thumb,.info__links ul::-webkit-scrollbar-thumb,header .main__nav ul::-webkit-scrollbar-thumb,.sub-menu-inner::-webkit-scrollbar-thumb{background:#748BB4; border-radius: 6px;} #langList,#languageInfo,.info__links ul{padding-right: 6px;} body{ font-family: var(--Inter); background: #F0F6FF url("../img/body_bg-min.png") 50% 0 no-repeat; background-size: 100%; font-size: 16px; line-height: 130%; color: var(--text); min-width: 320px; font-weight: normal; position: relative; } .night_theme body,.night_theme body.white__bg{ background: #071733 url("../img/body_bg_n-min.png") 50% 0 no-repeat; background-size: 100%; } .night_theme body.white__bg{} .night_theme body.white__bg:after,.night_theme body.white__bg:before{display: none;} body.white__bg{background: #F0F6FF;} body.white__bg:after{position: absolute; top: 0; left: 0; width: 100%; height: 2500px; content: ''; background: linear-gradient(0deg, #FFFFFF 62.5%, #F0F6FF 100%); transform: matrix(1, 0, 0, -1, 0, 0); max-height: 100%;} body.white__bg:before{position: absolute; top: 0; left: 0; width: 100%; height: 2500px; content: ''; background: url("../img/body_bg-min.png") 50% 0 no-repeat; background-size: 100%; z-index: 2; max-height: 100%;} #background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 3} #background img{height: 100%; width: auto; object-fit: cover;} #background .image__right{position: absolute; top: 0; right: 0;} #background .image__left{position: absolute; top: 0; left: 0;} section,footer{overflow-x: hidden;} .container{max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box;} #contacts input, #contacts input:focus, #contacts input:active, #calculator input, #calculator input:focus, #calculator input:active{ caret-color: #fff!important; } @media screen and (max-width: 1590px){ footer .bottom .free{margin-right: 60px} } header{position: fixed; left: 0; transition: all 0.3s; z-index: 600; width: 100%; top: 24px; box-sizing: border-box;} .header__background{position: absolute; top: 0; left: calc(50% - 696px); width: 100%; height: 100%; z-index: 4; background: rgba(153, 195, 255, 0.2); backdrop-filter: blur(8px); border: 1px solid #F3F3F3; max-width: 1392px; border-radius: 16px;} header.hidden{transform: translateY(-130%);} header .container{max-width: 1392px; padding: 14px 16px; align-items: center; position: relative; z-index: 10;} header .main__nav{display: flex; align-items: center; justify-content: center; gap: 40px;} header .main__nav li:hover > ul{display: block;} header .main__nav ul .sub-menu-inner{position: relative; z-index: 3;} header .main__nav ul{display: none; width: 260px; position: absolute; top: 100%; left: -8px; z-index: 100; box-sizing: border-box; padding: 8px; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 4px 12px rgba(77, 77, 77, 0.15); backdrop-filter: blur(10px); border-radius: 16px;} header .main__nav ul .sub-menu-inner{max-height: 372px; overflow-y: auto;} header .main__nav ul li{padding: 0} header .main__nav ul li a{display: flex; padding: 0 16px; align-items: center; justify-content: flex-start; height: 50px; font-size: 16px; color: var(--darkBlue); border-radius: 8px;} header .main__nav li:hover > a{color: var(--mainBlue);} header .main__nav li li:hover > a{background: rgba(50, 114, 229, 0.06); color: var(--darkBlue);} header .main__nav li{padding: 15px 0;} header .main__nav li.menu-item-has-children{padding-right: 28px; position: relative;} header .main__nav li.menu-item-has-children:after{position: absolute; top: calc(50% - 12px); right: 0; width: 24px; height: 24px; content: ''; background: url("../img/arr.svg") 50% 50% no-repeat; transition: all 0.2s;} header .main__nav li.menu-item-has-children:hover:after{transform: rotate(180deg);} header .main__nav li a{color: var(--darkBlue);} header .data{gap: 24px; align-items: center;} header .telegram a{display: flex; align-items: center; height: 40px; color: var(--mainBlue); box-sizing: border-box; padding: 0 12px 0 42px; background: rgba(118, 187, 253, 0.2) url("../img/telegram.svg") 8px 50% no-repeat; backdrop-filter: blur(10px); border-radius: 40px;} header .telegram a:hover{background: rgba(118, 187, 253, 0.4) url("../img/telegram.svg") 8px 50% no-repeat;} header .search{display: flex; align-items: center; justify-content: center; cursor: pointer; width: 40px; height: 40px; background: url("../img/search.svg") 50% 50% no-repeat; border-radius: 8px; transition: all 0.3s; position: relative;} header .search span{width: 40px; height: 40px; display: flex;} header .search .form__search{position: absolute; right: 32px; top: calc(50% - 24px); width: 325px; display: none;} header .search .form__search input{width: 100%; border-radius: 40px; border: none; height: 48px; padding: 0 60px 0 16px;} header .search .form__search input::placeholder{color: var(--text);} header .search .form__search button{width: 24px; height: 24px; right: 16px; top: calc(50% - 12px); position: absolute; background: url("../img/search.svg") 50% 50% no-repeat;} header .search:hover{background: #E3EDFA url("../img/search.svg") 50% 50% no-repeat;} header .search.open{background: url("../img/close.svg") 50% 50% no-repeat;} header .search.open:hover{background-color: #E3EDFA!important} header .theme{display: flex; align-items: center; justify-content: center; cursor: pointer; width: 40px; height: 40px; transition: all 0.3s; border-radius: 8px;} header .theme:hover{background: #E3EDFA;} header .lang{display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; font-size: 16px; font-weight: 500; color: var(--darkBlue); text-transform: uppercase;} header .lang ul{display: none; position: absolute; top: 100%; left: 0; width: 100%; margin-top: 0; text-transform: none; width: 140px; font-size: 14px; border-radius: 8px 8px; font-weight: 500; overflow: hidden; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px);} header .lang ul li a{display: flex; padding: 0 8px; color: var(--darkBlue); align-items: center; justify-content: flex-start; gap: 8px; height: 40px;} header .lang ul li a img{width: 23px; height: 16px; object-fit: cover; border-radius: 2px;} header .lang ul li:hover a{background: var(--mainBlue); color: #fff;} header .lang .current{padding: 0 8px 0 40px; background: url("../img/lang.svg") 8px 50% no-repeat; border-radius: 8px; display: flex; align-items: center; justify-content: center; height: 40px;} header .lang:hover > .current{border-radius: 8px; background-color: #E3EDFA;} header .lang:hover > ul{display: block;} header .lang .current.open,header .lang:hover > .current{background-color: #E3EDFA;} header .pull{display: none;} header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;} header .pull.open svg{opacity: 0;} header.show_el .theme,header.show_el .lang{transform: translateX(-1000px);} #navigation{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; z-index: 500; background: #F0F6FF; padding: 85px 12px 72px; box-sizing: border-box; display: none; z-index: 501} #navigation .search{margin-bottom: 16px;} #navigation .search input{width: 100%; height: 48px; padding: 0 16px; font-size: 14px; box-sizing: border-box; border: none; border: 1px solid #EAEAEA; border-radius: 40px;} #navigation .search input::placeholder{color: var(--text);} #navigation .data{align-items: center;} #navigation .data .flex{gap: 20px; align-items: center;} #navigation .telegram a{width: 203px; height: 40px; display: flex; align-items: center; justify-content: flex-start; background: rgba(118, 187, 253, 0.2) url("../img/telegram.svg") 35px 50% no-repeat; background-size: 24px; backdrop-filter: blur(10px); border-radius: 40px; color: var(--mainBlue); font-size: 14px; padding-left: 69px; box-sizing: border-box;} #navigation .lang{display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; font-size: 16px; font-weight: 500; color: var(--darkBlue); text-transform: uppercase;} #navigation .lang ul{display: none; margin-bottom: 10px; position: absolute; bottom: 100%; right: 0; width: 100%; border-radius: 8px; background: #fff; font-weight: 500; overflow: hidden; width: 140px; text-transform: none;} #navigation .lang ul li a{display: flex; padding: 0 12px; color: var(--darkBlue); align-items: center; justify-content: flex-start; gap: 8px; height: 40px; font-size: 14px;} #navigation .lang ul li a img{width: 23px; height: 16px; object-fit: cover; border-radius: 2px;} #navigation .lang ul li:hover a{background: var(--mainBlue); color: #fff;} #navigation .lang .current{padding: 0 8px 0 40px; background: url("../img/lang.svg") 8px 50% no-repeat; border-radius: 8px; display: flex; align-items: center; justify-content: center; height: 40px;} #navigation .lang:hover > .current{border-radius: 8px; background-color: #E3EDFA;} #navigation .lang .current.open{background-color: #E3EDFA; border-radius: 8px} #navigation .theme{display: flex; align-items: center; justify-content: center; cursor: pointer; width: 40px; height: 40px; transition: all 0.3s; border-radius: 8px;} #navigation .theme:hover{background: #E3EDFA;} #navigation .order{position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 12px; background: #F0F6FF} #navigation .order .btn span{height: 43px; font-size: 16px; border-radius: 40px;} #navigation .main__nav{margin-bottom: 30px;} #navigation .main__nav li{margin-bottom: 16px; position: relative;} #navigation .main__nav li:after{position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../img/arr.svg") 50% 50% no-repeat; content: ''; transition: all 0.2s; opacity: 0;} #navigation .main__nav li.menu-item-has-children:after{opacity: 1} #navigation .main__nav li.menu-item-has-children.active:after{transform: rotate(180deg);} #navigation .main__nav li a{color: var(--darkBlue); font-size: 22px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em;} #navigation .main__nav li a:hover{color: var(--mainBlue1);} #navigation .main__nav li ul{padding: 16px 0 0; display: none;} #navigation .main__nav li ul li{margin: 0} #navigation .main__nav li ul li a{display: flex; align-items: center; justify-content: flex-start; height: 50px; padding: 0 16px; font-size: 16px; letter-spacing: normal;} #promo{padding: 247px 0 14px; text-align: center; /*background: url("../img/bg_promo.png") 50% 0 no-repeat;*/ position: relative; z-index: 10; overflow-x: inherit;} #promo h1{margin-bottom: 16px; font-weight: 500;} #promo .text{max-width: 645px; margin: 0 auto 24px; font-size: 64px; line-height: 100%; font-weight: 600; color: var(--darkBlue);} #promo .text span{color: var(--mainBlue);} #promo .description p{margin: 0 auto 40px; max-width: 720px; font-size: 20px; line-height: 130%;} #promo .actions{justify-content: center; gap: 16px; align-items: center;} #promo .actions .btn span{padding: 0 24px; height: 54px;} #promo .counts{padding: 114px 0 0;} #promo .counts .item{background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(8px); border-radius: 20px; padding: 22px;} #promo .counts .count{font-size: 28px; font-weight: 600; color: var(--mainBlue); margin-bottom: 10px; line-height: 130%;} #promo .btn-white-pr{background: transparent;} #services{padding: 105px 0 0; position: relative; z-index: 10} #services .swiper{overflow-x: inherit; margin-top: -68px; padding-bottom: 120px!important;} .item__service{box-sizing: border-box; position: relative; color: #fff; padding: 24px; max-width: 344px; min-height: 374px; background: var(--mainBlue); border-radius: 24px; box-shadow: 0px 10px 40px 4px rgba(10, 79, 201, 0.25);} .item__service .title{margin-bottom: 16px; font-weight: 600; font-size: 28px; line-height: 46px;} .item__service .excerpt{line-height: 130%;} .item__service .info{position: absolute; bottom: 0; left: 0; align-items: flex-end; padding: 24px; width: 100%; box-sizing: border-box;} .item__service:hover .btn-blue-standart{background: rgba(255, 255, 255, 0.4);} .item__service img{transition: all 0.3s; width: 80px; height: 80px; object-fit: cover; opacity: 0.5} .item__service:hover img{opacity: 1; transform: rotate(-10deg);} #directions{padding: 0 0 0; position: relative; z-index: 10} #directions .swiper{margin-top: -68px;} #languages{padding: 120px 0 40px; position: relative; z-index: 10} .item__direction{text-align: center; background: linear-gradient(119.6deg, rgba(255, 255, 255, 0) 30.35%, #DEEDFF 191.85%); border-radius: 24px; box-sizing: border-box; border: 1px solid var(--mainBlue); overflow: hidden;} .item__direction:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(179.94deg, #FFFFFF 0.06%, #DEEDFF 221.27%); transition: all 0.3s; opacity: 0} .item__direction:hover:after{opacity: 1} .item__direction a{position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 43px 20px;} .item__direction .title{font-size: 28px; font-weight: 500; color: var(--mainBlue); line-height: normal; width: 100%;} .item__direction .title span{display: inline-block; transition: all 0.3s;} .item__direction .image{font-size: 80px; font-weight: 600; margin-bottom: 17px; line-height: 80px;} .item__direction:hover .title span{padding: 0 5px;} #languages{position: relative; border-radius: 0 0 24px 24px;} /*#languages:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #FFFFFF 62.5%, #D7E7FF 100%);transform: matrix(1, 0, 0, -1, 0, 0); content: '';}*/ #languages .container{position: relative; z-index: 3;} #languages .current__lang{display: none; position: relative; align-items: center; justify-content: flex-start; height: 40px; box-sizing: border-box; gap: 8px; font-size: 14px;} #languages .current__lang img{width: 24px; border-radius: 2px;} .clear-search { background: #E3EDFA; border: none; border-radius: 8px; font-size: 22px; color: var(--mainBlue); box-sizing: border-box; gap: 8px; min-height: 40px; min-width: 40px; cursor: pointer; padding: 0 12px; } #languages .current__lang input#searchInput { height: 40px; border: 1px solid #D7E8FF; border-radius: 8px; font-size: 14px; color: var(--text); box-sizing: border-box; gap: 8px; } #languages .current__lang.open:after{transform: rotate(180deg);} #languages .flex{position: relative; align-items: flex-start; overflow: hidden;} #languages .map{width: calc(100% - 266px); height: 600px; overflow: hidden; position: relative;} #languages .map svg path{fill: #fff; stroke: rgba(31, 96, 211, 0.4);} #languages .map svg path.active{fill: var(--mainBlue); stroke: rgba(255, 255, 255, 0.5);} #languages .search{box-sizing: border-box; width: 246px; background: rgba(255, 255, 255, 0.3); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 16px; overflow: hidden; padding: 16px; z-index: 3; position: relative;} #languages .search input{background: #fff url("../img/search.svg") calc(100% - 1px) 50% no-repeat; border: none; border-radius: 8px; width: 100%; height: 48px; padding: 0 50px 0 10px; font-size: 14px; color: #000; border: 1px solid #D7E8FF;} #languages .search input::placeholder{color: var(--text);} #languages .list__lang{margin: 10px 0 0;} #languages .list__lang ul{max-height: 476px; overflow-y: auto;} #languages .list__lang li{margin-bottom: 8px;} #languages .list__lang li:last-child{margin: 0} #languages .list__lang a{display: flex; align-items: center; justify-content: flex-start; gap: 8px; height: 45px; box-sizing: border-box; padding: 0 12px; color: var(--text); line-height: 130%; background: rgba(255, 255, 255, 0.46); border: 1px solid #D7E8FF; border-radius: 8px;} #languages .list__lang a:hover,#languages .list__lang a.active{color: #fff; background: var(--mainBlue);} #languages .list__lang img{width: 24px; border-radius: 2px;} #langList{height: 508px; overflow-y: auto; padding-right: 6px} #langList .item{margin-bottom: 8px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: flex-start; gap: 8px; height: 44px; padding: 0 12px; color: var(--text); line-height: 130%; background: rgba(255, 255, 255, 0.46); border: 1px solid #D7E8FF; border-radius: 8px;} #langList .item:last-child{margin: 0} #langList .item:hover,#langList .item.active{color: #fff; background: var(--mainBlue);} #langList .item a{display: flex; align-items: center; justify-content: flex-start; gap: 8px; height: 45px; box-sizing: border-box; padding: 0 12px; color: var(--text); line-height: 130%; background: rgba(255, 255, 255, 0.46); border: 1px solid #D7E8FF; border-radius: 8px;} #langList .item a:hover,#langList .item.active{color: #fff; background: var(--mainBlue);} #langList .item img{width: 24px; border-radius: 2px;} #languages .information{position: absolute; top: 24px; right: 24px; z-index: 4000} #languages .information .icon{display: flex; transition: all 0.2s; cursor: pointer; width: 40px; height: 40px; box-sizing: border-box; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.3); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 8px;} #languages .information .icon:hover,#languages .information .icon.open{background: #E3EDFA} #languages .information .icon.open{background: #E3EDFA url("../img/close.svg") 50% 50% no-repeat;} #languages .information .icon.open svg{opacity: 0;} #languages .information .info__links{display: none; position: absolute; top: 0; right: 48px; z-index: 10; padding: 8px; box-sizing: border-box; width: 326px; background: rgba(255, 255, 255, 0.3); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 16px;} #languages .information .info__links ul{max-height: 316px; overflow-y: auto; padding-top: 20px;} #languages .information .info__links li a{line-height: 33px;} #languages .information .info__links li a{padding: 0 12px; color: var(--darkBlue); font-size: 14px;} #languages .information .info__links li a:hover{color: var(--mainBlue);} #languages .information p{ padding: 0 12px; color: var(--darkBlue); font-size: 14px; display: inline-block; line-height: 1.3!important; margin-bottom: 10px; } #languages .information p a{ color: var(--darkBlue); font-size: 14px; display: inline-block; line-height: 1!important; padding: 0!important; } #languages .map__actions .btn{margin-top: 10px; color: var(--mainBlue); font-size: 20px; font-weight: 500; display: flex; transition: all 0.2s; cursor: pointer; width: 40px; height: 40px; box-sizing: border-box; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.3); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 8px;} #languages .map__actions .btn:hover{background: var(--mainBlue); color: #fff; border-color: var(--mainBlue);} .map-container{overflow: hidden; width: 100%; height: 600px; border-radius: 24px;} .map-container #map{display: block; width: 100%; height: 100%;} .country__info__panel{box-sizing: border-box; position: absolute; bottom: 24px; right: 0; width: 356px; padding: 12px; height: 340px; overflow-y: auto; background: rgba(255, 255, 255, 0.1); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 12px; display: none;} .country__info__panel .country__title{align-items: flex-start; line-height: 130%; margin-bottom: 16px;} .country__info__panel .country__title p{font-size: 18px; font-weight: 500; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} .country__info__panel .country__title span{font-size: 12px; color: var(--mainBlue); position: relative; bottom: -3px} .country__info__panel .row{margin-bottom: 8px} .country__info__panel .row:last-child{margin: 0} .country__info__panel ul{box-sizing: border-box; background: rgba(31, 96, 211, 0.1); border-radius: 8px; padding: 8px;} .country__info__panel ul li{margin-bottom: 16px;} .country__info__panel ul li:last-child{margin: 0} .country__info__panel .lang__title{align-items: center; margin-bottom: 10px; color: var(--mainBlue); font-size: 12px;} .country__info__panel .lang__title p{font-size: 14px; font-weight: 500; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} .country__info__panel .lang__stat{font-size: 12px; color: var(--mainBlue);} .country__info__panel .line{position: relative; height: 8px; overflow: hidden; background: rgba(31, 96, 211, 0.4); border-radius: 40px;} .country__info__panel .line span{position: absolute; top: 0; left: 0; height: 100%; border-radius: 0 40px 40px 0; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); opacity: 0.7} #chartdiv{width:100%; height:600px; border-radius:12px; background:transparent;} .map-legend{position:absolute; bottom: 16px; left: 16px; background: rgba(255, 255, 255, 0.85); border: 1px solid #C2D5F5; border-radius: 8px; padding: 12px; backdrop-filter: blur(10px); z-index: 100; display: none;} .map-legend.show{display: block;} .legend-title{font-size: 12px; font-weight: 600; color: var(--mainBlue); margin-bottom: 8px;} .legend-items{display: flex; flex-direction: column; gap: 4px;} .legend-item{display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--mainBlue);} .legend-color{width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0;} .legend-color.status-official{background: #1F60D3;} .legend-color.status-coofficial{background: #5688E0;} .legend-color.status-national{background: #87B2F9;} .legend-color.status-administrative{background: #AFCBFB;} .legend-color.status-regional{background: #DEEBFF;} .legend-color.status-minority{background: #DEEBFF;} .legend-color.status-foreign{background: #DEEBFF;} .country-popup{position:absolute; border-radius:12px; padding: 12px; min-width: 300px; max-width: 340px; width: 100%; box-sizing: border-box; color: var(--mainBlue); display:none; z-index: 1000; top: 100px; right: 24px; background: rgba(255, 255, 255, 0.1); border: 1px solid #C2D5F5; backdrop-filter: blur(10px);} .country-popup{background: rgba(255, 255, 255, 0.6); border: 1px solid #C2D5F5; backdrop-filter: blur(10px);} .country-popup.show{display:block;} .popup-header{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; padding-top: 16px;} .popup-header-top{display: flex; align-items: flex-end; justify-content: space-between; width: 100%;} .popup-title{font-size:18px;padding-left: 5px; line-height: 1; font-weight:600; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} .popup-population{font-size: 12px; position: relative; top: 3px; text-align: right; padding-right: 23px;} .close-btn{background: none; border:none; font-size:24px; cursor:pointer; color:#9ca3af; line-height:1; padding:0; width:24px; height:24px; position: absolute; top: 4px; right: 6px;} .close-btn:hover{color:#6b7280;} .language-info{margin-top:12px; max-height:260px; overflow-y: auto; padding: 6px; border-radius: 8px;} /*.language-info::-webkit-scrollbar{ width:6px; } .language-info::-webkit-scrollbar-thumb{ background:#cbd5f5; border-radius:3px; }*/ .language-row{padding: 8px; border-radius: 8px; background: rgba(31, 96, 211, 0.1); margin-bottom: 8px; box-shadow: 0px 8px 20px rgba(140, 140, 140, 0.1);} .language-row{background: rgba(255, 255, 255, 0.3); border: 1px solid #DEE6F4;box-shadow: 0px 0px 4px 0px rgba(203, 220, 246, 0.5); } .language-row:last-child{border-bottom:none; margin: 0} .lang-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;} .lang-name{font-size: 14px; font-weight: 500; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} .lang-badge{font-size: 12px; color: var(--mainBlue); padding: 2px 8px; border-radius: 4px; font-weight: 500;} .lang-badge.status-official{background: rgba(31, 96, 211, 0.15); color: #1F60D3;} .lang-badge.status-coofficial{background: rgba(86, 136, 224, 0.15); color: #5688E0;} .lang-badge.status-national{background: rgba(135, 178, 249, 0.15); color: #5688E0;} .lang-badge.status-administrative{background: rgba(175, 203, 251, 0.2); color: #5688E0;} .lang-badge.status-regional{background: rgba(222, 235, 255, 0.3); color: #5688E0;} .lang-badge.status-minority{background: rgba(222, 235, 255, 0.3); color: #5688E0;} .lang-badge.status-foreign{background: rgba(222, 235, 255, 0.3); color: #5688E0;} .lang-badge.status-default{background: rgba(158, 158, 158, 0.15); color: #757575;} .progress-container{margin-top:8px;} .flag-emoji{font-size: 20px; margin-right: 4px;} .progress-bar{height:8px; background:#e8f1ff; border-radius: 40px; background: rgba(31, 96, 211, 0.4); overflow:hidden; margin-top:6px; opacity: 0.7} .progress-fill{height:100%; border-radius:40px; transition:width .3s; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%);} .percentage{font-size:12px; color: var(--mainBlue);} #languages.lang__bg{background: red; background: linear-gradient(180deg, transparent 62.5%, #D7E7FF 100%);} #languages.page__lang{padding: 80px 0;} #languages.page__lang .bt{text-align: center; margin-bottom: 40px; font-size: 64px; line-height: 100%;} #languages .lang__note{margin: 0 auto 120px; max-width: 720px; font-size: 20px; line-height: normal; text-align: center;} #languages.page__lang .search{width: 100%; margin-bottom: 40px; overflow: initial;} #languages.page__lang .map{width: 100%;} #languages.page__lang .list{display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; height: auto; max-height: 160px;} #languages.page__lang .list .item{margin: 0} #languages.page__lang .search__l{max-width: 244px;} #languages.page__lang .information{top: 16px; right: 16px;} #languages.page__lang .form__sort{position: absolute; top: 16px; right: 48px;} #languages.page__lang .information .icon{width: 24px; height: 24px; background-color: transparent; border: none;} #languages.page__lang .form__select .select__current{background: #fff; border: 1px solid #D7E8FF;} #languages.page__lang .form__select .select__current:after{background: url("../img/arr.svg") 50% 50% no-repeat} #languages.page__lang .information .info__links{right: 33px} #languages.page__lang .form__select.open ul{background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border-color: #D7E8FF; padding: 8px} #languages.page__lang .form__select.open ul li:hover,#languages.page__lang .form__select.open ul li.active{background: #D7E8FF;} #languages.page__lang .form__sort ul{width: 200px; left: calc(100% - 200px)} .form__select.form__sort { display: none; } .page-template-page-language .form__select.form__sort { display: block; } #calculator{padding: 80px 0 0px; overflow: visible; z-index: 5;} #calculator .bt.bt__black{color: var(--darkBlue);} #calculator .bt__note{max-width: 516px;} #calculator .container{position: relative;} #calculator .data{padding: 40px; border-radius: 24px; color: #fff; box-shadow: 0px 16px 40px rgba(34, 49, 86, 0.2); position: relative; z-index: 1;} #calculator .bt{color: #fff;} #calculator .calc{align-items: flex-end; position: relative;} #calculator .form{width: calc(50% - 20px); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 24px; box-sizing: border-box; padding: 24px; position: relative; max-width: 540px} #calculator .price{width: calc(50% - 20px); text-align: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 24px; box-sizing: border-box; padding: 26px; font-size: 20px; line-height: 130%;} #calculator .price p{margin-bottom: 12px;} #calculator .price strong{font-size: 96px; line-height: 100%; font-weight: 600; display: inline-block; max-width: 100%; word-break: break-word; transition: font-size 0.2s ease;} #calculator .images{position: absolute; top: 0; left: 0; background: var(--mainBlue); width: 100%; height: 100%; border-radius: 24px; overflow: hidden;} #calculator .images .bg1{width: 100%; height: 100%; object-fit: cover; animation: pulse 5s infinite ease-in-out;} #calculator .images .bg2{position: absolute; bottom: 40px; right: 40px} #calculator .form__item{position: relative;} #calculator .tooltip{position: absolute; top: 24px; left: 490px;} #our__work{padding: 120px 0;} #our__work .bt__note{max-width: 60%} #our__work .items{margin-bottom: 24px;} #our__work .items:last-child{margin: 0; grid-template-columns: 2fr 1fr;} #our__work .item{position: relative; padding: 24px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(2px); border-radius: 24px;} #our__work .item .title{position: relative; margin-bottom: 24px; max-width: 390px; font-size: 22px; line-height: 130%; font-weight: 500; box-sizing: border-box; padding: 0 0 0 56px; min-height: 40px; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #our__work .item span{width: 40px; height: 40px; display: flex; align-items: center; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); justify-content: center; position: absolute; top: 24px; left: 24px; color: #fff; border-radius: 8px; font-size: 20px; font-weight: 600;} #our__work .item p{max-width: 390px; line-height: 130%;} #our__work .grid-2 .item:last-child p{max-width: 450px} #our__work .grid-2{grid-template-columns: 1fr 2fr;} #our__work .items .item.image{background: rgba(227, 239, 255, 0.2) url("../img/ow2.png") 50% 50% no-repeat; background-size: cover;} #our__work .grid-2 .item:last-child{background: rgba(227, 239, 255, 0.2) url("../img/ow1.png") calc(100% + 30px) calc(100% + 1px) no-repeat; background-size: 300px} #our__work .items:last-child .item:last-child{background: rgba(227, 239, 255, 0.2)} #our__work .items:last-child .item:first-child{background: rgba(227, 239, 255, 0.2) url("../img/ow3.png") calc(100% - 45px) 50% no-repeat; background-size: 315px} #our__work .items:last-child .item:first-child p{max-width: 400px} #advantages{padding: 0; overflow-x: inherit;} #advantages .container{position: relative;} #advantages .bt__note{max-width: 60%} #advantages .flex{align-items: flex-start;} #advantages .list__advantages{width: 616px;} #advantages .list__advantages .item{position: relative; transition: all 0.2s; cursor: pointer; padding: 16px 16px 16px 72px; margin-bottom: 15px} #advantages .list__advantages .item:last-child{margin: 0} #advantages .list__advantages .item.open{padding-left: 90px} #advantages .list__advantages .item.open .icon{width: 48px; height: 48px; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); box-shadow: 0px 4px 12px rgba(45, 107, 217, 0.2); border-radius: 8px; transform: rotate(-15deg);} #advantages .list__advantages .item.open .icon svg path{stroke: #fff;} #advantages .list__advantages .icon{display: flex; align-items: center; justify-content: center; position: absolute; top: 16px; left: 16px; background: #D7E8FF; border-radius: 8px; transition: all 0.3s; width: 40px; height: 40px;} #advantages .list__advantages .title{color: var(--darkBlue); font-weight: 500; font-size: 22px; line-height: 130%; letter-spacing: -0.02em;} #advantages .list__advantages .open .title{background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #advantages .list__advantages .text{margin-top: 12px; line-height: 130%; display: none;} #advantages .list__advantages .item.open .text{display: block;} #advantages .data{width: 520px; display: none; overflow: hidden; background: var(--mainBlue); color: #fff; box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.2); border-radius: 24px; box-sizing: border-box; padding: 40px; position: relative; position: absolute; top: 150px; right: 0;} #advantages .data.data1{display: block;} #advantages .data .images{position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: pulse 5s infinite ease-in-out;} #advantages .data .images img{height: 100%;} #advantages .data .data__content{position: relative; z-index: 2} #advantages .data .top{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #fff;} #advantages .data .top .flex{align-items: center;} #advantages .data .top .title{margin-bottom: 24px; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: #fff;} #advantages .data .top p{max-width: 220px;} #advantages .data .data__text{line-height: 130%;} #advantages .data .data__text li{border: 1px solid #fff; padding: 24px; margin-bottom: 24px; background: rgba(240, 246, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 16px;} #advantages .data .data__text li:last-child{margin: 0} #content__quality{padding: 120px 0 0;} #content__quality.notop{padding-top: 0} #content__quality .items:after{position: absolute; top: 0; right: 0; width: 175px; height: 100%; content: ''; background: linear-gradient(90deg, rgba(240, 246, 255, 0) 5.11%, #F0F6FF 85.24%); } #content__quality .items:before{position: absolute; top: 0; left: 0; width: 175px; height: 100%; content: ''; background: linear-gradient(90deg, #F0F6FF 5.11%, rgba(240, 246, 255, 0) 85.24%); background-size: cover; z-index: 3;} #content__quality .items{overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; align-items: center; height: 112px; margin-bottom: 16px;} #content__quality .items:last-child{margin: 0} #content__quality .items .marquee{display: flex; gap: 16px; animation: scrollLeft 150s linear infinite;} #content__quality .items__right .marquee{animation: scrollRight 100s linear infinite;} #content__quality .item{box-shadow: 0px 0px 4px 0px rgba(203, 220, 246, 0.8);width: 348px; height: 112px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #D7E8FF; border-radius: 24px; flex-shrink: 0;} @keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes scrollRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } #customers{padding: 120px 0;} #customers .first__item{width: 410px; border-radius: 24px; overflow: hidden; position: relative;} #customers .first__item img{width: 100%; height: 100%; color: #fff} #customers .first__item .inn{position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.19)); transition: all 0.3s; background: rgba(23, 42, 72, 0.5); backdrop-filter: blur(12.4px); top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; padding: 24px; color: #fff;} #customers .inn__data{transform: translateX(-100%); transition: all 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: #172A48; color: #fff; padding: 24px;} .inn__data.mobile{display: none;} #customers .first__item:hover .inn__data{transform: translateX(0%);} #customers .inn__data .t__title{text-align: center; margin-bottom: 12px; font-size: 28px; font-weight: 600;} #customers .inn__data p{text-align: center; margin: 0 auto 24px; max-width: 305px;} #customers .inn__data .icon{width: 104px; height: 104px; margin: 0 auto; position: relative; margin-bottom: 24px;} #customers .inn__data .icon:after{position: absolute; top: 20px; left: 0; width: 4px; height: 4px; background: #384F74; content: ''; border-radius: 50%; animation: updown 5s ease-in-out infinite alternate;} #customers .inn__data .icon:before{position: absolute; bottom: 0; right: -50px; width: 4px; height: 4px; background: #384F74; content: ''; border-radius: 50%; animation: updown 7s ease-in-out infinite alternate;} #customers .inn__data .icon img{width: 200px; max-width: 200px; height: auto; margin: 0 auto; position: absolute; left: calc(50% - 100px); top: -30px; position: relative;} #customers .inn__data:after{position: absolute; top: 50px; left: 30px; width: 4px; height: 4px; background: #384F74; content: ''; border-radius: 50%; animation: updown 2s ease-in-out infinite alternate;} #customers .inn__data:before{position: absolute; top: 20px; right: 35px; width: 4px; height: 4px; background: #384F74; content: ''; border-radius: 50%; animation: updown 3s ease-in-out infinite alternate;} @keyframes updown { 0% { transform: translateY(0); opacity: 0; } 100% { transform: translateY(-50px); opacity: 1; } } #customers .inn__data li{padding: 16px; margin-bottom: 16px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 16px;} #customers .first__item .inn__data li:last-child{margin: 0;} #customers .first__item .inn p{padding: 24px 0 0;} #customers .first__item .inn .title{font-size: 64px; font-weight: 600; line-height: 100%;} #customers .list__items{width: calc(100% - 434px)} #customers .list__items .item{position: relative; overflow: hidden; border-radius: 24px; background: rgba(255, 255, 255, 0.3); box-shadow: 0px 4px 40px 4px rgba(45, 107, 217, 0.36); transition: all 0.3s;} #customers .list__items .item:after{transition: all 0.2s; height: 30px; width: 0%; position: absolute; top: -1px; right: 0; content: ''; background: linear-gradient(90deg, rgba(16, 114, 244, 0.95) 0%, rgba(87, 38, 202, 0.95) 107.3%); background: url("../img/customer__hover.svg") 50% 50% no-repeat; background-size: 100%} #customers .list__items .item:hover:after{width: 100%;} #customers .list__items .item:hover{transform: translateY(-4px);} #customers .list__items .item .image{overflow: hidden;} #customers .list__items .item img{object-fit: cover; width: 100%; height: 184px; transition: all 0.2s;} #customers .list__items .item:hover img{transform: scale(1.1);} #customers .list__items .item .data{padding: 16px;} #customers .list__items .item .title{position: relative; margin-bottom: 16px; line-height: 130%; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: var(--darkBlue);} #customers .list__items .item .title:after{transition: all 0.2s; height: 4px; width: 0%; position: absolute; bottom: -4px; left: 0; content: ''; background: linear-gradient(90deg, rgba(16, 114, 244, 0.95) 0%, rgba(87, 38, 202, 0.95) 107.3%); box-shadow: 0px 8px 16px rgba(28, 17, 129, 0.2), inset 0px 0px 16px rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); border-radius: 40px;} #customers .list__items .item:hover .title:after{width: 112px} #customers .list__items .item p{line-height: 130%;} #faq{padding: 0; overflow-x: inherit;} #faq:after{position: absolute; width: 50%; height: 100%; border-radius: 50%; position: absolute; bottom: 0; right: 0%; content: ''; background: rgba(45, 107, 217, 0.2); filter: blur(150px);} #faq.page__faq{padding-top: 65px} #faq .bt{text-align: center; text-transform: uppercase;} #faq .container{max-width: 850px; position: relative; z-index: 5;} #faq .images{position: absolute; bottom: 75px; right: -200px; animation: pulse 5s infinite ease-in-out;} #faq .question{display: flex; align-items: center; justify-content: flex-start; padding: 0 60px 0 24px; position: relative; color: var(--mainBlue); cursor: pointer; font-size: 22px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em;} #faq .question:after,#faq .question:before{position: absolute; top: calc(50% - 12px); right: 24px; width: 24px; height: 24px; content: ''; background: url("../img/plus.svg") 50% 50% no-repeat; transition: all 0.2s;} #faq .question:before{background: url("../img/minus.svg") 50% 50% no-repeat;} #faq .open .question:after{opacity: 0} #faq .item{position: relative; padding: 15px 0; overflow: hidden; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); border-radius: 20px; position: relative; margin-bottom: 24px; box-shadow: 0px 8px 20px rgba(140, 140, 140, 0.1); backdrop-filter: blur(2px); transition: all 0.4s;} #faq .item:last-child{margin: 0} #faq .item::after { position: absolute; top: 0; border-radius: 20px; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom, #82B8FF 0%, #9669FF 107.3%); width: 5px; height: 100%; opacity: 0; transition: all 0.4s; cursor: pointer; background-size: cover !important; } #faq .item.open:after{opacity: 1} #faq .item.open{border-radius: 20px; transition: all 0.4s;} .list__faq .answer { max-height: 0; overflow: hidden; padding: 0 24px; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .list__faq .item.open .answer { padding: 10px 24px 1px; } .list__faq .question{transition: all 0.3s ease;} .list__faq .item.open .question::after{transform: translateY(-50%) rotate(180deg);} #contacts{padding: 120px 0 0; overflow-x: inherit;} #contacts .container{position: relative;} #contacts .data{position: relative; padding: 40px; overflow: hidden; background: var(--mainBlue); color: #fff; border-radius: 24px; box-shadow: 0px 4px 24px 4px rgba(34, 49, 86, 0.2), inset 0px 0px 40px 26px rgba(0, 0, 0, 0.1);} #contacts .bt__note{color: #D7E8FF} #contacts .bt{color: #fff; font-size: 64px;} #contacts .text{max-width: 464px; position: relative;} #contacts .ct__socials{position: absolute; bottom: 0; left: 0;} #contacts .ct__socials span{margin-bottom: 16px; display: block;} #contacts .form{width: 534px; box-sizing: border-box; padding: 24px; background: rgba(119, 178, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 24px;} #contacts .images{position: absolute; bottom: 0; left: 0; animation: pulse 5s infinite ease-in-out;} #contacts .bt__note { max-width: 85%; } #breadcrumbs{padding: 0px 0 120px; z-index: 3} #breadcrumbs.breadcrumbs__top{padding: 135px 0 0; position: relative; z-index: 4} #breadcrumbs .container{max-width: 1392px} #breadcrumbs .flex{justify-content: flex-start; gap: 8px; color: var(--darkBlue);} #breadcrumbs a{color: var(--text); border-bottom: 1px solid transparent;} #breadcrumbs a:hover{color: var(--mainBlue); border-color: var(--mainBlue);} #promo__page{padding: 140px 0 120px; z-index: 4; overflow-x: inherit;} #promo__page .container{position: relative;} #promo__page .text{max-width: 655px;} #promo__page h1{margin-bottom: 24px; color: var(--darkBlue); font-size: 64px; font-weight: 600; line-height: 100%;} #promo__page p{margin-bottom: 40px; font-size: 20px; line-height: 130%;} #promo__page.promo__page__about p{margin-bottom: 24px; font-size: 16px;} #promo__page .actions{text-align: center; max-width: 340px;} #promo__page .actions .btn{padding: 0} #promo__page .actions .btn span{padding: 0; width: 100%; justify-content: center;} #promo__page .actions .sale{padding: 12px 0 0; color: var(--mainBlue);} #promo__page .image{position: absolute; top: calc(50% - 280px); right: 0; width: 560px; height: 560px; display: flex; align-items: center; justify-content: flex-end;} .page-template-page-category-page #promo__page .image img{ width: 396px; } .page-template-page-inner #promo__page .image img{ width: 396px; } #services__list{padding: 30px 0 0; z-index: 5; overflow-x: inherit;} #services__list .item{box-sizing: border-box; overflow: hidden; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); border-radius: 24px; text-align: center; padding: 20px 24px 24px; position: relative;} #services__list .item:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(179.94deg, #FFFFFF 0.06%, #DEEDFF 221.27%); transition: all 0.3s; opacity: 0} #services__list .item:hover:after{opacity: 1} #services__list .item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4;} #services__list .item .image{font-size: 48px; margin-bottom: 10px; line-height: normal; font-weight: 600; z-index: 3; position: relative;} #services__list .item .title{font-weight: 500; font-size: 22px; letter-spacing: -0.02em; color: var(--mainBlue); z-index: 3; position: relative; line-height: 130%;} #ceo__block{padding: 0 0 120px; overflow-x: hidden; z-index: 5} #ceo__block h2 { margin-bottom: 24px; font-weight: 600; font-size: 28px; color: var(--darkBlue); line-height: normal; } #tags{padding: 0 0 100px; overflow-x: inherit;} #tags .slider-sw{padding-top: 0!important} #tags .swiper-slide{width: auto; padding: 15px 0} #tags .items{overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; align-items: center; height: 45px; padding: 20px 0;} #tags .items:last-child{margin: 0} #tags .items .marquee{display: flex; width: max-content; gap: 24px; animation: scrollLeft 50s linear infinite;} #tags .items__right .marquee{animation: scrollRight 50s linear infinite;} #tags .item{box-sizing: border-box; display: flex; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 24px;} #tags .item a{color: var(--mainBlue); background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 4px 16px rgba(16, 114, 244, 0.15); border-radius: 40px; padding: 0 24px; min-width: 200px; height: 44px; display: flex; align-items: center; justify-content: center;} #tags .item a:hover{color: #fff; background: var(--mainBlue);} #about__items{position: relative; z-index: 5; overflow-x: inherit;} #about__items .item{position: relative; overflow: hidden; background: var(--mainBlue) url("../img/about_item.svg") 100% 0 no-repeat; padding: 24px; box-shadow: 0px 10px 40px 4px rgba(10, 79, 201, 0.25); border-radius: 12px; color: #fff;} #about__items .item .images{position: absolute; bottom: 0; left: 0; animation: pulse 5s infinite ease-in-out;} #about__items .item:nth-child(2) .images{animation: pulse 2s infinite ease-in-out;} #about__items .item:nth-child(3) .images{animation: pulse 3s infinite ease-in-out;} #about__items .item:nth-child(4) .images{animation: pulse 2s infinite ease-in-out;} #about__items .item .title{font-size: 28px; margin-bottom: 24px; font-weight: 500; line-height: 34px; position: relative; z-index: 3} #about__items .item .icon{position: absolute; top: 24px; right: 24px; display: flex; align-items: center; justify-content: center; background: #fff; width: 40px; height: 40px; border-radius: 8px;} #about__items .item p{line-height: 140%; position: relative; z-index: 3} #pays{padding: 120px 0 0; overflow-x: inherit;} #pays .item{display: flex; align-items: center; justify-content: center; height: 160px; box-sizing: border-box; padding: 24px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(8px); border-radius: 20px;} #blog{padding: 65px 0 0; overflow-x: inherit;} #blog .container{position: relative;} #blog.latest .container{max-width: 830px} #blog.latest .grid{grid-template-columns: repeat(2, 1fr);} #blog .read__more{position: absolute; top: 22px; right: 0;} #blog .read__more a{color: var(--mainBlue); font-size: 18px; font-weight: 500; border-bottom: 1px solid transparent;} #blog .read__more a:hover{border-color: var(--mainBlue);} .blog__item{position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(20px); border-radius: 16px;} .blog__item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4} .blog__item .top{position: relative; height: 240px; background: #3352CD url("../img/blog_bg.svg") 100% 0 no-repeat; color: #fff; padding: 24px; box-sizing: border-box; overflow: hidden; border-radius: 0 0 16px 16px;} .blog__item .top .title{font-size: 28px; font-weight: 600; line-height: 130%; max-width: 80%; position: relative; z-index: 3;} .blog__item .top .image{position: absolute; bottom: 24px; right: 24px; transition: all 0.2s; width: 132px; height: 132px;} .blog__item:hover .top .image{transform: rotate(10deg);} .blog__item .top .images{position: absolute; bottom: 0; left: 0; animation: pulse 4s infinite ease-in-out;} .blog__item .data{padding: 24px;} .blog__item .data .time{margin-bottom: 12px; padding: 0 0 0 32px; background: url("../img/time.svg") 0 50% no-repeat; color: #515562; font-size: 14px; line-height: 24px;} .blog__item .data .title{font-size: 20px; font-weight: 600; line-height: 130%; color: var(--darkBlue); margin-bottom: 12px; transition: all 0.2s;} .blog__item:hover .data .title{color: var(--mainBlue);} .blog__item .data .excerpt{margin-bottom: 16px;} .blog__item .data .info{color: #515562; font-size: 14px; justify-content: flex-start; gap: 16px; align-items: center;} .blog__item .data .info span{border-radius: 50%; background: var(--mainBlue); width: 8px; height: 8px;} #error__page{padding: 320px 0 100px; text-align: center;} #error__page .image{position: relative;} #error__page .image img{margin: 0 auto; position: relative; left: 70px} #error__page .image span{width: 305px; height: 160px; background: url("../img/error_bg.svg") 50% 50% no-repeat; position: absolute; top: -20px; right: -80px; animation: pulse 4s infinite ease-in-out; background-size: 100% 100%} #error__page h1{padding: 40px 0; font-size: 36px; font-weight: 600; color: var(--darkBlue);} #page__content{padding: 65px 0 0;} #page__content .content{overflow: hidden;} #timework{color: #fff; padding-top: 40px} #timework .data{padding: 40px; background: linear-gradient(90deg, #1C59DD 0%, #3A81F5 100%); box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(2px); border-radius: 24px; position: relative; align-items: center; overflow: hidden;} #timework .bt{color: #fff;} #timework .text{max-width: 370px; position: relative; z-index: 3} #timework .text p{margin-bottom: 16px; font-size: 22px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em;} #timework .text p strong{font-weight: normal;} #timework .text .note{padding: 16px; background: rgba(240, 246, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 8px;} #timework .items{max-width: 610px; width: 100%; position: relative; z-index: 3;} #timework .items .item{background: rgba(240, 246, 255, 0.15); cursor: default; transition: all 0.2s; border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); border-radius: 12px; box-sizing: border-box; padding: 24px 12px; text-align: center; width: 76px} #timework .items .item:hover{border-color: #fff; transform: translateY(-6px);} #timework .items .item:last-child{width: 103px; opacity: 0.6} #timework .items .item span{display: block; text-transform: uppercase; margin-bottom: 10px;} #timework .images{position: absolute; top: 0; right: 0; animation: pulse 4s infinite ease-in-out;} #contacts__methods{padding: 120px 0 0; overflow-x: inherit;} #contacts__methods .bt{max-width: 470px} #contacts__methods .item{position: relative; overflow: hidden; background: rgba(100, 189, 253, 0.2); transition: all 0.2s; border: 1px solid #8EB8FF; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(8px); border-radius: 20px; padding: 27px 27px 27px 112px;} #contacts__methods .item:hover{border-color: var(--mainBlue);} #contacts__methods .item .icon{position: absolute; left: 24px; top: calc(50% - 32px); transition: all 0.3s;} #contacts__methods .item:hover .icon{transform: rotate(-10deg);} #contacts__methods .item span{margin-bottom: 8px; display: block; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; line-height: 130%; color: var(--darkBlue);} #contacts__methods .item p{color: #515562} #contacts__methods .item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} #search__page{padding: 175px 0 100px} #search__page input{width: calc(100% - 184px); color: var(--darkBlue); height: 48px; font-size: 14px; padding: 0 50px 0 16px; background: #fff url("../img/search.svg") calc(100% - 16px) 50% no-repeat; border-radius: 40px; border: none} #search__page input::placeholder{color: var(--text);} #search__page .btn span{width: 160px; padding: 0; justify-content: center;} #search__page .search__results{text-align: center; padding: 80px 0 0;} #search__page .search__results .title{margin-bottom: 40px; font-size: 64px; line-height: 100%; font-weight: 600; color: var(--mainBlue);} #search__page .search__results img{margin: 0 auto; animation: pulse 4s infinite ease-in-out;} #search__page .bt{text-align: left;} #search__page ul{text-align: left;} #search__page ul li{padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #B1D3FF;} #search__page ul li a{color: var(--mainBlue); font-size: 22px; line-height: 130%; font-weight: 500; letter-spacing: -0.02em;} #search__page ul li a:hover{color: var(--darkBlue);} #blockquote{padding: 120px 0 0; overflow-x: inherit;} #article__page #blockquote{padding: 0 0 48px;} #blockquote.blockquote__full .container{max-width: 1200px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(2px); border-radius: 24px;} #blockquote.blockquote__full .data{margin: 0 auto; max-width: 830px; background: transparent; border: none; box-shadow: none; backdrop-filter: none;} #blockquote.blockquote__full .data.data__large{max-width: 910px} #blockquote.blockquote__full .data.data__large .text{max-width: 550px} #blockquote .container{max-width: 830px;} #blockquote .data{position: relative; box-sizing: border-box; padding: 40px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(2px); border-radius: 24px;} #blockquote .text{max-width: 440px;} #blockquote .title{margin-bottom: 24px; font-size: 36px; font-weight: 600; color: var(--mainBlue); line-height: normal; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #blockquote .text p{margin-bottom: 24px;} #blockquote .image{max-width: 242px; height: 242px; display: flex; align-items: center; justify-content: center;} #blockquote .image{position: absolute; top: 0; right: 20px; top: calc(50% - 121px);} #article__page{padding: 65px 0; overflow-x: inherit;} #article__page .container{max-width: 1392px;} #article__page .flex{align-items: flex-start;} #article__page .table__content{width: 248px; box-sizing: border-box; position: sticky; top: 124px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; backdrop-filter: blur(20px); border-radius: 16px; padding: 16px;} #article__page .table__content.table__content__mobile{display: none;} #article__page .table__content .title{margin-bottom: 16px; font-size: 18px; font-weight: 500; color: var(--darkBlue);} #article__page .table__content ul{margin-bottom: 35px;} #article__page .table__content ul li{margin-bottom: 12px;} #article__page .table__content ul li a{color: #515562;} #article__page .table__content ul ul{padding: 16px 0 0 16px; margin: 0} #article__page .table__content ul li a:hover{color: var(--mainBlue);} #article__page .table__content .content__socials span{display: block; margin-bottom: 10px; color: var(--darkBlue);} #article__page .table__content .content__socials .socials{gap: 10px;} #article__page .table__content .content__socials .socials a{background: rgba(255, 255, 255, 0.3); border: 1px solid #C2D5F5; backdrop-filter: blur(10px); border-radius: 8px;} #article__page .table__content .content__socials .socials a:hover{background: rgba(255, 255, 255, 0.7)} #article__page .info{width: 268px; box-sizing: border-box; padding: 16px; background: #1F60D3; border-radius: 12px; color: #fff; position: relative; overflow: hidden; position: sticky; top: 124px;} #article__page .info .images{position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: pulse 4s infinite ease-in-out;} #article__page .info .images img{width: 100%; height: 100%;} #article__page .info .data{position: relative; z-index: 2} #article__page .info .title{font-size: 18px; font-weight: 500; line-height: normal; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 2px solid #fff;} #article__page .info .note{padding: 8px; background: rgba(240, 246, 255, 0.15); backdrop-filter: blur(2px); border-radius: 8px; font-size: 14px; line-height: 140%; margin-bottom: 16px; } #article__page .info span{display: block; text-align: center; padding: 16px 0 0; font-size: 14px;} #article__page .info span a{color: #fff; border-bottom: 1px solid transparent;} #article__page .info span a:hover{border-color: #fff;} #article__page .content{width: calc(100% - 590px);} #article__page .content h1{font-size: 64px; font-weight: 600; margin-bottom: 24px; line-height: 100%; color: var(--darkBlue);} #article__page .content .thumbnail{border-radius: 24px; overflow: hidden; margin-bottom: 24px;} #article__page .content .information{align-items: center; justify-content: flex-start; font-size: 14px; margin-bottom: 16px; color: #515562; gap: 16px; align-items: center;} #article__page .content .information .time{padding: 0 0 0 32px; background: url("../img/time.svg") 0 50% no-repeat; color: #515562; font-size: 14px; line-height: 24px;} #article__page .content .information span{border-radius: 50%; background: var(--mainBlue); width: 8px; height: 8px;} .content__author{position: relative; padding: 10px 0 10px 80px; min-height: 64px; box-sizing: border-box; color: var(--darkBlue); font-size: 18px; font-weight: 500; margin-bottom: 40px;} .content__author img{border-radius: 50%!important; width: 64px!important; height: 64px!important; position: absolute; top: 0; left: 0;} .content__author span{display: block; padding: 4px 0 0; font-weight: normal; color: #515562; font-size: 16px;} #page__price{padding: 80px 0 0; text-align: center;} #page__price .container{max-width: 680px} #page__price h1{margin-bottom: 24px; line-height: 100%; font-size: 64px; font-weight: 600; color: var(--darkBlue);} #page__price p{font-size: 20px; margin-bottom: 40px; line-height: 130%;} #page__price .btn{margin-bottom: 12px;} #page__price .note{color: var(--mainBlue);} #prices{padding: 120px 0 0; overflow-x: inherit;} #prices .bt__note{max-width: 480px;} #prices .flex{align-items: center;} #prices .items{padding: 18px 0 0;} #prices .item{width: calc(100%/3 - 12px); box-sizing: border-box; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(8px); border-radius: 24px; padding: 30px 24px 24px 24px; position: relative; transition: all 0.2s;} #prices .item:hover{transform: translateY(-3px);} #prices .item.top{background: rgba(227, 239, 255, 0.2); border: 1px solid #1F60D3; box-shadow: 0px 8px 30px 4px rgba(19, 60, 159, 0.2); backdrop-filter: blur(8px);} #prices .item .popular{position: absolute; top: -18px; left: 0; justify-content: center; width: 100%;} #prices .item .popular span{line-height: 36px; padding: 0 24px; color: #fff; background: var(--mainBlue); border-radius: 24px; font-weight: 600; font-size: 14px;} #prices .item.top .title{background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; line-height: 140%;} #prices .item.top .price strong{background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #prices .item .title{margin-bottom: 16px; font-size: 28px; font-weight: 600; color: var(--mainBlue);} #prices .item .text{color: #515562; margin-bottom: 40px;} #prices .item .price{margin-bottom: 40px;} #prices .item .price strong{font-weight: 600; color: var(--mainBlue); font-size: 36px;} #prices .item .price span{display: block; padding: 12px 0 0;} #prices .item .advantages{margin-bottom: 40px;} #prices .item li{padding: 0 0 0 40px; margin-bottom: 16px; background: url("../img/ls.svg") 0 0 no-repeat;} #prices .item li:last-child{margin: 0} #prices .item li.no{background: url("../img/lsn.svg") 0 0 no-repeat;} #options{padding: 120px 0 0; overflow-x: inherit;} #options .bt__note{max-width: 480px;} #options .item{box-sizing: border-box; transition: all 0.2s; position: relative; overflow: hidden; padding: 24px; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(2px); border-radius: 24px;} #options .item:hover{transform: translateY(-3px);} #options .item .inn{position: relative; z-index: 3} #options .item .image{position: absolute; bottom: 0; right: 0;} #options .item .flex{max-width: 300px} #options .item .flex strong{width: 100%; font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--mainBlue); line-height: 130%; margin-bottom: 16px;} #options .item p{max-width: 390px; margin-bottom: 40px;} #options .item .title{margin-bottom: 16px; font-size: 28px; font-weight: 600; line-height: normal; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #niches{overflow-x: inherit; padding: 100px 0 0} #niches .item{margin-bottom: 40px; align-items: flex-start;} #niches .item:last-child{margin: 0} #niches .image{width: 432px; overflow: hidden; border-radius: 24px; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; position: sticky; top: 120px} #niches .image:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(225, 190, 255, 0.2); backdrop-filter: blur(1.5px);} #niches .it2 .image:after{background: rgba(253, 255, 190, 0.2);} #niches .it3 .image:after{background: rgba(255, 190, 254, 0.2);} #niches .it4 .image:after{background: rgba(190, 213, 255, 0.2);} #niches .it5 .image:after{background: rgba(190, 255, 237, 0.2);} #niches .it6 .image:after{background: rgba(151, 78, 253, 0.05);} #niches .image span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; animation: pulse 4s infinite ease-in-out;} #niches .image .image__data{z-index: 2} #niches .image p{font-size: 28px; font-weight: 600; color: var(--mainBlue); position: absolute; bottom: 45px; left: 0; width: 100%;} #niches .image p i{font-style: normal; transition: all 0.2s; display: inline-block; margin: 0 4px} #niches .item .data{width: calc(100% - 456px)} #niches .item .data .title{color: var(--darkBlue); font-weight: 600; font-size: 36px; margin-bottom: 24px; line-height: normal;} #niches .item .data .text p{margin-bottom: 24px;} #niches .item .data .advantages{margin-bottom: 40px;} #niches .item .data .advantages ul{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;} #niches .item .data .advantages li{padding: 0 0 0 40px; position: relative; background: url("../img/lse.svg") 0 0 no-repeat; width: 50%; box-sizing: border-box; font-size: 20px; line-height: normal; margin-bottom: 24px; font-weight: 500; letter-spacing: -0.02em; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} #niches .item .data .advantages li:after{width: 24px; height: 24px; position: absolute; top: 0; left: 0; content: ''; background: url("../img/lse.svg") 0 0 no-repeat;} #niches .item .data .title__s{color: var(--darkBlue); margin-bottom: 24px!important; font-size: 28px; line-height: normal; font-weight: 600; margin: 0} #niches .item .data .grid{gap: 16px;} #niches .item .data .item__write{box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1);box-sizing: border-box; padding: 24px; background: rgba(227, 239, 255, 0.2); backdrop-filter: blur(10px); border-radius: 20px;} #niches .item .data .write__title{line-height: normal; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: var(--mainBlue); margin-bottom: 16px;} #niches .item__note{margin-bottom: 120px; text-align: center; padding: 40px; position: relative; overflow: hidden; background: rgba(227, 239, 255, 0.2); border: 1px solid #C2D5F5; box-shadow: 0px 8px 24px rgba(34, 49, 86, 0.05); backdrop-filter: blur(2px); border-radius: 24px;} #niches .item__note .item__image{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #niches .item__note .item__image img{width: 100%; position: absolute; bottom: 0; left: 0;} #niches .item__note .item__data{max-width: 830px; position: relative; z-index: 3; margin: 0 auto;} #niches .item__note .note__title{margin: 0 auto 40px; font-size: 28px; font-weight: 600; background: linear-gradient(90deg, #1072F4 0%, #5726CA 107.3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; line-height: normal;} footer{margin: 120px 0 0; background: #172A48; border-radius: 24px 24px 0px 0px; color: #fff; padding: 40px 0; position: relative; overflow: hidden; z-index: 5} footer .col{position: relative; z-index: 3;} footer .container{max-width: 1392px; position: relative; z-index: 1} footer:after,footer:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("../img/footer_left.webp") 0 100% no-repeat;} footer:before{background: url("../img/footer_right.webp") 100% 100% no-repeat;} footer .images{position: absolute; bottom: -42px; left: 0; width: 100%;} footer .images img{width: 100%;} footer .bottom{align-items: center; width: 100%; padding: 45px 0 0; position: relative; z-index: 3;} footer .bottom .copyright{font-size: 14px;} footer .bottom .free{display: flex; color: #fff; align-items: center; cursor: pointer; justify-content: center; height: 54px; padding: 0 24px; font-size: 16px; font-weight: 600; background: rgba(255, 255, 255, 0.2); border: 1px solid #607496; backdrop-filter: blur(10px); border-radius: 40px; transition: all 0.2s;} footer .bottom .free:hover{background: rgba(255, 255, 255, 0.4)} footer .bottom .pays{align-items: center; gap: 16px;} footer .bottom .pays span{width: 80px; height: 48px; background: rgba(255, 255, 255, 0.2); border: 1px solid #607496; backdrop-filter: blur(10px); border-radius: 8px; display: flex; align-items: center; justify-content: center;} footer .logo{margin-bottom: 24px;} footer .logo p{padding: 24px 0 0; color: #D7E8FF;} footer .socials{padding: 24px 0;} footer .cols{width: calc(100% - 484px); box-sizing: border-box; padding-right: 0px} footer .cols .col:nth-child(1){max-width: 360px} footer .cols .col:nth-child(1) ul{display: flex; flex-wrap: wrap; justify-content: space-between;} footer .cols .col:nth-child(1) li{width: calc(100% - 160px)} footer .cols .col:nth-child(1) ul li:nth-child(2n+1){max-width: 130px} footer .telegram{margin-top: 16px; max-width: 120px;} footer .telegram a{padding: 0 12px 0 42px;max-width: 120px; height: 40px; display: flex; align-items: center; justify-content: flex-start; background: rgba(118, 187, 253, 0.2) url("../img/telegram.svg") 8px 50% no-repeat; color: #fff; backdrop-filter: blur(10px); border-radius: 40px;} footer .telegram a:hover{background: rgba(118, 187, 253, 0.35) url("../img/telegram.svg") 8px 50% no-repeat;} footer .title{margin-bottom: 16px; font-size: 18px; font-weight: 600; line-height: 22px;} footer .col ul li{margin-bottom: 8px; font-size: 14px; line-height: 20px} footer .col ul li:last-child{margin: 0} footer .col ul li a{color: #D7E8FF;} footer .col ul li a:hover{color: #fff;} #totop{position: fixed; right: 40px; bottom: 50px; z-index: 500; display: none;} #totop a{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(31, 96, 211, 0.1); backdrop-filter: blur(10px); border-radius: 40px;} #totop a:hover{background: var(--mainBlue);} #totop a:hover svg path{stroke: #fff;} @media screen and (max-width: 1590px){ footer .cols{padding-right: 60px; box-sizing: border-box;} } /* common styles */ .padding__bottom{padding-bottom: 120px!important} .padding__works{padding-bottom: 0!important} .no__padding{padding: 0!important} .padding__top{padding: 0 0 120px!important} .tooltip{position: relative; cursor: pointer; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; z-index: 100} .tooltip:hover > .tooltip__text{display: block;} .tooltip .tooltip__text{position: absolute; bottom: 100%; margin-bottom: 15px; display: none; right: calc(50% - 158px); width: 316px; box-sizing: border-box; padding: 24px; z-index: 100; background: rgba(255, 255, 255, 0.7); border: 1px solid #C2D5F5; box-shadow: 0px 4px 24px rgba(34, 49, 86, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px;} .tooltip .tooltip__text .tooltip__title{font-size: 18px; font-weight: 500; margin-bottom: 10px; color: var(--mainBlue);} .tooltip .tooltip__text{font-size: 14px; line-height: 140%; color: var(--darkBlue);} .tooltip .tooltip__text ol{padding-left: 17px;} .content{font-size: 16px; line-height: 130%; max-width: 850px; margin: 0 auto; overflow-x: hidden;} .content .date{color: var(--mainBlue); margin-bottom: 24px;} .content .table{overflow-x: auto;} .content .table table{margin: 24px auto;} .content p{margin-bottom: 24px;} .content p:last-child{margin: 0} .content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom: 24px; font-weight: 600; font-size: 28px; color: var(--darkBlue); line-height: normal;} .content h3{font-size: 24px} .content h4{font-size: 22px} .content h5{font-size: 20px} .content h6{font-size: 18px} .content__gallery{display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); margin-bottom: 24px;} .content__gallery img{height: 200px;} .content ol{padding-left: 20px;} .content li{margin-bottom: 10px;} .content ul{list-style: disc; padding-left: 20px;} .content ul,.content ol{margin-bottom: 24px;} .content a{color: var(--mainBlue); font-weight: 500; border-bottom: 1px solid transparent;} .content a:hover{border-color: var(--mainBlue);} /* Обертка для таблицы со скроллом */ .content .table-wrapper { overflow-x: auto; overflow-y: hidden; margin-bottom: 24px; width: fit-content; max-width: 99%; border: 1px solid #C2D5F5; border-radius: 12px; padding-bottom: 6px; -webkit-overflow-scrolling: touch; } /* Кастомный скроллбар для таблиц */ .content .table-wrapper::-webkit-scrollbar { height: 6px; } .content .table-wrapper::-webkit-scrollbar-track { background: rgba(183, 202, 235, 0.41); border-radius: 4px; margin: 0 12px; } .content .table-wrapper::-webkit-scrollbar-thumb { background: #1B4CA3; border-radius: 4px; } .content .table-wrapper::-webkit-scrollbar-thumb:hover { background: #1B4CA3; } /* Сама таблица */ .content table { width: 100%; /* Повертаємо 100% */ border-collapse: separate; border-spacing: 0; margin-bottom: 0; border-radius: 12px; table-layout: auto; /* ДОДАЄМО: авто-розрахунок ширини колонок */ } .content table thead { display: table-header-group; border-bottom: 1px solid #C2D5F5; } .content table tbody { display: table-row-group; } .content table th, .content table td { text-align: left; padding: 12px; font-weight: normal; color: var(--darkBlue); vertical-align: top; white-space: nowrap; overflow: hidden; /* ДОДАЄМО */ text-overflow: ellipsis; /* ДОДАЄМО: три крапки якщо текст не вміщається */ } /* Стили для заголовков в thead */ .content table thead th { background-color: #F8FAFF; position: sticky; top: 0; z-index: 10; } .content table thead tr td { font-size: 16px; font-weight: 500; border-top: 0px; } .content table td { border-top: 1px solid #C2D5F5; font-size: 14px; } .content table td strong { font-weight: 600; } /* АЛЬТЕРНАТИВА: якщо потрібен скрол без обрізання тексту */ @media (max-width: 768px) { .content table { width: auto; /* На мобільних таблиця розтягується по контенту */ min-width: 100%; /* Але не менше ширини обгортки */ } .content table th, .content table td { overflow: visible; /* Дозволяємо бачити весь текст */ text-overflow: clip; } } .content img{width: 100%; border-radius: 24px; margin-bottom: 24px;} .socials{display: flex; align-items: center; justify-content: flex-start; gap: 16px; flex-wrap: wrap;} .socials span{display: block; text-align: center; width: 100%; font-size: 18px;} .socials a{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.3); border-radius: 8px;} .socials a:hover{background: rgba(255, 255, 255, 0.4);} .pagination{padding: 48px 0 0; display: flex; align-items: center; justify-content: center; gap: 2px;} .pagination a,.pagination span{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; color: #515562} .pagination span.current,.pagination a:hover{background: #E3EFFF; color: var(--mainBlue);} .box__modal{display: none; padding: 24px; width: 534px!important; text-align: center; max-width: calc(100% - 24px)!important; box-sizing: border-box!important; color: var(--darkBlue)!important; border-radius: 24px!important; background: #F0F6FF!important; font-family: var(--Inter)!important; border: 1px solid rgba(255, 255, 255, 0.3);} .box__modal .modal__title{margin-bottom: 16px; font-size: 28px; font-weight: 600;} .box__modal .form .form__item{text-align: left;} .box__modal .form input,.box__modal .form textarea{background: #fff!important; height: 46px!important; font-size: 16px!important; padding: 0 16px!important; color: var(--darkBlue); font-weight: normal!important; color: var(--text)!important;} .box__modal .form input::placeholder,.box__modal .form textarea::placeholder{color: var(--text)!important;} .box__modal .form textarea{height: 120px!important; padding-top: 16px!important} .fancybox-close-small{background: url("../img/close.svg") 50% 50% no-repeat; top: 16px; right: 16px; opacity: 1; background-size: 100%; width: 24px; height: 24px; transition: all 0.15s;} .fancybox-close-small:hover{transform: rotate(90deg);} .fancybox-close-small:after{display: none;} .fancybox-is-open .fancybox-bg{opacity: 1; background: rgba(255, 255, 255, 0.6);} .compensate-for-scrollbar{margin-right: 0!important} .fancybox-container{backdrop-filter: blur(8px);} .form__select{position: relative; z-index: 10; user-select: none;} .form__select.open{z-index: 20;} .form__select .select__current{display: flex; position: relative; align-items: center; justify-content: flex-start; padding: 13px 50px 13px 16px; height: 48px; height: auto; background: rgba(99, 153, 244, 0.7); border-radius: 12px; transition: all 0.2s; box-sizing: border-box; cursor: pointer;} .form__select .select__current:after{position: absolute; top: calc(50% - 12px); right: 12px; width: 24px; height: 24px; content: ''; background: url("../img/arrw.svg") 50% 50% no-repeat;} .form__select.open .select__current:after{transform: rotate(180deg);} .form__select ul{position: absolute; top: 100%; display: none; left: 0; width: 100%; box-sizing: border-box; padding: 8px 2px 8px 8px; padding: 8px; background: #558DEC; border-radius: 12px; margin-top: 8px; max-height: 180px; border: 1px solid transparent; overflow: hidden;} .form__select ul li{cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: flex-start; height: 46px; border-radius: 8px; padding: 0 16px; margin-bottom: 2px; gap: 8px} .form__select ul li img{width: 24px;} .form__select ul li:last-child{margin: 0} .form__select ul li:hover,.form__select ul li.active{background: #2F70E4;} /* common styles */ .slider-products .swiper{padding: 0 1px} .slider-sw,.list__swiper{position: relative;} .swiper .swiper-button-prev,.swiper .swiper-button-next{width: 44px; opacity: 1!important; height: 44px; background: var(--darkBlue); border-radius: 50%; top: 0; transition: all 0.2s ease-out; margin: 0} .swiper .swiper-button-prev:hover,.swiper .swiper-button-next:hover{background: var(--mainBlue);} .swiper .swiper-button-prev svg,.swiper .swiper-button-next svg{width: auto; height: auto;} .swiper .swiper-button-prev:after,.swiper .swiper-button-next:after{display: none;} .slider-sw .swiper-pagination{bottom: 0!important; display: flex; align-items: center; justify-content: center;} .slider-sw .swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: #fff; border-radius: 50%!important; background: #fff; transition: all 0.25s;} .slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; background: var(--violet); width: 20px; border-radius: 20px!important;} .sp__standart .swiper-pagination{bottom: 0!important} .sp__standart .swiper-pagination-bullet{width: 16px; height: 3px; background: #E4E4E7; border-radius: 0!important; transition: all 0.2s;} .sp__standart .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000; width: 25px; height: 8px; border-radius: 10px;} .swiper .swiper-button-next{right: 0;} .swiper .swiper-button-prev{left: calc(100% - 100px);} .slider-sw{padding: 68px 0 0!important;} .compensate-for-scrollbar{margin-right: 0!important} section{position: relative; z-index: 5} .flex{display: flex; justify-content: space-between; flex-wrap: wrap;} .flex.flex__center{justify-content: center;} .flex.flex__start{justify-content: flex-start; gap: 16px;} .grid{display: grid; grid-template-columns: repeat(1,1fr); gap: 24px;} .grid.grid-2{grid-template-columns: repeat(2,1fr);} .grid.grid-3{grid-template-columns: repeat(3,1fr);} .grid.grid-4{grid-template-columns: repeat(4,1fr);} .grid.grid-5{grid-template-columns: repeat(5,1fr);} .grid.grid-6{grid-template-columns: repeat(6,1fr);} .grid.grid-7{grid-template-columns: repeat(7,1fr);} .bt{color: var(--darkBlue); margin-bottom: 24px; font-weight: 600; font-size: 36px; line-height: 44px;} .bt.bt__large{font-size: 64px; line-height: 100%;} .bt__note{max-width: 60%; margin-bottom: 24px;} section{box-sizing: border-box; position: relative;} .form .form__item{margin-bottom: 16px;} .form .form__item .label{font-weight: 600; margin-bottom: 12px;} .form .form__item input:focus + label, .form .form__item input:not(:placeholder-shown) + label {top: -12px; left: 0; font-size: 12px;} .form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="password"],.form textarea,.form select{ width: 100%; height: 48px; padding: 0 16px; border-radius: 12px; background: rgba(99, 153, 244, 0.7); border: none; color: #fff; font-size: 16px; font-weight: normal; } .form select{background: rgba(99, 153, 244, 0.7) url("../img/arrw.svg") calc(100% - 16px) 50% no-repeat;} .form textarea{height: 120px; resize: none; padding-top: 12px;} .form .btn{width: 100%;} ::placeholder{color: #fff;} label.user__file{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; box-sizing: border-box; cursor: pointer; transition: all 0.2s; height: 180px; text-align: center; border: 1.5px dashed #E6E6E6; border-radius: 12px;} label.user__file:hover{border-color: var(--black); background: var(--white);} label.user__file span{display: block; margin-top: 5px; color: var(--blackGrey); font-size: 13px; font-weight: 500;} input[type="checkbox"],input[type="radio"]{display:none;} label.checkbox{display: block; position: relative; padding: 0px 0 0px 32px; box-sizing: border-box; font-size: 14px; cursor: pointer; line-height: 20px; margin-bottom: 40px; text-align: left;} label.checkbox a{color: var(--red); border-bottom: 1px solid transparent;} label.checkbox a:hover{border-color: var(--red);} label.checkbox span:after{position: absolute; width: 24px; height: 24px; background: url("../img/check.svg") 0% 0 no-repeat; top: calc(50% - 12px); left: -32px; content: ''} label.checkbox span{position: relative;} label.checkbox input:checked + span:after{background: url("../img/checkh.svg") 0% 0 no-repeat; background-size: 100% 100%;} button{background: transparent;} .clearfix{clear: both;} .center{display: inline-block; width: 100%; text-align: center;} a,svg,svg path,rect{text-decoration: none; transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;} a:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} svg,svg path,rect{transition: all 0.4s ease-out;} img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.15s ease-out; object-fit: cover;} div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .btn,.btn:after{font-family: var(--Inter); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;} .btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .btn-blue{background: linear-gradient(90deg, rgba(16, 114, 244, 0.95) 0%, rgba(87, 38, 202, 0.95) 107.3%); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 16px rgba(28, 17, 129, 0.2), inset 0px 0px 16px 1px rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); border-radius: 40px;} .btn-blue span{position: relative; display: flex; align-items: center; height: 46px; padding: 0 36px; color: #fff; font-size: 18px; font-weight: 500; z-index: 3} .btn-blue:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(118.55deg, #1072F4 -14.09%, #5726CA 57.3%); opacity: 0; transition: all 0.3s;} .btn-blue:hover:after{opacity: 1} .btn-white-pr{border-radius: 40px; overflow: hidden;} .btn-white-pr span{position: relative; display: flex; align-items: center; justify-content: center; height: 46px; padding: 0 36px; color: var(--mainBlue); font-size: 18px; font-weight: 500; backdrop-filter: blur(10px);} .btn-white-pr:hover{box-shadow: 0px 8px 16px rgba(22, 63, 118, 0.2);} .btn-blue-standart{background: rgba(255, 255, 255, 0.2); padding: 0 24px; height: 44px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 40px; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 16px rgba(18, 55, 119, 0.2); backdrop-filter: blur(8px);} .btn-blue-standart:hover{background: rgba(255, 255, 255, 0.4);} .btn-white{color: var(--mainBlue); padding: 0 24px; height: 44px; background: #fff; font-size: 16px; font-weight: 500; box-shadow: 0px 4px 16px rgba(18, 55, 119, 0.2); backdrop-filter: blur(8px); border-radius: 40px;} .btn-white:hover{background: rgba(255, 255, 255, 0.8);} @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: 0.9; } 100% { transform: scale(1); opacity: 1; } } input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: var(--Inter);} /* Form Notice Styles */ .form-notice { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 14px; line-height: 1.5; } .form-notice.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .form-notice.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .int-lead-form button[disabled] { opacity: 0.7; cursor: not-allowed; }