@charset "UTF-8";.table-responsive .row{flex-wrap:nowrap!important}.table-responsive .row .col,.table-responsive .row [class*=col-]{overflow-wrap:break-word!important}.input-group,.form-row label{direction:ltr}.form-row label,.form-group label{direction:ltr}.form-row>.col,.form-row>[class*=col-]{text-align:left}.HorizontalScrollContainer{width:100%;overflow:hidden;position:relative;margin:0!important}.HorizontalScrollContainer>div:first-child{overflow-x:scroll;overflow-y:hidden;position:relative;direction:ltr;width:100%;height:100%;padding-bottom:18px;box-sizing:content-box}.HorizontalScrollContainer>div>div{direction:rtl}.HorizontalScrollContainer>div .Item{float:left}.HorizontalScrollContainer .ScrollBack,.HorizontalScrollContainer .ScrollNext{position:absolute;text-align:center}.VerticalScrollContainer{height:100%;overflow:hidden;position:relative;margin:0!important}.VerticalScrollContainer>div:first-child{overflow-x:hidden;overflow-y:scroll;position:relative;direction:ltr;width:100%;height:100%;padding-right:17px;box-sizing:content-box}.VerticalScrollContainer>div>div{direction:rtl}.VerticalScrollContainer>div .Item{float:left}.VerticalScrollContainer .ScrollBack,.VerticalScrollContainer .ScrollNext{position:absolute;text-align:center}.ClassName{width:10px!important}@media (min-width: 576px){.ClassName{width:20px!important}}@media (min-width: 768px){.ClassName{width:30px!important}}@media (min-width: 992px){.ClassName{width:40px!important}}.customeuploadinput .clearfix:before,.customeuploadinput .clearfix:after{display:table;content:""}.customeuploadinput .clearfix:after{clear:both}.customeuploadinput body{font-family:Avenir,Helvetica Neue,Lato,Segoe UI,Helvetica,Arial,sans-serif;color:#4b0f31;background-color:#f1e5e6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.customeuploadinput a{outline:none;color:#d3394c;text-decoration:none}.customeuploadinput a:hover,.customeuploadinput a:focus{color:#722040}.customeuploadinput .hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.customeuploadinput .codrops-header{padding:2em 1em 4em;text-align:center}.customeuploadinput .codrops-header h1{margin:.5em 0 0;letter-spacing:-1px;font-size:3em;line-height:1}.customeuploadinput .codrops-header h1 span{display:block;padding:.5em 0 1em;color:#999;font-weight:400;font-size:.45em}.customeuploadinput .codrops-links{position:relative;display:inline-block;text-align:center;white-space:nowrap}.customeuploadinput .codrops-links:after{position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(0,0,0,.1);content:"";transform:rotate3d(0,0,1,22.5deg)}.customeuploadinput .codrops-icon{display:inline-block;margin:.5em;padding:0;width:1.5em;text-decoration:none}.customeuploadinput .codrops-icon span{display:none}.customeuploadinput .codrops-icon:before{margin:0 5px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.customeuploadinput .codrops-icon--drop:before{content:"\e001"}.customeuploadinput .codrops-icon--prev:before{content:"\e004"}.customeuploadinput .codrops-demos{margin:2em 0 0}.customeuploadinput .codrops-demos a{display:inline-block;margin:0 .5em}.customeuploadinput .codrops-demos a.current-demo{color:#333}.customeuploadinput .content{width:100%;max-width:800px;text-align:center;margin:0 auto;padding:0 0 3em}.customeuploadinput .content footer{color:#b39295;margin-top:40px}.customeuploadinput .content footer a:hover,.customeuploadinput .content footer a:focus{color:#4b0f31}.customeuploadinput .box{background-color:#dfc8ca;padding:6.25rem 1.25rem}.customeuploadinput .box+.box{margin-top:2.5rem}.customeuploadinput .content--related{text-align:center;font-weight:700;padding-top:4em}.customeuploadinput .media-item{display:inline-block;padding:1em;vertical-align:top;transition:color .3s}.customeuploadinput .media-item__img{max-width:100%;opacity:.6;transition:opacity .3s}.customeuploadinput .media-item:hover .media-item__img,.customeuploadinput .media-item:focus .media-item__img{opacity:1}.customeuploadinput .media-item__title{margin:0;padding:.5em;font-size:1em}@media screen and (max-width: 50em){.customeuploadinput .codrops-header{padding:3em 10% 4em}}@media screen and (max-width: 40em){.customeuploadinput .codrops-header h1{font-size:2.8em}}.customeuploadinput .js .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.customeuploadinput .inputfile+label{max-width:80%;font-size:1.25rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:.625rem 1.25rem}.customeuploadinput .no-js .inputfile+label{display:none}.customeuploadinput .inputfile:focus+label,.customeuploadinput .inputfile.has-focus+label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}.customeuploadinput .inputfile+label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}.customeuploadinput .inputfile-1+label{color:#f1e5e6;background-color:#d3394c}.customeuploadinput .inputfile-1:focus+label,.customeuploadinput .inputfile-1.has-focus+label,.customeuploadinput .inputfile-1+label:hover{background-color:#722040}.customeuploadinput .inputfile-2+label{color:#d3394c;border:2px solid currentColor}.customeuploadinput .inputfile-2:focus+label,.customeuploadinput .inputfile-2.has-focus+label,.customeuploadinput .inputfile-2+label:hover{color:#722040}.customeuploadinput .inputfile-3+label{color:#d3394c}.customeuploadinput .inputfile-3:focus+label,.customeuploadinput .inputfile-3.has-focus+label,.customeuploadinput .inputfile-3+label:hover{color:#722040}.customeuploadinput .inputfile-4+label{color:#d3394c}.customeuploadinput .inputfile-4:focus+label,.customeuploadinput .inputfile-4.has-focus+label,.customeuploadinput .inputfile-4+label:hover{color:#722040}.customeuploadinput .inputfile-4+label figure{width:100px;height:100px;border-radius:50%;background-color:#d3394c;display:block;padding:20px;margin:0 auto 10px}.customeuploadinput .inputfile-4:focus+label figure,.customeuploadinput .inputfile-4.has-focus+label figure,.customeuploadinput .inputfile-4+label:hover figure{background-color:#722040}.customeuploadinput .inputfile-4+label svg{width:100%;height:100%;fill:#f1e5e6}.customeuploadinput .inputfile-5+label{color:#d3394c}.customeuploadinput .inputfile-5:focus+label,.customeuploadinput .inputfile-5.has-focus+label,.customeuploadinput .inputfile-5+label:hover{color:#722040}.customeuploadinput .inputfile-5+label figure{width:100px;height:135px;background-color:#d3394c;display:block;position:relative;padding:30px;margin:0 auto 10px}.customeuploadinput .inputfile-5:focus+label figure,.customeuploadinput .inputfile-5.has-focus+label figure,.customeuploadinput .inputfile-5+label:hover figure{background-color:#722040}.customeuploadinput .inputfile-5+label figure:before,.customeuploadinput .inputfile-5+label figure:after{width:0;height:0;content:"";position:absolute;top:0;right:0}.customeuploadinput .inputfile-5+label figure:before{border-top:20px solid #dfc8ca;border-left:20px solid transparent}.customeuploadinput .inputfile-5+label figure:after{border-bottom:20px solid #722040;border-right:20px solid transparent}.customeuploadinput .inputfile-5:focus+label figure:after,.customeuploadinput .inputfile-5.has-focus+label figure:after,.customeuploadinput .inputfile-5+label:hover figure:after{border-bottom-color:#d3394c}.customeuploadinput .inputfile-5+label svg{width:100%;height:100%;fill:#f1e5e6}.customeuploadinput .inputfile-6+label{color:#d3394c}.customeuploadinput .inputfile-6+label{border:1px solid #c0c0c0;padding:0;border-radius:5px}.customeuploadinput .inputfile-6:focus+label,.customeuploadinput .inputfile-6.has-focus+label,.customeuploadinput .inputfile-6+label:hover{border-color:#722040}.customeuploadinput .inputfile-6+label span,.customeuploadinput .inputfile-6+label strong{padding:6px 10px}.customeuploadinput .inputfile-6+label span{width:200px;min-height:2em;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}.customeuploadinput .inputfile-6+label strong{height:100%;color:#f1e5e6;background-color:#e52727;display:inline-block}.customeuploadinput .inputfile-6:focus+label strong,.customeuploadinput .inputfile-6.has-focus+label strong,.customeuploadinput .inputfile-6+label:hover strong{background-color:#722040}@media screen and (max-width: 50em){.customeuploadinput .inputfile-6+label strong{display:block}}.tooltip-inner{font-size:.7rem}.infotable table th{background-color:#ed912a;color:#000}#placeholdersection100 .items_block{touch-action:pan-y}#placeholdersection100 .HorizontalScrollContainer{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}#placeholdersection100 .HorizontalScrollContainer__left:before{content:"";position:absolute;top:0;left:0;width:5%;height:100%;background:linear-gradient(to right,#4b4b4b,transparent);opacity:.5}#placeholdersection100 .HorizontalScrollContainer__right:after{content:"";position:absolute;top:0;right:0;width:5%;height:100%;background:linear-gradient(to left,#4b4b4b,transparent);opacity:.5}#placeholdersection100 .firsttable tr,#placeholdersection100 .updates tr,#placeholdersection100 .sandbox tr,#placeholdersection100 .bandwidth tr,#placeholdersection100 .support tr,#placeholdersection100 .development tr,#placeholdersection100 .portal tr{height:75px}#placeholdersection100 .Backups tr{height:90px}#placeholdersection100 td{direction:ltr}#placeholdersection100 .active{display:flex!important}#placeholdersection100 .homeboxproduct .plansheader,#placeholdersection100 .homeboxproduct .plansfooter,#placeholdersection100 .homeboxproduct .plansheader tr,#placeholdersection100 .homeboxproduct .plansfooter tr{height:50px}#placeholdersection100 .homeboxproduct .plansheader tr a,#placeholdersection100 .homeboxproduct .plansfooter tr a{padding:8px 16px;background-color:#161e2e;font-weight:bolder;border-radius:4px;color:#fff;text-transform:capitalize}#placeholdersection100 .homeboxproduct .plansheader tr a:hover,#placeholdersection100 .homeboxproduct .plansfooter tr a:hover{color:#ed912a}#placeholdersection100 .homeboxproduct .plansheader tr a:before,#placeholdersection100 .homeboxproduct .plansfooter tr a:before{font-size:14px;color:#fff}#placeholdersection100 .homeboxproduct .plansheader tr a:hover,#placeholdersection100 .homeboxproduct .plansfooter tr a:hover{text-decoration:none}#placeholdersection100 .homeboxproduct .plansheader{position:sticky;top:55px;z-index:5;background-color:#161e2e;opacity:1}#placeholdersection100 .homeboxproduct .plansheader .table{color:#ed912a!important}#placeholdersection100 .homeboxproduct .plansheader .HorizontalScrollContainer__left:before{content:"";background:linear-gradient(to right,transparent,transparent)!important}#placeholdersection100 .homeboxproduct .plansheader .HorizontalScrollContainer__right:after{content:"";background:linear-gradient(to left,transparent,transparent)!important}#placeholdersection100 .homeboxproduct .plansfooter{position:sticky;bottom:0;z-index:4;background-color:#ed912a;opacity:1;border-top:1px solid #161e2e;color:#161e2e;margin-bottom:24px}#placeholdersection100 .homeboxproduct .plansfooter .HorizontalScrollContainer__left:before{content:"";background:linear-gradient(to right,transparent,transparent)!important}#placeholdersection100 .homeboxproduct .plansfooter .HorizontalScrollContainer__right:after{content:"";background:linear-gradient(to left,transparent,transparent)!important}#placeholdersection100 .homeboxproduct .sticky{position:sticky;height:60px;top:104.5px;z-index:3;background-color:#161e2e;border-top:#ed912a 1px solid;opacity:1}#placeholdersection100 .homeboxproduct .fixedwidth{width:200px}#placeholdersection100 .homeboxproduct .title{align-items:flex-start}#placeholdersection100 .homeboxproduct .row{margin-right:0;margin-left:0;flex-wrap:nowrap}#placeholdersection100 .homeboxproduct .row .Item .btn{background-color:#ed912a!important;color:#000!important}#placeholdersection100 .homeboxproduct .tablesection{padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:row;align-self:center;justify-content:flex-start;color:#ed912a}#placeholdersection100 .homeboxproduct .tablesection button{border:unset;cursor:pointer;background-color:transparent}#placeholdersection100 .homeboxproduct .tablesection button:focus{outline:none;border:unset;cursor:pointer;background-color:transparent}#placeholdersection100 .homeboxproduct table{border-spacing:0px!important}#placeholdersection100 .homeboxproduct .table th,#placeholdersection100 .homeboxproduct .table td{padding:0!important;border-top:none!important}#placeholdersection100 .homeboxproduct td{vertical-align:middle!important;text-align:center;padding:0!important}#placeholdersection100 .homeboxproduct td button{border:unset;cursor:pointer;background-color:transparent}#placeholdersection100 .homeboxproduct td button:focus{outline:none;border:unset;cursor:pointer;background-color:transparent}#placeholdersection100{background:#ffffff}#placeholdersection100.HorizontalScrollContainer,#placeholdersection100 .HorizontalScrollContainer{height:auto}#placeholdersection100.HorizontalScrollContainer>div>div,#placeholdersection100 .HorizontalScrollContainer>div>div{height:auto}#placeholdersection100.HorizontalScrollContainer>div .Item,#placeholdersection100 .HorizontalScrollContainer>div .Item{height:auto;width:200px}#placeholdersection100.HorizontalScrollContainer .ScrollBack,#placeholdersection100 .HorizontalScrollContainer .ScrollBack{left:0;top:0}#placeholdersection100.HorizontalScrollContainer .ScrollNext,#placeholdersection100 .HorizontalScrollContainer .ScrollNext{right:0;top:0}#placeholdersection100 .ScrollBack,#placeholdersection100 .ScrollNext{box-shadow:none!important;z-index:2;font-size:30px;color:#ed912a;height:100%}#placeholdersection100 .ScrollNext:hover,#placeholdersection100 .ScrollBack:hover{cursor:pointer}.infotable table th,.infotable table td{font-size:11px!important}#placeholdersection100 .firsttable tr,#placeholdersection100 .updates tr,#placeholdersection100 .sandbox tr,#placeholdersection100 .bandwidth tr,#placeholdersection100 .support tr,#placeholdersection100 .development tr,#placeholdersection100 .portal tr{height:45px}#placeholdersection100 .Backups tr{height:60px}#placeholdersection100 .homeboxproduct div .Item,#placeholdersection100 .homeboxproduct .title{width:170px!important}#placeholdersection100 .homeboxproduct div .Item td,#placeholdersection100 .homeboxproduct .title td{font-size:11px!important}@media (min-width: 768px){.infotable table th,.infotable table td{font-size:13px!important}#placeholdersection100 .firsttable tr,#placeholdersection100 .updates tr,#placeholdersection100 .sandbox tr,#placeholdersection100 .bandwidth tr,#placeholdersection100 .support tr,#placeholdersection100 .development tr,#placeholdersection100 .portal tr{height:55px}#placeholdersection100 .Backups tr{height:65px}#placeholdersection100 .homeboxproduct div .Item,#placeholdersection100 .homeboxproduct .title{width:190px!important}#placeholdersection100 .homeboxproduct div .Item td,#placeholdersection100 .homeboxproduct .title td{font-size:12px!important}}@media (min-width: 992px){.infotable table th,.infotable table td{font-size:14px!important}#placeholdersection100 .firsttable tr,#placeholdersection100 .updates tr,#placeholdersection100 .sandbox tr,#placeholdersection100 .bandwidth tr,#placeholdersection100 .support tr,#placeholdersection100 .development tr,#placeholdersection100 .portal tr{height:65px}#placeholdersection100 .Backups tr{height:85px}#placeholdersection100 .homeboxproduct div .Item,#placeholdersection100 .homeboxproduct .title{width:210px!important}#placeholdersection100 .homeboxproduct div .Item td,#placeholdersection100 .homeboxproduct .title td{font-size:14px!important}}@media (min-width: 1200px){.infotable table th,.infotable table td{font-size:15px!important}#placeholdersection100 .firsttable tr,#placeholdersection100 .updates tr,#placeholdersection100 .sandbox tr,#placeholdersection100 .bandwidth tr,#placeholdersection100 .support tr,#placeholdersection100 .development tr,#placeholdersection100 .portal tr{height:75px}#placeholdersection100 .Backups tr{height:90px}#placeholdersection100 .homeboxproduct div .Item td,#placeholdersection100 .homeboxproduct .title td{font-size:15px!important}}.text-left{font-size:12px!important;transform:translate(4px)}.gotochatclefincode{cursor:pointer;position:relative}.gotochatclefincode:after{content:none;position:absolute;bottom:0;left:47%;transform:translate(-50%);opacity:1}.gotochatclefincode:hover:after{content:"--click--";position:absolute;font-size:12px;color:#007bff;animation-name:moveleft;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-direction:alternate;opacity:1}@keyframes moveleft{to{left:52%}}page-footer{background-color:#fff;padding-top:30px;text-align:center}.page-footer.dark{background-color:#161e2e}.page-footer .footer-copyright{background-color:#fff;padding-top:3px;padding-bottom:3px;text-align:center;margin-top:50px;border:1px solid #ededed}.page-footer.dark .footer-copyright{background-color:#222425;border-color:#222425}.page-footer .footer-copyright p{margin:10px;color:#7d8288}.page-footer.dark .footer-copyright p{color:#ed912a}.page-footer ul{list-style-type:none;padding-left:0;line-height:1.7}.page-footer h5{font-size:18px;font-weight:700;margin-top:30px}.page-footer.dark h5{color:#fff}.page-footer a{color:#53595f;text-decoration:none}.page-footer.dark a{color:#d2d1d1}.page-footer a:focus,.page-footer a:hover{text-decoration:none;color:#1d2125}.page-footer.dark a:focus,.page-footer.dark a:hover{color:#fff}@media (min-width: 576px){.page-footer{text-align:left}}@media (min-width: 768px){.page-footer ul li{position:relative;padding-left:10px}.page-footer ul li:after,.page-footer ul li:before{content:"";position:absolute;left:0;width:2px;height:6px;border-radius:2px;background-color:#ed912a;transform:rotate(-45deg)}.page-footer ul li:before{top:9px;transform:rotate(-45deg)}.page-footer ul li:after{top:13px;transform:rotate(45deg)}}body[data-path] #navbar11,body[data-path] #navbar00{display:none!important}body[data-path] .page-content-wrapper{padding-top:68px}body[data-path] #cleffooterinner{display:block}body[data-path="pages/main"] #navbarinner{display:none!important}body[data-path="pages/main"] #navbar00{display:flex!important}body[data-path="pages/main"] #navbar11{display:table!important}body[data-path="pages/main"] .page-content-wrapper{padding-top:0}body[data-path="pages/main"] #cleffooterinner{display:none}body[data-path="pages/main"] #cleffooter{display:block}body[data-path="pages/inner/youtube"] #navbarinner{display:none!important}body[data-path="pages/inner/youtube"] #navbar00{display:flex!important}body[data-path="pages/inner/youtube"] #navbar11{display:table!important}body[data-path="pages/inner/youtube"] .page-content-wrapper{padding-top:0}body[data-path="pages/inner/youtube"] #cleffooterinner{display:block}.swiper-button-next100,.swiper-button-prev100,.swiper-button-next1,.swiper-button-prev1{color:#f77a05}.form-control{background-color:#e8e4e1;color:#444}.form-control:focus{box-shadow:0 0 0 2px #e87821}.clef-info{margin-bottom:1rem}.clef-info .svgcircle{border-radius:50%;box-shadow:0 0 0 2px;color:#e87821;margin-right:1rem}.clef-info svg{height:30px;width:30px;fill:#e87821;color:#e87821;padding:7px}.clef-info a{color:#e87821}.clef-info a:hover{color:#ebbc00;text-decoration:none}.map{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.map iframe{left:0;top:0;height:100%;width:100%;position:absolute}#page-login .btn{background-color:#e87821}#page-login a{color:#e87821}#page-login a:hover{color:#ebbc00}.contact-content .btn{background-color:#e87821}.contact-content .btn:active{background-color:#e87821!important;border-color:#e87821!important}.contact-content .btn:active:focus{box-shadow:0 0 0 .2rem #e87821!important}#topimageyoutube{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}#topimageyoutube .image{position:absolute;inset:0;background-position:center center;background-size:cover;z-index:5}#topimageyoutube .video{display:block}#topimageyoutube .video video{position:absolute;top:0;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;max-width:100%;width:100%;border:none;z-index:10}#youtube1 .video{aspect-ratio:16/9;width:100%}#youtube1 iframe{border-width:0;min-height:350px;max-width:100%;padding:1rem}#youtube1 .youtubetxt{padding:1rem;display:flex;justify-content:center;align-items:center;color:#fff}#page-contact{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}#navbar00{opacity:1;transition:opacity 1s;height:68px;position:absolute;top:0;left:0;width:100%;z-index:100;display:table}.navbar{padding:0}.navbar .dropdown-menu a{color:#192734}.navbar .navbar-brand{padding-top:0;padding-bottom:0}#navbar11{height:68px;position:fixed;top:0;left:0;width:100%;z-index:100;display:table;transition:top .3s}#navbar11 .top0 .icon{stroke:#192734}#navbar11 .top0 a{color:#d9d9d9!important;font-weight:700}#navbar11 .top0 a:hover{color:#f9a02c!important}#navbar11 .top0 li:hover{background-color:#333!important}#navbar11 .top0 .show li:hover{background-color:transparent!important}#navbar11 li:hover{background-color:#0000007d}#navbar11 a{color:#fff;font-weight:700}#navbar11 a:hover{color:#fff}#navbar11 .show li:hover{background-color:transparent}#navbar11 .navbar-toggler{background-color:#d9d9d9}#navbar11 .icon{stroke:#fff}#navbarinner{height:68px;position:fixed;top:0;left:0;width:100%;z-index:100;display:table;transition:top .3s;background-color:#161e2e!important}#navbarinner .top0 .icon{stroke:#192734}#navbarinner .top0 a{color:#d9d9d9!important;font-weight:700}#navbarinner .top0 a:hover{color:#f9a02c!important}#navbarinner .top0 li:hover{background-color:#333!important}#navbarinner .top0 .show li:hover{background-color:transparent!important}#navbarinner .top0 .ml-auto .nav-item:hover{background-color:#131e2e!important}#navbarinner li:hover{background-color:#333}#navbarinner a{color:#fff;font-weight:700}#navbarinner a:hover{color:#fff}#navbarinner .show li:hover{background-color:transparent}#navbarinner .navbar-toggler{background-color:#d9d9d9}#navbarinner .icon{stroke:#fff}#cleffooterinner{background-color:#333}#cleffooterinner .container{padding:50px}#cleffooterinner .four{display:flex;flex-direction:column;justify-content:space-between}#cleffooterinner .counter-box{display:block;padding:20px;text-align:center}#cleffooterinner .counter-box p{margin:5px 0 0;padding:0;font-size:18px;font-weight:500}#cleffooterinner .counter-box span{font-size:60px;margin:0 0 15px;color:#fff}#cleffooterinner .counter{font-size:32px;font-weight:700;color:#fff;line-height:28px}#cleffooterinner .lght,#cleffooterinner .drk{color:#fff}#cleffooterinner #counters1{background-color:#e87821}#cleffooterinner #counters2{background-color:#fd7100}#cleffooterinner #counters1 span,#cleffooterinner #counters2 span{color:#fff!important}#cleffooterinner #counters1 p,#cleffooterinner #counters2 p{color:#fff}#clefincode h1{color:#453d3d;font-size:36px;font-weight:700;text-align:center;text-transform:uppercase;position:relative;margin:30px 0}#clefincode .icon_container{justify-content:center;align-items:center;cursor:pointer;border:2px solid #e87821;border-radius:50%;padding:6px;background-color:transparent}#clefincode .icon_container svg{fill:#e87821!important;height:16px;width:16px}#clefincode .icon_container i{fill:#e87821!important;color:#e87821!important;height:16px;width:16px}#clefincode .icon_container0{border:2px solid #e87821;border-radius:50%;padding:6px;background-color:transparent;display:flex;justify-content:center;align-items:center}#clefincode .icon_container0 svg{fill:#e87821!important;height:16px;width:16px}#clefincode .icon_container0 i{fill:#e87821!important;color:#e87821!important;height:16px;width:16px}#clefincode .icon_container1{height:36px;width:36px}#clefincode .icon_container:hover{background-color:#e87821}#clefincode .icon_container:hover svg{fill:#fff!important}#clefincode .clef-btn{display:inline-block;position:relative;color:#fff;font-size:17px!important;padding:15px 25px!important;line-height:1.5!important;font-weight:700;font-style:normal;letter-spacing:0em;border:2px solid;border-radius:.3em;padding:.8em 1.8em;background:transparent;border-color:#e87821;color:#fff!important;outline:none!important;text-decoration:none}#clefincode .clef-btn i:after{content:"";position:absolute;top:0;left:0;right:0;height:0;transition:height .5s;background:#e87821;z-index:-1}#clefincode .clef-btn svg{height:16px;fill:#fff}#clefincode .clef-btn:hover{text-decoration:none}#clefincode .clef-btn:hover i:after{height:100%}#clefincode .topimage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}#clefincode .topimage .image{position:absolute;inset:0;background-position:center center;background-size:cover;z-index:5}#clefincode .topimage .video{display:block}#clefincode .topimage .video video{position:absolute;top:0;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;max-width:100%;width:100%;border:none;z-index:10}#clefincode #row-cards .col-lg-6{padding-left:0;padding-right:0}#clefincode #row-cards .cardbox{display:flex;flex-direction:column;flex-grow:1;position:relative;border-color:inherit;padding:75px 20px 75px 80px!important;min-height:350px}#clefincode #row-cards .iconbox svg{width:65px;height:70px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#ffffff!important;color:#453d3d!important}#clefincode #row-cards .card2 h4{color:#453d3d!important}#clefincode #row-cards .card3{background:#eb8c42!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card4{background:#444444!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters{background-color:#e8e4e1}#clefincode #counters .container{padding:50px}#clefincode #counters .four{display:flex;flex-direction:column;justify-content:space-between}#clefincode #counters .counter-box{display:block;padding:20px;text-align:center}#clefincode #counters .counter-box p{margin:5px 0 0;padding:0;font-size:18px;font-weight:500}#clefincode #counters .counter-box span{font-size:60px;margin:0 0 15px;color:#453d3d}#clefincode #counters .counter{font-size:32px;font-weight:700;color:#453d3d;line-height:28px}#clefincode #counters .lght{color:#453d3d}#clefincode #counters .drk{color:#000}#clefincode #counters #counters2 span,#clefincode #counters #counters4 span{color:#e87821!important}#clefincode #counters #counters2 p,#clefincode #counters #counters4 p{color:#453d3d}#clefincode #fixed_bg{position:relative;margin:0 auto;padding:8rem 2.5rem}#clefincode #fixed_bg .imagebg{position:absolute;background-repeat:no-repeat;background-attachment:fixed;inset:0;background-position:center center;background-size:cover}#clefincode #fixed_bg .bgoverlay{background:rgba(0,0,0,.7);position:absolute;inset:0}#clefincode #fixed_bg .content1{max-width:1200px;position:relative;margin:0 auto;width:100%;color:#fff}#clefincode #fixed_bg .content1 h1{color:#fff}#clefincode #fixed_bg .content1 .clef_row{margin:0 1.5rem;display:flex;flex-wrap:wrap}@keyframes afl{0%{opacity:0;transform:translate(-3rem)}to{opacity:1;transform:translate(0)}}#clefincode #fixed_bg .content1 .us_animate_afl{width:50%;position:relative;opacity:0;animation-duration:.7s;animation-fill-mode:both;border-color:#e8e4e1;display:flex;flex-direction:column;padding-left:0;padding-right:0;float:left}#clefincode #fixed_bg .content1 .start{animation-name:afl}#clefincode #two-sides{max-width:1290px;margin:auto}#clefincode #two-sides .leftimage .leftimage-image{display:block;width:50%;padding-left:0!important;padding-right:0!important}#clefincode #two-sides .leftimage .leftimage-text{width:50%}#clefincode #two-sides .rightimage{background-color:#e8e4e1}#clefincode #two-sides .rightimage .rightimage-text{width:50%}#clefincode #two-sides .rightimage .rightimage-image{width:50%;display:block;padding-left:0!important;padding-right:0!important}#clefincode #overlaytext{position:relative}#clefincode #overlaytext .imagebg1{background-position:center center;background-size:cover;min-height:calc(100vh - 65px)}#clefincode #overlaytext .imagebg1 #imagebg11{padding-top:4rem;padding-right:2rem}#clefincode #overlaytext .imagebg1 .bgwhite{background-color:#fff;width:60%;float:right;padding:30px}#clefincode #overlaytext .imagebg1 .bgwhite a{color:#e87821!important;display:inline-block}#clefincode #overlaytext .imagebg1 .bgwhite svg{height:16px;fill:#e87821}#clefincode #overlaytext .imagebg1 .bgwhite a:hover{color:#fff!important}#clefincode #overlaytext .imagebg1 .bgwhite a:hover svg{height:16px;fill:#fff!important}@keyframes afl1{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translate(0)}}#clefincode #overlaytext .imagebg1 .us_animate_afl1{position:relative;opacity:0;animation-duration:1s;animation-fill-mode:both}#clefincode #overlaytext .imagebg1 .start1{animation-name:afl1}#clefincode #testimonial .row{display:flex;width:100%}#clefincode #testimonial h2{color:#000;font-size:26px;font-weight:300;text-align:center;text-transform:uppercase;position:relative;margin:30px 0}#clefincode #testimonial h2:after{content:"";width:100px;position:absolute;margin:0 auto;height:4px;border-radius:1px;background:#f77a05!important;left:0;right:0;bottom:-20px}#clefincode #testimonial .carousel .carousel-item{color:#999;overflow:hidden;min-height:120px;font-size:13px}#clefincode #testimonial .carousel .media img{width:80px;height:80px;display:block;border-radius:50%}#clefincode #testimonial .carousel .testimonial{padding:0 15px 0 60px;position:relative}#clefincode #testimonial .carousel .testimonial:before{content:"\201c";font-family:Arial,sans-serif;color:#f77a05;font-weight:700;font-size:68px;line-height:54px;position:absolute;left:15px;top:0}#clefincode #testimonial .carousel .overview b{text-transform:uppercase;color:#f77a05}#clefincode #testimonial .carousel .carousel-indicators{bottom:-40px}#clefincode #testimonial .carousel .carousel-indicators li,#clefincode #testimonial .carousel .carousel-indicators li.active{width:20px;height:20px;border-radius:50%;margin:1px 3px;box-sizing:border-box}#clefincode #testimonial .carousel .carousel-indicators li{background:#ff7200;border:4px solid #fff}#clefincode #testimonial .carousel .carousel-indicators li .active{color:#fff;background:#f77a05;border:5px double}#clefincode #fixed_bg1{position:relative;margin:0 auto;padding:8rem 2.5rem}#clefincode #fixed_bg1 .imagebg{position:absolute;background-repeat:no-repeat;background-attachment:fixed;inset:0;background-position:center center;background-size:cover}#clefincode #fixed_bg1 .bgoverlay{background:rgba(0,0,0,.7);position:absolute;inset:0}#clefincode #fixed_bg1 .content1{max-width:1200px;position:relative;margin:0 auto;width:100%;color:#fff}#clefincode #fixed_bg1 .content1 h1{color:#fff}#clefincode #fixed_bg1 .content1 #clef_rowhidden{width:50%}#clefincode #fixed_bg1 .content1 .clef_row{margin:0 -1.5rem;display:flex;flex-wrap:wrap}#clefincode #fixed_bg1 .content1 .clef_hr_inner h4{color:#fff;text-align:center}#clefincode #fixed_bg1 .content1 .clef_hr_inner .clef_hr_inner1{min-height:150px}#clefincode #fixed_bg1 .content1 .clef_hr_inner svg{fill:#f77a05!important}@keyframes afl2{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translate(0)}}#clefincode #fixed_bg1 .content1 .us_animate_afl2{width:100%;position:relative;opacity:0;animation-duration:.7s;animation-fill-mode:both;border-color:#e8e4e1;display:flex;flex-direction:column;padding-left:0;padding-right:0;float:left}#clefincode #fixed_bg1 .content1 .start2{animation-name:afl2}#clefincode #systems{margin-bottom:26px}#clefincode #systems h2{margin-top:1rem!important}#clefincode #systems .clef-grid-item{position:relative;overflow:hidden;padding:2rem;min-height:100%;flex:1;cursor:pointer}#clefincode #systems .grid-item-bg{position:absolute;background-repeat:no-repeat;background-attachment:fixed;inset:0;background-position:center center;background-size:cover;transition-duration:.4s;transform-origin:50% 50%;transform:scale(1) translate(0)}#clefincode #systems .post_title{font-size:14px!important;font-weight:700!important}#clefincode #systems .grid12,#clefincode #systems .grid3,#clefincode #systems .grid4,#clefincode #systems .grid56,#clefincode #systems .grid78,#clefincode #systems .grid9,#clefincode #systems .grid10,#clefincode #systems .grid1112{flex:1}#clefincode #systems .grid12 li,#clefincode #systems .grid3 li,#clefincode #systems .grid4 li,#clefincode #systems .grid56 li,#clefincode #systems .grid78 li,#clefincode #systems .grid9 li,#clefincode #systems .grid10 li,#clefincode #systems .grid1112 li{font-size:12px!important;font-weight:400!important}#clefincode #systems .grid123,#clefincode #systems .grid456,#clefincode #systems .grid789,#clefincode #systems .grid101112{width:50%}#clefincode #systems .grid-item-bg1{background-image:url(/assets/clefincode/images/discover-our-systems/1.jpg)}#clefincode #systems .grid-item-bg2{background-image:url(/assets/clefincode/images/discover-our-systems/2.jpg)}#clefincode #systems .grid-item-bg3{background-image:url(/assets/clefincode/images/discover-our-systems/3.jpg)}#clefincode #systems .grid-item-bg4{background-image:url(/assets/clefincode/images/discover-our-systems/4.png)}#clefincode #systems .grid-item-bg5{background-image:url(/assets/clefincode/images/discover-our-systems/5.jpg)}#clefincode #systems .grid-item-bg6{background-image:url(/assets/clefincode/images/discover-our-systems/6.jpg)}#clefincode #systems .grid-item-bg7{background-image:url(/assets/clefincode/images/discover-our-systems/7.jpg)}#clefincode #systems .grid-item-bg8{background-image:url(/assets/clefincode/images/discover-our-systems/8.jpg)}#clefincode #systems .grid-item-bg9{background-image:url(/assets/clefincode/images/discover-our-systems/9.jpg)}#clefincode #systems .grid-item-bg10{background-image:url(/assets/clefincode/images/discover-our-systems/10.png)}#clefincode #systems .grid-item-bg11{background-image:url(/assets/clefincode/images/discover-our-systems/11.jpg)}#clefincode #systems .grid-item-bg12{background-image:url(/assets/clefincode/images/discover-our-systems/12.jpg)}#clefincode #systems .grid-item-content{position:relative;transition-duration:.3s;transform-origin:50% 50%;transform:scale(0) translate(0);opacity:0;background-color:#fff;padding:2rem}#clefincode #systems .grid-item-content-large{padding:4rem}#clefincode #systems .clef-grid-item:hover .grid-item-bg{transform:scale(1.2) translate(0);opacity:1}#clefincode #systems .clef-grid-item:hover .grid-item-content{transform:scale(1) translate(0);opacity:.95}#clefincode #fixed_bg2{position:relative;margin:0 auto;padding:8rem 2.5rem}#clefincode #fixed_bg2 .imagebg{position:absolute;background-repeat:no-repeat;background-attachment:fixed;inset:0;background-position:center center;background-size:cover}#clefincode #fixed_bg2 .bgoverlay{background:rgba(0,0,0,.7);position:absolute;inset:0}#clefincode #fixed_bg2 .content1{max-width:1200px;position:relative;margin:0 auto;width:100%;color:#fff}#clefincode #fixed_bg2 .content1 h1{color:#fff}#clefincode #fixed_bg2 .content1 h4{color:#fff!important}#clefincode #fixed_bg2 .content1 #clef_rowhidden{width:50%}#clefincode #fixed_bg2 .content1 .clef_row{margin:0 -1.5rem;display:flex;flex-wrap:wrap}#clefincode #fixed_bg2 .content1 .clef_hr_inner3{animation-duration:1.1s;animation-fill-mode:both}#clefincode #fixed_bg2 .content1 .clef_hr_inner3 h4{color:#fff;text-align:center}#clefincode #fixed_bg2 .content1 .clef_hr_inner3 .clef_hr_inner1{min-height:150px}#clefincode #fixed_bg2 .content1 .clef_hr_inner3 svg{fill:#f77a05!important}#clefincode #fixed_bg2 .content1 .clef_hr_inner3 i{fill:#f77a05!important}@keyframes afl3{0%{opacity:0;transform:translateY(-8rem)}to{opacity:1;transform:translateY(0)}}@keyframes afl33{0%{opacity:0;transform:translate(-8rem)}to{opacity:1;transform:translate(0)}}#clefincode #fixed_bg2 .content1 .us_animate_afl3{width:100%;position:relative;opacity:0;animation-duration:.7s;animation-fill-mode:both;border-color:#e8e4e1;display:flex;flex-direction:column;padding-left:0;padding-right:0;float:left}#clefincode #fixed_bg2 .content1 .start3{animation-name:afl3}#clefincode #fixed_bg2 .content1 .start33{animation-name:afl33}#clefincode #usefularticals .usefulcard{width:100%}#clefincode #usefularticals h1{color:#453d3d;font-size:36px;font-weight:700;text-align:center;text-transform:uppercase;position:relative;margin:30px 0}#clefincode #usefularticals .utitle a{color:#e87821;font-size:14px;font-weight:700}#clefincode #usefularticals .utitle a:hover{color:#e87821;text-decoration:none}#clefincode #usefularticals .bg-color{background:#fce8d2;width:120%;position:relative;z-index:2}#clefincode #usefularticals .bg-color a{color:#453d3d}#clefincode #usefularticals .bg-color a:hover{color:#e87821;text-decoration:none}#clefincode #usefularticals .imagecard{z-index:1}#clefincode #usefularticals .imagecard img{height:100%;width:100%;max-height:350px;max-width:350px;-o-object-fit:cover;object-fit:cover}#clefincode #shadowbox .shadowhover{box-shadow:0 1px 2px #0000;transition:box-shadow .3s ease-in-out}#clefincode #shadowbox .shadowhover:hover{box-shadow:0 5px 15px #ffffff59}#clefincode #shadowbox .lefthalf{width:50%;overflow:hidden;perspective:1px;border-radius:5px 0 0 5px!important}#clefincode #shadowbox .lefthalf a{color:#e87821!important;display:inline-block}#clefincode #shadowbox .lefthalf a:hover{color:#fff!important}#clefincode #shadowbox .lefthalf a:hover svg{height:16px;fill:#fff!important}#clefincode #shadowbox .lefthalf svg{height:16px;fill:#e87821!important}#clefincode #shadowbox .righthalf{overflow:hidden;perspective:1px;border-radius:0 5px 5px 0!important;width:50%;border-color:#4446!important}#clefincode #shadowbox .infobox11{background:#e87821;margin-top:16px;border-radius:5px;color:#fff;width:50%}#clefincode #shadowbox .infobox12{background:#eb8c42;margin-top:16px;border-radius:5px;color:#fff;width:50%}#clefincode #casestudy{background:rgb(245,245,245);padding:16px}#clefincode #casestudy h1{color:#453d3d;font-size:36px;font-weight:700;text-align:center;text-transform:uppercase;position:relative;margin:30px 0}#clefincode #casestudy img{height:100%;width:100%;max-height:100px;max-width:120px;-o-object-fit:cover;object-fit:cover}#clefincode #casestudy .case0{padding:36px}#clefincode #casestudy .bgw{padding:36px;background-color:#fff}#clefincode #casestudy .bgw a{color:#e87821}#clefincode #casestudy .bgw a:hover{color:#e87821;text-decoration:none}#clefincode #casestudy .case0,#clefincode #casestudy .case{z-index:2}#clefincode #casestudy .youtube{z-index:1}#clefincode #casestudy .youtube a:hover{text-decoration:none}#clefincode #casestudy .youtubeinner{width:auto;height:400px;min-width:300px;background:url(https://www.seniorsoftware.ro/wp-content/uploads/2021/03/studiu-de-caz-video-terasteel-managementul-productiei-aps-mes-software-productie-v2.jpg) no-repeat center center/cover!important}#clefincode #casestudy .case2{padding-left:24px}#clefincode #casestudy .case1{padding-bottom:16px}#clefincode #casestudy .case1 a{color:#453d3d}#clefincode #casestudy .case1 a:hover{color:#453d3d;text-decoration:none}#clefincode #casestudy .caseinner1{margin-left:16px}#clefincode #testcarousel h1{color:#453d3d;font-size:36px;font-weight:700;text-align:center;text-transform:uppercase;position:relative;margin:30px 0}@media (min-width: 768px) and (max-width: 991px){#clefincode #testcarousel .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item{position:absolute;top:0;right:-33.3333%;z-index:-1;display:block;visibility:visible}}@media (min-width: 576px) and (max-width: 768px){#clefincode #testcarousel .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item{position:absolute;top:0;right:-50%;z-index:-1;display:block;visibility:visible}}@media (min-width: 576px){#clefincode #testcarousel .carousel-item{margin-right:0}#clefincode #testcarousel .carousel-inner .active+.carousel-item{display:block}#clefincode #testcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),#clefincode #testcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item{transition:none}#clefincode #testcarousel .carousel-inner .carousel-item-next{position:relative;transform:translateZ(0)}#clefincode #testcarousel .active.carousel-item-left+.carousel-item-next.carousel-item-left,#clefincode #testcarousel .carousel-item-next.carousel-item-left+.carousel-item,#clefincode #testcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}#clefincode #testcarousel .carousel-inner .carousel-item-prev.carousel-item-right{position:absolute;top:0;left:0;z-index:-1;display:block;visibility:visible}#clefincode #testcarousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right,#clefincode #testcarousel .carousel-item-prev.carousel-item-right+.carousel-item,#clefincode #testcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item{position:relative;transform:translate3d(100%,0,0);display:block;visibility:visible}}@media (min-width: 768px){#clefincode #testcarousel .carousel-inner .active+.carousel-item+.carousel-item{display:block}#clefincode #testcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item{transition:none}#clefincode #testcarousel .carousel-inner .carousel-item-next{position:relative;transform:translateZ(0)}#clefincode #testcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}#clefincode #testcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item{position:relative;transform:translate3d(100%,0,0);display:block;visibility:visible}}@media (min-width: 991px){#clefincode #testcarousel .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item{display:block}#clefincode #testcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item{transition:none}#clefincode #testcarousel .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{position:absolute;top:0;right:-25%;z-index:-1;display:block;visibility:visible}#clefincode #testcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}#clefincode #testcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item{position:relative;transform:translate3d(100%,0,0);display:block;visibility:visible}}.wid-50{width:100%}#topimageyoutube .video,#clefincode .topimage .video{display:none}#clefincode #row-cards .cardbox{padding:8px!important;min-height:360px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#ffffff!important;color:#453d3d!important}#clefincode #row-cards .card2 h4{color:#453d3d!important}#clefincode #row-cards .card2 svg{stroke:#444}#clefincode #row-cards .card3{background:#eb8c42!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card3 svg{stroke:#444}#clefincode #row-cards .card4{background:#444444!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters .counter-box{padding:20px}#clefincode #counters .col-sm-3{padding-left:15px;padding-right:15px}#clefincode #fixed_bg .content1 .clef_row{margin:0 1rem}#clefincode #fixed_bg .content1 .us_animate_afl{width:100%!important;opacity:1}#clefincode #two-sides .leftimage .leftimage-image{display:none!important}#clefincode #two-sides .leftimage .leftimage-text{width:100%!important}#clefincode #two-sides .rightimage .rightimage-text{width:100%}#clefincode #two-sides .rightimage .rightimage-image{display:none!important}#clefincode #overlaytext .imagebg1{background-image:none;height:0;min-height:0}#clefincode #overlaytext .imagebg1 #imagebg11{padding-top:0;padding-right:0;padding:1rem}#clefincode #overlaytext .imagebg1 .bgwhite{width:100%!important}#clefincode #overlaytext .imagebg1 .us_animate_afl1{opacity:1}#clefincode #fixed_bg1 .content1 #clef_rowhidden{width:0!important}#clefincode #fixed_bg1 .content1 .us_animate_afl2{opacity:1}#clefincode #shadowbox .lefthalf{width:100%!important;border-radius:5px!important}#clefincode #shadowbox .righthalf{width:0!important}#clefincode #shadowbox .infobox11,#clefincode #shadowbox .infobox12{width:100%}#clefincode #systems ul{padding-left:15px}#clefincode #systems .grid-item-content-large{padding:1rem}#clefincode #systems .grid-item-content,#clefincode #systems .clef-grid-item{padding:.5rem}#clefincode #systems .grid123,#clefincode #systems .grid456,#clefincode #systems .grid789,#clefincode #systems .grid101112{width:100%!important}#clefincode #fixed_bg2 .content1 .us_animate_afl3{opacity:1}#clefincode #usefularticals .container{max-width:540px}#clefincode #usefularticals .usefulcard,#clefincode #casestudy .bgw{width:100%}#clefincode #casestudy #youtube{display:none}#clefincode #casestudy .case{width:100%}@media (min-width: 576px){.wid-50{width:100%}#topimageyoutube .video,#clefincode .topimage .video{display:none}#clefincode #row-cards .cardbox{padding:18px!important;min-height:500px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#444444!important;color:#fff!important}#clefincode #row-cards .card2 h4{color:#fff!important}#clefincode #row-cards .card2 svg{stroke:#fff}#clefincode #row-cards .card3{background:#444444!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card3 svg{stroke:#fff}#clefincode #row-cards .card4{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters .counter-box{padding:10px}#clefincode #counters .col-sm-3{padding-left:5px;padding-right:5px}#clefincode #fixed_bg .content1 .clef_row{margin:0 1rem}#clefincode #fixed_bg .content1 .us_animate_afl{width:100%!important;opacity:1}#clefincode #two-sides .leftimage .leftimage-image{display:none!important}#clefincode #two-sides .leftimage .leftimage-text{width:100%!important}#clefincode #two-sides .rightimage .rightimage-text{width:100%}#clefincode #two-sides .rightimage .rightimage-image{display:none!important}#clefincode #overlaytext .imagebg1{background-image:none;min-height:0;height:0}#clefincode #overlaytext .imagebg1 #imagebg11{padding-top:0;padding-right:0;padding:1rem}#clefincode #overlaytext .imagebg1 .bgwhite{width:100%!important}#clefincode #overlaytext .imagebg1 .us_animate_afl1{opacity:1}#clefincode #fixed_bg1 .content1 #clef_rowhidden{width:0!important}#clefincode #fixed_bg1 .content1 .us_animate_afl2{opacity:1}#clefincode #shadowbox .lefthalf{width:100%!important;border-radius:5px!important}#clefincode #shadowbox .righthalf{width:0!important}#clefincode #shadowbox .infobox11,#clefincode #shadowbox .infobox12{width:100%}#clefincode #systems ul{padding-left:15px}#clefincode #systems .grid-item-content-large{padding:2rem}#clefincode #systems .grid-item-content,#clefincode #systems .clef-grid-item{padding:1rem}#clefincode #systems .grid123,#clefincode #systems .grid456,#clefincode #systems .grid789,#clefincode #systems .grid101112{width:100%!important}#clefincode #fixed_bg2 .content1 .us_animate_afl3{opacity:1}#clefincode #usefularticals .container{max-width:100%}#clefincode #usefularticals .usefulcard,#clefincode #casestudy .bgw{width:100%}#clefincode #casestudy #youtube{display:none}#clefincode #casestudy .case{width:100%}}@media (min-width: 768px){.wid-50{width:100%}#topimageyoutube .video,#clefincode .topimage .video{display:block}#clefincode #row-cards .cardbox{padding:26px!important;min-height:500px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#444444!important;color:#fff!important}#clefincode #row-cards .card2 h4{color:#fff!important}#clefincode #row-cards .card2 svg{stroke:#fff}#clefincode #row-cards .card3{background:#444444!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card3 svg{stroke:#fff}#clefincode #row-cards .card4{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters .counter-box{padding:10px}#clefincode #counters .col-sm-3{padding-left:10x;padding-right:10px}#clefincode #fixed_bg .content1 .clef_row{margin:0 1.5rem}#clefincode #fixed_bg .content1 .us_animate_afl{width:100%!important;opacity:1}#clefincode #two-sides .leftimage .leftimage-image{display:none!important}#clefincode #two-sides .leftimage .leftimage-text,#clefincode #two-sides .rightimage .rightimage-text{width:100%!important}#clefincode #two-sides .rightimage .rightimage-image{display:none!important}#clefincode #overlaytext .imagebg1{min-height:calc(100vh - 65px)}#clefincode #overlaytext .imagebg1 #imagebg11{padding:2rem}#clefincode #overlaytext .imagebg1 .bgwhite{width:60%!important}#clefincode #overlaytext .imagebg1 .us_animate_afl1{opacity:1}#clefincode #fixed_bg1 .content1 #clef_rowhidden{width:0!important}#clefincode #fixed_bg1 .content1 .us_animate_afl2{opacity:1}#clefincode #shadowbox .lefthalf{width:50%!important;border-radius:5px 0 0 5px!important}#clefincode #shadowbox .righthalf{width:50%!important}#clefincode #shadowbox .infobox11,#clefincode #shadowbox .infobox12{width:50%}#clefincode #systems ul{padding-left:20px}#clefincode #systems .grid-item-content-large{padding:2rem}#clefincode #systems .grid-item-content,#clefincode #systems .clef-grid-item{padding:1rem}#clefincode #systems .grid123,#clefincode #systems .grid456,#clefincode #systems .grid789,#clefincode #systems .grid101112{width:100%!important}#clefincode #fixed_bg2 .content1 .us_animate_afl3{opacity:1}#clefincode #usefularticals .container{max-width:840px}#clefincode #usefularticals .usefulcard,#clefincode #casestudy .bgw{width:100%}#clefincode #casestudy #youtube{display:none}#clefincode #casestudy .case{width:50%}}@media (min-width: 992px){.wid-50{width:50%}#clefincode #row-cards .cardbox{padding:37.5px 30px 37.5px 25px!important;min-height:350px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#ffffff!important;color:#453d3d!important}#clefincode #row-cards .card2 h4{color:#453d3d!important}#clefincode #row-cards .card2 svg{stroke:#444}#clefincode #row-cards .card3{background:#eb8c42!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card3 svg{stroke:#444}#clefincode #row-cards .card4{background:#444444!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters .counter-box{padding:20px}#clefincode #counters .col-sm-3{padding-left:15px;padding-right:15px}#clefincode #fixed_bg .content1 .clef_row{margin:0 1.5rem}#clefincode #fixed_bg .content1 .us_animate_afl{width:80%!important;opacity:0}#clefincode #two-sides .leftimage .leftimage-image{display:block!important}#clefincode #two-sides .leftimage .leftimage-text,#clefincode #two-sides .rightimage .rightimage-text{width:50%!important}#clefincode #two-sides .rightimage .rightimage-image{display:block!important}#clefincode #overlaytext .imagebg1 #imagebg11{padding:0;padding-top:4rem;padding-right:2rem}#clefincode #overlaytext .imagebg1 .bgwhite{width:60%!important}#clefincode #overlaytext .imagebg1 .us_animate_afl1{opacity:0}#clefincode #fixed_bg1 .content1 #clef_rowhidden{width:50%!important}#clefincode #fixed_bg1 .content1 .us_animate_afl2{opacity:0}#clefincode #shadowbox .lefthalf,#clefincode #shadowbox .righthalf{width:50%!important}#clefincode #systems ul{padding-left:40px}#clefincode #systems .grid-item-content-large{padding:4rem}#clefincode #systems .grid-item-content,#clefincode #systems .clef-grid-item{padding:2rem}#clefincode #systems .grid123,#clefincode #systems .grid456,#clefincode #systems .grid789,#clefincode #systems .grid101112{width:50%!important}#clefincode #fixed_bg2 .content1 .us_animate_afl3{opacity:0}#clefincode #usefularticals .container{max-width:1090px}#clefincode #usefularticals .usefulcard{width:50%}#clefincode #casestudy .bgw{width:125%}#clefincode #casestudy #youtube{display:block}#clefincode #casestudy .case{width:33.3%}}@media (min-width: 1200px){#clefincode #row-cards .cardbox{padding:75px 60px 75px 55px!important;min-height:350px}#clefincode #row-cards .card1{background:#e87821!important;color:#fff!important}#clefincode #row-cards .card1 h4{color:#fff!important}#clefincode #row-cards .card2{background:#ffffff!important;color:#453d3d!important}#clefincode #row-cards .card2 h4{color:#453d3d!important}#clefincode #row-cards .card3{background:#eb8c42!important;color:#fff!important}#clefincode #row-cards .card3 h4{color:#fff!important}#clefincode #row-cards .card4{background:#444444!important;color:#fff!important}#clefincode #row-cards .card4 h4{color:#fff!important}#clefincode #counters .counter-box{padding:20px}#clefincode #fixed_bg .content1 .clef_row{margin:0 1.5rem}#clefincode #fixed_bg .content1 .us_animate_afl{width:80%!important;opacity:0}#clefincode #overlaytext .imagebg1 .us_animate_afl1,#clefincode #fixed_bg1 .content1 .us_animate_afl2,#clefincode #fixed_bg2 .content1 .us_animate_afl3{opacity:0}#clefincode #usefularticals .container{max-width:1290px}#clefincode #usefularticals .usefulcard{width:50%}}body[data-path] .page-content-wrapper{padding-top:0!important}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ec912a;-webkit-box-shadow:0 0 1px #EC912A}.js-preloader{position:fixed;inset:0;background-color:#fff;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;z-index:9999;transition:opacity .25s ease}.js-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}@keyframes dot{50%{transform:translate(96px)}}@keyframes dots{50%{transform:translate(-31px)}}.notes-container{display:flex;gap:20px;overflow:visible;position:relative;height:100%;width:100%;top:-2.5%;color:#ffeee1}#scrool_to,.harmonized h3,.swiper-slide.inactive span{color:#ffeee1}.swiper-slide.inactive svg{filter:invert(1) brightness(2)}.swiper-slide-active svg{filter:invert(1) brightness(2)}.preloader-inner{position:relative;width:142px;height:40px;background:#fff}.preloader-inner .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;background:#EC912A;border-radius:50%;transform:translate(0);animation:dot 2.8s infinite}.preloader-inner .dots{transform:translate(0);margin-top:12px;margin-left:31px;animation:dots 2.8s infinite}.preloader-inner .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;background:#EC912A;border-radius:50%}#navbar_v .navbar-collapse{flex-grow:0!important}#navbar_v .navbar-collapse .nav-link{color:#a6a6a6;font-size:16px;font-style:normal;font-weight:500;line-height:normal}#navbar_v .navbar-collapse .nav-link.active{color:#000}#navbar_v .ml-auto li:last-child{border-radius:10px;background:#181F2F;color:#f8f8fa}@media only screen and (min-width: 100px){#navbar_v .mr-auto .nav-item{padding-left:.75rem!important}#navbar_v .ml-auto li:last-child{width:-moz-max-content;width:max-content;padding:0 .75rem;padding-left:.75rem!important}}@media only screen and (min-width: 992px){#navbar_v .mr-auto .nav-item{padding-left:0!important}#navbar_v .ml-auto li:last-child{width:auto;padding:0;padding-left:0!important}}#cleffooterv2 .linkv2{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:1.25px;text-transform:uppercase;min-width:140px}#cleffooterv2 .color_link_inherit{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.09px}@media only screen and (min-width: 100px){#cleffooterv2 .linksv2container{flex-direction:column}#cleffooterv2 .linkv2{min-width:100px;text-align:left}}@media only screen and (min-width: 480px){#cleffooterv2 .linksv2container{flex-direction:row}#cleffooterv2 .linkv2{min-width:100px;text-align:right}}@media only screen and (min-width: 576px){#cleffooterv2 .linksv2container{flex-direction:row}#cleffooterv2 .linkv2{min-width:100px;text-align:right}}@media only screen and (min-width: 768px){#cleffooterv2 .linkv2{min-width:120px;text-align:right}}@media only screen and (min-width: 900px){#cleffooterv2 .linkv2{min-width:140px;text-align:right}}@media only screen and (min-width: 1200px){#cleffooterv2 .linkv2{min-width:160px;text-align:right}}#website_version2:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 75px);background-color:#181f2f;z-index:-1}#website_version2 .mySwiper100 .swiper-button-disabled{display:none}#website_version2 .mySwiper100 .swiper-button-prev100,#website_version2 .mySwiper100 .swiper-button-next100{background-repeat:no-repeat;background-size:100% auto;background-position:center;border-radius:50%;padding:2px}#website_version2 .mySwiper100 .swiper-button-next100:after{display:none}#website_version2 .mySwiper100 .swiper-button-prev100:after{display:none}#website_version2 .mySwiper100 .swiper-button-next100,#website_version2 .mySwiper100 .swiper-button-prev100{color:#e6e6e6!important}#website_version2 .mySwiper100 .swiper-button-next100:hover,#website_version2 .mySwiper100 .swiper-button-prev100:hover{color:#fff!important}#website_version2 .mySwiper101{padding:2rem 0}#website_version2 .mySwiper101 .activeslide svg{fill:#eb902a}#website_version2 .mySwiper101 .activeslide span{color:#eb902a}#website_version2 .mySwiper101 .swiper-slide{cursor:pointer}#website_version2 .mySwiper101 .swiper-button-disabled{display:none}#website_version2 .mySwiper101 .swiper-pagination101{bottom:-7px!important}#website_version2 .mySwiper101 .swiper-pagination-bullet{background-color:#ffeee1}#website_version2 .mySwiper101 .swiper-pagination-bullet-active{background:#EC912A}#website_version2 .mySwiper101 .swiper-button-prev101{background-repeat:no-repeat;background-size:100% auto;background-position:center;transform:translate(10%);padding:3px;border-radius:50%;color:gray!important}#website_version2 .mySwiper101 .swiper-button-next101{background-repeat:no-repeat;background-size:100% auto;background-position:center;transform:translate(-10%);padding:3px;border-radius:50%;color:gray!important}#website_version2 .mySwiper101 .swiper-button-next101:after{display:none}#website_version2 .mySwiper101 .swiper-button-prev101:after{display:none}#website_version2 .mySwiper101 .swiper-button-next101,#website_version2 .mySwiper101 .swiper-button-prev101{color:#353535!important}#website_version2 .mySwiper101 .swiper-button-next101:hover,#website_version2 .mySwiper101 .swiper-button-prev101:hover{color:#e6e6e6!important}#website_version2 .clef-hdr1{color:#ec912a;font-weight:700;font-size:42px}#website_version2 .clef-hdr2{color:#ffeee1;font-weight:700;font-size:42px}#website_version2 .notes_section{position:relative;width:100%;top:-40px}#website_version2 .muzieknootjes{position:relative;width:100%;height:100%}#website_version2 .clefbutton{background-color:#ec912a;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:100px;cursor:pointer;position:relative;z-index:1}#website_version2 .clefbutton1,#website_version2 .clefbutton2,#website_version2 .clefbutton3,#website_version2 .clefbutton4,#website_version2 .clefbutton5,#website_version2 .clefbutton6{background-color:#ec912a;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;font-size:16px;border-radius:88px;cursor:pointer;display:block}#website_version2 .homepageheader{padding-top:4rem;padding-bottom:2rem}#website_version2 .homepageheadersub{padding-bottom:2rem}#website_version2 .noot{cursor:pointer;font-size:3rem;position:absolute;opacity:0}#website_version2 .noot-1,#website_version2 .noot-2,#website_version2 .noot-3,#website_version2 .noot-4,#website_version2 .noot-5,#website_version2 .noot-6,#website_version2 .noot-7,#website_version2 .noot-8,#website_version2 .noot-9,#website_version2 .noot-10,#website_version2 .noot-11,#website_version2 .noot-12{animation:notes11 24s infinite linear}#website_version2 .noot-1{animation-delay:0s}#website_version2 .noot-2{animation-delay:2s}#website_version2 .noot-3{animation-delay:4s}#website_version2 .noot-4{animation-delay:6s}#website_version2 .noot-5{animation-delay:8s}#website_version2 .noot-6{animation-delay:10s}#website_version2 .noot-7{animation-delay:12s}#website_version2 .noot-8{animation-delay:14s}#website_version2 .noot-9{animation-delay:16s}#website_version2 .noot-10{animation-delay:18s}#website_version2 .noot-11{animation-delay:20s}#website_version2 .noot-12{animation-delay:22s}@keyframes notes11{0%{opacity:0;top:25%;left:0%}5%{opacity:.5;top:15%;left:5%}10%{opacity:1;top:8%;left:10%}15%{opacity:1;top:0%;left:15%}20%{opacity:1;top:-6%;left:20%}25%{opacity:1;top:-4%;left:25%}30%{opacity:1;top:8%;left:30%}35%{opacity:1;top:25%;left:35%}40%{opacity:1;top:38%;left:40%}45%{opacity:1;top:45%;left:45%}50%{opacity:1;top:55%;left:50%}55%{opacity:1;top:50%;left:55%}60%{opacity:1;top:47%;left:60%}65%{opacity:1;top:43%;left:65%}70%{opacity:1;top:30%;left:70%}75%{opacity:1;top:15%;left:75%}80%{opacity:1;top:10%;left:80%}85%{opacity:1;top:0%;left:85%}90%{opacity:.8;top:-6%;left:90%}95%{opacity:.5;top:-6%;left:95%}to{opacity:0;top:-6%;left:100%}}#website_version2 .noot-21,#website_version2 .noot-22,#website_version2 .noot-23,#website_version2 .noot-24,#website_version2 .noot-25,#website_version2 .noot-26,#website_version2 .noot-27,#website_version2 .noot-28,#website_version2 .noot-29,#website_version2 .noot-210,#website_version2 .noot-211,#website_version2 .noot-212{animation:notes21 24s infinite linear}#website_version2 .noot-21{animation-delay:1s}#website_version2 .noot-22{animation-delay:3s}#website_version2 .noot-23{animation-delay:5s}#website_version2 .noot-24{animation-delay:7s}#website_version2 .noot-25{animation-delay:9s}#website_version2 .noot-26{animation-delay:11s}#website_version2 .noot-27{animation-delay:13s}#website_version2 .noot-28{animation-delay:15s}#website_version2 .noot-29{animation-delay:17s}#website_version2 .noot-210{animation-delay:19s}#website_version2 .noot-211{animation-delay:21s}#website_version2 .noot-212{animation-delay:23s}@keyframes notes21{0%{opacity:0;left:0%;top:45%}5%{opacity:.5;left:5%;top:35%}10%{opacity:1;left:10%;top:28%}15%{opacity:1;left:15%;top:20%}20%{opacity:1;left:20%;top:14%}25%{opacity:1;left:25%;top:16%}30%{opacity:1;top:28%}35%{opacity:1;left:35%;top:45%}40%{opacity:1;left:40%;top:58%}45%{opacity:1;left:45%;top:65%}50%{opacity:1;left:50%;top:75%}55%{opacity:1;left:55%;top:70%}60%{opacity:1;left:60%;top:66%}65%{opacity:1;left:65%;top:62%}70%{opacity:1;left:70%;top:49%}75%{opacity:1;left:75%;top:34%}80%{opacity:1;left:80%;top:24%}85%{opacity:1;left:85%;top:14%}90%{opacity:.8;left:90%;top:8%}95%{opacity:.5;left:95%;top:8%}to{opacity:0;left:100%;top:8%}}#website_version2 .noot-31,#website_version2 .noot-32,#website_version2 .noot-33,#website_version2 .noot-34,#website_version2 .noot-35,#website_version2 .noot-36,#website_version2 .noot-37,#website_version2 .noot-38,#website_version2 .noot-39,#website_version2 .noot-310,#website_version2 .noot-311,#website_version2 .noot-312{animation:notes31 24s infinite linear}#website_version2 .noot-31{animation-delay:0s}#website_version2 .noot-32{animation-delay:2s}#website_version2 .noot-33{animation-delay:4s}#website_version2 .noot-34{animation-delay:6s}#website_version2 .noot-35{animation-delay:8s}#website_version2 .noot-36{animation-delay:10s}#website_version2 .noot-37{animation-delay:12s}#website_version2 .noot-38{animation-delay:14s}#website_version2 .noot-39{animation-delay:16s}#website_version2 .noot-310{animation-delay:18s}#website_version2 .noot-311{animation-delay:20s}#website_version2 .noot-312{animation-delay:22s}@keyframes notes31{0%{opacity:0;left:0%;top:60%}5%{opacity:.5;left:5%;top:50%}10%{opacity:1;left:10%;top:45%}15%{opacity:1;left:15%;top:33%}20%{opacity:1;left:20%;top:30%}25%{opacity:1;left:25%;top:32%}30%{opacity:1;top:43%}35%{opacity:1;left:35%;top:55%}40%{opacity:1;left:40%;top:67%}45%{opacity:1;left:45%;top:75%}50%{opacity:1;left:50%;top:79%}55%{opacity:1;left:55%;top:78%}60%{opacity:1;left:60%;top:74%}65%{opacity:1;left:65%;top:66%}70%{opacity:1;left:70%;top:58%}75%{opacity:1;left:75%;top:48%}80%{opacity:1;left:80%;top:40%}85%{opacity:1;left:85%;top:33%}90%{opacity:.8;left:90%;top:29%}95%{opacity:.5;left:95%;top:28%}to{opacity:0;left:100%;top:31%}}#website_version2 .noot_hovered{animation-play-state:paused!important;color:#4c5a671f;transition:all .2s linear}#website_version2 .noot_hovered11{color:#000}#website_version2 .clef-row{margin-left:auto;margin-right:auto;max-width:100%}#website_version2 .subcontainer1{border-radius:0!important;background:none!important;box-shadow:none!important}#website_version2 .subcontainer1 .w60,#website_version2 .subcontainer1 .w40{flex-direction:column}#website_version2 .subcontainer{border-radius:12px;background:#FFFFFF;box-shadow:0 4px 54px #0000000d}#website_version2 .subcontainer .cleftabs .cleftab{min-width:100px;color:#a6a6a6;text-align:center;cursor:pointer}#website_version2 .subcontainer .cleftabs .cleftab:after{border-radius:30px;opacity:1;content:"";position:relative;width:100%;height:8px;left:0;display:block;clear:both;background-color:#a5a5a52e}#website_version2 .subcontainer .cleftabs .cleftab>div{padding:.75rem 0}#website_version2 .subcontainer .cleftabs .cleftab>div svg{width:22px;height:26px}#website_version2 .subcontainer .cleftabs .cleftab>div svg path{fill:#a6a6a6}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:31px;font-style:normal;font-weight:500;line-height:normal;vertical-align:middle}#website_version2 .subcontainer .cleftabs .active{background-color:#ec912a;color:#fff}#website_version2 .subcontainer .cleftabs .active svg path{fill:#fff!important}#website_version2 .subcontainer .cleftabs .active:after{border-radius:30px;opacity:1;content:"";position:relative;width:100%;height:8px;left:0;display:block;clear:both;background-color:#ffeee1}#website_version2 .subcontainer p{color:#a8a8a8}#website_version2 .subcontainer .w50{width:50%}#website_version2 .subcontainer .w40{width:40%;flex-direction:column}#website_version2 .subcontainer .w60{width:60%;flex-direction:column}#website_version2 .clef-img{display:flex;align-items:center;margin:auto}#website_version2 .clef-img>img{max-width:350px}#website_version2 .benifit{color:#191a15}#website_version2 .benifit .relative{position:relative}#website_version2 .benifit .bhead{font-size:50px;font-style:normal;font-weight:600;margin-bottom:30px;line-height:normal}#website_version2 .benifit .bgimage{-o-object-fit:cover;object-fit:cover;width:450px;height:529px;border-radius:20px;filter:grayscale(1)}#website_version2 .benifit .bottom-left{position:absolute;left:-50px;bottom:-10px;padding:12px 20px;border-radius:10px;background:#FFF;box-shadow:0 4px 9px #0000000d;min-width:304px}#website_version2 .benifit .bottom-left img{width:58px;height:58px;border-radius:58px;filter:grayscale(1)}#website_version2 .benifit .bottom-left .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal}#website_version2 .benifit .bottom-left .black{color:#191a15;font-size:18px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:8px}#website_version2 .benifit .top-left{position:absolute;left:-50px;top:50px;padding:12px 20px;border-radius:10px;background:#FFF;box-shadow:0 4px 9px #0000000d;min-width:304px}#website_version2 .benifit .top-left img{width:58px;height:58px;border-radius:58px;filter:grayscale(1)}#website_version2 .benifit .top-left .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal}#website_version2 .benifit .top-left .black{color:#191a15;font-size:18px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:8px}#website_version2 .benifit .centered-right{position:absolute;left:105%;top:150px;border-radius:10px;min-width:138px;background:#FFF;box-shadow:0 4px 9px #0000000d;padding:14px}#website_version2 .benifit .centered-right .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:8px}#website_version2 .benifit .centered-right .black{color:#191a15;font-size:16px;font-style:normal;font-weight:500;line-height:normal}#website_version2 .support{background:#4F4F4F;color:#fff}#website_version2 .support .half{flex-basis:100%}#website_version2 .support .second-half svg{margin:0 20px 0 0;width:60px;height:60px;padding:8px;border-radius:5px;background:#FFF;box-shadow:0 4px 9px #0000000d}#website_version2 .chatwithus{margin-top:60px;margin-bottom:60px}#website_version2 .chatwithus .head{color:#191a15;font-size:50px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:60px}#website_version2 .chatwithus .chatbox{padding:20px;border-radius:21px;background:#FFF;height:624px;box-shadow:0 4px 31px #00000014}#website_version2 .chatwithus .chatbox .chatspace{height:485px;overflow:auto;padding:0 2rem 0 0}#website_version2 .chatwithus .chatbox .bot{margin-bottom:10px;margin-right:30px}#website_version2 .chatwithus .chatbox .robot{background-repeat:no-repeat;background-position:center;border-radius:245.283px;border:1px solid #EC912A;background-color:#fff;box-shadow:0 3px 10px #0000000d;display:flex;width:58px;height:58px;justify-content:center;align-items:center;gap:4.906px;flex-shrink:0;margin-right:6px}#website_version2 .chatwithus .chatbox .chatbot .chatbotshadow{border-radius:21px;background:#FFF;box-shadow:0 4px 31px #00000014}#website_version2 .chatwithus .chatbox .chatbot .chatbotshadow .chatbottxt{border-radius:25px 25px 25px 0;background:#EC912A;max-width:426px;display:flex;padding:16px 32px;justify-content:center;align-items:center;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:normal}#website_version2 .chatwithus .chatbox .human{margin-bottom:10px;margin-right:10px;margin-left:30px}#website_version2 .chatwithus .chatbox .human .chatbotshadow{border-radius:21px;background:#FFF;box-shadow:0 4px 31px #00000014}#website_version2 .chatwithus .chatbox .human .chatbotshadow .chatbottxt{border-radius:25px 25px 0;background:#ffffff;max-width:426px;display:flex;padding:16px 32px;justify-content:center;align-items:center;color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media only screen and (min-width: 100px){#website_version2 .notes_section{top:-20px}#website_version2 .noot,#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:.6rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:.6rem;font-weight:700}#website_version2 .subcontainer .w50,#website_version2 .subcontainer .w60,#website_version2 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1rem}#website_version2 .subcontainer1 .w60,#website_version2 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version2 .benifit .bhead{width:100%}#website_version2 .benifit .bgimage{width:100%;height:529px}#website_version2 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version2 .benifit .top-left{top:10%;left:0;transform:none}#website_version2 .benifit .centered-right{top:50%;left:0;transform:none}#website_version2 .chatwithus .chatbox{width:100%}#website_version2 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 480px){#website_version2 .notes_section{top:-40px}#website_version2 .noot,#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:.8rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:.8rem;font-weight:700}#website_version2 .subcontainer .w50,#website_version2 .subcontainer .w60,#website_version2 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1.1rem}#website_version2 .subcontainer1 .w60,#website_version2 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version2 .benifit .bhead{width:100%}#website_version2 .benifit .bgimage{width:100%;height:529px}#website_version2 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version2 .benifit .top-left{top:10%;left:0;transform:none}#website_version2 .benifit .centered-right{top:50%;left:0;transform:none}#website_version2 .chatwithus .chatbox{width:100%}#website_version2 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 600px){#website_version2 .notes_section{top:-50px}#website_version2 .noot,#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:.8rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:.8rem;font-weight:700}#website_version2 .subcontainer .w50,#website_version2 .subcontainer .w60,#website_version2 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1.2rem}#website_version2 .subcontainer1 .w60,#website_version2 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version2 .benifit .bhead{width:100%}#website_version2 .benifit .bgimage{width:100%;height:529px}#website_version2 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version2 .benifit .top-left{top:10%;left:0;transform:none}#website_version2 .benifit .centered-right{top:50%;left:0;transform:none}#website_version2 .chatwithus .chatbox{width:100%}#website_version2 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 768px){#website_version2 .notes_section{top:-80px}#website_version2 .noot,#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:.8rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:.8rem;font-weight:700}#website_version2 .subcontainer .w50{width:50%;display:flex;justify-content:flex-start}#website_version2 .subcontainer .w60{width:60%;display:flex;justify-content:flex-start}#website_version2 .subcontainer .w40{width:40%;display:flex;justify-content:center}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1.2rem}#website_version2 .subcontainer1 .w60,#website_version2 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version2 .benifit .bhead{width:100%}#website_version2 .benifit .bgimage{width:100%;height:529px}#website_version2 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version2 .benifit .top-left{top:10%;left:0;transform:none}#website_version2 .benifit .centered-right{top:50%;left:0;transform:none}#website_version2 .chatwithus .chatbox{width:100%}#website_version2 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 992px){#website_version2 .notes_section{top:-100px}#website_version2 .noot,#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:1rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:1rem;font-weight:700}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1.3rem}#website_version2 .subcontainer1 .w60{width:60%;display:flex;justify-content:center}#website_version2 .subcontainer1 .w40{width:40%;display:flex;justify-content:center}#website_version2 .benifit .bhead{width:80%}#website_version2 .benifit .bgimage{width:450px;height:529px}#website_version2 .benifit .bottom-left{position:absolute;left:50px;bottom:-60px;transform:translate(-50%,-50%)}#website_version2 .benifit .top-left{position:absolute;left:50px;top:50px;transform:translate(-50%,-50%)}#website_version2 .benifit .centered-right{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%)}#website_version2 .chatwithus .chatbox{width:auto}#website_version2 .chatwithus .chatimagedisplay{display:block}}@media only screen and (min-width: 1200px){#website_version2 .notes_section{top:-100px}#website_version2 .noot{font-size:1rem}#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:1rem;font-family:tahoma}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:1rem;font-weight:700}#website_version2 .subcontainer .cleftabs .cleftab>div span{font-size:1.4rem}}@media only screen and (min-width: 1400px){#website_version2 .notes_section{top:-100px}#website_version2 .noot{font-size:1rem}#website_version2 .noot .letters,#website_version2 .noot .letters1{font-family:tahoma;font-size:1rem}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:1rem;font-weight:700}}@media only screen and (min-width: 1800px){#website_version2 .notes_section{top:-100px}#website_version2 .noot{font-size:1rem}#website_version2 .noot .letters,#website_version2 .noot .letters1{font-size:1 rem;font-family:tahoma}#website_version2 .noot .letters span,#website_version2 .noot .letters1 span{font-size:1 rem;font-weight:700}}.tooltip-note{position:absolute;bottom:105%;left:50%;transform:translate(-50%);background-color:#ec912aa6;color:#fff;padding:6px 10px;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 2s ease-in-out,transform .3s ease-in!important;width:300px;height:auto;text-wrap:unset;text-align:center;z-index:2;pointer-events:none}#walid *{box-sizing:border-box}#walid .container1{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media (min-width: 523px){#walid .container1{width:497px}}@media (min-width: 768px){#walid .container1{width:750px}}@media (min-width: 992px){#walid .container1{width:970px}}@media (min-width: 1200px){#walid .container1{width:1170px}}#walid .large{margin-top:20px}#walid .large .content{display:grid;grid-template-rows:auto auto auto;grid-template-columns:repeat(12,8.35%);grid-template-areas:"buttom1 buttom1 buttom1 buttom1 buttom2 buttom2 buttom2 buttom2 buttom3 buttom3 buttom3 buttom3 " "col1 col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2" "col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3"}#walid .content .buttom1{grid-area:buttom1;text-decoration:none;width:100%;height:100%;grid-column-start:1;grid-column-end:5;padding:1rem 2rem;background-color:#fd7e14;text-align:center;position:relative;color:#fff}#walid .content .buttom1 .under1{position:absolute;width:100%;height:10%;left:0%;top:90%;background-color:#000;border-radius:5px}#walid .content .buttom2{grid-area:buttom2;text-decoration:none;width:100%;height:100%;grid-column-start:5;grid-column-end:9;padding:1rem 2rem;background-color:#fff;text-align:center;position:relative;color:#a6a6a6}#walid .content .buttom2 .under2{position:absolute;width:100%;height:10%;left:0%;top:90%;background-color:#fff;border-radius:5px}#walid .content .buttom3{grid-area:buttom3;text-decoration:none;width:100%;height:100%;grid-column-start:9;grid-column-end:13;padding:1rem 2rem;background-color:#fff;text-align:center;position:relative;color:#a6a6a6}#walid a{white-space:nowrap}#walid .content .buttom3 .under3{position:absolute;width:100%;height:10%;left:0%;top:90%;background-color:#fff;border-radius:5px}#walid .content .buttom1 a,#walid .content .buttom2 a,#walid .content .buttom3 a{text-decoration:none;display:flex;width:calc(100% + 4rem);height:calc(100% + 2rem);transform:translate(-2rem,-1rem);font:32px open sans;cursor:pointer;justify-content:space-evenly;align-items:center}#walid .content .buttom1 a svg path,#walid .content .buttom2 a svg path,#walid .content .buttom3 a svg path{fill:#a6a6a6}#walid .content .buttom1 a:focus svg path,#walid .content .buttom2 a:focus svg path,#walid .content .buttom3 a:focus svg path{fill:#fff}#walid .content .col-1{grid-area:col1;margin-left:8.4%;margin-top:8%;position:relative;max-width:100%}#walid .content .col-1 p{margin-bottom:1rem}#walid .content .col-1 .post1{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;left:0%;top:0%;display:block}#walid .content .col-1 .post2,#walid .content .col-1 .post3{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;left:0%;top:0%;display:none}#walid .content .col-2{grid-area:col2;display:flex;align-items:center;margin-right:8.4%;margin-top:8%;max-width:100%}#walid .content .col-2 img{width:100%}#walid .content .col-3{grid-area:col3;grid-column-start:1;grid-column-end:4;max-width:100%}#walid .content .col-3 button{height:-moz-fit-content;height:fit-content;background-color:#fd7e14;text-align:center;font-size:16px;padding:12px 24px;color:#fff;display:block;border:none;border-radius:23px;white-space:nowrap}@media (min-width: 768px) and (max-width: 992px){#walid .large .content{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:repeat(12,8.35%);grid-template-areas:"buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom2 buttom2 buttom2 buttom2 buttom2 buttom2 " "buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 " "col1 col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2" "col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 "}#walid .content .buttom1{grid-column-start:3;grid-column-end:7}#walid .content .buttom2{grid-column-start:7;grid-column-end:11}#walid .content .buttom3{grid-area:buttom3;grid-column-start:5;grid-column-end:9}#walid .content .buttom1 a,#walid .content .buttom2 a,#walid .content .buttom3 a{font:32px open sans}#walid .content .col-1{grid-area:col1}#walid .content .col-2{grid-area:col2}#walid .content .col-3{grid-area:col3;grid-column-start:1;grid-column-end:4}}@media (min-width: 523px) and (max-width: 768px){#walid .large .content{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:repeat(12,8.35%);grid-template-areas:"buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 buttom1 " "buttom2 buttom2 buttom2 buttom2 buttom2 buttom2 buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 " "col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2" "col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1" "col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 "}#walid .content .buttom1{grid-area:buttom1;grid-column-start:1;grid-column-end:7}#walid .content .buttom2{grid-area:buttom2;grid-column-start:1;grid-column-end:7}#walid .content .buttom3{grid-area:buttom3;grid-column-start:7;grid-column-end:13}#walid .content .buttom1 a,#walid .content .buttom2 a,#walid .content .buttom3 a{font:24px open sans}#walid .content .col-1{grid-area:col1;margin:0}#walid .content .col-2{grid-area:col2}#walid .content .col-3{grid-area:col3;grid-column-start:5;grid-column-end:10}#walid .content .col-3 button{font-size:16px}#walid .content .col-2 img{width:100%}}@media (max-width: 523px){#walid .large .content{display:grid;grid-template-rows:auto auto auto auto auto auto;grid-template-columns:repeat(6,16.5%);grid-template-areas:"buttom1 buttom1 buttom1 buttom1 buttom1 buttom1" "buttom2 buttom2 buttom2 buttom2 buttom2 buttom2 " "buttom3 buttom3 buttom3 buttom3 buttom3 buttom3 " "col2 col2 col2 col2 col2 col2  " "col1 col1 col1 col1 col1 col1 " "col3 col3 col3 col3 col3 col3  "}#walid .content .buttom1{grid-area:buttom1;text-decoration:none;width:100%;height:100%;grid-column-start:2;grid-column-end:6}#walid .content .buttom2{grid-area:buttom2;grid-column-start:2;grid-column-end:6}#walid .content .buttom3{grid-area:buttom3;grid-column-start:2;grid-column-end:6}#walid .content .buttom1 a,#walid .content .buttom2 a,#walid .content .buttom3 a{font:24px open sans}#walid .content .col-1{grid-area:col1;margin:0}#walid .content .col-2{grid-area:col2;margin-right:0;margin-top:5%}#walid .content .col-3{grid-area:col3;grid-column-start:2;grid-column-end:6}#walid .content .col-3 button{font-size:16px}#walid .content .col-2 img{width:100%}}#website_version211 .noot{animation:notes11 24s infinite linear}#website_version211 .noot-50{animation-delay:0}#website_version211 .noot-51{animation-delay:2s}#website_version211 .noot-52{animation-delay:4s}#website_version211 .noot-53{animation-delay:6s}@keyframes notes11{0%{opacity:0;top:25%;left:0%}5%{opacity:.5;top:15%;left:5%}10%{opacity:1;top:8%;left:10%}15%{opacity:1;top:0%;left:15%}20%{opacity:1;top:-6%;left:20%}25%{opacity:1;top:-4%;left:25%}30%{opacity:1;top:8%;left:30%}35%{opacity:1;top:25%;left:35%}40%{opacity:1;top:38%;left:40%}45%{opacity:1;top:45%;left:45%}50%{opacity:1;top:55%;left:50%}55%{opacity:1;top:50%;left:55%}60%{opacity:1;top:47%;left:60%}65%{opacity:1;top:43%;left:65%}70%{opacity:1;top:30%;left:70%}75%{opacity:1;top:15%;left:75%}80%{opacity:1;top:10%;left:80%}85%{opacity:1;top:0%;left:85%}90%{opacity:.8;top:-6%;left:90%}95%{opacity:.5;top:-6%;left:95%}to{opacity:0;top:-6%;left:100%}}#website_version211 .mySwiper100 .swiper-button-disabled{display:none}#website_version211 .mySwiper100 .swiper-button-prev100{background-image:url(/assets/clefincode/images/website_version2/SVG/left-arrow-variant-in-a-circle-svgrepo-com.svg)!important;background-repeat:no-repeat;background-size:100% auto;background-position:center}#website_version211 .mySwiper100 .swiper-button-next100{background-image:url(/assets/clefincode/images/website_version2/SVG/right-arrow-in-a-circle-svgrepo-com.svg)!important;background-repeat:no-repeat;background-size:100% auto;background-position:center}#website_version211 .mySwiper100 .swiper-button-next100:after{display:none}#website_version211 .mySwiper100 .swiper-button-prev100:after{display:none}#website_version211 .mySwiper100 .swiper-button-next100,#website_version211 .mySwiper100 .swiper-button-prev100{color:#353535!important}#website_version211 .mySwiper100 .swiper-button-next100:hover,#website_version211 .mySwiper100 .swiper-button-prev100:hover{color:#e6e6e6!important}#website_version211 .mySwiper101{padding:2rem 0}#website_version211 .mySwiper101 .activeslide svg{fill:#eb902a}#website_version211 .mySwiper101 .activeslide span{color:#eb902a}#website_version211 .mySwiper101 .swiper-slide{cursor:pointer}#website_version211 .mySwiper101 .swiper-button-disabled{display:none}#website_version211 .mySwiper101 .swiper-pagination101{bottom:-7px!important}#website_version211 .mySwiper101 .swiper-pagination-bullet-active{background:#EC912A}#website_version211 .mySwiper101 .swiper-button-prev101{background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="%23EC912A" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 575.279 575.279" xml:space="preserve"><g><g><path d="M287.64,575.279c158.86,0,287.639-128.779,287.639-287.639C575.279,128.78,446.5,0,287.64,0S0,128.78,0,287.641C0,446.5,128.78,575.279,287.64,575.279z M73.149,251.664L226.838,97.975c4.097-4.097,7.417-2.72,7.417,3.072v35.312c0,5.792,4.697,10.462,10.483,10.747c131.275,6.497,236.755,137.593,242.089,270.009c0.232,5.789-2.365,6.557-5.848,1.928c-73.291-97.504-200.828-60.955-236.945-48.016c-5.453,1.957-9.783,8.477-9.783,14.27v31.818c0,5.793-3.32,7.17-7.417,3.072L73.149,266.496C69.052,262.401,69.052,255.758,73.149,251.664z"/></g></g></svg>')!important;background-repeat:no-repeat;background-size:100% auto;background-position:center;transform:translate(10%)}#website_version211 .mySwiper101 .swiper-button-next101{background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="%23EC912A" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 575.279 575.279" xml:space="preserve"><g><g><path d="M287.64,575.279c158.86,0,287.639-128.779,287.639-287.639C575.279,128.78,446.5,0,287.64,0S0,128.78,0,287.641C0,446.5,128.78,575.279,287.64,575.279z M330.541,147.106c5.787-0.288,10.484-4.954,10.484-10.747v-35.312c0-5.792,3.32-7.169,7.416-3.072l153.689,153.688c4.098,4.098,4.098,10.738,0,14.835L348.441,420.188c-4.096,4.098-7.416,2.721-7.416-3.072v-31.814c0-5.793-4.33-12.316-9.783-14.27c-36.117-12.941-163.655-49.486-236.945,48.014c-3.479,4.631-6.08,3.863-5.848-1.928C93.786,284.7,199.264,153.603,330.541,147.106z"/></g></g></svg>')!important;background-repeat:no-repeat;background-size:100% auto;background-position:center;transform:translate(-10%)}#website_version211 .mySwiper101 .swiper-button-next101:after{display:none}#website_version211 .mySwiper101 .swiper-button-prev101:after{display:none}#website_version211 .mySwiper101 .swiper-button-next101,#website_version211 .mySwiper101 .swiper-button-prev101{color:#353535!important}#website_version211 .mySwiper101 .swiper-button-next101:hover,#website_version211 .mySwiper101 .swiper-button-prev101:hover{color:#e6e6e6!important}#website_version211 .clef-hdr1{color:#ec912a;font-weight:700;font-size:42px}#website_version211 .clef-hdr2{color:#ffeee1;font-weight:700;font-size:42px}#website_version211 .notes_section{position:relative;width:100%;top:-40px}#website_version211 .muzieknootjes{position:relative;width:100%;height:100%}#website_version211 .clefbutton{background-color:#ec912a;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:100px;cursor:pointer}#website_version211 .clefbutton1{background-color:#ec912a;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;font-size:16px;border-radius:88px;cursor:pointer;display:block}#website_version211 .homepageheader{padding-top:4rem;padding-bottom:2rem}#website_version211 .homepageheadersub{padding-bottom:2rem}#website_version211 .noot{cursor:pointer;font-size:3rem;position:absolute;opacity:0}#website_version211 .noot-1,#website_version211 .noot-2,#website_version211 .noot-3,#website_version211 .noot-4,#website_version211 .noot-5,#website_version211 .noot-6,#website_version211 .noot-7,#website_version211 .noot-8,#website_version211 .noot-9,#website_version211 .noot-10,#website_version211 .noot-11,#website_version211 .noot-12{animation:notes11 24s infinite linear}#website_version211 .noot-1{animation-delay:0s}#website_version211 .noot-2{animation-delay:2s}#website_version211 .noot-3{animation-delay:4s}#website_version211 .noot-4{animation-delay:6s}#website_version211 .noot-5{animation-delay:8s}#website_version211 .noot-6{animation-delay:10s}#website_version211 .noot-7{animation-delay:12s}#website_version211 .noot-8{animation-delay:14s}#website_version211 .noot-9{animation-delay:16s}#website_version211 .noot-10{animation-delay:18s}#website_version211 .noot-11{animation-delay:20s}#website_version211 .noot-12{animation-delay:22s}@keyframes notes11{0%{opacity:0;top:25%;left:0%}5%{opacity:.5;top:15%;left:5%}10%{opacity:1;top:8%;left:10%}15%{opacity:1;top:0%;left:15%}20%{opacity:1;top:-6%;left:20%}25%{opacity:1;top:-4%;left:25%}30%{opacity:1;top:8%;left:30%}35%{opacity:1;top:25%;left:35%}40%{opacity:1;top:38%;left:40%}45%{opacity:1;top:45%;left:45%}50%{opacity:1;top:55%;left:50%}55%{opacity:1;top:50%;left:55%}60%{opacity:1;top:47%;left:60%}65%{opacity:1;top:43%;left:65%}70%{opacity:1;top:30%;left:70%}75%{opacity:1;top:15%;left:75%}80%{opacity:1;top:10%;left:80%}85%{opacity:1;top:0%;left:85%}90%{opacity:.8;top:-6%;left:90%}95%{opacity:.5;top:-6%;left:95%}to{opacity:0;top:-6%;left:100%}}#website_version211 .noot-21,#website_version211 .noot-22,#website_version211 .noot-23,#website_version211 .noot-24,#website_version211 .noot-25,#website_version211 .noot-26,#website_version211 .noot-27,#website_version211 .noot-28,#website_version211 .noot-29,#website_version211 .noot-210,#website_version211 .noot-211,#website_version211 .noot-212{animation:notes21 24s infinite linear}#website_version211 .noot-21{animation-delay:1s}#website_version211 .noot-22{animation-delay:3s}#website_version211 .noot-23{animation-delay:5s}#website_version211 .noot-24{animation-delay:7s}#website_version211 .noot-25{animation-delay:9s}#website_version211 .noot-26{animation-delay:11s}#website_version211 .noot-27{animation-delay:13s}#website_version211 .noot-28{animation-delay:15s}#website_version211 .noot-29{animation-delay:17s}#website_version211 .noot-210{animation-delay:19s}#website_version211 .noot-211{animation-delay:21s}#website_version211 .noot-212{animation-delay:23s}@keyframes notes21{0%{opacity:0;left:0%;top:45%}5%{opacity:.5;left:5%;top:35%}10%{opacity:1;left:10%;top:28%}15%{opacity:1;left:15%;top:20%}20%{opacity:1;left:20%;top:14%}25%{opacity:1;left:25%;top:16%}30%{opacity:1;top:28%}35%{opacity:1;left:35%;top:45%}40%{opacity:1;left:40%;top:58%}45%{opacity:1;left:45%;top:65%}50%{opacity:1;left:50%;top:75%}55%{opacity:1;left:55%;top:70%}60%{opacity:1;left:60%;top:66%}65%{opacity:1;left:65%;top:62%}70%{opacity:1;left:70%;top:49%}75%{opacity:1;left:75%;top:34%}80%{opacity:1;left:80%;top:24%}85%{opacity:1;left:85%;top:14%}90%{opacity:.8;left:90%;top:8%}95%{opacity:.5;left:95%;top:8%}to{opacity:0;left:100%;top:8%}}#website_version211 .noot-31,#website_version211 .noot-32,#website_version211 .noot-33,#website_version211 .noot-34,#website_version211 .noot-35,#website_version211 .noot-36,#website_version211 .noot-37,#website_version211 .noot-38,#website_version211 .noot-39,#website_version211 .noot-310,#website_version211 .noot-311,#website_version211 .noot-312{animation:notes31 24s infinite linear}#website_version211 .noot-31{animation-delay:0s}#website_version211 .noot-32{animation-delay:2s}#website_version211 .noot-33{animation-delay:4s}#website_version211 .noot-34{animation-delay:6s}#website_version211 .noot-35{animation-delay:8s}#website_version211 .noot-36{animation-delay:10s}#website_version211 .noot-37{animation-delay:12s}#website_version211 .noot-38{animation-delay:14s}#website_version211 .noot-39{animation-delay:16s}#website_version211 .noot-310{animation-delay:18s}#website_version211 .noot-311{animation-delay:20s}#website_version211 .noot-312{animation-delay:22s}@keyframes notes31{0%{opacity:0;left:0%;top:60%}5%{opacity:.5;left:5%;top:50%}10%{opacity:1;left:10%;top:43%}15%{opacity:1;left:15%;top:35%}20%{opacity:1;left:20%;top:29%}25%{opacity:1;left:25%;top:31%}30%{opacity:1;left:30%;top:43%}35%{opacity:1;left:35%;top:60%}40%{opacity:1;left:40%;top:73%}45%{opacity:1;left:45%;top:80%}50%{opacity:1;left:50%;top:90%}55%{opacity:1;left:55%;top:85%}60%{opacity:1;left:60%;top:81%}65%{opacity:1;left:65%;top:77%}70%{opacity:1;left:70%;top:64%}75%{opacity:1;left:75%;top:49%}80%{opacity:1;left:80%;top:39%}85%{opacity:1;left:85%;top:29%}90%{opacity:.8;left:90%;top:23%}95%{opacity:.5;left:95%;top:23%}to{opacity:0;left:100%;top:23%}}#website_version211 .noot_hovered{animation-play-state:paused!important;color:#4c5a671f;transition:all .2s linear}#website_version211 .noot_hovered_speed{animation-duration:4s}#website_version211 .noot_hovered11{color:#000}#website_version211 .clef-row{margin-left:auto;margin-right:auto;max-width:100%}#website_version211 .subcontainer1{border-radius:0!important;background:none!important;box-shadow:none!important}#website_version211 .subcontainer1 .w60,#website_version211 .subcontainer1 .w40{flex-direction:column}#website_version211 .subcontainer{border-radius:12px;background:#FFFFFF;box-shadow:0 4px 54px #0000000d}#website_version211 .subcontainer .cleftabs .cleftab{min-width:100px;color:#a6a6a6;text-align:center;cursor:pointer}#website_version211 .subcontainer .cleftabs .cleftab:after{border-radius:30px;opacity:1;content:"";position:relative;width:100%;height:8px;left:0;display:block;clear:both;background-color:#a5a5a52e}#website_version211 .subcontainer .cleftabs .cleftab>div{padding:.75rem 0}#website_version211 .subcontainer .cleftabs .cleftab>div svg{width:22px;height:26px}#website_version211 .subcontainer .cleftabs .cleftab>div svg path{fill:#a6a6a6}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:31px;font-style:normal;font-weight:500;line-height:normal;vertical-align:middle}#website_version211 .subcontainer .cleftabs .active{background-color:#ec912a;color:#fff}#website_version211 .subcontainer .cleftabs .active svg path{fill:#fff!important}#website_version211 .subcontainer .cleftabs .active:after{border-radius:30px;opacity:1;content:"";position:relative;width:100%;height:8px;left:0;display:block;clear:both;background-color:#ffeee1}#website_version211 .subcontainer p{color:#a8a8a8}#website_version211 .subcontainer .w50{width:50%}#website_version211 .subcontainer .w40{width:40%;flex-direction:column}#website_version211 .subcontainer .w60{width:60%;flex-direction:column}#website_version211 .clef-img{display:flex;align-items:center;margin:auto}#website_version211 .clef-img>img{max-width:350px}#website_version211 .benifit{color:#191a15}#website_version211 .benifit .relative{position:relative}#website_version211 .benifit .bhead{font-size:50px;font-style:normal;font-weight:600;margin-bottom:30px;line-height:normal}#website_version211 .benifit .bgimage{-o-object-fit:cover;object-fit:cover;width:450px;height:529px;border-radius:20px;filter:grayscale(1)}#website_version211 .benifit .bottom-left{position:absolute;left:-50px;bottom:-10px;padding:12px 20px;border-radius:10px;background:#FFF;box-shadow:0 4px 9px #0000000d;min-width:304px}#website_version211 .benifit .bottom-left img{width:58px;height:58px;border-radius:58px;filter:grayscale(1)}#website_version211 .benifit .bottom-left .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal}#website_version211 .benifit .bottom-left .black{color:#191a15;font-size:18px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:8px}#website_version211 .benifit .top-left{position:absolute;left:-50px;top:50px;padding:12px 20px;border-radius:10px;background:#FFF;box-shadow:0 4px 9px #0000000d;min-width:304px}#website_version211 .benifit .top-left img{width:58px;height:58px;border-radius:58px;filter:grayscale(1)}#website_version211 .benifit .top-left .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal}#website_version211 .benifit .top-left .black{color:#191a15;font-size:18px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:8px}#website_version211 .benifit .centered-right{position:absolute;left:105%;top:150px;border-radius:10px;min-width:138px;background:#FFF;box-shadow:0 4px 9px #0000000d;padding:14px}#website_version211 .benifit .centered-right .gray{color:#a6a6a6;font-size:12px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:8px}#website_version211 .benifit .centered-right .black{color:#191a15;font-size:16px;font-style:normal;font-weight:500;line-height:normal}#website_version211 .support{background:#4F4F4F;color:#fff}#website_version211 .support .half{flex-basis:100%}#website_version211 .support .second-half svg{margin:0 20px 0 0;width:60px;height:60px;padding:8px;border-radius:5px;background:#FFF;box-shadow:0 4px 9px #0000000d}#website_version211 .chatwithus{margin-top:60px;margin-bottom:60px}#website_version211 .chatwithus .head{color:#191a15;font-size:50px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:60px}#website_version211 .chatwithus .chatbox{padding:20px;border-radius:21px;background:#FFF;height:624px;box-shadow:0 4px 31px #00000014}#website_version211 .chatwithus .chatbox .chatspace{height:485px;overflow:auto;padding:0 2rem 0 0}#website_version211 .chatwithus .chatbox .bot{margin-bottom:10px;margin-right:30px}#website_version211 .chatwithus .chatbox .robot{background-image:url("/assets/clefincode/images/website_version2/SVG/robot-svgrepo-com (1) 1.svg")!important;background-repeat:no-repeat;background-position:center;border-radius:245.283px;border:1px solid #EC912A;background-color:#fff;box-shadow:0 3px 10px #0000000d;display:flex;width:58px;height:58px;justify-content:center;align-items:center;gap:4.906px;flex-shrink:0;margin-right:6px}#website_version211 .chatwithus .chatbox .chatbot .chatbotshadow{border-radius:21px;background:#FFF;box-shadow:0 4px 31px #00000014}#website_version211 .chatwithus .chatbox .chatbot .chatbotshadow .chatbottxt{border-radius:25px 25px 25px 0;background:#EC912A;max-width:426px;display:flex;padding:16px 32px;justify-content:center;align-items:center;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:normal}#website_version211 .chatwithus .chatbox .human{margin-bottom:10px;margin-right:10px;margin-left:30px}#website_version211 .chatwithus .chatbox .human .chatbotshadow{border-radius:21px;background:#FFF;box-shadow:0 4px 31px #00000014}#website_version211 .chatwithus .chatbox .human .chatbotshadow .chatbottxt{border-radius:25px 25px 0;background:#ffffff;max-width:426px;display:flex;padding:16px 32px;justify-content:center;align-items:center;color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media only screen and (min-width: 100px){#website_version211 .notes_section{top:0}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1{font-size:.6rem}#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1rem}#website_version211 .subcontainer .w50,#website_version211 .subcontainer .w60,#website_version211 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1rem}#website_version211 .subcontainer1 .w60,#website_version211 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version211 .benifit .bhead{width:100%}#website_version211 .benifit .bgimage{width:100%;height:529px}#website_version211 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version211 .benifit .top-left{top:10%;left:0;transform:none}#website_version211 .benifit .centered-right{top:50%;left:0;transform:none}#website_version211 .chatwithus .chatbox{width:100%}#website_version211 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 480px){#website_version211 .notes_section{top:-20px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1{font-size:.8rem}#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1rem}#website_version211 .subcontainer .w50,#website_version211 .subcontainer .w60,#website_version211 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1.1rem}#website_version211 .subcontainer1 .w60,#website_version211 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version211 .benifit .bhead{width:100%}#website_version211 .benifit .bgimage{width:100%;height:529px}#website_version211 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version211 .benifit .top-left{top:10%;left:0;transform:none}#website_version211 .benifit .centered-right{top:50%;left:0;transform:none}#website_version211 .chatwithus .chatbox{width:100%}#website_version211 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 600px){#website_version211 .notes_section{top:-30px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1{font-size:.8rem}#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1rem}#website_version211 .subcontainer .w50,#website_version211 .subcontainer .w60,#website_version211 .subcontainer .w40{width:100%;display:flex;justify-content:center}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1.2rem}#website_version211 .subcontainer1 .w60,#website_version211 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version211 .benifit .bhead{width:100%}#website_version211 .benifit .bgimage{width:100%;height:529px}#website_version211 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version211 .benifit .top-left{top:10%;left:0;transform:none}#website_version211 .benifit .centered-right{top:50%;left:0;transform:none}#website_version211 .chatwithus .chatbox{width:100%}#website_version211 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 768px){#website_version211 .notes_section{top:-40px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1{font-size:.8rem}#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1rem}#website_version211 .subcontainer .w50{width:50%;display:flex;justify-content:flex-start}#website_version211 .subcontainer .w60{width:60%;display:flex;justify-content:flex-start}#website_version211 .subcontainer .w40{width:40%;display:flex;justify-content:center}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1.2rem}#website_version211 .subcontainer1 .w60,#website_version211 .subcontainer1 .w40{width:100%;display:flex;justify-content:center}#website_version211 .benifit .bhead{width:100%}#website_version211 .benifit .bgimage{width:100%;height:529px}#website_version211 .benifit .bottom-left{bottom:-5%;left:0;transform:none}#website_version211 .benifit .top-left{top:10%;left:0;transform:none}#website_version211 .benifit .centered-right{top:50%;left:0;transform:none}#website_version211 .chatwithus .chatbox{width:100%}#website_version211 .chatwithus .chatimagedisplay{display:none}}@media only screen and (min-width: 992px){#website_version211 .notes_section{top:-40px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1,#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1rem}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1.3rem}#website_version211 .subcontainer1 .w60{width:60%;display:flex;justify-content:center}#website_version211 .subcontainer1 .w40{width:40%;display:flex;justify-content:center}#website_version211 .benifit .bhead{width:80%}#website_version211 .benifit .bgimage{width:450px;height:529px}#website_version211 .benifit .bottom-left{position:absolute;left:50px;bottom:-60px;transform:translate(-50%,-50%)}#website_version211 .benifit .top-left{position:absolute;left:50px;top:50px;transform:translate(-50%,-50%)}#website_version211 .benifit .centered-right{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%)}#website_version211 .chatwithus .chatbox{width:auto}#website_version211 .chatwithus .chatimagedisplay{display:block}}@media only screen and (min-width: 1200px){#website_version211 .notes_section{top:-40px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1,#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:1.5rem}#website_version211 .subcontainer .cleftabs .cleftab>div span{font-size:1.4rem}}@media only screen and (min-width: 1400px){#website_version211 .notes_section{top:-40px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1,#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:2rem}}@media only screen and (min-width: 1800px){#website_version211 .notes_section{top:-40px}#website_version211 .noot,#website_version211 .noot .letters,#website_version211 .noot .letters1,#website_version211 .noot .letters span,#website_version211 .noot .letters1 span{font-size:2.2rem}}*{font-family:Poppins,Open Sans,sans-serif;font-size:1rem;line-height:1.6}body{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.row{margin-right:0!important;margin-left:0!important}.padding-top>div[id^=page-]:not([data-path="pages/main"]){padding-right:1.25rem;padding-left:1.25rem}.padding-top>div[id^=page-]:not(:not([data-path=all-products])){margin-bottom:1rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours{position:fixed;top:0;width:100%;z-index:100;display:table;transition:height 1s;background-color:#161e2e!important}.navbar-ours .navbar-brand{color:#ed912a!important}.navbar-ours .navbar-nav .nav-link{color:#fff;font-size:.875rem;font-weight:500}.navbar-ours .navbar-nav .nav-link a:hover{color:#ed912a!important}.navbar-ours .navbar-toggler{background-color:#ed912a!important}.navbar-ours #scroolthis{justify-content:space-evenly}.navbar-ours #scroolthisleft{display:none;height:150px;width:150px}.navbar-ours #center{width:100px;transition:width .5s;transition-delay:.5s}.navbar-ours .started{width:0!important}.navbar-ours #scroolthisright{display:none;background-image:url(/assets/clefincode/images/ClefinCode-200.png);height:150px;width:150px;background-size:contain;background-repeat:no-repeat}.navbar-ours2{width:100%;z-index:10;display:table;background-color:#161e2e!important;color:#ed912a!important;transition:height 1s}.web-footer .row{margin-right:0!important;margin-left:0!important}.footer-copyright{background-color:#161e2e!important}.navbar-ours1{visibility:hidden;width:100%;z-index:10;display:table;transition:height 1s;background-color:#161e2e!important}.navbar-ours1 .navbar-brand{color:#ed912a!important}.navbar-ours1 .navbar-nav .nav-link{color:#fff;font-size:.875rem;font-weight:500}.navbar-ours1 .navbar-nav .nav-link a:hover{color:#ed912a!important}.navbar-ours1 .navbar-toggler{background-color:#ed912a!important}.navbar-ours1 #scroolthisleft1{display:none;height:150px;width:150px}.navbar-ours1 #scroolthisright1{display:none;background-image:url(/assets/clefincode/images/ClefinCode-200.png);height:150px;width:150px;background-size:contain;background-repeat:no-repeat}.padding-top>div[id=page-index]{padding-right:0;padding-left:0}.padding-top>div[id^=page-]:not([data-path=pages]){padding-right:.5rem;padding-left:.5rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours #scroolthisleft,.navbar-ours #scroolthisright{height:90px;width:90px}.navbar-ours #center{width:25px}.navbar-ours1 #scroolthisleft1,.navbar-ours1 #scroolthisright1{height:90px;width:90px}.navbar-ours1 #center1{width:25px}@media (min-width: 576px){.padding-top>div[id=page-index]{padding-right:0;padding-left:0}.padding-top>div[id^=page-]:not([data-path=pages]){padding-right:1rem;padding-left:1rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours #scroolthisleft,.navbar-ours #scroolthisright{height:100px;width:100px}.navbar-ours #center{width:100px}.navbar-ours1 #scroolthisleft1,.navbar-ours1 #scroolthisright1{height:100px;width:100px}.navbar-ours1 #center1{width:100px}}@media (min-width: 768px){.padding-top>div[id=page-index]{padding-right:0;padding-left:0}.padding-top>div[id^=page-]:not([data-path=pages]){padding-right:1.5rem;padding-left:1.5rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours #scroolthisleft,.navbar-ours #scroolthisright,.navbar-ours1 #scroolthisleft1,.navbar-ours1 #scroolthisright1{height:150px;width:150px}}@media (min-width: 992px){.padding-top>div[id=page-index]{padding-right:0;padding-left:0}.padding-top>div[id^=page-]:not([data-path=pages]){padding-right:2.5rem;padding-left:2.5rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours #scroolthisleft,.navbar-ours #scroolthisright,.navbar-ours1 #scroolthisleft1,.navbar-ours1 #scroolthisright1{height:180px;width:180px}}@media (min-width: 1200px){.padding-top>div[id=page-index]{padding-right:0;padding-left:0}.padding-top>div[id^=page-]:not([data-path=pages]){padding-right:5rem;padding-left:5rem}.padding-top>div[id=page-index]:not(:not([data-path="pages/main"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-index]:not(:not([data-path="pages/newsite"])){padding-right:0;padding-left:0;margin-bottom:0}.padding-top>div[id=page-youtube]{padding-right:0!important;padding-left:0!important}.navbar-ours #scroolthisleft,.navbar-ours #scroolthisright,.navbar-ours1 #scroolthisleft1,.navbar-ours1 #scroolthisright1{height:200px;width:200px}}
/*# sourceMappingURL=clefincode.bundle.AEXYFR6O.css.map */
