/* Theme Name: iLnad Author: designstub Author URI: http://www.designstub.com */ /*-------------- * Table of Contents --------------*/ /*----------------- 1. Reset.css 2. Helper Classes 3. Home page banner 4. Pitch Section 5. Features Section 6. Review 7. Pricing 8. Subscribe form 9. Media Queries ------------------*/ /*----- 1. Reset.css -----*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /* vertical-align: baseline;*/ } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* --- Common Styles ---*/ h1 { font-size: 16px; } /*----- Helper Classes -----*/ html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ::-webkit-scrollbar { display: none; } */ h1, h2, h3, h4, h5, h6 { /* font-family: poppins;*/ /* font-family: Roboto Slab;*/ font-family: 'Open Sans', sans-serif; } p { font-family: Open Sans; } ::-moz-selection { color: #FFFFFF; background: #1eb858; } ::selection { color: #FFFFFF; background: #1eb858; } .nopadding { padding: 0; } .custompadding { padding-left: 5px; padding-right: 5px; } .no-margin { margin-right: 0; margin-left: 0; } .underline { display: inline; border-bottom: 3px solid #111; padding-bottom: 0; } .after-line { height: 3px; width: 100px; background: #001CFF; margin-top: -10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .sup-title { display: inline-block; font-size: 1em; padding: 4px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; background: #000000; margin: 0 0 20px 0; } #loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; opacity: 1; background-color: #F2F2F2; z-index: 9999; text-align: center; } #loading-image { display: inline; top: 40%; position: relative; z-index: 9999; } .logo { margin: 0 auto; padding: 0px 0px; z-index: 111; } .logo:hover, .logo:focus { text-decoration: none; color: #FFF; } /* ------ Navbar Styling Starts ----- */ .navbar { font-size: 14px; font-family: Open Sans; font-weight: 400; text-transform: capitalize; padding-top: 15px; letter-spacing: 1px; height: unset; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-backface-visibility: hidden; } .navbar-default { transition: all 0.6s ease; border-color: transparent; background-color: transparent; } .navbar-default .navbar-toggle { border-radius: 0px; border-color: transparent; } .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-default .navbar-toggle .icon-bar { background-color: #111111; } .navbar-default .navbar-brand .navbar-toggle .collapsed { padding: 4px 6px; font-size: 14px; color: #111111; } .navbar-default .navbar-brand { padding-top: 0px; color: #111111; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .navbar-default .navbar-brand:hover { transition: 1s; } .button-demo button { background-color: #1f3965; background: linear-gradient(90deg, #f74e71, #2b4e8a); color: #fff; border: 0px; padding: 10px 15px; border-radius: 30px; } .navbar { margin-bottom: 20px; margin-top: 0px; padding-top: 15px !important; } .button-demo button:hover, .button-demo button:focus { color: #ffffff; background-position: 0% center; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(90deg, #fc4f19, #f6a60d); /* background-image: linear-gradient(105.37deg, #7659FF 0%, #F6425F 50%, #7659FF 100%);*/ } .button-demo a { padding-top: 0px !important; padding-bottom: 0px !important; } .navbar-default .navbar-nav > li > a { font-size: 16px; color: #111111; font-weight: 600; -webkit-transition: all 0.5s; -moz-transition: all 0.5; transition: all 0.5s; } .navbar-default .navbar-nav > li > a:hover { color: #fc4f19; } .navbar-default .navbar-nav > .active > a { background: transparent; color: #222222; } .navbar-default .navbar-nav > .active > a:hover { background: transparent; color: #333333; } .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #111111; } .navbar-default .navbar-collapse { border-color: transparent; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-toggle { color: #111111; } .navbar-default .nav-white > li > a { color: #FFFFFF; } .navbar-default .nav-white > li > a:hover { color: #999999; } .navbar-default .navbar-brand.nav-white { padding-top: 15px; color: #FFFFFF; font-size: 21px; letter-spacing: 1px; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; } /*---------- Media Queries ---------*/ .img-ijn { width: 250px !important; height: 200px; } @media only screen and (max-width: 767px) { .navbar { padding-top: 5px; height: 60px; } .navbar-default { border: 0px; background-color: transparent; } .navbar-default .navbar-collapse { text-align: center; border-color: transparent; background-color: #FFFFFF; } .navbar li { width: 100%; } .navbar-default .navbar-collapse { border: 0; border-color: transparent; position: absolute; width: 100%; } .navbar-default .navbar-nav > li> a { color: #222222; margin-top: 5px; font-size: 16px; } .navbar-default .navbar-nav > li> a:hover { color: #222222; } .navbar-default .navbar-brand { color: #FFFFFF; padding: 16px 15px !important; } .navbar-default .navbar-brand.nav-white { color: #FFFFFF; } .navbar-default .navbar-toggle .icon-bar { background-color: #111111; } } @media only screen and (min-width: 240px) { .navbar.past-main { font-size: 14px; padding-top: 5px; height: 60px; background-color: rgba(255, 255, 255, 0.99); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .navbar-default.past-main .navbar-brand { color: #111111; } .navbar-default.past-main .navbar-toggle .icon-bar { background-color: #111111; } .navbar-default.past-main .navbar-nav > li > a { font-weight: 500; color: #222222; font-size: 18px; -webkit-transition: color 0.5s; transition: color 0.5s; } .navbar-default.past-main .navbar-nav > li > a:hover { color: #111111; } .navbar-default.past-main .navbar-nav > .active > a { background: transparent; color: #5924EC; } .navbar-default.past-main .navbar-nav > .active > a:hover { background: transparent; color: #222222; } .navbar-default.past-main .navbar-nav > .active > a:focus { background: transparent; color: #222222; } } .navbar-default .nav-white .navbar-toggle .icon-bar { background-color: #FFFFFF; } .navbar-default.past-main .nav-white .navbar-toggle .icon-bar { background-color: #111111; } /* ------------------------------------------------------ -------------- Main Section Styling Starts -------------- --------------------------------------------------------*/ #main { height: 100%; } /* ----- Hero Section Styling Starts ----- */ .hero-section { height: 100%; background: #FFFFFF; padding: 150px 0 0 0; } .hero-content { padding: 100px 0 100px 0; overflow: hidden; } .hero-content h1 { font-size: 34px; font-weight: 400; color: #262626; line-height: 1.2; letter-spacing: -1px; margin: 0 0 20px 0; } .hero-content p { font-family: Open Sans; font-size: 14px; color: #A1A1A1; font-weight: 400; line-height: 1.5; margin: 0 0 25px 0; } .btn-action { font-family: Open Sans; background-color: #1eb858; border: 1px solid #1eb858; border-radius: 0; color: #FFFFFF; font-size: 13px; font-weight: 400; letter-spacing: 2px; line-height: 1; padding: 10px 21px; text-transform: uppercase; outline: none; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action:active:focus { background: transparent; outline: none; color: #1eb858; background: transparent; border-color: #1eb858; } .product .btn-action { background-color: transparent; border: 1px solid #82714a; color: #82714a; } .product .btn-action:hover, .product .btn-action:focus { background: #92714A; color: #FFFFFF; border-color: #82714A; } /* ----------- App Home ---------*/ .software .hero-section { padding: 100px 0 0 0; background: #F9F9F9; } .software .hero-content h1 { font-size: 34px; font-weight: 600; color: #444444; margin: 0 0 20px 0; } .software .btn-action { font-family: Arial; background-color: #3f51b5; border: 1px solid #3f51b5; border-radius: 50px; color: #FFFFFF; font-size: 13px; font-weight: 600; letter-spacing: 2px; line-height: 1; padding: 12px 24px; text-transform: uppercase; outline: none; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .software .btn-action:hover, .software .btn-action:focus, .software .btn-action:active, .software .btn-action:active:focus { background: transparent; outline: none; color: #3f51b5; background: transparent; border-color: #3f51b5; } .software .hero-section img { margin: 0 auto; } /*---------------- Form Home Styling ------------------- */ .form .hero-section { background: #fff; background-size: cover; padding: 150px 0 0 0; } .form .hero-content { padding: 50px 0 50px 0; overflow: hidden; } .form img { margin: 0 auto; } .form .hero-content h1 { font-size: 34px; font-weight: 700; color: #222222; line-height: 1.2; letter-spacing: -1px; margin: 0 0 20px 0; } .form .hero-content p { font-family: Open Sans; font-size: 14px; color: #A1A1A1; font-weight: 400; line-height: 1.5; margin: 0 0 25px 0; } .form .sub-form { padding: 30px 0 0 0; text-align: left; } .form .subscribe-form .submit-button { font-size: 0.9em; height: 40px; border: 2px solid; border-radius: 0 5px 5px 0; margin: 0; padding: 0 25px 0 25px; border-color: #1eb858; background-color: #1eb858; color: #FFFFFF; box-shadow: 0 0 1px transparent; outline: none; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; } .form .subscribe-form .submit-button:hover { border-color: #1a9e4c; background-color: #1a9e4c; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; } .form .btn-action { background: #1eb858; border-color: #1eb858; color: #FFFFFF; } .form .btn-action:hover { background: transparent; border-color: #1eb858; color: #1eb858; } /*----------------------------------------------------- -------------- Image Bg Styling Starts ---------------- ------------------------------------------------------*/ .image-bg .hero-section { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url(../images/image-bg.jpg) no-repeat center center; background-size: cover; padding: 150px 0 100px 0; } .image-bg .hero-content h1 { font-weight: 600; color: #FFFFFF; } .image-bg .hero-content p { color: #FFFFFF; } /* ------------ Signup Hero Section ------------ */ .signup .hero-section { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url(../images/app_bg.jpg) no-repeat center center; background-size: cover; padding: 150px 0 100px 0; } .signup .hero-content { padding: 50px 0 100px 0; } .signup .hero-content h1 { font-size: 34px; font-weight: 600; color: #FFFFFF; line-height: 1.2; letter-spacing: 0; } .signup .hero-content p { color: #FFFFFF; } .signup-form { padding: 25px 25px 30px 25px; background: #1eb858; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; text-align: left; } .signup-form h1 { font-weight: 600; font-size: 24px; color: #FFFFFF; letter-spacing: 0; line-height: 1.4; text-transform: capitalize; text-align: center; margin: 20px 0 30px 0; } .signup-form form textarea { height: 100px; } .signup-form form .input-error { border-color: #19b9e7; } .signup-form p { font-family: Open Sans; font-size: 12px; color: #DDDDDD; margin: 25px 0 10px 0; } .form-group { margin-bottom: 20px; } .signup .btn-action.btn-round { background: #1eb858; border-color: #1eb858; color: #FFFFFF; font-size: 15px; padding: 12px 24px; font-weight: 600; text-transform: capitalize; border: 2px solid #1eb858; border-radius: 30px; } .signup .btn-action.btn-round:hover, .signup .btn-action.btn-round:focus { background: transparent; color: #1eb858; border-color: #1eb858; } .signup .btn-action { background: #1eb858; border-color: #1eb858; color: #FFFFFF; } .signup .btn-action:hover { background: transparent; border-color: #1eb858; color: #1eb858; } input[type=text], input[type=tel], input[type=email], textarea, textarea.form-control { height: 45px; margin: 0; padding: 0 20px; vertical-align: middle; background: #F8F8F8; border: 1px solid #DDDDDD; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 50px; color: #000; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } textarea, textarea.form-control { padding-top: 10px; padding-bottom: 10px; line-height: 30px; } input[type="text"]:focus, textarea:focus, textarea.form-control:focus { outline: 0; background: #FFFFFF; border: 1px solid #111; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="text"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; } input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; } input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; } .signup-form button.btn { height: 45px; margin: 0; padding: 0 20px; vertical-align: middle; background: #111111; border: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 45px; color: #FFFFFF; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .signup-form button.btn:hover { opacity: 0.6; color: #FFFFFF; } .signup-form button.btn:active { outline: 0; opacity: 0.6; color: #FFFFFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .signup-form button.btn:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; } .signup-form button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; } @media only screen and (max-width: 991px) { .signup-form { max-width: 500px; margin: 0 auto; } } /*------------------------------------------------------- ---------------- Slider Section Styling ----------------- --------------------------------------------------------*/ .slider-pro .sp-slide { background: #222222; } .slider-pro h2.sp-layer { font-size: 44px !important; color: #111111; font-weight: bold; letter-spacing: -1px; line-height: 1.3; text-align: left; } .slider-pro p.sp-layer { font-size: 16px; color: #A1A1A1; line-height: 1.4; } .slider-pro a { text-decoration: none; color: #444444; -webkit-transition: 0.5s !important; -moz-transition: 0.5s !important; transition: 0.5s !important; } .slider-pro .link-color { text-decoration: none; color: #111; -webkit-transition: 0.5s !important; -moz-transition: 0.5s !important; transition: 0.5s !important; } .slider-pro a:hover { color: #999999; } @media only screen and (max-width: 768px) { .slider-pro h2.sp-layer { font-size: 34px !important; } } /* ----------------------------------------------------- --------------- App Home Styling starts ---------------- --------------------------------------------------------*/ .app .hero-section { padding: 50px 0 0 0; } .app .hero-content { padding: 100px 0 0 0; } .app img { border-radius: 10px; margin: 0 auto; } .app-info h1 { font-size: 34px; font-weight: 600; color: #404040; margin-top: 30px !important; } .app-info h4 { font-family: Open Sans; font-size: 16px; font-weight: 300; color: #3C4B5D; line-height: 1.4; margin-top: 20px; } .app-info i { margin-top: 15px; display: inline-block; } .app-info span { font-family: Open Sans; font-size: 12px; font-weight: 400; color: #222222; } .app-info .ion { font-size: 1em; color: #ff8000; } .download-buttons { margin-top: 25px; margin-bottom: 25px; } .download-buttons img { margin-left: 5px; margin-right: 5px; } .app .btn-action { color: #FFFFFF; background: #1eb858; border-color: #1eb858; } .app .btn-action:hover { color: #1eb858; background: transparent; border-color: #1eb858; } /*---------------------------------------------------- -------------- Split Home Coming Soon ---------------- -----------------------------------------------------*/ .cs-main .left-section { background-color: #F2F2F2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50%; height: 100%; overflow: hidden; z-index: 1; } .cs-main .right-section { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 20px 0 20px; width: 50%; height: 100%; background: #FFFFFF; z-index: 99; overflow: hidden; overflow-y: auto; } .cs-main .hero-section { padding: 120px 0 0 0; background: #FFFFFF !important; } .cs-main .hero-content { padding: 50px 0 0 0; } .cs-main .app-info h1 { font-weight: 600; font-size: 42px; } .cs-main .left-section { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../images/split-bg.jpg) no-repeat center center; background-size: cover; } @media only screen and (max-width : 801px) { .cs-main .right-section{ position: relative; width: 100%; } .cs-main .hero-section { padding: 50px 0 0 0; } .cs-main .left-section{ position: relative; width: 100%; min-height: 100vh; } } /*------------------------------------------------- ----------- About Section Styling Starts ---------- --------------------------------------------------*/ .about { padding: 100px 0 100px 0; background: #F1F1F1; } .about-content { max-width: 800px; margin: 0 auto; } .about-content h2 { font-family: 'Josefin Sans'; font-size: 24px; line-height: 1.2; color: #111111; } .about-content h3 { font-family: 'Josefin Sans'; font-size: 21px; font-weight: bold; line-height: 1; letter-spacing: 1px; text-transform: capitalize; color: #111111; margin: 50px 0 0 0; } /* ----- Client Sectiion Styling ----- */ .client-section { background-color: #1eb858; padding: 5px 0 0 0; } .clients .single { padding: 15px 0 15px 0; } .clients .single img { /* -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6;*/ } .clients .single img { /*width: 100px;*/ /*height: 100px;*/ /*border-radius: 10px;*/ padding-right: 30px; /*background-color: #0000003b;*/ } .client-section .container-fluid.text-center { display: flex; align-items: center; } /*---------------------------------------------------- ----------- Pitch Section Styling Starts ---------- -----------------------------------------------------*/ .pitch { padding: 100px 0 100px 0; background: #F2F2F2; } .pitch-intro { max-width: 600px; margin: 0 auto; padding: 0 0 100px 0; } .pitch-intro h1 { font-size: 37px; font-weight: 900; line-height: 1.2; letter-spacing: -2px; color: #454545; margin: 0 0 30px 0; } .pitch-intro p { font-family: 'Open Sans'; font-size: 14px; line-height: 1.5; color: #A1A1A1; letter-spacing: 0; } .pitch-icon { margin: 0 0 10px 0; background: #1eb858; width: 60px; height: 60px; display: inline-block; border-radius: 50%; } .pitch-icon i { font-size: 34px; color: #FFFFFF; position: absolute; left: 0; right: 0; top: 13px; } .pitch-content { padding: 10px 0 50px 0; } .pitch-content h1 { font-size: 21px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: #454545; margin: 0 0 10px 0; } .pitch-content p { font-family: 'Open Sans'; font-size: 14px; line-height: 1.5; color: #A1A1A1; letter-spacing: 0; } /*---------------------------------------------------- ----------- Features Icon Styling Starts ------------- -----------------------------------------------------*/ .icon-features { padding: 100px 0 0 0; } .icon-features-intro { padding: 0 0 50px 0; } .icon-features-intro h1 { font-size: 34px; font-weight: 600; letter-spacing: -1px; margin: 0 0 10px 0; text-align: center; } .icon-features-intro p { font-size: 16px; color: #A1A1A1; text-align: center; margin: 0 0 30px 0; } .f-single { position: relative; padding: 10px 0 80px 0; } .f-icon i { font-size: 54px; font-weight: bold; position: absolute; left: 0; } .f-content { padding-left: 80px; } .f-content h2 { font-size: 21px; font-weight: 400; margin: 0 0 10px 0; } .f-content p { font-family: 'Open Sans'; font-size: 14px; font-weight: 300; color: #4D4D4D; line-height: 1.5; text-align: left; } /*---------------------------------------------------- ----------- Features Section Styling Starts ---------- -----------------------------------------------------*/ .features { padding: 25px 0 25px 0; } .features-inner { width: 100%; } .features .features-list { padding: 20px 0 0 0; text-align: center; } .features .features-list h1 { font-size: 26px; font-weight: 400; line-height: 1; color: #222222; margin: 0 0 30px 0; } .features .features-list ul { list-style-type: circle; padding-left: 20px; text-align: center; } .features .features-list ul li { display: block; margin: 0 0 15px 0; font-family: 'Josefin Sans'; font-size: 16px; line-height: 1.2; color: #A1A1A1; } /* ----- App Features List ----- */ .software .features { padding: 100px 0 100px 0; } .software .features .features-list h1 { font-size: 26px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; color: #222222; margin: 20px 0 20px 0; } .software .features-list p { margin: 0 0 25px 0; font-family: 'Josefin Sans'; font-size: 18px; line-height: 1.2; color: #A1A1A1; } .software .features .features-list ul { list-style-type: disc; padding-left: 20px; } .software .features .features-list ul li { font-family: Open Sans; display: block; font-size: 13px; margin: 0 0 15px 0; color: #A1A1A1; } /* --------------- Feature Sub ------------ */ .feature-sub .sub-inner h1 { font-size: 27px; font-weight: 500; line-height: 1.5; color: #FFFFFF; margin: 0 0 30px 0; } .feature-sub .sub-inner .btn-action { color: #FFFFFF; background: #1eb858; border-color: #1eb858; } .feature-sub .sub-inner .btn-action:hover { color: #1eb858; background: transparent; border-color: #1eb858; } .feature-sub { background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(../images/image-bg.jpg) no-repeat center center; background-size: cover; padding: 150px 0 150px 0; } .sub-inner { padding:0 10% 0 10%; text-align:center; float: left; } /* --------- App Features Sub ------- */ .software .feature-sub { background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.99)), url(../images/app_bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 150px 0 150px 0; } .software .feature-sub .sub-inner h1 { font-family: 'Josefin Sans'; font-size: 34px; font-weight: 300; line-height: 1.1; color: #FFF; margin: 0 0 30px 0; } /* -------------------------------------------------- ------------- Reviews Section Styling ---------------- -----------------------------------------------------*/ .app-features { background: #FFFFFF; padding: 100px 0 100px 0; } .app-features h1 { font-size: 37px; font-weight: 700; margin: 0 0 20px 0; color: #1f3965; } .app-features h2 { font-size: 20px; font-weight: 900; margin: 0 0 10px 0; } .app-features p { font-size: 16px; font-weight: 400; color: #A1A1A1; line-height: 1.4; margin: 10px 0 50px 0; } .app-features span { font-size: 13px; font-weight: 400; color: #A1A1A1; line-height: 1.4; font-family: Open Sans; margin: 10px 0 50px 0; } .app-features img { margin: 0 auto; } .app-features .features-left, .app-features .features-right { padding: 50px 0 0 0; } .app-features .icon { margin-top: 0px; cursor: pointer; margin-bottom:0px; } .app-features .icon i { font-size:54px; color: #1eb858; } .app-features .feature-single { margin-left: 0; margin-bottom: 20px; } .app-features .feature-single h1 { font-size: 17px; font-family: 'Open Sans'; font-weight: 600; color: #222222; margin: 0 0 5px 0; } .app-features .feature-single span { font-size: 13px; } .app-features .feature-single p { font-size: 14px; color: #A1A1A1; line-height: 1.4; margin: 10px 0 0 0; } /*------------------------------------------------------- ------------- Split Features Section Styling ------------ --------------------------------------------------------*/ .split-features { background: #F9F9F9; padding: 50px 0 50px 0; overflow: ; } .signup .split-features { background: #F2F2F2; } .split-image img { margin: 0 auto; } .split-content { padding: 20px; text-align: center; } .split-content h1 { font-size: 37px; font-weight: 900; letter-spacing: -2px; margin: 0 0 20px 0; } .split-content p { font-size: 16px; line-height: 1.4; color: #A1A1A1; letter-spacing: 0; } .split-content ul { list-style-type: disc; display: inline-block; margin: 30px 0 0 0; } .split-content ul li { font-family: Open Sans; font-size: 16px; letter-spacing: 0; margin-bottom: 15px; margin-left: 15px; color: #A1A1A1; } .split-features2 { background: #FFFFFF; padding: 50px 0 50px 0; overflow: ; } .second { padding: 120px 10px 50px 350px; } /* -------------------------------------------------- ------------- Reviews Section Styling ---------------- -----------------------------------------------------*/ .review-section { padding: 150px 0 150px 0; text-align: center; background: #F4F4F4; } .reviews { width: 100%; } .review-single img { width:80px; height:80px; } .review-text h3 { font-family: Open Sans; font-size: 16px; font-weight: 300; letter-spacing: 0; line-height: 1.5; color: #000000; } .review-text .ion { display: inline-block; margin-top: 20px; font-size: 14px; color: #ff8000; } .review-text p { font-family: Open Sans; font-size: 14px; font-weight: 300; padding: 20px 10px 20px 10px; letter-spacing: 1px; line-height: 1.5; color: #A1A1A1; } /* -------------------------------------------------- ------------- Pricing Section Styling ---------------- -----------------------------------------------------*/ .pricing { padding: 50px 0 100px 0; } .pricing-content { padding: 60px 0 0 0; text-align: center; } .pricing h1 { font-size: 28px; font-weight: 400; letter-spacing: -1px; line-height: 1.2; } .pricing h4 { font-size: 14px; font-weight: 400; color: #A1A1A1; margin: 10px 0 30px 0; } .pricing p { font-family: 'Open Sans'; font-size: 14px; font-weight: 400; color: #444444; line-height: 1.4; } .pricing .btn-buy { padding: 40px 0 20px 0; } .pricing .btn-buy img { display: inline; } .pricing .price-tag h2 { font-family: 'Josefin Sans'; font-size: 24px; font-weight: 400; color: #A1A1A1; margin: 0 0 20px 0; } /* ----- Pricing Tables Styling Starts ----- */ .pricing-section { width: 100%; height: 100%; padding-top: 100px; padding-bottom: 100px; background: #FFFFFF; } .pricing-intro { padding-bottom: 30px; } .pricing-intro h1 { font-size: 28px; color: #111111; font-weight: 600; line-height: 1.4; } .pricing-intro p { font-size: 15px; color: #303030; font-weight: 300; line-height: 1.4; letter-spacing: 1px; margin-top: 10px; margin-bottom: 50px; } .pricing-section .table-left, .pricing-section .table-right { padding: 20px 20px 50px 20px; margin: 0 auto; margin-bottom: 30px; background-color: #FFFFFF; box-shadow: 0px 0px 80px 0px rgba(0,0,0,.1); border: transparent; max-width: 400px; } .table-left .icon, .table-right .icon { padding: 50px 50px 40px 50px; } .table-left .icon, .table-right .icon { font-size:60px; margin: 0 auto; color:#1eb858; } .table-left .pricing-details span, .table-right .pricing-details span { display: inline-block; font-family: Open Sans; font-size: 28px; font-weight: 400; color: #808080; margin-bottom: 20px; } .table-left .pricing-details h2, .table-right .pricing-details h2 { font-size: 18px; font-weight: 600; color: #505050; margin-bottom: 30px; } .table-left .pricing-details p, .table-right .pricing-details p { font-family: Open Sans; font-size: 14px; font-weight: 300; color: #505050; letter-spacing: 1px; line-height: 1.4; } .table-left .pricing-details ul, .table-right .pricing-details ul { margin-top: 30px; margin-bottom: 50px; } .table-left .pricing-details li, .table-right .pricing-details li { font-family: Open Sans; font-size: 14px; font-weight: 400; color: #505050; line-height: 1.4; margin-bottom: 10px; } .pricing-section .table-left:hover, .pricing-section .table-right:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pricing-section .table-left, .pricing-section .table-right { margin-top: 20px; } .pricing-section .table-center { margin-top: 0; } /* ----- Pricing Section Styling Ends ----- */ /* ----- Counter Section Styling Starts -----*/ .counter-section { width: 100%; padding-top: 50px; padding-bottom: 50px; background: #F1F1F1; } .counter-section h3 { font-size: 28px; font-weight: 400; color: #222222; } .counter-icon { padding: 15px; } .counter-icon i { font-size: 48px; color: #1eb858; } .counter-text { margin-top: 10px; margin-bottom: 20px; } .counter-text h4 { font-size: 16px; font-weight: 400; padding: 0.5em; color: #222222; } /* -------- Counter Section Styling Ends --------- */ /* ----- CTA Section Styling Starts ----- */ .cta-sub { padding-top: 150px; padding-bottom: 150px; background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(../images/cta_bg.jpg) no-repeat center center; background-size: cover; } .cta-inner { text-align:center; float: none; } .cta-sub .cta-inner h1 { font-size: 36px; color: #FFFFFF; font-weight: 900; line-height: 1.2; margin-top: 10px; margin-bottom: 0; letter-spacing:-2px; } .cta-sub .cta-inner p { font-family: Open Sans; font-size: 14px; color: #FFFFFF; font-weight: 300; line-height: 1.4; margin-top: 20px; margin-bottom: 40px; } .subscribe-form { text-align: left; } .center-form { text-align: center; } .subscribe-form .mail { background-color: #F9F9F9; border: none; border-radius: 5px 0 0 5px; outline: none; height: 40px; padding: 0 130px 0 20px; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all .3s; } .subscribe-form input { color: #222222; font-family: Open Sans; padding: 0; font-size: 0.9em; } .subscribe-form .submit-button { font-size: 0.9em; height: 40px; border: 2px solid; border-radius: 0 5px 5px 0; margin: 0; padding: 0 25px 0 25px; border-color: #FFFFFF; background-color: #927f54; color: #FFFFFF; box-shadow: 0 0 1px transparent; outline: none; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; } .subscribe-form .submit-button:hover { border-color: #927f54; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; } .product .subscribe-form .submit-button { border-color: #FFFFFF; background-color: #927f54; } .product .subscribe-form .submit-button:hover { border-color: #927f54; } .error_message { color:#fc6e51; font-family: Open Sans; padding-bottom:15px; font-size:13px; line-height:30px; } #success_page { color:#9ce726; font-family: Open Sans; padding-bottom:10px; font-size:12px; } #success_page h3 { font-size:17px; font-weight:400px; color:#4ab217; } #success_page p { font-size:12px; font-weight:400px; color:#b3b3b3; } /* ----- CTA Section Styling Ends ----- */ /* ------- Footer Section Styling Starts ------- */ .footer { font-family:"Open Sans"; background-color: #F3F3F3; width: 100%; height: 100%; overflow: hidden; padding-top: 75px; padding-bottom: 20px; } .contact { text-align: left; } .contact i { font-size: 42px; color: #1eb858; text-align: left; } .contact h1 { font-size: 21px; font-weight: 400; color: #1eb858; margin: 10px 0 10px 0; text-align: left; } .contact p { font-size: 14px !important; font-weight: 400; color: #111111; line-height: 1.3; margin: 10px 0 20px 0 !important; text-align: left; } .contact a { font-size: 18px; font-weight: 400; color: #1eb858; text-decoration: none; display: inline-block; } .footer img { margin-bottom:0px; } .footer-menu ul { list-style-type: none; } .footer-menu li { display: inline; line-height: 2; font-family: Open Sans; font-size: 14px; padding-right: 15px; text-transform: capitalize; } .footer-menu li a { color: #707570; text-decoration: none; } .footer p { font-size: 13px; font-weight: 400; color: #A1A1A1; line-height: 1.3; margin: 10px 0 0px 0; } .footer-text p { font-family:"Open Sans"; font-size: 12px; color: #1eb858; font-weight: 400; line-height: 1.4; margin-top: 10px; } .product .footer .contact h1, .product .contact i, .product .footer .contact a, .product .footer-text p { color: #927f54; font-family:"Open Sans"; } /* ------------------------------------------------------- ----------- Bact-to-Top Styling Starts Here -------------- ---------------------------------------------------------*/ .back-to-top { background: rgb(252 79 25); margin: 0; position: fixed; bottom: 30px; right: 30px; width: 35px; height: 35px; border-radius: 50%; z-index: 90; display: none; text-decoration: none; color: #0E1729; } .back-to-top i { position: relative; left: 13px; top: 8px; font-size: 24px; color: #FFFFFF; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; } .back-to-top:hover { background: rgb(31 57 101); color: #FFFFFF; } .back-to-top:hover i { top: 6px; } .back-to-top:focus { color: #FFFFFF; } .product .back-to-top { background: rgba(146, 127, 84, 0.5); } .product .back-to-top:hover { background: rgba(146, 127, 84, 0.9); } /*---------------------------------------------------- ------------- All ------------------------------------ --------------------- Media -------------------------- ------------------------------- Queries -------------- -----------------------------------------------------*/ @media only screen and (min-width: 767px) { .logo { position: absolute; top: 20px; left: 20px; } .hero-section { padding: 150px 0 100px 0; } .form .hero-section { padding: 100px 0 100px 0; } .form .hero-content { padding: 100px 0 100px 0; overflow: hidden; } .form .hero-content h1 { font-size: 54px; } .product .hero-content { padding: 150px 0 100px 0; text-align: left; } .hero-content h1 { font-size: 48px; margin: 0 0 20px 0; } .hero-content p { font-size: 14px; } .about-content h2 { font-size: 38px; } .software .hero-content h1 { font-size: 42px; } .image-bg .hero-content h1 { font-size: 54px; } .signup .hero-content h1 { font-size: 48px; } .features .features-list { padding: 100px 0 0 0; text-align: left; } .features .features-list ul li { font-size: 18px; display: list-item; text-align: left; } .software .features { padding: 100px 0 100px 0; } .software .features .features-list h1 { font-size: 34px; } .software .features .features-list { padding: 30px 0 0 0; } .software .features .features-list ul li { display: list-item; font-size: 14px; text-align: left; } .feature-sub { padding: 200px 0 200px 0; } .software .feature-sub .sub-inner h1 { font-size: 42px; } .split-content { padding: 120px 350px 50px 10px; text-align: left; } .split-content h1 { font-size: 37px; } .second { padding: 120px 10px 50px 350px; } .pricing { padding: 100px 0 100px 0; } .pricing-content { text-align: left; } .cta-sub .cta-inner h1 { font-size: 36px; } .contact h1 { font-size: 19px; } .contact p { font-size: 13px !important; } .contact a { font-family:"Open Sans"; font-size: 14px; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .features .features-list { padding: 80px 0 0 0; } .split-content { padding: 100px 100px 50px 50px; text-align: left; } } @media screen and (min-width: 400px) and (max-width: 600px) { .subscribe-form .mail { padding: 0 30px 0 20px; border-radius: 5px 0 0 5px; } .subscribe-form .submit-button { padding: 0 5px 0 5px; border-radius: 0 5px 5px 0; } } @media screen and (max-width: 399px) { .cta-sub { text-align: center; } .subscribe-form { text-align: center; } .subscribe-form .mail { text-align: center; padding: 0 0 0 0; border-radius: 5px 0 0 5px; } .subscribe-form .submit-button { padding: 0 5px 0 5px; border-radius: 0 5px 5px 0; margin-top: 15px; } .form .sub-form .subscribe-form { text-align: left; } .form .sub-form .subscribe-form .mail { text-align: center; padding: 0 0 0 0; border-radius: 5px 0 0 5px; } .form .sub-form .subscribe-form .submit-button { padding: 0 5px 0 5px; border-radius: 0 5px 5px 0; margin-top: 15px; } .back-to-top { right: 10px; } } @media only screen and (min-width: 991px) and (max-width: 1201px) { .app-features .features-left, .app-features .features-right { padding: 0 0 0 0; } .software .features .features-list { padding: 0 0 0 0; } } .wrong-item { /* box-shadow: 0 0px 5px rgba(0,0,0,0.15); -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);*/ transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); } .item { margin-bottom: 12px; border-radius: 0px; } .wrong-item:hover, .wrong-item:active { box-shadow: 0 5px 15px rgba(0,0,0,0.3); background-color: #fff; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /*--------------------------------------------------- ------- Media Queries for Split Layout Ends --------- ---------------------------------------------------*/ .client-section h2 { color: #333333; text-align: left; font-size: 25px; font-weight: 600; line-height: normal; } .client-section-heading { display: flex ; height: 100%; gap: 0px; align-content: center; justify-content: space-between; flex-direction: column; align-items: center; } .client-section { background-color: #fafafa; /* background-image: linear-gradient(90deg, #EFECFF 50%, #ffbdbd 100%);*/ /* background-color: #EFECFF;*/ padding: 0px 0 0px 0; /* border-radius: 10px 10px 10px 10px; margin: 20px 50px 0px;*/ } .feature-single h1 { line-height: 2rem;} .app-features .feature-single { margin-bottom: 10px;} section{display:block;} p.mb-lg-0.wow.animate__fadeInUp { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; color: #000; -webkit-font-smoothing: antialiased; word-break: break-word; } .img-fluid{max-width:100%;height:auto;} .navbar-brand .hidden { display: unset !important; } .d-inline-block{display:inline-block!important;} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important;} .position-relative{position:relative!important;} .position-absolute{position:absolute!important;} .mb-0{margin-bottom:0!important;} .mb-3{margin-bottom:1rem!important;} .pb-0{padding-bottom:0!important;} @media (min-width: 992px){ .mb-lg-0{margin-bottom:0!important;} } .text-center{text-align:center!important;} @media print{ *,::after,::before{text-shadow:none!important;box-shadow:none!important;} img{page-break-inside:avoid;} p{orphans:3;widows:3;} .container{min-width:992px!important;} } .animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} .animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} .animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} .animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} /*! CSS Used from: https://edunexttechnologies.com/css/style-min.css */ *,::after,::before{box-sizing:border-box;} img{max-width:100%;height:auto;} p{margin:0 0 20px;} ::selection{color:#000;background:#dbdbdb;} h1{margin:0 0 20px;padding:0;font-weight:inherit;} h1{font-size:5rem;line-height:5rem;} section{padding:50px 0;overflow:;} .internal-banner:before{display:none;} .homeslider:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(180deg, #247cff 0, #fff 100%) no-repeat padding-box;opacity:.2;} .homeslider .slide-content{max-width:70%;} .homeslider .slide-content h1{ font-size:37px;line-height:1.2;font-weight:700;color:#fc4f19;} .homeslider .s-shapers1{top:-100px;left:-100px;width:450px;} .homeslider .s-shapers1 img{animation:6s ease-in-out infinite float;} .homeslider .s-shapers2{top:0;right:-200px;} .homeslider .s-shapers2 img{-webkit-animation:30s infinite fa-spin;-moz-animation:50s infinite fa-spin;-ms-animation:fa-spin 50s infinite;-o-animation:50s infinite fa-spin;animation:50s infinite fa-spin;} .internal-banner{ /* background:linear-gradient(180deg, #fff 0, #d3e2f69c 100%) no-repeat;*/ /* background-image: linear-gradient(180deg, #EFECFF 50%, #ffbdbd 100%);*/ background: linear-gradient(138deg, #ffe8e2, #ffedcb); } .internal-banner .slide-view{margin-bottom:-40px;} /*! CSS Used from: https://edunexttechnologies.com/css/responsive-min.css */ @media (min-width: 1199px){ .container{max-width:1170px;} } @media (max-width: 1199px){ section{padding:90px 0;} h1{margin:0 0 15px;} } @media (max-width: 991px){ section{padding:30px 0;} p{margin:0 0 20px;} } @media only screen and (max-width: 991px) and (orientation: landscape){ .homeslider .slide-content h1{font-size:37px;} } @media (max-width: 767px){ section{padding:30px 0;} p{margin:0 0 15px;} } @media screen and (max-width: 575px){ .homeslider .slide-content{max-width:90%;} .homeslider .slide-content h1{font-size:20px;margin-top:10px;} } @media (min-width: 992px) and (max-width: 1199px){ section{padding:60px 0;} } @media screen and (min-width: 1200px){ .homeslider.shape-style1 .s-shapers1{top:-20px;} .homeslider.shape-style1 .s-shapers2{right:30rem;width:25%;} } @media screen and (min-width: 992px){ .internal-banner{overflow:;} } @media screen and (max-width: 575px){ .homeslider.internal-banner .slide-content h1{font-size:37px;} .homeslider .s-shapers1{width:250px;} .homeslider .s-shapers2{width:330px;} } .carousel-inner{ overflow:unset !important; } /*! CSS Used keyframes */ @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} @keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} @-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}} @keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} @keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} @-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}} @keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} @keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}} /*! CSS Used fontfaces */ /*! CSS Used from: https://resources.edunexttechnologies.com/Edunext-Website/css/theme-vendors.min.css */ *,::after,::before{box-sizing:border-box;} section{display:block;} p{margin-top:0;margin-bottom:1rem;} a{color:#007bff;text-decoration:none;background-color:transparent;} a:hover{color:#0056b3;text-decoration:underline;} img{vertical-align:middle;border-style:none;} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;} .col-12,.col-lg-12,.col-md-12,.col-xl-12{position:relative;width:100%;padding-right:15px;padding-left:15px;} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} @media (min-width: 768px){ .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} } @media (min-width: 992px){ .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} } @media (min-width: 1200px){ .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} } .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} @media (prefers-reduced-motion: reduce){ .btn{transition:none;} } .btn:hover{color:#212529;text-decoration:none;} .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);} .btn:disabled{opacity:.65;} .btn:not(:disabled):not(.disabled){cursor:pointer;} .btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem;} .d-none{display:none!important;} .d-flex{display:-ms-flexbox!important;display:flex!important;} @media (min-width: 768px){ .d-md-block{display:block!important;} } .align-items-center{-ms-flex-align:center!important;align-items:center!important;} .position-relative{position:relative!important;} .mb-1{margin-bottom:.25rem!important;} .mr-3{margin-right:1rem!important;} .mb-4{margin-bottom:1.5rem!important;} .py-4{padding-top:1.5rem!important;} .py-4{padding-bottom:1.5rem!important;} @media (min-width: 768px){ .mb-md-0{margin-bottom:0!important;} .py-md-5{padding-top:3rem!important;} .py-md-5{padding-bottom:3rem!important;} } .text-light{color:#f8f9fa!important;} @media print{ *,::after,::before{text-shadow:none!important;box-shadow:none!important;} a:not(.btn){text-decoration:underline;} img{page-break-inside:avoid;} p{orphans:3;widows:3;} .container{min-width:992px!important;} } .animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} /*! CSS Used from: https://edunexttechnologies.com/css/style-min.css */ .btn:active:focus,.btn:focus,a:focus,a:hover{outline-offset:0;outline:0;} *,::after,::before{box-sizing:border-box;} a:focus,a:hover{text-decoration:none;color:#0038e3;} a,a:active,a:focus{color:#828282;} .footer-text a { color: #ffab3b; } .btn,a{transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;} img{max-width:100%;height:auto;} p{margin:0 0 20px;} ::selection{color:#000;background:#dbdbdb;} section{padding:50px 0;overflow:;} section.big-section{padding:0;position:relative;} .opacity-7{opacity:.7;} .btn{display:inline-block;border:2px solid transparent;border-radius:0;width:auto;font-weight:500;} .btn:active,.btn:focus{box-shadow:none;} .cover-background{background-position:center center!important;} .cover-background{overflow:hidden;background-repeat:no-repeat!important;position:relative;} .cover-background{background-size:cover!important;} .sales-para{font-size:20px;} /*! CSS Used from: https://edunexttechnologies.com/css/custom-min.css */ .success-story{display:flex;justify-content:space-between;align-items:center; flex-direction: column; } .success-text div{color:#ffffffe6;font-size:35px;} .success-text .enq-call a,.success-text .enq-call a:hover{color:#ffffffe6;font-size:24px;} .button-2:hover{ color: #ffffff; background-position: 0% center; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(90deg, #fc4f19, #f6a60d); /* background-image: linear-gradient(105.37deg, #7659FF 0%, #F6425F 50%, #7659FF 100%);*/ } .success-talk .button-2:hover{color:#fff; background: linear-gradient(90deg, #fc4f19, #f6a60d);} .button-2{ font-weight:500; font-family: 'Open Sans'; font-size: 18px; padding:4px 32px 6px; border-radius:40px;position:relative; transition:background .3s ease-in-out; border:1px solid #247cff; color:#fff; /* box-shadow:2px 2px 12px #c9ffb24f;*/ background-image:-webkit-linear-gradient(30deg,#247cff 50%,transparent 50%); background-image:linear-gradient(30deg,#247cff 50%,transparent 50%); background-size:500px; background-repeat:no-repeat; background-position:0;-webkit-transition:background .3s ease-in-out; cursor:pointer;} .button-2:focus{content:#fff;} .success-talk .button-2{ background-color: #4481dc; background-image:unset; !important; color: #fff; border: 0px; padding: 10px 15px; border-radius: 30px; } .sales-wrp .success-text div { font-size: 24px; font-family: 'Open Sans'; } /*! CSS Used from: https://edunexttechnologies.com/css/responsive-min.css */ @media (min-width: 1199px){ .container{max-width:1170px;} } @media (max-width: 1199px){ section{padding:90px 0;} section.big-section{padding:120px 0;} } @media (max-width: 991px){ .success-story{display:inline-block;width:100%;} section{padding:30px 0;} section.big-section{padding:50px 0;} p{margin:0 0 20px;} } @media (max-width: 767px){ section{padding:30px 0;} section.big-section{padding:40px 0;} p{margin:0 0 15px;} } @media screen and (max-width: 575px){ .button-2{font-size:14px;} section.big-section{padding:50px 0;} .button-2{padding:4px 25px 6px;} } @media (max-width: 991px){ .success-text div{font-size:28px;} } @media (min-width: 992px) and (max-width: 1199px){ section{padding:60px 0;} section.big-section{padding:0;} } @media screen and (max-width: 767px){ .big-section .success-story .success-talk,.big-section .success-story .success-text{text-align:center;} } @media screen and (max-width: 575px){ .success-text div{font-size:20px;} .success-text .enq-call a,.success-text .enq-call a:hover{color:#ffffffe6;font-size:14px;} } /*! CSS Used from: Embedded */ .sales-wrp .success-text div{font-size:24px;} @media (min-width: 992px){ .sales-wrp{*padding-top:60px!important;} } @media (max-width: 991px){ .success-text.d-flex.align-items-center{justify-content:center;} } /*! CSS Used keyframes */ @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}} @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}} /*! CSS Used fontfaces */ @font-face{font-family:SegoeSemiBold;src:url("https://edunexttechnologies.com/fonts/Segoe-UI-Semi-Bold.ttf");} /* Style the tab */ .tab { display: flex; gap: 11px; width: 100%; float: left; border: 0px solid #ccc; background-color: #f1f1f100; flex-direction: column; } /* Style the buttons inside the tab */ .tab button { border-radius: 45px; display: block; background-color: #ffe8e2; color: #000; padding: 15px 15px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; text-align: left; font-family: Roboto Slab; font-size: 22px; font-weight: 600; cursor: pointer; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #1f3965; color: #fff; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #1f3965; color: #fff; background: linear-gradient(90deg, #fc4f19, #f6a60d); } /* Style the tab content */ .tabcontent { float: left; padding: 0px 1px; border-left: none; } .testimonial-section { background-color: #4b6fa4; /*background: linear-gradient(1deg, #1f3965 0, #ff8062 100%) no-repeat;*/ background: linear-gradient(1deg, #1f3965 0, #203a66 100%) no-repeat; padding: 45px 0px; } .testimonial-section h2 { color: #ffffff; line-height: normal; text-align: left; font-size: 37px; font-weight: 700; margin: 0 0 20px 0; } .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .swiper-slide.testimonial-items { background-color: #fff; margin: 15px 0px 0px 15px; } .swiper-slide { text-align: left; border-radius: 0px; padding: 25px 15px; background: var(--primary-text); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .testi-one { display: flex ; align-content: center; align-items: center; justify-content: flex-start; gap: 12px; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px) ); background: #d9d9d9; background: #504b4b; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, -4px); } .swiper-pagination-bullet-active { background: var(--primary-text); } .swiper.testimonial-wrapper { padding-top: 59px; padding-bottom: 60px; } .testimonial-items .testimonial-text { color: var(--white-text-white); text-align: left; line-height: 22px; font-size: 14px; font-weight: normal; font-style: normal; margin-bottom: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; /*line-clamp: 4;*/ /*-webkit-line-clamp: 4;*/ } .owl-theme .owl-controls .owl-page span { background: #fff;} .testimonial-items .testimonial-title { color: #212529; text-align: left; font-size: 18px; font-weight: 600; font-style: normal; margin-bottom: 10px; position: relative; } .checked { color: orange; } .review-stars { margin-bottom: 10px;} .testimonial-items .testimonial-title::before { content: ""; position: absolute; left: -23px; top: 9px; width: 20px; height: 1px; background-color: var(--white-text-white); } .testimonial-img { position: relative; width: 90px; height: 90px; margin-bottom: 10px; background-color: #ffbca5; padding: 8px; border-radius: 100%; } .testimonial-img::before { content: ""; position: absolute; left: 50%; top: -50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } .testimonial-img.tm-img-1::before { background-image: url(https://w7.pngwing.com/pngs/646/829/png-transparent-avatar-man-ico-icon-cartoon-little-boy-avatar-cartoon-character-png-material-child-thumbnail.png--); } /* media query */ @media screen and (min-width: 768px) { .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 24px) ); } .section-title::before, .section-title::after { width: 141px; } } .testimonial-section .client-section-heading h3 { padding-top: 30px; line-height: 30px; font-size: 20px; text-align: left; color: #fff; } .testimonial-section .client-section-heading h3 b { font-weight: 900; } .testimonial-section button { background-color: #393939; color: #fff; padding: 10px 20px; border-radius: 10px; border: none; font-size: 18px; font-family: sans-serif; font-weight: 500; } .split-2 { text-align: left;} .split-2 p.testimonial-text { font-size: 16px; font-weight: 400; color: #615e62; line-height: 1.4; margin: 10px 0 15px 0; } .split-features2 .container-fluid { width: 95%;} select#comment { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 10px; margin-bottom: 20px; resize: vertical; } select#comment { font-family: 'Open Sans'; color: #797373; font-weight: 300; background-color: #f8f8f8; } input[type=text], input[type=tel], input[type=email], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 10px; margin-bottom: 20px; resize: vertical; font-weight: 500 !important; } input[type=submit] { color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-family: 'Open Sans'; font-weight: 600; background-color: #1f3965; border-radius: 30px; } input[type=submit]:hover { color: #ffffff; background-position: 0% center; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: linear-gradient(90deg, #fc4f19, #f6a60d); } .feature-single { border-radius: 0px; background-color: #3f5d8b; padding: 25px 15px; } .feature-single label { color: #ffffff; } #coaching .container { width: 95%; max-width: 95%; } .split-features p { font-size: 25px; font-weight: 700; color: #333333; line-height: 1.4; margin: 8px 0 15px 0; } input[type="submit"] { margin-left: 15px; } label { font-family: Open Sans; font-weight: 600; } .split-features h1 { line-height: 3rem; } #coaching .why-enrich-two .feature-single { display: grid; grid-template-columns: auto auto; padding: 15px 15px; background-color: #f1f1f1; gap: 15px; align-content: flex-start; align-items: flex-start; } .why-enrich-two .icon { margin-top: 0px; margin-bottom: 0px; width: 68px; } .row.tab2 { justify-content: center; } h1 { color: #000; } .why-enrich-two h2 { font-size: 22px; font-weight: 600; margin: 0 0 12px 0; margin-bottom: 5px !important; } .why-enrich-two span { font-size: 15px !important; color: #333333; line-height: 22px; } .col-md-6.why-enrich-two { padding-left: px;} form .col-md-6 { } :disabled{cursor:default;} canvas,img{display:block;vertical-align:middle;} .flex{display:flex;} .h-8{height:2rem;} .w-2{width:.5rem;} .items-center{align-items:center;} .justify-center{justify-content:center;} .text-2xl{font-size:1.5rem;line-height:2rem;} .font-bold{font-weight:700;} *{-webkit-font-smoothing:antialiased;} .section__container{max-width:1440px;margin:0 auto;padding:0 50px;} @media (max-width:1280px){ .section__container{max-width:1140px;padding:0 24px;} } ::-webkit-scrollbar{width:8px;height:8px;} ::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(3,10,33,.102);} .section__hero-brands{display:flex;align-items:center;justify-content:center;} .section__hero-lerners{grid-column:span 2;position:relative;overflow:;border-radius:24px;border:1px solid rgba(0,39,38,.2);height:293px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;} @media (max-width:992px){ .section__hero-lerners{padding:24px;height:240px;} } @media (max-width:576px){ .section__hero-lerners{height:auto;gap:24px;border-radius:16px;} } .section__hero-lerners-dots{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;} .section__hero-lerners-text{position:relative;z-index:3;display:flex;flex-direction:column;gap:8px;} .section__hero-lerners-text h2{font-size:32px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.496px;display:flex;align-items:center;} @media (max-width:992px){ .section__hero-lerners-text h2{font-size:30px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-.372px;} } .section__hero-lerners-text p{font-size:16px;font-style:normal;font-weight:400;line-height:120%;} @media (max-width:992px){ .section__hero-lerners-text p{font-size:16px;font-style:normal;font-weight:400;line-height:120%;} } .section__hero-lerners-marquee{position:relative;z-index:3;} .section__hero-lerners-marquee-slider{display:flex;align-items:center;gap:20px;width:-moz-max-content;width:max-content;animation:marquee 65s linear infinite;} @media (max-width:992px){ .section__hero-lerners-marquee-slider{gap:16px;} } .section__hero-lerners-marquee-card{border:1px solid rgba(3,10,33,.102);background-color:#fff;border-radius:8px;width:88px;min-width:88px;height:108px;overflow:hidden;} @media (max-width:992px){ .section__hero-lerners-marquee-card{width:65px;height:80px;min-width:65px;} } .section__hero-lerners-marquee-card-img{width:100%;height:75%;overflow:hidden;} .section__hero-lerners-marquee-card-img img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;} .section__hero-lerners-marquee-card-brand{height:25%;display:flex;align-items:center;justify-content:center;} .section__hero-lerners-marquee-card-brand img{width:64%;height:100%;-o-object-fit:contain;object-fit:contain;} .section__hero-brands{height:293px;display:grid;place-items:center;border-radius:24px;border:1px solid rgba(0,39,38,.2);background:#fff;} .section__hero-brands-lottie{width:400px;height:240px;} @media (max-width:576px){ .section__hero-brands-lottie{width:240px;height:147px;scale:1.3;} .section__hero-brands{height:147px;border-radius:16px;} } .section__marquee-container{margin-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;} @media (max-width:1340px){ .section__marquee-container{display:flex;flex-direction:column;gap:16px;margin-top:16px;margin-bottom:40px;} } .section__counter{display:flex;align-items:center;gap:0;} .section__counter-digit{overflow:hidden;} .section__counter-number{line-height:0;display:flex;align-items:center;justify-content:center;} *{box-sizing:border-box;font-feature-settings:"ss02" on,"ss01" on;} h2{font-feature-settings:"ss02" on,"ss01" on;} h2,p{margin:unset!important;} img{text-indent:-10000px;} /*! CSS Used keyframes */ @keyframes marquee{to{transform:translateX(calc(-50% - 10px));}} .erp-modules h1 { line-height: 1rem !important;} .erp-modules .feature-single { margin-bottom: 0px !important; cursor: pointer;} .erp-modules .col-sm-3 .col-md-12 { position: relative; width: 100%; padding-right: 0px; padding-left: 0px; background-color: #f2f2f2;} .split-features .item { margin-bottom: 20px; } /* Style the tab */ /*.tab2 { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; }*/ /* Style the buttons inside the tab */ /*.tab2 button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; }*/ /* Change background color of buttons on hover */ .tab2 button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab2 button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent2 { display: none; } .sales-para { font-size: 37px; font-weight: 700; line-height: 50px; color: #1f3965 !important; opacity: 1; } .success-talk2 { display: flex; flex-direction: row; align-items: center; gap: 25px; padding: 15px 15px; border-radius: 0px; background-color: #ffe8e2; width: 90%; align-content: center; justify-content: center; border: 2px solid #fddeb0; } .success-talk2 a.btn.button-2.btn-lg.wow.animate__zoomIn { background-color: #1f3965 !important; background-image: unset; border: unset; font-size: 18px; padding: 10px 15px; } .success-talk2 span { color: #fff !important; font-size: 18px; font-weight: 500;} .success-talk2 a.btn.button-2.btn-lg.wow.animate__zoomIn:hover {background: linear-gradient(90deg, #fc4f19, #f6a60d);} .success-talk { display: flex; flex-direction: row; align-items: center; gap: 20px; width: 100%; } .enq-call a { color: #1f3965 !important; font-size: 20px; font-family: "Open Sans", sans-serif; font-weight: 600; } /*! CSS Used from: https://demo.tutorialzine.com/2015/01/freebie-5-responsive-footer-templates/css/demo.css */ *{padding:0;margin:0;} /*footer{position:fixed;bottom:0;}*/ @media (max-height:800px){ footer{position:static;} } /*! CSS Used from: https://demo.tutorialzine.com/2015/01/freebie-5-responsive-footer-templates/css/footer-distributed-with-address-and-phones.css */ .footer-distributed{background-color:#292c2f;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.12);box-sizing:border-box;width:100%;text-align:left;font:bold 16px sans-serif;padding:55px 50px;margin-top:0px; padding-bottom: 25px;} .footer-distributed .footer-left img { margin: unset; margin-bottom: 15px;} .footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display:inline-block;vertical-align:top;} .footer-distributed .footer-left{width:33%;} .footer-distributed h3{color:#ffffff;font:normal 36px 'Cookie', cursive;margin:0;} .footer-distributed h3 span{color:#5383d3;} .footer-distributed .footer-links{color:#ffffff;margin:20px 0 12px;padding:0;} .footer-distributed .footer-links a{display:inline-block;line-height:1.8;text-decoration:none;color:inherit;} .footer-distributed .footer-company-name{color:#8f9296;font-size:14px;font-weight:normal;margin:0;} .footer-distributed .footer-center{width:33%;} .footer-distributed .footer-center i{background-color:#334d74;color:#ffffff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle;} .footer-distributed .footer-center i.fa-envelope{font-size:17px;line-height:38px;} .footer-distributed .footer-center p{ display:inline-block;color:#ffffff;vertical-align:middle;margin:0;font-weight: 600;} .footer-distributed .footer-center p span{display:block;font-weight:normal;font-size:14px;line-height:2;} .footer-distributed .footer-center p a{color:#ffffff;text-decoration:none;} .footer-distributed .footer-right{width:40%; padding-right: 10px;} .footer-distributed .footer-company-about{ line-height:20px; color:#fff; font-size:13px; font-weight:normal; margin:0; font-size: 16px; font-weight: 400; margin: 0; } .footer-distributed .footer-company-about span{ display:block;color:#ffffff;font-size:18px;font-weight: 600;margin-bottom:15px;} .footer-distributed .footer-icons{margin-top:25px;} .footer-distributed .footer-icons a{display:inline-block; width:35px;height:35px;cursor:pointer; background-color:#334d74;border-radius:2px;font-size:20px;color:#ffffff;text-align:center;line-height:35px;margin-right:3px;margin-bottom:5px;} @media (max-width: 880px){ .footer-distributed{font:bold 14px sans-serif;} .footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display:block;width:100%;margin-bottom:40px;text-align:center;} .footer-distributed .footer-center i{margin-left:0;} } /*! CSS Used from: https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css */ .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .fa-map-marker:before{content:"\f041";} .fa-phone:before{content:"\f095";} .fa-twitter:before{content:"\f099";} .fa-facebook:before{content:"\f09a";} .fa-github:before{content:"\f09b";} .fa-envelope:before{content:"\f0e0";} .fa-linkedin:before{content:"\f0e1";} .footer-text { display: flex; background-color: #3f5d8b; height: 60px; align-content: center; align-items: center; padding: 12px 50px; justify-content: space-between; } .footer-text p { font-family: "Open Sans"; font-size: 15px; color: #ffffff; font-weight: 400; line-height: 1.4; margin-top: 10px; text-align: center; } .section__hero-brands-lottie { width: 400px; height: 240px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .section-title .sub-text { text-align: center;} #college .item { margin-bottom: 20px !important; border-radius: 12px !important; padding: 10px 0px; display: flex; flex-direction: row-reverse; justify-content: space-around; align-content: center; align-items: center; } #college .feature-single { text-align: left; } #college .feature-single { padding: 10px 10px;} #college .app-features .icon i { font-size: 42px;} @media (min-width: 320px) and (max-width: 767.98px) { .navbar { padding-top: 0px !important;} .navbar-default { background-color: #f2f2f200 !important;} div#college { padding: 40px 0 30px 0;} div#coaching .col-md-6 { width: 100%;} .navbar-default .navbar-brand { padding: 0px 10px !important; } .app .hero-section { padding: 70px 0 20px 0;} .client-section { border-radius: 0px 0px 0px 0px; margin: 2px 0px 0px; padding: 10px 0px;} .img-about img { padding-bottom: 10px;} .clients .single { padding: 10px 0 2px 0;} .section_about { padding: 30px 0px !important;} .client-section .container-fluid.text-center { display: flex; flex-direction: column; align-items: center; align-content: center;} .client-section .col-md-9 { width: 100%;} .section__hero-brands { height: unset;} .section__hero-brands-lottie { scale: unset;} .section__marquee-container { margin-bottom: 20px;} .split-features p { width: 90%; margin: auto !important;} .row.tab2 { margin-top: 20px; display: grid; grid-template-columns: auto auto;} .erp-modules .feature-single { padding: 10px 8px !important; text-align: center !important;} .col-sm-3.tablinks2 { padding-right: 8px; padding-left: 8px;} .app-features .icon { padding-top: 10px; margin-top: 0px;} .row.tab2:before { display: unset; content: unset;} .sales-para { font-size: 30px;} .app-features h1 { line-height: 2.9rem;} .split-features2 .col-md-3 { width: 100%;} .split-features2 .col-md-3 .tab { display: grid; grid-template-columns: auto auto; gap: 10px; margin-bottom: 15px; } .split-features2 .col-md-3 .tab button { padding: 10px 10px; font-weight: 500; font-size: 20px;} .app-features h2 { margin: 0 0 10px 0 !important;} .testimonial-section h2 { font-size: 30px;} .testimonial-section .client-section-heading h3 { padding-top: 10px;} .client-section-heading { gap: 8px;} .coaching-item { padding-top: 15px; text-align: center; margin-bottom: 15px;} .why-enrich-two h1 { margin: 0 0 10px 0 !important; } .footer-text { display: flex; background-color: #1c1e1f; height: 70px; align-content: center; align-items: center; padding: 6px 12px; justify-content: center; flex-direction: column; gap: 4px; } .footer-distributed .footer-left { margin-bottom: 15px;} .footer-center { display: flex !important; margin-bottom: 10px !important; justify-content: flex-start;flex-direction: column; align-items: flex-start;} .footer-distributed .footer-center p { text-align: left;} .footer-right { margin-bottom: 6px !important;} .navbar-nav { text-align: justify !important;} } .split-2 { margin-bottom: 12px;} .split-2 h2 { font-size: 22px !important;} .poppins-thin { font-family: "Open Sans", sans-serif; font-weight: 100; font-style: normal; } .poppins-extralight { font-family: "Open Sans", sans-serif; font-weight: 200; font-style: normal; } .poppins-light { font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal; } .poppins-regular { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Open Sans", sans-serif; font-weight: 500; font-style: normal; } .poppins-semibold { /* font-family: "Poppins", sans-serif;*/ font-family: "Open Sans", sans-serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; } .poppins-extrabold { font-family: "Open Sans", sans-serif; font-weight: 800; font-style: normal; } .poppins-black { font-family: "Open Sans", sans-serif; font-weight: 900; font-style: normal; } .poppins-thin-italic { font-family: "Open Sans", sans-serif; font-weight: 100; font-style: italic; } .poppins-extralight-italic { font-family: "Open Sans", sans-serif; font-weight: 200; font-style: italic; } .poppins-light-italic { font-family: "Open Sans", sans-serif; font-weight: 300; font-style: italic; } .poppins-regular-italic { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Open Sans", sans-serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Open Sans", sans-serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Open Sans", sans-serif; font-weight: 700; font-style: italic; } .poppins-extrabold-italic { font-family: "Open Sans", sans-serif; font-weight: 800; font-style: italic; } .poppins-black-italic { font-family: "Open Sans", sans-serif; font-weight: 900; font-style: italic; } @media (min-width: 480px) { } @media (min-width: 768px) { ul.nav.navbar-nav { display: flex; align-items: center; align-content: center; justify-content: center; } } @media (min-width: 1199px) { .container { max-width: 90% !important; width: 90%; } } .carousel-inner>.item>img { width: 100%;} .carousel-caption { width: 90%; right: 5%; left: 5%; top: 0%; padding-bottom: 30px; } .banner-one { display: flex; justify-content: center; align-items: center; align-content: center; width: 90%; margin: auto; } .banner-two { width: 100%;} .banner-three { width: 100%;} nav.navbar.navbar-default.navbar-fixed-top.effect-main { position: relative; } nav.navbar.navbar-default.navbar-fixed-top.effect-main.past-main { position: fixed; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } nav.navbar.navbar-default.navbar-fixed-top{ position: relative; } .carousel-control { width: 5% !important;} .banner-two { padding: 15px 15px 15px 30px;} .banner-two h3{ line-height: 48px; font-size: 38px; font-style: normal; font-weight: 700; margin-bottom: 15px;} .banner-two p { font-size: 18px; line-height: 28px; margin-bottom: 1rem !important;} .carousel-control.left { background-image: unset;} .carousel-control.right { background-image: unset;} .text-col { color: #f9603d !important;} .home-banner_white-btn___XsBn { border: 0px solid transparent; font-weight: 600; padding: 10px 24px; font-size: 18px; border-radius: 46px; margin-bottom: 30px; color: #fff; background: linear-gradient(90deg, #f74e71, #2b4e8a); width: 195px; height: 51px; font-family: 'Open Sans'; } .home-banner_blue-btn__K7dq_ { background: transparent !important; border: 3px solid #1f3965 !important; color: #1f3965 !important; margin-left: 15px; } .home-banner_white-btn___XsBn:hover { background: #fff !important; border: 3px solid #fc4f19 !important; color: #fc4f19 !important; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 45px; height: 45px; background-color: #4481dc; background: linear-gradient(90deg, #f74e71, #2b4e8a); border-radius: 45px; padding: 6px; } } .section_about { margin-top: 1px; padding: 40px 0px; background-color: #ffffff; } .section_about h1 { font-size: 37px; margin: 0 0 0px 0; font-weight: 700; color: #1f3965; } .section_about p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333; text-align: justify; } #foott { background-color: transparent; background: linear-gradient(179deg, #1f3965 0, #1f3965 125%) no-repeat; } .client-section-heading h1 { font-size: 37px; font-weight: 700; margin: 0 0 0px 0; color: #ffffff; } .entry-background { -webkit-mask-image: url('../images/download.png'); -webkit-mask-size: 100%; -webkit-mask-position: right; -webkit-mask-repeat: no-repeat; overflow: hidden; background-image: url('../images/download.png'); width: 20%; height: 100%; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 1px; right: 7px; } #college .item:hover .entry-background { transform: rotate(180deg); } .app-features span { margin: 0px 0 0px 0; } .app-features img { width: 50px; } .app-features .icon i { position: relative; z-index: 1; display: flex; } img.callico.position-relative { width: 68px; margin: unset; } .faq-div .accordion { background-color: #ffffff; color: #333; border-radius: 10px; cursor: pointer; padding: 15px 15px; width: 100%; border: none; font-weight: 500; text-align: left; outline: none; line-height: 25px; font-size: 18px; transition: 0.4s; font-family: "Open Sans", sans-serif; } .panel { margin-bottom: 20px;} .faq-div .active, .faq-div .accordion:hover { background-color: #ccc; background: linear-gradient(90deg, #fc4f19, #f6a60d); color: #fff; } .faq-div .accordion:after { content: '\002B'; color: #333; font-weight: bold; float: right; margin-left: 5px; } .faq-div .active:after { content: "\2212"; } .faq-div p { font-size: 16px; line-height: 24px; padding: 10px 0px; } .faq-div .panel { padding: 0 10px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .faq-div { background: #efecff; padding: 50px 0 50px 0; overflow: ; background: linear-gradient(138deg, #ffe8e2, #ffedcb); } .faq-div h1 { font-size: 37px; font-weight: 700; margin: 0 0 20px 0; line-height: 3rem; text-align: center; color: #fc4f19; } .rewvv { font-size: 20px; line-height: 34px; text-align: left; color: #fff; } .Implementation h2{ font-size: 37px; padding-top: 20px; text-align: center; font-weight: 700; color: #1f3965; margin: 0 0 2px 0; line-height: 5rem; font-family: Roboto Slab; visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown; } .timeline__event__description p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 21px; font-weight: 400; color: #333333; } .timeline__event__date img { opacity: 50%; width: 72px;} .page-header{position:relative;z-index:1;overflow:hidden;padding:100px 0;margin: 0px 0 0px} .page-header .overlay{ background:linear-gradient(90deg, #1f3965f2 43.21%, rgba(243, 247, 251, 0.24) 63.66%); width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;} .page-header .bg-img{background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;background-position:top right;width:100%;height:100%;position:absolute;top:0;right:0;z-index:-1;} @media (max-width: 1399px){.page-header .bg-img{background-size:cover;}} @media only screen and (max-width: 767px){.page-header .shapes{display:none;}} .page-header .shapes .shape{position:absolute;z-index:-1;} .page-header .shapes .shape.shape-1{bottom:20px;left:50px;} @media (max-width: 1700px){.page-header .shapes .shape.shape-1{left:0;}} .page-header .shapes .shape.shape-2{bottom:0;left:40%;} .page-header .shapes .shape.shape-3{top:0;right:0;} /*@media (max-width: 1700px){.page-header-content{padding-left:100px;}} @media (max-width: 1600px){.page-header-content{padding-left:150px;}} @media (max-width: 1399px){.page-header-content{padding-left:200px;}}*/ @media only screen and (max-width: 767px){.page-header-content{padding-left:0;}} .page-header-content .title{ font-size: 30px; font-weight: 600; margin-bottom: 15px; line-height: 1; font-family: Roboto Slab; color: #ffffff;} a.home { color: #fc4f19;} .page-header-content .sub-title{font-size:16px;font-weight:500;} .page-header-content .sub-title .icon{font-size:16px;padding:0 5px; color: #fff;} .page-header-content .sub-title .inner-page{color:#fff;} #foott------::after { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/icon-lines.png'); content: "";} .casestudy_sec{padding:60px 0px;display:block;} .case_box{background:#fdfadd;border-radius:4px;padding:25px;margin:20px 0px;overflow:hidden;} .case_box2{background:#f7f7fb;} .case_box3{background:#e9fff2;} .case_box4{background:#f9edf8;} .client_logo{Float:left;width:20%; background:#fff;padding:10px; border:1px #a6abbb solid;border-radius:6px;} .client_logo img{ width: auto; height: 160px; } .case_cont{Float:right;width:77%;} .case_title{font-size:1.5em;text-transform:capitalize!important;color: #262626;font-weight:600;line-height:35px;margin-bottom:10px;margin-top:0px;} .case_cont a{color:#ff0000;} .case_cont a:hover{color:#222;} .case_cont a .fa{font-size:13px;} .case_cont p { line-height: 30px; margin-bottom: 10px !important;} @media (min-width: 320px) and (max-width: 767.98px){ .wrapper { background-size: 100% 750px !important;} .banner-two { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .home-banner_white-btn___XsBn:hover { background: #fff !important; border: 0px solid #fc4f19 !important; color: #fc4f19 !important; } .home-banner_white-btn___XsBn { border: 0px solid transparent; font-weight: 600; padding: 8px 15px; font-size: 16px; border-radius: 20px; margin-bottom: 2px; color: #fff; background: linear-gradient(90deg, #f74e71, #2b4e8a); width: 135px; height: 40px; font-family: 'Open Sans'; } .home-banner_blue-btn__K7dq_ { background: #2d4e89 !important; border: 0px solid #1f3965 !important; color: #ffffff !important; margin-left: 10px; } .casestudy_sec{padding:40px 0px 20px;} .case_box{padding:30px 20px 20px;margin:15px 0px;} .case_cont{float:none;width:95%;margin:20px auto 0px;text-align:center;} .client_logo{float:none;width:70%;margin:0 auto;} .case_title{font-size:1.3em;line-height:30px;} .section-title{margin:0px!important;} } @media (min-width: 550px) and (max-width: 767.98px){ .features_img_div img { max-width: 75% !important; } } .coaching-item h1.wow.fadeInDown { text-align: center; font-size: 37px; margin: 0 0 15px 0; color: #1f3965; font-weight: 700; } .coaching-item p.wow.fadeInDown { text-align: center; color: #000; padding-bottom: 15px; line-height: 25px; margin: auto; } .why-enrich .feature-single { border-radius: 10px; display: flex; gap: 15px; padding: 15px 15px; background-color: #ffede7; } .why-enrich .icon2 { width: 100%; gap: 10px; display: flex; flex-direction: column;} .why-enrich h2 { font-size: 21px; font-weight: 600;color: #000;} .why-enrich span { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 20px;} .why-enrich .icon img { width: 89px; background-color: #ffffffa8; padding: 10px; border-radius: 15%; } .why-enrich .icon { width: 20%;} .why-enrich .item { height: 100%; display: flex;} .why-enrich .foott-boxs .col-md-6 { margin-bottom: 20px; } .book-demo h1 { color: #fff !important; } .tabcontent img { border-radius: 10px;} div#college p { font-size: 16px; font-weight: 400;} .timeline { margin-top: 2px !important; display: flex; flex-direction: column; margin: 20px auto; position: relative; } .timeline__event { margin-bottom: 20px; position: relative; display: flex; margin: 20px 0; border-radius: 6px; align-self: center; width: 50vw; } .timeline__event:nth-child(2n + 1) { flex-direction: row-reverse; } .timeline__event:nth-child(2n + 1) .timeline__event__date { border-radius: 0 6px 6px 0; } .timeline__event:nth-child(2n + 1) .timeline__event__content { border-radius: 6px 0 0 6px; } .timeline__event:nth-child(2n + 1) .timeline__event__icon:before { content: ""; width: 2px; height: 120%; background: #f6a4ec; position: absolute; top: 0%; left: 50%; right: auto; z-index: -1; transform: translateX(-50%); animation: fillTop 2s forwards 4s ease-in-out; } .timeline__event:nth-child(2n + 1) .timeline__event__icon:after { content: ""; width: 100%; height: 2px; background: #f6a4ec; position: absolute; right: 0; z-index: -1; top: 50%; left: auto; transform: translateY(-50%); animation: fillLeft 2s forwards 4s ease-in-out; } .timeline__event__title { font-size: 24px; line-height: 1.5; text-transform: capitalize; font-weight: 600; color: #9251ac; font-family: Roboto Slab; } .timeline__event__content { padding: 20px; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025); background: #fff; width: calc(40vw - 84px); border-radius: 0 6px 6px 0; } .timeline__event__date { color: #f6a4ec; font-size: 1.5rem; font-weight: 600; background: #9251ac; display: flex; align-items: center; justify-content: center; white-space: nowrap; padding: 0 20px; border-radius: 6px 0 0 6px; } .timeline__event__icon { display: flex; align-items: center; justify-content: center; color: #9251ac; padding: 20px; align-self: center; margin: 0 20px; background: #f6a4ec; border-radius: 100%; width: 40px; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025); padding: 40px; height: 40px; position: relative; } .timeline__event__icon i { font-size: 32px; } .timeline__event__icon:before { content: ""; width: 2px; height: 140%; background: #f6a4ec; position: absolute; top: 0%; z-index: -1; left: 50%; transform: translateX(-50%); animation: fillTop 2s forwards 4s ease-in-out; } .timeline__event__icon:after { content: ""; width: 100%; height: 2px; background: #f6a4ec; position: absolute; left: 0%; z-index: -1; top: 50%; transform: translateY(-50%); animation: fillLeftOdd 2s forwards 4s ease-in-out; } .timeline__event__description { flex-basis: 100%; } .timeline__event--type2:after { background: #555ac0; } .timeline__event--type2 .timeline__event__date { color: #87bbfe; background: #555ac0; } .timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:after { background: #87bbfe; } .timeline__event--type2 .timeline__event__icon { background: #87bbfe; color: #555ac0; } .timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after { background: #87bbfe; } .timeline__event--type2 .timeline__event__title { color: #555ac0; } .timeline__event--type3:after { background: #24b47e; } .timeline__event--type3 .timeline__event__date { color: #aff1b6; background-color: #24b47e; } .timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:after { background: #aff1b6; } .timeline__event--type3 .timeline__event__icon { background: #aff1b6; color: #24b47e; } .timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after { background: #aff1b6; } .timeline__event--type3 .timeline__event__title { color: #24b47e; } .timeline__event:last-child .timeline__event__icon:before { content: none; } @media (max-width: 786px) { .timeline__event { flex-direction: column; align-self: center; } .timeline { margin-top: 0px !important;} .Implementation h1 { line-height: 3rem; padding-top: 15px;} .timeline__event__content { padding: 12px;} .timeline__event__content { width: 100%; } .timeline__event:nth-child(2n + 1) .timeline__event__date { padding: 12px; } .timeline__event__date { padding: 12px; } .timeline__event { width: 100%;} .timeline__event__icon {padding: 10px; height: 18px;} .timeline__event__icon { border-radius: 6px 6px 0 0; width: 100%; margin: 0; box-shadow: none; } .timeline__event__icon:before, .timeline__event__icon:after { display: none; } .timeline__event__date { border-radius: 0; padding: 12px; } .timeline__event:nth-child(2n + 1) { flex-direction: column; align-self: center; } .timeline__event:nth-child(2n + 1) .timeline__event__date { border-radius: 0; padding: 12px; } .timeline__event:nth-child(2n + 1) .timeline__event__icon { border-radius: 6px 6px 0 0; margin: 0; } } @keyframes fillLeft { 100% { right: 100%; } } @keyframes fillTop { 100% { top: 100%; } } @keyframes fillLeftOdd { 100% { left: 100%; } } .timeline__event__title, .timeline__event--type2 .timeline__event__title { color: #000000 !important; } @media (min-width: 320px) and (max-width: 767.98px) { .casestudy .item { padding-bottom: 15px;} .tab-con-item .box_title h3 { height: 40px !important; } .services .nav-link .services_tabs_link_icon { height: 50px !important;} .features .services_tabs_link_icon img { border-radius: 0px;} .services .nav-link { font-size: 13px !important; width: 145px !important; line-height: 18px !important; height: 110px !important; padding: 8px 0 10px 0 !important; } .navbar ul { margin: 7.5px -15px !important; padding: 0 !important; display: flex !important; list-style: none !important; align-items: left !important; flex-direction: column !important; align-items: flex-start !important;} .banner-one { flex-direction: column;} .banner-two h3 { line-height: 35px !important; font-size: 25px !important; text-align: center; font-style: normal; font-weight: 700; margin-bottom: 10px;} .banner-two p { text-align: center; font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333;} .FeaturesOfSchoolApp_cardmargin__omcE9.col-md-4.col-lg-3.col-12 { width: 50%; margin: 10px 0; padding-right: 10px; padding-left: 10px; } .FeaturesOfSchoolApp_imgset__tiBJT.undefined.img-fluid { width: 82px !important; } .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_card__L4HLS { padding: 10px !important;} .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_section-heading__vtRmm { font-size: 30px !important; line-height: 40px !important;} .banner-three img { width:60% !important; } .features .services_tabs_link_icon { width:45px !important; } .split-features2 .container-fluid {width: 100%;} .client-section-heading h1 { font-size: 30px; font-weight: 700;} .section_about h1{ font-size: 30px !important; font-weight: 700; line-height: 3rem;} .homeslider .slide-content h1{ font-size: 30px !important; font-weight: 700;} .section-title h2 { font-size: 30px !important; font-weight: 700; line-height: 1.2;} .app-features h1{ font-size: 30px; font-weight: 700;} .coaching-item h1{ font-size: 30px; font-weight: 700;} .app-features h1{ font-size: 30px; line-height: 40px; font-weight: 700;} .coaching-item h1{ font-size: 30px; font-weight: 700;} .coaching-item h1.wow.fadeInDown { font-size: 30px;} .faq-div h1{ font-size: 30px; font-weight: 700;} .testimonial-section .container-fluid.text-center { display: flex; flex-direction: column; gap: 20px;} .testimonial-section .col-md-9{ width:100%; } p.rewvv { text-align: center;} .client-section-heading { text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .faq-div .container {padding-right: 5px !important; padding-left: 5px !important;} .faq-div { padding: 45px 0 50px 0;} .testimonial-section { padding: 30px 0px;} .book-demo { padding: 30px 0 45px 0;} .split-features2 { padding: 35px 0 30px 0;} .success-talk { justify-content: center;} .success-talk2 { width: 100%; gap: 10px;} .split-features p { width: 100%;} .page-header { padding: 35px 0;} .page-header-content .title { font-size: 25px;} .Implementation h2 { font-size: 32px;} .timeline__event { margin: 15px 0;} .timeline__event__icon { padding: 4px;} } @media (max-width: 599.98px) { #college .item { margin-bottom: 20px !important; border-radius: 12px !important; padding: 6px 0px; display: flex; flex-direction: column; justify-content: space-around; align-content: center; align-items: center; } .tab2 span.entry-background { display: none;} } @media (max-width: 450.98px) { .row.tab2 { margin-top: 2px; display: block; } .why-enrich .feature-single { border-radius: 10px; display: flex; gap: 15px; padding: 15px 15px; background-color: #ffede7; flex-direction: column; } } /*// : Use a unique and descriptive class name // : Use a value from 100 to 900*/ .roboto-slab- { font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } .poppins-thin { font-family: "Open Sans", sans-serif; font-weight: 100; font-style: normal; } .poppins-extralight { font-family: "Open Sans", sans-serif; font-weight: 200; font-style: normal; } .poppins-light { font-family: "Poppins", serif; font-weight: 300; font-style: normal; } .poppins-regular { font-family: "Poppins", serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", serif; font-weight: 700; font-style: normal; } .poppins-extrabold { font-family: "Poppins", serif; font-weight: 800; font-style: normal; } .poppins-black { font-family: "Poppins", serif; font-weight: 900; font-style: normal; } .poppins-thin-italic { font-family: "Poppins", serif; font-weight: 100; font-style: italic; } .poppins-extralight-italic { font-family: "Poppins", serif; font-weight: 200; font-style: italic; } .poppins-light-italic { font-family: "Poppins", serif; font-weight: 300; font-style: italic; } .poppins-regular-italic { font-family: "Poppins", serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Poppins", serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Poppins", serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Poppins", serif; font-weight: 700; font-style: italic; } .poppins-extrabold-italic { font-family: "Poppins", serif; font-weight: 800; font-style: italic; } .poppins-black-italic { font-family: "Poppins", serif; font-weight: 900; font-style: italic; } .footer-links span { display: block; color: #ffffff; font-size: 18px; font-weight: bold; margin-bottom: 15px; font-weight: 600; } .footer-left ul li { line-height: 26px; color: #fff !important; font-size: 16px; font-weight: 400; } .footer-left ul li a { display: flex; color: #fff; gap: 6px; align-items: center; align-content: center; } .tab-img{ width: 40px !important; margin: unset !important;} .tab button { display: flex; justify-content: flex-start; align-items: center; align-content: center; gap: 15px; padding: 5px 15px 5px 10px; } .tab-img-one { padding: 4px; border-radius: 45px; background-color: #fff;} button.main-butt { display: flex; align-items: center; justify-content: center; align-content: center; gap: 6px; padding: 10px 20px;} img.butt-img { width: 15px;} .footer-left ul li a::before { display: block; width: 3px; height: 5px; background-image: url ('../images/back-1.png'); } .footer-distributed .footer-left img { margin: unset; margin-bottom: 0px; width: 12px; height: 16px; } .footer-distributed .footer-icons a:hover{ background-color:#fc4f19; width: 35px; height: 35px;} .footer-left ul li a:hover{ color:#fc4f19; } @media (min-width:992px){ .inq-sec .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;} .inq-sec .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;} } .infobar{padding:15px 0px;padding-top:15px;background-color:#fff;} .cta-box{background-color:#EFF1ED;border-radius:30px;overflow:hidden;margin:0px 30px;} .infobar .image-anime{position:relative;overflow:hidden;} .infobar .image-anime:after{content:"";position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:rgba(255, 255, 255, .3);transform:translate(-50%, -50%) rotate(-45deg);z-index:1;} .cta-content{position:relative;padding:0 45px;} .cta-content .phone-icon{width:100px;height:100px;position:relative;border-radius:50px;border:6px solid #ffffff;display:flex;align-items:center;justify-content:center;background:#0c5081;position:absolute;left:0;top:50%;overflow:hidden;transform:translate(-80px, -50%);} .cta-content .phone-icon:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-color);border-radius:50%;transform:translate(-100%, 100%);transition:all 0.3s ease-out;} .cta-content .phone-icon figure{text-align:center;} .cta-content .phone-icon figure img{position:relative;z-index:1; padding: 8px;} .cta-content h3{ font-size: 35px; margin: 0 0 15px 0; font-weight: 700; color: #1f3965;} .cta-content p{ font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333; text-align: justify;} .cta-box:hover .cta-content .phone-icon:before{transform:translate(0);} .cta-content .phone-icon:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#f9603d;border-radius:50%;transform:translate(-100%, 100%);transition:all 0.3s ease-out;} .image-anime:hover:after{height:250%;transition:all 600ms linear;background-color:transparent;} .image-anime:after{content:"";position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:rgba(255, 255, 255, .3);transform:translate(-50%, -50%) rotate(-45deg);z-index:1;} @media (min-width: 320px) and (max-width: 767.98px){ .cta-box{margin:0px 0px;border-radius:20px;} .why-enrich .icon { width: 25%;} .cta-content{padding:0px 15px;} .cta-content h3{font-size:25px;line-height:35px;} .cta-content .phone-icon{width:60px;height:60px;border-width:4px;left:50%;top:auto;transform:translate(-50%, -60px);} .cta-content{padding:30px 15px 15px;text-align:center;} .split-features2 .col-md-3 .tab button { width: 100%; padding: 4px 4px; font-weight: 500; font-size: 20px; gap: 15px; } .tab-img { width: 32px !important; margin: unset !important; } .swiper-slide.testimonial-items { background-color: #fff; margin: 15px 2px 0px 2px; }.footer-distributed .footer-right { padding-right: 0px; } .footer-distributed .footer-center2 { width: 100% !important; display: inline-block; vertical-align: top; } .footer-distributed .footer-left { width: 100% !important; text-align: left; } .footer-distributed { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100% !important; text-align: left; font: bold 16px sans-serif; padding: 30px 30px; margin-top: 0px; padding-bottom: 15px; } .footer-text { height: 120px;} .feature-single { padding: 15px 5px; } .app-features img { width: 52px;} .app-features .icon i { background-color: #ffebd0; border-radius: 45px;} .split-features2 .col-md-3 .tab { display: flex; flex-direction: row; flex-wrap: wrap; } } @media (min-width: 481px) and (max-width: 599.98px){ .cta-box{margin:0px 0px;border-radius:20px;} .cta-content{padding:0px 15px;} .cta-content h3{font-size:28px;line-height:33px;} .cta-content .phone-icon{width:60px;height:60px;border-width:4px;left:50%;top:auto;transform:translate(-50%, -60px);} .cta-content{padding:30px 15px 15px;text-align:center;} .infobar .image-anime{height:270px!important;} .cta-box{margin:0px 15px!important;} } @media (min-width: 600px) and (max-width: 800.98px){ .cta-box{margin:0px 0px;border-radius:20px;} .cta-content{padding:0px 15px;} .cta-content h3{font-size:28px;line-height:33px;} .cta-content .phone-icon{width:60px;height:60px;border-width:4px;left:50%;top:auto;transform:translate(-50%, -60px);} .cta-content{padding:30px 15px 15px;text-align:center;} .infobar .image-anime{height:230px!important;} .cta-box{margin:0px 15px!important;} } @media (min-width: 801px) and (max-width: 991.98px){ .cta-box{margin:0px 0px;border-radius:20px;} .cta-content{padding:0px 15px;} .cta-content h3{font-size:28px;line-height:33px;} .cta-content .phone-icon{width:60px;height:60px;border-width:4px;left:50%;top:auto;transform:translate(-50%, -60px);} .cta-content{padding:30px 15px 15px;text-align:center;} .infobar .image-anime{height:230px!important;} .cta-box{margin:0px 15px!important;} } @media (min-width: 992px) and (max-width: 1199.98px){ .cta-box{margin:0px 0px;border-radius:20px;} .cta-content{padding:0px 15px;} .cta-content h3{font-size:28px;line-height:33px;} .cta-content .phone-icon{width:60px;height:60px;border-width:4px;left:50%;top:auto;transform:translate(-50%, -60px);} .cta-content{padding:30px 15px 15px;text-align:center;} .infobar .image-anime{height:190px!important;} .cta-box{margin:0px 15px!important;} .cta-content .phone-icon{left:12px;top:50%;overflow:hidden;transform:translate(-70px, -50%);} } .inq-sec{ } .contact-us-center p {font-size: 20px !important;} .contact-us-center{ padding: 15px 15px; border-radius: 15px; background-color: #ffe8e2; margin-top: 10px;} .contact-us-center{display: flex;vertical-align: top; gap: 20px; flex-direction: column; padding: 30px 15px;} .contact-us-center i{background-color:#334d74;color:#ffffff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle;} .contact-us-center i.fa-envelope{font-size:17px;line-height:38px;} .contact-us-center p{display:inline-block;color:#1f3965;vertical-align:middle;margin:0;font-weight:600;} .contact-us-center p a{color:#1f3965;text-decoration:none;} @media (max-width: 880px){ .contact-us-center{display:block;width:100%;margin-bottom:40px;text-align:center;} .contact-us-center i{margin-left:0;} } @media (min-width: 320px) and (max-width: 767.98px){ .contact-us-center{display:flex!important;margin-bottom:20px!important;justify-content:flex-start;flex-direction:column;align-items:flex-start;} .contact-us-center p{text-align:left;} } .contact-us-center p span { margin: 0px 0 0px 0; font-size: 25px; font-weight: 600; color: #fc4f26;} .contact-us-center div{ display: flex; align-content: flex-start; align-items: flex-start; } .contact-us-center h1 { margin: 0px 15px; font-size: 32px; } .contact-us .coaching-item p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333; text-align: center; padding-bottom: 20px; padding-top: 6px; } .casestudy_detl { padding: 15px 0px; display: block; } .casestudy_detl .row{align-items:baseline;margin:25px 0px 25px;} .lft_sec{display:block;} .lft_title { font-size: 22px; color: #222; font-weight: 700; line-height: 1.4; text-align: left; } img.pgimg { margin: unset; } .rgt_sec{border-left:2px #ff0000c2 solid;padding-left:50px;} .rgt_sec p{font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333; text-align: justify;} .pgimg{padding:10px 0px;} .rgt_sec b { display: block; line-height: 30px; font-size: 20px; margin: 20px 0px 5px 0px; font-weight: 600; background-color: #e5efff; color: #1f3965; padding: 2px 10px; } .FeaturesOfSchoolApp_features-section__pglVl { padding: 40px 0 !important; background: linear-gradient(180deg, rgb(250 250 250) 0%, rgb(224 230 238 / 37%) 30%); } .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_text-center__FlAna { text-align: center !important;} .mx-auto { margin-right: auto !important; margin-left: auto !important;} .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_section-heading__vtRmm { font-size: 37px; font-weight: 700; line-height: 47px; margin-bottom: 15px !important; color: #fc4f19; } .FeaturesOfSchoolApp_cardmargin__omcE9 { margin: 15px 0; } .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_card__L4HLS { padding: 20px; border-radius: 10px; border: none; height: 100%; justify-content: center; transition: .4s ease; background: linear-gradient(138deg, #1f3965, #1f3965); } .card { position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .FeaturesOfSchoolApp_features-section__pglVl .FeaturesOfSchoolApp_text-center__FlAna { text-align: center !important; line-height: 26px; } .FeaturesOfSchoolApp_imgset__tiBJT { height: auto; width: auto; } .FeaturesOfSchoolApp_features-section__pglVl p.FeaturesOfSchoolApp_hover-card-heading__5tA0v { font-weight: 600; font-size: 16px; color: #fff; margin-bottom: 0; margin-top: 15px; } .col-lg-3 { flex: 0 0 auto; width: 25%; } @media (min-width: 320px) and (max-width: 767.98px){ .casestudy_detl{padding:25px 0px;} .lft_title{font-size:22px;} .rgt_sec{border-left:none;padding-left:0px;} .casestudy_detl .row{margin:10px 0px 20px;} .pgimg{padding:10px 0px 20px;} .banner-three img {width: 89% !important;} .banner-one.ban-one { height: 530px;} .banner-one.ban-two { height: 530px;} .banner-one.ban-three { height: 530px;} } @media (max-width: 767px){ img.hidden { width: 82%;} .navbar {height: unset;margin-bottom: 10px;} .navbar-toggle { margin-right: 10px;} .banner-two { padding: 4px 4px 4px 4px;} .banner-one.ban-one { height: 620px;} .banner-one.ban-two { height: 620px;} .banner-one.ban-three { height: 620px;} } @media (max-width: 420px){ .split-features2 .col-md-3 .tab { display: flex; } } @media (min-width: 1023px){ img.about-img { width: 85%; } } @media (max-width: 460px){ .success-talk2 { flex-direction: column;} .banner-one.ban-one { height: 560px;} .banner-one.ban-two { height: 560px;} .banner-one.ban-three { height: 560px;} } @media (min-width: 768px) and (max-width: 991px){ .navbar .container { width: 100%; } .nav>li>a {padding: 10px 9px; font-size: 15px !important;font-weight: 600 !important;} .navbar-brand { padding: 15px 8px;} .navbar-brand .hidden { width: 80%;} button.main-butt { gap: 5px; padding: 8px 12px;} .navbar .container { width: 100%; display: flex; align-items: center; align-content: center; justify-content: space-between; } .banner-two h3 { line-height: 42px !important; font-size: 32px !important; font-style: normal; font-weight: 700; margin-bottom: 0px;} .banner-two { padding: 0px 0px 0px 0px;} .banner-two p { font-size: 16px; line-height: 25px;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 40px; height: 40px; background-color: #4481dc; border-radius: 45px; padding: 4px; } .row.tab2 .col-sm-3 {width: 50%; } .split-features2 .col-md-3 { width: 100%;} .split-features2 .col-md-3 .tab { margin-bottom: 15px; display: grid; grid-template-columns: auto auto; gap: 10px; margin-bottom: 15px;} h1 { line-height: 3rem;} .testimonial-section .container-fluid.text-center { display: flex; align-items: center; flex-direction: column;} .testimonial-section .col-md-9 { width: 100%;} .testimonial-section .client-section-heading { display: flex; height: 100%; gap: 15px; text-align: center; align-content: center; justify-content: center; flex-direction: column; align-items: center;} .success-talk { display: flex; flex-direction: row; align-items: center;gap: 20px; width: 100%; justify-content: center;} .split-features .col-md-6 { width: 100%;} .success-story {display: flex; width: 100%;text-align: center;} .footer-left { width: 50% !important;} .footer-center { width: 50% !important;} #foott { display: flex; flex-wrap: wrap;} .footer-links span { text-align: left;} .footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right { text-align: left; margin-bottom: 20px; } .client-section-heading h1 { font-size: 30px; font-weight: 700;} .features_img_div img { max-width: 75% !important;} .infobar .image-anime { height: 300px !important;} } @media (min-width: 900px) and (max-width: 1024.98px){ .footer-left { width: 27% !important; } .footer-center { width: 39% !important; } .features_img_div { width: 100%;} .features_img_div img { max-width: 60% !important;} } @media (min-width: 992px) and (max-width: 1024.98px){ .banner-two h3 { line-height: 45px !important; font-size: 36px !important; margin-bottom: 0px;} .section-title h2 { font-size: 34px !important;} .app-features h1 { font-size: 34px !important;} .tab button { display: flex; justify-content: flex-start; align-items: center; align-content: center; gap: 5px; padding: 4px 5px 4px 5px;font-size: 18px;} .feature-single { padding: 15px 10px;} .success-talk2 { gap: 11px;} .faq-div .col-md-6 { padding-top: 0px !important;} .faq-div .accordion { padding: 10px 10px;} .panel { margin-bottom: 10px;} } #myDIV { animation: mymove 5s infinite; } @keyframes mymove { /*from {background-color: #ddd5f9;} to {background-color: #ffe8e2;}*/ 0% { background: #f5eeff; } 25% { background: #ddd5f9; } 50% { background: #ffe8e2; } 75% { background: #ffead5; } 100% { background: #ffdebd; } } @keyframes tilt-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0eg); } 75% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .four-process:nth-child(2n + 1) .timeline__event__icon:after { background: #f59b7f !important;} .four-process:nth-child(2n + 1) .timeline__event__icon:before { background: #f59b7f !important;} section { overflow: unset !important;} @media (min-width: 1300px) and (max-width: 1600.98px){ .services .nav-link {width: 180px;} .services .nav-tabs .nav-item { margin-bottom: 10px;} } @media (min-width: 1600px) and (max-width: 1679.98px){ #aboutt img { width: 85%;} .success-view .callico { width: 85% !important;} .faq-img{ width: 85%; } } @media (min-width: 1680px) and (max-width: 1699.98px){ #aboutt img { width: 85%;} .success-view .callico { width: 82% !important;} .faq-img{ width: 75%; } } @media (min-width: 1800px) and (max-width: 1920.98px){ #aboutt img { width: 85%;} .success-view .callico { width: 75% !important;} .faq-img{ width: 75%; } .banner-two h3 { line-height: 80px !important; font-size: 55px !important;} .section_about h1 { font-size: 42px;} .homeslider .slide-content h1 { font-size: 42px;} .section-title h2 { font-size: 42px;} .coaching-item h1.wow.fadeInDown { font-size: 42px;} .app-features h1 { font-size: 42px;} .testimonial-section h2 { font-size: 42px;} .faq-div h1 { font-size: 42px;} .cta-content h3 { font-size: 45px;} .cta-content p { font-size: 18px;} .footer-distributed .footer-company-about span { font-size: 20px;} .footer-links span { font-size: 20px;} .footer-distributed .footer-center p { font-size: 20px;} .footer-text p { font-size: 18px;} .faq-div .accordion { padding: 20px 20px;} .features_img_div img { max-width: 90%;} .contact-us-center { gap: 40px; padding: 40px 30px;} .timeline__event { width: 70vw;} .timeline__event__content { width: calc(65vw - 84px);} .timeline__event { margin: 30px 0;} } .FeaturesOfSchoolApp_imgset__tiBJT.undefined.img-fluid {width: 95px;} .casestudy .feature-single { display: flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; align-items: flex-start; height: 100%; /*min-height: 385px;*/ padding: 20px; margin: 0px; border-radius: 0px; border: none; background: linear-gradient(138deg, #fdcede, #fde4b7); position: relative; } .casestudy .feature-single:hover { background: linear-gradient(138deg, #fdcede, #aeddff);} .casestudy .item { height: 100%;} .casestudy h2 { font-size: 20px; font-weight: 600; line-height: normal; margin-bottom: 6px !important; } .casestudy p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px; font-weight: 400; color: #333333; text-align: justify; } .casestudy img { width: 125px; padding-left: 10px; padding-top: 1px; padding-bottom: 10px; } .casestudy h1.wow.fadeInDown.animated { color: #fc4f19;} img.case-img { position: absolute; right: 0px; top: -1px; width: 72px; border-radius: 0px; } .casestudy p a { font-weight: 600; color: #1f3965; } .testimonial-section .container{ display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } img.testimoni-img { top: 15px; position: absolute; width: 50px; height: 50px; right: 0px; } .footer-icon { display: flex; align-items: center; justify-content: center; align-content: center; gap: 6px; } .footer-distributed .footer-center2 { width: 16%; display: inline-block; vertical-align: top; } .footer-distributed .footer-left { width: 26%; } .footer-center2 ul li { line-height: 26px; color: #fff !important; font-size: 16px; font-weight: 400; } .footer-center2 ul li a { display: flex; color: #fff; gap: 6px; align-items: center; align-content: center; }