@charset "UTF-8";

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');

@font-face { font-family: 'Arial-y'; src: url('fonts/Arial.eot'); src: url('fonts/Arial.woff') format('woff'), url('fonts/Arial.ttf') format('truetype'); }

@font-face { font-family: 'Conv_LHANDW'; src: url('fonts/LHANDW.eot'); src: local('☺'), url('fonts/LHANDW.woff') format('woff'), url('fonts/LHANDW.ttf') format('truetype'), url('fonts/LHANDW.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'lucida_handwritingitalic'; src: url('../fonts/how-it-works/lhandw-webfont.eot'); src: url('../fonts/how-it-works/lhandw-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/how-it-works/lhandw-webfont.woff2') format('woff2'), url('../fonts/how-it-works/lhandw-webfont.woff') format('woff'), url('../fonts/how-it-works/lhandw-webfont.ttf') format('truetype'), url('../fonts/how-it-works/lhandw-webfont.svg#lucida_handwritingitalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Black.eot'); src: url('fonts/Colfax-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Black.woff2') format('woff2'), url('fonts/Colfax-Black.woff') format('woff'), url('fonts/Colfax-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-BlackItalic.eot'); src: url('fonts/Colfax-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-BlackItalic.woff2') format('woff2'), url('fonts/Colfax-BlackItalic.woff') format('woff'), url('fonts/Colfax-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Thin.eot'); src: url('fonts/Colfax-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Thin.woff2') format('woff2'), url('fonts/Colfax-Thin.woff') format('woff'), url('fonts/Colfax-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Light.eot'); src: url('fonts/Colfax-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Light.woff2') format('woff2'), url('fonts/Colfax-Light.woff') format('woff'), url('fonts/Colfax-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Regular.eot'); src: url('fonts/Colfax-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Regular.woff2') format('woff2'), url('fonts/Colfax-Regular.woff') format('woff'), url('fonts/Colfax-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face {

 font-familfonts/y: 'Colfax'; src: url('Colfax-LightItalic.eot'); src: url('fonts/Colfax-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-LightItalic.woff2') format('woff2'), url('fonts/Colfax-LightItalic.woff') format('woff'), url('fonts/Colfax-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-BoldItalic.eot'); src: url('fonts/Colfax-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-BoldItalic.woff2') format('woff2'), url('fonts/Colfax-BoldItalic.woff') format('woff'), url('fonts/Colfax-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Bold.eot'); src: url('fonts/Colfax-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Bold.woff2') format('woff2'), url('fonts/Colfax-Bold.woff') format('woff'), url('fonts/Colfax-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-Medium.eot'); src: url('fonts/Colfax-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-Medium.woff2') format('woff2'), url('fonts/Colfax-Medium.woff') format('woff'), url('fonts/Colfax-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-RegularItalic.eot'); src: url('fonts/Colfax-RegularItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-RegularItalic.woff2') format('woff2'), url('fonts/Colfax-RegularItalic.woff') format('woff'), url('fonts/Colfax-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-MediumItalic.eot'); src: url('fonts/Colfax-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-MediumItalic.woff2') format('woff2'), url('fonts/Colfax-MediumItalic.woff') format('woff'), url('fonts/Colfax-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: 'Colfax'; src: url('fonts/Colfax-ThinItalic.eot'); src: url('fonts/Colfax-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Colfax-ThinItalic.woff2') format('woff2'), url('fonts/Colfax-ThinItalic.woff') format('woff'), url('fonts/Colfax-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; }

/*font-family: 'Open Sans', sans-serif;(Light 300, Regular 400, Semi-bold 600, Bold 700, Extra-bold 800 )  font-family: 'Montserrat', sans-serif;(Medium 500, Semi-bold 600)*/

.colfax-title-heading h2{ letter-spacing: -2px;
    font-family: 'Colfax' !important;
    font-weight: 700 !important;
    font-size: 5em !important;}

.saas_two_section_title span { font-family: 'Conv_LHANDW', Sans-Serif; color: #54bf0b; }

.saas_two_section_title h2 { font-family: 'Montserrat'; font-weight: 500; }

.s2-banner_content h1 span { font-family: 'Conv_LHANDW', Sans-Serif; color: #32dd87; font-weight: 600 !important; }

.s2-banner_content h1 { font-family: 'Montserrat'; font-weight: 500; }

.all-web-btn a { text-align: center; line-height: 45px; border-radius: 50px; margin-right: 20px; font-weight: 600; color: #ffffff !important; display: inline-block; z-index: 1; font-family: 'Open Sans'; padding: 0.5vh 6vh; font-size: 20px; }

.how-it-swril { border: 3px solid #000; padding: 60px 30px; }

.all-web-btn .oreng { background-color: #ba0060; }

.all-web-btn .green { background-color: #32dd87; }

.all-web-btn a:hover { color: #fff; }

.all-web-btn a:hover:before { opacity: 1; right: 25px; visibility: visible; }

.all-web-btn a { transition: 0.3s all ease-in-out; position: relative; overflow: hidden; border-radius: 50px; display: inline-block; }

.all-web-btn a:hover:after { top: 0; }

.all-web-btn a:before { position: absolute; content: ""; width: 0px; height: 0px; right: 0; top: 45px; right: 15px; border-radius: 50%; z-index: -1; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; }

.all-web-btn a:after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; right: 0; z-index: -2; transition: 0.3s all ease-in-out; }

.all-web-btn .oreng:before { box-shadow: 0 0 30px 31px #b80864; }

.all-web-btn .oreng:after { background-color: #6e1f48; }

.all-web-btn .green:before { box-shadow: 0 0 30px 31px rgb(197 131 9); }

.all-web-btn .green:after { background-color: #fea400; }

.grow-bussiness h3 { font-family: 'Montserrat'; font-weight: 600; font-size: 45px; color: #fff; }

.edit-font { font-size: 40px !important; }

.edit-font span { font-weight: 600 !important; }

.s2-about_text_icon img { margin-bottom: 25px }

.s2-about_text_icon p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 21.48px !important; color: #000 !important; text-align: center; }

.swril p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 25px !important; color: #8d8d8d !important; }

.swril .green-p { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 25px !important; color: #53be0c !important; margin: 30px 0px; }

.edit-2 { margin-top: 35px; }

.integration_section h2 { color: #fff !important; font-size: 40px!important; }

.get-in-touch { background-image: url(../img/get-in-touch-bg.png); width: 100%; height: auto; background-repeat: no-repeat; padding-top: 65px; padding-bottom: 84px; background-position: center center; }

.get-touch-list li h3 { font-family: 'Montserrat'; font-weight: 500; font-size: 46px; color: #fff; }

.get-touch-list { text-align: left; list-style: none; padding-left: 12px; margin: 50px auto; }

.get-btn { margin-left: -79px; padding: 0.1vh 4vh !important; }

.get-touch-list li { margin-bottom: 15px; }

.contct-form h2 { font-family: 'Montserrat'; font-weight: 500; font-size: 45px; margin-bottom: 30px; color: #fff; }

.img-btn { background: none; border: 0px }

.inner-form { max-width: 960px; margin: 0px auto; padding: 58px 0px; }

.inner-form input[type=text], .inner-form input[type=email], .inner-form input[type=number] { height: 61px; margin-bottom: 20px; }

.inner-form .form-control { border: 0px; border-radius: 8px; padding-left: 24px; }

.send-btn { text-align: center; line-height: 45px; border-radius: 50px;  font-weight: 600; color: #ffffff !important; display: inline-block; z-index: 1; font-family: 'Open Sans'; padding: 0.5vh 6vh; font-size: 31px; background-color: #32dd87; border: 0px;  }

.contct-form { position: relative; z-index: 99; margin-bottom: 60px; }

.contct-form input::placeholder {

color: #b0b6ba;

font-size:20px;

font-family: 'Open Sans';

}

.contct-form textarea::placeholder {

color: #b0b6ba;

font-size:20px;

font-family: 'Open Sans';

}

 audio::-webkit-media-controls-volume-slider {

color:#32dd87

}

.bef-aft-bg-sec-1 { position: relative; }

.bef-aft-bg-sec-1:before { content: ""; position: absolute; top: 0; left: 0px; width: 412px; height: 679px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/bg-after-1.png); }

.bef-aft-bg-sec-1:after { content: ""; width: 812px; height: 1231px; right: 0px; top: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/bg-after-2.png); }

.bef-aft-bg-sec-2 { position: relative; }

.bef-aft-bg-sec-3 { position: relative; }

.bef-aft-bg-sec-3:after { content: ""; width: 527px; height: 679px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/bg-after-5.png); bottom: -315px; }

.bef-aft-bg-sec-4 { position: relative; }

.bef-aft-bg-sec-4:before { content: ""; width: 394px; height: 644px; left: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/bg-after-6.png); bottom: 0px; }

.tara-img img { position: relative; z-index: 99; right: -15px; }

.about-banner { background-color: #271833 !important; padding-bottom: 0px !important; }

.who-lives { background-color: #271833; padding: 70px 0px; }

.myco-text h2 { font-size: 54px !important; margin-bottom: 37px; }

.myco-text p { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #a0a0a0; font-size: 20px; letter-spacing: 1px; line-height: 28px; }

.myco-name { clear: both }

.myco-sgin { max-width: 310px; text-align: center; float: right; font-family: Arial, sans-serif !important; color: #000 !important; font-size: 25px !important; }

.myco-sgin span { color: #32dd87 !important; font-weight: 600 }

.sign-2 { float: none !important; margin: 67px auto 0px; ; font-weight: bolder }

.sign-2 span { color: #acacac !important; font-weight: 400 }

.who-lives h2, .who-lives h3 { font-family: 'Montserrat'; font-weight: 500; color: #fff; }

.who-lives h2 { font-size: 60px; text-align: center; margin-bottom: 78px; }

.who-lives h3 { font-size: 35px; text-align: center; }

.who-lives p { font-family: 'Open Sans', sans-serif; color: #999999; font-size: 20px; font-weight: 300; }

.who-lives-img-box { margin-bottom: 110px; position: relative; }

.set-circle-1:before { content: ""; position: absolute; top: -44px; left: 0px; width: 761px; height: 369px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/about-traver-out-line-1.png); }

.set-circle-2:after { content: ""; width: 767px; height: 369px; right: 0px; top: -44px; position: absolute; background-repeat: no-repeat; background-image: url(../img/about-traver-out-line-2.png); }

.who-lives-text-box img { margin: 19px 0px 40px; }

.about_content_s2 h2, .about_content_s2 h3 { font-family: 'Montserrat'; font-weight: 500; }

.about_content_s2 h2 { font-size: 60px; margin-bottom: 10px; color: #32dd87 }

.about_content_s2 h3 { font-size: 40px; text-align: left; color: #271833; margin-bottom: 30px }

.about_content_s2 p { font-family: 'Open Sans', sans-serif; color: #999999; font-size: 20px; font-weight: 300; line-height: 34px; letter-spacing: 1px; font-weight: 400; }

.about_content_s2 .set-margin { margin-top: 70px; margin-bottom: 118px }

.align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; }

.life-swril h2 { font-size: 55px !important; color: #000 !important; margin: 0px 0px 25px !important; padding: 0px !important; }

.life-swril p { font-size: 20px !important; }

.life-swril { padding: 80px 50px; border: 1px solid #000; }

.about-bottom-img { background: #fff; }

.live-list { list-style: none; padding-left: 0px }

.live-list i { color: #32dd87; font-size: 15px; margin-right: 14px; }

.live-list p { color: #4c4c4c !important; font-size: 20px !important; font-weight: 400 !important; line-height: 30px !important; }

.bef-aft-bg-sec-7:before { top: 367px; }

.bef-aft-bg-sec-7:after { background-image: url(../img/bg-after-5.png) !important; width: 527px; height: 679px; top: 68px; }

.bef-aft-bg-sec-8:after { background-image: url(../img/bg-after-4.png) !important; background-image: url(../img/bg-after-4.png) !important; width: 367px!important; height: 456px!important; bottom: 300px!important; }

.mob-show { display: none; }

.price-banner .s2-banner_content h1 { color: #000 !important; font-size: 60px !important; }

.price-banner { background-image: url(../img/price-header.png); background-repeat: no-repeat; background-position: top right; padding: 195px 0px 58vh !important; max-height: 692px; }

.price-banner .saas_two_banner_section .s2-banner_content { max-width: 690px !important; }

.price-banner .s2-banner_content p { font-size: 35px !important; color: #999999 !important; font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; margin-top: 37px; }

.show-mobile { display: none; }

.price-info-btw { list-style: none; padding-top: 70px; padding-bottom: 70px; padding-left: 24px; }

.price-info-btw li { float: left; font-family: 'Open Sans'; font-weight: 600; font-size: 18px; color: #b3b3b3; margin-right: 24px; }

.price-info-btw li i { color: #271833; }

.price-cont { background-color: #000; background-image: url(../img/price-section3-bg.jpg) !important; }

.price-img-box h4 { color: #fff; font-family: 'Montserrat'; font-weight: 600; height: 54px; }

.price-img-box p { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; color: #e9e1e1; font-size: 18px; max-width: 245px; margin: 22px auto 0px; }

.price-img-box { text-align: center; }

.price-about-section .edit-font { font-size: 55px !important; }

.s2-pricing_item { position: relative; }

.price-offier { position: absolute; right: 12px; z-index: 99; top: -5px; }

.s2-pricing_list h3 { font-size: 18px; line-height: 25px; color: #fff; font-family: 'Colfax'; }

.s2-pricing_list img { margin: 42px 0px 30px }

.s2-pricing_list h3 strong { font-size: 40px; position: relative; top: 5px; }

.s2-pricing_item .all-web-btn { margin: 20px 0px; }

.s2-pricing_item .all-web-btn a { padding: 0.5vh 2vh !important; margin: 0px; }

.all-the-best { font-family: 'Open Sans'; font-weight: 600 !important; font-size: 25px; color: #b3b3b3 }

.all-the-best span { font-size: 20px; }

.all-the-best span i { color: #271833; }

.p-line { border-bottom: 2px solid #b3b3b3; max-width: 168px; padding-bottom: 3px; margin: 0px auto 8px; }

.price-img-box-img { height: 120px; width: 100%; }

.price-about-section p { text-align: left }

.price-form .form-control { border: 2px solid #3c3939 !important; height: 61px !important; margin-bottom: 20px; border-radius: 8px; padding-left: 24px; }

.price-form .form-control option { color: #000; font-size: 20px; font-family: 'Open Sans' !important; font-weight: 300; }

/*******check-box-css*********/	



.price-check { display: block; position: relative; padding-left: 45px; margin-bottom: 15px; cursor: pointer; font-size: 20px; }

input[type=checkbox] { visibility: hidden; }

.geekmark { position: absolute; top: 7px; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #000; }

.price-check input:checked ~ .geekmark { background-color: #ffa500; border: 0px; }

.geekmark:after { content: ""; position: absolute; display: none; }

.price-check input:checked ~ .geekmark:after { display: block; }

.price-check .geekmark:after { left: 8px; bottom: 5px; width: 9px; height: 17px; border: solid white; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



/*******check-box-css*********/



.price-form input::placeholder, .price-form select {

 color: #b0b6ba;

 font-size:20px;

 font-family: 'Open Sans' !important;

 font-weight:300;

}

.price-from-check-box { margin: 10px 0px; padding-left: 10px; list-style: none; }

.price-from-check-box li .form-check label { font-family: 'Open Sans'; font-size: 20px; font-weight: 400; color: #000000 !important; }

.price-from-check-box .form-check-input, .confirm-check .form-check-input { -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); padding: 1px; border-radius: 0px; border: 5px solid red; margin-right: 19px; }

.price-text-list { padding-left: 5px; list-style: none; }

.price-text-list p { font-size: 19px !important; }

.price-text-list p span { font-weight: bold; width: 30px; height: 30px; display: block; float: left; text-align: center; border-radius: 50%; margin-right: 9px; background: #fec400; color: #fff; }

.confirm-check label { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #fff !important; line-height: 27px; }

.confirm-check label a { font-family: 'Open Sans'; font-family: 'Open Sans' !important; font-size: 16px !important; font-weight: 400 !important; color: #32dd87 !important; line-height: 27px; }

.confirm-check label a:after { display: none !important; }

.price-img-text { list-style: none; margin: 70px auto 0px; }

.price-img-text li { font-family: 'Open Sans', sans-serif; line-height: 1.588; padding-bottom: 20px; font-weight: 400; font-size: 30px; color: #999999; }

.price-img-text i { color: #32dd87; margin-right: 15px; }

.be-aft-sec-14:before { content: ""; width: 737px; height: 1590px; background-image: url(../img/bg-after-7.png); position: absolute; top: 0vh; left: 0px; background-repeat: no-repeat; background-size: cover; }

.home-banner-text { margin-bottom: 43px; }

.price-banner-text { margin-bottom: 20px; }

.bottom-footer .s2_widget_title { display: block !important; text-align: center }

.bottom-footer { text-align: center }

.bottom-footer i { width: auto !important; height: auto !important; background: none !important; }

.bottom-footer .footer_about { font-family: 'Open Sans', sans-serif !important; font-weight: 300 !important; font-size: 20px !important; }

.life-swril a { display: block; margin-bottom: 40px; }

.life-swril a img { max-width: none !important; }

 @media(max-width:990px) {

.how-it-swril h2 { font-size: 40px !important; line-height: 53px; margin-bottom: 12px; }

.how-is-sec-info h2 { font-size: 36px !important; line-height: 50px; }

.price-banner-text { margin-top: 10px }

.pera-content p { text-align: left !important; }

.price-img-text { min-width: 574px; padding-left: 0; }

.price-info-btw li { float: none; font-size: 12px; line-height: 28px; color: #484646; }

.price-info-btw { height: 158px; padding-top: 0; max-width: 400px; margin-left: auto; margin-right: auto; }

.price-banner .s2-banner_content h1 { color: #000 !important; font-size: 30px !important; line-height: 44px; }

.price-banner .s2-banner_content p { font-size: 20px !important; color: #999999 !important; font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; margin-top: 7px; }

.price-banner { background-image: none; padding-top: 0px!important; padding-bottom: 0px!important; max-height: none !important; }

.show-mobile { display: block }

.how-is-sec-info p { text-align: center; margin-top: 30px; }

.enquery-form .inner-form { text-align: center !important; }

.integration_section h2 { font-size: 38px!important; }

.enquery-form small { max-width: none; }

.info-btn { text-align: center; }

.how-number { float: none; margin: 0px auto 10px !important }

.enquery-form { padding: 21px 8px; }

.mob-show { display: block; }

.mob-show img { display: block; margin: 0px auto }

.desk-show { display: none }

.price-about-section .edit-font { font-size: 39px !important; line-height: 49px; }

.bef-aft-bg-sec-1:before, .bef-aft-bg-sec-1:after, .bef-aft-bg-sec-2:before, .bef-aft-bg-sec-2:after, .bef-aft-bg-sec-3:after, .bef-aft-bg-sec-4:before, .tara-img:after, .bef-aft-bg-sec-11:after, .be-aft-sec-14:before { display: none; }

.saas_two_banner_section { padding-top: 10px; }

.saas_two_banner_section .s2-banner_content .banner_btn a { min-width: 320px; }

.saas_two_section_title h2 { text-align: center; }

.swril { margin-top: 0px; }

.swril-box { background: #53be0c; padding: 34px; }

.swril p { text-align: center; }

.saas_two_section_title { text-align: center !important; }



.contct-form { margin-top: 38px; }

.contct-form .form-group { padding: 0px 15px; }

.saas_two_section_title h2, .grow-bussiness h3, .all-web-btn { text-align: center !important; }

.swril { margin-top: 0px !important; }

.set-circle-2:after, .set-circle-1:before { display: none; }

.sign-2 { float: none !important; margin: 23px auto 25px; font-weight: bolder; }

.who-lives-img-box { margin-bottom: 25px; }

.life-swril .swril-box { background: #fff; }

.life-swril { padding: 20px 8px; }

.saas_two_about_section { padding: 33px 0px; }

.show-mobile { display: block; }

.show-desk, .extra-circle:after { display: none; }

.img-pos { margin-bottom: 30px; }

.extra-circle { padding: 0px !important; }

.price-from-check-box li { text-align: left !important; }

.form-check { padding-left: 0px; }

.my-box-1 label { font-size: 19px !important; }

.my-box-2 ol, .confirm-check { padding-left: 0px !important; }

.my-box-2 ol li { margin-bottom: 20px; font-size: 16px; }

.form-with-blue { padding: 10px !important; }

.mob-mar { margin-bottom: 20px; }

#sound-great { margin-top: 0px !important; }

#cost .mb-40 { margin-bottom: 14px !important; }

#cost .mb-50 { margin-bottom: 20px !important; }

#cost { padding-bottom: 0px !important; }

.impress { padding: 10px 0px!important; }

.saas2-headline { margin-bottom: 10px !important; }

.pt-50 { padding-top: 25px!important; }

.pb-50 { padding-bottom: 25px!important; }

.real-people { padding: 25px 0px !important; }

.mt-50, .mt-40 { margin-top: 10px !important; }

}

.lunch { background-color: #fff3cc; padding: 120px 0px }

.fill-out { padding: 120px 0px }

.fill-out h4 { font-family: 'Colfax'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 43px; color: #000000; margin: 30px 0; }

.fill-out-form { margin: 60px auto 0px; max-width: 790px; }

.fill-out-form .form-control { border: 1px solid #000000; border-radius: 10px; padding: 15px 13px; }

.fill-out-form .img-btn { display: block; margin: 60px auto 0px; }

.but-wait { text-align: center; padding: 80px 0px; }

.simple-set { background: #FDC401; padding: 130px 0px; }

.but-wait h4 { font-family: 'Colfax'; font-style: normal; font-weight: 700; font-size: 31px; line-height: 37px; text-align: center; margin: 25px 0px; color: #000000; }

.but-wait p { color: #000; font-size: 18px; line-height: 24px; }

.but-wait .col-md-4 { margin-bottom: 30px; }

/*----------------------------------------------------*/

/*App landing global area*/

/*----------------------------------------------------*/



.app-eight-home { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.4; font-family: "Circular Std Book"; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

.app-eight-home::selection { color: #ffffff; background-color: #6e3ebf; }

 .app-eight-home::-moz-selection {

 color: #ffffff;

 background-color: #6e3ebf;

}

.app-eight-home .container { max-width: 1200px; }

.ul-li ul { margin: 0; padding: 0; }

.ul-li ul li { list-style: none; display: inline-block; }

.ul-li-block ul { margin: 0; padding: 0; }

.ul-li-block ul li { list-style: none; display: block; }

div#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; }

.ei-preloader { background-color: #fff; background: #f1f2f3 url("../img/app-landing/pre.svg") no-repeat center center; }

.container { max-width: 1200px; }

 [data-background] {

 background-size: cover;

 background-repeat: no-repeat;

 background-position: center center;

}

a { color: inherit; text-decoration: none; }

a:hover, a:focus { text-decoration: none; }

img { max-width: 100%; height: auto; }

section { overflow: hidden; }

button { cursor: pointer; }

.form-control:focus, button:visited, button.active, button:hover, button:focus, input:visited, input.active, input:hover, input:focus, textarea:hover, textarea:focus, a:hover, a:focus, a:visited, a.active, select, select:hover, select:focus, select:visited { outline: none; box-shadow: none; text-decoration: none; color: inherit; }

.form-control { box-shadow: none; }

.relative-position { position: relative; }

.pera-content p { margin-bottom: 0; }

.appeight-headline h1, .appeight-headline h2, .appeight-headline h3, .appeight-headline h4, .appeight-headline h5, .appeight-headline h6 { margin: 0; font-family: "Poppins"; }

.eisticky-menu-bg-overlay { background-color: #9c00e2; animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; position: fixed; top: 0px; padding: 20px 0px; animation-timing-function: ease; transition: 0.3s all ease-in-out; }

.main-header-eight.eisticky-menu-bg-overlay { z-index: 9; top: 0px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); }

/*---------------------------------------------------- */

/*Featured area*/

/*----------------------------------------------------*/



@keyframes rotate { 0% {

 top: -10px;

 left: -10px;

}

 25% {

 top: 0px;

 left: 0px;

}

 50% {

 top: 0px;

 left: 0px;

}

 75% {

 top: 5px;

 left: 5px;

}

 100% {

 top: -10px;

 left: -10px;

}

}

 @media screen and (max-width: 1024px) {

.main-header-eight .appheader-content .site-logo { margin-right: 40px }

.main-header-eight .appheader-content .navigation-eight li { margin-right: 10px; }

.main-header-eight .appheader-content .h-eight-social { margin-left: 0; }

}

 @media screen and (max-width: 991px) {

.main-header-eight .appheader-content .navigation-eight { display: none; }

.main-header-eight .appheader-content .h-eight-social { display: none; }

.appi-ei-mobile_menu_button { display: block; }

.main-header-eight .appheader-content { padding: 0px 20px; }

.main-header-eight .appheader-content .sign-up-btn-eight { margin-right: 50px; }

.eight-banner-section .eight-banner-content .ei-banner-mbl-mockup { position: static; margin-top: 40px; }

.eight-banner-section { padding-bottom: 100px; }

.feature-eight-section { padding: 100px 0px; }

.feature-eight-section .eight-feature-box { margin-bottom: 50px; }

.brand_logo img{ width:150px; height:auto}

.cor-img-top-mar {

    margin-top: 95px !important;

}

}

.show-mobile { display: none; }

 @media screen and (max-width: 767px) {

.ei-screenshots-section .ei-screen-mobile-image { width: 370px; height: 655px; }

.show-mobile { display: block; margin: 0px auto; }

.show-mobile img { position: relative; right: -15px }

.tara-tab { display: block; text-align: center; }

.fill-out-form .img-btn { width: 100% }

.colfax-title-heading h2 {
    
    font-size: 3em !important;
}

}

 @media screen and (max-width: 680px) {

.eight-banner-section .eight-banner-content h1 { font-size: 65px; }

.ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after { left: 75px; }

}

}

.mobile_menu_overlay { top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; right: 0%; height: 120vh; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.9); transition: all 0.5s ease-in-out; }

.mobile_menu_overlay_on { overflow: hidden; }

.appseo-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay { opacity: 1; visibility: visible; }

.appseo-mobile_menu_button { position: absolute; display: none; right: 0; cursor: pointer; line-height: 40px; color: #ff8833; text-align: center; font-size: 30px; top: -40px; z-index: 5; }

.appseo-mobile_menu .appseo-mobile-main-navigation .navbar-nav li a:after { display: none; }

.appseo-mobile_menu .appseo-mobile-main-navigation .dropdown > .dropdown-menu { opacity: 1; visibility: visible; }

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu { border: none; display: none; transition: none; box-shadow: none; padding: 5px 0px; width: 100%; border-top: 1px solid #dcdcdc; }

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu li { border: none; padding: 0 20px; line-height: 1; }

.appseo-mobile_menu .dropdown { position: relative; }

.appseo-mobile_menu .dropdown .dropdown-btn { position: absolute; top: 0px; right: 0; height: 30px; padding: 5px 10px; }

.appseo-mobile_menu .dropdown .dropdown-btn:before { content: ""; position: absolute; height: 100%; width: 1px; top: 0; left: 0; background-color: #dcdcdc; }

.appseo-mobile_menu .appseo-mobile_menu_close { color: #d60606; cursor: pointer; top: 15px; left: 15px; font-size: 20px; position: absolute; }

/*---------------------------------------------------- */



/*responsive area*/



/*----------------------------------------------------*/



/* ==================================================



* 01 - media screen and (max-width: 1440px)



* 02 - media screen and (max-width: 1280px)



* 03 - media screen and (max-width: 1199px)



* 04 - media screen and (max-width: 991px)



* 05 - media screen and (max-width: 767px)



* 06 - media screen and (max-width: 680px)



* 07 - media screen and (max-width: 580px)



* 08 - media screen and (max-width: 480px)



* 09 - media screen and (max-width: 380px)



* 10 - media screen and (max-width: 320px)



================================================== */

/*global area*/

/*----------------------------------------------------*/



.saas-modern { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.4; font-family: "Roboto"; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

.saas-modern::selection { color: #ffffff; background-color: #6e3ebf; }

 .saas-modern::-moz-selection {

 color: #ffffff;

 background-color: #6e3ebf;

}

.saas-modern-preloader { background-color: #fff; background: #fff url("../img/saas-m/pre.svg") no-repeat center center; }

.decoration-wrapper { overflow: hidden; position: relative; }

 @keyframes zooming { 0% {

 transform: scale(1, 1);

}

 50% {

 transform: scale(1.05, 1.05);

}

 100% {

 transform: scale(1, 1);

}

}

.zooming { animation: zooming 18s infinite both; }

.saas-modern-headline h1, .saas-modern-headline h2, .saas-modern-headline h3, .saas-modern-headline h4, .saas-modern-headline h5, .saas-modern-headline h6 { margin: 0; font-family: "Poppins"; }

.section_title { margin: 0 auto; max-width: 530px; }

.section_title .title_tag { font-size: 14px; font-family: "Poppins"; display: inline-block; border-radius: 20px; margin-bottom: 20px; line-height: 35px; background-color: #fff; padding-right: 20px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15); }

.section_title .title_tag .tag_icon { height: 35px; width: 35px; line-height: 35px; margin-right: 13px; border-radius: 100%; background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%); }

.section_title .title_tag .tag_icon i { color: #fff; font-size: 18px; }

.section_title .section_title_text h2 { font-size: 36px; font-weight: 700; line-height: 1.306; padding-bottom: 15px; }

.section_title .section_title_text h2 span { font-weight: 400; }

.section_title .section_title_text p { font-size: 18px; line-height: 1.667; }

 @keyframes line_animation { 0% {

 top: 0px;

 opacity: 1;

}

 50% {

 top: 50%;

}

 100% {

 top: 100%;

 opacity: 1;

}

}

 @keyframes scroll2 { 0% {

 opacity: 1;

 bottom: 0px;

}

 50% {

 bottom: 50%;

}

 100% {

 bottom: 100%;

 opacity: 1;

}

}

 @keyframes slide { from {

 background-position: 0 0;

}

to { background-position: 1920px 0; }

}

.line_animation { top: 0px; left: 50%; width: 80%; bottom: 0px; z-index: -1; display: block; position: absolute; transform: translateX(-50%); border-left: 1px solid rgba(255, 255, 255, 0.1); }

.line_animation:before { width: 10px; left: -2px; content: ""; height: 10px; border-radius: 100%; position: absolute; animation: line_animation 15s ease-out infinite; background-color: #59adfe; }

.line_animation .line_area { width: 20%; float: left; height: 100%; position: relative; display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.line_animation .line_area:before { width: 10px; right: -2px; content: ""; height: 10px; border-radius: 100%; position: absolute; background-color: #59adfe; }

.line_animation .line_area:nth-child(even):before { animation: line_animation 15s ease-out infinite; }

.line_animation .line_area:nth-child(odd):before { animation: scroll2 15s ease-out infinite; }

.saas-modern-scrollup { width: 55px; right: 30px; z-index: 5; height: 55px; bottom: 100px; display: none; position: fixed; border-radius: 100%; line-height: 55px; background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%); }

.saas-modern-scrollup:after { position: absolute; content: ""; width: 0px; height: 0px; left: 20px; top: 15px; right: 0px; box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.75); border-radius: 50%; }

.saas-modern-scrollup i { color: #fff; font-size: 20px; }

/*---------------------------------------------------- */

/*Saas-Modern header area*/

/*----------------------------------------------------*/



.main_header { z-index: 1; padding-top: 80px; width: 100%; position: absolute; }

.main-navigation { display: inline-block; }

.main-navigation .navbar-nav { display: inherit; }

.main-navigation .navbar-nav li { position: relative; }

.main-navigation .navbar-nav li a { color: #fff; font-size: 16px; font-weight: 600; padding: 35px 10px; display: inline; font-family: "Poppins"; position: relative; }

.main-navigation .navbar-nav li a.active { color: #30f8ef; }

.main-navigation .navbar-nav li a:after { left: 0; width: 0%; height: 2px; content: ""; bottom: 25px; position: absolute; background-color: #31f9ef; transition: 0.3s all ease-in-out; }

.main-navigation .navbar-nav li a:hover:after { width: 100%; }

.sign_up_btn { height: 38px; width: 90px; color: #000000; font-weight: 600; line-height: 38px; margin-left: 38px; border-radius: 25px; font-family: "Poppins"; display: inline-block; background-color: #30f8ef; transition: 400ms all ease; box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25); }

.sign_up_btn:hover { color: #000; background-color: #fff; }

.menu-bg-overlay { background-color: #000; animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; position: fixed; top: -90px; padding: 25px 0px; animation-timing-function: ease; transition: 0.3s all ease-in-out; }

.main_header.menu-bg-overlay { z-index: 9; top: 0px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); }

.main_header.menu-bg-overlay .main-navigation .navbar-nav li a:after { display: none; }

.main-navigation .dropdown { position: relative; }

.main-navigation .dropdown > .dropdown-menu { top: 65px; left: 0; opacity: 0; z-index: 2; margin: 0px; padding: 0px; height: auto; width: 150px; display: block; padding: 10px 15px 10px; visibility: hidden; position: absolute; border-radius: 0; background-color: #fff; transition: all 0.2s ease-in-out; border: none; box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); }

.main-navigation .dropdown > .dropdown-menu li { padding-bottom: 5px; }

.main-navigation .dropdown > .dropdown-menu li a { color: #000; font-size: 14px; }

.main-navigation .dropdown > .dropdown-menu li a:after { display: none; }

.main-navigation .dropdown:hover .dropdown-menu { top: 55px; opacity: 1; visibility: visible; }

.mobile_menu_content { top: 0px; bottom: 0; right: -350px; height: 100vh; z-index: 101; position: fixed; width: 280px; overflow-y: scroll; background-color: #fff; padding: 40px 0px; box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; }

.mobile_menu_content .main-navigation { width: 100%; }

.mobile_menu_content .main-navigation .navbar-nav { width: 100%; }

.mobile_menu_content .navbar-nav .dropdown-menu { position: static !important; transform: none !important; }

.mobile_menu_content .main-navigation .navbar-nav li { width: 100%; display: block; padding: 5px 30px; transition: 0.3s all ease-in-out; border-bottom: 1px solid #dcdcdc; }

.mobile_menu_content .main-navigation .navbar-nav li:first-child { border-top: 1px solid #dcdcdc; }

.mobile_menu_content .main-navigation .navbar-nav li a { color: #000; padding: 0; width: 100%; display: block; font-size: 14px; font-weight: 400; }

.mobile_menu_content .m-brand-logo { margin-bottom: 30px; }

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content { right: -15px; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; }

.mobile_menu_overlay { top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; right: -100%; height: 120vh; background-color: rgba(0, 0, 0, 0.9); transition: all 0.8s ease-in 0.8s; }

.mobile_menu_overlay_on { overflow: hidden; }

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay { right: 0; transition: all 0.8s ease-out 0s; }

.mobile_menu_button { position: absolute; display: none; right: 0; cursor: pointer; line-height: 40px; color: #fff; text-align: center; font-size: 25px; top: -38px; }

.mobile_menu .main-navigation .navbar-nav li a:after { display: none; }

.mobile_menu .main-navigation .dropdown > .dropdown-menu { opacity: 1; visibility: visible; }

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu { border: none; display: none; transition: none; box-shadow: none; padding: 0; }

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li { border: none; padding: 3px 20px; line-height: 1; }

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a { color: #000; }

.mobile_menu .dropdown { position: relative; }

.mobile_menu .dropdown:before { top: 7px; right: 30px; font-size: 12px; font-weight: 700; content: ""; position: absolute; font-family: "Font Awesome 5 Free"; }

.mobile_menu .mobile_menu_close { color: #d60606; cursor: pointer; top: 15px; left: 15px; font-size: 20px; position: absolute; }

/*---------------------------------------------------- */

/*Saas-Modern  banner area*/

/*----------------------------------------------------*/



.banner_section { overflow: visible; margin-bottom: 90px; z-index: 0; padding: 215px 0 325px 0; }

.banner_text { margin: 0 auto; max-width: 550px; }

.banner_text h1 { color: #fff; font-size: 50px; line-height: 1.2; font-weight: 700; padding-bottom: 20px; }

.banner_text p { color: #fff; margin: 0 auto; font-size: 20px; max-width: 500px; line-height: 1.35; padding-bottom: 40px; }

.banner_text .download_btn { color: #fff; width: 175px; height: 55px; font-size: 15px; margin: 0 auto; font-weight: 700; line-height: 55px; border-radius: 30px; background-color: #000; font-family: "Poppins"; transition: 400ms all ease; }

.banner_text .download_btn a { display: block; width: 100%; }

.banner_text .download_btn:hover { background-color: #fff; color: #000; }

.banner_screen { left: 0; right: 0; bottom: -155px; margin: 0 auto; max-width: 765px; position: absolute; }

.banner_screen .screen_img .middle_screen { box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }

.banner_screen .screen_img .side_screen1 { top: -30px; left: -102px; position: absolute; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }

.banner_screen .screen_img .side_screen2 { top: 65px; right: -150px; position: absolute; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }

.banner_shape1, .banner_shape2, .banner_shape3 { position: absolute; }

.banner_shape1 { top: 80px; left: 30%; }

.banner_shape2 { top: 220px; left: 12%; }

.banner_shape3 { top: 40%; right: 15%; }

/*---------------------------------------------------- */

/*Saas-Modern Feature area*/

/*----------------------------------------------------*/



.featured_service_section { padding: 120px 0px 0px; }

.featured_service_section .section_title { padding-bottom: 55px; }

.featured_service_section .section_title h2 { margin: 0 auto; max-width: 400px; }

.featured_content li { float: left; list-style: none; padding-bottom: 40px; }

.featured_content .featured_icon_text { z-index: 1; width: 285px; height: 425px; padding: 0 10px; margin: 0px auto; overflow: hidden; padding-top: 60px; border-radius: 15px; transition: 0.3s all ease-in-out; }

.featured_content .featured_icon_text:before { top: 0; left: 0; z-index: -1; width: 100%; content: ""; height: 100%; position: absolute; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%); }

.featured_content .featured_icon_text .featured_icon { width: 110px; height: 110px; margin: 0 auto; line-height: 110px; margin-bottom: 25px; border-radius: 100%; box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25); background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%); }

.featured_content .featured_icon_text .featured_icon i { color: #fff; font-size: 50px; }

.featured_content .featured_icon_text .featured_icon:before { position: absolute; content: ""; width: 0px; height: 0px; left: 40px; top: 25px; right: 0px; box-shadow: 0 0 25px 25px rgba(255, 255, 255, 0.75); border-radius: 50%; }

.featured_content .featured_icon_text .featured_text { padding: 0 20px; margin-bottom: 30px; }

.featured_content .featured_icon_text .featured_text h3 { color: #161616; font-size: 20px; font-weight: 600; padding-bottom: 20px; transition: 0.3s all ease-in-out; }

.featured_content .featured_icon_text .featured_text p { line-height: 1.625; transition: 0.3s all ease-in-out; }

.featured_content .featured_icon_text .feature_btn { opacity: 0; visibility: hidden; margin-right: 25px; transition: 0.3s all ease-in-out; }

.featured_content .featured_icon_text .feature_btn a { color: #30f7ee; font-size: 15px; font-weight: 700; font-family: "Poppins"; position: relative; }

.featured_content .featured_icon_text .feature_btn a:after { font-weight: 900; content: ""; position: absolute; right: -20px; font-family: "Font Awesome 5 Free"; }

.featured_content .featured_icon_text:hover { box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25); }

.featured_content .featured_icon_text:hover:before { opacity: 1; visibility: visible; }

.featured_content .featured_icon_text:hover .featured_text p, .featured_content .featured_icon_text:hover .featured_text h3 { color: #fff; }

.featured_content .featured_icon_text:hover .feature_btn { opacity: 1; visibility: visible; }

#featured_scroll { padding-bottom: 40px; }

#featured_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { margin: 0 auto; height: 30px; max-width: 570px; }

#featured_scroll .mCSB_scrollTools .mCSB_draggerRail { height: 20px; background-color: #ececec; }

#featured_scroll .mCSB_scrollTools { opacity: 1; }

#featured_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 20px; box-shadow: 0px 6px 18px -5px rgba(2, 8, 38, 0.35); background-color: #22b0e7; }

#featured_scroll .mCustomScrollbar, #featured_scroll .mCustomScrollbar.mCS_touch_action, #featured_scroll .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { touch-action: auto; }

#featured_scroll .mCustomScrollBox { touch-action: pan-x pinch-zoom; }

#featured_scroll .mCustomScrollBox.mCSB_vertical_horizontal { touch-action: pinch-zoom; }

#featured_scroll .mCustomScrollBox.mCSB_horizontal { touch-action: pan-y pinch-zoom; }

.theme_feature_section { padding-top: 55px; }

.theme_feature_area { padding-bottom: 60px; }

.theme_feature_area .theme_feature_content { padding: 58px 35px; }

.theme_feature_area .theme_feature_content h3 { color: #fff; font-size: 24px; font-weight: 600; padding-bottom: 30px; }

.theme_feature_area .theme_feature_content p { color: #fff; font-size: 18px; line-height: 1.444; padding-bottom: 25px; }

.theme_feature_area .theme_feature_content .theme_feature_list li { width: 100%; color: #fff; font-size: 17px; margin-bottom: 22px; }

.theme_feature_area .theme_feature_content .theme_feature_list li i { float: left; color: #18ff00; font-size: 16px; margin-right: 8px; }

.theme_feature_area .theme_feature_content .theme_feature_list li span { overflow: hidden; }

.theme_feature_area .features_one { margin-left: 100px; background-color: #138afd; }

.theme_feature_area .features_two { margin-right: 100px; background-color: #000000; }

.theme_feature_area .features_two .theme_feature_list li i { color: #20fcee; }

.theme_feature_area .features_two .read_btn { background-color: #20fcee; }

.theme_feature_area .features_two .read_btn a { color: #000000; font-weight: 600; transition: 0.3s all ease-in-out; }

.theme_feature_area .features_two .read_btn:hover a { color: #fff; }

/*---------------------------------------------------- */

/*Saas-Modercompare area*/

/*----------------------------------------------------*/



.compare_section { padding-bottom: 15px; overflow: visible; }

.compare_section .compare_title h2 { color: #161616; font-size: 30px; font-weight: 700; line-height: 1.324; padding-bottom: 18px; }

.compare_section .compare_title p { color: #383838; font-size: 18px; padding-bottom: 28px; }

.compare_content_item { padding-top: 30px; }

.compare_content_item .compare_list { padding-left: 30px; }

.compare_content_item .compare_list li { margin-bottom: 20px; }

.compare_content_item .compare_list li i { float: left; color: #27c317; margin-right: 12px; }

.compare_content_item .compare_list li span { overflow: hidden; }

.compare_content_item .compare_content { padding-top: 30px; }

.compare_img { z-index: 4; max-width: 525px; }

.compare_img .compare_shape1, .compare_img .compare_shape2 { z-index: -1; position: absolute; }

.compare_img .compare_shape1 { top: 35px; left: 0; }

.compare_img .compare_shape2 { top: 15px; right: 0; }

.compare_section_two .compare_shape1 { top: 20px; left: -65px; }

.compare_section_two .compare_shape2 { top: 0; right: 65px; }

.compare_section_two .compare_content { padding-left: 30px; }

.compare_section_two .compare_content .compare_title { padding-bottom: 15px; }

.compare_section_two .compare_content_item .compare_list { padding-left: 0; }

/*---------------------------------------------------- */

/*Footer area*/

/*----------------------------------------------------*/



.footer_section { background-color: #edf2f6; padding-top: 260px; margin-top: 165px; }

.footer_section .footer_widget_content { padding-bottom: 75px; border-bottom: 2px solid #d2d1d2; }

.footer_widget .footer_logo { margin-bottom: 30px; }

.footer_widget .footer_text { font-size: 14px; line-height: 1.714; padding-bottom: 35px; }

.footer_widget .footer_social li { color: #8c8c8c; font-size: 17px; margin-right: 18px; transition: 0.3s all ease-in-out; }

.footer_widget .footer_social li:hover { transform: translateY(-4px); }

.footer_widget .footer_social li:hover i { transition: 0.3s all ease-in-out; background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.footer_widget .quick_link { max-width: 205px; }

.footer_widget .quick_link li { font-size: 14px; color: #383838; margin-right: 10px; margin-bottom: 10px; position: relative; }

.footer_widget .quick_link li:before { height: 1px; content: ""; position: absolute; width: 0%; right: 0; left: auto; bottom: 0; transition: 0.3s all ease-in-out; background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%); }

.footer_widget .quick_link li:hover:before { width: 100%; right: auto; left: 0; }

.widget_title { color: #1a0a38; font-size: 16px; font-weight: 700; margin-bottom: 48px; font-family: "Poppins"; }

.widget_title:after { left: 0; width: 35px; content: ""; height: 3px; bottom: -9px; position: absolute; background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%); }

.footer_address li { font-size: 14px; margin-bottom: 8px; line-height: 1.875; font-family: "Poppins"; }

.footer_address span { color: #180b36; font-weight: 600; margin-right: 5px; }

.insta_feed li { float: left; width: 75px; height: 75px; margin-right: 10px; margin-bottom: 7px; position: relative; background-color: #000; transition: 0.3s all ease-in-out; }

.insta_feed li:before { position: absolute; top: 0; content: ""; height: 100%; width: 100%; opacity: 0; background-color: #000; transition: 0.3s all ease-in-out; }

.insta_feed li i { left: 0; right: 0; top: 50%; position: absolute; text-align: center; color: #fff; transform: translateY(-50%); opacity: 0; transition: 0.3s all ease-in-out; }

.insta_feed li:hover:before { opacity: 0.7; }

.insta_feed li:hover i { opacity: 1; }

.copyright_text { padding: 30px 0px; }

.copyright_text p, .copyright_text span { color: #666666; font-size: 14px; font-family: "Poppins"; }

.copyright_text span { float: right; }



/*---------------------------------------------------- */

/*responsive area*/

/*----------------------------------------------------*/



@media screen and (max-width: 1140px) {

.compare_section { overflow: hidden; padding-bottom: 30px; }

.theme_feature_area .theme_feature_content h3 { font-size: 22px; }

}

 @media screen and (max-width: 1024px) {

.banner_screen .screen_img .side_screen2 { right: -40px; }

.trusted_content_img li:nth-child(2), .trusted_content_img li:nth-child(2):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(3), .trusted_content_img li:nth-child(3):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(4), .trusted_content_img li:nth-child(4):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(5), .trusted_content_img li:nth-child(5):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(6), .trusted_content_img li:nth-child(6):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(7), .trusted_content_img li:nth-child(7):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(8), .trusted_content_img li:nth-child(8):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(9), .trusted_content_img li:nth-child(9):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(10), .trusted_content_img li:nth-child(10):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(11), .trusted_content_img li:nth-child(11):hover { transform: translateY(0px); }

.trusted_content_img li:nth-child(12), .trusted_content_img li:nth-child(12):hover { transform: translateY(0px); }

.newslatter_content .img_bg { left: -60px; }

}

 @media screen and (max-width: 991px) {

.banner_shape3, .banner_shape2 { width: 100px; }

.main_header { padding-top: 50px; }

.main_header.menu-bg-overlay { padding-top: 30px; }

.theme_feature_area .features_one { margin-left: 0; }

.theme_feature_area .features_two { margin-right: 0; }

.trusted_content_img { max-width: 500px; padding-left: 0; }

.user_content { padding-top: 60px; }

.banner_screen { max-width: 510px; }

.main_menu_list .main-navigation { display: none; }

.mobile_menu_button { display: block; }

.sign_up_btn { top: -5px; right: 80px; position: absolute; }

.banner_shape1, .banner_shape2, .banner_shape3 { z-index: -1; }

.main_header { padding-top: 35px; }

.compare_img { margin: 0 auto; }

.partner_section .section_title { padding: 0; }

.partner_text { padding-left: 0; margin-bottom: 50px; }

.testimonial_indicator { margin: 0 auto; margin-top: 20px; max-width: 550px; }

.testimonial_slider .carousel-control-prev, .testimonial_slider .carousel-control-next { bottom: -50px; }

.testimonial_section { padding-bottom: 110px; }

.mem_img_text { max-width: 270px; margin: 0 auto; margin-bottom: 30px; }

.newslatter_content .img_bg { display: none; }

.newslatter_content:after { display: none; }

.widget_title { margin-bottom: 30px; }

.footer_widget .footer_logo { margin-bottom: 18px; }

.footer_widget .footer_text { padding-bottom: 20px; }

.footer_widget { margin-bottom: 30px; }

.saas_two_banner_section .s2-banner_content { padding-top: 2vh !important; }

.enquery-form { padding: 0px 14px !important; }

.enquery-form { margin-top: 28px !important; }

.black-bg-a { display: block; margin-top: 24px; }

.how-number { float: none !important; margin: 0px auto 10px !important; }

.m-bt { margin-bottom: 8px !important; }

#engage-sec-5:before, #engage-sec-5:after { display: none; }

.mt-60 { margin-top: 0px; }

.price-cont { background-image: none!important; background-color: #000 }

.main-form-bef-aft:before { display: none; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price:after { display: none; }

.s2-pricing_list { margin-top: 25px !important; }

.s2-pricing_list img { margin: 23px 0px !important; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong { font-size: 24px !important; }

.s2-pricing_list h3 { font-family: 'Montserrat'; font-weight: 500; font-size: 19px; line-height: 28px; }

.all-the-best { font-family: 'Open Sans'; font-weight: 600 !important; font-size: 19px; color: #b3b3b3; }

.all-the-best span { font-size: 15px; }

}

 @media screen and (max-width: 767px) {

.price-img-text li { font-size: 17px; padding-bottom: 9px; }

.price-img-text { list-style: none; margin: 0px auto 25px; }

.tara-tab .nav-link h4 { font-size: 14px; }

.tara-tab .nav-link { padding: 5px 10px; max-width: 96px; display: inline-block; }

.sign_up_btn { top: -38px; }

.banner_screen { max-width: 450px; }

.banner_screen .screen_img .side_screen2 { width: 200px; }

.banner_screen .screen_img .side_screen1 { width: 150px; }

.banner_text h1 { font-size: 36px; }

.banner_section { margin-bottom: 200px; padding: 185px 0 150px 0; }

.banner_shape2 { top: 180px; left: 3%; width: 70px; }

.banner_shape3 { top: 45%; right: 8%; width: 70px; }

.banner_shape1 { width: 40px; }

.main_header.menu-bg-overlay { padding: 20px 0px 15px 0px; }

.banner_section { margin-bottom: 135px; }

.theme_feature_area .features_one { margin-bottom: 30px; }

.trusted_user_section { padding: 70px 0px 60px; }

.partner_section { padding: 70px 0px 40px; }

.copyright_text span { float: none; }

.copyright_text { text-align: center; }

}

 @media screen and (max-width: 580px) {

.banner_screen { max-width: 385px; }

.banner_screen .screen_img .side_screen1 { width: 125px; left: -75px; }

}

 @media screen and (max-width: 480px) {

.banner_screen { display: none; }

.banner_section { margin-bottom: 0; padding: 150px 0 130px 0; }

.banner_shape1, .banner_shape2, .banner_shape3 { z-index: -1; opacity: 0.5; }

.banner_text { position: relative; z-index: 2; }

.section_title .section_title_text h2 { font-size: 30px; }

.section_title .section_title_text p { font-size: 16px; }

.compare_img .compare_shape1, .compare_img .compare_shape2 { max-width: 70%; }

.testimonial_indicator { background-size: 395px 465px; }

.newslatter_content .newslatter-form { padding-left: 0; margin: 0 15px; }

.footer_section .footer_widget_content { padding-bottom: 20px; }

}

 @media screen and (max-width: 420px) {

.banner_text p { font-size: 18px; }

.featured_content .featured_icon_text { width: 300px; }

.compare_content_item .compare_content { padding-top: 0; margin-bottom: 30px; }

.compare_section .compare_title h2 { font-size: 26px; }

.theme_feature_section { padding-top: 20px; }

.theme_feature_area .theme_feature_content .theme_feature_list li { margin-bottom: 15px; }

.banner_text .download_btn { width: 160px; height: 50px; }

.sign_up_btn { height: 35px; line-height: 35px; width: 85px; font-size: 14px; }

.sign_up_btn { right: 60px; }

.trusted_content_img li { margin: 0 10px 10px 0; }

.featured_service_section .section_title { padding-bottom: 20px; }

.compare_section_two .compare_content, .compare_content_item .compare_list { padding-left: 0; }

.testimonial_content { padding: 10px; }

.testimonial_content .testimonial_text { padding: 25px 20px; }

.newslatter_content .newslatter_title { padding: 0px 15px 25px; }

.newslatter_content .newslatter_title h2 { font-size: 25px; padding-bottom: 15px; }

.newslatter_content .newslatter-form .nws-button button { width: 90px; font-size: 14px; }

.newslatter_content .newslatter-form input { padding: 0 15px; }

.newslatter_content .newslatter_title p { font-size: 14px; }

.newslatter_content { position: static; padding: 55px 0px 55px; margin-bottom: 50px; }

.footer_section { padding-top: 0; }

.footer_section { margin-top: 0; }

.testimonial_section { padding-top: 70px; }

.testimonial_name_designation .testimonial_meta h4 { font-size: 22px; }

.scrollup { width: 45px; right: 15px; height: 45px; bottom: 20px; line-height: 45px; }

.theme_feature_area .theme_feature_content .theme_feature_list li { font-size: 16px; }

.theme_feature_area .theme_feature_content p { font-size: 16px; }

}

 @media screen and (max-width: 380px) {

.banner_text h1 { font-size: 32px; }

.banner_text p { font-size: 16px; }

.compare_section .compare_title h2 { font-size: 24px; }

.trusted_user_section { padding: 20px 0px 60px; }

.section_title .section_title_text h2 { font-size: 24px; }

.testimonial_indicator .carousel-indicators li:nth-child(4) { top: 60px; left: 55px; }

.testimonial_indicator .carousel-indicators li:nth-child(1) { bottom: 85px; right: 50px; }

.testimonial_indicator { background-size: 325px 460px; }

.testimonial_indicator .carousel-indicators li:nth-child(1) { bottom: 135px; right: 25px; }

}

/*----------------------------------------------------*/

/*SaaS Classic*/

/*----------------------------------------------------*/



.saas-classic { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.4; font-family: "Roboto"; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

.saas-classic::selection { color: #ffffff; background-color: #6e3ebf; }

 .saas-classic::-moz-selection {

 color: #ffffff;

 background-color: #6e3ebf;

}

.saas-classic-preloader { background-color: #fff; background: #fff url("../img/saas-c/pre.svg") no-repeat center center; }

.saas-classic-scrollup { width: 55px; right: 20px; z-index: 5; height: 55px; bottom: 20px; display: none; position: fixed; border-radius: 100%; line-height: 55px; background-image: linear-gradient(-45deg, #fec400 32%, #ef46bb 100%); }

.saas-classic-scrollup i { color: #fff; font-size: 20px; }

.saas_two_section_title { margin: 0 auto; position: relative; }

.saas_two_section_title .title_tag { padding: 5px 30px; }

.saas_two_section_title h2 { font-size: 60px; padding-top: 15px; }

.saas_btn a { font-size: 15px; font-weight: 700; border-radius: 30px; display: inline-block; border: 2px solid #6c2b95; }

.saas_btn:before { top: 8px; left: 32px; font-weight: 900; font-size: 22px; position: absolute; font-family: "Font Awesome 5 Free"; }



/*---------------------------------------------------- */

/*global area*/

/*----------------------------------------------------*/



@keyframes fadeFromLeft { 0% {

 opacity: 0;

 transform: translateX(-20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

 @keyframes fadeFromRight { 0% {

 opacity: 0;

 transform: translateX(20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

 @keyframes fadeFromUp { 0% {

 opacity: 0;

 transform: translateY(20px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeFromUp { animation-name: fadeFromUp; }

.fadeFromRight { animation-name: fadeFromRight; }

.fadeFromLeft { animation-name: fadeFromLeft; }

.saas_two_section_title .title_tag, .saas_two_banner_section .s2-banner_content .s2-tilte_tag, .saas_two_feature_section .s2-feature_text .feature_tag, .integration_section .integration_text .feature_tag { color: #951fb3; font-size: 18px; font-weight: 500; padding: 3px 30px; border-radius: 8px; display: inline-block; background-color: #ede0f4; }

.saas_two_section_title h2, .saas_two_banner_section .s2-banner_content h1, .saas_two_about_section .s2-about_text_icon .s2-about_text h3, .saas_two_feature_section .s2-feature_text h2, .integration_section .integration_text h2, .saas_two_team_section .s2-team_img_text .s2_name_info h3 { color: #010101; }

.saas_two_section_title h2 span, .saas_two_banner_section .s2-banner_content h1 span, .saas_two_about_section .s2-about_text_icon .s2-about_text h3 span, .saas_two_feature_section .s2-feature_text h2 span, .integration_section .integration_text h2 span, .saas_two_team_section .s2-team_img_text .s2_name_info h3 span { font-weight: 300; }

.saas_btn:before, .service_read_more a:after, .saas_two_about_section .s2-about_text_icon .s2-about_text a:after, .integration_section .integration_text a:after, .saas_two_banner_section .s2-banner_content .banner_btn a i, .saas_two_feature_section .s2-feature_text .saas_btn a i, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a i { background: linear-gradient(-45deg, #6b2c94 32%, #fc01fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.saas_two_about_section .s2-about_text_icon .s2-about_text p, .saas_two_feature_section .s2-feature_text p, .integration_section .integration_text p { color: #353535; font-size: 17px; line-height: 1.588; padding-bottom: 20px; }

.service_read_more a, .saas_two_about_section .s2-about_text_icon .s2-about_text a, .integration_section .integration_text a { color: #0066ff; font-size: 15px; font-weight: 600; position: relative; font-family: "Poppins"; }

.service_read_more a:after, .saas_two_about_section .s2-about_text_icon .s2-about_text a:after, .integration_section .integration_text a:after { top: 0px; right: -35px; content: ""; font-size: 20px; font-weight: 900; position: absolute; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; font-family: "Font Awesome 5 Free"; }

.service_read_more a:before, .saas_two_about_section .s2-about_text_icon .s2-about_text a:before, .integration_section .integration_text a:before { height: 2px; width: 0%; bottom: -3px; content: ""; position: absolute; background-color: #0066ff; transition: 0.4s all ease-in-out; }

.service_read_more a:hover:before, .saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:before, .integration_section .integration_text a:hover:before { width: 100%; }

.service_read_more a:hover:after, .saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:after, .integration_section .integration_text a:hover:after { opacity: 1; right: -25px; transition-delay: 0.3s; visibility: visible; }

.saas_two_banner_section .s2-banner_content .banner_btn a, .saas_two_feature_section .s2-feature_text .saas_btn a, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a { transition: 0.3s all ease-in-out; position: relative; overflow: hidden; border-radius: 50px; display: inline-block; }

.saas_two_banner_section .s2-banner_content .banner_btn a:before, .saas_two_feature_section .s2-feature_text .saas_btn a:before, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:before { position: absolute; content: ""; width: 0px; height: 0px; right: 0; top: 45px; right: 15px; box-shadow: 0 0 30px 31px rgba(128 128 128 / 90%); border-radius: 50%; z-index: -1; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; }

.saas_two_banner_section .s2-banner_content .banner_btn a:after, .saas_two_feature_section .s2-feature_text .saas_btn a:after, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; right: 0; z-index: -2; transition: 0.3s all ease-in-out; background-color: #444444; }

.saas_two_banner_section .s2-banner_content .banner_btn a:hover, .saas_two_feature_section .s2-feature_text .saas_btn a:hover, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover { color: #fff; }

.saas_two_banner_section .s2-banner_content .banner_btn a:hover i, .saas_two_feature_section .s2-feature_text .saas_btn a:hover i, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover i { background: none; -webkit-text-fill-color: inherit; }

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:before, .saas_two_feature_section .s2-feature_text .saas_btn a:hover:before, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:before { opacity: 1; right: 25px; visibility: visible; }

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:after, .saas_two_feature_section .s2-feature_text .saas_btn a:hover:after, .s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:after { top: 0; }

/*---------------------------------------------------- */

/*Header area*/

/*----------------------------------------------------*/



.saas_two_main_header { width: 100%; z-index: 9; padding: 15px 0px; /*position: absolute;*/ }

.saas_two_main_header .sign_up_btn { display: inline-block; }

.saas_two_main_header .brand_logo { padding-top: 10px; }

.saas_two_main_header .s2-main-navigation { display: inline-block; padding-top: 10px; }

.saas_two_main_header .s2-main-navigation .navbar-nav { display: inherit; }

.saas_two_main_header .s2-main-navigation .navbar-nav li { font-size: 15px; font-weight: 600; margin-right: 35px; font-family: "Poppins"; }

.saas_two_main_header .s2-main-navigation .navbar-nav li a { display: inline; position: relative; padding-bottom: 30px; transition: 0.3s all ease-in-out; font-family: 'Colfax'; font-weight: 700; font-size: 16px; color: #271833; }

.saas_two_main_header .s2-main-navigation .navbar-nav li .active, .saas_two_main_header .s2-main-navigation .navbar-nav li a:hover { color: #53c00b; }

.saas_two_main_header .s2-main-navigation .navbar-nav li a:hover:before, .saas_two_main_header .s2-main-navigation .navbar-nav li a.active:before { width: 100%; }

.saas_two_main_header .s2-main-navigation .navbar-nav li a:before { content: ""; position: absolute; height: 2px; width: 0%; background-color: #d61d7e; left: 2px; transition: 0.3s all ease-in-out; bottom: 25px; }

.saas_two_main_header .s2-main-navigation .dropdown { position: relative; }

.saas_two_main_header .s2-main-navigation .dropdown:after { content: ""; position: absolute; right: -14px; top: 2px; transition: 0.3s all ease-in-out; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.saas_two_main_header .s2-main-navigation .dropdown:hover:after { color: #d10edd; }

.saas_two_main_header .saas_sign_up_btn { float: right; line-height: 55px; }

.saas_two_main_header .saas_sign_up_btn a { color: #fff; font-weight: 600; padding-left: 15px; position: relative; }

.saas_two_main_header .saas_sign_up_btn a:before { left: -5px; top: 4px; color: #fff; font-size: 13px; line-height: 1; content: ""; font-weight: 900; position: absolute; font-family: "Font Awesome 5 Free"; }

.saas_two_main_header .dropdown .dropdown-menu { top: 65px; left: 0; opacity: 0; z-index: 2; margin: 0px; padding: 0px; height: auto; width: 200px; display: block; border: none; padding: 10px 0px 0px; visibility: hidden; position: absolute; border-radius: 0; background-color: #fff; transition: all 0.4s ease-in-out; border-bottom: 2px solid #d61d7e; box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); }

.saas_two_main_header .dropdown .dropdown-menu li { width: 100%; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; }

.saas_two_main_header .dropdown .dropdown-menu li a { color: #343434; font-size: 14px; padding: 10px 0px; position: relative; transition: 0.3s all ease-in-out; }

.saas_two_main_header .dropdown .dropdown-menu li a:before { display: none; }

.saas_two_main_header .dropdown .dropdown-menu li a:after { left: 0; top: 15px; width: 8px; height: 8px; content: ""; position: absolute; border-radius: 100%; transform: scale(0); background-color: #d61d7e; transition: 0.3s all ease-in-out; }

.saas_two_main_header .dropdown .dropdown-menu li a:hover { padding-left: 15px; }

.saas_two_main_header .dropdown .dropdown-menu li a:hover:after { transform: scale(1); }

.saas_two_main_header .dropdown:hover .dropdown-menu { top: 50px; opacity: 1; visibility: visible; }

.saas_2-menu-bg-overlay { background-color: #fff; animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; position: fixed; top: -90px; padding: 10px 0px; animation-timing-function: ease; transition: 0.3s all ease-in-out; }

.saas_two_main_header.saas_2-menu-bg-overlay { z-index: 99999; top: 0px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); }

.saas_two_main_header.saas_2-menu-bg-overlay .dropdown:hover .dropdown-menu { top: 45px; }



/*---------------------------------------------------- */

/*Banner area*/

/*----------------------------------------------------*/



@keyframes floatY { 0% {

 transform: translatey(0px);

}

 50% {

 transform: translatey(-20px);

}

 100% {

 transform: translatey(0px);

}

}

 @keyframes floatX { 0% {

 transform: translateX(80%);

}

 50% {

 transform: translateX(100%);

}

 100% {

 transform: translateX(80%);

}

}

.saas_two_banner_section { margin: 0 auto; max-width: 1920px; background-color: #ffffff; padding: 40px 0px 84px 0px; }

.eng-baneer-btn { margin-left: -11px }

.saas_two_banner_section .s2-banner_content { position: relative; z-index: 1; max-width: 654px; padding-top: 7vh; }

.saas_two_banner_section .s2-banner_content .s2-tilte_tag { padding: 5px 30px; }

.saas_two_banner_section .s2-banner_content h1 { font-size: 65px; padding: 30px 0px 20px 0px; color: #fff; }

.saas_two_banner_section .s2-banner_content p { font-size: 20px; padding-bottom: 35px; color: #858585; font-family: 'Open Sans'; font-weight: 400; letter-spacing: 1px; line-height: 33px; margin-top: 33px; }

.saas_two_banner_section .s2-banner_content .banner_btn a { text-align: center; line-height: 45px; border-radius: 50px; margin-right: 20px; font-weight: 700; color: #ffffff !important; display: inline-block; z-index: 1; font-family: 'Open Sans'; padding: 0.5vh 6vh; font-size: 20px; }

.banner_btn { margin-top: 6vh; }

.saas_two_banner_section .s2-banner_content .banner_btn .oreng { background-color: #ffa500; }

.saas_two_banner_section .s2-banner_content .banner_btn .green { background-color: #32dd87; }

.saas_two_banner_section .s2-banner_content .banner_btn a i { font-size: 20px; margin-right: 8px; }

.saas_two_banner_section .s2-banner_content .banner_btn span { color: #6a6a6a; display: block; font-size: 14px; margin-top: 5px; margin-left: 10px; }

.saas_two_banner_section .s2-banner_area .banner_mockup { position: absolute; top: -40px; right: -120px; z-index: 1; }

.saas_two_banner_section .s2-banner_shape1 { left: 0; top: 85px; }

.saas_two_banner_section .s2-banner_shape2 { top: 0; right: 0; animation: floatY 3s ease-in-out infinite; }

.saas_two_banner_section .s2-banner_shape3 { top: 0; right: 50%; transform: translateX(80%); animation: floatX 10s ease-in-out infinite; }

/*---------------------------------------------------- */

/*Service area*/

/*----------------------------------------------------*/



.saas_two_service_section { padding: 90px 0px 0px; }

.saas_two_service_section .service_content { padding-top: 70px; }

.saas_two_service_section .service_content_box { border-radius: 10px; margin-bottom: 50px; padding: 25px 12px 30px; z-index: 1; /*background-color: #fff;*/ transition: 0.5s all ease-in-out;/*box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14);*/ }

.grow-bussiness { padding: 34px 0px; }

.saas_two_service_section .service_content_box:before { content: ""; width: 100%; top: 0; left: 0; height: 100%; z-index: -3; border-radius: 10px; position: absolute; }

.saas_two_service_section .service_content_box:after { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -2; border-radius: 10px; }

.saas_two_service_section .service_content_box .service_icon_box { width: 68px; /* margin-bottom: 18px; */ float: left; height: 180px; top: -7px; }

.saas_two_service_section .service_content_box .service_icon_box .upper_icon svg { height: 48px; width: 48px; fill: #30347b; }

.saas_two_service_section .service_content_box .service_icon_box .lower_icon { position: absolute; top: 10px; z-index: -1; right: 0; }

.saas_two_service_section .service_content_box .service_icon_box .lower_icon svg { width: 45px; height: 45px; fill: #c4a2fc; }

.saas_two_service_section .service_content_box .service_text_box h3 { color: #010101; font-size: 24px; font-weight: normal; padding-bottom: 20px; font-family: 'Montserrat', sans-serif; }

.saas_two_service_section .service_content_box .service_text_box p { line-height: 1.5; color: #949494; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 20px; }

/*---------------------------------------------------- */

/*Service area*/

/*----------------------------------------------------*/



.saas_two_about_section { padding: 142px 0px; }

.swril { background-color: #fff; -webkit-box-shadow: 0px 0px 17px 3px rgba(214,214,214,1); -moz-box-shadow: 0px 0px 17px 3px rgba(214,214,214,1); box-shadow: 0px 0px 17px 3px rgba(214,214,214,1); border-radius: 21px; margin-top: 14vh; position: relative; z-index: 99; }

.saas_two_about_section .s2-about_text_icon { padding-top: 35px; }

.saas_two_about_section .s2-about_text_icon .s2-about_icon { width: 70px; height: 70px; line-height: 70px; padding-top: 15px; border-radius: 100%; margin-bottom: 16px; background-color: #6c2b95; }

.saas_two_about_section .s2-about_text_icon .s2-about_icon svg { fill: #fff; width: 40px; height: 40px; }

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 { font-size: 36px; line-height: 1.278; padding-bottom: 15px; }

/*---------------------------------------------------- */

/*Feature area*/

/*----------------------------------------------------*/



.saas_two_feature_section { padding: 105px 0px 85px; }

.saas_two_feature_section .s2-feature_text { max-width: 520px; padding: 40px 0 0 50px; }

.saas_two_feature_section .s2-feature_text h2 { font-size: 40px; line-height: 1.25; padding: 15px 0px 15px; }

.saas_two_feature_section .s2-feature_text p { padding-bottom: 43px; }

.saas_two_feature_section .s2-feature_text .saas_btn a { padding: 10px 25px 10px 25px; }

.saas_two_feature_section .s2-feature_text .saas_btn a i { font-size: 20px; margin-right: 5px; }

.saas_two_feature_section .s2-feature_right { padding-left: 35px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list { margin-bottom: 10px; padding: 22px 32px 20px; border-radius: 10px; display: inline-block; transition: 0.4s all ease-in-out; position: relative; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:before { position: absolute; content: ""; height: 0px; width: 5px; left: 0; top: 50%; border-radius: 50px; transform: translateY(-50%); transition: 0.3s all ease-in-out; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover:before { height: 60px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon { width: 95px; float: left; height: 95px; border-radius: 100%; line-height: 105px; margin-right: 30px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon:after { left: 0; right: 0; top: 5px; width: 90%; height: 90%; content: ""; margin: 0 auto; position: absolute; border: 5px solid #fff; border-radius: 100%; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon i { font-size: 30px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box { max-width: 310px; display: inline-block; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3 { color: #010101; font-size: 22px; font-weight: 700; padding-bottom: 15px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover { margin-left: 30px; box-shadow: 0px 3px 43px 0px rgba(0, 0, 0, 0.13); }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon { background-color: #d9f3de; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon i { color: #049507; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1):before { background-color: #049507; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon { background-color: #e1e1f5; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon i { color: #6c2b95; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2):before { background-color: #6c2b95; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon { background-color: #ebdcf4; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon i { color: #d912dc; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3):before { background-color: #d912dc; }

/*---------------------------------------------------- */

/*Intergation area*/

/*----------------------------------------------------*/



.integration_section { padding: 25px 0px; background-color: #000; }

.integration_section .integration_img { padding-top: 10px; }

.integration_section .integration_text { padding-right: 50px; }

.integration_section .integration_text h2 { font-size: 40px; line-height: 1.25; padding: 15px 0px 20px; }

.integration_section .integration_text p { color: #666666; padding-bottom: 18px; }

/*---------------------------------------------------- */

/*Team area*/

/*----------------------------------------------------*/



.saas_two_team_section { padding: 118px 0px; }

.saas_two_team_section .s2-team_membar { padding-top: 130px; }

.saas_two_team_section .s2-team_img_text { width: 100%; border-radius: 10px; display: inline-block; padding: 70px 15px 20px; transition: 0.4s all ease-in-out; box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.13); }

.saas_two_team_section .s2-team_img_text:hover { box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.26); }

.saas_two_team_section .s2-team_img_text:hover .s2_tean_img:before, .saas_two_team_section .s2-team_img_text:hover .s2_tean_img:after { opacity: 1; visibility: visible; }

.saas_two_team_section .s2-team_img_text .s2_tean_img { width: 130px; height: 130px; overflow: hidden; border-radius: 100%; position: absolute; top: -75px; left: 15px; }

.saas_two_team_section .s2-team_img_text .s2_tean_img:before, .saas_two_team_section .s2-team_img_text .s2_tean_img:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; border-radius: 100%; border: 3px solid #cc0fda; z-index: 1; transition: 0.3s all ease-in-out; }

.saas_two_team_section .s2-team_img_text .s2_tean_img:after { height: 95%; width: 95%; top: 50%; right: 0; margin: 0 auto; border: 3px solid #fff; transform: translateY(-50%); }

.saas_two_team_section .s2-team_img_text .s2_name_info { float: left; }

.saas_two_team_section .s2-team_img_text .s2_name_info h3 { font-size: 22px; padding-bottom: 5px; }

.saas_two_team_section .s2-team_img_text .s2_name_info .s2-designation { font-size: 15px; font-weight: 500; color: #53117f; }

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact { padding-top: 25px; }

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span { font-size: 15px; color: #737272; display: block; margin-bottom: 5px; }

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span i { color: #cc0fda; margin-right: 8px; }

.saas_two_team_section .s2-team_img_text .s2-mem_social { bottom: 30px; right: 15px; position: absolute; }

.saas_two_team_section .s2-team_img_text .s2-mem_social ul { opacity: 0; margin-bottom: 15px; font-size: 14px; padding-top: 10px; visibility: hidden; position: relative; top: -50px; transition: 0.3s all ease-in-out; }

.saas_two_team_section .s2-team_img_text .s2-mem_social li { color: #fff; text-align: center; margin-top: 15px; transition: 0.3s all ease-in-out; }

.saas_two_team_section .s2-team_img_text .s2-mem_social li:hover { transform: translateX(5px); }

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn { height: 50px; width: 50px; line-height: 50px; border-radius: 100%; transition: 0.3s all ease-in-out; background-color: #53117f; }

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn i { color: #fff; }

.saas_two_team_section .s2-team_img_text .s2-mem_social:after { bottom: 20px; z-index: -1; content: ""; width: 50px; height: 0%; opacity: 0; border-radius: 35px; position: absolute; visibility: hidden; background-color: #53117f; transition: 0.5s all ease-in-out; }

.saas_two_team_section .s2-team_img_text:hover .s2-mem_social:after { height: 100%; bottom: 0px; opacity: 1; visibility: visible; }

.saas_two_team_section .s2-team_img_text:hover .s2-share_btn { background-color: #cc0fda; }

.saas_two_team_section .s2-team_img_text:hover ul { top: 0; transition-delay: 0.5s; opacity: 1; visibility: visible; }

#s2_team_slide .owl-stage-outer { overflow: visible; }

#s2_team_slide .owl-item { opacity: 0; transition: opacity 500ms; }

#s2_team_slide .owl-item.active { opacity: 1; }

#s2_team_slide .owl-nav { text-align: center; display: table; margin: 35px auto 0; padding-top: 3px; border-radius: 20px; background-color: #beaacb; }

#s2_team_slide .owl-nav .owl-next, #s2_team_slide .owl-nav .owl-prev { margin: 0px 10px; font-size: 22px; line-height: 10px; display: inline-block; }

#s2_team_slide .owl-nav .owl-next i, #s2_team_slide .owl-nav .owl-prev i { color: #fff; transition: 0.3s all ease-in-out; }

#s2_team_slide .owl-nav .owl-next i:hover, #s2_team_slide .owl-nav .owl-prev i:hover { color: #53117f; }



/*---------------------------------------------------- */

/* Pricing area*/

/*----------------------------------------------------*/



@keyframes flying { 0% {

 transform: translate(2px, 2px);

}

 50% {

 transform: translate(-2px, -2px);

}

 100% {

 transform: translate(2px, 2px);

}

}

.s2-pricing_section { padding: 10px 0px 100px; position: relative; }

.s2-pricing_section .s2-pricing_content { padding-top: 80px; }

.s2-pricing_section .s2-pricing_item { margin: 0 auto; overflow: hidden; padding: 30px; border-radius: 15px; transition: 0.4s all ease-in-out; box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.13); background: #0396b7; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price { padding: 20px 16px; margin-bottom: 25px; z-index: 1; text-align: center; position: relative; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon { height: 65px; width: 60px; margin-right: 25px; border-radius: 8px; background-color: #fff; padding-top: 12px; position: relative; overflow: hidden; z-index: 1; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon svg { height: 40px; width: 40px; fill: #000; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon:after { top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0; visibility: visible; position: absolute; border-radius: 8px; transform: scale(0.5); transition: 0.4s all ease-in-out; background-image: linear-gradient(-45deg, #e511e6 32%, #6b2c94 100%); }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text span { font-size: 20px; font-weight: 600; display: block; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong { font-size: 24px; line-height: 1; font-weight: 600; font-family: 'Colfax'; color: #fff; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg { position: absolute; right: 20px; top: 40px; opacity: 0; visibility: hidden; z-index: -1; transition: 0.5s all ease-in-out; animation: flying 1.5s linear infinite; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg svg { height: 80px; width: 80px; fill: #aaaaaa; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list li { border-bottom: 1px solid #e6e8e9; padding: 18px 25px 16px 45px; font-family: "Poppins"; font-weight: 500; font-size: 14px; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list li:last-child { border: none; padding-bottom: 0; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked, .s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked { width: 22px; height: 22px; margin-right: 10px; border-radius: 100%; line-height: 22px; position: relative; box-shadow: 0px 6px 18px 0px rgba(0, 197, 0, 0.5); background-image: linear-gradient(0deg, #00f500 1%, #00db00 53%, #00c000 100%); }

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked:before, .s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked:before { top: 0; left: 0; right: 0; color: #fff; font-size: 12px; content: ""; font-weight: 900; text-align: center; position: absolute; font-family: "Font Awesome 5 Free"; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked i, .s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked i { color: #fff; font-size: 12px; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked { background-color: #ff0000; background-image: none; box-shadow: none; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked:before { content: ""; }

.s2-pricing_section .s2-pricing_item .s2-pricing_btn { padding: 25px 0px; text-align: center; margin-top: 8px; }

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a { height: 45px; width: 160px; text-align: center; line-height: 40px; border-radius: 50px; margin-right: 20px; font-weight: 700; color: #010101; font-family: "Poppins"; display: inline-block; border: 2px solid #6c2b95; }

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i { font-size: 20px; margin-right: 8px; }

.s2-pricing_section .s2-pricing_item:hover { box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.26); }

.s2-pricing_section .s2-pricing_item:hover .s2-icon_bg { opacity: 1; top: 30px; right: 15px; visibility: visible; transition-delay: 0.2s; }

.s2-pricing_section .s2-pricing_item:hover .pricing_icon:after { opacity: 1; visibility: visible; transform: scale(1); }

.s2-pricing_section .s2-pricing_item:hover .pricing_icon svg { fill: #fff; }

/*---------------------------------------------------- */

/* Footer area*/

/*----------------------------------------------------*/



.saas_two_footer_section { padding: 65px 0px; background-color: #F6F6F7; }

.saas_two_footer_section .s2-newslatter_section { top: -90px; margin: 0 auto; max-width: 1170px; position: relative; border-radius: 20px; padding: 45px 0px 60px; background-color: #6c2b95; box-shadow: 0px 0px 16px 0px rgba(27, 2, 52, 0.34); }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title h2 { color: #fff; font-size: 36px; font-weight: 700; padding-bottom: 10px; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title p { font-family: "Poppins"; color: #fff; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form { max-width: 660px; margin: 30px auto 0; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form .nws-button { top: 0; right: 0; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form input { height: 62px; width: 100%; border: none; max-width: 490px; padding-left: 30px; border-radius: 5px; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button { border: none; height: 62px; width: 155px; color: #fff; border-radius: 5px; background-color: #f104f5; position: absolute; top: 0; right: 0; }

.saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 { top: -25px; left: 80px; z-index: 1; position: absolute; }

.saas_two_footer_section .s2_footer_widget { font-family: "Poppins"; font-size: 14px; }

.saas_two_footer_section .s2_footer_widget .s2-footer_logo { margin-bottom: 25px; }

.saas_two_footer_section .s2_footer_widget .footer_about { color: #fff; /*max-width: 235px;*/ margin-bottom: 20px; line-height: 1.714; font-family: 'Montserrat'; font-weight: 500; font-size: 15px }

.saas_two_footer_section .s2_footer_widget p { color: #fff; font-family: 'Montserrat'; }

.saas_two_footer_section .s2_footer_widget .s2_footer_about p { width: 165px; margin-top: 8px; line-height: 1.714; }

.saas_two_footer_section .s2_footer_widget .s2_footer_about span { font-weight: 700; margin-bottom: 8px; }

.follow-set { padding-bottom: 9px !important; font-size: 28px !important; margin-bottom: 12px !important; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu { max-width: 340px; margin-bottom: 50px; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li { margin-bottom: 8px; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a { color: #000; position: relative; transition: 0.3s all ease-in-out; font-family: 'Montserrat'; font-weight: 400; font-size: 15px; letter-spacing: 1px; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:after { content: ""; position: absolute; height: 1px; width: 0%; left: 0px; bottom: 0; transition: 0.3s all ease-in-out; background-color: #f104f5; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover { margin-left: 2px; color: #f104f5; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover:before { color: #f104f5; margin-bottom: 50px; }

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover:after { width: 100%; }

.saas_two_footer_section .s2_footer_widget .s2_widget_title { color: #D41E7E; font-size: 21px; font-weight: 600; display: flex; flex-wrap: nowrap; align-items: center; padding-bottom: 35px; font-family: 'Montserrat'; font-weight: 500; margin-bottom: -7px; }

.saas_two_footer_section .s2_footer_widget .s2_widget_title span { display: inline-block; margin-right: 20px; }

.saas_two_footer_section .s2_footer_widget .s2_widget_title i { width: 100%; height: 1.1px; position: relative; display: inline-block; background-color: rgba(255, 255, 255, 0.2); }

.saas_two_footer_section .s2_footer_widget .s2_footer_social a { line-height: 30px; text-align: center; margin-right: 26px; display: inline-block; transition: 0.3s all ease-in-out; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social a:hover { transform: scale(1.1); }

.saas_two_footer_section .s2_footer_widget .s2_footer_social form { margin: 18px 0px 30px; position: relative; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social form input { height: 45px; background-color: #503d63; border: none; width: 100%; padding-left: 30px; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social form button { color: #fff; width: 62px; border: none; text-align: center; position: absolute; top: 0; right: 0; height: 100%; background-color: #6c2b95; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social .fb-bg { color: #16599b; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social .tw-bg { color: #03a9f4; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social .dr-bg { color: #ea4c89; }

.saas_two_footer_section .s2_footer_widget .s2_footer_social .bh-bg { color: #0067ff; }

.s2-copyright { color: #fff; padding: 18px 0px; font-size: 14px; font-family: 'Montserrat'; font-weight: 500; background-color: #000000; }

.s2-copyright a { color: #d772fe; }

 @keyframes slide { from {

 background-position: 0 0;

}

to { background-position: 1920px 0; }

}

.cloud_anim { position: absolute; left: 0px; top: 50px; right: 0px; max-width: 1170px; width: 100%; height: 100%; z-index: 0; margin: 0 auto; }

.newsletter_pattern_2 { width: 100%; height: 46px; background-repeat: no-repeat; left: 0px; top: 50px; animation: slide 60s linear infinite; -webkit-animation: slide 60s linear infinite; }

.newsletter_pattern_3 { width: 100%; height: 46px; background-repeat: no-repeat; left: 100px; top: 70px; animation: slide 50s linear infinite; -webkit-animation: slide 50s linear infinite; }

.newsletter_pattern_4 { position: absolute; left: 0; bottom: 0; height: 150px; width: 150px; background-size: cover; transform: rotate(90deg); background-repeat: no-repeat; }

.newsletter_pattern_5 { position: absolute; right: 0; height: 90%; width: 200px; top: 28px; }

/*---------------------------------------------------- */

/* Footer area*/

/*----------------------------------------------------*/

.modal { z-index: 99999 }

.s2-mobile_menu_content { top: 0px; bottom: 0; right: -350px; height: 100vh; z-index: 9999; position: fixed; width: 280px; overflow-y: scroll; background-color: #fff; padding: 40px 0px; box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); transition: all 0.5s ease-in; }

.s2-mobile_menu_content .s2-mobile-main-navigation { width: 100%; }

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav { width: 100%; }

.s2-mobile_menu_content .navbar-nav .dropdown-menu { position: static !important; transform: none !important; }

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li { width: 100%; display: block; transition: 0.3s all ease-in-out; border-bottom: 1px solid #dcdcdc; }

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li:first-child { border-top: 1px solid #dcdcdc; }

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li a { color: #4e4d4d; padding: 0; width: 100%; display: block; font-size: 21px; font-weight: normal; padding: 12px 30px; text-transform: capitalize; font-family: 'Colfax'; font-weight:400}

.s2-mobile_menu_content .m-brand-logo { width: 160px; margin: 0 auto; margin-bottom: 13px; }

.s2-mobile_menu_wrap.mobile_menu_on .s2-mobile_menu_content { right: 0px; transition: all 0.7s ease-out; }

.mobile_menu_overlay { top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; right: 0%; height: 120vh; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.9); transition: all 0.5s ease-in-out; }

.mobile_menu_overlay_on { overflow: hidden; }

.s2-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay { opacity: 1; visibility: visible; }

.s2-mobile_menu_button { position: absolute; display: none; right: 0; cursor: pointer; line-height: 40px; color: #696969; text-align: center; font-size: 30px; top: -46px; z-index: 5; }

.s2-mobile_menu .s2-mobile-main-navigation .navbar-nav li a:after { display: none; }

.s2-mobile_menu .s2-mobile-main-navigation .dropdown > .dropdown-menu { opacity: 1; visibility: visible; }

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu { border: none; display: none; transition: none; box-shadow: none; padding: 5px 0px; width: 100%; border-top: 1px solid #dcdcdc; }

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu li { border: none; padding: 0 20px; line-height: 1; }

.s2-mobile_menu .dropdown { position: relative; }

.s2-mobile_menu .dropdown .dropdown-btn { position: absolute; top: 13px; right: 0; height: 30px; padding: 5px 10px; }



.s2-mobile_menu .s2-mobile_menu_close { color: #d60606; cursor: pointer; top: 15px; left: 15px; font-size: 20px; position: absolute; }



/*---------------------------------------------------- */

/* Responsive area*/

/*----------------------------------------------------*/



@media screen and (max-width: 1140px) {

.saas_two_footer_section .s2-newslatter_section { top: 0; max-width: inherit; margin-bottom: 50px; }

.saas_two_footer_section { overflow: hidden; margin-top: 0; padding: 25px 0px 65px; }

.saas_two_footer_section:before { height: 75%; top: auto; bottom: 0; }

}

 @media screen and (max-width: 1120px) {

.saas_two_feature_section .s2-feature_right { padding-left: 0; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon { margin-right: 10px; }

}

 @media screen and (max-width: 1110px) {

.saas_two_main_header .s2-main-navigation .navbar-nav li { margin-right: 25px; }

.saas_two_banner_section .s2-banner_area .banner_mockup { max-width: 630px; top: 30px; }

}

 @media screen and (max-width: 1015px) {

.saas_two_main_header .s2-main-navigation .navbar-nav li { margin-right: 25px; }

.saas_two_banner_section .s2-banner_area .banner_mockup { max-width: 630px; top: 30px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list { padding: 22px 20px 20px; }

}

 @media screen and (max-width: 991px) {

.saas_two_banner_section:before { width: 100%; top: 0; height: 100%; }

.saas_two_banner_section { padding-bottom: 0; z-index: 1; }

.saas_two_banner_section .s2-banner_shape1 { z-index: -1; }

.saas_two_banner_section .s2-banner_area .banner_mockup { position: static; margin: 0 auto; }

.saas_two_banner_section .s2-banner_content { max-width: 750px; margin: 0 auto; padding-bottom: 50px; }

.about_content_s2 { max-width: 750px; margin: 0 auto; }

.saas_two_main_header .s2-main-navigation { display: none; }

.saas_two_banner_section .s2-banner_shape3 { top: 60px; }

.saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 { display: none; }

.saas_two_footer_section:before { background-size: cover; background-repeat: no-repeat; }

.newsletter_pattern_4 { display: none; }

.newsletter_pattern_5 { display: none; }

.saas_two_footer_section .s2_footer_widget { margin-bottom: 30px; }

.saas_two_footer_section .s2_footer_widget .s2_widget_title { padding-bottom: 20px; }

.s2-mobile_menu_button { display: block; }

.saas_two_main_header .saas_sign_up_btn { position: absolute; top: 28px; right: 60px; height: 40px; width: 160px; line-height: 13px; }

.saas_two_main_header .saas_sign_up_btn a { padding-left: 0; }

.saas_two_main_header .saas_sign_up_btn a:before { display: none; }

.saas_two_feature_section .s2-feature_right { padding-left: 0; margin-top: 40px; }

.s2-pricing_section .s2-pricing_item { margin-bottom: 40px; }

.saas_two_footer_section { padding-top: 25; }

.grow:before, .convert:before { display: none; }

.saas_two_service_section .service_content_box .service_icon_box { height: 180px; }

.saas_two_service_section .service_content_box { margin-bottom: 0px }

.get-in-touch { background-size: contain; }

.contct-form { background-size: cover; }

.saas_two_team_section { padding: 29px 0px; }

#saas_two_about .saas_two_section_title { padding: 0px }

.blue-bg-text { font-size: 22px !important; line-height: 31px !important; }

.three-box a { display: block; margin-bottom: 20px; }

.play-btn { display: block; text-align: center; /* margin-bottom: 20px; */ width: 79px; margin: 9px auto; }

.my-edit-btn { text-align: center; display: block; margin: 8px auto; }

.home-text-box { height: 50px !important; }

.my-edit-btn { width: 178px; height: auto }

.pera-content { text-align: center; }

.grow-bussiness img { /*width: 253px; height: auto;*/ margin-bottom: 36px; }

.curved-bottom { margin-bottom: 0px !important; }

.service_content_box img { width: 210px; height: auto; }

.saas_two_section_title p, .s2-about_img p { font-size: 21px; line-height: 29px; }

.saas_two_section_title, .s2-about_img, #saas_two_about { text-align: center; }

.mob-set-img { width: 200px; height: auto; margin: 0px auto; display: block; }

#saas_two_banner p { font-size: 20px !important; line-height: 28px !important; }

.sm-btn img { width: 200px; margin: 15px auto; display: block; }

#support { background: #f1faeb; padding: 20px 0px; }

}

.form-section { margin-top: -175px; }

 @media screen and (max-width: 767px) {

.saas_two_main_header .saas_sign_up_btn { top: -52px; }

.saas_two_main_header.saas_2-menu-bg-overlay .saas_sign_up_btn { top: -42px; }

.saas_two_service_section .service_content_box { max-width: 370px; margin: 0 auto; margin-bottom: 0px; }

.price-from-check-box li .form-check label { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #5a6268 !important; }

.geekmark { top: 1px; }

.s2-pricing_list h3 { font-size: 18px; }

/*.brand_logo img { width: 150px; height: auto; }*/

.head-h1 { font-size: 22px !important; line-height: 17px !important; }

#win-back { padding-top: 0px !important; }

#home-form-tow .col-md-6 { margin-bottom: 20px; }

#cost .enquery { margin-bottom: 20px; }

.s2-pricing_content .mt-50 { margin-top: 0px !important; }

.grow-bussiness { padding: 0px; }

.my-box-2 { margin: 20px auto; }

.mob-mar { margin-top: 0px !important; }

.what-kind .col-md-4 { margin-top: 15px; }

.what-kind { margin-bottom: 22px; }

.saas_two_service_section .service_content_box { padding: 5px 12px; }

.three-box { position: relative; top: -54px !important; }

.simple-set { padding: 20px 0px !important; }

.but-wait { padding: 27px 0px !important; }

.inner-form { padding: 0px !important; }

.but-wait .col-md-4 { margin-bottom: 10px !important; }

.mb-40 { margin-bottom: 3px !important; }

.lunch { background-color: #fff3cc; padding: 25px 0px !important; }

.fill-out { padding: 18px 0px !important; }

.fill-out-form { margin-top: 0px !important; }

}

 @media screen and (max-width: 480px) {

.saas_two_banner_section { padding-top: 20px; }

.saas_two_banner_section .s2-banner_content h1 { font-size: 45px; }

.saas_two_banner_section .s2-banner_content .banner_btn a { height: 40px; width: 140px; margin-right: 10px; line-height: 36px; }

.saas_two_banner_section .s2-banner_content .banner_btn a i { font-size: 16px; margin-right: 5px; }

.saas_two_banner_section .s2-banner_content { padding-bottom: 30px; }

.saas_two_service_section { padding: 20px 0px !important; }

.saas_two_about_section { padding: 15px 0px 0px !important; }

.saas_two_about_section:before { display: none; }

.saas_two_about_section .s2-about_text_icon { padding-top: 0; margin-bottom: 30px; }

.s2-about_img { margin-bottom: 30px;z-index: 999;

    position: relative; }

.saas_two_feature_section { padding: 60px 0px 25px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon { margin: 0 auto; float: none; margin-bottom: 20px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box { text-align: center; max-width: 100%; }

.saas_two_team_section { padding: 19px 0px; }

.s2-faq_section .s2_faq_content button { padding-right: 20px; }

.s2-faq_section { padding: 60px 0px 25px; }

.s2-pricing_section { padding: 0px 0 40px; }

.saas_two_section_title h2 { font-size: 30px; }

}

 @media screen and (max-width: 420px) {

.saas_two_section_title h2 { font-size: 30px; }

.saas_two_service_section .service_content { padding-top: 40px; }

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 { font-size: 30px; }

.saas_two_about_section .s2-about_text_icon { margin-bottom: 15px; }

.saas_two_feature_section .s2-feature_text h2 { font-size: 30px; }

.saas_two_feature_section .s2-feature_text { padding: 20px 0 0 0px; }

.saas_two_feature_section .s2-feature_text p { padding-bottom: 25px; }

.integration_section .integration_text { padding-right: 0; }

.integration_section .integration_text h2 { font-size: 30px; }

.s2-faq_section .s2_faq_content { padding-top: 40px; }

.s2-pricing_section .s2-pricing_content { padding-top: 40px; }

.saas_two_footer_section { padding-bottom: 30px; }

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button { width: 100px; }

.s2-pricing_section .s2-pricing_item .s2-pricing_list li { padding: 18px 20px 16px 20px; }

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong { font-size: 29px; }

.scrollup { width: 40px; height: 40px; right: 10px; line-height: 40px; }

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover { margin-left: 0; }

.saas_two_main_header .saas_sign_up_btn { right: 55px; }

}

 @media screen and (max-width: 380px) {

.saas_two_banner_section .s2-banner_content h1 { font-size: 36px; }

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 { font-size: 26px; }

}

 @media screen and (max-width: 320px) {

.saas_two_banner_section .s2-banner_content h1 { font-size: 34px; }

.saas_two_section_title h2 { font-size: 26px; }

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 { font-size: 24px; }

}

.str-team-section .str-team-member-item { padding-top: 30px; }

.str-team-section .str-team-member-item .owl-nav .owl-prev, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev, .str-team-section .str-team-member-item .owl-nav .owl-next, .str-portfolio-section .str-portfolio-area .owl-nav .owl-next { top: 50%; width: 40px; height: 40px; cursor: pointer; line-height: 40px; text-align: center; position: absolute; border-radius: 100%; background-color: #d5dbe6; transform: translateY(-50%); transition: 0.3s all ease-in-out; }

.str-team-section .str-team-member-item .owl-nav .owl-prev:hover, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev:hover, .str-team-section .str-team-member-item .owl-nav .owl-next:hover, .str-portfolio-section .str-portfolio-area .owl-nav .owl-next:hover { color: #fff; background-color: #4de3ef; }

.str-team-section .str-team-member-item .owl-nav .owl-next, .str-portfolio-section .str-portfolio-area .owl-nav .owl-next { right: -20px; }

.str-team-section .str-team-member-item .owl-nav .owl-prev, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev { left: -20px; }

 @keyframes borderpls { 0% {

 box-shadow: 0 0 0 0 #082680;

}

 70% {

 box-shadow: 0 0 0 30px #082680;

 opacity: 0;

}

to { box-shadow: 0 0 0 0 #082680; opacity: 0; }

}

 @keyframes borderpls2 { 0% {

 box-shadow: 0 0 0 0 #082680;

}

 70% {

 box-shadow: 0 0 0 10px #082680;

 opacity: 0;

}

to { box-shadow: 0 0 0 0 #082680; opacity: 0; }

}

 @keyframes fadeFromLeft { 0% {

 opacity: 0;

 transform: translateX(-20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

 @keyframes fadeFromRight { 0% {

 opacity: 0;

 transform: translateX(20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

 @keyframes fadeFromUp { 0% {

 opacity: 0;

 transform: translateY(20px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeFromUp { animation-name: fadeFromUp; }

.fadeFromRight { animation-name: fadeFromRight; }

.fadeFromLeft { animation-name: fadeFromLeft; }

/*---------------------------------------------------- */

/*global area*/

/*----------------------------------------------------*/



.str-home { margin: 0; padding: 0; color: #494949; font-size: 16px; overflow-x: hidden; line-height: 1.625; font-family: "Roboto"; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

.str-preloader { background-color: #fff; background: #fff url("../img/startup/pre.svg") no-repeat center center; }

.decoration-wrapper { overflow: hidden; position: relative; }

 @keyframes zooming { 0% {

 transform: scale(1, 1);

}

 50% {

 transform: scale(1.05, 1.05);

}

 100% {

 transform: scale(1, 1);

}

}

.zooming { animation: zooming 18s infinite both; }

.str-headline h1, .str-headline h2, .str-headline h3, .str-headline h4, .str-headline h5, .str-headline h6 { margin: 0; font-family: "Poppins"; }

.str-section-title { max-width: 530px; margin: 0 auto; }

.str-section-title .str-title-tag { color: #53117f; font-size: 18px; font-weight: 500; }

.str-section-title h2 { color: #010101; font-size: 40px; font-weight: 700; position: relative; padding: 25px 0px 0px; }

.str-section-title h2:before { left: 0; right: 0; top: 13px; height: 3px; width: 42px; content: ""; margin: 0 auto; position: absolute; background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%); }

.str-section-title.str-title-left h2:before { right: auto; }

.str-scrollup { width: 55px; right: 20px; z-index: 5; height: 55px; bottom: 20px; display: none; position: fixed; border-radius: 100%; line-height: 55px; background-color: #6e24c8; }

.str-scrollup i { color: #fff; font-size: 20px; }

/*---------------------------------------------------- */

/*header area*/

/*----------------------------------------------------*/



.str-main-header { width: 100%; z-index: 9; padding-top: 22px; position: absolute; }

.str-main-header .str-header-top .str-social a { color: #fff; margin-left: 10px; transition: 0.3s all ease-in-out; }

.str-main-header .str-header-top .str-social a:hover { color: #6e24c8; }

.str-main-header .str-header-top .str-language { padding: 0px 20px 0px 60px; position: relative; }

.str-main-header .str-header-top .str-language:after { top: 0; right: 0; color: #fff; content: ""; font-weight: 900; position: absolute; font-family: "Font Awesome 5 Free"; }

.str-main-header .str-header-top .str-language:before { top: 2px; left: 28px; width: 2px; content: ""; height: 20px; position: absolute; background-color: #cfcfcf; }

.str-main-header .str-header-top .str-language a { color: #fff; font-size: 13px; }

.str-main-header .str-header-top .str-language a img { margin-right: 8px; }

.str-main-header .str-header-top .str-language ul { top: 50px; opacity: 0; z-index: 5; width: 120px; visibility: hidden; position: absolute; padding-bottom: 5px; background-color: #010101; transition: 0.3s all ease-in-out; }

.str-main-header .str-header-top .str-language ul li a { display: block; padding: 5px 15px 3px; border-bottom: 1px solid #5a5a5a; }

.str-main-header .str-header-top .str-language ul li:last-child a { border-bottom: none; }

.str-main-header .str-header-top .str-language:hover ul { top: 35px; opacity: 1; visibility: visible; }

.str-main-header .str-main-menu { margin-top: 18px; }

.str-main-header .str-main-menu-item .navbar-nav { display: inherit; }

.str-main-header .str-main-menu-item .str-main-navigation { background-color: #010004; }

.str-main-header .str-main-menu-item .str-main-navigation li a { z-index: 1; color: #fff; font-size: 16px; font-weight: 600; position: relative; padding: 14px 40px; font-family: "Poppins"; display: inline-block; }

.str-main-header .str-main-menu-item .str-main-navigation li a:after { top: 0; right: 0; left: auto; width: 0; content: ""; z-index: -1; height: 100%; position: absolute; transition: 0.5s all ease-in-out; background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%); }

.str-main-header .str-main-menu-item .str-main-navigation li a.active:after, .str-main-header .str-main-menu-item .str-main-navigation li a:hover:after { left: 0; width: 100%; right: auto; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown { position: relative; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:after { top: 18px; color: #fff; right: 24px; font-size: 10px; content: ""; font-weight: 900; position: absolute; transition: 0.3s all ease-in-out; font-family: "Font Awesome 5 Free"; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu { top: 50px; left: -20px; opacity: 0; z-index: 2; margin: 0px; padding: 0px; height: auto; width: 200px; border: none; display: block; overflow: hidden; border-radius: 0; visibility: hidden; position: absolute; background-color: #fff; transition: all 0.4s ease-in-out; box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li { width: 100%; margin-left: 0; border-bottom: 1px solid #e5e5e5; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a { width: 100%; color: #343434; display: block; font-size: 14px; padding: 10px 25px; position: relative; transition: 0.3s all ease-in-out; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:before { display: none; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:after { left: 10px; top: 18px; width: 8px; height: 8px; content: ""; position: absolute; border-radius: 100%; transform: scale(0); background-image: none; background-color: #4de3ef; transition: 0.3s all ease-in-out; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover { background-color: #6e24c8; color: #fff; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover:after { transform: scale(1); }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li:last-child { border-bottom: none; }

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:hover .dropdown-menu { left: 0; opacity: 1; visibility: visible; }

.str-sticky-menu { top: -40px; z-index: 9; position: fixed; padding: 10px 0px 15px; background-color: #010101; animation-duration: 0.7s; animation-fill-mode: both; animation-name: fadeInDown; animation-timing-function: ease; transition: 0.3s all ease-in-out; }

.str-main-header.str-sticky-menu .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu { top: 55px; }

/*---------------------------------------------------- */

/*banner area*/

/*----------------------------------------------------*/



.str-banner-slide-area { padding: 280px 0px 250px; }

.str-banner-slide-area .owl-nav .owl-next, .str-banner-slide-area .owl-nav .owl-prev { top: 50%; opacity: 0; width: 60px; height: 60px; font-size: 20px; cursor: pointer; line-height: 60px; text-align: center; position: absolute; border-radius: 100%; transform: translateY(-50%); background-color: #d5dbe6; transition: 0.5s all ease-in-out; }

.str-banner-slide-area .owl-nav .owl-next:hover, .str-banner-slide-area .owl-nav .owl-prev:hover { color: #fff; background-color: #6e24c8; }

.str-banner-slide-area .owl-nav .owl-prev { left: -200px; }

.str-banner-slide-area .owl-nav .owl-next { right: -200px; }

.str-banner-slide-area .str-banner-content { max-width: 765px; }

.str-banner-slide-area .str-banner-content h1 { color: #fff; font-size: 70px; font-weight: 700; position: relative; padding-bottom: 70px; opacity: 0; transform: scaleY(0); transform-origin: top; transition: all 1000ms ease; }

.str-banner-slide-area .str-banner-content h1:after { left: 0px; bottom: 35px; height: 5px; width: 92px; content: ""; position: absolute; background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%); }

.str-banner-slide-area .str-banner-content p { opacity: 0; color: #fff; font-size: 18px; max-width: 630px; padding-bottom: 40px; transform: scaleY(0); transform-origin: top; transition: all 1000ms ease; }

.str-banner-slide-area .str-banner-content a { height: 60px; width: 180px; color: #fff; font-weight: 700; line-height: 60px; border-radius: 40px; opacity: 0; font-family: "Poppins"; position: relative; transform: scaleY(0); transform-origin: top; overflow: hidden; z-index: 1; background-color: #028bf8; transition: all 1000ms ease; }

.str-banner-slide-area .str-banner-content a i { width: 38px; color: #fff; height: 38px; margin-right: 5px; line-height: 38px; border-radius: 100%; display: inline-block; background-color: #6e24c8; transition: 0.3s all ease-in-out; }

.str-banner-slide-area .str-banner-content a:after { content: ""; height: 100%; top: -100%; left: 0; width: 100%; z-index: -1; position: absolute; background-color: #6e24c8; transition: 0.3s all ease-in-out; }

.str-banner-slide-area .str-banner-content a:hover:after { top: 0; }

.str-banner-slide-area .str-banner-content a:hover i { background-color: #028bf8; }

.str-banner-slide-area .owl-item.active .str-banner-content h1 { opacity: 1; transform: scaleY(1); transition-delay: 300ms; }

.str-banner-slide-area .owl-item.active .str-banner-content p { opacity: 1; transform: scaleY(1); transition-delay: 600ms; }

.str-banner-slide-area .owl-item.active .str-banner-content a { opacity: 1; transform: scaleY(1); transition-delay: 900ms; }

.str-banner-section:hover .owl-prev { left: -150px; opacity: 1; }

.str-banner-section:hover .owl-next { right: -150px; opacity: 1; }

/*---------------------------------------------------- */

/*feature area*/

/*----------------------------------------------------*/



.str-feature-section { padding: 50px 0px 110px; }

.str-feature-section .str-feature-icon-text { z-index: 1; overflow: hidden; padding: 40px 0px; position: relative; border-radius: 130px; transition: 0.3s all ease-in-out; box-shadow: 0px 11px 54px 0px rgba(13, 0, 30, 0.2); }

.str-feature-section .str-feature-icon-text .str-feature-icon { width: 125px; height: 125px; margin: 0 auto; line-height: 125px; margin-bottom: 18px; border-radius: 100%; transition: 0.3s all ease-in-out; background-image: linear-gradient(125deg, #efe7f9 0%, #eaedfc 49%, #e5f3fe 100%); }

.str-feature-section .str-feature-icon-text .str-feature-icon img { width: initial; margin: 0 auto; display: initial; text-align: center; }

.str-feature-section .str-feature-icon-text .str-feature-text h3 { color: #010101; font-size: 22px; font-weight: 700; position: relative; padding-bottom: 35px; transition: 0.3s all ease-in-out; }

.str-feature-section .str-feature-icon-text .str-feature-text h3:before { left: 0; right: 0; content: ""; width: 10px; bottom: 15px; height: 10px; margin: 0 auto; position: absolute; border-radius: 100%; background-color: #2786f1; }

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list { text-align: left; padding-left: 80px; padding-bottom: 10px; }

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li { margin-bottom: 3px; position: relative; transition: 0.3s all ease-in-out; }

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li:before { top: 3px; left: -20px; font-size: 12px; content: ""; font-weight: 900; position: absolute; transition: 0.3s all ease-in-out; font-family: "Font Awesome 5 Free"; }

.str-feature-section .str-feature-icon-text:after, .str-feature-section .str-feature-icon-text:before { opacity: 0; width: 400px; z-index: -1; content: ""; height: 360px; position: absolute; background-repeat: no-repeat; transition: 0.5s all ease-in-out; }

.str-feature-section .str-feature-icon-text:after { bottom: 0; left: -130px; z-index: -1; background-image: url(../img/startup/shape/fs1.png); transition-delay: 0.3s; }

.str-feature-section .str-feature-icon-text:before { z-index: -2; bottom: -70px; left: -120px; background-image: url(../img/startup/shape/fs2.png); }

.str-feature-section .str-feature-icon-text:hover { background-color: #010004; }

.str-feature-section .str-feature-icon-text:hover .str-feature-icon { background-color: #fff; }

.str-feature-section .str-feature-icon-text:hover:after { opacity: 1; left: -90px; }

.str-feature-section .str-feature-icon-text:hover:before { left: -95px; opacity: 1; }

.str-feature-section .str-feature-icon-text:hover h3 { color: #fff; }

.str-feature-section .str-feature-icon-text:hover h3:before { background-color: #fff; }

.str-feature-section .str-feature-icon-text:hover li { color: #fff; }

.str-feature-section .str-feature-icon-text:hover li:before { color: #fff; }

.str-feature-section .str-feature-content { margin-top: 50px; }

.str-feature-section .str-feature-content .owl-nav .owl-prev, .str-feature-section .str-feature-content .owl-nav .owl-next { top: 50%; width: 40px; height: 40px; font-size: 18px; cursor: pointer; line-height: 40px; position: absolute; text-align: center; border-radius: 100%; background-color: #bfdafa; transform: translateY(-50%); transition: 0.3s all ease-in-out; }

.str-feature-section .str-feature-content .owl-nav .owl-prev:hover, .str-feature-section .str-feature-content .owl-nav .owl-next:hover { color: #fff; background-color: #6e24c8; }

.str-feature-section .str-feature-content .owl-nav .owl-prev { left: -20px; }

.str-feature-section .str-feature-content .owl-nav .owl-next { right: -20px; }

.str-feature-section .str-feature-content .owl-stage-outer { overflow: visible; }

.str-feature-section .str-feature-content .owl-stage-outer .owl-item { opacity: 0; transition: opacity 500ms; }

.str-feature-section .str-feature-content .owl-stage-outer .owl-item.active { opacity: 1; }

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(1) .owl-item .str-feature-text h3:before { background-color: #2786f1; }

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(2) .owl-item .str-feature-text h3:before { background-color: #6e27ca; }

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(3) .owl-item .str-feature-text h3:before { background-color: #43d3e8; }

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(4) .owl-item .str-feature-text h3:before { background-color: #00b17f; }

.str-feature-box { position: relative; }

.str-feature-box .str-hover-icon { top: 10px; right: 5px; z-index: 3; width: 55px; color: #fff; height: 55px; line-height: 50px; position: absolute; border-radius: 100%; border: 3px solid #fff; transform: scale(0); transition: 0.3s all ease-in-out; background-image: linear-gradient(-30deg, #008df9 0%, #6006b3 100%); }

.str-feature-box:hover .str-hover-icon { transform: scale(1); }

/*---------------------------------------------------- */

/*abiut area*/

/*----------------------------------------------------*/



.str-about-section { background-color: #edf2f9; padding: 115px 0px 110px; }

.str-about-section .str-aboutbg1 { top: -20%; left: 0; }

.str-about-section .str-aboutbg2 { top: 20%; right: -5%; }

.str-about-section .str-aboutbg3 { bottom: -10%; left: -10%; }

.str-about-section .str-about-content .str-section-title { padding-bottom: 25px; }

.str-about-section .str-about-content .str-about-textarea { color: #010101; font-size: 17px; font-weight: 500; line-height: 1.647; padding-bottom: 25px; }

.str-about-section .str-about-content .str-about-list { padding: 25px 0px 22px; }

.str-about-section .str-about-content .str-about-list li { color: #000000; position: relative; margin-bottom: 5px; padding-left: 25px; }

.str-about-section .str-about-content .str-about-list li:before { top: 0; left: 0; color: #6e24c8; content: ""; font-weight: 900; position: absolute; font-family: "Font Awesome 5 Free"; }

.str-about-section .str-about-content .str-about-img { display: flex; margin-left: 50px; }

.str-about-section .str-about-content .str-about-img .str-about-shape { right: 0; top: 40%; position: absolute; transform: translateY(-50%); }

.str-about-section .str-about-content .str-about-img .str-about-logo { top: 50%; left: 0; right: 0; position: absolute; text-align: center; transform: translateY(-50%); }

.str-about-section .str-about-content .str-about-img .str-about-img-field { width: 50%; }

.str-about-section .str-about-content .str-about-img .str-about-pic { margin: 5px; display: inline-block; }

.str-about-section .str-about-content .str-progress-area { margin-top: 20px; max-width: 290px; }

.str-about-section .str-about-content .str-progress-area h3 { color: #17161a; font-size: 16px; font-weight: 600; padding-bottom: 5px; }

.str-about-section .str-about-content .str-progress-area .barfiller { width: 100%; height: 12px; background: #ebebeb; position: relative; margin-bottom: 16px; }

.str-about-section .str-about-content .str-progress-area .barfiller .fill { display: block; position: relative; width: 0px; height: 100%; z-index: 1; background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%) !important; }

.str-about-section .str-about-content .str-progress-area .barfiller .tipWrap { display: none; }

.str-about-section .str-about-content .str-progress-area .barfiller .tip { left: 0px; z-index: 2; color: #fff; font-size: 12px; font-weight: 600; padding: 2px 4px; background: #333; margin-top: -30px; position: absolute; font-family: "Poppins"; }

.str-about-section .str-about-content .str-progress-area .barfiller .tip:after { left: 9px; z-index: 9; content: ""; bottom: -4px; border: solid; display: block; position: absolute; border-width: 6px 6px 0 6px; border-color: rgba(0, 0, 0, 0.8) transparent; }

.str-about-section .str-about-feature-box { border-radius: 5px; padding: 25px 30px; }

.str-about-section .str-about-feature-box .str-about-feature-icon { width: 85px; height: 85px; line-height: 85px; margin-right: 25px; border-radius: 100%; }

.str-about-section .str-about-feature-box .str-about-feature-icon i { color: #fff; font-size: 45px; }

.str-about-section .str-about-feature-box .str-about-feature-text h3 { color: #fff; font-size: 24px; margin-top: 14px; font-weight: 500; line-height: 1.333; }

.str-about-section .str-about-feature-area { padding-top: 75px; }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-box { background-image: linear-gradient(90deg, #3a006c 1%, #510498 49%, #6807c3 100%); }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-icon { background-color: #683992; }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-box { background-image: linear-gradient(90deg, #6006b3 1%, #3317b4 49%, #0627b5 100%); }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-icon { background-color: #7a40c4; }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-box { background-image: linear-gradient(90deg, #1422b5 1%, #0c57da 49%, #048cff 100%); }

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-icon { background-color: #4464d2; }

.str-btn { font-size: 15px; font-weight: 700; position: relative; font-family: "Poppins"; }

.str-btn i { color: #6e24c8; margin-left: 5px; transition: 0.3s all ease-in-out; }

.str-btn:before { bottom: -1px; content: ""; height: 2px; width: 112px; position: absolute; background-color: #161616; }

.str-btn:hover i { margin-left: 10px; }



/*---------------------------------------------------- */

/*abiut area*/

/*----------------------------------------------------*/



@keyframes rotate-anim { 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

.str-work-process-section { padding: 105px 0px 115px; }

.str-work-process-section .str-work-icon-text .str-work-icon { width: 155px; height: 155px; margin: 0 auto; position: relative; line-height: 155px; margin-bottom: 45px; border-radius: 100%; border: 2px solid #d7e7fd; }

.str-work-process-section .str-work-icon-text .str-work-icon i { color: #444444; font-size: 45px; }

.str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border { top: -10px; left: -10px; width: 170px; height: 170px; position: absolute; border-radius: 100%; border: 15px solid #4ae0f0; border-right-color: transparent; animation-duration: 1500ms; animation: rotate-anim 3s infinite linear; animation-play-state: paused; }

.str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border .work-circle-shape { content: ""; height: 35px; width: 35px; right: -25px; top: 50px; position: absolute; border-radius: 100%; background-image: linear-gradient(-30deg, #54e8ec 0%, #33cefa 100%); box-shadow: -1.045px 9.945px 16px 0px rgba(52, 207, 251, 0.4); }

.str-work-process-section .str-work-icon-text .str-work-icon .icon-inner-shadow { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border-radius: 100%; box-shadow: -1.045px 9.945px 16px 0px rgba(52, 207, 251, 0.4); }

.str-work-process-section .str-work-icon-text:hover .str-icon-border { animation-play-state: running; }

.str-work-process-section .str-work-icon-text .str-work-text h3 { color: #010101; font-size: 22px; font-weight: 700; padding-bottom: 15px; }

.str-work-process-section .str-work-icon-text .str-work-text p { margin: 0 auto; max-width: 200px; padding-bottom: 5px; }

.str-work-process-section .str-work-icon-text .str-work-text .str-btn { transition: 0.3s all ease-in-out; }

.str-work-process-section .str-work-icon-text .str-work-text .str-btn i { color: #494949; margin-left: 0; }

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover { color: #6e24c8; }

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover i { margin-left: 5px; color: #6e24c8; }

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:before { width: 100%; height: 1px; }

.str-work-process-section .str-work-process-content { padding-top: 75px; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text { position: relative; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text:before { top: 70px; left: -50px; content: ""; width: 70px; height: 20px; position: absolute; background-repeat: no-repeat; background-image: url(../img/startup/shape/rv1.png); }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .icon-inner-shadow { display: none; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .str-icon-border { border: 15px solid #0095ff; border-right-color: transparent; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .work-circle-shape { box-shadow: -1.045px 9.945px 16px 0px rgba(0, 122, 255, 0.4); background-image: linear-gradient(-30deg, #00bdff 0%, #007aff 100%); }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text { position: relative; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text:before { top: 70px; left: -50px; content: ""; width: 70px; height: 20px; position: absolute; background-repeat: no-repeat; background-image: url(../img/startup/shape/rv2.png); }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .icon-inner-shadow { display: none; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .str-icon-border { border: 15px solid #590fb8; border-right-color: transparent; }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .work-circle-shape { box-shadow: none; background-image: linear-gradient(176deg, #008df9 0%, #324add 49%, #6407c1 100%); }

/*---------------------------------------------------- */

/*abiut area*/

/*----------------------------------------------------*/



.str-portfolio-section:after { left: 0; top: 60px; content: ""; width: 100%; height: 100%; position: absolute; background-color: #edf2f9; }

.str-portfolio-section .str-port-img-text { overflow: hidden; position: relative; }

.str-portfolio-section .str-port-img-text:after { top: 85px; opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; transition: 0.3s all ease-in-out; background: gradient(linear, left top, left bottom, from(#a0843b), color-stop(75%, #a0843b)); background: linear-gradient(to bottom, rgba(21, 37, 65, 0) 0%, rgba(105, 36, 245, 0.79) 75%, rgba(36, 151, 245, 0.79) 100%); }

.str-portfolio-section .str-port-img-text .str-port-text { left: 0; right: 0; z-index: 1; opacity: 0; bottom: 0px; position: absolute; transition: 0.3s all ease-in-out; transition-delay: 0.3s; }

.str-portfolio-section .str-port-img-text .str-port-text h3 { color: #fff; font-size: 22px; font-weight: 700; padding-bottom: 5px; }

.str-portfolio-section .str-port-img-text .str-port-text span { color: #fff; }

.str-portfolio-section .str-port-img-text .str-port-text .str-port-popup { color: #fff; width: 40px; height: 40px; margin: 0 auto; font-size: 14px; margin-top: 8px; line-height: 40px; border-radius: 100%; background-image: linear-gradient(-30deg, #00bdff 0%, #007aff 100%); }

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text:after { top: 0; opacity: 1; }

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text .str-port-text { opacity: 1; bottom: 20px; }

.saasio-breadcurmb-section { background-color: #6c2b95; padding: 260px 0px 150px }

.breadcurmb-title h2 { margin: 0; color: #fff; font-weight: 700; font-size: 36px; font-family: 'Poppins'; padding-bottom: 20px; }

.saasio-page-breadcurmb li a { color: #fff; margin: 0px 10px; position: relative; }

.saasio-page-breadcurmb li a:after { top: 2px; right: -17px; content: '\f054'; font-weight: 900; font-size: 12px; position: absolute; font-family: 'Font Awesome 5 Free'; }

.saasio-page-breadcurmb li:last-child a::after { display: none; }

.news-feed-section { padding: 100px 0px; }

.news-feed-section .blog-feed-post { position: relative; border-radius: 9px; overflow: hidden; margin-bottom: 40px; box-shadow: 0px 0px 35px rgba(0,0,0,0.15); }

.news-feed-section .saasio-blog-text { padding: 22px 30px 0px 0px; }

.news-feed-section .saasio-blog-text h3 { color: #373a5b; font-size: 24px; font-weight: 700; line-height: 1.6; font-family: 'Poppins'; }

.news-feed-section .saasio-blog-text p { margin-bottom: 0; padding-top: 20px; }

.blog-read-more { color: #6c2b95; display: block; font-weight: 700; margin-top: 20px; }

.saasio-post-meta a { color: #777a91; margin-right: 15px; }

.saasio-post-meta a i { margin-right: 3px; font-size: 15px; }

.saasio-pagination { padding-top: 30px; }

.saasio-pagination a { height: 40px; width: 40px; color: #fff; font-weight: 700; margin: 0px 5px; line-height: 40px; display: inline-block; background-color: #6c2b95; transition: .3s all ease-in-out; }

.saasio-pagination a:hover, .saasio-pagination a.active { background-color: #cc0fda; }

.saasio-blog-sidebar { padding-left: 30px; }

.side-bar-widget { margin-bottom: 60px; }

.saasio-blog-sidebar .widget-title-2 { font-size: 24px; font-weight: 700; padding-bottom: 30px; }

.side-bar-widget .search-widget input { height: 50px; width: 100%; border: none; padding-left: 15px; background-color: #e6e6e6; }

.side-bar-widget .search-widget button { top: 0; right: 0; color: #fff; width: 50px; border: none; height: 50px; position: absolute; background-color: #6c2b95; }

.category-widget li a { width: 100%; display: block; font-family: 'Poppins'; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e8d8d8; }

.category-widget li:last-child a { border-bottom: 0; }

.category-widget li a span { float: right; }

.recent-post-img-text { width: 100%; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e8d8d8; }

.recent-post-img-text:last-child { border-bottom: none; }

.recent-post-img-text .recent-post-img { height: 100px; width: 100px; overflow: hidden; margin-right: 15px; }

.recent-post-img-text .recent-post-text h3 { font-size: 20px; font-weight: 700; line-height: 1.5; padding-bottom: 5px; }

.recent-post-img-text .recent-post-text .rec-post-meta { color: #9e9e9b; }

.popular-widget a { color: #fff; font-weight: 600; padding: 10px 15px; margin: 3px; float: left; display: inline-block; background-color: #6c2b95; }

.blog-details-img { margin-bottom: 40px; }

.blog-details-text h2 { color: #373a5b; font-size: 36px; font-weight: 700; padding-bottom: 25px; }

.blog-details-text h3 { color: #373a5b; font-size: 30px; font-weight: 700; padding-bottom: 10px; }

.blog-details-text article { padding: 20px 0px }

.blog-details-text blockquote { z-index: 1; color: #fff; font-weight: 500; font-size: 20px; padding: 50px; border-radius: 4px; font-family: 'Poppins'; position: relative; background-color: #73299a; }

.blog-details-text blockquote:after { top: 50%; left: 0; right: 0; z-index: -1; font-size: 175px; font-weight: 900; content: '\f10d'; text-align: center; position: absolute; transform: translateY(-50%); color: rgb(255 255 255 / 25%); font-family: 'Font Awesome 5 Free'; }

.blog-details-text blockquote h4 { font-size: 18px; font-weight: 700; padding-top: 15px; }

.blog-details-tag { margin-top: 40px; padding: 10px 0px; border: 1px solid #ded7d7; border-left: none; border-right: none; }

.blog-feed-tag a { margin-left: 8px; padding: 10px 10px; display: inline-block; background-color: #f7f7f7; transition: .3s all ease-in-out; }

.blog-details-tag a:hover { color: #fff; background-color: #73299a; }

.blog-feed-share a { width: 43px; height: 43px; line-height: 43px; text-align: center; display: inline-block; background-color: #f7f7f7; transition: .3s all ease-in-out; }

.saasio-comment-field { padding-top: 80px; }

.saasio-comment-field h3 { font-weight: 600; font-size: 30px; }

.comment-author-img { width: 120px; height: 120px; overflow: hidden; margin-right: 20px; border-radius: 100%; }

.comment-list-item { margin: 60px 0px; }

.comment-inner-box { padding: 30px; margin-bottom: 30px; background-color: #f8f8f8; }

.comment-author-text { overflow: hidden; }

.comment-author-text p { margin-bottom: 0; padding: 15px 0px 5px; }

.comment-author-text h4 { font-size: 22px; font-weight: 700; padding-bottom: 10px; }

.comment-author-text span { color: #969696; }

.comment-reply { margin-top: 10px; padding: 8px 20px; border-radius: 4px; display: inline-block; color: #fff !important; background-color: #73299a; }

.comment-form { margin-top: 40px; }

.comment-form input, .comment-form textarea { width: 100%; height: 60px; border: none; padding-left: 20px; margin-bottom: 20px; background-color: #f0f0f0; }

.comment-form textarea { height: 180px; padding-top: 20px; }

.comment-form button { border: none; color: #fff; padding: 15px 30px; background-color: #73299a; }

 @media screen and (max-width: 1024px) {

.news-feed-section .saasio-blog-text { padding: 22px 30px 30px 0px }

.news-feed-section .saasio-blog-text h3 { font-size: 20px; }

.recent-post-img-text .recent-post-text h3 { font-size: 18px; }

}

 @media screen and (max-width: 991px) {

.blog-feed-img { margin-bottom: 20px; }

.blog-feed-img-txt { padding: 30px; }

.saasio-blog-sidebar { padding-left: 0; }

.after-hour-black-section { background-image: none !important; top: -15px; position: relative; z-index: 99; padding: 50px 0px !important; }

.work-life img { margin-bottom: 20px; }

.answring-form:before, .answring-form:after { display: none; }

}

 @media screen and (max-width: 767px) {

.saasio-blog-sidebar { margin-top: 30px; }

.saasio-breadcurmb-section { padding: 150px 0px 100px; }

.breadcurmb-title h2 { font-size: 30px; }

.blog-feed-share { margin-top: 15px; float: left !important; }

.comment-inner-box { padding: 15px; }

.comment-author-img { height: 80px; width: 80px; }

.t-socile img { width: 30px; }

.desk-show { display: none; }

.mob-show { display: block; }

.thank-2box img { margin-bottom: 15px; }



}

.mob-show { display: none; }

.inner-page-padding { padding: 100px 0px; }

.sa-team-inner-inner-box { margin-bottom: 40px; }

.sa-team-inner-inner-box .str-team-img-text:hover .str-team-text { height: 175px; }

.sa-contact-inner-form { margin: 0 auto; max-width: 750px; padding-top: 50px; }

.sa-contact-inner-form input, .sa-contact-inner-form textarea { width: 100%; height: 50px; padding-left: 20px; border-radius: 5px; margin-bottom: 15px; border: 2px solid #e8e8e8; }

.sa-contact-inner-form textarea { height: 150px; padding-top: 20px; }

.sa-contact-inner-form button { color: #fff; height: 60px; width: 170px; border: none; font-weight: 600; border-radius: 30px; background-color: #73299a; }

.sa-contact-inner-btn { width: 100%; }

#preloader { display: none; }

.card-box button { width: 100%; text-align: left; color: #000 !important; font-size: 20px; }

.card-box button i { float: right; background: #32dd87; color: #fff; width: 25px; height: 25px; border-radius: 50%; text-align: center; padding-top: 6px; font-size: 14px; }

.card-box h2 { font-family: 'Montserrat'; font-weight: 600; color: #000; }

.card-box p { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; color: #000; }

.card-box { border-bottom: 1px solid #f3f3f3; margin-bottom: 10px; }

.all-the-best a:hover { cursor: pointer; }

.form-control { font-family: 'Montserrat'; font-weight: 500; }

 @media screen and (max-width: 991px) {

.who-lives { margin-bottom: 37px; }

#saas_two_banner .set-serv-heading2 { font-size: 34px !important; }

.set-serv-heading1 { font-size: 53px !important; }

.home-serv-sec a { margin-right: 0px !important; }

#saas_two_service .saas_two_section_title h2 { font-size: 32px !important; line-height: 53px; }

#saas_two_team-9 h2 { font-size: 62px !important; }

.after-hour-banner #aft-main-head { font-size: 80px !important; }

#spanish p { line-height: 39px !important; font-size: 25px !important; text-align: center; }

#spanish .all-web-btn { margin-bottom: 30px; }

#we-take h2 { font-size: 42px !important; }

#we-take p { font-size: 21px; text-align: center; }

#home-serv-sec-3 .saas_two_section_title h2 { font-size: 34px !important; }

#home-ser-sec-2 h2 { font-size: 52px !important; line-height: 62px; }

.home-serv-sec-6 .col-md-5 { background: #ffffffb3; margin-bottom: 25px; }

.new-set-circle:before { display: none; }

.set-top-engage { margin-top: 44px !important; }

#engage-sec-5 h3 { font-size: 29px !important; }

#engage-sec-5 p { font-size: 20px !important; }

.ecommerce-section-3 .grideant { padding: 15px 30px; }

#saas_two_banner {background-position: center center;

    background-image: none;

    padding: 99px 0px 0;

    margin-bottom: -2px; }

#finence-sec-1 .service_content_box h3 { font-size: 24px !important; }

#finence-sec-3 .col-md-7 { background: #ffffffb3; margin-bottom: 25px; padding: 30px 8px; }

#finence-sec-3 .col-md-5 { background: none; }

#finence-sec-1 .service_content_box h3:after { display: none; }

.appoint-tara:before, .appoint-tara:after { display: none; }

.appoint-tara { padding-bottom: 33px; }

.tara-circle:before, .tara-circle:after, .set-circle:after { display: none; }

.tara-tara img { margin-top: 50px }

.desk-show2 { display: none; }

.mobile-show2 { display: block !important; }

.commn-box:after, .ecommerce-sec-3:after, .ping:before, .ecommerce-sec-2:before, .ecommerce-sec-2:after, .ecommerce-sec-4:after, .black-box-cont:before, .ecommerce-sec-3:before, .ecommerce-sec-3:after, .financial-services-2 .extra-circle:before, .financial-services-2:before, .financial-services-2:after, .add-tringel:before, .add-tringel:after, .real-est-sec-2-inner:after, .real-est-sec-2-inner:before, .mob-hide { display: none !important; }

.eng-baneer-btn { text-align: center !important }

.how-long-section-main a img, .helth-6 a img { width: 200px; height: auto; margin-top: 24px; }

.real-est-4 { padding-top: 53px; }

.black-p { font-size: 16px !important; line-height: 26px !important; }

.helth-6 { text-align: center; padding: 27px 0px; }

.hom-ser-sec-5 .service_content { background: #ffffffd1; padding: 15px; }

.hom-ser-sec-5 { padding-bottom: 0px !important; }

.financial-services-2 { padding: 30px 3px; }

.mob-show { display: block !important; }

.mob-btn { width: 200px; height: auto; margin-top: 24px; }

.eng-baneer-btn a { display: block; margin-bottom: 15px; }

.app-icon a { display: block; }

.set-mobile-gap { margin-top: -4px; }

.corner-img { width: 100% !important; height: 438px!important; right: 0px!important; position: relative!important; background-repeat: no-repeat!important; background-image: url(../../img/discover/1.png!important); bottom: 0px!important; background-size: contain!important; background-position: top right!important; }

.typer-text { font-size: 37px !important; line-height: 45px !important; }

.vs-img { height: 187px; }

.btn-wat { width: 186px; margin: 0px auto 10px; display: block; }

.myco p { font-size: 16px; line-height: 23px; }

#main #faq .card .card-header .btn-header-link { padding: 6px 0px !important; font-weight: 500 !important; font-size: 16px !important; }

#main #faq .card .card-header .btn-header-link:after { top: -24px; position: relative; right: -13px; }

.mob-mr { margin-bottom: 30px; }

.pt-40 { padding-top: 10px !important; }

.pb-40 { padding-bottom: 10px !important; }

#header_main{ position:fixed !important; background: #fff;z-index: 9999;}

video{ width:100%;height: auto;}

#vidBox .modal-body{ padding:0px;}

}

.black-swril { background-color: #000; }

.acord { display: block; margin-bottom: 30px; }

.app-download { padding: 80px 0px; }

.app-icon { margin-top: 50px; }

.app-icon a { margin: 30px 15px }

.real-estet-sec-6:before { display: none; }

.mobile-show2 { display: none; }

.home-serv-sec { background-image: url(../../images/bg-home-services.jpg); background-size: cover; }

.bilingual { background-image: url(../../images/bilgul-banner.jpg); background-size: cover; }

.home-services { background-image: url(../../images/home-services-banner.jpg); background-size: cover; }

.after-hour-banner { background-image: url(../../images/after-hour-banner.jpg); }

.dancing-script { font-family: 'Dancing Script', cursive !important; }

.set-serv-heading1 { font-weight: 700 !important; color: #32dd87; font-size: 73px; }

.popins-bold { font-family: 'Poppins', sans-serif !important; }

.set-serv-heading2 { color: #fff; font-size: 73px !important; font-weight: 700 !important; }

.home-serv-section-2 .service_icon_box { top: 0px !important; width: 40px !important; }

.home-serv-section-2 { background-color: #2e193f }

.home-serv-section-5 { background-color: #fdfce2 }

.home-serv-section-4 { background-image: none; background-color: #2e193f }

.home-serv-sec .s2-banner_content { max-width: 810px; }

.font-green { color: #32dd87; }

.font-wight { font-weight: 700 !important; }

.home-serv-section-2 .saas_two_section_title h2 { font-size: 73px !important; line-height: 99px; color: #fff !important; }

.home-serv-section-2 .service_content_box { border: 4px solid #fff; min-height: 261px; }

.home-serv-section-2 .service_content_box h3 { color: #fff !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 22px !important; position: relative; }

.home-serv-section-2 .service_content_box h3:after { content: ""; width: 92px; height: 3px; left: 41px; top: 37px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/heading-line.jpg); }

.home-serv-section-2 .service_content_box p { color: #fff !important; font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; }

.home-serv-section-3 .saas_two_section_title h2 { color: #2e193f !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 49px !important; margin-bottom: 0; text-align: left; }

.set-flex { display: flex; align-items: center; }

.home-serv-section-4 h2 { color: #fff !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 50px !important; position: relative; margin-bottom: 30px; }

.round-box { display: block; color: #fff !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 24px !important; text-align: center; margin: 20px 0px; border: 4px solid #fff; border-radius: 40px; padding: 15px 0px; }

.round-box:hover { background: #f5921b; border: 4px solid #f5921b; }

.home-serv-section-5 .enquery-form { padding: 0px; }

.home-serv-section-5 h2 { color: #2e193f !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; }

#saas_two_team-9 h2 { font-size: 72px !important; }

#saas_two_team-9 p { color: #2e193f !important; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 22px !important; margin-top: 25px; }

.home-serv-section-5 .form-control { background: no-repeat; border-radius: 27px; }

.home-serv-section-5:before { display: none; }

.home-serv-section-3:before { background-image: url(../img/madical-bg-1.png); width: 94px; height: 237px; top: 46px; }

.home-serv-section-3:after { background-image: url(../img/madical-bg-3.png); width: 398px; height: 416px; top: 0px; }

.home-serv-section-3 .bef-aft-bg-sec-3:after { background-image: url(../img/madical-bg-2.png); width: 457px; height: 271px; bottom: -155px; right: 230px; }

.after-hours-section-4 { background: #fdfce2; padding: 62px 0px; }

.home-serv-section-2 h4 { color: #fff; font-size: 42px; text-align: left; line-height: 61px; }

.home-serv-section-2 p { color: #fff; font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; line-height: 30px; }

.after-hour-3 #after-work { font-size: 64px !important; }

.after-hours-section-4 h2 { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; color: #2e193f; font-size: 49px; margin-bottom: 61px; }

.after-hours-section-4 p { font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; color: #2e193f !important; font-size: 26px; margin: 47px 0px; }

#after-hours-section-4 h2 { font-size: 70px !important; }

#after-hours-section-4 p { color: #fff; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 30px; font-size: 28px }

.after-hour-banner .set-serv-heading1 { font-size: 130px !important; }

.bilingual #blingual-banner, .home-services #blingual-banner { max-width: 100% !important; }

#blingual-banner p { max-width: 600px !important; font-size: 24px; }

.bilingual h3, .home-services h3 { font-size: 130px; }

#spanish h2 { font-size: 55px !important; text-align: left; }

#spanish p { line-height: 44px; font-size: 30px; }

#we-take p { color: #fff; font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; line-height: 37px; font-size: 23px; }

#home-ser-sec-2 h2 { font-size: 56px !important; }

#home-ser-sec-2 .service_content_box h3 { font-size: 19px !important; }

.home-serv-sec-6 .saas_two_section_title h2 { color: #000 !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 40px !important; margin-bottom: 48px; text-align: left; }

.home-serv-sec-6 p { color: #2e193f !important; font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; font-size: 22px !important; text-align: left; line-height: 38px; }

.home-serv-sec-6 { background-image: url(../../images/home-services-bannwer-2.jpg); background-size: cover; background-position: center center; padding: 130px 0px; }

#home-serv-banner .set-serv-heading2 { font-size: 60px !important; }

{

font-size: 63px !important;

 margin-bottom: 32px;

}

#home-serv-sec-3 .saas_two_section_title h2 { font-size: 63px !important; margin-bottom: 32px !important; }

.engage-2 { background-image: url(../../assets/img/engage-header-bj.jpg); background-size: cover; padding: 8vh 0px 42vh; }

#engage-sec-1 { padding-top: 0px; }

#engage-sec-1:after { background-image: url(../../images/engage-section-2-circle-1.png); width: 276px; height: 457px; top: 0px; }

#engage-sec-1 .bef-aft-bg-sec-3:after { background-image: url(../../images/engage-section-2-circle-3.png); width: 246px; height: 562px; bottom: -155px; left: 0px; z-index: -1; }

#engage-sec-3 { padding-bottom: 18vh; }

.new-set-circle:before { content: ""; position: absolute; top: -44px; left: -244px; width: 868px; height: 402px; background-repeat: no-repeat; background-size: cover; background-image: url(../../images/engage-section-4-img-line.png); }

.set-top-engage { margin-top: 70px }

#engage-sec-4 h3 { color: #432859 !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 25px !important; position: relative; }

#engage-sec-4 p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 21.48px !important; color: #000 !important; line-height: 34px; letter-spacing: 1px; }

#engage-sec-5 h3 { color: #432859 !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 36px; position: relative; }

#engage-sec-5 p { color: #2e193f !important; font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; font-size: 25px; text-align: left; line-height: 38px; }

.call-box { margin-bottom: 30px }

#engage-sec-5 { padding: 12vh 0vh; position: relative; }

#engage-sec-6 { margin-bottom: 60px }

.e-ccomerce { background-image: url(../../images/e-commerce-banner.jpg); background-size: cover; padding: 200px 0px; }

#e-box .service_content_box { text-align: center; }

#e-box .service_content_box h3 { font-size: 30px !important; }

#e-box .service_content_box h3:after { left: 123px; top: 82px; }

.ecommerce-section-3 .grideant { background: rgba(205,234,255,1); background: -moz-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205,234,255,1)), color-stop(100%, rgba(249,215,255,1))); background: -webkit-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -o-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -ms-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: linear-gradient(to right, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeaff', endColorstr='#f9d7ff', GradientType=1 );

padding-left: 50px; }

#ecommerce-sec-5 p { font-size: 22px !important; line-height: 47px; }

#ecommerce-sec-5 .saas2-headline { margin-bottom: 55px; }

.fin-incure { background-image: url(../../images/fine-incur-banner.jpg); background-size: cover; padding: 200px 0px; }

#finence-sec-1 .service_content_box h3 { font-size: 30px !important; }

#finence-sec-1 .service_content_box h3:after { top: 48px; }

#finence-sec-3 { background-image: url(../../images/fine-incur-banner-green.jpg); background-size: cover; background-position: center center; padding: 95px 0px; }

.white { display: block !important; background: #fff !important; color: #2e193f !important; }

.real-estate { background-image: url(../../images/real-estate-banner.jpg); background-size: cover; padding: 200px 0px; }

#blingual-banner { max-width: 100%; }

#real-estate-sec-1 { background: rgba(205,234,255,1); background: -moz-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205,234,255,1)), color-stop(100%, rgba(249,215,255,1))); background: -webkit-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -o-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -ms-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: linear-gradient(to right, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeaff', endColorstr='#f9d7ff', GradientType=1 );

}

#real-estate-sec-1:before, #real-estate-sec-1:after { display: none; }

#real-estate-sec-1 .service_content_box h3, #real-estate-sec-1 .service_content_box p { color: #000 !important }

#real-estate-sec-1 .service_content_box { border: 4px solid #2e193f; }

#real-estate-sec-2 { padding: 20px 0px !important; }

#real-estate-sec-3 { background-color: #fdfce2; }

#real-estate-sec-3 .round-box { border: 4px solid #2e193f !important; color: #2e193f !important; }

#real-estate-sec-3 .saas_two_section_title { margin-bottom: 60px; }

#real-estate-sec-5 { padding: 90px 0px; }

#real-estate-sec-5 img { margin-bottom: 55px; }

#real-estate-sec-1 .service_content_box h3:after { top: auto !important; bottom: 0px !important; }

.small-bussiness { background-image: url(../../images/samll-bussiness-banner.jpg); background-size: cover; padding: 200px 0px; }

#small-bussiness-sec-1 .service_content_box h3:after { top: auto !important; bottom: 0px !important; left: 36%; }

#small-bussiness-sec-1 .service_content_box img { margin-bottom: 15px; }

#small-bussiness-sec-1 .service_content_box { text-align: center; }

#small-bussiness-sec-4 { background: rgba(205,234,255,1); background: -moz-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205,234,255,1)), color-stop(100%, rgba(249,215,255,1))); background: -webkit-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -o-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: -ms-linear-gradient(left, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); background: linear-gradient(to right, rgba(205,234,255,1) 0%, rgba(249,215,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeaff', endColorstr='#f9d7ff', GradientType=1 );

}

.s2-about_img img { z-index: 9999; display: block; position: relative; }

.flex { align-items: center; }

.arrange-hight { margin: 53px 0px; }

.copy-right { font-size: 13px; margin-top: 27px; }

.grow img { margin-top: 15px; }

.grow:before { content: ""; position: absolute; top: -24px; left: -81px; width: 248px; height: 137px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/discover/multi-color-icon-1.png); }

.convert:before { content: ""; position: absolute; top: -31px; left: -92px; width: 335px; height: 155px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/discover/multi-color-icon-2.png); }

.how-is-sec-info p { font-family: 'Open Sans', sans-serif; color: #999999; font-size: 19px; font-weight: 400; line-height: 34px; letter-spacing: 1px; }

.how-it-icon-box { padding: 18px 0px 30px; }

.how-it-swril p { font-size: 20px !important; line-height: 27px; }

.how-number { background: #e944b7; color: #fff !important; font-family: 'Open Sans', sans-serif !important; width: 60px; display: block; float: left; height: 60px; border-radius: 50%; text-align: center; font-weight: bold; font-size: 30px; padding-top: 14px; margin-bottom: 100px; margin-right: 19px; }

.m-bt { margin-bottom: 70px }

.enquery-form { background-image: url(../img/learn/learn-form-bg.png); background-position: center center; background-repeat: no-repeat; padding: 3px 76px; margin-top: 165px; }

.enquery-form .inner-form .form-control { border: 2px solid #ffffff !important; background: none; border-radius: 50px; color: #fff; }

.mb-50 { margin-bottom: 50px }

.enquery-form small { font-family: 'Open Sans', sans-serif; color: #fff; }

.pb-0 { padding-bottom: 0px }

.pt-0 { padding-top: 0px }

.pr-0 { padding-right: 0px }

.pl-0 { padding-left: 0px }

.mb-0 { margin-bottom: 0px }

.mt-0 { margin-top: 0px }

.mr-0 { margin-right: 0px }

.ml-0 { margin-left: 0px }

 .inner-form::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

 color: #fff;

 opacity: 1; /* Firefox */

}

 .inner-form:-ms-input-placeholder { /* Internet Explorer 10-11 */

 color: #fff;

}

 .inner-form::-ms-input-placeholder { /* Microsoft Edge */

 color: #fff;

}

.price-box-h3 { margin-top: 34px !important; font-family: 'Open Sans', sans-serif !important; padding-bottom: 0 !important; font-size: 24px !important; }

.price-box-h3 span { color: #53be0c; font-weight: 400 !important; }

.tara-tab a { background-color: #fff; color: #0396b7; font-family: 'Montserrat'; margin: 0px 5px; padding: 16px 0px; border-radius: 18px !important; border-color: #0396b7 !important; border-width: 2px !important; }

.tara-tab { border: 0px !important; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: #0396b7; border-width: 2px; background: #0396b7; color: #fff; }

.engage-p p { text-align: left; margin-bottom: 44px; line-height: 34px; letter-spacing: 1px; }

.mt-60 { margin-top: 60px; }

.engage-aftre:after { top: 40%; width: 292px; height: 670px; background-image: url(../img/engage-bg.png); }

.engage-aftre:before { top: 40%; }

#engage-sec-5:before { content: ""; position: absolute; top: 30%; left: 0px; width: 166px; height: 607px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/engage-points-left.png); }

#engage-sec-5:after { content: ""; width: 210px; height: 609px; right: 0px; top: 30%; position: absolute; background-repeat: no-repeat; background-image: url(../img/engage-points-right.png); z-index: -1; }

.engage-form { position: relative; }

.engage-form:after { content: ""; width: 538px; height: 711px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/engage-bg-form.png); z-index: 1; }

.price-btn { margin-top: 30px; display: block; }

#enga .form-control { border: 2px solid #383737 !important; color: #2c2c2c; }

.price-form-bef-aft:before { top: auto; background-image: url(../img/bg-after-3.png); width: 519px; height: 846px; bottom: 0px }

.main-form-bef-aft:after { background-image: url(../img/price-form-after.png); bottom: -147px; width: 444px; height: 483px; }

.price-form-bef-aft:after { background-image: url(../img/price-form-after-center.png); width: 737px; height: 1690px; }

.main-form-bef-aft:before { content: ""; width: 442px; height: 518px; left: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/bg-after-9.png); top: 5% }

.all-the-best a, .pera-content p { color: #fff !important; }

.after-hour-black-section { background-image: url(../../images/after-hours/balack-bg.jpg); background-repeat: no-repeat; background-color: #000; background-size: cover; padding: 100px 0px; }

p { font-family: 'Colfax'; font-style: normal; font-weight: 400; font-size: 25px; line-height: 37px; /* or 148% */ color: #767676; }

.after-hour-home { padding-bottom: 0px; }

.work-life { padding: 48px 0px; position: relative; }

.work-life:before { content: ""; width: 1920px; height: 488px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/after-hours/multi-circle.png); bottom: 0px; }

.answerring { background: #fdfce2; padding: 100px 0px }

.answ-box { padding: 30px }

.think-you { background: #000; padding-top: 22px; }

.answring-form .contct-form { margin-top: 0px; }

.after-hour-black-section p { color: #fff; }

.green-span { color: #53be0c; }

.answring-form:before { content: ""; width: 461px; height: 679px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/after-hours/form-circle-1.png); top: 0px; }

.answring-form:after { content: ""; width: 479px; height: 557px; left: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/after-hours/form-circle-2.png); bottom: 0px; }

.after-hour-home p { max-width: 529px; color: #000 !important; }

.after-hour-home .banner_mockup { bottom: 0px }

.after-hour-home .s2-banner_content { margin-bottom: 69px; }

.appoint-home { background: #fcfcfc; padding-bottom: 114px; }

.big-zero { padding: 66px 0px; }

.appoint-tara { background-color: #161a17; padding-top: 70px; position: relative; }

.appoint-tara:before { content: ""; width: 397px; height: 500px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/appointment/after.png); bottom: 0px; }

.appoint-tara:after { content: ""; width: 194px; height: 600px; left: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/appointment/before-1.png); top: 15%; }

.extra-circle:after { content: ""; width: 108px; height: 224px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/appointment/after-circle.png); top: -66px; }

.extra-circle { width: 100%; position: relative; padding: 140px 0px; }

.appoint-tara-mock img { position: relative; z-index: 99 }

.appoint-box h3 { color: #000; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 25px; position: relative; max-width: 249px; margin: 36px auto; line-height: 38px; }

.appoint-box p { font-size: 17px; line-height: 26px; }

.appoint-book { padding: 130px 0px; background: #fff; }

.appoin-head { margin-bottom: 70px; text-align: center; }

.appoint-book hr { margin: 80px 0; }

.appoint-btn { margin-top: 60px; display: block; }

.blingual { background: #000; }

.tara-circle { position: relative; padding: 83px 0px; }

.tara-circle:before { content: ""; width: 125px; height: 253px; left: 0px; top: 10%; position: absolute; background-repeat: no-repeat; background-image: url(../../images/bilingual/circle-left.png); }

.tara-circle:after { content: ""; width: 394px; height: 427px; right: 0px; top: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/bilingual/circle-right.png); }

.set-circle:after { content: ""; width: 482px; height: 218px; right: 20%; bottom: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/bilingual/circle-bottom.png); }

.img-box-new img { min-height: 146px; width: auto; margin-bottom: 40px; }

.liv-p { margin: 0px 0px 80px; }

.mar-bot { margin-bottom: 60px }

.overflow-only-text p { color: #fff; font-size: 29px; line-height: 46px; margin-bottom: 51px; }

.over-box p { font-size: 17px; margin-top: 50px; }

.how-long-section-main { padding: 60px 0; background: #000; text-align: center; }

.how-long-section-head { font-size: 54px; color: #fff; font-weight: 800; font-family: 'Montserrat', sans-serif; }

.how-long-section-head span { color: #53be0c; font-family: 'lucida_handwritingitalic'; }

.how-long-section-content { font-weight: 600; font-size: 20px; color: #fff; margin: 15px 0 30px; font-family: 'Montserrat', sans-serif; }

.download-pdf-btn a { display: block; width: 285px; height: 63px; text-align: center; line-height: 63px; border-radius: 50px; background-color: #ffd323; font-weight: 800; color: #000; margin: 0 auto; font-family: 'Montserrat', sans-serif; }

.commn-box:after { content: ""; width: 135px; height: 133px; left: 16%; bottom: 0; position: absolute; background-repeat: no-repeat; background-image: url(../../images/overflowcall/mobile-tower.png); }

.commn-box { position: relative; }

.blingual-banner .pera-content { z-index: 999 }

.blingual-banner { padding: 40px 0px 174px 0px; }

.white-p { color: #fff; }

.service_content { position: relative; z-index: 999; }

.ecommerce { padding-bottom: 0px; padding-top: 75px; }

.ecommerce .banner_mockup { top: auto !important; right: 0px !important; bottom: 0px; }

.ecommerce .s2-banner_content { height: 600px; }

.ecommerce-sec-2 { background: #000; padding: 80px 0px; position: relative }

.ecommerce-sec-3 { padding-top: 20px; position: relative; }

.ecommerce-sec-3 .cont img { margin-top: 40px }

.img-pos { position: relative; bottom: -40px }

.ecommerce-sec-4 { background-color: #000; padding: 50px 0px; position: relative; }

.ecommerce-sec-5:after, .ecommerce-sec-5 .bef-aft-bg-sec-3:after { display: none; }

.ecommerce-sec-5 { padding-bottom: 0px !important; }

.ecommerce-sec-3:after { content: ""; width: 285px; height: 685px; right: 0px; top: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../img/bg-after-4.png); z-index: -1; }

.ecommerce-sec-3:before { content: ""; width: 325px; height: 380px; left: 0px; top: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-before.jpg); z-index: -1; }

.black-box-cont:before { content: ""; width: 220px; height: 145px; left: -29%; top: -34px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-before.png); z-index: -1; }

.ecommerce-sec-4:after { content: ""; width: 126px; height: 98px; right: 0; bottom: 0; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-after.png); }

.ecommerce-sec-2:after { content: ""; width: 126px; height: 181px; right: 0; top: -66px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-after.png); }

.ecommerce-sec-2:before { content: ""; width: 67px; height: 64px; left: 82px; top: 54px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-center.png); }

.ping { position: relative; }

.ping:before { content: ""; width: 140px; height: 145px; left: -97px; bottom: -66px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/ping.png); z-index: -1; }

.four-box img { margin-bottom: 50px }

.financi { background-color: #10a506; background-image: url(../../images/financial-services/green-bg.jpg); background-repeat: no-repeat; padding: 55px 0px; background-position: center bottom; }

.financial-services-5 { background-color: #000; padding: 40px 0px; position: relative; }

.financial-services-2 { position: relative; }

.financial-services-2:before { content: ""; width: 129px; height: 142px; left: 20px; top: 15px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/financial-services/black-tringel.png); }

.financial-services-2:after { content: ""; width: 123px; height: 622px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/financial-services/black-after.png); }

.financial-services-2 .extra-circle:before { content: ""; width: 140px; height: 145px; left: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/ping.png); }

.financial-services-2 .extra-circle:after { display: none; }

.financial-services-5:after { content: ""; width: 126px; height: 181px; right: 0; bottom: -88px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-after.png); }

.financial-services-3:before { background-image: url(../../images/financial-services/circle-left.png); }

.six-box img { margin-bottom: 20px; }

.helth-box { border: 2px solid #fff; text-align: center; padding: 18px 0px; color: #fff; margin-bottom: 33px; border-radius: 43px; }

.helth-box h3 { font-family: 'Montserrat'; font-weight: 500; }

.helth-box:hover { background-color: #fec400; border: 2px solid #fec400; }

.helth-6:before { display: none; }

.helth-6 .extra-circle { padding: 35px 0px; }

.helth-6:after { height: 164px; }

.home-ser-sec-2:before { display: none; }

.home-ser-sec-2 .extra-circle { padding: 38px 0px; }

.hom-ser-sec-5 { background-image: url(../../images/home-services/man-bg.jpg); background-color: #ffffff; padding: 127px 0px; background-repeat: no-repeat; background-position: center top; margin-bottom: 50px; }

.black-p { color: #000; font-size: 25px; line-height: 38px; }

.sm-bus-sec-1 { padding-bottom: 142px; }

.specel-p { font-size: 23px; letter-spacing: 1px; line-height: 42px; }

.real-esta .banner_mockup { top: -14px !important; right: -240px !important; ; }

.real-est-4 { background: #fdfce2; }

.helth-box-2 { border: 2px solid #000; text-align: center; padding: 18px 0px; color: #000; margin-bottom: 33px; border-radius: 43px; }

.helth-box-2 h3 { font-family: 'Montserrat'; font-weight: 500; font-size: 23px; }

.helth-box-2:hover { background-color: #ef46bb; border: 2px solid #ef46bb; color: #fff; }

.legal-sec-2 { background: #f4f4f4; padding: 60px 0px; }

.legal-six img { margin: 30px 0px }

.legal-sec-4 { padding: 86px 0px; }

.legal-sec-5 { background: #fdfce2; padding: 86px 0px; 125px

}

.legal-sec-6 { padding: 100px 0px; }

.accordion { font-family: 'Open Sans', sans-serif; color: #444; cursor: pointer; padding: 23px 38px; width: 100%; border: none; text-align: left; outline: none; font-size: 21px; transition: 0.4s; font-weight: 600; background-color: #fff; border-bottom: 1px solid #e6e4b0; }

.acorrd-box .active { background-color: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); border-radius: 31px; }

.active:after { content: "\2212"; background: #fff; display: none; }

.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

.panel p { padding: 29px 24px; }

.legal-sec-2 h3 { font-family: 'Montserrat'; font-weight: 600; margin: 76px 0px 30px; }

.legal-sec-2 h3 span { border-bottom: 2px solid #000; }

.add-tringel:before { content: ""; content: ""; width: 523px; height: 617px; left: 27%; position: absolute; background-repeat: no-repeat; background-image: url(../../images/legal/center.png); top: 20%; }

.add-tringel:after { content: ""; content: ""; width: 236px; height: 137px; right: -6%; position: absolute; background-repeat: no-repeat; background-image: url(../../images/legal/after.png); bottom: 0; z-index: -1; }

.real-es-box .select { background-color: #ef46bb; border: 2px solid #ef46bb; color: #fff; }

.real-est-sec-2:before { left: 36%; top: 25px; }

.real-est-sec-2:after { right: -28px; top: auto; bottom: 0px; }

.real-est-sec-2-inner:before { content: ""; width: 67px; height: 64px; right: 82px; top: 54px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/ecommerce/section-3-center.png); }

.real-est-sec-2-inner:after { content: ""; width: 127px; height: 270px; left: 0px; bottom: 54px; position: absolute; background-repeat: no-repeat; background-image: url(../../images/real-estate/black-real-center.png); }

.mob-show { display: none; }

.mob-head { font-family: 'Montserrat'; font-weight: 500; font-size: 24px; margin-bottom: 30px; color: #fff; line-height: 29px; }

.mob-head span { color: #53be0c; font-family: 'lucida_handwritingitalic'; padding-right: 7px; }

.black { color: #000 !important; }

.curved-bottom { /* Curved corners 

            border-bottom-left-radius: 50% 27%;

            border-bottom-right-radius: 50% 27%;

			background-color:#FDC401;*/ padding-bottom: 0px; margin-bottom: 62px; position: relative; }

.curved-bottom:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 100vh; height: 100vh; background: #fff3cc; border-radius: 50%; transform-origin: bottom; transform: translateX(-50%) scale(4) }

.my-edit-btn { border: 0px; background: none; }

.my-flex { display: flex; align-items: center; }

.mb-30 { margin-bottom: 30px; }

.home-text-box { border: 1px solid #000; height: 66px; }

.blue-bg-text { font-family: 'Colfax'; font-style: normal; font-weight: 400; font-size: 30px; line-height: 40px; text-align: center; color: #FFFFFF; }

.big-text { position: relative; }

.three-box { position: relative; top: -160px; }

.small-area-text { margin-top: 45px; }

.small-hig-input { height: 53px; }

.s2_footer_social { margin-top: 27px; }

.head-h1 { font-family: 'Colfax'; font-style: normal; font-weight: 400; font-size: 73px; line-height: 45px; letter-spacing: -0.02em; color: #000000; text-align: center; }

.font-19 { font-size: 19px !important; line-height: 31px !important; }

.yelleo-bg { background-color: #fff3cc; padding: 30px; }

.corner-img { width: 675px; height: 968px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../img/discover/1.png); bottom: 0px; }

.discover-h { min-height: 968px; }

.cor-img-top-mar { margin-top: 156px }

.s-19 { font-size: 19px; }

.small-hig-input-43 { height: 43px; border: 1px solid #fff; background: none; }

#home-form-tow { background: #000; }

.six-box img { margin: 30px 0px; }

#support { margin-bottom: 80px; }

#cost .saas2-headline { margin-bottom: 60px; }

#sound-great { margin: 80px 0px; }

.six-box-section { background: #f1faeb; }

#sound-great .container-fluid { padding: 0px; }

#sound-great .phone { background-color: #54bf0b; text-align: right }

#sound-great .phone-text { background-color: #ddf2ce; text-align: left; padding: 20px 0px 20px 44px; }

#win-back { padding-bottom: 80px; }

#home-form-tow .saas2-headline { margin-bottom: 58px; }

#home-form-tow .form-control { background: none; height: 52px; color: #fff; }

#home-form-tow textarea { height: 170px !important; }

.typer-text .wrap { font-family: 'Colfax' !important; }

.typer-text { font-family: 'Colfax'; font-style: normal; font-weight: 700; font-size: 60px; line-height: 70px; letter-spacing: -0.02em; color: #000000; }

.footer-2 .s2_widget_title { padding-bottom: 17px !important; font-size: 18px !important; }

.footer-2 .s2_footer_menu li a { font-size: 13px !important; }

.address { margin-top: 45px; }

.address h5 { font-weight: bold; }

.address p { width: auto !important; color: #000 !important; font-size: 15px; line-height: 21px !important; }

.corner-img2 { width: 675px; height: 755px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../img/learn2/3.png); bottom: 0px; }

.corner-img2 { width: 675px; height: 755px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../img/learn2/3.png); bottom: 0px; }

.price-side-img { width: 555px; height: 700px; right: 0px; position: absolute; background-repeat: no-repeat; background-image: url(../../img/price/1.png); bottom: 0px; }

.price-header { min-height: 700px; }

.learn-h { min-height: 755px; background-color: #fdc401; }

.mb-25 { margin-bottom: 25px; }

.mt-25 { margin-top: 25px; }

.mb-40 { margin-bottom: 40px; }

.mt-40 { margin-top: 40px; }

.mb-50 { margin-bottom: 60px; }

.mt-50 { margin-top: 60px; }

.mb-60 { margin-bottom: 60px; }

.mt-60 { margin-top: 60px; }

.pb-50 { padding-bottom: 50px }

.pt-50 { padding-top: 50px }

.pb-60 { padding-bottom: 60px }

.pt-60 { padding-top: 60px }

.pb-40 { padding-bottom: 40px }

.pt-40 { padding-top: 40px }

.block-a { display: block; text-align: center; }

.impress { background-repeat: no-repeat; background-image: url(../../img/learn2/18.png); padding: 80px 0px; background-size: cover; }

.real-people { background-repeat: no-repeat; background-image: url(../../img/engage/5.png); padding: 120px 0px; background-size: cover; }

.myco p { color: #fff; }

.form-with-blue { background: #0396b7; padding: 50px; border-radius: 20px; }

.my-box-1 { max-width: 772px; margin: 48px auto; }

.my-box-1 label { font-size: 24px; }

.my-box-2 { max-width: 950px; margin: 48px auto; }

.my-box-2 ol { font-family: 'Open Sans'; font-size: 23px; font-weight: 300; color: #fff !important; line-height: 27px; }

.my-box-2 ol li { margin-bottom: 20px; }

.pb-0 { padding-bottom: 0px !important; }

.what-kind { background-color: #F6F6F7; }

#main #faq .card { border: 0; }

#main #faq .card .card-header { border: 0; padding: 0; background-color: #0396b7 !important;}

#main #faq .card .card-header .btn-header-link { color: #fff; display: block; text-align: left; background: #0396b7; border: 0px; border-radius: 0px; padding: 6px 20px; font-weight: 600; font-size: 28px; }

#main #faq .card .card-header .btn-header-link:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }

#main #faq .card .card-header .btn-header-link.collapsed { color: #fff; }

#main #faq .card .card-header .btn-header-link.collapsed:after { content: "\f106"; }

#main #faq .card .collapsing { background: #0396b7; line-height: 30px; }

#main #faq .card .collapse { border: 0; }

#main #faq .card .collapse.show { background: #0396b7; line-height: 30px; color: #fff; }

#main .accordion { /* font-family: 'Open Sans', sans-serif; */ color: #fff; cursor: pointer; padding: 0px; width: 100%; border: none; text-align: left; outline: none; font-size: 21px; transition: 0.4s; font-weight: 300; background-color: #0396b7; border-bottom: 0px; font-family: 'Colfax'; }

.block { display: block !important; }

.pink-box-icon{ text-align:center;margin-bottom: 35px;}

.flex-start{ display:flex; align-items: flex-start;}