body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25, .46, .45, .94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}#offcanvas-menu.toggled { transform: translateY(0); opacity: 1; visibility: visible } #offcanvas-menu { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #fff; background-size: cover; background-position: center; transform: translateY(0); transition: .4s ease-in-out; z-index: 99999; text-align: center; opacity: 0; visibility: hidden } .fixed2 .menu-toggle { position: fixed; top: 2px; transition: .1s; z-index: 99; right: 16px } .menu-wrapper { height: auto; overflow: auto; padding: 0; padding-top: 150px; display: flex; flex-direction: column } .menu-toggle i { width: 35px; height: 35px; line-height: 35px; font-size: 24px; text-align: center; background-color: var(--color_1); cursor: pointer; color: #fff } .menu-toggle { transition: .1s; z-index: 99; padding: 0; background: var(--color_1); color: #fff; line-height: 30px; width: 30px; height: 30px; text-align: center; font-size: 20px; position: relative; right: 16px; float: right; } #offcanvas-menu .close-menu { position: absolute; top: 15px; margin-left: -20px; right: 15px } #offcanvas-menu .close-menu i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 50%; cursor: pointer; color: #fff; background-color: var(--color_1) } #offcanvas-menu .menu-wrapper li a { font-size: 18px; font-weight: 400; color: #5c6166; border-bottom: 1px solid #b7becd; padding: 15px 0; text-transform: uppercase; display: block } #offcanvas-menu .menu-wrapper li a.active { color: #48c7ec } #offcanvas-menu .sub-menu { list-style: none; padding: 0; height: 200px; overflow-x: auto; background: #f1f1f1; box-shadow: inset 0 0 5px #0003 } #offcanvas-menu .sub-menu li a { font-size: 16px } #offcanvas-menu .accordion-body { padding: 0 } #offcanvas-menu #accordion button { border: none; background: #fff } .cc-ontact { background: url(../images/home/m-n-cc.webp) no-repeat; background-size: cover; background-position: center; padding: 30px; margin: 30px 25px 0; border-radius: 15px } @media (max-width:375px) { #offcanvas-menu .menu-wrapper li a { font-size: 16px; padding: 12px 0 } } @media (max-width:360px) { .cc-ontact { background: url(../images/home/m-n-cc.webp) no-repeat; background-size: cover; background-position: center; padding: 25px; margin: 20px 25px 0; border-radius: 15px } } @media (max-width:320px) { .menu-wrapper { height: auto; overflow: auto; padding: 0; padding-top: 105px; display: flex; flex-direction: column } #offcanvas-menu .menu-wrapper li a { font-size: 14px; padding: 12px 0 } .cc-ontact { background: url(../images/home/m-n-cc.webp) no-repeat; background-size: cover; background-position: center; padding: 20px; margin: 22px 20px 0; border-radius: 15px } }/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.webp) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}* { padding: 0; margin: 0; box-sizing: border-box!important; outline: 0!important; text-decoration: none!important } :root { --white: #fff; --black: #000; --dark-gray: #282828; --light-gray: #ccc } .w-100 { width: 100% } .h-100 { height: 100% } .clr_white { color: var(--white) } .clr_black { color: var(--black) } .color_1 { color: var(--color_1) } .color_2 { color: var(--color_2) } .color_3 { color: var(--color_3) } .color_4 { color: var(--color_4) } .color_5 { color: var(--color_5) } .bg-color_1 { background-color: var(--color_1) } .bg-color_2 { background-color: var(--color_2) } .bg-color_3 { background-color: var(--color_3) } .bg-color_4 { background-color: var(--color_4) } .bg-color_5 { background-color: var(--color_5) } .scroll-smooth { scroll-behavior: smooth } .p-0 { padding: 0 } .p-5 { padding: 5px } .p-10 { padding: 10px } .p-15 { padding: 15px } .p-20 { padding: 20px } .p-25 { padding: 25px } .p-30 { padding: 30px } .p-35 { padding: 35px } .p-40 { padding: 40px } .p-45 { padding: 45px } .p-50 { padding: 50px } .pd-5 { padding: 5px 0 } .pd-10 { padding: 10px 0 } .pd-15 { padding: 15px 0 } .pd-20 { padding: 20px 0 } .pd-30 { padding: 30px 0 } .pd-25 { padding: 25px 0 } .pd-40 { padding: 40px 0 } .pd-50 { padding: 50px 0 } .pd-60 { padding: 60px 0 } .pd-70 { padding: 70px 0 } .pd-80 { padding: 80px 0 } .pd-90 { padding: 90px 0 } .pd-100 { padding: 100px 0 } .pd-t-5 { padding-top: 5px } .pd-t-10 { padding-top: 10px } .pd-t-15 { padding-top: 15px } .pd-t-20 { padding-top: 20px } .pd-t-25 { padding-top: 25px } .pd-t-30 { padding-top: 30px } .pd-t-40 { padding-top: 40px } .pd-t-50 { padding-top: 50px } .pd-t-60 { padding-top: 60px } .pd-t-70 { padding-top: 70px } .pd-t-80 { padding-top: 80px } .pd-b-5 { padding-bottom: 5px } .pd-b-10 { padding-bottom: 10px } .pd-b-15 { padding-bottom: 15px } .pd-b-20 { padding-bottom: 20px } .pd-b-25 { padding-bottom: 25px } .pd-b-30 { padding-bottom: 30px } .pd-b-40 { padding-bottom: 40px } .pd-b-50 { padding-bottom: 50px } .pd-b-60 { padding-bottom: 60px } .pd-b-70 { padding-bottom: 70px } .pd-b-80 { padding-bottom: 80px } .m-0 { margin: 0 } .m-5 { margin: 5px } .m-10 { margin: 10px } .m-15 { margin: 15px } .m-20 { margin: 20px } .m-25 { margin: 25px } .m-30 { margin: 30px } .m-35 { margin: 35px } .m-40 { margin: 40px } .mg-10 { margin: 10px 0 } .mg-15 { margin: 15px 0 } .mg-20 { margin: 20px 0 } .mg-25 { margin: 25px 0 } .mg-30 { margin: 30px 0 } .mg-40 { margin: 40px 0 } .mg-50 { margin: 50px 0 } .mg-60 { margin: 60px 0 } .mg-70 { margin: 70px 0 } .mg-80 { margin: 80px 0 } .mg-t-5 { margin-top: 5px } .mg-t-10 { margin-top: 10px } .mg-t-15 { margin-top: 15px } .mg-t-20 { margin-top: 20px } .mg-t-25 { margin-top: 25px } .mg-t-30 { margin-top: 30px } .mg-t-35 { margin-top: 35px } .mg-t-40 { margin-top: 40px } .mg-t-50 { margin-top: 50px } .mg-t-60 { margin-top: 60px } .mg-t-70 { margin-top: 70px } .mg-t-80 { margin-top: 80px } .mg-t-90 { margin-top: 90px } .mg-b-5 { margin-bottom: 5px } .mg-b-10 { margin-bottom: 10px } .mg-b-15 { margin-bottom: 15px } .mg-b-20 { margin-bottom: 20px } .mg-b-25 { margin-bottom: 25px } .mg-b-30 { margin-bottom: 30px } .mg-b-35 { margin-bottom: 35px } .mg-b-40 { margin-bottom: 40px } .mg-b-50 { margin-bottom: 50px } .mg-b-60 { margin-bottom: 60px } .mg-b-70 { margin-bottom: 70px } .mg-b-80 { margin-bottom: 80px } .bg-fixed { background-attachment: fixed } .bg-no-repeat { background-repeat: no-repeat } .bg-repeat { background-repeat: repeat } .bg-size-cover { background-size: cover } .bg-size-contain { background-size: contain } .bg-size-auto { background-size: auto } .d-block { display: block } .d-in-block { display: inline-block } .d-in-flex { display: inline-flex } .d-in-grid { display: inline-grid } .d-inline { display: inline } .d-none { display: none } .d-flex { display: flex } .flex-direction-column { flex-direction: column } .flex-direction-column-rev { flex-direction: column-reverse } .flex-direction-row { flex-direction: row } .flex-direction-row-rev { flex-direction: row-reverse } .justify-content-center { justify-content: center } .justify-content-flex-start { justify-content: flex-start } .justify-content-flex-end { justify-content: flex-end } .justify-content-space-between { justify-content: space-between } .align-items-center { align-items: center } .align-items-flex-start { align-items: flex-start } .align-items-flex-end { align-items: flex-end } .align-items-baseline { align-items: baseline } .text-transform-uppercase { text-transform: uppercase } .text-transform-lowercase { text-transform: lowercase } .text-transform-capitalize { text-transform: capitalize } .fs_10 { font-size: 10px } .fs_12 { font-size: 12px } .fs_14 { font-size: 14px } .fs_16 { font-size: 16px } .fs_18 { font-size: 18px } .fs_20 { font-size: 20px } .fs_22 { font-size: 22px } .fs_24 { font-size: 24px } .fs_26 { font-size: 26px } .fs_28 { font-size: 28px } .fs_30 { font-size: 30px } .fs_32 { font-size: 32px } .fs_34 { font-size: 34px } .fs_36 { font-size: 36px } .fs_38 { font-size: 38px } .fs_40 { font-size: 40px } .fs_42 { font-size: 42px } .fs_46 { font-size: 46px } .fs_48 { font-size: 48px } .fs_44 { font-size: 44px } .fs_50 { font-size: 50px } .fs_52 { font-size: 52px } .fs_9 { font-size: 9px } .fs_11 { font-size: 11px } .fs_13 { font-size: 13px } .fs_15 { font-size: 15px } .fs_17 { font-size: 17px } .fs_19 { font-size: 19px } .fs_21 { font-size: 21px } .fs_23 { font-size: 23px } .fs_25 { font-size: 25px } .fs_27 { font-size: 27px } .fs_29 { font-size: 29px } .fs_31 { font-size: 31px } .fs_33 { font-size: 33px } .fs_35 { font-size: 35px } .fs_37 { font-size: 37px } .fs_39 { font-size: 39px } .fs_41 { font-size: 41px } .fw_100 { font-weight: 100!important } .fw_200 { font-weight: 200!important } .fw_300 { font-weight: 300!important } .fw_400 { font-weight: 400!important } .fw_500 { font-weight: 500!important } .fw_600 { font-weight: 600!important } .fw_700 { font-weight: 700!important } .fw_800 { font-weight: 800!important } .fw_900 { font-weight: 900!important } .bdr_1 { border-width: 1px; border-style: solid } .bdr_2 { border-width: 2px; border-style: solid } .bdr_3 { border-width: 3px; border-style: solid } .bdr_4 { border-width: 4px; border-style: solid } .bdr_5 { border-width: 5px; border-style: solid } .bdr_6 { border-width: 6px; border-style: solid } .bdr_t_1 { border-top-width: 1px; border-top-style: solid } .bdr_t_2 { border-top-width: 2px; border-top-style: solid } .bdr_t_3 { border-top-width: 3px; border-top-style: solid } .bdr_t_4 { border-top-width: 4px; border-top-style: solid } .bdr_t_5 { border-top-width: 5px; border-top-style: solid } .bdr_t_6 { border-top-width: 6px; border-top-style: solid } .bdr_r_1 { border-right-width: 1px; border-right-style: solid } .bdr_r_2 { border-right-width: 2px; border-right-style: solid } .bdr_r_3 { border-right-width: 3px; border-right-style: solid } .bdr_r_4 { border-right-width: 4px; border-right-style: solid } .bdr_r_5 { border-right-width: 5px; border-right-style: solid } .bdr_r_6 { border-right-width: 6px; border-right-style: solid } .bdr_l_1 { border-left-width: 1px; border-left-style: solid } .bdr_l_2 { border-left-width: 2px; border-left-style: solid } .bdr_l_3 { border-left-width: 3px; border-left-style: solid } .bdr_l_4 { border-left-width: 4px; border-left-style: solid } .bdr_l_5 { border-left-width: 5px; border-left-style: solid } .bdr_l_6 { border-left-width: 6px; border-left-style: solid } .bdr_b_1 { border-bottom-width: 1px; border-bottom-style: solid } .bdr_b_2 { border-bottom-width: 2px; border-bottom-style: solid } .bdr_b_3 { border-bottom-width: 3px; border-bottom-style: solid } .bdr_b_4 { border-bottom-width: 4px; border-bottom-style: solid } .bdr_b_5 { border-bottom-width: 5px; border-bottom-style: solid } .bdr_b_6 { border-bottom-width: 6px; border-bottom-style: solid } .pos-rel { position: relative } .pos-abs { position: absolute } .pos-fixed { position: fixed } .pos-sticky { position: sticky } .pos-static { position: static } .pos-unset { position: unset } .text-center { text-align: center } .text-left { text-align: left } .text-right { text-align: right } .text-end { text-align: end } .text-justify { text-align: justify } .text-start { text-align: start } .icon-box-30 { width: 30px; height: 30px } .icon-box-35 { width: 35px; height: 35px } .icon-box-40 { width: 40px; height: 40px } .icon-box-45 { width: 45px; height: 45px } .icon-box-50 { width: 50px; height: 50px } .icon-box-55 { width: 55px; height: 55px } .icon-box-60 { width: 60px; height: 60px } .icon-box-70 { width: 70px; height: 70px } .icon-box-60-40 { width: 60px; height: 40px } .li-inside { list-style: inside } .li-none { list-style: none } .li-sqaure { list-style: square } .li-disc { list-style: disc } .li-outside { list-style: outside } .trans-5 { transition: .5s } .trans-linear { transition: linear } .trans-ease { transition: ease } .float-right { float: right } .float-left { float: left } .float-inline-start { float: inline-start } .float-inline-end { float: inline-end } .img-pixelated { image-rendering: pixelated } @media(max-width:767px) { .tab-none { display: none!important } .tab-block { display: block!important } .tab-in-block { display: inline-block!important } .p-sm-0 { padding: 0 } .p-sm-5 { padding: 5px } .p-sm-10 { padding: 10px } .p-sm-15 { padding: 15px } .p-sm-20 { padding: 20px } .p-sm-25 { padding: 25px } .p-sm-30 { padding: 30px } .p-sm-35 { padding: 35px } .p-sm-40 { padding: 40px } .pd-sm-5 { padding: 5px 0 } .pd-sm-10 { padding: 10px 0 } .pd-sm-15 { padding: 15px 0 } .pd-sm-20 { padding: 20px 0 } .pd-sm-30 { padding: 30px 0 } .pd-sm-25 { padding: 25px 0 } .pd-sm-40 { padding: 40px 0 } .pd-sm-50 { padding: 50px 0 } .pd-sm-60 { padding: 60px 0 } .pd-sm-70 { padding: 70px 0 } .pd-sm-80 { padding: 80px 0 } .pd-sm-90 { padding: 90px 0 } .pd-sm-100 { padding: 100px 0 } .pd-t-sm-5 { padding-top: 5px } .pd-t-sm-10 { padding-top: 10px } .pd-t-sm-15 { padding-top: 15px } .pd-t-sm-20 { padding-top: 20px } .pd-t-sm-25 { padding-top: 25px } .pd-t-sm-30 { padding-top: 30px } .pd-t-sm-40 { padding-top: 40px } .pd-t-sm-50 { padding-top: 50px } .pd-t-sm-60 { padding-top: 60px } .pd-t-sm-70 { padding-top: 70px } .pd-t-sm-80 { padding-top: 80px } .pd-b-sm-5 { padding-bottom: 5px } .pd-b-sm-10 { padding-bottom: 10px } .pd-b-sm-15 { padding-bottom: 15px } .pd-b-sm-20 { padding-bottom: 20px } .pd-b-sm-25 { padding-bottom: 25px } .pd-b-sm-30 { padding-bottom: 30px } .pd-b-sm-40 { padding-bottom: 40px } .pd-b-sm-50 { padding-bottom: 50px } .pd-b-sm-60 { padding-bottom: 60px } .pd-b-sm-70 { padding-bottom: 70px } .pd-b-sm-80 { padding-bottom: 80px } .m-sm-0 { margin: 0 } .m-sm-5 { margin: 5px } .m-sm-10 { margin: 10px } .m-sm-15 { margin: 15px } .m-sm-20 { margin: 20px } .m-sm-25 { margin: 25px } .m-sm-30 { margin: 30px } .m-sm-35 { margin: 35px } .m-sm-40 { margin: 40px } .mg-sm-10 { margin: 10px 0 } .mg-sm-15 { margin: 15px 0 } .mg-sm-20 { margin: 20px 0 } .mg-sm-25 { margin: 25px 0 } .mg-sm-30 { margin: 30px 0 } .mg-sm-40 { margin: 40px 0 } .mg-sm-50 { margin: 50px 0 } .mg-sm-60 { margin: 60px 0 } .mg-sm-70 { margin: 70px 0 } .mg-sm-80 { margin: 80px 0 } .mg-t-sm-5 { margin-top: 5px } .mg-t-sm-10 { margin-top: 10px } .mg-t-sm-15 { margin-top: 15px } .mg-t-sm-20 { margin-top: 20px } .mg-t-sm-25 { margin-top: 25px } .mg-t-sm-30 { margin-top: 30px } .mg-t-sm-35 { margin-top: 35px } .mg-t-sm-40 { margin-top: 40px } .mg-t-sm-50 { margin-top: 50px } .mg-t-sm-60 { margin-top: 60px } .mg-t-sm-70 { margin-top: 70px } .mg-t-sm-80 { margin-top: 80px } .mg-b-sm-5 { margin-bottom: 5px } .mg-b-sm-10 { margin-bottom: 10px } .mg-b-sm-15 { margin-bottom: 15px } .mg-b-sm-20 { margin-bottom: 20px } .mg-b-sm-25 { margin-bottom: 25px } .mg-b-sm-30 { margin-bottom: 30px } .mg-b-sm-35 { margin-bottom: 35px } .mg-b-sm-40 { margin-bottom: 40px } .mg-b-sm-50 { margin-bottom: 50px } .mg-b-sm-60 { margin-bottom: 60px } .mg-b-sm-70 { margin-bottom: 70px } .mg-b-sm-80 { margin-bottom: 80px } .icon-box-sm-25 { width: 25px; height: 25px } .icon-box-sm-30 { width: 30px; height: 30px } .icon-box-sm-35 { width: 35px; height: 35px } .icon-box-sm-40 { width: 40px; height: 40px } .icon-box-sm-45 { width: 45px; height: 45px } .icon-box-sm-50 { width: 50px; height: 50px } .icon-box-sm-55 { width: 55px; height: 55px } .icon-box-sm-60 { width: 60px; height: 60px } .icon-box-sm-70 { width: 70px; height: 70px } .tab-revert { display: flex; flex-direction: column-reverse } .fs_sm_10 { font-size: 10px } .fs_sm_12 { font-size: 12px } .fs_sm_14 { font-size: 14px } .fs_sm_16 { font-size: 16px } .fs_sm_18 { font-size: 18px } .fs_sm_20 { font-size: 20px } .fs_sm_22 { font-size: 22px } .fs_sm_24 { font-size: 24px } .fs_sm_26 { font-size: 26px } .fs_sm_28 { font-size: 28px } .fs_sm_30 { font-size: 30px } .fs_sm_32 { font-size: 32px } .fs_sm_34 { font-size: 34px } .fs_sm_36 { font-size: 36px } .fs_sm_38 { font-size: 38px } .fs_sm_40 { font-size: 40px } .fs_sm_42 { font-size: 42px } .fs_sm_46 { font-size: 46px } .fs_sm_48 { font-size: 48px } .fs_sm_44 { font-size: 44px } .fs_sm_50 { font-size: 50px } .fs_sm_52 { font-size: 52px } .fs_sm_9 { font-size: 9px } .fs_sm_11 { font-size: 11px } .fs_sm_13 { font-size: 13px } .fs_sm_15 { font-size: 15px } .fs_sm_17 { font-size: 17px } .fs_sm_19 { font-size: 19px } .fs_sm_21 { font-size: 21px } .fs_sm_23 { font-size: 23px } .fs_sm_25 { font-size: 25px } .fs_sm_27 { font-size: 27px } .fs_sm_29 { font-size: 29px } .fs_sm_31 { font-size: 31px } .fs_sm_33 { font-size: 33px } .fs_sm_35 { font-size: 35px } .fs_sm_37 { font-size: 37px } .fs_sm_39 { font-size: 39px } .fs_sm_41 { font-size: 41px } .fw_sm_100 { font-weight: 100 } .fw_sm_200 { font-weight: 200 } .fw_sm_300 { font-weight: 300 } .fw_sm_400 { font-weight: 400 } .fw_sm_500 { font-weight: 500 } .fw_sm_600 { font-weight: 600 } .fw_sm_700 { font-weight: 700 } .fw_sm_800 { font-weight: 800 } .fw_sm_900 { font-weight: 900 } } @media(max-width:575px) { .mob-none { display: none!important } .mob-block { display: block!important } .mob-in-block { display: inline-block!important } .p-xs-0 { padding: 0 } .p-xs-5 { padding: 5px } .p-xs-10 { padding: 10px } .p-xs-15 { padding: 15px } .p-xs-20 { padding: 20px } .p-xs-25 { padding: 25px } .p-xs-30 { padding: 30px } .p-xs-35 { padding: 35px } .p-xs-40 { padding: 40px } .pd-xs-5 { padding: 5px 0 } .pd-xs-10 { padding: 10px 0 } .pd-xs-15 { padding: 15px 0 } .pd-xs-20 { padding: 20px 0 } .pd-xs-30 { padding: 30px 0 } .pd-xs-25 { padding: 25px 0 } .pd-xs-40 { padding: 40px 0 } .pd-xs-50 { padding: 50px 0 } .pd-xs-60 { padding: 60px 0 } .pd-xs-70 { padding: 70px 0 } .pd-xs-80 { padding: 80px 0 } .pd-xs-90 { padding: 90px 0 } .pd-xs-100 { padding: 100px 0 } .pd-t-xs-5 { padding-top: 5px } .pd-t-xs-10 { padding-top: 10px } .pd-t-xs-15 { padding-top: 15px } .pd-t-xs-20 { padding-top: 20px } .pd-t-xs-25 { padding-top: 25px } .pd-t-xs-30 { padding-top: 30px } .pd-t-xs-40 { padding-top: 40px } .pd-t-xs-50 { padding-top: 50px } .pd-t-xs-60 { padding-top: 60px } .pd-t-xs-70 { padding-top: 70px } .pd-t-xs-80 { padding-top: 80px } .pd-b-xs-5 { padding-bottom: 5px } .pd-b-xs-10 { padding-bottom: 10px } .pd-b-xs-15 { padding-bottom: 15px } .pd-b-xs-20 { padding-bottom: 20px } .pd-b-xs-25 { padding-bottom: 25px } .pd-b-xs-30 { padding-bottom: 30px } .pd-b-xs-40 { padding-bottom: 40px } .pd-b-xs-50 { padding-bottom: 50px } .pd-b-xs-60 { padding-bottom: 60px } .pd-b-xs-70 { padding-bottom: 70px } .pd-b-xs-80 { padding-bottom: 80px } .m-xs-0 { margin: 0 } .m-xs-5 { margin: 5px } .m-xs-10 { margin: 10px } .m-xs-15 { margin: 15px } .m-xs-20 { margin: 20px } .m-xs-25 { margin: 25px } .m-xs-30 { margin: 30px } .m-xs-35 { margin: 35px } .m-xs-40 { margin: 40px } .mg-xs-10 { margin: 10px 0 } .mg-xs-15 { margin: 15px 0 } .mg-xs-20 { margin: 20px 0 } .mg-xs-25 { margin: 25px 0 } .mg-xs-30 { margin: 30px 0 } .mg-xs-40 { margin: 40px 0 } .mg-xs-50 { margin: 50px 0 } .mg-xs-60 { margin: 60px 0 } .mg-xs-70 { margin: 70px 0 } .mg-xs-80 { margin: 80px 0 } .mg-t-xs-5 { margin-top: 5px } .mg-t-xs-10 { margin-top: 10px } .mg-t-xs-15 { margin-top: 15px } .mg-t-xs-20 { margin-top: 20px } .mg-t-xs-25 { margin-top: 25px } .mg-t-xs-30 { margin-top: 30px } .mg-t-xs-35 { margin-top: 35px } .mg-t-xs-40 { margin-top: 40px } .mg-t-xs-50 { margin-top: 50px } .mg-t-xs-60 { margin-top: 60px } .mg-t-xs-70 { margin-top: 70px } .mg-t-xs-80 { margin-top: 80px } .mg-b-xs-5 { margin-bottom: 5px } .mg-b-xs-10 { margin-bottom: 10px } .mg-b-xs-15 { margin-bottom: 15px } .mg-b-xs-20 { margin-bottom: 20px } .mg-b-xs-25 { margin-bottom: 25px } .mg-b-xs-30 { margin-bottom: 30px } .mg-b-xs-35 { margin-bottom: 35px } .mg-b-xs-40 { margin-bottom: 40px } .mg-b-xs-50 { margin-bottom: 50px } .mg-b-xs-60 { margin-bottom: 60px } .mg-b-xs-70 { margin-bottom: 70px } .mg-b-xs-80 { margin-bottom: 80px } .icon-box-xs-15 { width: 15px; height: 15px } .icon-box-xs-20 { width: 20px; height: 20px } .icon-box-xs-25 { width: 25px; height: 25px } .icon-box-xs-30 { width: 30px; height: 30px } .icon-box-xs-35 { width: 35px; height: 35px } .icon-box-xs-40 { width: 40px; height: 40px } .icon-box-xs-45 { width: 45px; height: 45px } .mob-text-center { text-align: center } .mob-justify-content-center { justify-content: center } .mob-revert { display: flex; flex-direction: column-reverse } .mob-norm { display: flex; flex-direction: column } .fs_xs_10 { font-size: 10px } .fs_xs_12 { font-size: 12px } .fs_xs_14 { font-size: 14px } .fs_xs_16 { font-size: 16px } .fs_xs_18 { font-size: 18px } .fs_xs_20 { font-size: 20px } .fs_xs_22 { font-size: 22px } .fs_xs_24 { font-size: 24px } .fs_xs_26 { font-size: 26px } .fs_xs_28 { font-size: 28px } .fs_xs_30 { font-size: 30px } .fs_xs_32 { font-size: 32px } .fs_xs_34 { font-size: 34px } .fs_xs_36 { font-size: 36px } .fs_xs_38 { font-size: 38px } .fs_xs_40 { font-size: 40px } .fs_xs_42 { font-size: 42px } .fs_xs_46 { font-size: 46px } .fs_xs_48 { font-size: 48px } .fs_xs_44 { font-size: 44px } .fs_xs_50 { font-size: 50px } .fs_xs_52 { font-size: 52px } .fs_xs_9 { font-size: 9px } .fs_xs_11 { font-size: 11px } .fs_xs_13 { font-size: 13px } .fs_xs_15 { font-size: 15px } .fs_xs_17 { font-size: 17px } .fs_xs_19 { font-size: 19px } .fs_xs_21 { font-size: 21px } .fs_xs_23 { font-size: 23px } .fs_xs_25 { font-size: 25px } .fs_xs_27 { font-size: 27px } .fs_xs_29 { font-size: 29px } .fs_xs_31 { font-size: 31px } .fs_xs_33 { font-size: 33px } .fs_xs_35 { font-size: 35px } .fs_xs_37 { font-size: 37px } .fs_xs_39 { font-size: 39px } .fs_xs_41 { font-size: 41px } .fw_xs_100 { font-weight: 100 } .fw_xs_200 { font-weight: 200 } .fw_xs_300 { font-weight: 300 } .fw_xs_400 { font-weight: 400 } .fw_xs_500 { font-weight: 500 } .fw_xs_600 { font-weight: 600 } .fw_xs_700 { font-weight: 700 } .fw_xs_800 { font-weight: 800 } .fw_xs_900 { font-weight: 900 } }:root { --color_1: #127DC2; --color_2: #FE8C01; --color_3: #065689; --color_4: #1D2D38; } p { color: #000; font-family: outfit; /* line-height: 30px; */ margin: 0; } .justBlue { width: 100%; background: var(--color_1); height: 7px; border-radius: 0 0 30px 30px; } header { position: absolute; top: 0; width: 100%; padding: 20px 0; z-index: 99; } header li a { font-size: 16px; font-family: Outfit; color: #000; } .btn-group { gap: 20px; } .btn1 { background: var(--color_2); color: #000; font-family: outfit; font-size: 16px; border: none; border: 1px solid var(--color_2); padding: 12px 28px; border-radius: 6px; z-index: 1; position: relative; } .btn1:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #065689; border-radius: 5px; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); transition: all 0.3s ease; } .btn1:hover { color: #fff; border: 1px solid #065689; } .btn1:hover:after { left: 0; width: 100%; } .btn2 { border: 1px solid #bababa; background: transparent; color: #000; font-family: outfit; font-size: 16px; border-radius: 6px; padding: 12px 28px; } /* .btn2 { border: 1px solid #bababa; background: transparent; color: #000; font-family: outfit; font-size: 16px; border-radius: 6px; position: relative; } .btn2 span { position: relative; display: block; width: 100%; height: 100%; padding: 12px 28px; } .btn2:before, .btn2:after { position: absolute; content: ""; right: 0; top: 0; background: rgba(2, 126, 251, 1); transition: all 0.3s ease; } .btn2:before { height: 0%; width: 2px; } .btn2:after { width: 0%; height: 2px; } .btn2:hover { background: transparent; box-shadow: none; } .btn2:hover:before { height: 100%; } .btn2:hover:after { width: 100%; } .btn2 span:hover { color: rgba(2, 126, 251, 1); } .btn2 span:before, .btn2 span:after { position: absolute; content: ""; left: 0; bottom: 0; background: rgba(2, 126, 251, 1); transition: all 0.3s ease; } .btn2 span:before { width: 2px; height: 0%; } .btn2 span:after { width: 0%; height: 2px; } .btn2 span:hover:before { height: 100%; } .btn2 span:hover:after { width: 100%; } */ .btn3 { border: 1px solid var(--color_4); background: var(--color_4); color: #fff; font-family: outfit; font-size: 16px; border-radius: 100px; padding: 12px 28px; } .banner .content { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0%, -50%); } .banner .content h1 { font-family: Montserrat; font-weight: 700; font-size: 50px; color: var(--color_3); } .innerBanner.banner { z-index: 9; } .innerBanner.banner .content h1 { font-size: 40px; } .banner .content h6 { font-family: 'Outfit'; font-size: 26px; font-weight: 400; margin: 10px 0; } .banner .content p { width: 90%; } .boxSection .cc .c { width: 80%; position: absolute; top: 40%; left: 0; transform: translate(0, -50%); padding: 20px; color: #fff; } .boxSection .cc .c h4 { font-family: 'Montserrat'; font-size: 22px; } .boxSection .cc .c p { color: #fff; font-size: 15px; } .heading1 { font-size: 40px; font-family: 'Montserrat'; font-weight: bold; margin: 0 0 20px; } .firstSec { background: url(../img/first-sec.webp) no-repeat; background-size: cover; padding: 60px 0 120px; } .midP { margin-bottom: 15px; } .firstSec ul, .thirdSec ul, .servSecond ul { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 8px; font-family: Outfit; padding: 0; } .servSecond ul { margin-bottom: 20px; } .thirdSec ul li, .firstSec ul li, .servSecond ul li { position: relative; padding: 0 0 0 30px; } .firstSec ul li:before, .thirdSec ul li:before, .servSecond ul li:before { content: ''; background: url(../img/ftick.webp) no-repeat; background-size: contain; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .twoSec { background: url(../img/twoSec.webp) no-repeat; background-size: cover; background-position: center center; position: relative; } .twoSec.pd-80:before, .servSecond:before, .servThird:before, .servForth:before, .genreSec:before, .edfourthSec:before, .cvrFirstSec::before, .cvrSecondSec::before { content: ''; width: 100%; position: absolute; top: -50px; left: 0; height: 100px; background: linear-gradient(0deg, transparent, #ffffff, transparent); z-index: 2; /* transform: translateY(50%); */ } .servForth:after { content: ''; width: 100%; position: absolute; bottom: -50px; left: 0; height: 100px; background: linear-gradient(0deg, transparent, #ffffff, transparent); z-index: 2; /* transform: translateY(50%); */ } .secondSec .cc { padding: 30px 20px 30px; border: 1px solid var(--color_4); border-radius: 10px; text-align: center; transition: .5s; background: #fff; min-height: 190px; } .secondSec .cc a { color: #fff; font-family: 'Outfit'; transition: .5s; font-weight: 600; margin: 20px 0 0; display: block; transform: translateY(40px); pointer-events: none; opacity: 0; } .secondSec .cc:hover a { transform: translateY(0px); pointer-events: unset; opacity: 1; } .secondSec .cc:hover { background: var(--color_1); border-color: var(--color_1); } .secondSec .cc:hover h5, .secondSec .cc:hover p { color: #fff; } .thirdSec h5 { color: var(--color_1); font-family: 'Outfit'; font-size: 18px; margin: 0 0 5px; } .thirdSec h6 { font-size: 18px; font-family: 'Outfit'; font-weight: 600; margin: 0 0 15px; } .thirdSec ul li:before { content: ''; background: url(../img/tick2.webp) no-repeat; width: 15px; height: 15px; } .thirdSec ul li { padding-left: 25px; } .cta1 { background: url(../img/cta-1.webp) no-repeat; background-size: cover; } .cta1 h4 { color: #fff; font-family: 'Montserrat'; font-weight: 700; font-size: 38px; } .cta1 .btn-group a:nth-child(2) { color: #fff; border-color: #fff; } .cta1 .btn-group a:nth-child(3) { color: var(--color_4); border-color: #fff; background: #fff; } .cta1::after { content: ''; } .cta1::before { content: ''; position: absolute; left: 0; bottom: 0; background: url(../img/cta1after.webp) no-repeat; background-size: contain; width: 268px; height: 225px; } .cta1::after { content: ''; position: absolute; right: 0; bottom: 0; background: url(../img/cta1before.webp) no-repeat; background-size: contain; width: 185px; height: 190px; } .fourthSec { background: url(../img/fourthSec.webp) no-repeat; background-size: cover; } .fourthSec .ccimg img { margin-bottom: 20px; } .fourthSec img { filter: drop-shadow(0 0 10px #0003); } .testimonial .slide p { font-size: 18px; font-weight: 500; font-style: italic; } .testimonial .btn2 { display: inline-flex; padding: 2px 15px 2px 5px; background: #04da8d; border-color: #04da8d; margin: 40px 0 0; font-size: 20px; align-items: center; } .testimonial .slide img { width: auto !important; } .testimonial .slide { text-align: center; display: flex; flex-direction: column; align-items: center; } .testimonial .slide h5 { position: relative; display: inline-block; margin: 10px 0 0; font-family: 'Montserrat'; font-weight: 700; color: var(--color_4); font-size: 22px; } .testimonial .slide h5 .bfr::before { content: ''; background: var(--color_4); position: absolute; top: 48%; transform: translateY(-50%); left: -45px; width: 35px; height: 3px; border-radius: 20px; } .testimonial .slide h5 .bfr::after { content: ''; background: var(--color_4); position: absolute; top: 74%; transform: translateY(-50%); left: -70px; width: 60px; height: 3px; border-radius: 20px; } .testimonial .slide h5 .aftr::before { content: ''; background: var(--color_4); position: absolute; top: 48%; transform: translateY(-50%); right: -45px; width: 35px; height: 3px; border-radius: 20px; } .testimonial .slide h5 .aftr::after { content: ''; background: var(--color_4); position: absolute; top: 74%; transform: translateY(-50%); right: -70px; width: 60px; height: 3px; border-radius: 20px; } .testimonial .testimonial-slider { margin-top: 30px; } .cta2 { z-index: 2; position: relative; } .cta2 .content { background: url(../img/cta2.webp) no-repeat; background-size: cover; border-radius: 12px; overflow: hidden; } .cta2 .content form input { font-size: 16px; padding: 11px 15px; border-radius: 5px; border: 1px solid #127dc2; } .cta2 .content button.btn1 { width: 100%; margin: 12px 0 0; padding: 10px 28px; } .bookline:before { content: ''; background: url(../img/bookLine1.webp) no-repeat; background-size: contain; width: 135px; height: 1633px; position: absolute; top: 0; left: -50px; animation: 120s bookline infinite linear; opacity: .8; } .bookline2:before { content: ''; background: url(../img/bookLine2.webp) no-repeat; background-size: contain; top: 0; left: 100px; animation: 120s bookline1 infinite linear; } .bookline3:before { content: ''; background: url(../img/bookLine3.webp) no-repeat; background-size: contain; top: 0; left: 250px; animation: 120s bookline infinite linear; } .bookline4:before { content: ''; background: url(../img/bookLine4.webp) no-repeat; background-size: contain; top: 0; left: 400px; animation: 120s bookline1 infinite linear; } @keyframes bookline { 0% { transform: translateY(-1253px); } 50% { transform: translateY(0); } 100% { transform: translateY(-1253px); } } @keyframes bookline1 { 0% { transform: translateY(0); } 50% { transform: translateY(-1253px); } 100% { transform: translateY(0); } } .cta3 { background: url(../img/cta3.webp) no-repeat; background-size: cover; background-position: center; margin: 60px 0 0; } .brand-area-02 { padding: 40px 0; } .brand-area-02 .owl-item img { width: auto !important; } footer .top { padding: 40px 0; background: #0264A4; } footer .cc1 ul li, footer .cc1 h6 { font-size: 16px; font-family: 'Outfit'; font-weight: 400; color: #3cc5db; } footer .cc1 ul li a { color: #fff; } footer .cc1 .socialLinks { display: flex; gap: 8px; } footer .cc1 .socialLinks a { color: #fff; font-size: 14px; border: 2px solid #3bc6db; width: 30px; height: 30px; border-radius: 60%; display: flex; align-items: center; justify-content: center; transition: .5s; } footer .cc1 .socialLinks a:hover { background: #fff; color: #3bc6db; font-size: 16px; /* width: 32px; */ /* height: 32px; */ transform: scale(1.1); box-shadow: 0 0 10px #ffffff8c; } footer h5 { color: #fff; font-family: 'Outfit'; font-size: 20px; border-bottom: 2px solid #3bc6db; padding: 0 0 12px; margin: 0 0 20px; } footer .cc2 ul { list-style: none; padding: 0 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } footer .cc2 ul li a { font-size: 16px; color: #fff; font-family: outfit; padding: 0 0 0 20px; font-weight: 500; position: relative; } footer .cc2 ul li a:before { content: ''; background: url(../img/footerArrow.webp) no-repeat; background-size: contain; width: 12px; height: 12px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .2s; } footer .cc2 ul li a:after { content: ''; background: url(../img/footerArrow.webp) no-repeat; background-size: contain; width: 12px; height: 12px; position: absolute; left: 0; top: 50%; transition: .2s; transform: translateY(-50%) scale(.9); opacity: 0; } footer .cc2 ul li a:hover:before { left: 5px; } footer .cc2 ul li a:after { transform: translateY(-50%) scale(.7); opacity: 1; } footer .cc3 form .form-control { border-radius: 5px; border: 1px solid #0264a4; margin: 0 0 7px; padding: 10px 15px; color: #000; font-family: 'Outfit'; resize: none; } footer .cc3 form button { border: #3CC5DB; background: #3CC5DB; color: var(--color_4); font-family: outfit; font-size: 16px; border-radius: 100px; padding: 12px 28px; font-weight: 600; } footer .bottom { background: #182732; } footer .bottom .cc { display: flex; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } footer .bottom .cc ul { display: flex; align-items: stretch; gap: 30px; } footer .bottom .cc ul a { font-family: 'Outfit'; color: #fff; font-size: 16px; } footer .bottom ul li:nth-child(1):before { content: ''; position: absolute; top: 0; right: -15px; width: 1px; height: 100%; background: #ccc; } .fifthSec { padding: 60px 0; } .fifthSec .swiper { width: 100%; padding-top: 40px; padding-bottom: 30px; } .servForth .swiper, .cvrFirstSec .swiper { padding-top: 50px; } .fifthSec .swiper-slide, .servForth .swiper-slide, .cvrFirstSec .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 440px; } .fifthSec .swiper-slide img, .servForth .swiper-slide img, .cvrFirstSec .swiper-slide img { display: block; width: 100%; position: relative; z-index: 999; } .fifthSec .swiper-slide .content { position: absolute; right: 0; top: 50%; width: 410px; transform: translateY(-50%) rotateY(90deg); height: auto; background: #1B7098; padding: 70px 40px; border-right: 10px solid var(--color_2); color: #Fff; transition: .5s; z-index: -999; opacity: 0; } .fifthSec .swiper-slide.swiper-slide-active .content { transform: translateY(-50%) rotateY(0deg); right: -410px; opacity: 1; } .fifthSec .swiper-wrapper { left: -80px !important; } .fifthSec .swiper-slide { filter: blur(4px); } .fifthSec .swiper-slide.pos-rel.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active { filter: blur(0px); } .cta4 { background: url(../img/cta4.webp) no-repeat; background-size: cover; background-position: center center; padding: 110px 0; } .cta4 .content { display: flex; justify-content: space-between; align-items: center; } .cta4 .cc { width: 40%; } .cta4 .content .cc h4 { margin: 0; text-transform: capitalize; } .cta4 .content .cc h5.subH { font-family: 'Outfit'; font-size: 18px; margin: 0 0 5px; } .cta4 .content a:nth-child(2) { color: #fff; border-color: #fff; } .cta4 .content .links { display: flex; flex-direction: column; gap: 20px; } #preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999999; background: #ffffffe0; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); transition: .5s; } #preloader img { width: 160px; height: auto; } .scrollNone { overflow: hidden; } /* Inner Pages Start HERE */ /* .cc1 */ .servFirst { background: url(../img/innerF.webp) no-repeat; background-size: cover; background-position: top center; padding: 200px 0 60px !important; position: relative; top: -55px; margin-bottom: -55px; z-index: 1; } .servFirst .content h5 { font-size: 24px; color: var(--color_1); font-weight: 600; /* margin: 0; */ font-family: 'Outfit'; } .servFirst .cc { padding: 50px 20px; border-radius: 12px; position: relative; margin-bottom: 20px; } .servFirst .cc.cc1 { background: #e9e9e9; transition: .5s; } .servFirst .cc.cc1:hover:after, .servFirst .cc.cc1:hover:before { width: 101.4%; height: 101.4%; } .servFirst .cc.cc2 { background: linear-gradient(225deg, #0375BE, #1CC8E5); } .servFirst .cc.cc1:before { content: ''; background: #127dc2; position: absolute; top: -2px; left: -2px; width: 60%; height: 30%; transition: .5s; border-radius: 15px; z-index: -1; } .servFirst .cc.cc1:after { content: ''; background: #127dc2; position: absolute; transition: .5s; bottom: -2px; right: -2px; width: 60%; height: 30%; border-radius: 15px; z-index: -1; } .servFirst .cc .spanNum { position: absolute; top: 0; right: 8px; font-family: 'Montserrat'; font-weight: 900; font-size: 90px; line-height: 1; } .servFirst .cc.cc1 .spanNum { color: #e8e8e8; text-shadow: 1px 0px 1px #00000040, -1px 0px 1px #00000040, 0px -1px 1px #00000040, 0px 1px 1px #00000040; } .servFirst .cc.cc2 .spanNum { color: #0a8bc8; text-shadow: 1px 0px 1px #ccc, -1px 0px 1px #ccc, 0px -1px 1px #ccc, 0px 1px 1px #ccc; } /* .servFirst .cc span.spanNum:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(0deg, #e8e8e8 50%, transparent); } */ .servFirst .cc .iconS { height: 50px; display: inline-flex; width: 50px; align-items: center; justify-content: center; border-radius: 50%; margin: 0 0 15px; } .servFirst .cc.cc1 .iconS { background: #d7dde1; border: 1px solid var(--color_1); } .servFirst .cc.cc2 .iconS { background: #0b8dc7; border: 1px solid #fff; } .servFirst .cc h5 { font-family: 'Outfit'; font-size: 26px; } .servFirst .cc.cc2 .iconS img { filter: grayscale(1) brightness(20); } .servFirst .col-xl-6.goUp { position: relative; top: -90px; } .servSecond { background: url(../img/innerS.webp) no-repeat; background-size: cover; background-position: center center; position: relative; } .servThird { background: url(../img/innerT.jpg) no-repeat; background-size: cover; background-position: center center; position: relative; } .servThird .after-poly { z-index: 1; position: relative; } .servThird .content { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .servThird .img-box { width: 55px; height: 55px; display: flex; } .servThird .after-poly:after { content: ""; background: url(../img/bg-polygon.webp) no-repeat; background-size: contain; width: 100%; height: 215px; position: absolute; top: -50%; left: 0; z-index: -1; } .servThird.genF .after-poly:after { top: -63%; } .servThird.genF .row .col-xl-2 { padding: 0 5px; margin-bottom: 70px; } .servThird .content h6 { font-size: 16px; color: #fff; font-family: 'Outfit'; margin: 10px 0; } .servThird .row .col-xl-2 { padding: 0 5px; margin-bottom: 60px; } .servForth { background: url(../img/innerFrt.jpg) no-repeat; background-size: cover; background-position: center center; position: relative; } .videoTwoSection { background: url(../img/vd-first-bg.webp) no-repeat; background-size: cover; background-position: center center; padding: 0 0 120px; margin: -60px 0 0; } .pricingVidSec .content { background: #EFEFEF; border-radius: 40px; box-shadow: 0px 2px 4px 0.6px #ED5C0F; } .pricingVidSec .content .top h5 { font-family: 'Montserrat'; font-size: 28px; padding: 30px 30px 25px; border-bottom: 1px solid #ED5C0F; margin-bottom: 26px; FONT-WEIGHT: 600; } .pricingVidSec .content .mid { padding: 0 30px; } .pricingVidSec .content .mid ul { margin: 0; padding: 0; } .pricingVidSec .content .mid li { list-style: none; display: flex; align-items: flex-start; justify-content: center; gap: 10px; line-height: 1.1; margin: 0 0 15px; font-family: 'Outfit'; } .pricingVidSec .content .bottom { text-align: center; padding: 20px 0 30px; } .pricingVidSec .content .bottom a { display: inline-block; text-align: center; background: linear-gradient(0deg, #141414, #636363); color: #fff; font-family: 'Outfit'; padding: 12px 50px; border-radius: 100px; } .pricingVidSec .content.mainP { transform: scale(1.2); background: url(../img/pricing-BG.webp) no-repeat; background-size: cover; background-position: center; } .pricingVidSec .content.mainP h5, .pricingVidSec .content.mainP li { color: #fff; } .pricingVidSec .content.mainP .bottom a { background: linear-gradient(0deg, #ED5C0F, #FD9344); } .pricingVidSec .heading.text-center { margin: 0 0 65px; } .videoSample { padding: 80px 0; position: relative; } .videoSample:before { content: ''; background: #127DC2; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; border-radius: 0 0 60px 60px; } .ebookFirst { background: url(../img/ebookFirstBg.webp) no-repeat; background-size: cover; background-position: center center; padding: 140px 0 100px; background-color: #ffffff94; background-blend-mode: color; margin: -100px 0 0 0px; } .ebookFirst li { display: flex; align-items: center; gap: 10px; list-style: none; } .ebookFirst li .spnImg { padding: 20px; background: #bce2f5; border-radius: 100%; } .ebookFirst li span:nth-child(2) { background: #bce2f5; padding: 40px; border-radius: 20px; } .ebookFirst li span:nth-child(2) h6 { font-family: 'Montserrat'; font-size: 20px; font-weight: 600; font-style: italic; margin: 0 0 5px; } .genreSec { background: url(../img/genreFirstBg.webp) no-repeat; background-size: cover; background-position: center center; padding: 80px 0; } .genreSec .content { margin-bottom: 50px; padding-right: 50px; position: relative; } .genreSec .content h6 { color: #000; font-size: 23px; font-style: normal; font-weight: 700; line-height: 115%; letter-spacing: -0.46px; font-family: 'Montserrat'; } .genreSec .content.v1:before { content: '1'; } .genreSec .content.v2:before { content: '2'; } .genreSec .content.v3:before { content: '3'; } .genreSec .content.v4:before { content: '4'; } .genreSec .content.v5:before { content: '5'; } .genreSec .content.v6:before { content: '6'; } .genreSec .content:before { content: ''; opacity: 0.33; background: linear-gradient(90deg, #127DC2 22.41%, rgba(255, 255, 255, 0.00) 69.42%); background-clip: text; -webkit-background-clip: text; position: absolute; left: -40px; top: 0px; -webkit-text-fill-color: transparent; font-family: 'Montserrat'; font-size: 150px; font-style: normal; font-weight: 900; line-height: 1; letter-spacing: 0; } .edTwoSec { background: url(../img/edFirstBg.webp) no-repeat; background-size: cover; background-position: center center; padding-top: 60px; margin-top: -60px; } .edThirdSec { background: url(../img/edBgt.webp) no-repeat; background-size: contain; background-position: top center; padding: 90px 0 0; } .edfourthSec { background: url(../img/edFourthBg.webp) no-repeat; background-size: cover; background-position: center center; padding: 80px 0; position: relative; } .cvrFirstSec { background: url(../img/cvrFbg.webp) no-repeat; background-size: cover; padding: 0 0 50px; background-position: center center; } .servFirst.cvrThird .col-xl-3.goUp { position: relative; top: -50px; } .cvrThird { padding: 60px 0 80px 0 !important; background: #fff; margin: 0; top: 0; } .marktFirst { background: url(../img/marktSbg.webp) no-repeat; background-size: cover; background-position: bottom center; padding: 100px 0; } .marktFirst .ccc { background: #60606040; padding: 30px 25px; border-radius: 20px; } .marktFirst .ccc h6 { display: inline-block; color: #fff; background: #0f0f0f52; line-height: 1; padding: 14px 25px; border-radius: 30px; font-family: 'Outfit'; font-weight: 300; } .marktFirst .ccc p { font-size: 15px; font-weight: 300; margin: 15px 0 0; color: #fff; } .marktFirst .cc li { list-style: none; display: flex; align-items: center; gap: 50px; background: #60606040; padding: 10px 20px; border-radius: 18px; } .marktFirst .cc li:not(:last-child) { margin-bottom: 20px; } .marktFirst .cc li span:nth-child(1) { color: #fff; font-family: 'Outfit'; font-size: 60px; font-weight: 600; position: relative; } .marktFirst .cc li h5 { color: #fff; font-size: 22px; /* margin: 0 0 5px; */ font-family: 'Outfit'; } .marktFirst .cc li p { font-size: 16px; color: #fff; margin: 0; line-height: 1.2; } .marktFirst .cc li span:nth-child(1):before { transform: translateY(-50%); content: ''; position: absolute; right: -25px; top: 50%; width: 1px; height: 90%; background: #fff; } .contactSec .content { padding: 60px 0; background: #fff; box-shadow: 0 50px 120px #0001; border-radius: 50px; position: relative; z-index: 1; overflow: hidden; margin: 0 0 120px; } .contactSec .content:before { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 30%; background: #0264A4; z-index: -1; } .contactSec .form-control { font-size: 16px; padding: 8px 12px; margin: 0 0 12px; } .contactSec button { background: var(--color_1); color: #fff; width: 100%; font-family: 'Outfit'; font-weight: 600; font-size: 20px; padding: 8px 0; } .contactSec ul { margin: 25px 0 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; } .contactSec ul li { display: flex; align-items: center; gap: 10px; } .contactSec ul li h6 { margin: 0; font-size: 16px; font-family: 'Outfit'; } .contactSec ul li a { color: #000; font-family: 'Outfit'; font-size: 14px; } .contactSec iframe { height: -webkit-fill-available; } .policySec { margin-bottom: 50px; } .policySec h5 { font-family: 'Montserrat'; font-weight: 700; font-size: 30px; margin: 24px 0 10px; } .policySec h6 { font-family: 'Montserrat'; font-weight: 700; font-size: 20px; margin: 24px 0 10px; } .policySec li { font-size: 16px; font-family: outfit; color: #000; } .noBefore::before { display: none; } .display-n-tab, .servThird .col-sm-1, .servThird .col-sm-3.new { display: none; } @media (max-width:1199px) { header li a { font-size: 14px; } header ul { gap: 12px !important; } .btn1, .btn2, .btn3 { font-size: 15px; padding: 10px 25px; text-align: center; } .banner .content h1 { font-size: 40px; } .banner .content h6 { font-size: 16px; } .banner .content p { width: 90%; font-size: 14px; } .boxSection .cc .c { width: 95%; top: 44%; padding: 0 0 0 15px; } .boxSection .cc .c h4 { font-size: 20px; } .boxSection .cc .c p { font-size: 14px; } .heading1 { font-size: 35px; margin: 0 0 20px; } p { font-size: 14px; } .firstSec ul, .thirdSec ul, .servSecond ul { font-size: 14px; } .secondSec .cc { padding: 30px 15px 30px; min-height: 210px; } .secondSec .cc a { margin: 15px 0 0; } .thirdSec .col-lg-6 img { width: 100%; } .cta1 h4 { font-size: 32px; } .bookline:before { width: 110px; height: 1331px; } .bookline2:before { left: 75px; } .bookline3:before { left: 200px; } .bookline4:before { left: 325px; } @keyframes bookline { 0% { transform: translateY(-966px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-966px); } } @keyframes bookline1 { 0% { transform: translateY(0); } 50% { transform: translateY(-966px); } 100% { transform: translateY(0); } } footer .cc3 form .form-control { padding: 8px 12px; font-size: 14px; } footer .cc3 form button { font-size: 15px; padding: 10px 25px; } footer .cc2 ul li a { font-size: 14px; } footer .cc1 ul li, footer .cc1 h6 { font-size: 14px; } footer .bottom .cc ul a { font-size: 14px; } .testimonial .slide p { font-size: 16px; } .testimonial .slide h5 { font-size: 18px; } .ebookFirst li span:nth-child(2) { padding: 30px; } .genreSec .content { margin-bottom: 30px; padding-right: 0px; margin-left: 50px; } .genreSec .content h6 { font-size: 20px; } .genreSec .content:before { left: -34px; font-size: 120px; } .servFirst .cc h5 { font-size: 20px; } .servFirst .cc { padding: 40px 15px; border-radius: 10px; } .servFirst .cc .spanNum { font-size: 75px; } } @media (max-width:991px) { .display-n-tab1 { display: none; } .banner .content h1 { font-size: 30px; } .boxSection .cc { margin-bottom: 20px; } .heading1 { font-size: 28px; margin: 0 0 15px; } p { font-size: 14px; line-height: 1.2; } .firstSec ul, .thirdSec ul, .servSecond ul { font-size: 13px; gap: 5px; } .secondSec .cc { margin: 0 0 20px; min-height: auto; } .btn1, .btn2, .btn3 { font-size: 14px; padding: 8px 22px; text-align: center; } .cta1 h4 { font-size: 28px; } .btn-group { gap: 15px; } .fifthSec .swiper-slide .content { padding: 50px 20px; width: 280px; } .fifthSec .swiper-slide.swiper-slide-active .content { right: -280px; } .cta4 { padding: 60px 0; } .testimonial .slide img { width: 18% !important; margin: 0 0 10px; } .bookline:before { width: 85px; height: 1028px; } .bookline2:before { left: 47px; } .bookline3:before { left: 144px; } .bookline4:before { left: 240px; } .cta2 .content form input { font-size: 14px; padding: 8px 12px; } .cta2 .content button.btn1 { padding: 8px 24px; } .cta2 .content { padding: 40px 0; } @keyframes bookline { 0% { transform: translateY(-695px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-695px); } } @keyframes bookline1 { 0% { transform: translateY(0); } 50% { transform: translateY(-695px); } 100% { transform: translateY(0); } } footer h5 { margin: 40px 0 20px; } .cta1::before { width: 185px; height: 155px; } .cta1::after { width: 125px; height: 128px; } .innerBanner.banner .content h1 { font-size: 30px; } .ebookFirst li span:nth-child(2) h6 { font-size: 16px; } .ebookFirst li span:nth-child(2) { padding: 20px; border-radius: 14px; } .ebookFirst li .spnImg img { width: 45px; height: 45px; } .ebookFirst { padding: 140px 0 60px; } .genreSec .col-lg-5 img { margin-bottom: 30px; } .edThirdSec { padding: 60px 0 0; } .edTwoSec { padding-bottom: 60px; } .pricingVidSec .content .top h5 { font-size: 20px; padding: 22px 20px 20px; } .pricingVidSec .content .mid { padding: 0 20px; } .pricingVidSec .content .mid li { font-size: 14px; } .pricingVidSec .content .bottom a { padding: 10px 30px; font-size: 14px; } .pricingVidSec .content { background: #EFEFEF; } .servFirst.pubF .content, .markF .content { margin: 0 0 90px; } .servThird.genF .after-poly:after { top: -29%; } } @media (max-width:767px) { .innerBanner.banner .content p { display: block; } .banner .content h6 { font-size: 15px; } .banner .content h1 { font-size: 22px; } .banner .content p { display: none; } .btn1, .btn2, .btn3 { font-size: 14px; padding: 8px 15px; text-align: center; } .boxSection .cc .c h4 { font-size: 18px; } .boxSection .cc .c p { font-size: 13px; } .heading1 { font-size: 22px; margin: 0 0 15px; } .firstSec { padding: 60px 0 60px; } .fourthSec { padding: 50px 0 160px; } .fifthSec .swiper-slide, .servForth .swiper-slide, .cvrFirstSec .swiper-slide { background-position: center; background-size: cover; width: 200px; height: 293px; } .fifthSec .swiper-slide .content { padding: 19px 20px; width: 240px; } .fifthSec .swiper-slide.swiper-slide-active .content { right: -240px; } .bookline:before { width: 70px; height: 847px; } .bookline2:before { left: 30px; } .bookline3:before { left: 109px; } .bookline4:before { left: 188px; } @keyframes bookline { 0% { transform: translateY(-510px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-510px); } } @keyframes bookline1 { 0% { transform: translateY(0); } 50% { transform: translateY(-510px); } 100% { transform: translateY(0); } } .innerBanner.banner .content h1 { font-size: 22px; } } @media (max-width:575px) { .banner img { height: 400px; object-fit: cover; object-position: right; object-position: center; } .banner { position: relative; } .banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff8f; backdrop-filter: blur(1px); } header { position: relative; width: 100%; padding: 15px 0; z-index: 9999; background: #fff; box-shadow: 0 0 10px #0003; } header .col-xl-2 img { width: 85px; } .banner .content h1 { font-size: 28px; } .banner .content h6 { font-size: 18px; } .heading1 { font-size: 26px; margin: 0 0 15px; } p { font-size: 15px; line-height: 1.2; } .twoSec { padding-top: 60px; } .firstSec ul, .thirdSec ul, .servSecond ul { font-size: 15px; gap: 5px; } .firstSec { padding: 0px 0 60px; } .heading1 br { display: none; } .thirdSec .col-lg-6 img { margin: 0 0 30px; } .cta1 .btn-group.mg-t-10 { flex-direction: column; } .cta1::before { width: 143px; height: 120px; } .cta1::after { width: 97px; height: 100px; } .fourthSec .content { margin: 0 0 30px; } .fourthSec { padding: 60px 0 60px; } .fifthSec .swiper-slide, .servForth .swiper-slide, .cvrFirstSec .swiper-slide { background-position: center; background-size: cover; width: 150px; height: 220px; } .fifthSec .swiper-slide .content { padding: 15px 15px; width: 180px; } .fifthSec .swiper-slide.swiper-slide-active .content { right: -180px; } .fifthSec .swiper-slide .content p { min-height: 55px; height: 55px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .fifthSec .swiper-slide .content .heading1 { font-size: 20px; margin: 0 0 8px; } .cta4 .cc { width: 100%; } .cta4 .content { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 20px; } .cta4 .content .links { display: flex; flex-direction: row; gap: 16px; } .cta4 { padding: 40px 0; } .cta2 .content { /* padding: 40px 0; */ padding: 30px; z-index: 1; } .cta2 .content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #065689c2; z-index: -1; } .bookline2:before { left: 91px; } .bookline:before { width: 126px; height: 3347px; /* z-index: -1; */ z-index: 1; } .bookline3:before { left: 232px; } .bookline4:before { left: 373px; } .bookline { z-index: -2; position: relative; } footer .bottom .cc { flex-direction: column; text-align: center; gap: 20px; } .innerBanner.banner img { height: 280px; object-fit: cover; object-position: right; object-position: center; } .innerBanner.banner .content h1 { font-size: 28px; } .abtT.thirdSec { padding: 0 0 60px; } .abtT.thirdSec .row { flex-direction: column-reverse; } .ebookFirst li span:nth-child(2) { padding: 20px; display: block; width: 100%; } .ebookFirst ul { margin-top: 30px !important; } .servSecond { background-position: left; padding: 60px 0 60px; z-index: 1; } .servSecond:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff9e; z-index: -1; } .genreSec .content { margin-bottom: 30px; padding-right: 0px; margin-left: 25px; } .genreSec .content:before { left: -24px; font-size: 100px; } .edThirdSec { padding: 60px 0 100px; background-size: cover; background-color: #1c88bd; background-position: left; } .edThirdSec .content { margin: 30px 0 0; } .edfourthSec .row:nth-child(1) { flex-direction: column-reverse; } .edfourthSec .row .content { margin-top: 30px; } .edfourthSec { background-position: left; padding: 60px 0 60px; } .spacing.pd-60 { padding: 30px 0; } .servFirst.cvrThird .col-xl-3.goUp { top: 0; } .servFirst .cc h5 { font-size: 24px; } .pricingVidSec .content.mainP { transform: scale(1); margin: 30px 0 30px; } .videoTwoSection { padding: 0 0 60px; } .pricingVidSec { margin: 60px 0 0; } .servFirst.pubF .content, .markF .content { margin: 0 0 50px; } .servFirst .col-xl-6.goUp, .markF .col-xl-6.go.goUp { top: 0; } .servFirst { padding: 100px 0 60px !important; } .marktFirst .ccc { margin: 0 0 50px; } .marktFirst { padding: 60px 0; } .contactSec .content { padding: 35px; } .contactSec .content:before { top: unset; bottom: 0; height: 25%; width: 100%; } .contactSec iframe { height: 250px; margin: 40px 0 0; } .servThird.genF .after-poly:after { top: -29%; width: 66%; height: 204px; top: -46%; left: 46px; } .display-n-tab, .display-n-tab1 { display: block; } .servThird.genF .row .col-xl-2 { padding: 0 5px; margin-bottom: 40px; } .servThird .col-sm-1, .servThird .col-sm-3.new, .display-n-tab.new-1 { display: none; } } @media (max-width:440px) { .servThird.genF .after-poly:after { top: -29%; width: 76%; height: 204px; top: -46%; left: 26px; } } @media (max-width:360px) { .servThird.genF .after-poly:after { top: -29%; width: 85%; height: 204px; top: -46%; left: 12px; } }