*{padding:0;margin:0}
.inner_container{padding:122px 0 0 0}
div[data-target]{margin:0;padding:50px 30px 30px 30px;position:relative;overflow:auto}
div[data-target]>div{text-align:center;position:relative}
div#home{background:url("../images/rips/slide1.jpg") no-repeat fixed;background-size:cover}
div#empowers{background:url("../images/rips/empowers.jpg") no-repeat fixed;background-size:cover}
div#success{background:url("../images/rips/success.jpg") no-repeat fixed;background-size:cover}
div#calculator{background:#0b9bee}
@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans.eot');src:url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans.woff') format('woff'),url('../fonts/OpenSans.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Bold.eot');src:url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold.woff') format('woff'),url('../fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Semibold.eot');src:url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Semibold.woff') format('woff'),url('../fonts/OpenSans-Semibold.ttf') format('truetype');font-weight:600;font-style:normal}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
ol,ul{list-style:none}
::marker{color:#6bceff}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
* html{font-size:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:#fff;font-family:'Open Sans',sans-serif;font-size:14px;color:#000;position:relative}
.no_margin{margin-left:0;margin-right:0}
.no_padding{padding-left:0;padding-right:0}
img{max-width:100%}
a{color:#3e6596}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
button,input,optgroup,select,textarea{font-family:'Open Sans',sans-serif}
.clearfix::after{content:"";clear:both;display:table}
.ripslogo{float:right;position:relative}
.ripslogo img{float:left;width:80px;height:auto}
.ripslogo span{float:left;color:#fff;font-size:40px;line-height:38px}
.slideone_cont{float:left;width:100%;margin-top:30px}
.float-right{float:right}
.float-left{float:left}
.col-50{width:50%}
ul.slideone_line{float:left;margin:0;width:100%}
ul.slideone_line li{list-style:none;display:block;clear:both;float:left;font-size:100px;color:#1898d7;line-height:75px;font-weight:700;text-align:left!important;margin:0 0 40px 0}
ul.slideone_line li:last-child{margin-bottom:0}
ul.slideone_line li span{float:left}
ul.slideone_line li span.tgray{color:#fff}
.silder_container{width:100%;float:left;margin:53px 0 0 0}
.owl-carousel{float:left;width:100%;border:4px solid #6d7579;border-radius:24px;padding:10px}
.owl-carousel .item{background:#262626;float:left;height:100px;width:100%;border-radius:19px;overflow:hidden}
.owl-carousel .item img{width:130px!important;height:100px;float:left;margin-right:10px}
.owl-carousel .item .slidetext{float:left;width:calc(100% - 146px);position:relative;height:100px}
.owl-carousel .item p{font-size:22px;color:#fff;text-align:left;line-height:31px;position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.menu{float:right}
.menu ul{float:left;padding:0;margin:0}
.menu ul li{float:left;margin:0 0 53px 0;padding:0;list-style:none;display:block;clear:both;width:100%}
.menu ul li:last-child{margin-bottom:0}
.menu ul li a{float:left;background:rgba(151,151,151,.27);width:100%;border-radius:10px;padding:10px}
.menu ul li a .icon{float:left;width:85px;height:85px;border-radius:50%;background:#1898d7;color:#fff;font-size:40px;line-height:85px}
.menu ul li a .linkbox{float:left;padding:0 10px;width:271px;color:#fff;text-align:left;font-size:22px;position:relative;line-height:27px;font-weight:500;height:85px}
.menu ul li a .linkbox span{position:absolute;top:50%;transform:translateY(-50%)}
.box_100{width:100%}
.empowers-list{width:100%;float:left;margin-top:30px;margin-bottom:0}
.empowers-list h3{color:#6bceff;text-align:justify;font-size:24px;line-height:28px;margin-bottom:10px; width:100%; float:left}
.empowers-list h2{color:#6bceff;text-align:justify;font-size:22px;line-height:26px;margin-bottom:20px; width:100%; float:left}
.empowers-list ul{float:left;width:100%;}
.empowers-list ul li{list-style:none;display:inline;width:auto;float:left;margin:0 10px 20px 0}
.empowers-list ul li a{color:#fff;border-radius:5px;font-size:18px;line-height:20px;text-decoration:none;background:rgba(135,135,135,.5);padding:7px 15px;font-weight:600; transition:all ease-in-out .3s; float:left}
.empowers-list ul li a:hover, .empowers-list ul li a:focus{background:rgba(81,81,81,.5);}
.mt_100{margin-top:100px}
.assistant{float:right;position:fixed!important;bottom:50px;right:60px;z-index:999}
.assistant img{float:right;width:70px;height:70px}
.assistant h1{float:right;font-size:12px;line-height:12px;color:#fff;text-align:right;margin:26px 5px 0 0;font-weight:100}
.assistant h1 span{font-size:11px;color:rgba(255,255,255,.5)}
.search-form{float:right;display:block;clear:both;width:100%}
.search-form label{float:right}
.search-field{background-image:url("../images/rips/search.svg");background-position:right 7px;background-repeat:no-repeat;background-size:41px 24px;cursor:pointer;height:42px;margin:3px 0;padding:3px 31px 3px 8px;position:relative;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease;width:0;background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:32px}
.search-field:focus{cursor:text;outline:0;width:250px;color:#fff;float:right}
.search-form .search-submit{display:none}
.pg-heading{background-color:rgba(24,152,215,.7);float:left;padding:7px 35px 7px 105px;border:solid 1px #fff;border-left:none;font-size:35px;line-height:61px;text-transform:uppercase;font-weight:700;border-top-right-radius:50px;border-bottom-right-radius:50px;margin-left:-60px;letter-spacing:6px;color:#fff}
.story,.story ul{float:left;padding:0;margin:15px 0 0 0;width:100%}
.story ul li{float:left;list-style:none;width:calc(50% - 30px);margin-bottom:30px}
.story ul li:nth-child(odd){margin-right:30px}
.story ul li:nth-child(2n){margin-left:30px}
.story-icon{float:left;background:#fff;border-radius:5px 0 0 5px;width:120px;height:125px;margin-right:10px;line-height:150px;position:relative}
.story-icon img{position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;left:50%}
.quote-box{position:relative;color:#fff;backdrop-filter:blur(5px);background:rgba(0,0,0,.4);padding:20px 34px;border:2px solid rgba(255,255,255,.5);border-radius:0 10px 10px 0;height:125px;float:left;width:calc(100% - 130px)}
.quote-box::before{content:"“";color:#1898d7;font-size:50px;position:absolute;top:10px;left:6px;font-weight:600;font-family:serif}
.quote-box::after{content:"”";color:#1898d7;font-size:50px;position:absolute;bottom:-10px;right:6px;font-weight:600;font-family:serif}
.quote-text{font-size:22px;line-height:1.5;text-align:left;margin-bottom:10px}
.quote-author{text-align:right;font-size:18px;color:#ccc}
#chat-toggle-btn{position:fixed;bottom:45px;right:30px;background:#023a5a;color:#fff;border:none;border-radius:50%;width:75px;height:75px;font-size:28px;cursor:pointer;animation:jump 1s infinite ease-in-out;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10000;text-align:center}
@keyframes jump{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
.boticon{width:100%;float:left}
.yt_thumbnail{width:45%;float:left;aspect-ratio:16/9;margin-top:30px; border:9px solid rgba(135,135,135,.5);border-radius: 10px;}
div#about{background:url(../images/rips/slide2.jpg) no-repeat fixed;background-size:cover}
div#appprocess{background:url(../images/rips/slide3.jpg) no-repeat fixed;background-size:cover}
div#laabhcalc{background:url(../images/rips/slide4.jpg) no-repeat fixed;background-size:cover}
.container-100{width:100%;float:left}
.container-inner{width:100%;float:left}
.font-white{color:#fff}
.mt-20{margin-top:20px}
.pg-heading-absolute{position:absolute;top:30px;left:0}
.pg-heading-right{right:0;border-top-left-radius:50px;border-bottom-left-radius:50px}
.about-container-left,.appprocess-container-left,.intenscalc-container-left{width:calc(60% - 30px);float:left;margin-top:30px;margin-bottom:0;margin-right:30px}
.about-container-right,.appprocess-container-right{float:left;width:40%;margin-top:30px}
.about-container-right img{width:80%}
.about-content,.appprocess-content,.intenscalc-content{width:100%;float:left;background:rgba(133,133,133,.25);z-index:1;padding:30px;border-radius:25px;line-height:28px;text-align:left;color:#fff;text-align:justify;margin-bottom:30px}
.about-content h3{color:#6bceff;text-align:justify;font-size:24px;line-height:28px;margin-bottom:15px}
.about-content h2,.appprocess-content h2,.intenscalc-content h2{font-size:26px}
.about-content p,.intenscalc-content p{font-size:20px;text-align:justify;line-height:24px}
.about-icon-list ul{margin-top:10px;list-style:none;float:left;width:100%}
.about-icon-list ul li{display:grid;width:30.33%;float:left;text-align:center;margin:0 1.5%}
.about-icon-list ul i{font-size:60px}
.about-icon-list ul li a{color:#fff;text-decoration:none;transition:ease-in-out .3s}
.about-icon-list ul li a:hover,.appprocess-icon-list ul li a:hover{color:#fff;font-size:45px}
.about-icon-list ul p{font-size:22px;background:#000;background:rgba(0,0,0,.35);border-radius:5px;margin-top:15px;padding:7px 30px;text-align:center}
.appprocess-content h3{color:#6bceff;font-size:24px;line-height:28px;margin-bottom:15px}
.appprocess-container-right{text-align:center}
.appprocess-container-right h3{color:#6bceff;font-size:24px;line-height:28px;margin-bottom:20px}
.appprocess-icon-list ul{display:inline-flex;list-style:none;text-align:center}
.appprocess-icon-list ul li{margin:0 4%;display:block}
.appprocess-icon-list ul i{font-size:60px}
.appprocess-icon-list ul li a{color:#fff;text-decoration:none;transition:ease-in-out .3s}
.appprocess-icon-list ul p{font-size:22px;background:#010101;background:rgba(1,1,1,.35);border-radius:5px;margin-top:15px;padding:10px 40px;line-height:28px}
.pg-head-right{right:-60px;left:auto;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:0;border-bottom-right-radius:0}
.intenscalc-container-right{float:left;width:40%;margin-top:30px}
.intenscalc-container-right img{width:30%}
.intenscalc-content{background:#010101;background:rgba(1,1,1,.6)}
.btn-getstart{font-size:20px;text-decoration:none;background-color:rgba(24,152,215,.7);color:#fff;padding:12px 20px;border-radius:10px;transition:ease-in-out .3s}
.btn-getstart:hover,.btn-getstart:focus {background-color: rgb(8 135 197 / 100%);color: #fff;}

.flow-item {display: flex;align-items: center;margin-bottom: -1px;font-size: 19px;text-align: justify;line-height: 28px;}
.arrow {line-height: 1.8;padding: 0px 40px 0px 50px;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);background: rgba(24, 152, 215, .7);height: 70px;display: flex;align-items: center;}
.text-block {color: #000;background: #dadada;background: linear-gradient(180deg, rgba(233, 233, 233, 1) 0%, rgba(198, 198, 198, 1) 100%);width: 100%;padding: 0px 20px 0px 30px;margin-left: -20px;line-height: 18px;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);height: 70px;display: flex;align-items: center;}

/* Arrow Colors */
.blue {background: #2d5796;background: linear-gradient(180deg,rgba(45, 87, 150, 1) 0%, rgba(27, 63, 117, 1) 50%, rgba(27, 59, 107, 1) 100%);}
.lightblue {background: #2d7ec4;background: linear-gradient(180deg,rgba(45, 126, 196, 1) 0%, rgba(41, 122, 194, 1) 50%, rgba(34, 106, 168, 1) 100%);}
.red {background: #eb0e0e;background: linear-gradient(180deg, rgba(235, 14, 14, 1) 0%, rgb(205 17 17) 50%, rgb(175 0 0) 100%)}
.green {background: #32ba40;background: linear-gradient(180deg,rgba(50, 186, 64, 1) 0%, rgba(47, 158, 58, 1) 50%, rgba(35, 132, 44, 1) 100%);}
.purple {background: #9d5db3;background: linear-gradient(180deg,rgba(157, 93, 179, 1) 0%, rgba(124, 78, 139, 1) 50%, rgba(87, 48, 99, 1) 100%);}
.cyan {background: #75C8AF;background: linear-gradient(180deg,rgba(117, 200, 175, 1) 0%, rgba(79, 179, 149, 1) 50%, rgba(55, 145, 118, 1) 100%);}
.yellow {background: #f7b440;background: linear-gradient(180deg,rgba(247, 180, 64, 1) 0%, rgba(227, 160, 43, 1) 50%, rgba(194, 129, 17, 1) 100%);}


@media (max-width:1800px){
ul.slideone_line li{font-size:80px;line-height:45px}
.menu ul li{margin:0 0 42px 0}
.silder_container{margin:24px 0 0 0}
.pg-heading{font-size:30px;line-height:40px}
div[data-target]{padding:30px 20px 20px 20px}
.owl-carousel .item p{font-size:19px;line-height:24px}
.mt_100{margin-top:50px}
.yt_thumbnail{width:50%;float:left;margin:auto}
ul.slideone_line li{font-size:70px;line-height:70px;margin:0 0 20px 0}
ul.slideone_line li:last-child{margin-bottom:0}
.menu ul li a .icon{width:63px;height:63px;font-size:35px;line-height:63px}
.menu ul li a .linkbox{width:250px;height:63px}
.ripslogo img{width:66px}
.ripslogo span{font-size:31px;line-height:32px}
#chat-toggle-btn{right:20px;}
}
@media (max-width:1399px){
.empowers-list ul li a{font-size:16px}
.about-content p,.about-icon-list ul p,.intenscalc-content p{font-size:16px}
.about-content h3{margin-bottom:10px}
.appprocess-icon-list ul p{padding:10px 30px}
.about-container-right img{width:90%}
.intenscalc-container-right img{width:50%}
.about-content p:last-child{margin-bottom:0}
.flow-item {font-size: 16px;}
.text-block, .arrow {height: 53px;}
}
@media (max-width:1199px){
.pg-heading{font-size:30px;line-height:40px}
.story ul li{width:100%;margin-bottom:20px;margin-right:0!important;margin-left:0!important}
.mt_100{margin-top:50px}
.yt_thumbnail{width:60%;float:left;margin:20px auto}
ul.slideone_line li{font-size:61px;line-height:61px;margin:0 0 20px 0}
.menu ul li{float:left;margin:0 0 26px 0}
ul.slideone_line li:last-child{margin-bottom:0}
.menu ul li a .icon{width:63px;height:63px;font-size:35px;line-height:63px}
.menu ul li a .linkbox{width:250px;height:63px}
.ripslogo img{width:66px}
.ripslogo span{font-size:31px;line-height:32px}
.inner_container{padding:83px 0 0 0}
.quote-box{padding:14px 30px;height:110px}
.story-icon{width:73px;height:110px;margin-right:5px}
.quote-box{width:calc(100% - 85px)}
.about-content p:last-child{margin-bottom:0}
.about-content,.appprocess-content,.intenscalc-content{margin-bottom:20px;padding:15px}
.about-icon-list ul i,.appprocess-icon-list ul i{font-size:50px}
.appprocess-icon-list ul p{padding:6px 15px}
.about-container-left,.about-container-right,.appprocess-container-left,.appprocess-container-right,.intenscalc-container-left,.intenscalc-container-right{width:100%}
.about-container-right img{width:60%}
.intenscalc-container-right img{width:25%;margin-top:40px}
.about-container-right,.appprocess-container-right,.intenscalc-container-right{margin-top:0}
.appprocess-container-right h3{text-align:left}
.appprocess-icon-list ul li{margin:0 20px 0 0;float:left}
.appprocess-icon-list ul{display:block}
.mob_100{width:100%}
}
@media (max-width:991px){
.ripslogo img{width:75px}
.ripslogo span{font-size:32px;line-height:36px}
.pg-heading{font-size:24px;line-height:33px;top:2px;padding:15px 50px 15px 100px;margin-left:-40px}
.story,.story ul{margin:10px 0 0 0}
.quote-box::after{bottom:0}
.quote-box{padding:14px 30px;height:110px}
.story-icon{width:73px;height:110px;margin-right:5px}
.quote-box{width:calc(100% - 85px)}
.yt_thumbnail{width:70%}
.mt_100{margin-top:30px}
.empowers-list h3{font-size:22px;line-height:24px}
.empowers-list h2{font-size:20px;line-height:22px}
.empowers-list ul li{margin:0 10px 10px 0;font-size:20px;line-height:20px;padding:6px 6px}
.col-50{width:100%}
.menu{float:left}
ul.slideone_line li{font-size:30px;line-height:26px;display:inline-block;clear:none;margin:0 18px 13px 0;text-align:center!important;float:none}
#chat-toggle-btn{bottom:77px;right:20px}
.menu ul li a{padding:7px}
.menu{width:100%}
.menu ul{width:100%}
.menu ul li a .icon{width:43px;height:43px;font-size:26px;line-height:43px}
.empowers-list ul li a{font-size:16px;line-height:20px;padding:5px 10px}
.owl-carousel .item img{width:90px!important;height:90px}
.owl-carousel .item{height:90px}
.owl-carousel{border:3px solid #6d7579;border-radius:20px;padding:7px}
.owl-carousel .item .slidetext{height:90px}
.menu ul li a .linkbox{width:calc(100% - 100px);height:43px}
.owl-carousel .item p{font-size:18px}
.empowers-list{margin-top:20px}
.menu ul li{float:left;margin:0 0 15px 0}
ul.slideone_line li:last-child{margin:0 20px 14px 0}
.silder_container{margin:20px 0 0 0}
.about-content h3,.appprocess-container-right h3,.appprocess-content h3{font-size:22px;line-height:24px}
.text-block {text-align:left}

}
@media (max-width:767px){
div[data-target]{padding:30px 15px 15px 15px}
.pg-heading{font-size:20px;line-height:26px;top:10px;padding:15px 15px 15px 18px;margin-left:-20px}
.btn-normal{padding:2px 5px;font-size:11px;bottom:6px;right:10px}
#chat-toggle-btn{bottom:45px;right:15px;width:65px;height:65px}
.yt_thumbnail{width:100%}
.empowers-list h3{font-size:18px;line-height:18px}
.empowers-list h2{font-size:17px;line-height:17px;margin-bottom: 10px;}
.empowers-list ul li{font-size:15px}
.silder_container{position:relative!important;bottom:auto;width:100%;margin-top:20px;float:left}
ul.slideone_line li{font-size:24px;line-height:22px}
.menu ul li a .icon{width:40px;height:40px;font-size:24px;line-height:40px}
.menu ul li a .linkbox{height:40px;font-size:19px}
.menu ul li{margin:0 0 12px 0}
.owl-carousel{border:3px solid #6d7579;border-radius:17px;padding:6px}
.menu ul li a{padding:5px}
.owl-carousel .item{height:80px}
.owl-carousel .item img{width:100px!important;height:80px}
.owl-carousel .item .slidetext {width: calc(100% - 126px)}
.owl-carousel .item p{font-size:15px;line-height:23px}
.slideone_cont{margin-top:20px}
.empowers-list{margin-top:20px}
.inner_container{padding:75px 0 0 0}
.empowers-list ul li a{font-size:15px;line-height:18px;padding:5px 6px}
.owl-carousel .item .slidetext{height:80px}
.about-content h3,.appprocess-container-right h3,.appprocess-content h3{font-size:18px;line-height:22px}
.about-content p,.about-icon-list ul p,.appprocess-content p,.appprocess-icon-list ul p,.btn-getstart,.intenscalc-content p{font-size:15px;line-height:18px}
.appprocess-content p{margin-top:2px}
.about-icon-list ul i,.appprocess-icon-list ul i{font-size:40px}
.about-icon-list ul p{padding:3px 10px}
.about-container-right img{width:80%}
.intenscalc-container-right img{width:55%;margin-top:40px}
.btn-getstart{padding:10px 25px}
.flow-item {font-size: 15px;line-height: 18px;}
}

@media (max-width:575px){
.pg-heading{font-size:14px;line-height:16px;letter-spacing:1px;top:2px;padding:15px 15px 15px 18px}
.ripslogo img{width:52px}
.ripslogo span{font-size:23px;line-height:26px}
ul.slideone_line li{font-size:18px;line-height:18px;margin:0 10px 10px 0}
#chat-toggle-btn{bottom:62px}
.about-container-right img{width:100%}
.about-content,.appprocess-content,.intenscalc-content{padding:20px}
.about-content h3,.appprocess-content h3{margin-bottom:10px}
.about-icon-list ul{margin-top:20px}
.appprocess-container-right h3{margin-bottom:20px}
}
@media (max-width:502px){
.menu ul li a .linkbox{font-size:15px}
.arrow {padding: 0px 20px 0px 30px;}
.text-block {line-height: 15px;font-size: 14px;}
}
@media (max-width:480px){
.inner_container{padding:60px 0 0 0}
}
@media (max-width:380px){
.inner_container{padding:52px 0 0 0}
}