/*FONTS CSS*/ @import url('font-icons.css'); @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.eot'); src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Medium.eot'); src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.eot'); src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.eot'); src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } :root{ --bg-body:#ffffff; --primary-color:#ffe546;/* yellow */ --secondary-color:#00a237;/* green */ /* Color Root */ --clr-base:#000000; --clr-light:#5f5f5f; --clr-light1:#a2a2a2; --clr-white:#ffffff; --clr-blue:#002c59; --clr-green:#70b62a; /*Background Root*/ --bg-gray:#f1f1f1; --bg-light_gray:#f2f2f2; --bg-dark:#000000; --bg-footer:#ffffff; /* Loader Root */ --loader-clr:#38ccb9; /* Button Root*/ --primary-btn:#38ccb9; --primary-bdr:#38ccb9; --primary-text:#000000; --primary-hover-btn:#278b7e; --primary-hover-bdr:#278b7e; --primary-hover-text:#ffffff; --secondary-btn:#ffffff; --secondary-bdr:#ffffff; --secondary-clr:#000000; --secondary-hover-btn:none; --secondary-hover-text:#ffffff; --secondary-hover-bdr:#38cdb9; /* Common Root */ --link-text:#38cdb9; --categoty-text:#38cdb9; --shadow-base:0px 4px 25px 0px rgba(0, 0, 0, 0.2); --bg-card:#fff; --card-radius:20px; --base-font:"Poppins", sans-serif; --font-pre: "Poppins", sans-serif; /* Design 1 */ --clr-theme:#38cdb9; --clr-base-light:rgba(0,0,0, 0.6); --bg-card:#fff; --shadow-card:0px 10px 35px rgba(0, 0, 0, 0.08); --base-radius:8px; } /*Custom ScrollBar*/ *{scrollbar-color:#38cdb9 auto;} *::-webkit-scrollbar{width:5px;border-radius:20px;height:5px;} *::-webkit-scrollbar-track{background:#f7f8f8;} *::-webkit-scrollbar-thumb{background-color:#38cdb9;border-radius:20px;width:5px;height:5px;} /*Custom ScrollBar*/ /*Perfect ScrollBar Start*/ .scroll-modal-block.ps.ps--active-y{padding-right:8px;} .scroll-modal-block.ps .ps__rail-y{opacity:1!important;width:5px!important;background:#f7f8f8!important;right:0px!important;} .scroll-modal-block.ps .ps__thumb-y{opacity:1!important;background:#ffe243!important;width:5px!important;right:0px!important;} /*Perfect ScrollBar End*/ *{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;} :focus{outline:none;} html{-webkit-text-size-adjust:none;} body{font-size:12px;font-family:var(--base-font);color:var(--clr-base);background:var(--bg-body);font-weight:normal;line-height:normal;overflow-x:hidden;} a{text-decoration:none;outline:none;color:var(--link-text);outline:none;cursor:pointer;} a:hover, a:focus{text-decoration:none;outline:none;} .btn:hover, .btn:focus, .btn.focus{outline:none;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;box-shadow:none;} :where(figure), figure{padding:0;margin:0;} img{padding:0;margin:0;max-width:100%;border:none;height:auto;} p{line-height:normal;font-size:14px;color:var(--clr-base);font-weight:normal;margin:0;padding:0;display:block;} *{box-sizing:border-box;-webkit-box-sizing:border-box;} .mb-0{margin-bottom:0px !important;} /* .lists-item{ cursor: pointer; } */ /*HEADING CSS*/ h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0;padding:0;display:block;color:var(--clr-base);font-family:var(--base-font);} h1{font-size:36px;} h2{font-size:30px;} h3{font-size:24px;} h4{font-size:18px;} /*LIST CSS*/ ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;} .block{float:left;width:100%;} /*INPUT CSS*/ .form-group{float:left;width:100%;} .col-group{float:left;width:100%;margin-bottom:18px;position:relative;} select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none;border-radius:0;} .input-group{float:left;width:100%;position:relative;} .form-control{float:left;width:100%;font-size:16px;outline:medium none;height:58px;color:#000000;border:2px solid #888888;background:#ffffff;line-height:1.2em;padding:0 16px;transition:all 0.4s ease 0s;border-radius:10px;font-family:var(--font-base);} .form-control:focus{outline:none;transition:all 0.3s ease 0s;} .form-control:disabled{background:#f2f2f2;color:#C7C6C6;} ::-ms-input-placeholder{color:var(--clr-light);} ::placeholder{color:var(--clr-light);} input[type="submit"], input[type="text"], input[type="password"], textarea{-webkit-appearance:none;} input[type="submit"], button{cursor:pointer;border:0;} textarea.form-control{resize:vertical;height:100px;padding-top:7px;padding-bottom:7px;} input::-ms-clear, select::-ms-clear, textarea::-ms-clear{display:none;} input::-ms-expand, select::-ms-expand, textarea::-ms-expand{display:none;} .custom-select select:focus::-ms-value{color:transparent;font-size:0;background:transparent;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none;margin:0;} input[type='number']{-moz-appearance:textfield;} /*Select Box Css*/ .custom-select{float:left;width:100%;display:inline-block;position:relative;cursor:pointer;} .select-span{float:left;width:100%;font-size:13px;outline:medium none;height:40px;color:#fff;border:0;border:1px solid #fff;background:#124db3;line-height:44px;padding:0 10px;transition:all 0.4s ease 0s;border-radius:4px;position:relative;font-weight:bold;} .custom-select:after{position:absolute;top:0;display:flex;align-items:center;height:100%;right:10px;content:'\e9be';font-family:'icon';pointer-events:none;font-size:12px;color:#0069d9;} .invalid-code .select-span{border-color:#ed1c24;} .invalid-code .custom-select:after{right:16px;} .custom-select .is-filled + .select-span{border-color:#041d2d;} /*Checkbox and Radio Box Css*/ .checkbox{float:left;position:relative;display:flex;align-items:start;width:100%;} .checkbox input{position:absolute;top:0;left:0;height:100%;z-index:1;opacity:0;width:100%;cursor:pointer;align-self:flex-start;} .checkbox input:checked + .check_icon{background:#0069d9;border-color:#0069d9;} .checkbox input:checked + .check_icon:after{position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center;content:'\e976';font-family:'icon';color:#fff;font-size:12px;width:100%;font-weight:bold;} .checkbox .check_icon.active{background:#004755;border-color:#004755;} .checkbox .check_icon{float:left;width:22px;height:22px;border:2px solid #0069d9;position:relative;border-radius:3px;} .check-label{float:left;flex:1;color:#000000;font-size:13px;padding-left:10px;display:inline-block;align-items:center;line-height:1.2em;margin:0!important;} .checkbox .link-item{position:relative;z-index:1;} .link-item,.link-item:hover{text-decoration:underline;} .link-white{color:#ffffff;} .link-white:hover{text-decoration:underline;} .link-theme{color:#ffe243;} .link-theme:hover{text-decoration:underline;} /*NORMAL CSS*/ ::selection{background:#0067ab;color:#fff;} ::-moz-selection{background:#0067ab;color:#fff;} .container{margin:0 auto;width:100%;max-width:1500px;padding:0px 8px;} .container-fluid{margin:0 auto;width:100%;max-width:100%;} .pull-left{float:left;} .pull-right{float:right;} .clearfix{clear:both;} .event-none{pointer-events:none;} .wcard{float:left;width:100%;background:var(--bg-card);border-radius:6px;box-shadow:var(--shadow-base);} .disabled{pointer-events:none;opacity:0.5;} .disable-btn{pointer-events:none;color:#3e3e3e!important;} /*BUTTON CSS*/ .btn{display:inline-flex;justify-content:center;align-items:center;padding:0 36px;text-align:center;color:#fff;font-size:18px;border-radius:8px;font-weight:500;line-height:1.3em;height:52px;background:var(--primary-btn);transition:all 0.5s ease 0s;border:0;font-family:var(--base-font);text-align:center;width:100%;white-space:nowrap;text-transform:uppercase;border:2px solid var(--primary-btn);} .btn-primary{background:var(--primary-btn);color:var(--primary-text);border-color:var(--primary-bdr);} .btn-primary:hover{background:var(--primary-hover-btn);color:var(--primary-hover-text);border-color:var(--primary-hover-bdr);} .btn-secondary{background:var(--secondary-btn); color:var(--secondary-clr);border-color:var(--secondary-bdr);} .btn-secondary:hover{background:var(--secondary-hover-btn); color:var(--secondary-hover-text);border-color:var(--secondary-hover-bdr);} .btn-info{background:transparent; color:var(--clr-white);border-color:var(--primary-bdr);} /* .btn-info:hover{background:var(--secondary-hover-btn); color:var(--secondary-hover-text);border-color:var(--secondary-hover-bdr);} */ .gray-btn{background:#bebebe;color:#000;width:100%;font-style:normal;font-weight:bold;} .disable-btn{pointer-events:none;background:#d5d3cc;} /*COLs CSS*/ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{float:left;padding:0 5px;} .col-1{width:8.33%;} .col-2{width:16.66%;} .col-3{width:25%;} .col-4{width:33.33%;} .col-5{width:41.66%;} .col-6{width:50%;} .col-7{width:58.33%;} .col-8{width:66.66%;} .col-9{width:75%;} .col-10{width:83.33%;} .col-11{width:91.66%;} .col-12, .block{width:100%;float:left;} .row{margin:0 -5px;} .icon{display:inline-block;font-size:20px;vertical-align:middle;} .hidden{display:none!important;} .relative{position:relative!important;} .fixed{position:fixed!important;} /* Alert CSS */ .alert{padding:5px 10px;float:left;width:100%;border:0px solid transparent;border-radius:4px;line-height:21px;padding-right:28px;position:relative;} .alert-card-outer{display:flex;justify-content:space-between;align-items:center;} .alert-content{flex:1;} .alert-content p{color:#000000;font-size:12px;} .alert-icons{float:left;margin-right:8px;} .alert-icons .icon{font-size:18px;float:left;} .alert-danger{color:#dd0000;background-color:#ffc8ca;border-color:#dd0000;} .alert-danger .alert-content p{color:#dd0000;} .alert-success{color:#008542;background-color:#dffadc;border-color:#008542;} .alert-success .alert-content p{color:#008542;} .alert-close{position:absolute;right:0px;height:100%;top:0;display:flex;padding:5px 5px 0px 0px;} .alert-close .icon{float:right;font-size:12px;color:#000000;height:20px;width:20px;display:flex;align-items:center;justify-content:center;} /* Alert CSS */ /*Loading CSS Start*/ .loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:11;text-align:center;background:#ffffff;} .loading-wrapper.content-loader{position:absolute;height:100%;} .loading-wrapper.content-relative{position:relative;height:160px;background:none;z-index:1;} .page-overlay{height:100%;display:flex;align-items:center;justify-content:center;} .loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:4px solid var(--loader-clr);border-color:var(--loader-clr) transparent var(--loader-clr) var(--loader-clr);animation:lds-ring 650ms linear infinite;border-radius:50%;} @keyframes lds-ring{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .black-overlay{background:rgba(0, 0, 0, 0.7)!important;} .loader-text-loader.payment-note-loader-text{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;} .loader-text-loader{float:left;width:100%;} .loading-wrapper.black-overlay .loader-ring{border:3px solid #ffffff;border-color:#ffffff transparent #ffffff #ffffff;margin:0 auto;} .loader-text span{float:left;width:100%;text-align:center;margin-bottom:5px;font-size:18px;} .loader-text b{float:left;width:100%;text-align:center;font-size:14px;font-weight:500;} /*Loading CSS END*/ /* no-record-found */ .no-record-found{text-align:center;float:left;width:100%;padding:60px 30px;background:#fff;border-radius:12px;border:1px solid #eeeeee;background:#f1f1f1; } .no-record-found .error-heading{font-size:24px;font-weight: 600;text-align:center;float:left;width:100%;} .no-record-found .error-text{font-size:16px;font-weight:400;text-align:center;float:left;width:100%;} .no-record-thumbnail{text-align:center;float:left;width:100%;display:flex;justify-content: center;margin-bottom:16px;} .no-record-thumbnail .no-record-fig{width:100%;max-width:150px;} .no-record-thumbnail .no-record-fig img{float:left;width:100%;} .no-record-found.v2{background:#ffffff;} /* Owl Carousel CSS Start*/ .owl-carousel{float:left;width:100%;position:relative;} .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);} .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;} .owl-item,.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-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;} .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-nav{height:100%;display:flex;align-items:center;} .owl-nav .owl-next, .owl-nav .owl-prev, .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-nav button.owl-next, .owl-nav button.owl-prev{background:0;color:inherit;border:none;padding:0!important;font:inherit;} .owl-nav .owl-prev, .owl-nav .owl-next{position:absolute;top:0px;bottom:0px;} .owl-nav .owl-prev{left:0px;} .owl-nav .owl-next{right:0px;} .owl-dots.disabled, .owl-nav.disabled{display:none;} .owl-dots{float:left; width:100%;display:flex;justify-content:center;align-items:center;margin:8px 0px;gap:8px;} .owl-dot{filter:none!important;width:10px;height:10px;background:#000000;border:none;padding:0px;display:inline-block;margin:0px;border-radius:5px;transition:all 0.3s ease;} .owl-dot span {width:100%;display:block;height:100%;transition:all 0.3s ease;margin:0 auto; } .owl-dot.active{background:#38cdb9!important;width:46px;} /* Owl Carousel CSS End*/ /*Page CSS*/ .main-wrapper{float:left;width:100%;} .page-container{float:left;width:100%;} .mid-wrapper{float:left;width:100%;position:relative;} .inner-wrapper{float:left;width:100%;} .c-row{display:flex;align-items:center;justify-content:space-between;} .c-col{float:left;width:50%;} /* Top Bar */ .top-block{float:left;width:100%;background:#f01c24;} .top-bar-inner{float:left;width:100%;padding:6px 0px;} .top-bar-text{float:left;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;grid-gap:6px;height:20px;} .top-bar-text .link-item{color:#ffffff;text-decoration:underline;} .info-top-text{color:#ffffff;font-size:13px;font-weight:bold;letter-spacing:0.1px;} .iframe-block{float:left;width:100%;} .deals-iframe{float:left;width:100%;border:none!important;height:calc(100dvh - 32px);} .info-modal{cursor:pointer;} .info-modal .icon{font-size:18px;font-weight:normal;color:#ffffff;} .modal-button-bar{float:left;width:100%;padding:20px 0px 40px;} .modal-button{display:flex;justify-content:center;float:left;width:100%;grid-gap:16px;} .modal-button .btn{max-width:240px;font-weight:600;} /*HEADER CSS*/ .header{float:left;width:100%;position:fixed;top:0;z-index:3;left:0;right:0;} /* Header Bar Start*/ .header-bar{float:left;width:100%;padding:24px 0px;} .header-bar-inner{display:flex;justify-content:space-between;align-items:center;background:rgba(56, 205, 185, 0.2);transition:background 0.4s ease 0s;padding:16px 32px;border-radius:20px; overflow:hidden;} .sticky .header-bar-inner{background:rgba(13, 44, 41, 0.8);} .brand-logo{float:left;width:100%;max-width:244px;} .brand-figure{float:left;width:100%; padding:0; margin:0;} .brand-figure a{float:left;width:100%; padding:0; margin:0;} .brand-figure img{float:left;width:100%;} .header.sticky:not(.show-nav) .header-bar-inner{backdrop-filter:blur(10px);} .navbar-button-actions{float:right;display:inline-flex;gap:6px;} .navbar-actions-col{flex:1;} .navbar-actions-col .btn{text-transform:capitalize;} .main-menu{float:right;width:100%;display:flex;height:100%;} .menu-listing{float:left;width:100%;display:flex;align-items:center;gap:42px;} .list-item{display:inline-block;list-style:none;} .list-item .nav-link{float:left;width:100%;padding:0px;color:#000000;display:flex;align-items:center;justify-content:center;padding:8px 8px;} .nav-text{float:left;width:100%;font-size:18px;line-height:1.3em;font-weight:normal;position:relative; padding:0px 2px; color:#fff;font-weight:600;} .nav-icon{width:43px;margin-right:10px;float:left;} .nav-icon img{float:left;width:100%;} .list-item .nav-link:hover .nav-text:after, .list-item.active .nav-link .nav-text:after{position:absolute;float:left;width:140%;height:48px;top:200%;left:-20%;content:'';background:#38cdb9;filter:blur(22px);border-radius:50px; opacity:1;right:auto;} .list-item .nav-link:hover .nav-text, .list-item.active .nav-link .nav-text{color:#38cdb9;} .list-item.btn-support .nav-link{background:#00a237;border-radius:8px;padding:0px 16px;color:#ffffff;min-height:46px;} .list-item.btn-support .nav-link .nav-text:after{display:none;} .list-item.btn-support .nav-link .nav-text{color:#ffffff;padding:0px;} .list-item.btn-support:hover .nav-link{background:#000000;} .mobile-navbar{float:right;display:none;order:3;} .mobile-navbar span{font-size:20px;padding:12px;color:#fff;padding-right:2px;cursor:pointer;} .hide-overflow{overflow:hidden;} .nav-overlay{float:left;width:100%;position:fixed;background-color:rgba(0, 0, 0, 0.75);height:100%;max-height:100%;top:0;left:0;z-index:2;transition:all 0.4s ease 0s;visibility:hidden;opacity:0;display:none;} .show-nav .nav-overlay{visibility:visible;opacity:1;display:block;} .nav-close .close-btn .icon{color:#ffffff;font-size:12px;} .nav-close .close-btn{padding:3px;height:30px;width:30px;border:1px solid #ffffff;border-radius:50%;display:flex;justify-content:center;align-items:center;} .nav-close{display:none;position:absolute;right:-36px;top:12px;} /* Header Bar End*/ /* Hero Section Start*/ .section-hero .section-inner{padding:0px; background-size:100%; overflow:hidden;} .section-hero .sec-intro{font-size:56px;} .section-hero .sec-text p{text-align:justify;margin-top:10px;} .section-block.section-hero .section-content-block{margin-top:120px;} .slider-over{display:flex;align-items:center;background-image:var(--bg-image); background-size:cover; padding:170px 0px 240px;background-position:top center; background-repeat:no-repeat;} .hero-outer{float:left;width:100%;} .hero-inner{float:left;width:100%;} .hero-row-block{float:left;width:100%;display:flex;align-items:center;} .hero-left{float:left;width:48%;} .hero-right{float:left;width:52%;} .hero-content{float:left;width:100%; padding:0px 0px 0px 0;} .hero-image-block{float:left;width:100%;position:relative;} .hero-image-block figure{float:left;width:100%;} .hero-image-block figure img{float:left;width:100%;} .hero-bg, .hero-start{position:absolute;left:0px;right:0px;top:0px;bottom:0px;} .hero-start{pointer-events:none;} .section-hero{position:relative;} .bottom-texture{float:left; width:100%; position:absolute; bottom:0; left:0; z-index:1;} .bottom-texture img{float:left; width:100%;} .banner-title{float:left; width:100%; font-size:64px; color:#fff; font-weight:700; line-height:1.1em;} .banner-title-label{color:#38cdb9; line-height:1.1em; } .banner-text{float:left; width:100%; margin-top:44px;} .banner-text-label{ font-size:24px; color:#fff; font-weight:500; line-height:1.58em;} .banner-actions{float:left; width:100%; display:flex; gap:16px; margin-top:54px;flex-wrap: wrap;} .banner-actions-col{float:left;border:2px solid rgba(56,205,185,0.3);border-radius:8px; display:inline-flex;align-items:center;max-height:52px;} .visior-profiles{white-space:nowrap;font-size:20px; color:#fff; font-weight:700;padding:0px 18px;display:block;} .banner-actions-col .btn{float:left;font-weight:500;margin-left:-2px;} .banner-actions-info{float:left;width:100%;font-size:20px;color:rgba(255, 255, 255, 0.702);font-style:italic;line-height:1.9;} .hero-post-figure{filter:drop-shadow(0 4px 20px rgba(0,0,0,0.15))} .figure-box{float:left; width:100%; position:relative;} .figure-box-item{float:left; width:100%;} .figure-box-item img{float:left; width:100%;} .figure-box-item ~ .figure-box-item{position:absolute; top:0; left:0; width:100%; height:100%;} .figure-box.hero-post-figure{right:-9%; min-width:calc(100% + 12%);} /* Hero Section End*/ /* Trusted Section Start */ .section-clients .section-inner{padding:0px;} .clients-outer{float:left;width:100%;} .clients-inner{float:left;width:100%;padding:48px 24px;border-radius:20px;background-color:#ffffff;box-shadow:0px 25px 38px 0px rgba(0, 0, 0, 0.14);position:relative; min-height:240px;margin-top:-120px;} .clients-content{float:left;width:100%;margin-bottom:24px;} .clients-content .sec-intro{text-align:center;font-size:42px;font-weight:700;} .clients-carousel-outer{float:left;width:100%;padding:0px;} .clients-carousel{float:left;width:100%;position:relative;padding:0px 44px;} .clients-carousel .owl-stage{display:flex;align-items:center; gap:0px 40px;} .client-col{float:left;width:100%;} .client-card{float:left;width:100%;} .client-figure{float:left;width:100%;} .client-figure img{float:left;width:100%;} .custom-prev{float:left;width:100%;} .custom-next{float:left;width:100%;} .owl-nav i{color:#939ba0;} /* Trusted Section End */ /* Features Section Start */ .section-features .section-inner{padding:120px 0px 60px;} .features-outer{float:left;width:100%;} .features-inner{float:left;width:100%;} .features-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:inherit;} .feature-card{background:#ffffff;border-radius:20px;box-shadow:0px 10px 35px 0px rgba(0, 0, 0, 0.08);overflow:hidden;display:flex;padding:30px;} /* Left large card spans both rows */ .feature-card-large{grid-row:1 / span 2;flex-direction:column;padding-bottom:48px;height:100%;} .feature-card-small{align-items:center;gap:18px;min-height:200px;} .feature-card-image{border-radius:20px;overflow:hidden;} .feature-card-image img{float:left;width:100%;} .feature-card-content{float:left;width:100%;} .feature-card-title{float:left;width:100%;color:#000000;font-size:36px;font-weight:600;line-height:1.2em;} .feature-card-title .highlight{color:#3fcfbc;} .feature-card-text{float:left;width:100%;color:rgba(0, 0, 0, 0.8);font-size:20px;line-height:1.5em;} .feature-card-large .feature-card-title{text-align:center;} .feature-card-large .feature-card-text{text-align:center;} .feature-card-small .feature-card-image{float:left;width:60%;} .feature-card-small .feature-card-content{float:left;width:40%;} .feature-card-third{flex-direction:row-reverse;} /* Features Section End */ /* Common Section */ .section-block{float:left;width:100%;} .section-inner{float:left;width:100%;padding:40px 0px 60px;} .section-content-block{float:left;width:100%;} .sec-intro{float:left; width:100%; font-size:52px; color:var(--clr-base); font-weight:700; line-height:1.3em;} .section-text{float:left;width:100%;font-size:20px; color:var(--clr-base-light); font-weight:400; margin-top:20px;} .sec-sub-intro{float:left; width:100%; font-size:42px; color:var(--clr-base); font-weight:600; line-height:1.3em; margin-top:42px;} .text-highlight{color:var(--clr-theme);} /*D1 Start*/ .section-bottom-text .section-pre{float:left;width:100%; font-size:20px; color:var(--clr-base-light); line-height:1.5em; font-weight:normal;} .unlock-id-sec-text .section-pre{float:left;width:100%; font-size:20px; color:var(--clr-base-light); line-height:1.5em; font-weight:normal;} .why-teams-love-col .section-pre{float:left;width:100%; font-size:20px; color:var(--clr-base-light); line-height:1.5em; font-weight:normal;} /* Section Unlock Identities Start */ .unlock-id-outer{float:left; width:100%;} .unlock-id-inner{float:left; width:100%;} .unlock-id-row-block{float:left; width:100%; display:flex; flex-wrap:wrap;} .unlock-id-col{float:left; width:100%; flex:1;} .unlock-id-right{max-width:46%; --col-space:40px; padding-left:var(--col-space);} .scupe-tag-bar{float:left; width:100%; margin-bottom:40px;} .scupe-tag{float:left;padding:8px 32px;background:rgba(56, 205, 185, 0.2);border-radius:var(--base-radius);font-size:18px;text-transform:uppercase;font-weight:500;color:var(--clr-base);} .unlock-id-sec-intro{max-width:748px; clear:both;} .unlock-id-sec-text .section-pre{max-width:528px;} .block-intro{float:left; width:100%; font-size:30px; color:var(--clr-base); font-weight:600; line-height:1.3em; margin-top:20px;} .unlock-id-list-row{float:left; width:100%; margin:32px 0px;} .unlock-card{float:left; width:100%; border-radius:10px; padding:0px 8px 0px 0px; background:var(--bg-card); box-shadow:var(--shadow-card); min-height:87px; display:flex; align-items:stretch; align-content:center; overflow:hidden;} .card-icon{display:flex; align-items:center; justify-content:center; padding:0px 10px 8px 0px; float:left; --icon-size:68px; width:var(--icon-size); min-width:var(--icon-size); margin-right:4px; position:relative;} .card-icon:before{content:""; position:absolute; right:0; bottom:10px; --circle-size:106px; width:var(--circle-size); height:var(--circle-size); background:rgba(56, 205, 185, 0.1); border-radius:100%;} .card-figure{width:100%; height:calc(var(--circle-size) - 10px); display:flex; align-items:center; justify-content:center; float:left; position:relative; z-index:1;} .card-figure img{width:100%; max-width:32px; float:left;} .card-text{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center;} .card-pre{float:left; width:100%; font-size:18px; font-weight:500; color:var(--clr-base); margin:0;line-height:1.3em;} .section-bottom-text .section-pre{margin-bottom:0px; max-width:666px;} .unlock-image{float:left; width:100%; position:relative;} .unlock-icon-figure{float:left; position:absolute; top:calc(var(--col-space) * -1); left:calc(var(--col-space) * -1); --circle-size:106px; width:var(--circle-size); height:var(--circle-size); background:var(--clr-theme); border-radius:100%; display:flex; justify-content:center; align-items:center;} .unlock-icon-figure img{float:left; width:100%; max-width:45px;} .unlock-bg, .unlock-bg img{float:left; width:100%;} /* Grid CSS Start */ .flex-row{--column-count:2;--column-gap:14px;display: flex;flex-wrap: wrap;gap: var(--column-gap);justify-content: space-between;float: left;width:100%;} .flex-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));} .flex-col-1{--column-count:1;} .flex-col-2{--column-count:2;} .flex-col-3{--column-count:3;} .flex-col-4{--column-count:4;} /* Grid CSS End */ /* Section Unlock Identities End */ /* Section why teams love Start */ .why-teams-love-outer{float:left; width:100%;} .why-teams-love-inner{float:left; width:100%;} .why-teams-love-row-block{float:left; width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:40px;} .why-teams-love-col{float:left; width:100%; flex:1;} .why-teams-love-left{max-width:47.6%;} .why-teams-love-list-row{float:left; width:100%; margin:32px 0px; row-gap:10px;} .why-teams-love-card{float:left; width:100%; border:1px solid #d5d5d5; border-radius:10px; gap:10px; padding:10px 10px 10px 14px; background:var(--bg-card); box-shadow:var(--shadow-card); min-height:72px; display:flex; align-items:center;} .why-teams-love-card .icon{font-size:32px; color:var(--clr-theme);} .why-teams-love-card .card-pre{font-size:20px; font-weight:400; color:var(--clr-base-light); margin:0;} .why-teams-love-image{float:left; width:100%;} .why-teams-love-bg, .why-teams-love-bg img{float:left; width:100%;} /* Section why teams love End */ /*D1 End*/ /*D2 Start*/ .sec-intro{float:left; width:100%; font-size:52px; color:var(--clr-base); font-weight:700; line-height:1.15em;} .sec-intro span{color:#38cdb9;} .section-text{float:left;width:100%;font-size:24px; color:var(--clr-white); margin-top:30px;} .section-pre{float:left;width:100%; font-size:20px; line-height:1.3em; font-weight:normal; color:var(--clr-white);} /****** Problem CSS Start ******/ .section-problem{overflow:hidden;} .section-problem .section-inner{padding:40px 0 140px;} .problem-outer{float:left; width:100%; position:relative; z-index:2; background:url('../image/problem-bg.webp') no-repeat center; background-size:100% 100%; padding:100px 0 200px;} .problem-card .section-text{font-size:20px;} .problem-card .section-pre{text-align:center; color:rgba(0,0,0,0.8);} .problem-card{float:left; width:100%;} .problem-card-inner{float:left; width:100%;display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;} .problem-title{text-align:center;} .problem-title span{display:block;} .problem-actions{float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-bottom:56px;} .problem-actions .scupe-tag-bar{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .problem-content{float:left; width:100%;} /****** Problem CSS End ******/ /****** Connect With CSS Start ******/ .section-connect-with .section-inner{padding:40px 0 140px;} .connect-with-outer{float:left; width:100%; position:relative; z-index:2;} .connect-with-outer::before, .connect-with-outer::after{position:absolute; content:''; z-index:-1; top:0; right:0; bottom:0; left:0; background:url('../image/connect-with-left-bg.webp') no-repeat left; background-size:auto 100%;} .connect-with-outer::after{background:url('../image/connect-with-right-bg.webp') no-repeat right; background-size:auto 100%;} .connect-with-card .section-pre{text-align:center;} .connect-with-card{float:left; width:100%;} .connect-with-card-inner{float:left; width:100%;display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:150px 0 200px;} .connect-with-title{text-align:center;} .connect-with-title span{display:block;} .connect-with-actions{float:left; width:auto; margin-top:40px;} .connect-with-actions-col{float:left; width:auto;} /****** Connect With CSS End ******/ /****** Social Proof CSS Start ******/ .section-social-proof .section-inner{background:#f9f9f9; padding:110px 0;} .social-proof-outer{float:left; width:100%;} .social-proof-inner{float:left; width:100%;} .social-proof-content{float:left; width:100%;} .social-carousel{float:left; width:100%; position:relative;} .social-card{float:left; width:100%;height:100%; background:linear-gradient(180deg, #ffffff 0%, #e0fbfa 100%); border-radius:20px; padding:56px 36px 60px;} .social-card-head{float:left; width:100%; margin-bottom:44px;} .social-stars{float:left; width:100%; display:flex; align-items:center; gap:2px;} .social-star{float:left; --icon-size:26px; width:var(--icon-size); max-width:var(--icon-size); min-width:var(--icon-size);} .social-star img{float:left; width:100%;} .social-card-mid{float:left; width:100%;} .social-card-text{float:left; width:100%; font-size:18px;} .social-card-bottom{float:left; width:100%; display:flex; align-items:center; gap:22px; margin-top:40px;} .social-card-profile{float:left; --icon-size:63px; height:var(--icon-size); width:var(--icon-size); max-width:var(--icon-size); min-width:var(--icon-size); border-radius:50%;} .social-card-avatar{float:left; width:100%;} .social-card-avatar img{float:left; width:100%;} .social-profile-data{float:left; width:100%;} .social-profile-name{float:left; width:100%; font-size:20px; font-weight:700;} .social-profile-company{float:left; width:100%; font-size:14px;} .social-proof-content .sec-intro{text-align:center; margin-bottom:110px;} .social-carousel::before, .social-carousel::after { content: ""; position: absolute; top: 0; width:180px; height: 100%; z-index:2; pointer-events:none;} .social-carousel::before { left:-20px; background:linear-gradient(to right, #f9f9f9 0%, transparent 100%);} .social-carousel::after { right:-20px; background: linear-gradient(to left, #f9f9f9 0%, transparent 100%);} .social-carousel .owl-stage-outer{filter:drop-shadow(0px 10px 14px rgba(0,0,0,0.04));} .social-carousel .owl-stage{display:flex;} .social-carousel .owl-dots{margin-top:64px;} /****** Social Proof CSS End ******/ /****** Get More Marketing CSS Start ******/ .section-get-more .section-inner{padding:110px 0 50px;} .get-more-outer{float:left; width:100%; background:#000000; padding-top:100px; border-radius:30px; position:relative; z-index:2; overflow:hidden;} .get-more-outer::before{position:absolute; content:''; top:0; right:0; bottom:0; left:0; z-index:-1; background:linear-gradient(90deg, transparent 0%, rgba(56, 205, 185, 0.4) 50%, rgba(56, 205, 185, 1) 100%);} .get-more-inner{float:left; width:100%;} .get-more-row{float:left; width:100%; display:flex;} .get-more-col{float:left; width:100%;} .get-more-content{float:left; width:100%;} .get-more-content .sec-intro{color:#ffffff;} .get-more-content .sec-intro span{display:block;} .get-more-content .section-pre{font-size:24px;} .get-more-content .section-pre.section-pre-bold{font-weight:600; padding-top:20px;} .get-more-col.get-left-col{float:left; max-width:630px; padding:30px 100px 80px 80px;} .get-more-col{display:flex; flex-wrap:wrap; align-items:flex-end;} .get-img-block{float:left; width:100%;} .get-img-fig{float:left; width:100%;} .get-img-fig img{float:left; width:100%;} .get-more-actions{float:left; width:100%; margin-top:40px;} .get-more-action-col{float:left; width:100%;} .get-more-action-col .btn{text-transform:capitalize;} /****** Get More Marketing CSS End ******/ /****** FAQs CSS Start ******/ .section-faq .section-inner{padding:50px 0 110px;} .faq-wrap{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .faq-accordin{float:left;width:100%; max-width:1054px;} .faq-accordin > li{float:left;width:100%;overflow:hidden;border:2px solid #000000;--radius-card:10px;border-radius:var(--radius-card);margin-bottom:10px; background:#f2f2f2;} .acc-title{cursor:pointer;} .faq-accordin > li:last-child{margin:0px;} .faq-title{float:left;width:100%;line-height:normal;padding:16px 30px;background:#ffffff; position:relative; transition:0.3s ease all; display:flex;align-items:center;border-radius:var(--radius-card);min-height:70px;grid-gap:12px;} .faq-title .faq-heading{font-size:28px;display:block;overflow:hidden;font-weight:600;line-height:1.4em;flex:1;} .acc-title .chevron-down{float:right;--icons-size:24px;max-width:var(--icons-size);width:var(--icons-size);min-width:var(--icons-size);height:var(--icons-size); transition:0.3s ease all;text-align:center; border:2px solid #000000; border-radius:50%; display:flex; justify-content:center; align-items:center;} .acc-title .chevron-down .icon{float:left;width:100%;font-size:12px; font-weight:700; transition:0.3s ease all;} .open .chevron-down{background:#000000; transition:0.3s ease all;} .open .chevron-down .icon:before{content:"\e971"; color:#ffffff; transition:0.3s ease all;} .open .faq-title{border-radius:var(--radius-card) var(--radius-card) 0px 0px; background:transparent; transition:0.3s ease all;} .accordin-content{float:left;width:100%;} .faq-content{float:left; width:100%;} .faq-content .sec-intro{text-align:center; margin-bottom:56px;} .faq-wcard{padding:20px 20px 20px 30px;float:left;width:100%;} .faq-wcard-text{float:left; width:100%; margin-bottom:16px; font-size:20px; line-height:1.3em;} /****** FAQs CSS End ******/ /****** Get Support CSS Start ******/ .section-get-support{overflow:hidden;} .section-get-support .section-inner{padding:0;} .section-get-support .section-content-block{background:#1e201f; position:relative; z-index:2;} .section-get-support .section-content-block::before{position:absolute; content:''; z-index:-1; top:auto; right:auto; bottom:0; left:0; background:url('../image/get-support.webp') no-repeat center; height:100%; width:100%;} .get-support-card .section-pre{text-align:center;} .get-support-outer{float:left; width:100%;} .get-support-card{float:left; width:100%;} .get-support-card-inner{float:left; width:100%;display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:105px 0;} .support-card-title{text-align:center; color:#ffffff;} .support-card-title span{display:block;} .get-support-actions{float:left; width:auto; margin-top:40px;} .get-support-actions-col{float:left; width:auto;} /****** Get Support CSS End ******/ /****** Footer CSS Start ******/ .footer{float:left;width:100%;} .footer-warp{float:left;width:100%;background:var(--bg-dark);} .footer-warp-inner{float:left;width:100%;padding:110px 0px 40px;} .footer-card-warp{float:left;width:100%;} .col-footer-outer{float:left;width:100%;text-align:left;flex:1;} .col-footer-inner{float:left;width:100%;} .footer-widget-logo{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:50px;} .footer-logo-link{float:left; --logo-size:300px; width:var(--logo-size); max-width:var(--logo-size); min-width:var(--logo-size);} .footer-logo-figure{float:left;width:100%;} .footer-logo-figure img{float:left;width:100%;} .footer-links{float:left; width:100%;} .footer-listing{float:left;width:100%;display:flex;align-items:center; justify-content:center; gap:64px;} .footer-list-item{display:inline-block;list-style:none;} .footer-nav-link{float:left;width:100%;color:#000000;display:flex;align-items:center;justify-content:center;} .footer-nav-text{float:left;width:100%;font-size:18px;line-height:1.3em;font-weight:normal;position:relative; color:#fff; transition:0.3s ease all;} .footer-list-item:hover .footer-nav-text{color:#38cdb9; transition:0.3s ease all;} .footer-page-links{float:left; width:100%; flex:1;} .footer-page-listing{float:left;width:100%;display:flex;align-items:center; gap:30px;} .footer-page-list-item{display:inline-block;list-style:none;} .footer-page-link{float:left;width:100%;color:#000000;display:flex;align-items:center;justify-content:center;} .footer-page-text{float:left;width:100%; font-size:14px; color:rgba(255,255,255,0.7); line-height:1.3em;font-weight:normal;position:relative; transition:0.3s ease all;} .footer-page-list-item:hover .footer-page-text{color:#38cdb9; transition:0.3s ease all;} .footer-social-block{float:left; width:100%;margin-top:40px;} .social-list{float:left; width:100%;display:flex;justify-content:center;align-items:center;gap:16px;} .social-list-item{float:left;} .social-link{float:left; width:100%;transition: all 0.5s ease 0s;} .social-link .icon{float:left; color:#ffffff;font-size:42px;transition: all 0.5s ease 0s;} .social-link:hover .icon{color:#38ccb9;} .copyright-warp{float:left;width:100%;} .copyright-warp-inner{display:flex;float:left;align-items:center;width:100%;justify-content:center;padding:20px 0px; border-top:1px solid rgba(56, 205, 185, 0.4);} .copyright-text{font-size:14px; color:rgba(255,255,255,0.7);} .copyright-text span{float:left;width:100%;} /****** Footer CSS End ******/ /****** How it Works Start ******/ .section-how-it-works{overflow:hidden;} .how-it-works-outer{float:left; width:100%;} .how-it-works-inner{float:left; width:100%; --icon-top:60px;} .how-it-works-content{float:left; width:100%;} .section-how-it-works .section-inner{padding:100px 0;} .how-it-works-content .sec-intro{text-align:center; margin-bottom:calc(var(--icon-top) * 2.8); position:relative; z-index:3;} .how-it-step-row{float:left; width:100%; display:flex; justify-content:space-between; position:relative; z-index:2; --col-space:180px; margin-bottom:var(--col-space);} .how-it-step-row::before, .how-it-step-row::after{position:absolute; content:''; top:calc(var(--icon-top) * -4.7); right:0; bottom:auto; left:-23.8%; z-index:-1; background:url('../image/how-it-line-1.webp') no-repeat center; height:100%; width:100%;} .how-it-step-row::after{top:calc(var(--icon-top) * -4); right:-23.5%; bottom:0; left:auto; background:url('../image/how-it-line-2.webp') no-repeat center;} .how-it-step-col.how-it-col-two .how-it-step-item{align-items:center;} .how-it-step-col.how-it-col-three .how-it-step-item{align-items:flex-end;} .how-it-step-col.how-it-col-two{position:relative; top:calc(var(--icon-top) * 2.85); left:1.85%;} .how-it-step-col.how-it-col-three{position:relative; top:calc(var(--icon-top) * -1.5);} .how-it-step-col{float:left;width:auto;} .how-it-step-item{float:left; width:auto; display:flex; flex-direction:column; justify-content:center; gap:calc(var(--icon-top) * 1.5); position:relative;} .how-it-card-outer{float:left; width:100%; position:relative;} .how-it-card-outer::before{position:absolute; content:''; top:auto; right:auto; bottom:auto; left:auto; height:100%; width:100%; background:rgba(84, 212, 195, 0.25); filter:blur(100px);} .how-it-card{float:left; --icon-size:410px; height:100%; position:relative; --card-size:450px; width:var(--card-size); min-width:var(--card-size); max-width:var(--card-size); border-radius: 20px; filter:drop-shadow(0px 10px 17.5px rgba(0,0,0,0.08)); background:#ffffff;} .how-it-card-head{float:left; width:100%; display:flex; justify-content:center; align-items:center; top:calc(var(--icon-top) * -1); position:absolute; z-index:1;} .how-it-card-head-inner{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .how-it-card-icon{float:left; width:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size);} .how-it-card-icon img{float:left; width:100%;} .how-it-card-body{float:left; width:100%; padding:calc(var(--icon-size) / 1.55) 32px 50px;} .how-it-col-two .how-it-card-body{padding-top:calc(var(--icon-size) / 1.8);} .how-it-col-three .how-it-card-body{padding-top:calc(var(--icon-size) / 2.05);} .how-it-card-data{float:left; width:100%;} .how-it-card-label{float:left; width:100%; font-size:30px; font-weight:600; line-height:1.2em;} .how-it-card-text{float:left; width:100%; font-size:22px; line-height:1.2em; color:rgba(0,0,0,0.8); padding-top:20px;} .how-it-num-outer{float:left; --icon-size:120px; width:var(--icon-size); min-width:var(--icon-size); height:var(--icon-size); border-radius:50%; background:#54d4c3; display:inline-flex; justify-content:center; align-items:center; position:relative;} .how-it-num{float:left; width:100%; font-size: 75px; color:#000000; font-weight:800; display:inline-flex; justify-content:center; align-items:center;} /****** How it Works End ******/ /****** Solutions Page Start ******/ .sec-head-info{float:left; width:100%;} /* common badge css start */ .sec-badge-info{float:left; width:100%; margin-bottom:54px;} .sec-badge{float:left; display:inline-flex; justify-content:center; align-items:center; padding:10px 35px; min-height:44px; border-radius:8px; background:rgba(56, 205, 185, 0.1);} .badge-info-label{float:left; width:100%; font-size:20px; line-height:1.2em; color:var(--clr-base); font-weight:600; text-align:center; text-transform:uppercase;} /* common badge css start */ /* common section title css start */ .sec-title-info{float:left; width:100%; margin-bottom:18px;} .sec-title{float:left; width:100%; font-size:52px; color:var(--clr-base); font-weight:700; line-height:1.2em; margin-bottom:6px;} .sec-title span{color:#38cdb9;} /* common section title css end */ /* common section text css start */ .sec-text-info{float:left; width:100%; margin-bottom:36px;} .sec-text-pre{float:left; width:100%; font-size:20px; line-height:1.45em; color:rgba(0,0,0,0.8); margin-bottom:6px;} /* common section text css end */ /* common block title css start */ .block-title-info{float:left; width:100%; margin-bottom:22px;} .block-title{float:left; width:100%; font-size:30px; color:var(--clr-base); font-weight:600; line-height:1.2em; margin-bottom:6px;} .block-title-sm{font-size:26px;} .block-title-info-bottom{margin-top:40px;} /* common block title css end */ /* common block text css start */ .block-text-info{float:left; width:100%; margin-bottom:36px;} .block-text{float:left; width:100%; font-size:20px; color:var(--clr-base); line-height:1.45em; color:rgba(0,0,0,0.8); margin-bottom:6px;} .block-text-info-bottom{margin-top:36px;} /* common block text css end */ /* common block list css start */ .block-list-info{float:left; width:100%;} .block-list-outer{float:left; width:100%;} .block-list{float:left; width:100%;} .block-list-item{float:left; width:100%; min-height:74px; border-radius:10px; margin-bottom:10px; padding:18px 14px; gap:10px; background:#ffffff; border:1px solid #d5d5d5; filter:drop-shadow(0px 10px 17.5px rgba(0,0,0,0.08)); display:flex; align-items:center; justify-content:center;} .block-list-item:last-child{margin-bottom:0;} .block-list-icon-info{float:left; --icon-size:35px; width:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size);} .block-list-icon{float:left; width:100%;} .block-list-icon img{float:left; width:100%;} .block-list-item-text{float:left; width:100%; font-size:20px; color:var(--clr-base); line-height:1.45em; color:rgba(0,0,0,0.8);} .block-row-rev{display:flex; flex-direction:row-reverse;} /* common block list css end */ /* common block img css start */ .block-img-info{float:left; width:100%;} .block-img-outer{float:left; width:100%; position:relative; z-index:2;} .block-img-outer::after{position:absolute; content:''; top:-30px; right:-80px; bottom:auto; left:auto; height:70%; width:100%; z-index:-1; background:rgba(84, 212, 195, 0.4); filter:blur(100px);} .block-row-rev .block-img-outer::after{right:auto; left:-80px; } .block-img{float:left; width:100%;} .block-img img{float:left; width:100%;} /* common block img css end */ .solutions-page .section-inner{padding:100px 0;} .solutions-outer{float:left; width:100%;} .solutions-inner{float:left; width:100%; display:flex; justify-content:center; gap:90px;} .solutions-inner .col{float:left; width:45%;} .solutions-inner .col.col-left{width:55%;} .solutions-page .section-social-proof .section-inner{margin-top:0px;} .solutions-page .section-get-more .section-inner{padding-bottom:50px;} .solutions-page .section-faq .section-inner{padding:50px 0px 150px;} .solutions-page .section-get-support .section-inner{padding:0px;} .solutions-page .section-breadcrumb .section-inner{padding:0;} .solutions-page .page-hero-row-block{align-items:center;} /****** Solutions Page End ******/ /*=========About Page CSS Start=========*/ .card-info-outer{float:left; width:100%;} .info-row{float:left; width:100%; display:flex; flex-wrap:wrap; gap:30px;} .info-row-col{float:left; flex:1;} .section-title{float:left; width:100%; text-align:center;} /*Our Mission CSS Start*/ .mission-info .section-inner{padding:100px 0;} .mission-col-right{max-width:600px;} .mission-intro .sec-intro{font-size:48px;} .mission-intro .section-pre{font-size:20px; color:rgba(0,0,0,0.80);} .mission-intro .section-pre ~ .section-pre{margin-top:26px;} .mission-col-right .figure-box-item-2{transform:scale(1.55); z-index:-1; top:-20%;} .mission-col-right .figure-box-item.figure-box-item-1{padding:0px 10px;} /*Why Choose Us CSS Start*/ .why-choose-info .section-inner{padding:180px 0;} .grid-row.why-choose-grid-row{--column-gap:18px; gap:calc(var(--column-gap) * 2) var(--column-gap); --column-count:3; row-gap:80px;} .why-choose-info .sec-intro{text-align:center; margin-bottom:54px;} .info-item-card{float:left; width:100%; text-align:center;} .item-figure-box{float:left; width:100%; display:flex; justify-content:center; align-items:center; position:relative;} .item-figure{float:left; width:100%; max-width:190px; position:relative;} .item-figure img{float:left; width:100%;} .item-figure-overlay{float:left; width:100%; height:100%; position:absolute; top:20%; left:10%; z-index:-1; max-width:230px; opacity:0.6;} .item-figure-overlay img{float:left; width:100%;} .item-detail-area{float:left; width:100%; margin-top:24px;} .item-title{float:left; width:100%; font-size:35px; line-height:1.3em; font-weight:600; color:#000; margin-bottom:30px;} .item-pre{float:left; width:100%; font-size:20px; color:rgba(0,0,0,0.80); line-height:1.3em; padding:0px 30px;} .why-choose-info .section-text{margin-bottom:54px;} .why-choose-info .section-pre{color:var(--clr-base); text-align:center;} /*Meet The Founder CSS Start*/ .founder-info .section-inner{padding:68px 0; background:#f9f9f9; margin-bottom:30px;} .founder-info .sec-intro{text-align:center; margin-bottom:54px;} .info-row-col.founder-col-left{max-width:650px;} .figure-box.founder-post-figure{margin:0 0 -90px; right:auto;} .founder-post-figure .figure-box-item-1{border-radius:20px;} .founder-post-figure .figure-box-item-1 img{border-radius:20px;} .post-sm-title{float:left; width:100%; font-size:26px; font-weight:bold;color:#000;} .founder-detail .section-pre{font-size:22px; color:rgba(0,0,0,0.80); line-height:1.5em;} .founder-detail .section-pre ~ .section-pre{margin-top:40px;} .founder-info .info-row{gap:50px;} .founder-info .figure-box-item{position:relative; z-index:1;} .founder-info .figure-box-item ~ .figure-box-item{position:absolute; left:-60%; z-index:0; top:30%;} /*Trusted by 1,800+ Businesses CSS Start*/ .section-client-info{padding-top:100px;} .section-client-info .clients-inner{margin:0; box-shadow:none; padding:0; background:none;} .section-client-info .clients-content{margin-bottom:34px;} .traditional-info .section-inner{padding:100px 0px;} .traditional-info .card-info-outer{background:rgba(56, 205, 185, 0.05); padding:50px 30px; min-height:406px; display:flex; align-items:center;} .traditional-info-row{align-items:center;} .traditional-intro .sec-intro{font-size:48px;} .traditional-intro .section-text{margin-top:0px;} .traditional-intro .section-pre{font-size:20px; color:rgba(0,0,0,0.80); line-height:1.5em;} .traditional-intro .section-pre + .section-pre{margin-top:30px;} .traditional-intro .section-pre-bold{font-weight:600; font-style:italic; font-size:26px;} .traditional-info-row .traditional-col-left{max-width:44%;} .sec-text-pre-italic{font-style:italic; font-weight:600;} /*=========About Page CSS End=========*/ /****** Contact Support Start ******/ .section-contact-support .section-inner{padding:200px 0 220px; position:relative; overflow:hidden;} .section-contact-support .section-inner::before{position:absolute; content:''; top:auto; right:-15%; bottom:-10%; left:auto; height:40%; width:40%; background:rgba(84, 212, 195, 0.25); filter:blur(100px);} .contact-support-outer{float:left; width:100%;} .contact-support-inner{float:left; width:100%;} .contact-support-inner .grid-row{--column-gap:70px;gap:calc(var(--column-gap) * 2) var(--column-gap);--column-count:2;} .contact-support-info{float:left; width:100%;} .contact-support-card{float:left; width:100%; display:flex; justify-content:center; gap:24px;} .contact-support-col{float:left; width:100%;} .contact-support-col.col-left{width:auto;} .contact-col-icon-info{float:left; width:168px; height:138px; border-radius:40px; display:inline-flex;justify-content:center; align-items:center;} .contact-col-icon{float:left; --icon-size:60px; width:var(--icon-size); height:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size);} .contact-card-body{float:left; width:100%;} .contact-card-title{float:left; width:100%; margin-bottom:12px; font-size:32px; color:var(--clr-base); font-weight:600; line-height:1.25em;} .contact-card-text{float:left; width:100%; font-size:20px; line-height:1.4em; color:rgba(0,0,0,0.8)} .contact-card-link-block{float:left; width:100%;} .contact-card-link{float:left; width:auto; display:flex; align-items:center; gap:20px; margin-top:40px; font-size:24px; text-transform:uppercase; color:var(--clr-base); font-weight:600; border-bottom:2px solid rgba(0,0,0,0.8); padding-bottom:10px; transition:0.3s ease all; } .contact-card-link span{float:left;} .card-arrow-icon{transition:0.3s ease all; right:0; position:relative;} /* .contact-card-link:hover{border-color:#38ccb9;} */ .contact-card-link:hover .card-arrow-icon{right:-4px;} .support-card-info .contact-col-icon-info{background:#dbf6f2;} .help-card-info .contact-col-icon-info{background:#f5f2ed;} .schedule-card-info .contact-col-icon-info{background:#e6e9f5;} .join-card-info .contact-col-icon-info{background:#dbf6f2;} .wpcf7-form{float:left; width:100%; position:relative; padding-top:14px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.wpcf7-form .wpcf7-response-output{float:left; min-width:60%; color:#fff; position:absolute; margin:0px; bottom:-56px;width:100%;text-align:center; background:#000; padding:12px 20px; border-radius:8px; font-size:14px; border-color:#b18efb !important;} .wpcf7-form .wpcf7-not-valid-tip{float:left; width:100%; position:absolute; left:0; top:calc(100% - 1px); color:#ff0000;} .wpcf7-form .input-field p{float:left; width:100%;} .wpcf7-form-control-wrap{float:left; width:100%; position:relative;} .wpcf7-form .button-bar p{position:relative;} .wpcf7-form .wpcf7-spinner{padding:0; margin:auto; position:absolute; right:6px; top:0; bottom:0;} /****** Contact Support End ******/ /****** Talk to Us Start ******/ .talk-to-us-outer{float:left; width:100%;} .talk-to-us-inner{float:left; width:100%;} .section-talk-to-us .section-inner{background:#f9f9f9; } .contact-form-header{float:left;width:100%;margin-bottom:48px;} .contact-form-title{float:left;width:100%;font-size:36px;color:rgba(0, 0, 0, 1);font-weight:bold;margin-bottom:8px;text-transform:uppercase;} .contact-form-text{float:left;width:100%;font-size:20px;color:rgba(0, 0, 0, 0.8);} .form-block{float:left;width:100%;} .form-row{float:left;width:100%;display:flex;gap:40px;} .form-col{float:left;flex:1;} .form-group{float:left;width:100%;margin-bottom:24px;} .input-label{float:left;width:100%;font-size:20px;margin-bottom:8px;} .asterisk{color:#000000;} .talk-to-us-inner textarea.form-control{resize:vertical;height:200px;padding-top:12px;} /****** Talk to Us End ******/ /****** Our Location Start ******/ .section-our-location .section-inner{padding:70px 0 120px; position:relative; z-index:2; background:#ffffff;} .section-our-location .section-inner::before{position:absolute; content:''; top:auto; right:auto; z-index:-1; bottom:14%; left:-22%; height:50%; width:40%; background:rgba(84, 212, 195, 0.5); filter:blur(100px);} .our-location-outer{float:left; width:100%;} .our-location-inner{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .our-location-inner .col{float:left;width:50%;} .our-location-img-info{float:left; width:100%;} .our-location-img{float:left; width:100%;} .our-location-img img{float:left; width:100%;} .our-location-title-info{float:left; width:100%;} .our-location-title{float:left; width:100%; font-size:46px; line-height:1.25em; font-weight:700; color:var(--clr-base);} .our-location-inner .sec-badge-info{margin-bottom:26px;} .contact-list-info{float:left; width:100%; display:flex; align-items:center; margin-top:36px;} .contact-list-outer{float:left; width:100%; max-width:520px;} .contact-list{float:left; width:100%;} .contact-list-item{float:left; width:100%; border-radius:10px; margin-bottom:20px; padding:30px; gap:4px; background:#ffffff; border:1px solid #d5d5d5; filter: drop-shadow(0px 1px 4.5px rgba(0,0,0,0.31));; display:flex; flex-direction:column; align-items:center; justify-content:center;} .contact-list-item:last-child{margin-bottom:0;} .contact-list-item-title{float:left; width:100%; font-size:28px; font-weight:600; line-height:1.45em; color:var(--clr-base);} .contact-list-item-title span{line-height:1.45em;} .contact-list-item-text{float:left; width:100%; font-size:22px; line-height:1.45em; color:rgba(0,0,0,0.8); display:flex; flex-direction:column; gap:14px;} .contact-list-item-text span{line-height:1.45em;} /****** Our Location End ******/ /* Breadcrumb Section Start*/ .section-breadcrumb .slider-over{padding:240px 0px 90px;background-position: center center;} .section-breadcrumb .section-inner{padding:0px;background-size:100%;} .breadcrumb-outer{float:left; width:100%;} .breadcrumb-inner{float:left; width:100%;} .breadcrumb-block{float:left; width:100%;} .breadcrumb-title{float:left; width:100%;text-align:center;color:#ffffff;font-size:64px;font-weight:700;margin-bottom:36px;} .breadcrumb-title span{color:#38cdb9;} .breadcrumb-desc{float:left; width:100%;display:flex;justify-content:center;} .breadcrumb-text{float:left; width:100%;max-width:920px;text-align:center;color:#ffffff;font-size:24px;font-weight:400;line-height:1.5em;} /* Breadcrumb Section End*/ /* Grid Listing */ .grid-row{--column-gap:18px;float:left;width:100%;display:flex;gap:0px var(--column-gap);flex-wrap:wrap;} .grid-col{min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));float:left} /* Button Bar */ .button-bar{float:left;width:100%;} .button-bar-inner{float:left;width:100%;display:flex;justify-content:center;} .button-bar-inner .btn{width:auto;} .left-btn-bar .button-bar-inner{justify-content:flex-start;} /* Articles Page Start*/ .section-article .section-inner{padding:120px 0px;} .article-outer{float:left;width:100%;} .article-inner{float:left;width:100%;} .article-inner .grid-row{--column-gap:18px;gap:calc(var(--column-gap) * 2) var(--column-gap);--column-count:3;} .article-inner .button-bar{margin-top:60px;} .article-info{float:left;width:100%; height:100%;} .article-wcard{float:left;width:100%;padding:30px;border-radius:20px;box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.08); background:var(--bg-body); height:100%;} .article-card{float:left;width:100%;} .article-head{float:left;width:100%;} .article-figure{float:left;width:100%;border-radius:20px;overflow:hidden;} .article-image{float:left;width:100%;} .article-body{float:left;width:100%;} .article-information{float:left;width:100%;display:flex;align-items:center;font-size:16px;color: rgba(0, 0, 0, 0.70);padding-top:16px;gap:10px;} .read-date,.post-date{float:left;} .article-detail{float:left;width:100%;padding:12px 0px 0px;} .article-title{float:left;width:100%;font-size:30px;font-weight:bold;margin-bottom:12px;line-height:1.2em;} .article-text{float:left;width:100%;font-size:16px;font-weight:normal;margin:0px;line-height:normal;color: rgba(0, 0, 0, 0.80);} .article-link-block{float:left;width:100%;margin-top:20px;} .article-link{float:left;color:#38cdb9;font-size:16px;text-decoration:underline;} /* Articles Page End*/ /* Stories Page Start*/ .section-stories .section-inner{padding:120px 0px;} .stories-outer{float:left;width:100%;} .stories-inner{float:left;width:100%;} .stories-inner .grid-row{--column-gap:18px;gap:calc(var(--column-gap) * 2) var(--column-gap);--column-count:3;} .stories-inner .button-bar{margin-top:60px;} .stories-info{float:left;width:100%; height:100%;} .stories-wcard{float:left;width:100%;padding:30px;border-radius:20px;box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.08); background:var(--bg-body); height:100%;} .stories-card{float:left;width:100%;} .stories-head{float:left;width:100%;display:flex;min-height:120px;align-items:center;} .stories-figure{float:left;max-width:100%;} .stories-image{float:left;width:100%;} .stories-body{float:left;width:100%;} .stories-detail{float:left;width:100%;padding:12px 0px 0px;} .stories-title{float:left;width:100%;font-size:30px;font-weight:bold;margin-bottom:12px;line-height:1.2em;} .stories-text{float:left;width:100%;font-size:16px;font-weight:normal;margin:0px;line-height:normal;color: rgba(0, 0, 0, 0.80);} .stories-link-block{float:left;width:100%;margin-top:20px;} .stories-link{float:left;color:#38cdb9;font-size:16px;text-decoration:underline;} .success-story-content-block, .blog-detail-content-block{padding:100px 0px;} .success-story-content-block .stories-text p, .blog-detail-content-block .article-text p{float:left; width:100%; font-size:16px;} .success-story-content-block .stories-text p + p, .blog-detail-content-block .article-text p + p{margin-top:20px;} /* Stories Page End*/ /* Pages Banner Start*/ .section-page-hero .section-inner{padding:0px;padding-top:0px!important} .page-slider-over{display:flex;align-items:center;background-image:var(--bg-image);background-size:cover;padding:230px 0px 80px;background-position:top center;background-repeat:no-repeat; } .page-hero-outer{float: left;width: 100%;} .page-hero-inner{float: left;width: 100%;} .page-hero-row-block{float: left;width: 100%;display: flex;} .page-hero-col{float: left;width: 50%;} .page-hero-content {float: left;width: 100%;padding:0px 20px 0px 0px;} .page-banner-sm{float:left;width:100%;padding-bottom:12px;} .page-banner-sm span{position:relative;font-size:24px;font-weight:500;padding:0px 0px 8px;text-transform:uppercase;color:#ffffff;float:left;} .page-banner-sm span:after{background-image:url(../image/page-highlighter.webp);background-repeat:no-repeat;content:'';position:absolute;left:0px;top:100%;width:73px;height:12px;} .page-banner-title{float:left;width:100%;font-size:62px;font-weight:bold;color:#ffffff;line-height:1.2em;margin-top:24px;} .page-banner-title-label{color:#38cdb9;display:block;} .about-page .page-banner-title-label{display:inline;} .page-banner-text{float:left;width:100%;margin-top:46px;} .page-banner-text-label{float:left;width:100%;font-size:24px;color:#ffffff;line-height:1.5em;} .page-banner-text-label + .page-banner-text-label{margin-top:20px;} .page-banner-actions {float: left;width: 100%;display: flex;gap: 16px;margin-top:46px;flex-wrap:wrap;} .page-banner-actions-col {float: left;display: inline-flex;align-items: center; } .page-banner-actions-col .btn {float: left;font-weight: 500; } .page-hero-right .page-figure-box{right:0px;width:calc(100% + 75px);} .page-figure-box .figure-box-item-2{filter:drop-shadow(0 4px 15px rgba(56,204,185,0.4));} /* Pages Banner End*/ /* about Page */ .about-page .page-figure-box{margin-bottom:-104px;} .about-page .section-page-hero .section-inner{padding-bottom:104px;} .about-page .page-figure-box .figure-box-item-2{filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));} .about-page .page-slider-over{padding-bottom:0px!important;} .about-page .mid-wrapper{overflow:hidden;} /* Contact Page */ .contact-page .page-figure-box{margin-bottom:-104px;} .contact-page .section-page-hero .section-inner{padding-bottom:104px;} .contact-page .page-slider-over{padding-bottom:0px!important;} /* Information Section CSS Start (Common for Privacy-Policy and Terms of Service */ .section-information .section-inner{padding:50px 0;} .information-card{margin-bottom:0;} .information-wcard{padding:0px;} .information-content{float:left; width:100%; margin-bottom:14px;} .information-content:last-child{margin-bottom:0;} .information-content h1{float:left; width:100%; font-size:32px; font-weight:600; line-height:1.5em; margin-bottom:6px;} .information-content h2{float:left; width:100%; font-size:24px; font-weight:600; line-height:1.5em; margin-bottom:6px;} .information-content p{float:left; width:100%; font-size:16px; line-height:1.4em; margin-bottom:18px;} .information-content ul li p{margin-bottom:0px;} .information-content p + ul{margin-top:-8px;} .information-content ul{float:left; width:100%; padding-left:40px; margin-bottom:10px;} .information-content ul li{float:left; width:100%; font-size:16px; line-height:1.4em; margin-bottom:8px; list-style-type:disc;} .information-content ul li a{transition:0.3s ease all;} .information-content ul li a:hover{color:#278b7e;} .information-content h3{float:left; width:100%; font-size:24px; font-weight:600; line-height:1.5em; margin-bottom:6px;} .information-content h1 strong, .information-content h2 strong, .information-content h3 strong, .information-content h4 strong{font-weight:600;} /* Information Section CSS End */ /* active color on active class */ footer .active span{color:#38ccb9;} /* empty success stories */ .empty_stories{font-size:20px; text-align:center; margin:auto;} /* Hire Us Page CSS Start */ .section-page-hero.hire-us-page-hero .page-slider-over{background-position:right bottom; position:relative;} .hire-us-page-hero .page-slider-over{padding:50px 0px 226px;} .hire-us-page-hero .page-hero-inner{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;} .hire-us-page-hero .brand-logo{max-width:376px; margin:0 auto 90px;} .hire-us-page-hero .page-hero-content{text-align:center; padding:0px;} .hire-us-page-hero .page-banner-sm{display:flex; justify-content:center;} .hire-us-page-hero .page-banner-sm span:after{display:none;} .badge-label .icon{max-width:30px; float:left; width:100%;} .badge-label, .page-banner-sm span.badge-label{display:flex; align-items:center; gap:6px 20px; text-transform:inherit; padding:7px 30px; background:rgb(56, 205, 185, 0.2); border-radius:30px; font-weight:400; font-size:22px;} .hire-us-page-hero .page-banner-text{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;} .hire-us-page-hero .page-banner-text-label{max-width:1080px; margin:auto;} .hire-us-page-hero .page-banner-actions{justify-content:center; margin-top:75px;} .hire-us-page .btn.btn-lg{height:74px; font-size:24px; font-weight:700;} .section-info-site .section-inner{padding:0px; margin-top:-110px;} .info-site-list-row{--column-gap:44px;} .info-site-card{float:left; width:100%; padding:60px 10px 50px; height:100%; box-shadow:6px 13px 21px rgba(26, 127, 113, 0.12); border-radius:18px; background:#fff; position:relative; overflow:hidden;} .info-site-card .card-icon{--icon-size:140px; position:absolute; top:0; left:0; margin:0px;} .info-site-card .card-icon:before{--circle-size:164px; bottom:auto; top:-50px; left:-20px;} .info-site-card .card-figure{top:10px;} .info-site-card .card-figure img{max-width:78px;} .card-label{float:left; width:100%; text-align:center; font-size:52px; line-height:0.85em; font-weight:700; margin-bottom:20px;} .info-site-card .card-pre{float:left; width:100%; text-align:center; font-size:24px; font-weight:500;} .section-formula .section-inner{padding:150px 0px 110px; position:relative;} .section-formula .section-content-block{position:relative; z-index:1;} .section-formula .section-inner:before, .section-formula .section-inner:after{content:""; position:absolute; left:0; bottom:0; margin:0; width:100%; height:100%; background:url(../image/sec-bg-1.webp) no-repeat left center; pointer-events:none; user-select:none;} .section-formula .section-inner:after{left:auto; right:0; background:url(../image/sec-bg-2.webp) no-repeat right center;} .section-formula .section-text{display:flex; flex-direction:column; justify-content:flex-end;} .section-formula .section-text .section-pre{color:var(--clr-base-light); max-width:860px; text-align:center; line-height:1.5em; margin:0 auto 20px;} .formula-list-row{margin-top:50px; --column-gap:16px;} .formula-card{float:left; width:100%; height:calc(100% - (var(--icon-size) / 2)); --icon-size:140px; margin-top:calc(var(--icon-size) / 2); padding:0px 20px 30px; background:var(--bg-card); border:1px solid var(--clr-theme); border-radius:var(--card-radius); box-shadow:var(--shadow-card);} .card-icon-block{float:left; width:100%; display:flex; justify-content:center; margin-top:calc((var(--icon-size) / 2) * -1);} .card-icon-figure{display:flex; align-items:center; justify-content:center; padding:31px; float:left; width:var(--icon-size); height:var(--icon-size); background:var(--clr-theme); border-radius:100%;} .card-icon-figure img{float:left; width:100%;} .card-cont-block{float:left; width:100%; margin-top:50px;} .card-title{float:left; width:100%; font-size:28px; font-weight:700; line-height:1.2em; color:var(--clr-base); margin-bottom:20px;} .card-pre-text{float:left; width:100%; font-size:18px;} .card-list{float:left; width:100%; margin-top:26px;} .card-list li{float:left; width:100%; margin-bottom:20px; position:relative; padding-left:30px;} .card-list li:before{content:"\e925"; position:absolute; left:0; top:0; color:var(--clr-theme); font-family:'icon'; font-size:22px;} .card-list li:last-child{margin-bottom:0px !important;} .card-list-pre{float:left; width:100%; font-size:18px; font-weight:500; line-height:1.3em;} .section-text-bottom{margin-top:65px;} .section-formula .section-text.section-text-bottom .section-pre{font-size:36px; font-weight:600; line-height:1.5em; max-width:100%; color:var(--clr-base); margin:0px;} .section-text-bottom .section-pre .text-highlight{color:var(--clr-base); background:var(--clr-theme); padding-right:30px;} .formula-actions{float:left;width:100%;display:flex; gap:16px;margin-top:56px;flex-wrap:wrap; justify-content:center;} .formula-actions-col{float:left;display:inline-flex;align-items:center;} .hire-us-page .footer-warp-inner{padding:50px 0px 40px;} .hire-us-page .footer-widget-logo{margin-bottom:0px;} /****** How it Works Start ******/ .section-hire-how-it-works{overflow:hidden;} .section-hire-how-it-works .section-inner{padding:85px 0 114px; background:#f9f9f9; position:relative;} .section-hire-how-it-works .section-inner::before{position:absolute; content:''; top:auto; right:0; bottom:0; left:0; margin:0 auto; height:20%; width:40%; background:rgba(84, 212, 195, 0.35); filter:blur(100px);} .hire-how-it-works-outer{float:left; width:100%;} .hire-how-it-works-inner{float:left; width:100%; --icon-top:60px;} .hire-how-it-works-content{float:left; width:100%; margin-bottom:calc(var(--icon-top) * 4);} .hire-how-it-works-content .sec-intro{text-align:center; position:relative; z-index:3;} .hire-how-it-works-content .section-pre{color:var(--clr-base-light); text-align:center;} .hire-how-it-step-row{float:left; width:100%; display:flex; justify-content:space-between; position:relative; z-index:2; --col-space:85px; margin-bottom:var(--col-space);} .hire-how-it-step-col.hire-how-it-col-two{position:relative; top:130px;} .hire-how-it-step-col.hire-how-it-col-three{position:relative; top:-96px;} .hire-how-it-step-col.hire-how-it-col-four{position:relative; top:106px;} .hire-how-it-step-col.hire-how-it-col-one .hire-how-it-step-item::before{position:absolute;content:'';top: calc(var(--icon-top) * -6.6);right:0;bottom:auto;left: 27.2%;z-index:-1;background:url('../image/hire-how-it-line-1.webp') no-repeat bottom;height:100%;width: 116%;background-size:100% auto;} .hire-how-it-step-col.hire-how-it-col-two .hire-how-it-step-item::before{position:absolute;content:'';top: calc(var(--icon-top) * -8);right:0;bottom:auto;left: 61.5%;z-index:-1;background:url('../image/hire-how-it-line-2.webp') no-repeat bottom;height:100%;width: 106%;background-size:100% auto;} .hire-how-it-step-col.hire-how-it-col-three .hire-how-it-step-item::before{position:absolute;content:'';top: calc(var(--icon-top) * -6);right:0;bottom:auto;left: 64.2%;z-index:-1;background:url('../image/hire-how-it-line-3.webp') no-repeat bottom;height:100%;width: 106%;background-size:100% auto;} .hire-how-it-step-col{float:left;width:auto;} .hire-how-it-step-item{float:left; width:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:calc(var(--icon-top) * 0.8); position:relative;} .hire-how-it-card-outer{float:left; width:100%; position:relative;} .hire-how-it-card{float:left; --icon-size:310px; height:100%; position:relative; --card-size:350px; width:var(--card-size); min-width:var(--card-size); max-width:var(--card-size); border-radius:20px; filter:drop-shadow(0px 10px 17.5px rgba(0,0,0,0.08)); background:#ffffff;} .hire-how-it-card-head{float:left; width:100%; display:flex; justify-content:center; align-items:center; top:calc(var(--icon-top) * -0.4); position:absolute; z-index:1;} .hire-how-it-col-three .hire-how-it-card-head{top:calc(var(--icon-top) * -0.5);} .hire-how-it-col-four .hire-how-it-card-head{top:calc(var(--icon-top) * -0.3);} .hire-how-it-card-head-inner{float:left; width:100%; display:flex; justify-content:center; align-items:center;} .hire-how-it-card-icon{float:left; width:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size);} .hire-how-it-card-icon img{float:left; width:100%;} .hire-how-it-card-body{float:left; width:100%; padding:calc(var(--icon-size) / 1.55) 22px 28px;} .hire-how-it-col-one .hire-how-it-card-body{padding-top:calc(var(--icon-size) / 1.3);} .hire-how-it-col-two .hire-how-it-card-body{padding-top:calc(var(--icon-size) / 1.45);} .hire-how-it-card-data{float:left; width:100%;} .hire-how-it-card-label{float:left; width:100%; font-size:30px; font-weight:600; line-height:1.2em;} .hire-how-it-card-text{float:left; width:100%; font-size:22px; line-height:1.2em; color:rgba(0,0,0,0.8); padding-top:20px;} .hire-how-it-num-outer{float:left; --icon-size:90px; width:var(--icon-size); min-width:var(--icon-size); height:var(--icon-size); border-radius:50%; background:#54d4c3; display:inline-flex; justify-content:center; align-items:center; position:relative;} .hire-how-it-num{float:left; width:100%; font-size:57px; color:#000000; font-weight:800; display:inline-flex; justify-content:center; align-items:center;} .hire-how-it-step-col.hire-how-it-col-one .hire-how-it-step-item{align-items:flex-start;} .hire-how-it-step-col.hire-how-it-col-one .hire-how-it-num-outer{margin-left:40px;} /****** How it Works End ******/ /****** Real Results CSS Start ******/ .section-real-results .section-pre{color:var(--clr-base-light); text-align:center;} .section-real-results .section-inner{padding-top:120px; position:relative;} .section-real-results .section-inner::before{position:absolute; content:''; top:auto; right:0; bottom:-16%; left:20%; height:30%; width:30%; background:rgba(84, 212, 195, 0.3); filter:blur(100px);} .real-results-outer{float:left; width:100%;} .real-results-inner{float:left; width:100%;} .real-results-row{float:left; width:100%; display:flex; justify-content:center; gap:20px; margin-top:80px;} .real-results-col{float:left; width:100%;} .real-results-card{float:left; width:100%; --icon-size:124px; height:100%; padding-top:calc(var(--icon-size) / 2);} .real-results-card-inner{float:left; width:100%; position:relative; height:100%;} .real-results-card-head{float:left; width:100%; display:flex; justify-content:center; align-items:center; top:calc(var(--icon-size) * -0.4); position:absolute; z-index:1;} .real-results-card-head-inner{float:left; width:var(--icon-size); height:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size); border-radius:50%; background:#38ccb9; border:6px solid #feffff;} .real-results-card-icon{float:left; width:100%; padding:4px;} .real-results-card-icon img{float:left; width:100%;} .real-results-col:nth-child(4) .real-results-card-icon{padding-bottom:0; margin-bottom:-4px;} .real-results-card-body{float:left; width:100%; padding:calc(var(--icon-size) / 1.2) 40px 40px; background:url('../image/real-results-bg.webp') no-repeat center; background-size:100% 100%; height:100%;} .real-results-card-data{float:left; width:100%;} .real-results-card-title{float:left; width:100%; font-size:52px; font-weight:700; line-height:1.2em; text-align:center; color:var(--clr-white);} .real-results-card-text{float:left; width:100%; font-size:24px; font-weight:500; line-height:1.2em; text-align:center; color:var(--clr-white);} /****** Real Results CSS End ******/ /****** Ready to Grow CSS Start ******/ .section-ready-to-grow{overflow:hidden;} .section-ready-to-grow .section-inner{padding:0;} .section-ready-to-grow .section-content-block{background:#1e201f; position:relative; z-index:2;} .section-ready-to-grow .section-content-block::before{position:absolute; content:''; z-index:-1; top:auto; pointer-events:none; right:auto; bottom:0; left:0; background:url('../image/ready-to-grow-bg.webp') no-repeat center; height:100%; width:100%;} .ready-to-grow-card .section-pre{text-align:center;} .ready-to-grow-outer{float:left; width:100%;} .ready-to-grow-card{float:left; width:100%;} .ready-to-grow-card-inner{float:left; width:100%;display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:76px 0;} .support-card-title{text-align:center; color:#ffffff;} .support-card-title span{display:block;} .ready-to-grow-actions{float:left; width:auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px;} .ready-to-grow-actions-col{float:left; width:auto;} .ready-to-grow-actions .btn-info:hover{background:var(--primary-btn); color:var(--primary-text);} /****** Ready to Grow CSS End ******/ /****** Author CSS Start ******/ .section-author .section-inner{padding-bottom:120px; position:relative;} .section-author .section-inner::before{position:absolute; content:''; top:auto; right:20%; bottom:-16%; left:auto; height:30%; width:30%; background:rgba(84, 212, 195, 0.3); filter:blur(100px);} .author-card-outer{float:left; width:100%;} .author-card{float:left; width:100%; display:flex; justify-content:center; align-items:center; position:relative; z-index:2; border-radius:30px; filter:drop-shadow(0px 10px 17.5px rgba(0,0,0,0.08)); background:#ffffff; border:1px solid #38ccb9; position:relative; filter: drop-shadow(0px 10px 17.5px rgba(0,0,0,0.08)); overflow:hidden;} .author-card::after{position:absolute; pointer-events:none; content:''; top:0; right:0; bottom:0; left:auto; z-index:-1; background:url('../image/author-bg-icon.webp') no-repeat right; background-size:contain; height:100%; width:100%;} .author-details{float:left; width:100%; padding:76px 40px 70px 140px; position:relative;} .author-details::before{position:absolute; content:''; top:37px;left:27px; background:url('../image/quote-icon-one.webp') no-repeat left; background-size:contain; height:76px; width:97px;} .author-details::after{position:absolute; content:''; bottom:38px;right:-45px; background:url('../image/quote-icon-two.webp') no-repeat left; background-size:contain; height:50px; width:66px;} .author-content{float:left; width:100%; position:relative;} .author-text{float:left; width:100%; font-size:28px; font-weight:400; font-style:italic; color:#040404;} .author-info{float:left; width:100%; margin-top:52px;} .author-name{float:left; width:100%; font-size:30px; font-weight:700; line-height:1em; color:#040404;} .author-designation{float:left; width:100%; font-size:26px; color:#6f6f6f; font-weight:400; padding-top:10px;} .author-thumbnail{float:right; min-width:400px;} .author-fig-outer{float:left; --img-size:315px; height:var(--img-size); width:var(--img-size); min-width:var(--img-size); max-width:var(--img-size); border-radius:50%; background:#ffffff; padding:10px; filter: drop-shadow(8.918px 8.03px 3px rgba(5,112,98,0.21));} .author-fig{float:left; width:100%; border:3px solid #38ccb9; border-radius:50%;} .author-fig img{float:left; width:100%; border-radius:50%;} /****** Author CSS End ******/ /* Hire Us Page CSS End */ /****** Help docs page CSS Start ******/ /* Dashboard Header */ .dashboard-header{float:left;width:100%;} .header-info{float:left;width:100%;padding:20px 24px;background:var(--bg-white);} .dashboard-header .header-info{background:#181c21;} .header-inner{float:left;width:100%;display:flex;align-items:center;justify-content:center;} .header-left{float:left;width:100%;} .header-logo{float:left;width:186px;} .header-logo-fig{float:left;width:100%;} .header-logo-fig img{float:left;width:100%;} .header-right{float:right;width:100%;} .header-right-inner{float:left;width:100%;display:flex;justify-content:flex-end;align-items:center;} .btn.back-btn{width:auto; border:1px solid var(--clr-theme); background:transparent; font-size:16px; color:var(--clr-theme); gap:6px; text-transform:inherit; padding:0px 14px; height:44px;} .btn.back-btn .icon{color:var(--clr-theme); transition:all 0.3s ease 0s;} .btn.back-btn:hover{background:#38cdb9;color:var(--clr-base);} .btn.back-btn:hover .icon{color:var(--clr-base);} /* Dashboard Intro Section */ .intro-section{float:left;width:100%;padding:94px 0px;position:relative;display:flex;overflow:hidden;background:#181b20;} .intro-section::before{position:absolute;content:'';top:auto;right:auto;bottom:calc(var(--y-space) * -2);--x-space:60%;--y-space:60px;left:calc(var(--x-space) * -1);filter:blur(100px);background:radial-gradient(rgba(56, 205, 185, 1), rgba(56, 205, 185, 0.6));height:calc(50% + var(--y-space));width:calc(100% + var(--x-space));border-radius:50%;} .intro-banner-inner{float:left;width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;} .intro-content{float:left;width:100%;} .intro-cnt-title{float:left;width:100%;text-align:center;} .intro-title-label{float:left;width:100%;font-size:46px;color:#ffffff;font-weight:700;margin-bottom:16px;} .intro-title-pre{float:left;width:100%;font-size:18px;color:#ffffff;font-weight:400;} .intro-search{float:left;width:100%;display:flex;justify-content:center;} .intro-searchbar{float:left;width:100%;max-width:640px;} .intro-searchbar .form-group{margin-bottom:0;} .intro-searchbar .form-control{background:#ffffff;height:50px;font-size:18px;padding-right:42px;border:none;} .intro-searchbar .search-icon { position:absolute;top:0px;right:0px;bottom:0px;left:auto;display:flex ;align-items:center; background:var(--clr-theme);width:42px;border-radius:0px 8px 8px 0px;justify-content:center;font-weight:700;cursor:pointer;} .intro-searchbar .search-icon .icon{font-size:24px;color:#000000;} .helpdesk-section .section-inner{padding:100px 0px 60px;} .help-docs-grid{row-gap:18px;} .grid-col-4{--column-count:calc(12 / 4);} .helpdesk-wcard{padding:12px 16px 28px;border-radius:20px; height:100%; box-shadow:var(--shadow-card);} .helpdesk-content{float:left;width:100%;} .hc-card-header{float:left;width:100%;} .hc-card-title{float:left;width:100%;padding:8px 4px 16px;margin-bottom:8px;border-bottom:1px solid #d5d5d5;} .hc-card-title-label{float:left;width:100%;font-size:24px;font-weight:600;color:var(--clr-base);} .hc-card-body{float:left;width:100%;padding:4px 0px 12px;font-family:var(--font-base);} .hc-listing{float:left;width:100%;} .hc-list{float:left;width:100%;} .hc-item{float:left;width:100%;} .hc-item + .hc-item{border-top:1px solid #f5f5f5;} .hc-item-inner{float:left;width:100%;position:relative;border-radius:4px;padding-right:16px;} .hc-item-inner:hover{background:#f9f9fb;} .hc-item-inner .hc-item-label{float:left;width:100%;padding:16px 4px;font-size:16px;font-weight:500;color:var(--clr-base);} .hc-item-inner:hover .hc-item-label{text-decoration:underline;} .hc-item-inner:after{position:absolute;content:"\e9c0";right:6px;font-size:12px;color:var(--clr-action);font-family:'icon';display:flex;height:100%;top:auto;bottom:auto;align-items:center;} .helpdesk-content-block{height:100%;} .helpdesk-content{display:flex; flex-direction:column; height:100%;} .helpdesk-info{height:100%; margin-bottom:0;} .helpdesk-info .card-base{height:100%;} .show-more-btn.btn .icon{font-size:16px;} .help-wcard{padding:30px 16px 30px;border-radius:calc(var(--card-radius) / 2);} .help-card-header{float:left;width:100%;} .help-card-title{float:left;width:100%;padding:8px 4px 14px;} .help-card-title-label{float:left;width:100%;font-size:24px;font-weight:600;color:var(--clr-base);} .help-title-icon{display:none;} .hc-item-btn{float:left; width:100%; margin-top:auto;} .help-inner{float:left;width:100%;} .help-card-body{float:left;width:100%;padding:4px 0px;font-family:var(--font-base);} .help-listing{float:left;width:100%;} .help-list{float:left;width:100%;} .help-item{float:left;width:100%;} .help-item + .help-item{margin-top:14px;} .help-info.wcard{border-radius:20px;} .help-item-inner{float:left;width:100%;position:relative;border-radius:10px;padding-right:16px; position:relative;} .help-item-inner:hover::before{position:absolute; content:''; top:0; left:0; height:100%; width:6px; background:rgba(56, 205, 185, 1); border-top-left-radius:10px; border-bottom-left-radius:10px;} .help-item-inner.active::before{position:absolute; content:''; top:0; left:0; height:100%; width:6px; background:#38cdb9; border-top-left-radius:10px; border-bottom-left-radius:10px;} .help-item-inner:hover{background:#f9f9fb;} .help-item-inner.active{background:rgba(56, 205, 185, 0.2);} .help-item-inner .help-item-label{float:left;width:100%;padding:12px 6px 12px 18px;font-size:16px;font-weight:500;color:var(--clr-base); line-height:1.2em;} .help-row{float:left; width:100%; display:flex; gap:30px; padding:0px;} .help-col-left{float:left; --left-size:350px; min-width:var(--left-size); width:var(--left-size); max-width:var(--left-size);} .help-col-right{float:left; width:100%;} .help-content-wcard{padding:10px;} .help-card-info{float:left; width:100%;} .help-card-card-base{float:left; width:100%;} .help-content{float:left;width:100%;} .help-content-body{float:left; width:100%;} .help-button-bar{margin-top:50px;} .help-content-inner{float:left; width:100%; padding-top:4px;} .help-content-inner + .help-content-inner{padding-top:50px; margin-top:50px; border-top:1px solid #d5d5d5;} .help-content-header{float:left;width:100%;} .help-content-title{float:left;width:100%;padding:8px 4px 10px;} .help-content-title-label{float:left;width:100%;font-size:24px;font-weight:600;color:var(--clr-base);} .help-content-inner h2{float:left; width:100%; font-size:28px; font-weight:500; line-height:1.5em; margin-bottom:12px;} .help-content-inner h3{float:left; width:100%; font-size:20px; font-weight:600; line-height:1.5em; margin-bottom:6px;} .help-content-inner h4{float:left; width:100%; font-size:18px; font-weight:600; line-height:1.5em;} .help-content-inner p{float:left; width:100%; font-size:16px; line-height:1.6em; margin-bottom:18px;} .help-content-inner p:last-child{margin-bottom:0;} .help-content-inner p span{font-weight:600;} .help-content-inner p span.highlight{font-weight:normal; color:#38cdb9;} .help-content-inner ul li p { margin-bottom: 0px; } .help-content-inner ul{float:left; width:100%; padding-left:40px; margin-bottom:10px;} .help-content-inner ul li { float: left; width: 100%; font-size: 16px; line-height: 1.4em; margin-bottom: 8px; list-style-type:disc;} .help-content-inner p + ul { margin-top: -8px; } .help-content-inner ul li > p + ul{margin-top:8px; margin-bottom:0;} .help-content-inner ul li > p + ul > li{margin-bottom:0;} .help-content-inner ul.dot-list li{list-style-type:disc;} .help-content-inner ul.num-list li{list-style-type:decimal;} .help-content-inner ul.check-list li{list-style-type:"✔ ";} .help-content-inner ul.circle-list li{list-style-type:circle;} .sticky-block{position:-webkit-sticky; position:sticky; top:100px; z-index:1;} .ui-widget.ui-widget-content.ui-autocomplete{border:none; box-shadow:var(--shadow-card); border-radius:8px; padding:10px;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item{border-bottom:1px solid #d5d5d5; font-family:var(--base-font); font-size:14px; font-weight:500;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:last-child{border-bottom:none;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item > div{padding:7px 10px;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-state-active{border:none; background:var(--primary-btn);} /****** Help docs page CSS End ******/