body {font-size: 16px; font-family: "IBM_Plex_Sans-Regular", sans-serif !important; color: #000;} @font-face {font-family: 'IBM_Plex_Sans-Regular'!important; src:url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf");} @font-face {font-family: 'IBM_Plex_Sans-Light'!important; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf");} @font-face {font-family: 'IBM_Plex_Sans-Bold'!important; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf");} html {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400;} .box svg {right: 145px !important;} .nav__menu li a {font-size: 1.2rem !important;} .platforms .pb1 {min-height: 295px !important;} .platforms .pb4 {min-height: 184px !important;} .platforms .pb5 {min-height: 180px !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { body {font-size: 18px; color: #000; font-family: 'IBM Plex Sans', sans-serif !important;} } button:focus {outline: none;} a:focus {outline: none !important; text-decoration: none !important;} header {padding: 0; margin: 0;} .navbar {background: #dcf3fc;} .navbar-light .navbar-nav .nav-link {color: #000; font-size: 19px;} .navbar-nav .nav-link:hover {color: rgba(0, 0, 0, .7);} #navbar {background-color: #dcf3fc; transition: all .5s ease-in-out;} .scroll {background-color: #fff !important; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);} .menu-btn .btn {user-select: none; -moz-user-select: none; background: #0084ff; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; margin-left: 4px; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; height: 44px; position: relative; overflow: hidden; z-index: 1; margin-top: 22px;} .menu-btn .btn::after {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition:all .7s linear; transition-timing-function:cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #ff7a18; z-index: -1;} .menu-btn .btn:hover::after {transform: scaleX(1); transform-origin: left;} .menu-btn .btn:hover {color: #fff;} .dropdown-menu {font-size: 18px;} .dropdown-toggle::after {display: none;} .dropdown:hover {display: block; transition: all .1s linear;} .dropdown-menu .divider {height: 1px; margin: 0; overflow: hidden; background-color: #e5e5e5;} .navbar .dropdown-menu {margin: auto; box-shadow: 0 0 5px 1px #adadad33; width: 64%; border-radius: 12px; padding: 16px 10px !important;} .menu-border {border: #ddd solid 1px; border-radius: 12px; padding: 12px 8px 12px 16px; min-height: 280px; line-height: 30px;} .menu-border2 {border: #ddd solid 1px; border-radius: 12px; padding: 12px 8px 12px 16px; min-height: auto; font-size: 20px;} .menu-title {text-align: center; color: #000; font-size: 20px; font-weight: 700; margin: 8px 0 10px;} .navbar .no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 4px; padding-left: 4px;} .navbar .dropdown-menu h5 {font-weight: 700; margin: 0 0 0 8px; font-size: 15px;} .navbar .dropdown-menu h6 {font-weight: 700; margin: 0 0 0 8px; font-size: 15px;} .navbar .dropdown-menu hr {margin: 0;} .navbar .dropdown-menu li {list-style: none; padding: 4px 8px;} .navbar .dropdown-menu ul li:hover {background: #f5f5f5;} .navbar .dropdown-toggle, .navbar .dropdown-menu a {cursor: pointer; text-decoration: none; color: #000; font-size: 16px; padding: 2px 8px;} .navbar .dropdown-item.active, .navbar .dropdown-item:active {color: inherit; text-decoration: none; background-color: inherit;} .navbar .dropdown-item:focus, .navbar .dropdown-item:hover {color: #fff; text-decoration: none; background-color: #f8f9fa;} .dropdown-toggle::after {display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;} @media (min-width: 767px) { .navbar .dropdown-toggle:not(.nav-link)::after {display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid;} } .navbar {padding-top: 0; padding-bottom: 0;} .navbar-light .navbar-brand {color: #2196F3; padding: 0;} .navbar-light .navbar-nav .nav-link {color: #1ebdc2;} .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #1ebdc2;} .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;} .navbar-light .navbar-nav .nav-link {transition: .3s; color: #000; padding: 29px 14px;} .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background: #0084ff !important; transition: .3s;} .dropdown-item:focus, .dropdown-item:hover {color: #000 !important; text-decoration: none; background-color: #f5f5f5 !important; border-radius: 4px;} .sm-menu {order-radius: 0; border: 0; top: 97%; box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0;} .dropdown-item {color: #3c3c3c;} .dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #2196F3;} .navbar-toggler {outline: none !important;} .navbar-tog {color: #1ebdc2;} .megamenu-li {position: static;} .megamenu {position: absolute; width: 100%; left: 0; right: 0; padding: 15px;} .megamenu h6 {margin-left: 21px;} .sales-no {float: left; color: #999; font-weight: 400; font-size: 180% !important; position: absolute; margin-left: 200px !important; top: 47px;} .phone {width: 350px; height: 50px; border-left: 1px solid #ccc; padding: 0 0 0 10px; line-height: 50px; margin-left: 10px; position: absolute; left: -73px; top: -28px; font-size: 24px;} .banner-area {background: #f1fff5; position: relative; color: #fff; padding-top: 7em;} .banner-area.bg-top {background-size: cover; background-position: bottom center;} .banner-area h1 {color: #045ba8; margin-bottom: 12px; line-height: 1.4;} .banner-area h1 span {color: #0072ff; font-weight: 700;} .banner-area p {color: #000; font-size: 24px;} .banner-img img {width: 100%; text-align: center;} .info {margin: 40px 0px;} .custom-shape-divider-bottom-1684927605 {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0;} .custom-shape-divider-bottom-1684927605 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 119px;} p {font-size: 17px;} .inner-banner {background-color: #ccedf5; margin: 0; padding: 0 8px; height: 250px; border-radius: 8px;} .feat-cont {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .intro-txt {margin: 50px auto;} .intro-txt p{font-size: 18px; line-height: 28px;} .section-title {text-align: center; margin: 30px 0;} .section-title h2 {margin-bottom: 0; font-size: 30px!important; font-weight: 500; line-height: 45px; position: relative; /* top: -14px*/} .section-title h2 span {color: #000;} h2 span {color: #000;} .section-title .bar {height: 5px; width: 90px; background: #007bff; margin: 20px auto; position: relative; border-radius: 30px;} .section-title p {max-width: 520px; margin: 0 auto;} @-webkit-keyframes MOVE-BG { 0% {-webkit-transform: translateX(0); transform: translateX(0);} to {-webkit-transform: translateX(88px); transform: translateX(88px);} } @keyframes MOVE-BG { 0% {-webkit-transform: translateX(0); transform: translateX(0);} to {-webkit-transform: translateX(88px); transform: translateX(88px);} } .platforms .card {margin-bottom: 20px; border-radius: 10px;} .platforms .mrlft {margin: 0 0 20px -13px;} .platforms .pad_nil {padding: 0;} .platforms .pb1 {background-color: #466ae4; border-radius: 0 0 10px 10px; color: #fff !important; padding-bottom: 28px; min-height: 277px;} .platforms .card-heading {padding: 22px 15px; border-radius: 10px; border-bottom: 1px solid transparent; border-bottom-color: transparent; font-size: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: transparent !important; text-align: center; font-weight: 700;} .platforms .card-default p {margin: 0 0 2px !important; color: #000;} .platforms .card-default p a {margin: 0 0 5px !important; color: #000; text-decoration: none;} .platforms .pb1 p a {color: #fff !important; margin-bottom: 5px;} .platforms .pb2 p a {color: #000 !important; margin-bottom: 5px;} .platforms .pb3 p a {color: #fff !important; margin-bottom: 5px;} .platforms .pb4 p a {color: #fff !important; margin-bottom: 5px;} .platforms .pb5 p a {color: #fff !important; margin-bottom: 5px;} .platforms .pb1 p {color: #fff !important; margin-bottom: 5px;} .platforms .pb2 {background-color: #0bb7c1; border-radius: 0 0 10px 10px; color: #fff !important; padding-bottom: 0;} .platforms .pb3 {background-color: #1f487f; border-radius: 0 0 10px 10px; color: #fff !important;} .platforms .pb4 {background-color: #bd2b94; border-radius: 0 0 10px 10px; color: #fff !important; padding-bottom: 17px; min-height: 172px;} .platforms .pb5 {background-color: #f27417; border-radius: 0 0 10px 10px; color: #fff !important; min-height: 172px;} .platforms .phead1 {background-color: #086594 !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px; padding: 10px;} .platforms .phead2 {background-color: #078665 !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px; padding: 10px;} .platforms .phead3 {background-color: #93024e !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px; padding: 10px;} .brand-bg {background: #edf9f9; z-index: 1; position: relative; margin-top: -30px;} .brand {background: #f8f8f8; padding: 10px 15px;} .client-sec {padding-top: 120px; padding-bottom: 50px; background-color: #f5f5f5; margin-top: 130px; margin-bottom: 10px;} .ex-detail {position: relative;} .ex-detail .large-heading {padding-left: 35px; overflow-wrap: break-word;} .ex-detail .heading-1, .ex-detail .heading-2 {display: block; font-weight: 500; font-size: 40px; color: #142022;} .ex-detail .fly-text {position: absolute; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); font-size: 16px; bottom: 35px; font-weight: 600; text-transform: uppercase; color: #f1c30f; left: -56px;} .client-sec .client-des {position: relative;} .client-sec .client-des .testimonial-box {background-color: #f4fafe; margin-top: -175px; border-radius: 10px; padding: 20px 20px 60px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px #0000001a;} .client-sec .client-des .testimonial-box .quote-txt {font-size: 19px; font-style: italic; line-height: 24px; margin-bottom: 20px;} .client-sec .client-des .testimonial-box .media h2 {margin: 8px 0 0; font-size: 18px;} .client-sec .client-des .testimonial-box .media p {margin: 0; font-size: 15px; line-height: 18px;} .client-sec .client-des .testimonial-box .client-face {width: 70px; height: 70px; border-radius: 50%; border: 2px solid #198bdd; margin-right: 10px; padding: 3px;} .client-sec .client-des .testimonial-box .client-rating img {text-align: center; display: block; margin: auto;} .client-sec .client-des .testimonial-box .client-rating p {margin: 10px 0; font-size: 18px; line-height: 18px; text-align: center; font-weight: 600;} .client-sec .client-des .testimonial-box .rating {font-size: 16px;} .client-sec .client-des .testimonial-box .rating span {font-weight: 600;} .client-sec .client-des .testimonial-box .rating p {text-align: left; margin: 4px 0;} .client-sec .client-des .testimonial-box .rating p svg {color: #f7b502; text-align: left;} .client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 14px;} .client-sec .client-des .testimonial-box .carousel-indicators {bottom: -60px;} .client-sec .client-des .testimonial-box .carousel-indicators li {width: 14px; background: #20acf8; border-radius: 4px; height: auto;} .feat1 {background: #f1fdfc; padding: 10px 0; position: relative; margin: 0;} .curve1 {background: url(../images/curve-1.png) no-repeat; height: 142px; width: 100%; position: relative; top: 40px;} .curve2 {background: url(../images/curve-2.png) no-repeat; height: 68px; width: 100%; position: relative; top: -30px;} .feat1 .feat-cont h2 {font-size: 30px;} .feat1 .feat-cont p {font-size: 20px;} .feat1 h4 {font-size: 20px; color: #000;} .feat1 p {font-size: 20px; color: #333;} .feat1 .sub-txt {font-size: 16px; color: #444;} .feat1 svg {width: 450px;} .feat2 {background: #fffcf2; padding: 60px 0 0; position: relative; margin: -30px 0 0;} .curve3 {background: url(../images/curve-3.png) no-repeat; height: 142px; width: 100%; position: relative; top: -90px;} .feat2 .feat-cont h2 {font-size: 30px;} .feat2 .feat-cont p {font-size: 20px;} .feat2 h4 {font-size: 20px; color: #000;} .feat2 p {font-size: 20px; color: #333;} .feat2 .sub-txt {font-size: 16px; color: #444;} .feat2 svg {width: 450px;} .feat13 {background: #e8f9ff; padding: 10px 0 0; position: relative; margin: 2px 0 0;} .curve14 {background: url(../images/curve-14.png) no-repeat; height: 142px; width: 100%; position: relative; top: -28px;} .feat3 .feat-cont h2 {font-size: 30px;} .feat3 .feat-cont p {font-size: 20px;} .feat3 h4 {font-size: 20px; color: #000;} .feat3 p {font-size: 20px; color: #333;} .feat3 .sub-txt {font-size: 16px; color: #444;} .feat3 svg {width: 450px;} .feat3 {background: #e9f4ff; padding: 10px 0 0; position: relative; margin: 2px 0 0;} .curve4 {background: url(../images/curve-4.png) no-repeat; height: 142px; width: 100%; position: relative; top: -28px;} .feat3 .feat-cont h2 {font-size: 30px;} .feat3 .feat-cont p {font-size: 20px;} .feat3 h4 {font-size: 20px; color: #000;} .feat3 p {font-size: 20px; color: #333;} .feat3 .sub-txt {font-size: 16px; color: #444;} .feat3 svg {width: 450px;} .feat4 {background: #f1fdfc; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve5 {background: url(../images/curve-5.png) no-repeat; height: 142px; width: 100%; position: relative; top: -60px;} .feat4 .feat-cont h2 {font-size: 30px;} .feat4 .feat-cont p {font-size: 20px;} .feat4 h4 {font-size: 20px; color: #000;} .feat4 p {font-size: 20px; color: #333;} .feat4 .sub-txt {font-size: 16px; color: #444;} .feat4 svg {width: 450px;} .feat6 {background: #fffcf2; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve6 {background: url(../images/curve-7.png) no-repeat; height: 90px; width: 100%; position: relative; top: -14px;} .feat6 .feat-cont h2 {font-size: 30px;} .feat6 .feat-cont p {font-size: 20px;} .feat6 h4 {font-size: 20px; color: #000;} .feat6 p {font-size: 20px; color: #333;} .feat6 .sub-txt {font-size: 16px; color: #444;} .feat6 svg {width: 450px;} .feat7 {background: #f1fdfc; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve7 {background: url(../images/curve-6.png) no-repeat; height: 142px; width: 100%; position: relative; top: -14px;} .feat7 .feat-cont h2 {font-size: 30px;} .feat7 .feat-cont p {font-size: 20px;} .feat7 h4 {font-size: 20px; color: #000;} .feat7 p {font-size: 20px; color: #000;} .feat7 .sub-txt {font-size: 16px; color: #444;} .feat7 svg {width: 450px;} .feat8 {background: #fffcf2; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve8 {background: url(../images/curve-6.png) no-repeat; height: 142px; width: 100%; position: relative; top: -14px;} .feat8 .feat-cont h2 {font-size: 30px;} .feat8 .feat-cont p {font-size: 20px;} .feat8 h4 {font-size: 20px; color: #000;} .feat8 p {font-size: 20px; color: #333;} .feat8 .sub-txt {font-size: 16px; color: #444;} .feat8 svg {width: 450px;} .feat9 {background: #fcf6ff; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve9 {background: url(../images/curve-9.png) no-repeat; height: 142px; width: 100%; position: relative; top: 0;} .feat9 .feat-cont h2 {font-size: 30px;} .feat9 .feat-cont p {font-size: 20px;} .feat9 h4 {font-size: 20px; color: #000;} .feat9 p {font-size: 20px; color: #333;} .feat9 .sub-txt {font-size: 16px; color: #444;} .feat9 svg {width: 450px;} .feat10 {background: #f7fcef; padding: 15px 0 0; position: relative; margin: 60px 0 0; top:30px;} .curve10 {background: url(../images/curve-10.png) no-repeat; height: 142px; width: 100%; position: relative; top: -14px;} .feat10 .feat-cont h2 {font-size: 30px;} .feat10 .feat-cont p {font-size: 20px;} .feat10 h4 {font-size: 20px; color: #000;} .feat10 p {font-size: 20px; color: #333;} .feat10 .sub-txt {font-size: 16px; color: #444;} .feat10 svg {width: 450px;} .feat11 {background: #fffafb; padding: 15px 0 0; position: relative; margin: 60px 0 0;} .curve11 {background: url(../images/curve-11.png) no-repeat; height: 142px; width: 100%; position: relative; top: -14px;} .feat11 .feat-cont h2 {font-size: 30px;} .feat11 .feat-cont p {font-size: 20px;} .feat11 h4 {font-size: 20px; color: #000;} .feat11 p {font-size: 20px; color: #333;} .feat11 .sub-txt {font-size: 16px; color: #444;} .feat11 svg {width: 450px;} .feat-box {padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1); box-shadow: 0 0 10px rgba(72, 69, 224, .1); min-height: 332px; height: 360px;} .feat-box:hover::before {opacity: 0; visibility: visible; color: #000 !important;} .feat-box:hover {-webkit-transform: translateY(-9px); transform: translateY(-9px); color: #000 !important; padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; min-height: 332px; height: 360px;} .feat-box::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 5px; height: 100%; color: #000 !important; opacity: 0; visibility: hidden;} .feat-box .icon {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e4f6ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box .icon2 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe7e1; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box .icon3 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f8e9ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box .icon4 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe9cf; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box .icon5 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f2ffe9; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s} .feat-box .icon6 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e9fffc; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box img {text-align: center; color: #44ce6f;} .feat-box:hover .icon {background: #fff; color: #44ce6f;} .feat-box:hover a, .feat-box:hover h4, .feat-box:hover p {color: #000;} .feat-box1 {padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1); box-shadow: 0 0 10px rgba(72, 69, 224, .1); min-height: 332px; height: 300px;} /*.feat-box1:hover::before {opacity: 0; visibility: visible; color: #000 !important;} .feat-box1:hover {-webkit-transform: translateY(-9px); transform: translateY(-9px); color: #000 !important; padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; min-height: 332px; height: 300px;} .feat-box1::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 5px; height: 100%; color: #000 !important; opacity: 0; visibility: hidden}*/ .feat-box1 .icon {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e4f6ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon2 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe7e1; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon3 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f8e9ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon4 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe9cf; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon5 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f2ffe9; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon6 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e9fffc; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 img {text-align: center; color: #44ce6f;} .feat-box1:hover .icon {background: #fff; color: #44ce6f;} .feat-box1:hover a, .feat-box1:hover h4, .feat-box1:hover p {color: #000;} .custom-section-curved-top-2 {position: absolute; top: -255px; left: 0;} .feat-box p {font-size: 18px;} .feat-box1 p {font-size: 18px;} .customer-success .success1 {background: #f4efd7; padding: 10px; border-radius: 20px; min-height: 320px;} .customer-success .success2 {background: #d7f5d9; padding: 10px; border-radius: 20px; min-height: 320px;} .customer-success .success3 {background: #d7ebf5; padding: 10px; border-radius: 20px; min-height: 320px;} .customer-success .inner-white {background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0 0 32px -7px rgba(0, 0, 0, .1);} .customer-success p {font-size: 18px; line-height: 29px; padding: 10px; text-align: center;} .success-btn {background: #ff900e; font-size: 18px; text-align: center; border-radius: 30px; color: #fff; padding: 7px 22px !important;} .footer {background: #0075a1 !important; padding: 50px 20px 10px !important; color: #ccc !important; border-top: 1px solid #ddd; line-height: 20px;} .footer h6 {font-size: 20px !important; color: #fff !important; margin: 5px 0 10px; text-transform: uppercase; font-weight: 400;} .box-responsive {width: 20%;} .footer .list-inline {margin-left: 0;} .footer-nav {list-style: none; float: left; height: auto; padding: 0; color: #333; font-weight: 400; font-size: 13px; text-decoration: none;} .footer-nav li {list-style: none; line-height: 1.3; padding: 4px 0; color: #fff; font-weight: 400;} .footer-nav li span {color: #ffcf96; font-size: 14px;} .footer-nav li a {color: #fff; font-weight: 400; font-size: 15px; text-decoration: none;} .footer-nav li a:hover {color: #b1eaff; padding-left: 4px; transition: all .3s ease-in-out 0;} .footer-bottom {background: #0075a1; border-top: rgba(192, 192, 192, 0.3) solid 1px !important; color: #b1eaff !important; font-size: 15px; padding: 8px 0; font-weight: 400; text-align: center;} .footer-bottom a {color: #b1eaff; padding: 5px;} .footer-bottom a:hover {color: #fff;} .footer-bottom p {color: #b1eaff !important; text-align: center;} .suti-tc {color: #b1eaff; line-height: 20px !important; text-align: center;} .suti-copyright {color: #b1eaff; line-height: 20px !important; text-align: right;} .f-footer-section .tlinks {margin-top: 5px;} .f-footer-section .tlinks2 img {margin-top: 20px; width: 80%; text-align: right; float: right !important;} .f-footer-section-bot {font-size: 13px !important; background: #071e2a !important; clear: both; padding: 0 2%; text-align: left; z-index: 2; padding-top: 5px; padding-bottom: 5px; position: relative;} .f-footer-section-bot a {color: #666;} .footer .list-inline > li {margin: 0; padding: 0;} .cpt-img {width: 90%;} .suti-copyright {text-align: right; color: #8daab9;} .soc {width: 100%;} .pwdby-img {margin-top: 10px !important;} .ft-icon1 {width:35px; height:35px; background:#fff; border:#3078ac solid 1px; border-radius:25px; padding:5px 6px 3px; text-align:center; color: #4e71a8;} .ft-icon2 {width:35px; height:35px; background:#fff; border:#01aee6 solid 1px; border-radius:25px; padding:5px 8px 3px; text-align:center; color: #1cb7eb;} .ft-icon3 {width:35px; height:35px; background:#fff; border:#41a3d2 solid 1px; border-radius:25px; padding:5px 6px 3px; text-align:center; color: #1686b0;} .ft-icon4 {width:35px; height:35px; background:#fff; border:#fe3731 solid 1px; border-radius:25px; padding:6px 6px 3px; text-align:center; color: #f70000;} .footer .footer-nav .list-inline > li {padding: 0 5px 0 0;} .footer .footer-nav .list-inline-item:not(:last-child) {margin-right: 0;} .footer .footer-nav .list-inline > li a:hover {padding: 0 !important;} .footer .ft-logo {width: 40%; float: right;} .footer p {font-size: 15px;} .ft-btm-icons {text-align: right;} .ft-btm-icons .footer-nav {float: right; clear: both;} .cookie-box h1 {color: #000; font-size: 23px; padding: 8px 0; text-align: left !important;} .optanon-alert-box-wrapper {position: fixed; width: 80%; background: #120036; border-radius: 10px 10px 0 0; bottom: 0; left: 50%; padding: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9;} .optanon-alert-box-wrapper .optanon-alert-box-corner-close a {float: right; position: relative; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc0IDc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NCA3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0NDQ0NDQzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbDojNjY2NjY2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcsNzEuNWMtOS42LDAtMTcuOC0zLjQtMjQuNC0xMC4xQzUuOCw1NC40LDIuNSw0Ni41LDIuNSwzN2MwLTkuNiwzLjQtMTcuOCwxMC4xLTI0LjQNCgkJQzE5LjIsNS45LDI3LjQsMi41LDM3LDIuNWM5LjYsMCwxNy44LDMuNCwyNC40LDEwLjFjNi44LDYuOSwxMC4xLDE0LjksMTAuMSwyNC40YzAsOS42LTMuNCwxNy44LTEwLjEsMjQuNA0KCQlDNTQuNCw2OC4yLDQ2LjUsNzEuNSwzNyw3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNyw1YzguOSwwLDE2LjQsMy4xLDIyLjYsOS40QzY1LjgsMjAuNyw2OSwyOC4xLDY5LDM3cy0zLjEsMTYuNC05LjQsMjIuNkM1My4zLDY1LjgsNDUuOSw2OSwzNyw2OQ0KCQlzLTE2LjQtMy4xLTIyLjYtOS40UzUsNDUuOSw1LDM3czMuMS0xNi40LDkuNC0yMi42QzIwLjYsOC4xLDI4LjEsNSwzNyw1IE0zNywwQzI2LjgsMCwxOCwzLjcsMTAuOSwxMC45QzMuNywxOCwwLDI2LjgsMCwzNw0KCQljMCwxMCwzLjYsMTguOCwxMC44LDI2LjFDMTcuOSw3MC4zLDI2LjgsNzQsMzcsNzRjMTAsMCwxOC44LTMuNiwyNi4xLTEwLjhDNzAuMyw1Ni4xLDc0LDQ3LjIsNzQsMzdjMC0xMC0zLjYtMTguOC0xMC44LTI2LjENCgkJQzU2LjEsMy43LDQ3LjIsMCwzNywwTDM3LDB6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuNCw0Ny43TDQxLjcsMzdsMTAuOS0xMC43YzAuNi0wLjYsMC42LTEuMSwwLTEuN2wtMy4xLTNjLTAuMy0wLjMtMC42LTAuNC0wLjktMC40Yy0wLjIsMC0wLjQsMC4xLTAuNywwLjQNCglMMzcsMzIuMUwyNi4xLDIxLjZjLTAuMy0wLjMtMC41LTAuNC0wLjctMC40Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjRsLTMsM2MtMC42LDAuNi0wLjYsMS4xLDAsMS43TDMyLjQsMzdMMjEuNiw0Ny45DQoJYy0wLjIsMC4xLTAuMywwLjMtMC4zLDAuN3MwLjEsMC43LDAuMywwLjlsMywzLjFjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjNzMC43LTAuMSwwLjktMC4zTDM3LDQxLjdsMTAuOSwxMC43DQoJYzAuMywwLjMsMC41LDAuNCwwLjcsMC40YzAuMywwLDAuNi0wLjEsMC45LTAuNGwzLTNjMC4zLTAuMiwwLjQtMC41LDAuNC0wLjlDNTIuOSw0OC4zLDUyLjcsNDgsNTIuNCw0Ny43eiIvPg0KPC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc0IDc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NCA3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0NDQ0NDQzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbDojNjY2NjY2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcsNzEuNWMtOS42LDAtMTcuOC0zLjQtMjQuNC0xMC4xQzUuOCw1NC40LDIuNSw0Ni41LDIuNSwzN2MwLTkuNiwzLjQtMTcuOCwxMC4xLTI0LjQNCgkJQzE5LjIsNS45LDI3LjQsMi41LDM3LDIuNWM5LjYsMCwxNy44LDMuNCwyNC40LDEwLjFjNi44LDYuOSwxMC4xLDE0LjksMTAuMSwyNC40YzAsOS42LTMuNCwxNy44LTEwLjEsMjQuNA0KCQlDNTQuNCw2OC4yLDQ2LjUsNzEuNSwzNyw3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNyw1YzguOSwwLDE2LjQsMy4xLDIyLjYsOS40QzY1LjgsMjAuNyw2OSwyOC4xLDY5LDM3cy0zLjEsMTYuNC05LjQsMjIuNkM1My4zLDY1LjgsNDUuOSw2OSwzNyw2OQ0KCQlzLTE2LjQtMy4xLTIyLjYtOS40UzUsNDUuOSw1LDM3czMuMS0xNi40LDkuNC0yMi42QzIwLjYsOC4xLDI4LjEsNSwzNyw1IE0zNywwQzI2LjgsMCwxOCwzLjcsMTAuOSwxMC45QzMuNywxOCwwLDI2LjgsMCwzNw0KCQljMCwxMCwzLjYsMTguOCwxMC44LDI2LjFDMTcuOSw3MC4zLDI2LjgsNzQsMzcsNzRjMTAsMCwxOC44LTMuNiwyNi4xLTEwLjhDNzAuMyw1Ni4xLDc0LDQ3LjIsNzQsMzdjMC0xMC0zLjYtMTguOC0xMC44LTI2LjENCgkJQzU2LjEsMy43LDQ3LjIsMCwzNywwTDM3LDB6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuNCw0Ny43TDQxLjcsMzdsMTAuOS0xMC43YzAuNi0wLjYsMC42LTEuMSwwLTEuN2wtMy4xLTNjLTAuMy0wLjMtMC42LTAuNC0wLjktMC40Yy0wLjIsMC0wLjQsMC4xLTAuNywwLjQNCglMMzcsMzIuMUwyNi4xLDIxLjZjLTAuMy0wLjMtMC41LTAuNC0wLjctMC40Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjRsLTMsM2MtMC42LDAuNi0wLjYsMS4xLDAsMS43TDMyLjQsMzdMMjEuNiw0Ny45DQoJYy0wLjIsMC4xLTAuMywwLjMtMC4zLDAuN3MwLjEsMC43LDAuMywwLjlsMywzLjFjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjNzMC43LTAuMSwwLjktMC4zTDM3LDQxLjdsMTAuOSwxMC43DQoJYzAuMywwLjMsMC41LDAuNCwwLjcsMC40YzAuMywwLDAuNi0wLjEsMC45LTAuNGwzLTNjMC4zLTAuMiwwLjQtMC41LDAuNC0wLjlDNTIuOSw0OC4zLDUyLjcsNDgsNTIuNCw0Ny43eiIvPg0KPC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCiAgPHBhdGggZmlsbD0iIzk5OSIgZD0iTTEwMTEuNzE1NjMsMzI3LjcwMzQ3IEwxMDA3LjAzNDM3LDMyMi45Nzc5MTggTDEwMTEuODAzMTMsMzE4LjI1MjM2NiBDMTAxMi4wNjU2MiwzMTcuOTg3MzgyIDEwMTIuMDY1NjIsMzE3Ljc2NjU2MiAxMDExLjgwMzEzLDMxNy41MDE1NzcgTDEwMTAuNDQ2ODcsMzE2LjE3NjY1NiBDMTAxMC4zMTU2MiwzMTYuMDQ0MTY0IDEwMTAuMTg0MzgsMzE2IDEwMTAuMDUzMTMsMzE2IEMxMDA5Ljk2NTYzLDMxNiAxMDA5Ljg3ODEyLDMxNi4wNDQxNjQgMTAwOS43NDY4OCwzMTYuMTc2NjU2IEwxMDA0Ljk3ODEyLDMyMC44MTM4OCBMMTAwMC4yMDkzOCwzMTYuMTc2NjU2IEMxMDAwLjA3ODEyLDMxNi4wNDQxNjQgOTk5Ljk5MDYyNSwzMTYgOTk5LjkwMzEyNSwzMTYgQzk5OS43NzE4NzUsMzE2IDk5OS42NDA2MjUsMzE2LjA0NDE2NCA5OTkuNTA5Mzc1LDMxNi4xNzY2NTYgTDk5OC4xOTY4NzUsMzE3LjUwMTU3NyBDOTk3LjkzNDM3NSwzMTcuNzY2NTYyIDk5Ny45MzQzNzUsMzE3Ljk4NzM4MiA5OTguMTk2ODc1LDMxOC4yNTIzNjYgTDEwMDIuOTY1NjMsMzIyLjk3NzkxOCBMOTk4LjI0MDYyNSwzMjcuNzkxNzk4IEM5OTguMTUzMTI1LDMyNy44MzU5NjIgOTk4LjEwOTM3NSwzMjcuOTI0MjkgOTk4LjEwOTM3NSwzMjguMTAwOTQ2IEM5OTguMTA5Mzc1LDMyOC4yNzc2MDMgOTk4LjE1MzEyNSwzMjguNDEwMDk1IDk5OC4yNDA2MjUsMzI4LjQ5ODQyMyBMOTk5LjU1MzEyNSwzMjkuODY3NTA4IEM5OTkuNjQwNjI1LDMyOS45NTU4MzYgOTk5Ljc3MTg3NSwzMzAgOTk5Ljk0Njg3NSwzMzAgQzEwMDAuMTIxODgsMzMwIDEwMDAuMjUzMTIsMzI5Ljk1NTgzNiAxMDAwLjM0MDYzLDMyOS44Njc1MDggTDEwMDQuOTc4MTIsMzI1LjA1MzYyOCBMMTAwOS43NDY4OCwzMjkuNzc5MTggQzEwMDkuODc4MTIsMzI5LjkxMTY3MiAxMDA5Ljk2NTYzLDMyOS45NTU4MzYgMTAxMC4wNTMxMywzMjkuOTU1ODM2IEMxMDEwLjE4NDM4LDMyOS45NTU4MzYgMTAxMC4zMTU2MiwzMjkuOTExNjcyIDEwMTAuNDQ2ODcsMzI5Ljc3OTE4IEwxMDExLjc1OTM3LDMyOC40NTQyNTkgQzEwMTEuODkwNjIsMzI4LjM2NTkzMSAxMDExLjkzNDM4LDMyOC4yMzM0MzggMTAxMS45MzQzOCwzMjguMDU2NzgyIEMxMDExLjkzNDM4LDMyNy45Njg0NTQgMTAxMS44NDY4NywzMjcuODM1OTYyIDEwMTEuNzE1NjMsMzI3LjcwMzQ3IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OTggLTMxNikiLz4NCjwvc3ZnPg0K) !important; right: 8px; top: 8px; background-size: 16px 16px; width: 16px; height: 16px;} .optanon-alert-box-body a {color: #fff !important; text-decoration: underline !important;} .optanon-alert-box-body p {color: #fff !important; margin-bottom: 0; font-size: 15px;} .optanon-alert-box-body a:hover {color: #f5f5f5; text-decoration: none !important;} .optanon-alert-box-wrapper .optanon-alert-box-bg p {color: #FFF !important; font-size: 11pt; line-height: 16pt; padding-bottom: 5px;} .optanon-alert-box-wrapper .optanon-alert-box-button {float: right; margin-right: 30px; margin-bottom: 10px; line-height: initial;} .optanon-alert-box-wrapper a {background-color: transparent;} .btn-md {background: #fff; color: #000; border: #8bcaeb solid 1px; border-radius: 24px !important; padding: 8px 16px; font-size: 16px !important; margin: 12px 0 12px 10px !important;} .btn-md:hover {background: #8bcaeb; color: #000;} .cookie-box h1 {color: #000; font-size: 23px; padding: 8px 0; text-align: left !important;} .cookie-box p {color: #464646; font-size: 16px;} #topcontrol {background: url(../images/top-arrow.png) no-repeat center center; height: 40px; width: 40px; z-index: 9999; border: #2e72bf solid 4px; border-radius: 24px; opacity: 1 !important;} .chat-icon {width: 70px; height: 90px; position: fixed; border-radius: 100%; bottom: -10px !important; right: 40px; z-index: 1000;} .box1 {width: 172px; margin: 50px auto; background: #dfe3eb; padding: 10px; text-align: left; color: #333; right: 134px; position: fixed; z-index: 1000; bottom: -40px; line-height: 24px; font-size: 15px;} .sb1:before {content: ""; width: 0; height: 0; position: absolute; border-left: 10px solid #dfe3eb; border-right: 10px solid transparent; border-top: 10px solid #dfe3eb; border-bottom: 10px solid transparent; right: -19px; top: 6px;} .box1 a {width: 0; display: inline-block;} .box1 svg {position: relative; top: -44px; right: 158px; color: #000 !important;} .chat-count {background: red; color: #fff; position: relative; border-radius: 25px; display: inline-block; text-align: center; left: 30px; top: -15px; width: 22px; height: 22px; font-size: 14px;} #chatBotSubmitBtn {border: none;} .chatbot-footer .btn {background: transparent; border: none;} .chatbot-footer .btn:hover {background: transparent;} .btn-section {margin: 40px 0; text-align: center;} .btn-section .btn {user-select: none; -moz-user-select: none; background: #ff7a18; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; display: inline-block; font-size: 17px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; height: 46px; position: relative; overflow: hidden; z-index: 1; padding: 14px 30px;} .btn-section .btn::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: all .7s linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #0084ff; z-index: -1;} .btn-section .btn:hover::after {transform: scaleX(1); transform-origin: left;} .btn-section .btn:hover {color: #fff;} .btn-section a:hover {text-decoration: none;} .animatable {visibility: hidden; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;} .animated {visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;} @-webkit-keyframes fadeInDown { 0% {opacity: 0; -webkit-transform: translateY(-20px);transform: translateY(-20px);} 100% {opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);} } @-moz-keyframes fadeInDown { 0% {opacity: 0; -moz-transform: translateY(-20px);transform:translateY(-20px);} 100% {opacity: 1; -moz-transform: translateY(0);transform: translateY(0);} } @-o-keyframes fadeInDown { 0% {opacity: 0; -o-transform: translateY(-20px);transform: translateY(-20px);} 100% {opacity: 1; -o-transform: translateY(0);transform: translateY(0);} } @keyframes fadeInDown { 0% {opacity: 0; transform: translateY(-20px);} 100% {opacity: 1; transform: translateY(0);} } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 60% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes bounceInLeft { 0% {opacity: 0; -webkit-transform: translateX(-2000px);transform: translateX(-2000px);} 60% {-webkit-transform: translateX(20px);transform: translateX(20px);} 80% {-webkit-transform: translateX(-5px);transform: translateX(-5px);} 100% {opacity: 1; -webkit-transform: translateX(0);transform: translateX(0);} } @-moz-keyframes bounceInLeft { 0% {opacity: 0; -moz-transform: translateX(-2000px);transform: translateX(-2000px);} 60% {-moz-transform: translateX(20px);transform: translateX(20px);} 80% {-moz-transform: translateX(-5px);transform: translateX(-5px);} 100% {opacity: 1; -moz-transform: translateX(0);transform: translateX(0);} } @-o-keyframes bounceInLeft { 0% {opacity: 0; -o-transform: translateX(-2000px);transform: translateX(-2000px);} 60% {opacity: 1; -o-transform: translateX(20px);transform: translateX(20px);} 80% {-o-transform: translateX(-5px);transform: translateX(-5px);} 100% {opacity: 1; -o-transform: translateX(0);transform: translateX(0);} } @keyframes bounceInLeft { 0% {opacity: 0; transform: translateX(-2000px);} 60% {transform: translateX(20px);} 80% {transform: translateX(-5px);} 100% {opacity: 1; transform: translateX(0);} } @-webkit-keyframes bounceInRight { 0% {opacity: 0; -webkit-transform: translateX(2000px);transform: translateX(2000px);} 60% {-webkit-transform: translateX(-20px);transform: translateX(-20px);} 80% {-webkit-transform: translateX(5px);transform: translateX(5px);} 100% {opacity: 1; -webkit-transform: translateX(0);transform: translateX(0);} } @-moz-keyframes bounceInRight { 0% {opacity: 0; -moz-transform: translateX(2000px);transform: translateX(2000px);} 60% {-moz-transform: translateX(-20px);transform: translateX(-20px);} 80% {-moz-transform: translateX(5px);transform: translateX(5px);} 100% {opacity: 1; -moz-transform: translateX(0);transform: translateX(0);} } @-o-keyframes bounceInRight { 0% {opacity: 0; -o-transform: translateX(2000px);transform: translateX(2000px);} 60% {-o-transform: translateX(-20px);transform: translateX(-20px);} 80% {-o-transform: translateX(5px);transform: translateX(5px);} 100% {opacity: 1; -o-transform: translateX(0);transform: translateX(0);} } @keyframes bounceInRight { 0% {opacity: 0; transform: translateX(2000px);} 60% {transform: translateX(-20px);} 80% {transform: translateX(5px);} 100% {opacity: 1; transform: translateX(0);} } @-webkit-keyframes fadeInUp { 0% {opacity: 0; -webkit-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);} } @-moz-keyframes fadeInUp { 0% {opacity: 0; -moz-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1; -moz-transform: translateY(0);transform: translateY(0);} } @-o-keyframes fadeInUp { 0% {opacity: 0; -o-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1; -o-transform: translateY(0);transform: translateY(0);} } @keyframes fadeInUp { 0% {opacity: 0; transform: translateY(20px);} 100% {opacity: 1; transform: translateY(0);} } @-webkit-keyframes bounceIn { 0% {opacity: 0; -webkit-transform: scale(.3);transform: scale(.3);} 50% {-webkit-transform: scale(1.05);transform: scale(1.05);} 70% {-webkit-transform: scale(.9);transform: scale(.9);} 100% {opacity: 1; -webkit-transform: scale(1);transform: scale(1);} } @-moz-keyframes bounceIn { 0% {opacity: 0; -moz-transform: scale(.3);transform: scale(.3);} 50% {-moz-transform: scale(1.05);transform: scale(1.05);} 70% {-moz-transform: scale(.9);transform: scale(.9);} 100% {opacity: 1; -moz-transform: scale(1);transform: scale(1);} } @-o-keyframes bounceIn { 0% {opacity: 0; -o-transform: scale(.3);transform: scale(.3);} 50% {-o-transform: scale(1.05);transform: scale(1.05);} 70% {-o-transform: scale(.9);transform: scale(.9);} 100% {opacity: 1; -o-transform: scale(1);transform: scale(1);} } @keyframes bounceIn { 0% {opacity: 0; transform: scale(.3);} 50% {transform: scale(1.05);} 70% {transform: scale(.9);} 100% {opacity: 1; transform: scale(1);} } @-webkit-keyframes moveUp { 0% {opacity: 1; -webkit-transform: translateY(40px);transform: translateY(40px);} 100% {opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);} } @-webkit-keyframes fadeBgColor { 0% {background: none;} 70% {background: none;} 100% {background: #464646;} } @-o-keyframes fadeBgColor { 0% {background: none;} 70% {background: none;} 100% {background: #464646;} } @keyframes fadeBgColor { 0% {background: none;} 70% {background: none;} 100% {background: #464646;} } .animated.animationDelay {animation-delay: .4s; -webkit-animation-delay: .4s;} .animated.animationDelayMed {animation-delay: 1.2s; -webkit-animation-delay: 1.2s;} .animated.animationDelayLong {animation-delay: 1.6s; -webkit-animation-delay: 1.6s;} .animated.fadeBgColor {-webkit-animation-name: fadeBgColor; -moz-animation-name: fadeBgColor; -o-animation-name: fadeBgColor; animation-name: fadeBgColor;} .animated.bounceIn {-webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn;} .animated.bounceInRight {-webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight;} .animated.bounceInLeft {-webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft;} .animated.fadeIn {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;} .animated.fadeInDown {-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown;} .animated.fadeInUp {-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp;} .animated.moveUp {-webkit-animation-name: moveUp; -moz-animation-name: moveUp; -o-animation-name: moveUp; animation-name: moveUp;} .fancy-hero-one {position: relative; z-index: 5; text-align: center; margin: 150px 0 50px !important;} .fancy-hero-one .bubble-one {width: 120px; height: 120px; left: 4%; top: 15%; animation: rotation 8s infinite linear;} @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } .fancy-hero-one .bubble-one::before {width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%;} .fancy-hero-one [class*="bubble"] {position: absolute; z-index: -1; border-radius: 50%;} .fancy-hero-one [class*="bubble"]::before {content: ''; border-radius: 50%; position: absolute;} .fancy-hero-one .bubble-one::before {width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%;} .fancy-hero-one .bubble-two {width: 160px; height: 160px; top: 30%; left: 15%; animation: rotation 8s infinite linear;} .fancy-hero-one .bubble-two::before {width: 10px; height: 10px; background: #8fe9e0; top: 50%; right: 100%;} .fancy-hero-one .bubble-three {width: 120px; height: 120px; bottom: 33%; left: 4%; animation: rotation 8s infinite linear;} .fancy-hero-one .bubble-three::before {width: 6px; height: 6px; background: #ffd5ad; bottom: 0; left: 50%;} .fancy-hero-one .bubble-four {width: 120px; height: 120px; right: 5%; top: 13%; animation: rotation 8s infinite linear;} .fancy-hero-one .bubble-four::before {width: 6px; height: 6px; background: #8fe9e1; top: 0; left: 50%;} .fancy-hero-one .bubble-five {width: 160px; height: 160px; top: 30%; right: 7%; animation: rotation 8s infinite linear;} .fancy-hero-one .bubble-five::before {width: 10px; height: 10px; background: #ffd5ad; top: 50%;} .fancy-hero-one .bubble-six {width: 120px; height: 120px; bottom: 33%; right: 4%; animation: rotation 8s infinite linear;} .fancy-hero-one .bubble-six::before {width: 6px; height: 6px; background: #fac3ff; bottom: 0; left: 50%;} .page-header {border-bottom: none !important;} .page-header .page-header-wrapper {position: relative; z-index: 4;} .page-header .breadcrumbs {font-size: 18px; font-weight: 600; color: #080337;} .page-header .breadcrumbs .list-item a {color: #080337; transition: all .4s ease;} .page-header .breadcrumbs .list-item .separator {display: inline-block; margin: 0 10px;} .page-header .breadcrumbs .list-item .current-item {color: #0780d8;} .page-header .page-header-title {font-size: 40px; max-width: 690px; width: 100%; position: relative; z-index: 2; margin-bottom: 5px; margin-left: auto; text-transform: capitalize; margin-right: auto; color: #0780d8;} .bs-callout {padding: 0 20px; margin: 0 0 20px !important; border: 1px solid #eee; border-top: none; border-right: none; border-bottom: none; border-left-width: 5px;} .bs-callout-info {border-left-color: #33B149 !important; margin: 20px 0 !important;} .bs-callout-info h1 {font-size: 150%;} .bs-callout-info p {margin-bottom: 0;} .choose-bg {background: #fbfbfb; background-size: cover; background-position: center; overflow: hidden; padding: 50px 0;} .choose-bg h2 {margin-bottom: 30px;} .choose-item {border-radius:10px; background: #fff; padding: 45px 23px 22px; position: relative; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 1; min-height: 400px;} .choose-item:hover::before {top: -43%;} .choose-item::before {content: ""; position: absolute; left: -10%; top: -100%; width: 324px; height: 256px; background: #0554f2; z-index: -1; border-radius: 0 0 255px 0; transition: .3s linear;} .choose-item::after {content: ""; position: absolute; left: -10%; top: -43%; width: 324px; height: 256px; background: #fbfbfb; z-index: -2; border-radius: 0 0 255px 0; transition: .3s linear;} .choose-item:hover .choose-icon {background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);} .choose-icon {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #0554f2; border-radius: 50%; transition: .3s linear; margin-bottom: 30px;} .choose-icon svg {height: 30px; width: 30px; fill: #fff; transition: .3s linear;} .choose-item:hover .choose-icon svg {fill: #0554f2;} .choose-content .title {font-size: 20px; margin-bottom: 5px;} .choose-content p {margin-bottom: 10px; text-align: justify;} .choose-bg p {margin-bottom: 5px; font-size: 17px;} .management-bg {background: #f5f7fa; border-radius: 30px; padding: 40px; margin-bottom: 20px;} .team-thumb {position: relative; z-index: 1;} .team-thumb::before {content: ""; position: absolute; left: 20px; top: 20px; right: 0; width: 83%; height: 95%; background: transparent; z-index: -1; border: 1px solid #0554f2; border-radius: 10px; transition: .3s linear; pointer-events: none;} .team-thumb img {border-radius: 10px;} .team-content {margin: 20px 0 10px;} .title {font-size: 20px; margin-bottom: 20px; color: #045ba8;} .team-content span {display: block; font-size: 13.5px; color: #929292; line-height: 1.2;} .management-bg p {font-size: 17px; text-align: justify;} .management-bg p:last-child {margin: 0;} .customer-box h2 {font-size: 24px; text-align: center;} .client {margin-bottom: 20px; margin-top: 20px; overflow: hidden; box-shadow: 0 0 10px #ccc; border-radius: 10px;} [class^='imghvr-'], [class*=' imghvr-'] {position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: #2266a5; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} [class^='imghvr-'] > img, [class*=' imghvr-'] > img {vertical-align: top; max-width: 100%;} [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {background-color: #eee; padding: 14px; line-height: 22px; position: absolute; text-align: justify; top: 0; bottom: 0; left: 0; right: 0; color: #444;} [class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {color: #fff;} [class^='imghvr-'] a, [class*=' imghvr-'] a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} [class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] :before, [class^='imghvr-'] :after, [class*=' imghvr-'] :before, [class*=' imghvr-'] :after {box-sizing: border-box; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; transition: all .35s ease; font-size: 16px !important; line-height: 24px; text-align: left;} [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {background: #eee; position: absolute; content: ''; -webkit-transition-delay: .105s; -moz-transition-delay: .105s; transition-delay: .105s;} [class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {opacity: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0;} [class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {-webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0;} [class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {opacity: 1; -webkit-transition-delay: .105s; -moz-transition-delay: .105s; transition-delay: .105s;} .imghvr-shutter-out-horiz:before {left: 50%; right: 50%; top: 0; bottom: 0;} .imghvr-shutter-out-horiz:hover:before {left: 0; right: 0;} .imghvr-shutter-out-vert:before {top: 50%; bottom: 50%; left: 0; right: 0;} .imghvr-shutter-out-vert:hover:before {top: 0; bottom: 0;} .imghvr-shutter-out-diag-1:before {top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .imghvr-shutter-out-diag-1:hover:before {top: -35%; bottom: -35%;} .imghvr-shutter-out-diag-2:before {top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .imghvr-shutter-out-diag-2:hover:before {top: -35%; bottom: -35%;} [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #eee; position: absolute; content: '';} [class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {top: 0; left: 0;} [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {right: 0; bottom: 0;} [class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {opacity: 0; z-index: 1;} [class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {opacity: 1; -webkit-transition-delay: .21s; -moz-transition-delay: .21s; transition-delay: .21s;} .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {width: 0; height: 100%;} .imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {width: 50%;} .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {height: 0; width: 100%;} .imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {height: 50%;} .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {width: 0; height: 100%; opacity: .75;} .imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {width: 100%;} .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {height: 0; width: 100%; opacity: .75;} .imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {height: 100%;} .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {width: 200%; height: 200%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; opacity: .75;} .imghvr-shutter-in-out-diag-1:after {-webkit-transform: skew(-45deg) translateX(-150%); -moz-transform: skew(-45deg) translateX(-150%); -ms-transform: skew(-45deg) translateX(-150%); -o-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%);} .imghvr-shutter-in-out-diag-1:before {-webkit-transform: skew(-45deg) translateX(150%); -moz-transform: skew(-45deg) translateX(150%); -ms-transform: skew(-45deg) translateX(150%); -o-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%);} .imghvr-shutter-in-out-diag-1:hover:after {-webkit-transform: skew(-45deg) translateX(-50%); -moz-transform: skew(-45deg) translateX(-50%); -ms-transform: skew(-45deg) translateX(-50%); -o-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%);} .imghvr-shutter-in-out-diag-1:hover:before {-webkit-transform: skew(-45deg) translateX(50%); -moz-transform: skew(-45deg) translateX(50%); -ms-transform: skew(-45deg) translateX(50%); -o-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%);} .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {width: 200%; height: 200%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; opacity: .75;} .imghvr-shutter-in-out-diag-2:after {-webkit-transform: skew(45deg) translateX(-100%); -moz-transform: skew(45deg) translateX(-100%); -ms-transform: skew(45deg) translateX(-100%); -o-transform: skew(45deg) translateX(-100%); transform: skew(45deg) translateX(-100%);} .imghvr-shutter-in-out-diag-2:before {-webkit-transform: skew(45deg) translateX(100%); -moz-transform: skew(45deg) translateX(100%); -ms-transform: skew(45deg) translateX(100%); -o-transform: skew(45deg) translateX(100%); transform: skew(45deg) translateX(100%);} .imghvr-shutter-in-out-diag-2:hover:after {-webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%);} .imghvr-shutter-in-out-diag-2:hover:before {-webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%);} h1.pinline {text-align: center; display: block; overflow: hidden; font-size: 1.2em; font-weight: 100; margin: 20px 0; text-transform: uppercase;} h1.pinline span {position: relative; display: inline-block; line-height: 1;} h1.pinline span::before, h1.pinline span::after {content: ""; position: absolute; top: 50%; height: 1px; background: #ddd; width: 99999px;} h1.pinline span::before {left: 100%; margin-left: 20px;} h1.pinline span::after {right: 100%; margin-right: 20px;} .succes-bg1 {background: #f1fdfd; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .succes-bg2 {background: #fffcf3; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .succes-bg3 {background: #f8fcee; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .customer-box h1 {font-size: 26px; text-align: center; font-weight: 500;} .customer-box .card {border-radius: 8px; padding: 0;} .customer-box .card:hover {-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .09); -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .09);} .customer-box .card img {margin: 8px 0;} .customer-box .card .card-body {border-top: #eee solid 1px;} .more-btn .btn {background: #0554f2; color: #fff; cursor: pointer; text-align: center; text-transform: uppercase; user-select: none; -moz-user-select: none; border: medium none; border-radius: 25px; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; padding: 18px 33px; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; height: 50px; position: relative; overflow: hidden; z-index: 1;} .more-btn .btn:hover::after {transform: scaleX(1); transform-origin: left;} .more-btn .btn:hover, .more-btn .btn:focus, .more-btn .btn.focus {color: #fff;} .more-btn .btn::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: all .7s linear; transition-timing-function: linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #f47f43; z-index: -1;} .more-btn2 .btn {background: #f7f7f7; color: #000; cursor: pointer; font-size: 15px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 18px 33px; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; width: 100%; border-top: 1px solid rgba(0, 0, 0, .125); border-radius: 0 0 8px 8px;} .more-btn2 .btn:hover {background: #0554f2; color: #fff;} .more-btn2 .btn:hover, .more-btn2 .btn:focus, .more-btn2 .btn.focus {color: #fff;} #main {width: 100%; padding: 0;} .content-asset p {margin: 0 auto;} .breadcrumb {display: none;} #parallax-world-of-ugg h1 {font-size: 35px !important; font-weight: 400 !important; color: #fff !important; padding: 0; margin: 0 0 20px; text-align: center;} #parallax-world-of-ugg p {font-weight: 400; font-size: 18px; line-height: 27px; color: #fff !important; text-align: center; margin-bottom: 15px !important;} #parallax-world-of-ugg .parallax-one {padding-top: 220px; padding-bottom: 130px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/partner.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;} #parallax-world-of-ugg .parallax-two {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/cs-img-1.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;} #parallax-world-of-ugg .parallax-three {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/cs-img-2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;} #parallax-world-of-ugg .parallax-four {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image: url(../images/cs-img-3.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;} #parallax-world-of-ugg .line-break {border-bottom: 1px solid #000; width: 150px; margin: 0 auto;} .parallax-btn {border: 2px solid #fff !important; color: #fff; border-radius: 3px !important; font-size: 16px !important; background: transparent !important;} .parallax-btn:hover, .parallax-btn:focus {background: #353794 !important; color: #fff !important; box-shadow: none !important; border: 2px solid #353794 !important; transition: all .3s ease-in-out 0;} @media screen and (max-width: 959px) and (min-width: 768px) { .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; padding: 16px 20px; font-size: 1rem; line-height: .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;} #parallax-world-of-ugg .block {padding: 40px; width: 620px;} } .partner-box .media h2 {font-size: 24px;} .partner-box .media p {margin: 0 0 8px; font-size: 17px; text-align: justify;} .partner-box .benefit-bg {background: #c0f1ff; padding: 30px 0; margin: 30px 0;} .partner-box .benefit-bg h2 {text-align: center; font-size: 26px; font-weight: 500; margin-bottom: 24px;} .partner-box .box {position: relative; z-index: 1; display: block; padding: 15px 12px 15px 45px; color: #000; font-weight: 500; background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08); width: 100%; right: inherit; bottom: inherit; margin: 8px 0; font-size: 17px;} .partner-box .box, .partner-box .box::before {border-radius: 3px; -webkit-transition: .5s; transition: .5s;} .partner-box .box::before {content: ""; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-linear-gradient(315deg, #23bdb8, #43e794); background: linear-gradient(135deg, #23bdb8, #43e794); opacity: 0; visibility: hidden; position: absolute; z-index: -1;} .partner-box .box svg {margin-right: 5px; display: inline-block; color: #44ce6f; -webkit-transition: .5s; transition: .5s; width: 24px; position: absolute; left: 15px; top: 16px;} .partner-box .box:hover {color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px);} .partner-box .box:hover::before {opacity: 1; visibility: visible;} .partner-box .box::before {content: ""; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-linear-gradient(315deg, #3fc0e8, #8960e2); background: linear-gradient(135deg, #3fc0e8, #8960e2); opacity: 0; visibility: hidden; position: absolute; z-index: -1;} .partner-box .box:hover {color: #fff;} .partner-box .box:hover svg {color: #fff !important;} .partner-box h3 {font-size: 20px;} .faq-wrapper .faq-item h5 {font-size: 19px; color: #000; line-height: 24px; font-weight: 500;} .faq-wrapper .faq-item h5 span {color: #157efb; font-size: 22px;} .faq-wrapper .faq-item p {text-align: justify; font-size: 17px; color: #666; margin-bottom: 30px;} .partner-form .form-control {border: 1px #ccc solid; border-radius: 4px; box-shadow: none; transition: none 0 ease 0; margin-bottom: 15px;} .partner-form .form-control::placeholder {color: #666;} #submitCRM7f1de29e6da19d22b51c6801e7ee54 {background: #ef7c16; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 15px 23px; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; width: auto; border: none; border-radius: 8px;} #submitCRM7f1de29e6da19d22b51c6801e7ee54:hover {background: #0554f2; color: #fff;} #marquee__container {background-color: #fff; min-height: 20vh; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 0 0 2rem;} .marquee__title {font-size: 3rem; color: #5e5e5e; margin: 2rem 0; text-align: center; padding: 1rem;} .marquee {background-color: #fff; color: #d3d3d3; width: 100vw; overflow: hidden;} .marquee__content {list-style: none; height: 100%; display: flex; animation: scrolling 30s linear infinite;} .marquee__content li {width: 10vw; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 4px;} .marquee__img {width: 10vw; padding: 1rem; border: #ddd solid 1px; border-radius: 6px;} @keyframes scrolling { 0% {transform: translateX(-0vw);} 100% {transform: translateX(-160vw);} } .marquee__content:hover {animation-play-state: paused;} .marquee__img:hover {transition: all .4s ease; border-radius: 10px; box-shadow: 0 0 10px #e0e0e0;} @media screen and (max-width: 1100px) { .marquee__title {font-size: 2.5rem; padding: 0;} .marquee__content li {width: 25vw;} .marquee {width: 95vw; margin: 1rem 0;} .marquee__img {width: 25vw;} img.person1 {position: absolute; left: 180px !important; bottom: -40px; border: 3px solid #1672A4; padding: 4px;} } @keyframes scrolling { 0% {transform: translateX(-0vw);} 100% {transform: translateX(-200vw);} } @media screen and (max-width: 500px) { .marquee__img {width: 50vw;} .marquee__content {animation: scrolling 25s linear infinite;} .marquee__content li {width: 60%;} .marquee--invisible--mobile {display: none !important;} } @keyframes scrolling { 0% {transform: translateX(-0vw);} 100% {transform: translateX(-760vw);} } .news {margin: 30px 0 0;} .contact-info-box {text-align: center; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08); background: #fff; padding: 30px; margin-bottom: 30px;} .contact-info-box:hover {-webkit-transform: translateY(-10px); transform: translateY(-10px);} .contact-info-box .icon {display: inline-block; width: 65px; height: 65px; line-height: 62px; background: #f0f0f0; border-radius: 50%; font-size: 30px; color: #44ce6f; -webkit-transition: .4s; transition: .4s;} .contact-info-box:hover .icon {color: #fff; background: #bdefff;} .contact-info-box h3 {font-size: 20px; margin: 25px 0 15px; font-weight: 600;} .contact-info-box p {margin-bottom: 0;} .contact-info-box p a {color: #6084a4;} .contact-100 {height: 160px; color: #444; font-size: 17px;} .contact-bg {position: relative; text-align: center; padding: 40px 15px; left: 0; top: 0; width: 100%; height: 100%; background: -o-linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background: linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background-size: auto; background-size: 400% 400%; -webkit-animation: gradient 20s linear infinite; animation: gradient 20s linear infinite;} .contact-bg h2 {margin-bottom: 40px;} .contact-bg .form-control {border: 1px solid rgba(153, 153, 153, 0.2666666667); border-radius: 10px !important; min-height: 44px; padding: 6px 15px; margin-bottom: 20px; font-size: 16px;} .contact-bg .form-control::placeholder {color: #000;} .contact-bg2 {position: relative; text-align: center; padding: 40px 15px; left: 0; top: 0; width: 100%; height: 100%; border-radius: 30px; border: #eee solid 1px; background: -o-linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background: linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background-size: auto; background-size: 400% 400%; -webkit-animation: gradient 20s linear infinite; animation: gradient 20s linear infinite;} .contact-bg2 h2 {margin-bottom: 20px; font-size: 24px;} .contact-bg2 .form-control {border: 1px solid rgba(153, 153, 153, 0.2666666667); border-radius: 10px; min-height: 44px; padding: 6px 15px; margin-bottom: 20px; font-size: 16px;} .contact-bg2 .form-control::placeholder {color: #000;} .errorMsgColor {margin-top: 0 !important; margin-bottom: 0 !important; position: relative; top: -8px; color: #FF0004; text-align: left; font-size: 14px;} .contact-wrap {padding: 50px 0;} .contact-wrap .contact-box {width: 50%; background-color: #f4f4f4;} .contact-wrap .contact-box .entry-figure {height: 100%;} .contact-wrap .contact-box .entry-figure img {-o-object-fit: cover; object-fit: cover; height: 100%;} .contact-wrap .contact-box .entry-form {padding: 80px 100px; width: 100%;} #submitCRMfc49ca45c0b1249bbe3554a4fdf6fb {background: #ef7c16; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 15px 23px; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; width: auto; border: none; border-radius: 8px;} #submitCRMfc49ca45c0b1249bbe3554a4fdf6fb:hover {background: #0554f2; color: #fff;} .content {padding: 10px; border: 1px solid #e7e7e7; display: flex; border-radius: 10px; height: 100%;} .content i {font-size: 30px; padding-top: 8px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #f2f6ff; color: #0554f2; border-radius: 50%; margin-right: 20px; flex: 0 0 60px;} .content p {font-size: 15px; line-height: 26px;} .content h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content a {font-weight: 400;} .content-title {margin-bottom: 70px;} .content-title h2 {font-size: 20px;} #submitbuttId {background: #5cb85c; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; letter-spacing: .6px; padding:15px 23px; transition:all .3s ease 0; vertical-align:middle; white-space:nowrap; width:100%; border:none; border-radius:8px; margin-bottom: 10px;} #submitbuttId:hover {background: #0554f2; color: #fff;} option:not(:first-of-type) {color: #000;} .career-box h1 {font-size: 24px;} .news {margin: 60px 0 0;} .infographics {margin: 60px 0;} .infographics img {margin: auto !important; display: block;} .inner-news h1 {font-size: 22px; color: #045ba8; line-height: 32px;} .inner-news h4 {font-size: 20px; color: #198bdd; margin-bottom: 20px; padding: 0;} .inner-news h5 {font-size: 18px; color: #000; margin-bottom: 10px;} .inner-news h6 {font-size: 16px; color: #000;} .inner-news p {text-align: justify; color: #4f4f4f; font-size: 17px;} .inner-news .list-unstyled li {font-size: 17px; line-height: 30px; text-align: justify; background: url(../images/news-bullet.png) no-repeat scroll left 13px; padding: 5px 5px 5px 30px; color: #4f4f4f;} .inner-news .list-unstyled li p {margin-bottom: 0; color: #5A5A5A; font-size: 16px; line-height: 20px;} .inner-news .list-unstyled li svg {color: #0d6efd; width: 24px;} .inner-news-rt {background: #fff; padding: 12px; border-radius: 2px; border: #9fe4fa solid 10px;} .inner-news-rt p {font-size: 18px; margin-bottom: 12px !important; font-style: italic; text-align: left;} .inner-news-rt .blockquote-footer {margin-top: inherit; font-size: 13px;} .inner-news-rt figure {margin: 0;} .inner-news .shadow {box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .15) !important;} .banner-2 {background: url(../images/hme-form-img.svg) no-repeat left #d2eaf3 !important; padding: 60px 28px; min-height: 160px; height: 300px; background-position-x: left !important; width: 100%; margin-bottom: 16px; margin-bottom: 28px; margin-left: auto; margin-right: auto; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 10px; border: 3px solid #9fdade;} @media (max-width: 575.98px) { .banner-area p {color: #000; font-size: 19px;} .banner-2 {background: #1c6d8c !important;} .curve2 {top: -20px;} .test-top {height: auto !important;} .navbar-collapse {padding-bottom: 20px;} .navbar .dropdown-menu {overflow-y: scroll; height: 300px; width: 100%;} .navbar-light .navbar-nav .nav-link {padding-top: 10px; padding-bottom: 10px;} .banner-area {padding: 6em 0em 3em 0em !important;} .brand {padding-bottom: 0;} .brand img {margin: 0 0 10px;} .platforms .mrlft {margin: 0 0 10px;} .platforms .pad_nil {padding: 15px !important;} .client-sec {margin: 50px 10px;} .client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 2.5rem;} .feat-box {min-height: auto;} .feat-box1 {min-height: auto;} .feat1 svg {width: auto;} .feat2 svg {width: auto;} .feat3 svg {width: auto;} .feat4 svg {width: auto;} .feat5 svg {width: auto;} .customer-success .success1 {margin: 0 0 20px;} .customer-success .success2 {margin: 0 0 20px;} .customer-success .success3 {margin: 0 0 20px;} .press-bg {margin: 0 0 20px;} .blog-area .item {margin: 0 0 20px !important;} .contact-wrap .contact-box {width: 100%;} .content {margin-bottom: 10px; height: auto;} .choose-item {margin-bottom: 30px; min-height: auto;} [class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] :before, [class^='imghvr-'] :after, [class*=' imghvr-'] :before, [class*=' imghvr-'] :after {width: 100%; font-size: 18px !important; line-height: 24px; padding: 12px;} [class^='imghvr-'], [class*=' imghvr-'] {background-color: #fff;} .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {height: auto;} .team-thumb::before {width: 40.5%;} } @media (min-width: 768px) and (max-width: 991.98px) { .banner-area h1 {font-size: 30px; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 700;} .tm-content3 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-line3 {width: 74%; height: 216px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-mcontent3 {color: #000 !important; position: relative; top: -97px; left: 87px; font-size: 12px;} .banner-2 {background-color: #73ced0; width: 100%; margin-bottom: 28px; padding-top: 28px; margin-right: auto; background-position: center; margin-left: 20px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 10px; height: auto; } .tm-line1 {width: 74%; height: 216px; border: 3px solid #ee3c3d; border-radius: 100%; margin: 20px;} .tm-content1 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent1 {color: #000 !important; position: relative; top: -102px; left: 63px; font-size: 12px;} .tm-mcontent1 ul {list-style: none;} .m-content1 {padding: 5px 0; color: #ee3c3d;} .tm-icon1 {width: 130px; height: 130px; background-color: #fff; border-radius: 100%; margin: 3px; border: 8px solid #fff;} .tm-line2 {width: 74%; height: 216px; border: 3px solid #60b9ad; border-radius: 100%; margin: 20px;} .tm-content2 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent2 {Color: #000 !important; position: relative; top: -102px; left: 63px; font-size: 12px;} .navbar-collapse {padding-bottom: 20px;} .navbar-light .navbar-nav .nav-link {padding-top: 0; padding-bottom: 0;} .platforms .phead1 {font-size: 11px;} .platforms .phead2 {font-size: 11px;} .platforms .phead3 {font-size: 11px;} .platforms .card-default p {font-size: 13px;} .platforms .pb1 {min-height: 268px;} .platforms .card-heading {padding: 10px 15px;} .platforms .card-heading img {width: 22px;} .platforms .pb4 {min-height: 184px;} .platforms .ipad-hgt {min-height: 228px;} .platforms .ipad-hgt1 {min-height: 200px;} .brand img {margin: 10px;} .client-sec {margin-top: 30px;} .client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 5.5rem; margin-bottom: 12px;} .feat-box {min-height: auto;} .feat-box1 {min-height: auto;} .feat1 svg {width: auto;} .feat2 svg {width: auto;} .feat3 svg {width: auto;} .feat4 svg {width: auto;} .feat5 svg {width: auto;} .contact-info-box {margin-top: 0; height: auto;} .contact-wrap .contact-box {width: 100%;} .contact-wrap .contact-wrap {padding: 30px 0;} .content {margin-bottom: 10px; height: auto;} .team-thumb::before {width: 93%;} } @media (max-width: 991px) { .contact-box {width: 100% !important;} .team-thumb::before {width: 93%;} } @media (max-width: 1024px) { .bormd{height: 380px!important;} .inner-banner img {display: block;} .team-thumb::before {width: 103%;} .choose-item {min-height: 450px; margin-bottom: 30px;} .container.h-txt {padding:50px 0;} .h-txt h3 {font-size:24px; margin-bottom: 30px;} } @media (min-width: 992px) and (max-width: 1199.98px) { .navbar .dropdown-menu {width: 100%;} .ft-icon1 {width: 28px; height: 28px; padding: 4px; font-size: 14px;} .ft-icon2 {width: 28px; height: 28px; padding: 4px; font-size: 14px;} .ft-icon3 {width: 28px; height: 28px; padding: 4px 4px 6px; font-size: 14px;} .ft-icon4 {width: 28px; height: 28px; padding: 4px; font-size: 14px;} .list-inline-item:not(:last-child) {margin-right: .2rem;} .optanon-alert-box-wrapper {width: 100%;} .contact-wrap .contact-box {width: 100%;} .contact-wrap .contact-wrap {padding: 30px 0;} } @media (min-width: 1280px) and (max-width: 1366px) { .sticky-nav-bar {position: fixed; top: 8% !important;} .main-menu .header .menu > ul > li .menu-subs {position: absolute; min-width: 65%;} .navbar .dropdown-menu {width: 98%;} .navbar {background: #fff;} .sticky-top {position: -webkit-sticky; position: fixed; z-index: 1020;} .box13 {margin-bottom: 20px;} .box130 {margin-bottom: 20px;} } @media (min-width: 1280px) { .banner-area h1 {font-size: 32px !important; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area .india h1 { font-size: 46px !important; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-img img {width: 75%; text-align: center;} } @media (min-width: 1400px) { .optanon-alert-box-wrapper {width: 77%;} } @media (min-width: 1920px) { .optanon-alert-box-wrapper {width: 59%;} .banner-img img {width: 80%; text-align: center;} .img-fluid.ind-ban {width: 70%;} .sticky-top {position: -webkit-sticky; position: fixed; top: 8.8%; z-index: 1020;} } .project-tab {padding: 10%; margin-top: -8%; width: 36%;} .project-tab #tabs {background: #007b5e; color: #eee;} .project-tab #tabs h6.section-title {color: #eee;} .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #0062cc !important; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 3px solid !important; font-size: 20px; font-weight: 700;} .project-tab .nav-link {border: 0 solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #0062cc; font-size: 16px; font-weight: 600;} .project-tab .nav-link:hover {border: none;} .project-tab thead {background: #f3f3f3; color: #333;} .project-tab a {text-decoration: none; color: #333; font-weight: 600;} .project-tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; border: 0;} a#nav-profile-tab {color: #000; font-size: 20px; width: 20%;} .feat-box .icon {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e4f6ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box .icon1 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #008ffe; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #bde2ff;} .feat-box .icon2 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #23af4d; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #abe9be;} .feat-box .icon3 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #f68b01; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #ffe0b9;} .feat-box .icon4 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #7141f7; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #d7c9ff;} .feat-box .icon5 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #a52fa5; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #ffd2ff;} .feat-box1 .icon {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e4f6ff; border-radius: 50%; color: #44ce6f; padding: 8px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;} .feat-box1 .icon1 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #008ffe; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #bde2ff;} .feat-box1 .icon2 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #23af4d; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #abe9be;} .feat-box1 .icon3 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #f68b01; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #ffe0b9;} .feat-box1 .icon4 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #7141f7; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #d7c9ff;} .feat-box1 .icon5 {display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 55px; background: #a52fa5; border-radius: 50%; color: #44ce6f; padding: 13px 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s; border: 10px solid #ffd2ff;} .testimonial {background: linear-gradient(45deg, #cfecf9 43%, #b1d4e3 43%); padding: 0 0 30px;} .testimonial-face {width: 76px; height: 76px; border-radius: 50%; border: 2px solid #198bdd; padding: 3px;} .testimonial-face img {border-radius: 50%;} .testimonial-logo {text-align: center; padding: 15px 68px; margin-bottom: -14px;} .testimonial-logo h1 {font-size: 30px; color: #000; margin: 0 !important;} .testimonial-logo h1 span {font-size: 20px; color: #999;} .test-rating p {margin: 0 !important;} .carousel-indicators {bottom: 0;} .carousel-indicators li {margin: 0 8px; box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ddd; opacity: .5; transition: opacity .6s ease; border-radius: 100%;} .carousel-indicators .active {background-color: #5adfd8;} /*.carousel-item {min-height: 400px}*/ .carousel-item p {font-size: 18px; line-height: 25px; margin: 0;} .carousel-indicators li {width: 20px; height: 20px;} .testimonial h5 {color: #000; margin-bottom: 10px; line-height: 25px; font-size: 19px; font-weight: 400 !important;} .testimonial .h4 {color: #198bdd; padding: 20px 10px 0 !important; font-weight: 500; font-weight: 400 !important;} .testimonial-body {background-color: #fff; padding: 0; border-radius: 30px; -webkit-box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12);} .test-body {background: #fff; padding: 0 16px 95px; border-radius: 0 0 30px 30px; font-size: 15px;} .test-bg {background: #fff; padding: 16px 20px; border-radius: 0 0 .4rem .4rem; text-align: center;} .test-bg h3 {color: #0d45b6 !important; margin-bottom: 12px !important; line-height: 27px !important; font-size: 25px !important; font-weight: 500 !important; margin-top: 0 !important;} .test-bg p {color: #000; margin-bottom: 10px; line-height: 30px; font-size: 20px; font-weight: 400 !important; font-style: italic;} .testimonial-qoute {background: #198bdd; font-size: 37px; text-align: center; color: #fff; border-radius: 50px; width: 70px; height: 70px; padding: 8px; margin: 15px 0;} .test-profile {margin-bottom: 16px;} .test-profile p {line-height: 21px; font-size: 17px; margin-bottom: 0;} .test-txt {font-size: 21px !important; margin-top: 3rem;} .test-top {height: 260px; background: #ace9f9; border-radius: 30px 30px 0 0; padding: 40px 20px;} .test-top h3 {padding: 0; margin: 0;} svg.bi.bi-star-fill {color: #f7b502; text-align: left;} .content5 {background-color: #f7fafd;} .info-btn {margin: 0 auto;} .tab button {display: block; background-color: inherit; color: #959595; padding: 12px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: .3s; font-size: 17px; margin: 14px 0; font-weight: 600;} .tab button:hover {background-color: #fff !important; border-radius: 40px; border: 1px solid #008ffe;} .tab button.active {background-color: #fff; color: #008ffe; margin: 14px 0; font-weight: 600; box-shadow: 0 3px 10px #000; border-radius: 40px; border: 1px solid #008ffe;} .tabcontent {float: left; padding: 16px; border: 0 solid #ccc; width: 100%; border-left: none; height: auto;} .tab {width: 100%;} .fa-stack-1x {line-height: revert; position: relative; left: 3px; bottom: 2px; color: #FF781A; font-size: 24px;} .fa-stack-2x {font-size: 2em; color: #ccc;} .nav-pills .nav-link {background: 0 0; border: 0; border-radius: .25rem; padding: .2rem 1rem; color: #666; font-size: 16.4px; font-weight: 700;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #007bff; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); border: 1px solid #eee;} .banner-1 {background-image: url(../images/bg1.png); background-repeat: no-repeat; width: 100%; margin-bottom: 16px; margin-bottom: 28px; padding-top: 28px; margin-left: auto; margin-right: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-color: #73ced0; border-radius: 10px;} .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto;} .download-btn {background: #fff; font-size: 18px; text-align: center; border-radius: 30px; color: #000; padding: 8px 22px; margin-bottom: 30px;} .banner2-img {position: relative; top: -40px; padding: 15px; height: 186px;} .tm-line1 {width: 90%; height: 321px; border: 3px solid #ee3c3d; border-radius: 100%; margin: 20px;} .tm-content1 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent1 {color: #000 !important; position: relative; top: -118px; left: 87px; font-size: 19px;} .tm-mcontent1 ul {list-style: none;} .m-content1 {padding: 5px 0; color: #ee3c3d; margin-bottom: 8px;} .tm-icon1 {width: 170px; height: 170px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-line2 {width: 90%; height: 321px; border: 3px solid #60b9ad; border-radius: 100%; margin: 20px;} .tm-content2 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent2 {color: #000 !important; position: relative; top: -118px; left: 87px; font-size: 19px;} .tm-mcontent2 ul {list-style: none;} .m-content2 {padding: 5px 0; color: #50c2b3; margin-bottom: 8px;} .tm-icon2 {width: 170px; height: 170px; background-color: #fff; border-radius: 100%; margin: 8px; border: 18px solid #fff;} .tm-line3 {width: 90%; height: 321px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-content3 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent3 {color: #000 !important; position: relative; top: -118px; left: 104px; font-size: 19px;} .tm-mcontent3 ul {list-style: none;} .m-content3 {padding: 5px 0; color: #f99f1b; margin-bottom: 8px; width: 70%;} .tm-icon3 {width: 170px; height: 170px; background-color: #fff; border-radius: 100%; margin: 9px; border: 18px solid #fff;} .v-center {display: flex; justify-content: center; align-items: center;} .p-t28 {padding-top: 28px;} .watch-video1 {color: #000 !important; padding-left: 5px; font-size: 18px; font-weight: 700;} .customers{ margin:50px auto;} @media (min-width:768px) { .vertab-container {padding: 0 !important; margin-top: 20px; background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); overflow: auto; margin-bottom: 50px;/*border: 1px solid #ddd; z-index: 10; background-color: #7952b3;*/} .vertab-menu {padding-top: 20px !important; /*padding-left: 0; padding-bottom: 0; display: block; background-color: #e3e3e3;*/} .vertab-menu .list-group {margin-bottom: 0;} .vertab-menu .list-group>a {margin-bottom: 0; border-radius: 0;} .vertab-menu .list-group>a, .vertab-menu .list-group>a {color: #2f3334; background-image: none; background-color: #f4f6fa; border-radius: 0; box-sizing: border-box; border: 4px solid #f4f6fa; padding: 14px 10px; font-size:18px;} .vertab-menu .list-group>a.active, .vertab-menu .list-group>a:focus {position: relative; border: none; border-radius: 0px; border-left: 4px solid #0084ff; background-image: none; background-color: #fff; color: #0084ff;/* border-bottom: 1px solid #CACACA;padding-left: 5px; */} .vertab-menu .list-group>a:hover{border-left: 4px solid #fff;color: #198bdd;background-color: #fff; border-radius: 0px;} .vertab-content {padding: 20px; background: #fff;} .vertab-container .panel-group{margin-left: -20px;} .vertab-accordion .vertab-content:not(.active) {display: none;} .vertab-accordion .vertab-content.active .collapse {display: block;} .vertab-container .panel-heading {display: none;} .vertab-container .panel-body {border-top: none !important; font-size: 18px; color: #272623; letter-spacing: .5px; line-height: 28px; text-align: justify;} } /* If the tc_breakpoint variable is changed, this breakpoint should be changed as well */ @media (max-width:767px) { .vertab-container {margin-top: 20px; margin-bottom: 20px;} .vertab-container .vertab-menu {display: none;} .vertab-container .panel-heading {background-color: #fff; color: #272623; padding: 15px; border-top-left-radius: 0; border-top-right-radius: 0; /*border-left: 5px solid #F6F6F6;border-bottom: 1px solid #F6F6F6;*/} .vertab-container .panel-heading:hover, .vertab-container .panel-heading:focus, .vertab-container .panel-heading.active {border: 1px solid #198bdd; background-color: #FAFCFD;} .vertab-content {border-bottom: 1px solid #CACACA;} .vertab-container .panel-title a:focus, .vertab-container .panel-title a:hover, .vertab-container .panel-title a:active {color: #198bdd; text-decoration: none;} .panel-collapse.collapse, .panel-collapse.collapsing {background-color: #ffffff !important; color: #272623; border-right: 1px solid #198bdd; border-left: 1px solid #198bdd; border-bottom: 1px solid #198bdd;} .vertab-container .panel-collapse .panel-body {border-top: none !important; padding: 15px; font-size: 16px; letter-spacing: 0.3px;} .fea-img {margin-bottom: 20px; width: 90% !important; /* height: auto !important; */} img.img-fluid.contact-p {border-radius: 100% !important; margin: 40px; width: 80% !important;} } @media screen and (max-width: 1024px) and (min-width: 992px) { .main-menu .header .menu > ul > li .menu-subs {position: absolute; width: 75%;} .tm-icon1 {width: 135px; height: 135px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-content1 {position: relative; top: 22%; left: -69px; vertical-align: middle; margin: -3px;} .tm-line1 {width: 70%; height: 210px; border: 3px solid #ee3c3d; border-radius: 100%; margin: 20px;} .banner-2 {background-color: #73ced0; width: 100%; margin-bottom: 16px; margin-bottom: 28px; padding-top: 28px; margin-right: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; border-radius: 10px; margin-left: 20px; height: 160px;} .banner-area h1 {font-size: 28px; color: #045ba8; margin-bottom: 12px; line-height: 1.4;} .tm-mcontent1 {color: #000 !important; position: relative; top: -111px !important; left: 44px; font-size: 14px;} .tm-line2 {width: 70%; height: 210px; border: 3px solid #60b9ad; border-radius: 100%; margin: 20px;} .tm-icon2 {width: 135px; height: 135px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-mcontent2 {color: #000 !important; position: relative; top: -119px; left: 48px; font-size: 14px;} .tm-content2 {position: relative; top: 22%; left: -66px; vertical-align: middle; margin: -3px;} .tm-line3 {width: 70%; height: 210px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-icon3 {width: 135px; height: 135px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-content3 {position: relative; top: 22%; left: -66px; vertical-align: middle; margin: -3px;} .tm-mcontent3 {color: #000 !important; position: relative; top: -118px; left: 66px; font-size: 14px;} } @media screen and (max-width: 767px) and (min-width: 320px) { .inner-banner img{display: none;} .inner-banner{margin: 0!important; height: auto;} .inner-banner .section-title .pl-60 {padding: 0;} .inner-banner .section-title .mt-60{ margin: 0;} .features{margin:0 20px 20px 20px;} .banner-area-f1 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f1 p {color: #000; font-size: 19px !important;} .banner-area-f2 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f2 p {color: #000; font-size: 19px !important;} .banner-area-f3 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f3 p {color: #000; font-size: 19px !important;} .banner-area-f4 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f4 p {color: #000; font-size: 19px !important;} .bottom-banner h2 {line-height: 38px;} .watch-video1 { color: #000;} .feature-main h2 {font-size: 23px !important; color: #005a9e; font-weight: 700; margin-top: 0px !important; margin-bottom:0px;} .feature-main .p-50 {padding: 20px 20px 0;} .feature-main h3 {font-size: 20px !important; color: #0084ff; margin-bottom: 4px !important;} .box77 {border: 1px solid #a582e5; padding: 20px; background: #f8f2ff; border-radius: 18px; height: auto; margin-bottom: 10px;} /*.banner-area-f2 h1 {font-size: 20px !important; color: #000;margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f2 p {color: #000; font-size: 14px !important; line-height: 20px !important;}*/ .banner-area-f3 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f3 p {color: #000; font-size: 19px !important;} .banner-area-f5 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f5 p {color: #000; font-size: 19px !important;} .banner-area-f6 h1 {font-size: 27px !important; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f6 p {color: #000; font-size: 19px !important;} .banner-area-f16 h1 {font-size: 27px !important;} .banner-area-f16 p {font-size: 19px !important;} .box33 {border: 1px solid #ced0ff; padding: 20px; background: #edeefe; border-radius: 18px; height: auto !important; margin-bottom: 20px;} .box2 {border: 1px solid #f1d6c8; padding: 20px; background: #fff3ed; border-radius: 18px; margin-bottom: 20px;} .box22 {border: 1px solid #f1d6c8; padding: 20px; background: #fff3ed; border-radius: 18px; margin-bottom: 20px; height: auto !important;} .box4 {border: 1px solid #b7f5fb; padding: 20px; background: #e0fcff; border-radius: 18px; margin-bottom: 20px;} .box44 {border: 1px solid #b7f5fb; padding: 20px; background: #e0fcff; border-radius: 18px; height: auto !important; margin-bottom: 20px;} .box55 {border: 1px solid #f5e1ad; padding: 20px; background: #fdf6e4; border-radius: 18px; height: auto !important; margin-bottom: 20px;} .box66 {border: 1px solid #f5e1ad; padding: 20px; background: #fdf6e4; border-radius: 18px; height: auto !important; margin-bottom: 20px;} .nav-fill .nav-item, .nav-fill > .nav-link {-ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; font-size: 17px !important; color: #000 !important; font-weight: 600;} .m-content1 {padding: 0; color: #ee3c3d; margin-bottom: 8px;} .card.mt-4.mb-4 {margin-bottom: .2rem !important;} .curve2 {display: none;} .curve4 {display: none;} .curve6 {display: none;} .curve8 {display: none;} .curve9 {display: none;} .curve10 {display: none;} .curve11 {display: none;} .feat7 p {font-size: 18px; color: #000;} .feat8 p {font-size: 18px; color: #333;} .feat9 p {font-size: 18px; color: #333;} .feat10 p {font-size: 18px; color: #333;} .feat11 p {font-size: 18px; color: #333;} p {font-size: 16px; line-height: 28px;} .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #0062cc !important; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 3px solid !important; font-size: 16px; font-weight: 700; width: 100% !important;} a#nav-profile-tab {color: #000; font-size: 16px; width: 20%;} .feat-box p {font-size: 15px;} .feat-box1 p {font-size: 15px;} .banner-area .mb-5 {margin-bottom: 0 !important;} .test-top {height: auto; background: #5BDED9; background: linear-gradient(to bottom right, #5BDED9 21%, #60C9E6 60%); border-radius: 30px 30px 0 0;} .banner-area h1 {font-size: 28px; color: #045ba8; line-height: 1.4; padding: 0 20px 20px; margin: 0; font-weight: 600;} .intro-txt {margin: 0px;} .banner-area h2 {color: #000; font-size: 20px; padding: 0 10px;} .btn-section .btn {user-select: none; -moz-user-select: none; background: #ff7a18; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; padding: 18px 33px; text-align: center; z-index: 1; text-transform: uppercase; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; position: relative; overflow: hidden;} h2 {color: #005a9e;} .tm-line1 {width: 60%; height: 200px; border: 3px solid #ee3c3d; border-radius: 100%; margin: 6px auto;} .tm-mcontent1 {color: #000 !important; position: relative; top: -72px; left: 47px; font-size: 13px;} .tm-icon1 {width: 110px; height: 110px; background-color: #fff; border-radius: 100%; margin: -6px; border: 18px solid #fff;} .tm-content1 {position: relative; top: 24%; left: -35px; vertical-align: middle; margin: -3px;} .tm-line2 {width: 60%; height: 200px; border: 3px solid #60b9ad; border-radius: 100%; margin: 10px auto;} .tm-icon2 {width: 120px; height: 120px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-mcontent2 {color: #000 !important; position: relative; top: -102px; left: 56px; font-size: 13px;} .tm-line3 {width: 60%; height: 200px; border: 3px solid #f99f1b; border-radius: 100%; margin: 10px auto;} .tm-icon3 {width: 120px; height: 120px; background-color: #fff; border-radius: 100%; margin: 3px; border: 18px solid #fff;} .tm-mcontent3 {color: #000 !important; position: relative; top: -106px; left: 56px; font-size: 13px;} h4.text-color-dark.font-weight-semibold.mb-3 {font-weight: 600; padding-top: 15px;} .carousel-item p {font-size: 16px; line-height: 25px; margin: 0;} .feat3 .sub-txt {font-size: 15px; color: #444; margin-bottom: 24px;} .learnmore {position: relative; bottom: 4px !important;} .inner-banner {margin: 60px 0; padding: 10px; display: none !important; /* background-color: #f7f7f7;*/} .h3-font {font-size: 16px; margin-bottom: 14px; line-height: 24px; color: #000; font-weight: bold;} .info {margin-bottom: 0px;} .btn-section {margin: 20px 0;} .mt-60 {padding-bottom: 0px !important;} td.pri {font-size: 14px !important;} .priceCol td {padding: 12px !important; border-bottom: 1px solid #ececec;} } @media screen and (max-width: 991.98px) and (min-width: 768px) { .feature-main .p-50 {padding: 0 !important;} .box66 {border: 1px solid #ecddff; padding: 20px; background: #f8f2ff; border-radius: 18px; height: auto !important;} .feature-main h3 {font-size: 24px !important; margin-bottom: 20px;} .customer-success .success1 {background: #f4efd7; padding: 10px; border-radius: 20px; min-height: 290px;} .i-w-50 {width: 50%;} .customer-success .success2 {background: #d7f5d9; padding: 10px; border-radius: 20px; min-height: 290px;} .customer-success .success3 {background: #d7ebf5; padding: 10px; border-radius: 20px; min-height: 290px;} .nav-pills .nav-link {background: 0 0; border: 0; border-radius: .25rem; padding: .2rem 1rem; color: #666; font-size: 12px; font-weight: 700;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #007bff; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); border: 1px solid #eee; line-height: 22px;} .h3-font {font-size: 15px !important; font-weight: 600; margin-bottom: 14px; line-height: 24px; color: #000;} .feat9 .sub-txt {font-size: 14px; color: #444;} .feat10 p {font-size: 16px; color: #333;} .feat10 .sub-txt {font-size: 13px; color: #444;} .feat11 p {font-size: 16px; color: #333;} .feat11 .sub-txt {font-size: 13px; color: #444;} .feat9 p {font-size: 16px; color: #333;} .feat8 p {font-size: 16px; color: #333;} .feat7 p {font-size: 16px; color: #000;} .customer-success p {font-size: 14px; line-height: 29px; padding: 10px; text-align: center;} .feat-box p {font-size: 15px;} .feat-box1 p {font-size: 15px;} .banner-area p {color: #000; font-size: 18px;} .test-inner h2 {margin-bottom: 0; font-size: 30px!important; font-weight: 600;} .tts-form h2 {margin-bottom: 0; font-size: 27px!important; line-height: 38px; font-weight: 600;} .carousel-item p {font-size: 16px; line-height: 22px; margin: 0;} p {font-size: 16px;} .h3, h3 {font-size: 1rem;} h2 {font-size: 26px !important; color: #000;} .bottom-banner h2 {font-size: 40px !important;} .box22 {height: 300px !important;} .mx-auto1 h3 {font-size: 18px !important;} h4.text-color-dark.font-weight-semibold.mb-3 {font-size: 16px !important; font-weight: 600; padding-top: 15px;} .feat-box {padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1); box-shadow: 0 0 10px rgba(72, 69, 224, .1); min-height: 332px; height: 380px;} .feat-box1 {padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1); box-shadow: 0 0 10px rgba(72, 69, 224, .1); min-height: 332px; height: 380px;} .tm-content3 {position: relative; top: 33%; left: -66px; vertical-align: middle; margin: -3px;} .tm-line3 {width: 74%; height: 216px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-mcontent3 {color: #000 !important; position: relative; top: -97px; left: 87px; font-size: 12px;} .banner-2 {background-color: #73ced0; width: 100%; margin-bottom: 28px; padding-top: 28px; margin-right: auto; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 10px; margin-left: 20px;} .tm-line1 {width: 92%; height: 198px; border: 3px solid #ee3c3d; border-radius: 100%; margin: 20px;} .tm-content1 {position: relative; top: 36%; left: -41px; vertical-align: middle; margin: -3px;} .tm-mcontent1 {color: #000 !important; position: relative; top: -78px !important; left: 50px; font-size: 12px;} .tm-mcontent1 ul {list-style: none;} .m-content1 {padding: 5px 0; color: #ee3c3d;} .tm-icon1 {width: 100px; height: 100px; background-color: #fff; border-radius: 100%; margin: 3px; border: 8px solid #fff;} .tm-line2 {width: 92%; height: 198px; border: 3px solid #60b9ad; border-radius: 100%; margin: 20px;} .tm-content2 {position: relative; top: 28%; left: -48px; vertical-align: middle; margin: -3px;} .tm-mcontent2 {color: #000 !important; position: relative; top: -92px; left: 48px; font-size: 12px;} .tm-mcontent2 ul {list-style: none;} .m-content2 {padding: 5px 0; color: #50c2b3;} .tm-icon2 {width: 100px; height: 100px; background-color: #fff; border-radius: 100%; margin: 9px; border: 8px solid #fff;} .tm-line3 {width: 92%; height: 198px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-content3 {position: relative; top: 23%; left: -48px; vertical-align: middle; margin: -3px;} .tm-line3 {width: 92%; height: 198px; border: 3px solid #f99f1b; border-radius: 100%; margin: 20px;} .tm-mcontent3 {color: #000 !important; position: relative; top: -92px; left: 56px; font-size: 12px;} .tm-mcontent3 ul {list-style: none;} .m-content3 {padding: 5px 0; color: #f99f1b;} .tm-icon3 {width: 100px; height: 100px; background-color: #fff; border-radius: 100%; margin: 9px; border: 8px solid #fff;} .feat8{padding:15px 0;} .curve8{top: 0px;} .feature-main h2 {text-align: left; font-size: 24px; color: #000; margin-bottom: 0px; line-height: 35px; margin-top: 0px !important;} .box11 {padding: 18px !important;} } .h3-font {font-size: 18px; margin-bottom: 14px; line-height: 24px; color: #000; font-weight: bold; margin-top: 0;} .nav-fill .nav-item, .nav-fill > .nav-link {-ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; font-size: 20px; color: #000 !important; font-weight: 600;} .card:hover {border: 1px solid rgba(0, 0, 0, .125);} h2 {font-size: 28px !important; color: #000; line-height: 36px;} .m-text {padding: 60px 30px;} @media (min-width: 1920px) { .banner-area h1 {font-size: 32px !important; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area .india h1 {font-size: 46px !important; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} } .mx-auto1 {margin: 0 auto;} .learnmore {color: #005a9e; border: 1px solid #005a9e; padding: 5px 8px; font-size: 15px; text-decoration: none; border-radius: 6px;} a.learnmore {text-decoration: none;} .tm-mcontent1 a {color: #000 !important; text-decoration: none;} .tm-mcontent1 a:hover {color: #007bff !important; text-decoration: none;} .tm-mcontent2 a {color: #000 !important; text-decoration: none;} .tm-mcontent2 a:hover {color: #007bff !important; text-decoration: none;} .tm-mcontent3 a {color: #000 !important; text-decoration: none;} .tm-mcontent3 a:hover {color: #007bff !important; text-decoration: none;} .mt-20 {margin-top: 10px;} .sub-tag span {color: #000;} .mt-40 {margin-top: 40px;} h4.text-color-dark.font-weight-semibold.mb-3 {font-weight:500; padding-top: 18px; font-size: 20px; color: #000 !important; padding-bottom: 10px !important;} .mt-80 {margin-top: 80px !important;} .brand {background: #f8f8f8; padding: 10px 15px;} .p-txt2 {font-size: 18px; text-align: justify; margin-bottom: 40px;} .spl-m-16 {margin-bottom: 16px;} ul#myTab {line-height: 41px;} .banner-tp {padding-top: 7em;} .innerpage-h1 {text-align: center; font-size: 32px; color: #045ba8;} .demo-btn {border-radius: 30px; padding: 14px 18px !important; font-size: 18px; background: #f26823 !important; color: #fff;} .demo-btn:hover {background-color: #e9560c !important; color: #fff !important;} .feature-main {margin: 30px 0 20px; padding: 0 20px; color: #000;} .feature-main p {font-size: 16px; text-align: left;} .vcenter-item {display: flex; align-items: center;} .feature-main h2 {text-align: left; font-size: 24px; color: #000; margin-bottom: 0px; line-height: 35px; margin-top: 20px;} .mx-auto1 h3 {font-size: 24px !important; color: #0084ff !important; margin-bottom: 20px;} .banner-area-f1 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f1.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em!important; background: #e9fcff !important;} .banner-area-f1 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f1 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f1 p {color: #000; font-size: 19px; line-height: 32px;} .f-img {-webkit-box-shadow: 0 0 9px 1px #999 !important;box-shadow: 0 0 9px 1px #999 !important;} .banner-area-f1 img {width: 70%;} .p-50 {padding: 50px 50px 0;} .p1-50 {padding: 0 50px;} .box {background-color: #fff; border: 1px solid #333;} .inner-hdr {font-size: 21px !important; color: #115baa !important; text-transform: inherit; line-height: 42px; padding: 0 !important; text-align: center; margin: 0 !important;} .para-sec {font-size: 16px; line-height: 26px; text-align: center;} .box2 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 40px;} .box22 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 230px; margin-bottom: 40px;} h4 {color: #045ba8 !important; line-height: 34px; padding-top: 20px;} .banner-area-f2 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f2.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f2 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f2 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f2 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f2 img {width: 70%;} .box3 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-top: 20px; margin-bottom: 40px;} .box33 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 230px; margin-bottom: 10px;} .banner-area-f3 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f3.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f3 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f3 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f3 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f3 img {width: 70%;} .box4 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box44 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 182px; margin-top: 0; margin-bottom: 10px;} .banner-area-f4 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f4.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #e9fcff !important;} .banner-area-f4 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f4 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f4 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f4 img {width: 70%;} .box5 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box55 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 200px; margin-bottom: 40px;} .banner-area-f5 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f5.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f5 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f5 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f5 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f5 img {width: 70%;} .box6 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box66 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 200px; margin-top: 0; margin-bottom: 10px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 20px !important; text-align: left;} .banner-area-f15 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f15.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f15 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f15 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f15 p {color: #000; font-size: 19px; line-height: 32px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 20px !important; text-align: left;} .banner-area-f6 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f6.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f6 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f6 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f6 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f6 img {width: 70%;} .box7 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box77 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; min-height: 228px; height: auto; margin-bottom: 40px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 20px !important; text-align: left;} .banner-area-f7 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f7.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f7 h1 {font-size: 32px; color: #000; margin: 20px auto !important; line-height: 1.6; font-weight: 600;} .banner-area-f7 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f7 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f7 img {width: 70%;} .box8 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box88 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; min-height: 244px; height: auto; margin-bottom: 10px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 20px !important; text-align: left;} .banner-area-f8 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f8.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f8 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f8 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f8 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f8 img {width: 70%;} .box9 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box99 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 222px; margin-bottom: 10px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 20px !important; text-align: left;} .banner-area-f9 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f9.bg-top {background-size: cover; background-position: bottom center; padding-top: 5em; background: #e9fcff !important;} .banner-area-f9 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f9 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f9 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f9 img {width: 70%;} .box10 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box11 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 222px; margin-bottom: 10px;} .feature-main li {background: rgba(0, 0, 0, 0) url(../images/list1.png) no-repeat scroll left 6px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 3px 5px 0 26px !important; text-align: left; padding-bottom: 14px !important;} .banner-area-f10 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f10.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #e9fcff !important;} .banner-area-f10 h1 {font-size: 32px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f10 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f10 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f10 img {width: 70%;} .box11 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box110 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 222px; margin-bottom: 0;} .banner-area-f12 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f12.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #e9fcff !important;} .banner-area-f12 h1 {font-size: 34px; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f12 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f12 p {color: #000; font-size: 19px; line-height: 32px;} .banner-area-f12 img {width: 70%;} .box13 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 40px;} .box130 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 222px; margin-bottom: 40px;} .banner-area-f16 {background: #e9fcff !important; position: relative; color: #fff; padding-top: 7em;} .banner-area-f16.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #e9fcff !important;} .banner-area-f16 h1 {font-size: 34px; color: #045ba8; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f16 h1 span {color: #0072ff; font-weight: 700;} .banner-area-f16 p {color: #000; font-size: 22px; line-height: 32px;} .banner-area-f16 img {width: 70%;} .box16 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-bottom: 10px;} .box16 h3{text-align: center; line-height: 30px; font-size: 22px;} .box160 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; min-height: 252px; height: auto; margin-bottom: 40px;} .box160 h3{text-align: center; line-height: 30px;} .banner-industry1 {background: #ebfeea !important; position: relative; color: #fff; padding-top: 7em;} .banner-industry1.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #ebfeea !important;} .banner-industry1 h1 {font-size: 32px; color: #000; margin: 40px 0 0; line-height: 1.4; font-weight: 600;} .banner-industry1 h1 span {color: #0072ff; font-weight: 700;} .banner-industry1 p {color: #000; font-size: 19px; line-height: 32px;} .banner-industry1 img {width: 70%;} .banner-industry1-box {border: 1px solid #5cb155; padding: 20px; background: #ebfeea; border-radius: 18px;} .banner-industry1-box1 {border: 1px solid #5cb155; padding: 20px; background: #ebfeea; border-radius: 18px; height: 230px;} .banner-industry5 {background: #eafffb !important; position: relative; color: #fff; padding-top: 7em;} .banner-industry5.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #eafffb !important;} .banner-industry5 h1 {font-size: 32px; color: #000; margin: 40px 0 0; line-height: 1.4; font-weight: 600;} .banner-industry5 h1 span {color: #0072ff; font-weight: 700;} .banner-industry5 p {color: #000; font-size: 19px; line-height: 32px;} .banner-industry5 img {width: 70%;} .banner-industry5-box {border: 1px solid #93e4d3; padding: 20px; background: #eafffb; border-radius: 18px;} .banner-industry5-box1 {border: 1px solid #93e4d3; padding: 20px; background: #eafffb; border-radius: 18px; height: 230px;} .banner-industry4 {background: #f3fff0 !important; position: relative; color: #fff; padding-top: 7em;} .banner-industry4.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #f3fff0 !important;} .banner-industry4 h1 {font-size: 32px; color: #000; margin: 40px 0 0; line-height: 1.4; font-weight: 600;} .banner-industry4 h1 span {color: #0072ff; font-weight: 700;} .banner-industry4 p {color: #000; font-size: 19px; line-height: 32px;} .banner-industry4 img {width: 70%;} .banner-industry4-box {border: 1px solid #66c551; padding: 20px; background: #f3fff0; border-radius: 18px;} .banner-industry4-box1 {border: 1px solid #66c551; padding: 20px; background: #f3fff0; border-radius: 18px; height: 230px;} .banner-industry3 {background: #fcecd6 !important; position: relative; color: #fff; padding-top: 7em;} .banner-industry3.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #fcecd6 !important;} .banner-industry3 h1 {font-size: 32px; color: #000; margin: 40px 0 0; line-height: 1.4; font-weight: 600;} .banner-industry3 h1 span {color: #0072ff; font-weight: 700;} .banner-industry3 p {color: #000; font-size: 19px; line-height: 32px;} .banner-industry3 img {width: 70%;} .banner-industry3-box {border: 1px solid #c1955c; padding: 20px; background: #fcecd6; border-radius: 18px;} .banner-industry3-box1 {border: 1px solid #c1955c; padding: 20px; background: #fcecd6; border-radius: 18px; height: 230px;} .banner-industry2 {background: #e4fafa !important; position: relative; color: #fff; padding-top: 7em;} .banner-industry2.bg-top {background-size: cover; background-position: bottom center; padding-top: 6em; background: #e4fafa !important;} .banner-industry2 h1 {font-size: 32px; color: #000; margin: 40px 0 0; line-height: 1.4; font-weight: 600;} .banner-industry2 h1 span {color: #0072ff; font-weight: 700;} .banner-industry2 p {color: #000; font-size: 19px; line-height: 32px;} .banner-industry2 img {width: 70%;} .banner-industry2-box {border: 1px solid #9ee2e3; padding: 20px; background: #e4fafa; border-radius: 18px;} .banner-industry2-box1 {border: 1px solid #9ee2e3; padding: 20px; background: #e4fafa; border-radius: 18px; height: 230px;} .watch-video {color: #000 !important; font-size: 18px; font-weight: 800; text-decoration: none !important; position: relative; top: 3px; left: 5px;} .watch-video a {color: #000 !important; font-size: 18px; font-weight: 800; text-decoration: none !important; position: relative; top: 3px; left: 5px;} a:hover {text-decoration: none;} .explore-txt {color: #000 !important; font-size: 32px !important; padding: 40px 0;} .text-h3 {font-size: 30px !important; color: #0084ff; margin-bottom: 20px; font-weight: 700;} .feature-main h3 {font-size: 22px; color: #000; margin-bottom: 20px;} .content-h3 {font-size: 24px; color: #000 !important; margin-bottom: 20px; font-weight: 700; text-align: center; margin-top: 40px;} .bottom-banner h2 {line-height: 48px;} .ytp-cued-thumbnail-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1); -o-transition: opacity .25s cubic-bezier(0, 0, .2, 1); transition: opacity .25s cubic-bezier(0, 0, .2, 1); background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;} .mx-auto2 {margin: 20px auto;} .bg-top {padding-top: 6em;} .bormd {border: 1px dashed #2766a5; margin-bottom: 30px !important; width: 100%; padding-top: 20px !important; text-align: -moz-center; text-align: -webkit-center; border-radius: 13px; padding: 20px; background: #e8effd; height: 450px;} .bormd:hover {box-shadow: 0 1px 10px #000 !important; transition: box-shadow .3s ease-in-out;} h4.media-heading.text-center {font-size: 16px; color: #000; line-height: 28px; padding: 10px 0;} .bormd p {font-size: 16px;} .bormd .btn-primary {color: #fff; background-color: #007bff; border-color: #007bff; border-radius: 30px;} .bormd-bdr {border: 2px solid #2766a5;} .section-cont h1 {color: #000 !important; font-size: 210% !important; padding: 10px 0; text-align: center; margin-top: 20px;} div[class^="col"] {padding-left: 10px !important; padding-right: 10px !important;} .form-control {border: 1px solid #ddd; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important;border-radius: 12px !important; font-size: 18px; color: #000; height: 38px !important;} .input-group-addon {-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; font-size: 20px;} .control-label {font-size: 16px; color: #000; text-align: left; width: 100%;} .label-topmargin {text-align: left; width: 100%; line-height: 20px; font-size: 16px; float: left; padding: 7px 0; font-weight: 400 !important; margin-bottom: 0 !important;} .roi-black, .roi-orange, .roi-blue, .roi-green {font-size: 16px; font-weight: 700;} .roi-black {color: #000; padding: 5px;} .roi-orange {color: #db6802; text-align: right; padding: 5px;} .roi-blue {color: #337ab7; text-align: right; padding: 5px;} .roi-green {color: #00a185; font-size: 25px; text-align: center; padding: 30px 0 10px;} .roi-bg {border: #7edcf6 solid 1px; padding: 10px 0 !important; border-radius: 10px; margin-bottom: 8px; clear: both;} .roi-bg-savings {border: #9edbbc solid 1px; font-size: 20px; padding: 10px 0 !important; border-radius: 10px; margin-bottom: 8px; clear: both;} .roi-bg-total {background-color: #f9f3b5; border-bottom: 1px dashed #fff; font-size: 20px; padding: 10px 0 !important; clear: both;} .form-control1 {-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; font-size: 20px; color: #000; height: 38px !important;} .wraper-com {width: 100%; margin: 0 auto; padding: 10px;} .valign {display: table-cell; vertical-align: middle; padding-top: 8px;} .roi-bg-savings .fld1{font-size: 16px; background: #fff;} .roi-bg-savings .fld2{font-size: 20px; font-weight: bold; background: #fff; border: none;} .roi-bg-savings .fld2.form-control::placeholder{color: #1bb99a;} .saving-title{color: #1bb99a;font-size: 20px!important;} .manual .fld{font-size: 16px; background: #fff;} .form-horizontal .form-control:focus{border: 1px solid #ddd; box-shadow: none;} .roi-bg-savings .fld2:focus{border: none; box-shadow: none;} .form-horizontal .form-control::placeholder{color: #000;} .container-fluid.bg-form-top {background-color: #F0F8FF; padding: 120px 0 50px 0; margin-bottom: 60px;} p.sub-info {margin: 0 30px 30px 30px; font-size: 22px;} .form-sec {margin: 60px auto;} .col-md-6.c-head {padding: 0 20px !important;} img.person1 {position: absolute; left: 240px; bottom: -40px; border: 3px solid #1672A4; padding: 4px;} h1.text-center.m-5 {margin-top: 20px !important;} img.logo {height: 40px;} .blockquote.comment {border: none !important; padding-top: 30px;} .blockquote-footer {display: block; font-size: 14px; color: #6c757d;} .review .card {margin:40px 0; padding:10px; border: 0px; border-radius: 8px; background: #FFF; box-shadow: 0px 2px 6px 0px rgba(3, 14, 20, 0.20); min-height:340px;} .card-title {margin-bottom: 10px; font-size: 20px;} .carousel-item em{font-size:15px;} .review .carousel-item {height: auto !important;} img.quotes {position: absolute; top: -8px; left: 15px; height: 24px;} h3.orange-text {color: #030E14;font-size: 22px;} /*.customer span {color: #F07049;}*/ .customer{color: #030E14;} /* .form-h1 span {color: #F07049 !important;} .customer h2{ font-weight:600;}*/ .row.ratings p {color: #030E14CC; font-weight: 700; font-size:16px;} .clients.carousel-indicators {z-index:0;} .clients.carousel-indicators .active {background-color: #1672A4 !important;} .form-box.new {background: #F9F9FF; padding: 40px 40px 60px 40px !important; border-radius: 12px; box-shadow: 0px 10px 10px rgba(3, 14, 20, 0.20);/* border: 1px solid #ddd;*/} #submitCRM28dd2c7955ce92645624b2ff010bde {width: 100%;} .p-4.s-form{padding: 0px !important;} #submitCRM56bb1cbe2aff70104a986e4d289eb784 {width: 100%;} #submitCRM3636638817772e42b59d74cff571fbb3 {width: 100%;} .container.h-txt {padding: 50px 0;} .h-txt h2 {margin-bottom: 30px; font-size:28px !important;} .h-txt li {line-height: 30px; text-align: justify; background: url(../images/news-bullet.png) no-repeat scroll left 13px; padding: 5px 5px 5px 30px; margin-left:10px; font-size: 16px;} .mt-5, .my-5 {margin-top: 0rem !important; } .row.anchor {margin-top: 60px;} .contact-head {padding: 20px;} @media (min-width: 320px) and (max-width: 767px) { .hidden-xs{display: none;} .bg-top p{text-align: center;} .form-ban {background-color: #f0704924; padding: 20px; border-radius: 24px;} .form-box {background: #fff; padding: 17px 30px!important; border-radius: 12px; border: 1px solid #ddd; bottom: 0!important;} .form-ban2 {background-color: #f0704924; padding: 20px; border-radius: 24px;} .form-box2 {background: #fff; padding: 17px; border-radius: 12px; border: 1px solid #ddd; bottom: 0!important;} .content1{margin-bottom: 16px !important; height: auto !important;} .h2-text{margin: 20px 0!important;} .bormd {height: auto !important;} .ft-icon1 {margin-left: 4px;} .sticky nav ul li a {padding: 10px 0 2px !important; color: #fff !important; font-size: 16px; text-decoration: none; transition: all .2s ease; font-weight: 700;} .box-9 {border: 1px solid #e7c0d1; padding: 20px; background: #f7eef2; border-radius: 18px; margin-bottom: 20px; margin-top: 20px; height: auto !important;} .box-93 {border: 1px solid #e7c0d1; padding: 20px; background: #f7eef2; border-radius: 18px; margin-bottom: 20px; margin-top: 20px; height: auto !important;} h2 {font-size: 22px !important; color: #000; line-height: 36px;} .box-94 {border: 1px solid #e7c0d1; padding: 20px; background: #f7eef2; border-radius: 18px; margin-bottom: 20px; margin-top: 20px; height: auto !important;} .panel-body1 h2 {font-size: 24px; font-weight: 700; margin-bottom: 20px;} iframe.video-size.vid-bg1 {width: 320px; height: 400px;} .mt-80 {margin-top: 90px !important;} .phone {display: none !important;} .bottom-banner {text-align: center; padding: 20px 0 40px !important; background-color: #b8f0fc; margin-top: 30px;} .banner-area-f9 h1 {font-size: 26px; color: #000; margin-bottom: 12px; line-height: 1.4; font-weight: 600;} .banner-area-f9 p {color: #000; font-size: 16px; line-height: 32px;} .content-h3 {font-size: 18px; color: #000 !important; margin-bottom: 20px; font-weight: 700; text-align: center; margin-top: 0;} .mx-auto1 h3 {font-size: 18px !important; color: #0084ff !important; margin-bottom: 20px;} .box13 {margin-bottom: 20px;} .box130 {margin-bottom: 20px;} img.person1 {display: none !important;} .col-md-6.c-head {padding: 0 50px !important;} .form-box.new {margin-top: 50px !important;} .container.h-txt {padding:20px; margin-top: 20px;} .h-txt h3 {font-size:24px; margin-bottom: 30px;} } .form-control {font-size: 14px; height: 34px; white-space: nowrap;} #Countrydd49f8bd9e326133e09f3950efba69b select .form-control::placeholder {color: #666;} .label-topmargin {font-size: 15px; margin-bottom: 5px;} .control-label {text-align: left !important;} .wraper-com {width: 100%; margin: 0 auto; padding: 0;} .roi-bg {padding: 5px 0 !important;} .roi-bg-savings {padding: 5px 0 !important;} .roi-bg-total {padding: 5px 0 !important;} .roi-bg .manual-fld.form-control::placeholder{color: #db6802; font-size: 18px;} .roi-bg .manual-fld{color: #db6802; font-size: 18px;} .roi-bg .auto-fld.form-control::placeholder{color: #337ab7; font-size: 20px;} .roi-bg .auto-fld{color: #337ab7; font-size: 20px;} .roi-bg-savings .manual-fld.form-control::placeholder{color: #db6802; font-size: 18px;} .roi-bg-savings .auto-fld.form-control::placeholder{color: #337ab7; font-size: 20px;} .roi-orange {text-align: left;} .roi-blue {text-align: left;} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* Firefox */ input[type=number] {-moz-appearance: textfield;} img.img-fluid.mb-4 {margin-bottom: 36px !important;} /*img.img-fluid.mb-6 {margin-bottom: 34px !important;}*/ .pricing-box p{margin: 0;} .pricing-box i{font-size: 28px;} .pricing-box article {width:100%; margin:0 auto; position:relative;} .pricing-box ul {display:flex; top:0px; z-index:10; padding-bottom:14px;} .pricing-box li {list-style:none; flex:1;} .pricing-box li:last-child {border-right:1px solid #DDD;} .pricing-box button {width:100% !important; border: 1px solid #DDD; border-right:0; border-top:0; padding: 10px; background:#FFF; font-size:14px; font-weight:bold; height:60px; color:#999;} .pricing-box li.active button {background:#F5F5F5; color:#000;} .pricing-box table {border-collapse:collapse; table-layout:fixed; width:100%;} .pricing-box th {background:#FFF; display:none;} .pricing-box td, th {height:53px;} .pricing-box td,th {border:1px solid #f4f4f4; padding:0 10px; empty-cells:show;} .pricing-box td,th {text-align:left;} .pricing-box td+td, .pricing-box th+th {text-align:center; display:none;} .pricing-box td.default {display:table-cell;} .pricing-box .most-popular{background: #2e98e7; font-size: 16px; padding: 4px 0; color: #fff !important; border-radius: 10px 10px 0 0; position: absolute; width: 100%; left: 0; top: 0px;} .pricing-box .bg-grey {border-top:3px solid #5E6A71; border-bottom:1px solid #fff; background-color:#fff;} .pricing-box .bg-ltpurple {border-top:3px solid #b197b7; border-bottom:1px solid #f4eef6; background-color:#f4eef6;} .pricing-box .bg-purple {border-top:3px solid #714e71; border-bottom:1px solid #e2cee3; background-color:#e2cee3;} .pricing-box .bg-membership {height:10px !important; border-top:3px solid #0097CF;} .pricing-box .sep {background:#f1f3f4; color:#000; font-size:17px; vertical-align: middle; font-weight: bold;} .pricing-box .short{background-color:#f4f1ff; padding: 20px; border-radius: 10px;margin-bottom: 20px;} .pricing-box .short p span{font-size: 30px;} .pricing-box .short p:first-child{margin: 20px; font-size: 18px;} .pricing-box .short p:last-child{font-size: 14px; margin-bottom: 1rem;} .pricing-box .short p:last-child span{font-size: 32px;} .pricing-box .shortltpurple{padding:20px; height: 192px; border-radius: 10px; background-color:#fff7ee; position: relative;margin-bottom: 20px;} .pricing-box .shortltpurple p:first-child{margin: 20px; font-size: 18px;} .pricing-box .shortltpurple p:last-child span{font-size: 32px;} .pricing-box .shortltpurple p:last-child{font-size: 14px; margin-bottom: 1rem;} .pricing-box .shortpurple{padding: 20px; height: 192px; border-radius: 10px; background-color:#e6f9ff;margin-bottom: 20px;} .pricing-box .shortpurple p:first-child{margin: 20px; font-size: 18px;} .pricing-box .pricing-cont p:first-child{font-size: 15px!important;} .pricing-txt{font-size: 15px;} .pricing-box .pricing-cont p:last-child{font-size: 14px;} .pricing-box .tick1{color: #5aae26; font-size: 30px;} .pricing-box .tick2{color: #d63232; font-size: 24px;} .pricing-box td.price{height:20px !important; border-top:0px; border-bottom:0px; text-align:center;} .pricing-box td.priceltpurple{height:20px !important; border-top:0px; border-bottom:0px; text-align:center; background-color:#f4eef6;} .pricing-box td.pricepurple{height:20px !important; border-top:0px; border-bottom:0px; text-align:center; background-color:#e2cee3; display:table-cell;} .pricing-box td.priceheader{height:20px !important; border:0; font-size:25px; font-weight:bold;} .pricing-box td.description{height:20px !important; border-top:0px; text-align:center; border-bottom:0px;} .pricing-box td.descriptionltpurple{height:20px !important; border-top:0px; text-align:center; background-color:#f4eef6; border-bottom:0px;} .pricing-box td.descriptionpurple{height:20px !important; border-top:0px; text-align:center; background-color:#e2cee3; border-bottom:0px; display:table-cell;} .pricing-box td.grey{background-color:#fff; color:#5e6a71;} .pricing-box td.ltpurple{background-color:#f4eef6; display:table-cell; color:#8e258d;} .pricing-box td.purple{background-color:#e2cee3; color: #8e258d;} .pricing-box .txt-l {font-size:28px; font-weight:bold;} /*--.txt-top {position:relative; top:-9px; left:-15px;}--*/ .pricing-box .txt-top {position:relative; top:15px;} .pricing-box .tick {font-size:18px; color:#5e6a71;} .pricing-box .tickltpurple {font-size:18px; color:#b079b1;} .pricing-box .tickltpurplesmallfont {font-size:16px; color:#b079b1;} .pricing-box .tickpurple {font-size:18px; color:#8e258d;} .pricing-box .donotshow {border:0; background:none;} .pricing-box .hidetop {border-top:1px solid #ddd; border-bottom:0px; background:none;} .menu-btn2 .btn {user-select: none; -moz-user-select: none; background: #0084ff; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; margin-left: 4px; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; height: 44px; position: relative; overflow: hidden; z-index: 1;} .menu-btn2 .btn::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: all .7s linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #ff7a18; z-index: -1;} .menu-btn2 .btn:hover::after {transform: scaleX(1); transform-origin: left;} .menu-btn2 .btn:hover {color: #fff;} .menu-btn3 .btn {user-select: none; -moz-user-select: none; background: #33b149; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; margin-left: 4px; display: inline-block; font-size: 15px; font-weight: normal; letter-spacing: .6px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all .3s ease 0; vertical-align: middle; white-space: nowrap; height: 44px; position: relative; overflow: hidden; z-index: 1;} .menu-btn3 .btn::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: all .7s linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #ff7a18; z-index: -1;} .menu-btn3 .btn:hover::after {transform: scaleX(1); transform-origin: left;} .menu-btn3 .btn:hover {color: #fff;} @media (max-width: 1024px) { .pricing-box .short{height: 218px !important;} .pricing-box .shortltpurple{height: 218px !important;} .pricing-box .shortpurple{height: 218px !important;} } @media (max-width: 820px) { .pricing-box .short p:first-child {margin: 20px 0;} } @media (max-width: 768px) { .pricing-box .short {padding: 20px 0; height: 188px !important;} .pricing-box td, th {width: 130px!important;} .pricing-cont p:last-child{display: none;} .pricing-box .shortltpurple{height: 188px!important;} .pricing-box .shortpurple{height: 188px!important;} } @media (min-width: 640px) { .pricing-box ul {display:none;} .pricing-box td,th {display:table-cell !important;} .pricing-box td,th {vertical-align: middle;} .pricing-box td+td, th+th {width: auto;} } @media (min-width: 768px) and (max-width: 1023px) { /*.bormd {height: 420px !important;}*/ .control-label {text-align: left !important;} .label-topmargin {font-size: 15px; margin-bottom: 5px;} .roi-bg {padding: 5px 15px !important;} .roi-bg-savings {padding: 5px 15px !important;} .roi-bg-total {padding: 5px 15px !important;} img.img-fluid.mb-4 {margin-bottom: 34px !important;} } .getapp {float: left; position: relative; left: 360px; top: 10px;} @media (min-width: 768px) and (max-width: 1023px) { .getapp {left: 100px !important;} .carousel-item.review{min-height: 450px;} img.person1 {position: absolute; left: 140px !important; bottom: -40px; border: 3px solid #1672A4; padding: 4px;} } @media (max-width: 1024px) { .getapp {left: 200px;} } .getapp1 {float: left; position: relative; top: 10px; left: 100px;} .dropdown-menu {position: initial; top: 60px !important; left: 0; z-index: 1000; display: none; float: left; min-width: 100%; padding: 5px 0; margin: 16px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: 0; margin-left: 0; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0; font-size: 14px !important;} .nolink1 {font-size: 16px !important; display: block !important; padding: 5px 20px !important; clear: both !important; font-weight: 400 !important; line-height: 1.42857143 !important; color: #333 !important; white-space: nowrap !important; cursor: default !important;} .wraper-com {width: 100%; margin: 0 auto; padding: 10px;} .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: right !important;} /*.form-box {background: #fff; padding: 0 30px 30px; border: 1px solid #e1e1e1; border-radius: 22px; position: relative; bottom: 44px}*/ img.a {vertical-align: baseline;} .form-ban {background-color: #f0704924; padding-right: 23px; margin-bottom: 50px; margin-top: 50px; border-radius: 24px;} .form-ban2 {background-color: #f0704924; padding-right: 23px; margin-bottom: 50px; margin-top: 50px; border-radius: 24px;} .form-box2 {background: #fff; padding: 0 30px 30px; border: 1px solid #e1e1e1; border-radius: 22px; position: relative; bottom: 44px;} .webform input, select, textarea {margin-bottom: 16px !important; border: 1px solid #ddd !important;} .form-h1 {color: #030E14 !important; font-weight: 700 !important; margin-top: 10px;} .contact-box .webform input[type="button"] {background-color: #14397d !important; margin-bottom: 20px !important; border: none !important; padding: 8px 20px !important; color: #fff; font-size: 18px !important; line-height: 20px !important; width: auto !important; border-radius: 4px !important;} #submitCRMe2ef524fbf3d9fe611d5a8e9fefdc9c {padding: 8px 12px; font-size: 16px; border-radius: 4px !important; width: 100% !important;} .blue-text {color: #198bdd; font-size: 26px;} .contact-wrap .contact-box .entry-figure img {-o-object-fit: cover; object-fit: cover; height: 100%;} .container-fluid {padding-right: 0 !important; padding-left: 0 !important; margin-right: auto; margin-left: auto;} .content {padding: 10px; border: 1px solid #e7e7e7; text-align: center; border-radius: 10px; height: 100%; background: #fffff0;} .content i {font-size: 30px; width: 60px; height: 60px; background: #f2f6ff; color: #0554f2; border-radius: 50%; margin-right: 20px; padding: 8px; display: inline-block;} .content p {font-size: 18px; line-height: 26px;} .content h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content a {font-weight: 400;} .content1 {padding: 10px; border: 1px solid #e7e7e7; text-align: center; border-radius: 10px; height: 100%; background: #fffff0;} .content1 i {font-size: 30px; width: 60px; height: 60px; background: #f2f6ff; color: #0554f2; border-radius: 50%; margin-right: 20px; padding: 14px 8px; display: inline-block;} .content1 p {font-size: 18px; line-height: 26px;} .content1 h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content1 h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content1 a {font-weight: 400;} .content2 {padding: 10px; border: 1px solid #e7e7e7; text-align: center; border-radius: 10px; height: 100%; background: #f0ffff;} .content2 i {font-size: 30px; width: 60px; height: 60px; background: #f2f6ff; color: #0554f2; border-radius: 50%; margin-right: 20px; padding: 14px 8px; display: inline-block;} .content2 p {font-size: 18px; line-height: 26px;} .content2 h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content2 h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;} .content2 a {font-weight: 400;} .content-title {margin-bottom: 70px;} .content-title h2 {font-size: 20px;} .loc {margin-top: 60px;} .media-info {margin-bottom: 40px; padding-left: 50px;} .media-info h2 {font-size: 20px !important; padding-top: 10px; font-weight: 600;} .row.map{margin-bottom: 40px;} .border-bottom {border-bottom: 3px solid #dee2e6!important;} .contact-page h6 {font-size: 22px; font-weight: bold; margin-bottom: 30px;} .partner-title2 {color: #000; font-size: 140%; font-style: normal; line-height: 45px; padding: 0 !important;} .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; overflow-x: auto; font-size: 16px;} .m-app {width: 100%; margin: 0 auto; padding: 0 10px;} .sticky nav {width: 100%; background: #2c698d; z-index: 999;} .project-tab {padding: 10%; margin-top: -8%;} .project-tab #tabs {background: #007b5e; color: #eee;} .project-tab #tabs h6.section-title {color: #eee;} .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #0062cc; background-color: transparent; font-size: 20px; border-color: transparent transparent #f3f3f3; font-weight: 700;} .project-tab .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #0062cc; font-size: 16px; font-weight: 600;} .project-tab .nav-link:hover {border: none;} .project-tab thead {background: #f3f3f3; color: #333;} .project-tab a {text-decoration: none; color: #333; font-weight: 600;} .tabs {margin: 0 auto; padding: 40px 20px;} #tab-button {display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; list-style: none;} #tab-button li {display: table-cell; width: 20%;} #tab-button li a {display: block; padding: .5em; background: #eee; border: 1px solid #ddd; text-align: center; color: #000; text-decoration: none;} #tab-button li:not(:first-child) a {border-left: none;} #tab-button li a:hover, #tab-button .is-active a {border-bottom-color: transparent; background: #fff;} .tab-contents {padding: .5em 2em 1em; border: 1px solid #ddd;} .tab-button-outer {display: none;} .tab-contents {margin-top: 20px;} @media screen and (min-width: 768px) { .inner-banner{margin: 0!important; height: auto;} .inner-banner .section-title .pl-60 {padding: 0;} .inner-banner .section-title .mt-60{ margin: 0;} .inner-banner .section-title h2{top: auto; padding: 0 10px!important; text-align: left;} .tab-button-outer {position: relative; z-index: 2; display: block;} .tab-select-outer {display: none;} .tab-contents {position: relative; top: -1px; margin-top: 0;} } .sticky-top {position: -webkit-sticky; position: fixed; top: 0; z-index: 1020;} .sticky nav {width: 100%; background: #2c698d; z-index: 999;} .sticky-nav-bar {position: fixed; top: 10%;} .sticky nav ul {padding: 20px; margin: 0 auto; list-style: none; text-align: center;} .sticky nav ul li {display: inline-block; margin: 0 10px;} .sticky nav ul li a {padding: 10px 0; color: #fff; font-size: 16px; text-decoration: none; transition: all .2s ease;} .sticky nav ul li a:hover, .sticky nav ul li a:focus {color: #e9e9e9 !important; transition: box-shadow .3s ease-in-out;} .sticky .title {font-size: 17px; line-height: 30px; margin-bottom: 16px; font-weight: 400 !important; color: #333 !important;} .sticky p {text-align: left; font-size: 17px; line-height: 30px; color: #333;} .sticky .card-container {padding: 35px 0 30px; text-align: center;} .sticky .card-con-inner {width: 100%; margin: 0 auto; border: 0 solid #e3e3e3;} .sticky .why-card.sml {border-bottom: 0 solid #e3e3e3;} .sticky .why-card2 .lt-border {border-left: 0 solid #e3e3e3;} .sticky .why-card {width: 33.33%; float: left; box-sizing: border-box; background: #fff; border: none; transition: all ease .5s; position: relative;} .sticky .card-inner {padding: 16px;} .sticky .card-inner h2.inner-hdr, .inner-hdr.dtl_bx {font-size: 21px !important; color: #115baa !important; text-transform: inherit; line-height: 32px !important; padding: 8px 0 !important; margin: 0 !important;} .sticky .para-sec {font-size: 17px; line-height: 30px !important; margin: 0 auto; width: 100%;} .sticky .why-card.middle {border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;} .sticky .why-card {width: 49%; float: left; box-sizing: border-box; background: #f8f8f8; border: none; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; transition: all ease .5s; position: relative; border-radius: 7px; margin-left: 5px;} .sticky .why-card:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow .3s ease-in-out;} .sticky .why-card1:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow .3s ease-in-out;} .sticky .why-card.big.brd {border-right: 0 solid #e3e3e3;} .sticky .why-card.big {width: 49%;} .sticky .cb {clear: both; height: 0;} .sticky .bx-con {text-align: left;} .sticky .bx-con-inner {max-width: 1060px; width: 100%; display: inline-block; border: 1px solid #e3e3e3; border-radius: 5px;} .sticky .bx-sec:nth-child(1), .sticky .bx-sec:nth-child(3), .sticky .bx-sec:nth-child(5) {border-right: 1px solid #e3e3e3;} .sticky .bx-sec:nth-child(1), .sticky .bx-sec:nth-child(2) {border-bottom: 1px solid #e3e3e3;} .sticky .bx-sec:nth-child(3), .sticky .bx-sec:nth-child(4) {border-bottom: 1px solid #e3e3e3;} .sticky .bx-sec {width: 50%; float: left; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 16px; transition: all ease .5s; position: relative;} .sticky .bx-sec:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow .3s ease-in-out;} .sticky .bx-inner {width: 96%;} .sticky .inner-hdr {font-size: 34px; line-height: 42px; color: #111;} .sticky .bx-sec.last {margin-bottom: 0;} .sticky .bx-sec:nth-child(3), .sticky .bx-sec:nth-child(4) {margin-bottom: 0;} .sticky .inner-hdr {font-size: 17px !important; color: #e27c13 !important; line-height: 32px !important; padding: 0 !important; margin: 0 !important;} .sticky nav ul li {margin: 10px 10px 0;} .sticky nav ul li a {font-size: 14px; padding: 5px 0;} .why-bg h1 {font-size: 40px; line-height: 45px;} .sticky .why-card {width: 100%; margin-top: 2px;} @media (max-width:1199.98px) { .sticky nav ul {padding: 15px 10px;} .sticky nav ul li a {font-size: 15px;} } .sticky nav ul {padding: 0 20px 10px;} .sticky nav ul li {margin: 15px 10px 0;} .sticky nav {width: 100%; background: #18367e; z-index: 99;} .sticky-nav-bar {position: fixed; top: 8.7%;} .sticky nav ul {padding: 20px; margin: 0 auto; list-style: none; text-align: center;} .sticky nav ul li {display: inline-block; margin: 0 10px;} .sticky nav ul li a {padding: 10px 0; color: #fff !important; font-size: 17px; text-decoration: none; transition: all .2s ease;} .sticky nav ul li a:hover, .sticky nav ul li a:focus {color: #e9e9e9 !important; transition: box-shadow .3s ease-in-out;} .sticky .title {font-size: 17px; line-height: 30px; margin-bottom: 16px; font-weight: 400 !important; color: #333 !important;} .sticky p {text-align: left; font-size: 17px; line-height: 30px; color: #333;} .carousel-inner p {line-height: 24px !important; padding: 0 12px;} .feature-body {padding: 0 20px; color: #000;} .feature-body p.mt-60{font-size: 18px; text-align: justify; line-height: 28px;} .marketing p{font-size: 18px; text-align: justify; line-height: 28px;} .tss-pad .p-50{padding: 0;} .ban-top {margin-top: 80px !important;} .banner-3 {background: url(../images/signup.png) no-repeat left #d2eaf3 !important; background-position-x: left !important; width: 100%; padding: 60px 28px; margin-left: auto; margin-right: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; border-radius: 10px;} .page-header .page-header-wrapper {position: relative; z-index: 4;} .page-header .page-header-title {font-size: 40px; max-width: 690px; width: 100%; position: relative; z-index: 2; margin-bottom: 5px; margin-left: auto; margin-right: auto; color: #0780d8;} .page-header {border-bottom: none !important;} .fancy-hero-one {position: relative; z-index: 5; text-align: center; margin: 150px 0 50px !important;} h1.pinline {text-align: center; display: block; overflow: hidden; font-size: 1.2em; font-weight: 100; margin: 20px 0; text-transform: uppercase;} h1.pinline span {position: relative; display: inline-block; line-height: 1;} h1.pinline span::before, h1.pinline span::after {content: ""; position: absolute; top: 50%; height: 1px; background: #ddd; width: 99999px;} h1.pinline span::before {left: 100%; margin-left: 20px;} h1.pinline span::after {right: 100%; margin-right: 20px;} .succes-bg1 {background: #f1fdfd; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .succes-bg2 {background: #fffcf3; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .succes-bg3 {background: #f8fcee; border-radius: 30px; padding: 40px; margin-bottom: 40px;} .customer-box h1 {font-size: 26px; text-align: center; font-weight: 500;} .customer-box .card {border-radius: 8px; padding: 0;} .customer-box .card:hover {-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .09); -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .09);} .customer-box .card img {margin: 8px 0;} .customer-box .card .card-body {border-top: #eee solid 1px;} .news {margin: 30px 0 0;} .news .card-body {padding: 0; min-height: 200px; border: none !important;} .news .card h4 {text-align: left; margin: 0; font-size: 16px; font-style: italic; background: #d8ebf6; display: inline-block; padding: 0 10px; color: #042b41; margin-bottom: 16px; width: 80%;} .news .card {margin-bottom: 20px; border: none; border-top: #87bff3 solid 3px !important; border-radius: 0;} .news .card p {padding: 10px;} .news .card .btn {background: transparent; color: #000; border: none; text-align: left;} .news .card .btn svg {vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease; padding-left: 4px; color: #1b70f9;} .news .card .btn:hover svg {-webkit-transform: translateX(3px); top: 1px; position: relative; transform: translateX(3px); margin-left: 3px; color: #1b70f9;} .news .card .btn:focus {box-shadow: none;} .news .card .btn:active, .news .card .btn:active:focus {box-shadow: none; background: none; color: #000;} .page-header .page-header-title {font-size: 40px; max-width: 690px; width: 100%; position: relative; z-index: 2; margin-bottom: 5px; margin-left: auto; margin-right: auto; color: #0780d8;} .news {margin: 60px 0 0;} .why-card2 {width: 49%; float: left !important; box-sizing: border-box !important; background: #f5f5f5 !important; border: none; transition: all ease .5s; position: relative !important; border-radius: 7px !important; margin-left: 11px;} .why-card1 {width: 98%; float: left; box-sizing: border-box; background: #f5f5f5; border: none; transition: all ease .5s; position: relative; border-radius: 7px; margin-left: 1px;} .text-center-h3 {margin: 10px 0 !important; color: #115baa !important; font-size: 24px !important; padding: 20px 0 !important; text-align: center !important;} .mx-auto3 {margin: 20px auto !important;} .mt-60 {margin-top: 60px; padding-bottom:60px;} .time-img {background: #74b6de; height: auto; text-align: center;} .industry .list-unstyled li {line-height: 30px; text-align: justify; background: url(../images/news-bullet.png) no-repeat scroll left 13px; padding: 5px 5px 5px 30px; font-size: 16px;} .te-banner {color: #000 !important; line-height: 35px !important; font-size: 23px; text-align: center; padding: 15px 0;} .form-box {background: #fff; padding: 17px; border-radius: 12px; border: 1px solid #ddd;} textarea.form-control {height: 60px !important;} .priceCol {font-size: 18px; color: #666; border-radius: 16px !important; -webkit-box-shadow: 0 0 18px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 18px -8px rgba(0, 0, 0, 0.75);box-shadow: 0 0 18px -8px rgba(0, 0, 0, 0.75); margin-bottom: 27px;} pricehead, .addhead {-webkit-border-top-left-radius: 16px !important; -webkit-border-top-right-radius: 16px !important; -moz-border-radius-topleft: 16px !important; -moz-border-radius-topright: 16px !important; border-top-left-radius: 16px !important; border-top-right-radius: 16px !important;} .pricehead {background: #2e98e7; color: #fff !important; border-radius: 18px 18px 0 0;} .pricehead th, .addhead th {text-align: center !important; padding: 28px 16px;} .priceCol td {padding: 16px; border-bottom: 1px solid #ececec;} .addhead {background: #f1cf4a; color: #000 !important;} .priceCol .btn-primary {color: #fff !important;} .fs-20 {font-size: 20px;} .p-20 {padding: 20px !important;} .h2-text {margin: 60px 0 120px;} .bottom-banner {text-align: center; padding: 70px 0 90px; background-color: #d9eeff; margin-top: 30px;} .h2-head {color: #045ba8 !important;} .vid-bg {background-color: #89d9c2; padding: 20px; border-radius: 20px;} .vid-bg1 {background-color: #b5e2e9; padding: 20px; border-radius: 20px;} .industry-txt {color: #1f561a; font-weight: 600;} div#sutiCRMWidgetdd49f8bd9e326133e09f3950efba69b {margin: 0 24px;} a.active {border-bottom: 2px solid #ecf0f1;} .why-list li {background: rgba(0, 0, 0, 0) url(../images/adv_tick.jpg) no-repeat scroll left 8px; color: #000 !important; font-weight: 400; line-height: 27px; list-style: outside none none; margin: 0; padding: 5px 5px 5px 30px !important; text-align: left; font-size: 16px;} .tabbable-panel {border: 1px solid #eee; padding: 0; margin-top: 16px;} .tabbable-line > .nav-tabs {border: none; margin: 0;} .tabbable-line > .nav-tabs > li {margin-right: 0; border-bottom: 1px solid #eee; border-right: 1px solid #eee; margin-bottom: 2px; padding: 4px;} .tabbable-line > .nav-tabs > li > a {border: 0; margin-right: 0; color: #000; font-size: 14.17px; padding: 6px 18px;} .tabbable-line > .nav-tabs > li > a > i{color: #a6a6a6;} .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 0 solid #fbcdcf;} .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {border: 0; border-bottom: 1px solid #eee; background: #eee !important; color: #000 !important; border-radius: 0;} .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {color: #a6a6a6;} .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0;} .tabbable-line > .nav-tabs > li.active {border-bottom: 1px solid #eee; position: relative;} .tabbable-line > .nav-tabs > li.active > a {border: 0; color: #fff !important; background: #168fce; border-radius: 0;} .tabbable-line > .nav-tabs > li.active > a > i {color: #404040;} .tabbable-line > .tab-content {margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 20px 10px 10px;} .portlet .tabbable-line > .tab-content {padding-bottom: 0;} .tabbable-line > .nav-tabs > li.active > a, .tabbable-line > .nav-tabs > li.active > a:hover, .tabbable-line > .nav-tabs > li.active > a:focus {border: none;} .tabbable-line .nav-tabs > li.active > a, .tabbable-line .nav-tabs > li.active > a:hover, .tabbable-line .nav-tabs > li.active > a:focus {color: #fff !important; background: #168fce !important;} .tabbable-line.tabs-below > .nav-tabs > li {border-top: 0 solid transparent;} .tabbable-line.tabs-below > .nav-tabs > li > a {margin-top: 0;} .tabbable-line.tabs-below > .nav-tabs > li:hover {border-bottom: 0; border-top: 0 solid #fbcdcf;} .tabbable-line.tabs-below > .nav-tabs > li.active {margin-bottom: -2px; border-bottom: 0; border-top: 0 solid #f3565d;} .tabbable-line.tabs-below > .tab-content {margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px;} .tab-content p > strong {color: #353795; font-weight: 400; font-size: 20px;} .tabbable-line .nav-tabs > li.active > a, .tabbable-line .nav-tabs > li.active > a:hover, .tabbable-line .nav-tabs > li.active > a:focus {color: #fff !important; background: #168fce !important;} .cta-insert {margin: 0 auto 2em; padding: 3em; border: 0 solid #f26628 !important; border-radius: 2px; background-size: cover;} #submitCRM414ffe1eb6308a8a5137b0a6ee95a4 {padding: 10px; font-size: 16px; border-radius: 4px !important; border: 0 !important; width: 100%;;} .btn:not(:disabled):not(.disabled) {cursor: pointer; border: 0 !important;} .btn:hover, .btn:focus, .btn.focus {text-decoration: none;} .btn-secondary:hover {color: #333; background-color: transparent; border-color: #545b62;} .panel-body1 {background: -moz-linear-gradient(270deg, #FFF 0%, #bfdef5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #bfdef5)); background: -webkit-linear-gradient(270deg, #FFF 0%, #bfdef5 100%); background: -o-linear-gradient(270deg, #FFF 0%, #bfdef5 100%); background: -ms-linear-gradient(270deg, #FFF 0%, #bfdef5 100%); background: linear-gradient(180deg, #FFF 0%, #bfdef5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#bfdef5', GradientType=0); border: 2px solid #53aada; -webkit-border: 2px solid #53aada; -moz-border: 2px solid #53aada; -ms-border: 2px solid #53aada; -o-border: 2px solid #53aada; -webkit-border-radius: 14px !important; -moz-border-radius: 14px !important; -ms-border-radius: 14px !important; -o-border-radius: 14px !important;border-radius: 14px !important; margin: 30px 0 15px; padding: 10px !important;} .box-9 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; margin-top: 0; margin-bottom: 0;} .box-93 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 280px; margin-bottom: 0; margin-top: 0;} .box-94 {border: 1px solid #eee; padding: 20px; background: #eee; border-radius: 18px; height: 360px; margin-bottom: 0; margin-top: 20px;} .video-size {height: 540px;} .side-navm {border: 1px solid #f7f7f7; padding: 10px; border-radius: 18px; line-height: 42px; background: #e7f5fb;} .feat-bullets-arrow1 li {background: rgba(0, 0, 0, 0) url(../images/adv_tick.jpg) no-repeat scroll left 12px; color: #333 !important; font-size: 16px; font-weight: 400; line-height: 25px; list-style: outside none none; margin: 0; padding: 11px 8px 0 30px !important; text-align: left;} .plr-50 {padding: 0 50px;} .m-6 {margin: 4rem 0 !important;} .h2-head {margin-bottom: 0; font-size: 30px; font-weight: 600; color: #000 !important;} .feature-main h3 {font-size: 22px; color: #000; margin-bottom: 20px;} .mx-auto1-h3 {font-size: 24px !important; color: #000 !important; margin-bottom: 20px;} .mrg-btm80 {margin-bottom: 80px !important;} .hme-form {background: rgba(255, 255, 255, 0.3); box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); padding: 20px 0;} .logos-sec {text-align: center !important; margin-top: 10px;} .logos-sec img {border-radius: 10px;} .logos-sec a {text-align: center !important; margin-top: 10px; color: #000;} .pl-60 {padding-left: 60px;} .modal-backdrop.fade {opacity: .5 !important;} .modal.show .modal-dialog {-webkit-transform: translate(0, 25%) !important; transform: translate(0, 25%) !important;} .modal-title {font-size: 20px;} .modal-header {background: #0084ff;} #tp-MyModal .errorMsgColor {top: -11px;} .modal-header .close {color: #fff !important; opacity: 1; padding: 0 10px; font-size: 30px;} .close {float: right; font-size: 21px; font-weight: 700; line-height: 1; text-shadow: none !important; filter: alpha(opacity=20); opacity: 1 !important; position: absolute; left: 98%; top: -2%; background: #000 !important; width: 30px; height: 30px; border-radius: 25px; color: #fff !important; padding: 0 !important;} h4.title {padding-top: 10px;} #submitCRM5878a7ab84fb4340216c575658472fa {border: 0 !important;} .faq-accordion .accordion {margin: 0 auto; width: 100%; font-size: 25px;} .features {border: 1px solid rgba(3, 14, 20, 0.1); border-radius: 8px; padding: 20px !important; /*background: #FFF; box-shadow: 0px 8px 20px 0px rgba(3, 14, 20, 0.20);*/} .key-features{margin-bottom: 50px !important;} .key-text{margin: 20px 20px; text-align: justify;} .features .para-sec {padding-top: 20px;} .col-md.b-text {margin-left: 15px;} .row.b {margin: 10px 20px;} .points .btext{text-align: left !important; font-size: 18px;} .features .iconb{margin-bottom: 0px !important; } @media screen and (min-width: 768px) { .faq-accordion .accordion {font-size: 18px;} } .faq-accordion .accordion .far, .faq-accordion .accordion .fas {padding-right: 0.75rem;} .faq-accordion .accordion__title {color: #494041; margin-bottom: 30px; position: relative; font-weight: 900; line-height: 1.2;} .faq-accordion .accordion__item {position: relative; width: 100%; height: auto; margin: 0 0 10px 0; overflow: hidden;} .faq-accordion .accordion__item:first-of-type {border-radius: 4px;} .faq-accordion .accordion__item:last-of-type {border-radius: 4px;} .faq-accordion .accordion__toggle {display: block; padding: 10px 15px; position: relative; text-decoration: none; color: #000; background-color: rgba(0,0,0,.03); font-weight: 500;cursor: pointer !important; border: 1px solid rgba(0,0,0,.125);} .faq-accordion .accordion__icon {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); fill: #007bff;} .faq-accordion .accordion__item.active .accordion__icon {transform: translateY(-50%) rotateZ(90deg);} .faq-accordion .accordion__content {overflow: hidden; background-color: #fff; margin-top: 0; margin-left: 0px; margin-right: 0px; color: #000; border: #ddd solid 1px; border-top: none !important; height: 0; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; box-sizing: border-box; border-radius:0 0 4px 4px; font-weight: 300;} .faq-accordion .accordion__content-container {padding: 1rem;} .faq-accordion .accordion__item.active .faq-accordion .accordion__content {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 0;} .faq-accordion .accordion__p {padding: 10px 15px; margin: 0; color: #9c8f8e; font-weight: 300; font-size: 0.9rem;} .faq-accordion .accordion__a {padding: 10px 1rem; margin: 0; color: #9c8f8e; font-weight: 300; text-decoration: none; font-size: 0.9rem; display: block;} .tts-section{background: #e8ebe0; padding: 30px; margin-top: 40px;} .tts-tabs .nav-tabs .nav-link{font-size: 18px; color: #444; border: none; padding: 11px 18px; background: #fff; margin: 0 4px; border-radius: 30px;} .tts-tabs .nav-tabs .nav-link.active{font-size: 18px; font-weight: normal; border: none!important; background: #0062cc !important; color: #fff!important;} .tts-tabs .tab-content{border:#ddd solid 1px; padding:20px; border-radius: 8px; background:#fff;} .tabs-area li.nav-item {margin-bottom: 10px; margin-left: 10px;} @media (min-width: 768px) { .responsive-tabs .dropdown-arrow {display: none;} /*} @media screen and (max-width: 767px) { .responsive-tabs {position: relative; border: 1px solid #ccc;} .responsive-tabs li {width: 100%; margin: 0 !important;} .responsive-tabs li > a {display: none; border: 0 !important; border-radius: 0 !important;} .responsive-tabs.open li > a, .responsive-tabs li > a.active {display: block;} .responsive-tabs .dropdown-arrow {position: absolute; top: 15px; right: 15px; border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all ease .5s; cursor: pointer;} .responsive-tabs.open .dropdown-arrow {transform: rotate(-135deg); transition: all ease .5s;} */ h2 {margin-bottom: 0; font-size: 30px !important; font-weight: 600; line-height: 34px !important; position: relative;} .pl-60 {padding-left: 0px;} .container-fluid.bg-top {padding-top: 80px; margin-top: 40px; padding-bottom: 40px !important; margin-bottom: 0px !important;} .review .card {height: auto!important;} } .ptt-tabs .card-header{border: none!important; padding: 0;} .ptt-tabs .nav-tabs .nav-item.show .nav-link, .ptt-tabs .nav-tabs .nav-link.active {color: #fff!important; background-color: #1fa2f5; font-size: 20px; font-weight: bold;padding: 10px 0;} .ptt-tabs .nav-tabs .nav-link {border: 1px solid transparent; border-bottom: none !important; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #000; font-size: 20px;padding: 10px 0;} .ptt-tabs .nav-tabs .nav-link.active::after {content: ""; position: relative; bottom: -50px; left: -20%; border: 15px solid transparent; border-top-color: transparent; border-top-color: #1fa2f5;} .ptt-tabs .card-body{padding: 30px;} .ptt-tabs .inner-banner{background:#f5f5f5;} .ptt-tabs .inner-banner img{padding:10px 0;} .ptt-tabs .media{margin-bottom: 30px;} .ptt-tabs .media .icon{margin: 0 20px 0 0;} .ptt-tabs .media h3{font-size: 24px; margin: 0 0 10px 0;} .ptt-tabs .media p{text-align: left;font-size: 18px;} .ppt-feat .features{margin: 0 20px 60px 20px;border: 1px solid rgba(3, 14, 20, 0.1); border-radius: 8px; background: #FFF; padding: 20px !important; min-height: 300px;} .feat-section-ind{background: #f4f6fa; padding-top: 30px;} .award-section-ind{padding: 50px 0;} .why-section-ind .card{border: none;} .why-section-ind .card .why-section-img1{background: #e7f5ff;} .why-section-ind .card .why-section-img2{background: #eaffef;} .why-section-ind .card .why-section-img3{background: #fff5e8;} .why-section-ind .card .why-section-img4{background: #f7f1ff;} .intro-ind{padding: 20px; margin: 40px 0; border: 1px solid #eee; border-left: #e7a217 solid 4px; border-radius:4px; line-height: 28px;} .contact-us {background: rgba(255, 255, 255, 0.3); /*box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12);*/ border-radius: 40px !important; margin: 40px 0;} img.img-fluid.contact-p {border-radius: 40px 0px 0px 40px !important; padding: 0 !important;} .hme-form h4 {margin:30px 0px;} .india-brand, .india-logo {margin: 30px auto;} .intro-ind p {font-size: 20px; font-weight: 400;} .brand-img1 {margin: 0px; height: 80px; /* border: 1px solid #d1d1d1; */} .banner-area.india {background: #f5fbff; position: relative; color: #fff; padding-top: 7em;} @media (min-width: 768px) and (max-width: 1023px) { img.img-fluid.contact-p {border-radius: 100% !important; margin: 40px; width: 80% !important;} } @media (max-width: 767px) { img.img-fluid.contact-p {border-radius: 100% !important; margin: 40px; width: 80% !important;} }