@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800,900');

:root{
    --themecolor:#ff5e3a;
}

html {
  scroll-behavior: smooth;
}
body{ font-family:'Lato', sans-serif;}

.hero-bkg-animated{background:url(../images/home/bg.jpg) repeat 0 0; width:100%; margin:0; text-align:center; padding-bottom:60px; padding-top:220px; box-sizing:border-box; -webkit-animation:slide 20s linear infinite;}
.hero-bkg-animated p{color:#fff; font-size:30px; font-weight:300;}
.hero-bkg-animated h1{color:#fff; font-weight:900; font-size:49px;}
.hero-bkg-animated h1 strong{color:#222}
.hero-inner{padding-top:180px; padding-bottom:100px;}

@-webkit-keyframes slide{
	from{background-position:0 0;}
	to{background-position:1500px 0;}
}

.body-content{background:#fff; width:100%; z-index:999;     box-shadow:0px 0px 100px rgba(0,0,0,0);}

#header{position:fixed; top:0px; padding:15px 0px;width:100%; z-index:99; }
#header .logo img{width:200px;}

.header-nav a{color:#333; font-weight:700; font-size:16px;}
.header-nav a i{margin-right:10px;}
.header-nav a{color:#333; font-weight:700; font-size:16px;}
.header-nav a.active{background:#333; color:#fff; border-radius:5px;}
.header-nav a img{margin-right:10px;}

.nav-link{padding: .5rem 12px;}

.login{padding:40px; background:#fff; border-radius:6px;}
.login .icon{display:table; margin:auto; position:relative; margin-top:-90px;}
.login h3{font-weight:900; font-size:40px; margin-bottom:40px;}
.login h3 span{display:block; font-weight:400; font-size:18px;}
.login .forgot{font-size:15px; color:#999; font-weight:500;}

.control-wrapper{border:solid 1px #333; padding:0px 15px; border-radius:60px;}
.control-wrapper .form-control{border:0px; box-shadow:none; font-size:20px; color:#333; font-weight:700}
.control-wrapper img{position:relative; top:7px;}



.sectionpadding{padding:80px 0px;}
.sectionpadding h2{font-size:50px; text-align:center; margin-top:80px;}
.sectionpadding h2 strong{color:#E15110;}
.sectionpadding p{font-size:19px; text-align:center; font-weight:300}
.saparator{height:24px; width:100%; background:url(../images/home/saparator.png) center center no-repeat;}
.saparator:after{height:1px; background:#ccc; float:left; width:100%; content:""; position:relative; top:10px; z-index:-1}

.cta{min-height:300px; background:url(../images/home/bg-section2.png) ; background-size:cover; -webkit-animation:slide2 90s linear infinite;}

#footer{padding:150px 0px 80px 0px;background:#ffe3df;margin-top:150px;}
    #footer:before {
    width:100%;height:142px;background:url(/images/footertop.jpg) top center;background-size:cover;content:"";position:absolute;margin-top:-182px;}
#footer h2{font-weight:700; font-size:22px; margin-bottom:40px;position:relative}
    #footer h2:after {content:"";width:80px;height:2px;position:absolute;bottom:0px;background:var(--themecolor);left:0px;top:30px;}
#footer .links a{display:block; color:#666; text-decoration:none; margin-bottom:7px;}

@-webkit-keyframes slide2{
	from{background-position:0 0;}
	to{background-position:-10000px 0;}
}

.counter{font-size:50px; font-weight:300; text-align:center}
.counter strong{color:#D34E11}
.counter small{display:block; font-size:13px; color:#666;}

.bg-light{background:#edf2f6!important;}

.crumina-teammembers-item{text-align:center}
.crumina-teammembers-item:hover img.hover{top:0; left:0; -webkit-transform:scale(2) translate(0,0); -ms-transform:scale(2) translate(0,0); transform:scale(2) translate(0,0); opacity:0; -webkit-filter:grayscale(100%); filter:grayscale(100%); visibility:hidden}
.crumina-teammembers-item:hover img.main{-webkit-filter:grayscale(100%); filter:grayscale(100%);}

.teammembers-item-prof{font-size:10px; font-weight:700; margin-bottom:30px}
.teammembers-item-name{margin-bottom:10px; display:block; font-size:18px}
.teammembers-thumb{position:relative; overflow:hidden; margin-bottom:30px; display:inline-block;}
.teammembers-thumb img{-webkit-transition:all 1s ease-out; transition:all 1s ease-out; -webkit-filter:grayscale(0); filter:grayscale(0); display:block; margin:0 auto;}
.teammembers-thumb img.hover{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.teammembers-wrap .crumina-teammembers-item{margin-bottom:60px;}

@media (max-width:768px){
	.teammembers-wrap .crumina-teammembers-item{margin-bottom:30px;}
}
.socials{padding:0;}
.orange-base {background:var(--themecolor);padding:50px 0px;}
.padding-top-home {padding-top:120px;}
.knowladge-search {max-width: 600px;background: #fff;margin: 40px auto;}
.knowladge-search .form-control {height: 60px;box-shadow: none;border: none;border-radius: 0px;}
.knowladge-search button {width: 100%;height: 60px;border: none;font-size: 20px;background: #312e2d;color: #fff;}
.orange-base h1 {font-size:60px;font-weight:300}
.knowladge-block {background:rgba(0,0,0,.2);text-align:center;padding:50px;color:#fff;}
.knowladge-block i {font-size:60px;margin-bottom:20px;}
.knowladge-block p {font-size:16px;}
.knowladge-block a {color:#fff;font-weight:700;text-transform:uppercase;display:table;margin:auto;padding:7px 30px;border:solid 1px rgba(255,255,255,.4);text-decoration:none}
.margin-top-minus {margin-top:-60px;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {width: 100%;border: 1px solid #ccc;background: #FFF;margin: 0 0 5px;padding: 10px;}
#contact fieldset {margin-bottom:10px;}
.bg-dark-grey {background: rgb(41,39,39);background: linear-gradient(56deg, rgba(41,39,39,1) 58%, rgba(34,34,34,1) 58%);}
.contact-list {margin:0px;padding:0px;list-style:none;margin-bottom:40px;}
.contact-list li {margin-bottom:10px;}
.contact-list li a {color:#666;font-size:16px;text-decoration:none;}
.contact-list li i {width:40px;height:40px;border:solid 1px #333;text-align:center;line-height:40px;color:#333;font-size:20px;border-radius:100%;margin-right:10px;}


.section_style_1{padding:60px 0px;}
.section_style_1 h2 {font-weight: 900;font-size: 80px;text-transform: uppercase;text-align: center;}
.section_style_1 h2 span {display: block;font-weight: 300;font-size: 30px;}
.section_style_1 h3 {font-weight: 600;padding: 30px 0px;font-size: 28px;}
.section_style_1 .num {width: 50px;height: 50px;color: #fff;text-align: center;background: #066cb2;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;text-align: center;line-height: 50px;font-weight: 700;font-size: 32px;}
.section_style_1 p {font-size: 18px;font-weight: 300;color: #666;}

.video-section {background: url('../images/video-section-bg.jpg') top center no-repeat; background-size:cover; padding-top:40px; padding-bottom:15px;}

.vr{height:100%; position:relative; top:0px; bottom:0px; width:1px; background-color:#ccc;}

@media(min-width:769px){
    .video-section .javid{position:relative; bottom:-28px;}
}
@media(max-width:768px){
    .video-section .javid{position:relative; bottom:27px;}
}


.mission-blocks .card{min-height:361px;
}
@media screen and (max-width:920px)
{
    .logo {display:table;margin:auto;
    }
    .header-nav a {
    font-size:13px;    padding: 5px 10px;}
    .float-lg-right {display: table;
    margin:10px auto;
    }
    .hero-bkg-animated {    padding-top: 80px;
    }
        .hero-bkg-animated h1 {    font-size: 25px;
        }
        .hero-bkg-animated p {    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
        }
        .login{    padding: 20px 20px;
    background: #fff;
    border-radius: 6px;}
}


.policy h5{font-size: 16px; line-height: 26px; font-weight:600; letter-spacing: 0.03em; color: #191919;}
.policy p{font-size: 14px; font-weight: 300; line-height: 22px; color: #313131;}
.policy a{color:#f65332; font-weight:600;}
.kickstart-banner {min-height:400px;margin-top:70px;background:#f65332;padding:70px 0px;}
.kickstart-bannerimg {filter: drop-shadow(0px 0px 40px rgba(0,0,0,.2));
}
  .kickstart-desktop {
    display:block;}
    .kickstart-mobile {
    display:none;}
#kickstart-desktop-slider {display:block;
}
#kickstart-mobile-slider {display:none;
}

@media screen and (max-width:768px)
{
    .kickstart-desktop {
    display:none;}
    .kickstart-mobile {
    display:block;}
    .tablemobile {width:100%;overflow-y:scroll;
    }
        .tablemobile img {
        width:1000px;}
        #kickstart-desktop-slider {display:none;
}
#kickstart-mobile-slider {display:block;
}

}


.containerbutton {
    width: 500px;
    margin: 0 auto 0;
    position: fixed;
    z-index: 99999;
    bottom: 100px;
    left: 50%;
    margin-left: -250px;
    
}

.pulse-button {
padding: 10px;
    color: #fff;
    font-size: 25px;
    position: relative;
    padding: 10px 30px!important;
    padding: 10px;
    border: none;
    border-radius: 60px;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    background-image: radial-gradient( circle farthest-corner at 0.2% 0.3%, rgba(3,144,232,1) 0%, rgba(2,97,156,1) 89.9% );
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    margin-top: 100px;
    display: block;border:solid 0px #fff;
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;color:#fff;text-decoration:none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
.newloginform input{    border-radius: 60px;
    padding: 9px;
    padding-left: 22px;max-width:190px;box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    margin: 0px 5px;
}
.btn-login-new {background:#111;color:#fff;padding:9px 22px!important;border-radius:60px;position:relative;top:-3px;}
.btnregister {position:relative;top:1px;background: var(--themecolor);transition:all .3s linear;}
.btnregister:hover {background:#333;color:#fff;}
.messagepop {position:absolute;}

#home-banner {background:url(/images/bannerbg.png) bottom center;background-size:cover;padding-top:150px;}
#home-banner h1 {text-align:center;font-weight:600;font-size:50px;color:#333}
#home-banner h1 strong {font-weight:900;color:#ef3e14;}
#home-banner h1 span {display:block;}
#home-banner p {text-align:center;font-size:25px;width:70%;display:table;margin:auto}

.bannerimg {display:table;margin:40px auto;}

.home-block {border-radius:20px;box-shadow:0px 0px 20px rgba(0,0,0,.2);padding:30px;background:#fff;text-align:center;margin:40px 0px; position:relative; min-height:320px;}
.home-block img{margin-bottom:20px;}
.home-block h4 {font-size:20px;font-weight:900}
.home-block a {display:table;height:40px;width:40px;background:#ef3e14;color:#fff;font-size:20px;text-align:center;line-height:40px;border-radius:100%;margin:auto;transition:all .3s linear; position:absolute; bottom:-20px; left:0px; right:0px;}
.home-block:hover a {transform:scale(1.3) rotate(360deg);}

.homeheading {font-size:40px;font-weight:700}
.readmore {
font-size:18px;text-transform:uppercase;color:#777;border:solid 1px #ccc;padding:10px 40px;display:table;margin:auto;margin-top:40px;transition:all .3s linear;}
    .readmore:hover {
    border:solid 1px #fff;background:#ef3e14;color:#fff;text-decoration:none}
.shrink {
background:rgba(255,255,255,.8);box-shadow:0px 0px 40px rgba(0,0,0,.1)}
.new-inner-banner {background:#ffe4dd;    padding-top: 120px;
    padding-bottom: 50px;
text-align:center;margin-bottom:20px;position:relative}
    .new-inner-banner h2 {    color: #000;
    font-weight: 700;
    }
    .new-inner-banner hr {
    width:100px;margin:auto;height:5px;background:#333;margin:30px auto}
    .new-inner-banner .breadcrumb-new a {
    color:#333;display:inline-block}
        .new-inner-banner .breadcrumb-new a:after {
        content:"/";margin:0px 10px;}
        .new-inner-banner .breadcrumb-new a:last-child:after {
        content:""}
    h1.mainheadingpage {font-weight:700;display:table;margin:auto;padding:10px 30px;font-size:35px;border:solid 2px #333;position:relative;
    }
        h1.mainheadingpage:after {height:2px;background:var(--themecolor);width:120px;position:absolute;bottom:-10px;content:"";right:0px;
        }
        h1.mainheadingpage:before {height:2px;background:var(--themecolor);width:120px;position:absolute;top:-10px;content:"";margin-left:0px;left:0px;
        }
.homelogin {
display:none!important;}
#homepage .homelogin {display:inline-block!important;
}
.forgot {position: absolute;
    color: #333;
    text-decoration: none;
    padding-left: 14px;
    margin-top: 4px;
    }
#loginlink {
margin-right:20px;}
@media screen and (max-width:920px)
{
    #homepage .homelogin {
    display:block!important}
    #header {
    position:relative;padding:0px;}
    .newloginform input {
    max-width:100%;margin-bottom:10px;width:100%;margin:0px;margin-bottom:10px;}
    .btnregister {
    position: fixed;
    z-index: 99999;
    right: 10px;
    top: 10px;
    padding: 4px 10px!important;
    width: auto;
    font-weight: 700;
    font-size: 14px;}
        .btnregister img {    width: 15px;
    position: relative;
    top: -1px;
    margin-right: 5px;
        }
    #loginlink {    right: 105px;margin-right:5px;
    }
    .logo {position: fixed;
    height: 100px;
    z-index: 9999;
    background: #fff;
    width: 100%;
    margin: 0px;
    padding: 0px;padding:10px 0px;height:60px;top:0px;left:0px;box-shadow:0px 0px 40px rgba(0,0,0,.1)
    }
        .logo img {
           margin: auto;
    width: 130px!important;
    margin-left: 18px;}
    body {
    padding-top:60px;}
    .newloginform {
    margin-top:30px;}
    #home-banner {height:auto;padding:20px 0px;
    }
        #home-banner h1 {
        font-size:25px;}
        #home-banner p {font-size:15px;width:100%;
        }
    .homeheading {    font-size: 20px;
    }
    .messagepop {    text-align: center;
    display: block;
    color: #a75050;position:relative
    }
    .forgot {
    position:relative;text-align:center;display:block}
    .teammembers-thumb img {
    width:100%;}
    .new-inner-banner h1{font-size: 25px;
    }
    .new-inner-banner {    padding-top: 30px;
    }
}
.bggrey {
background:#eee!important;}
.data-left {    padding: 150px 50px;
    background: #fff;margin:0px 0px;position:relative;transition:all .3s linear;
}
    .data-left small {font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: #424242;
    }
    .data-left h2 {margin: 20px 0px;
    font-weight: 700;
    font-size: 38px;
    }
.data-left-corner-left:before {
    content:"";width:65px;height:65px;/*background:url(/Assets/images/corner2.png);*/position:absolute;bottom:0px;left:0px;}
.data-left-corner-right:before {
    content:"";width:65px;height:65px;/*background:url(/Assets/images/corner3.png);*/position:absolute;bottom:0px;right:0px;}
.right-data-img {    width: 100%;
    height: 100%;transition:all .3s linear;
}
    .right-data-img:hover {-webkit-filter: grayscale(1);
  filter: grayscale(1);
    }
    .right-data-img-corner-right:before {
    content:"";width:65px;height:65px;/*background:url(/Assets/images/corner.png);*/position:absolute;right:0px;top:0px;}
     .right-data-img-corner-left:before {
    content:"";width:65px;height:65px;/*background:url(/Assets/images/corner4.png);*/position:absolute;left:0px;top:0px;}
.margintopminus {
margin-top:-30px;}
.bgorange {background: rgb(244,81,36);
background: linear-gradient(135deg, rgba(244,81,36,1) 0%, rgba(255,130,80,1) 100%);color:#fff;
}
.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;font-size:20px;color:#666
}

.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 15px;
  font-size: 18px;
  background-color:#fff;
  border:solid 1px var(--themecolor);
  color: #333;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}
.table-investor {
font-size:18px;}
    .table-investor th, .table-investor td {
    box-shadow:0px 0px 40px rgba(0,0,0,.1);padding:15px;}
.investorlist {font-size:18px;margin:0px;padding:0px;list-style:none;}
    .investorlist li {
    margin-bottom:5px;}
.tpl2 {min-height:1000px;padding:200px 0px;background:url(/images/tpl2.jpg) center center no-repeat;
}
.cardbox {
background:#fff;padding:30px;border-radius:10px;box-shadow:0px 0px 50px rgba(0,0,0,.2);    transform: skew(0deg);margin-bottom:30px;}
.cardboxcontent {  transform: skew(0deg);
}
.cardboxcontent h3{font-size: 21px;
    font-weight: 700;
}
    .cardboxcontent p {
    font-size:16px;color:#666}


    
.section-title {
    max-width: 410px;
    margin: auto;
    margin-bottom: 68px;
}
.tpl3-block{margin-bottom:40px;}
.tpl3-block h3{font-size: 20px;
    font-weight: 700;
    line-height: 30px;margin-bottom:25px;
}
.tpl3-block p{color:#777;font-size:16px;}
.marginleftminus {
position:relative;left:-50px;}
.marginrightminus {
position:relative;right:-50px;}
.tpl3-block  img{margin-bottom:15px;
}
.centerimgtpl3 {    margin-top: 180px;
}
.tpl4-block {border-radius:10px;padding:30px;box-shadow:0px 0px 50px rgba(0,0,0,.1);min-height:243px;
}
.heading-section{font-size:24px;margin-bottom:20px;font-weight:700;color:#444}
    .heading-section strong {
    display:block;color:#666;font-size:15px;text-transform:uppercase;margin-bottom:10px;letter-spacing:1px;}
.bigpara2 {font-size:16px;color:#666
}
.full-img-block {
min-height:500px;width:100%;position:relative;border-radius:10px;overflow:hidden;transition:all .3s linear;}
.full-img-block-content{padding:40px;position:absolute;width:100%;bottom:0px;color:#fff;    background: rgb(255,94,58);
    background: linear-gradient(0deg, rgba(255,94,58,1) 0%, rgba(255,130,80,0) 61%);
}
.full-img-block-content {
transition:all .3s ease-in-out}
    .full-img-block-content * {transition:all .5s ease-in-out
    }
.full-img-block-content h3, .full-img-block-content strong,.full-img-block-content p{color:#fff;
    color:#fff;}



    .full-img-block-content h3 {transform:translateY(200px);
    }
        .full-img-block-content h3 strong {
        font-weight:400}
    .full-img-block-content a {
    color:#fff;font-size:14px;display:table;border:solid 1px #fff;padding:7px 20px;border-radius:5px;margin-top:30px;transform:translateX(-200px);opacity:1;visibility:visible;}
        .full-img-block-content a:hover {
        background:#fff;color:#333;text-decoration:none;}
        .full-img-block-content a i {
        margin-right:10px;}
    .full-img-block-content p {opacity:0;visibility:hidden;transform:translateY(20px);
    }
.full-img-block:hover {transition:all .3s linear;transform:scale(1.05)
}
    .full-img-block-content:hover {
   background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,130,80,0) 91%);}
    .full-img-block-content:hover p{visibility:visible;opacity:1;transform:translateY(0px);
    }
        .full-img-block-content:hover a {transform:translateY(00px);opacity:1;visibility:visible;
        }
    .full-img-block-content:hover h3 {transform:translateY(0);
    }
.tabsection {padding:120px 0px;margin:50px 0px;border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}
.verttabs {
border:none;display: table;
    margin: auto;}
.verttabs li{float:left;display:block;
}
    .verttabs li a {
    color:#333;font-size:18px;}
.verttabs .nav-link.active {position: relative;
	background: var(--themecolor);color:#fff;
}
    .verttabs .nav-link {
    border:solid 2px #fff;margin-bottom:10px;border-radius:30px;font-weight:700;padding:15px 30px;}
        .verttabs .nav-link:hover {
        background:#fff;color:#333;border:solid 2px #fff;}
.verttabs .nav-link.active {
border:none;font-weight:700;box-shadow:0px 0px 40px rgba(0,0,0,.1);border:solid 2px #fff;}
.verttabs .nav-link.active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.tab-pane h3{font-weight:800;font-size:30px;
}
.tab-pane p {
font-size:18px;}
.tab-pane .readmore {
margin:0px;border:solid 2px #333;color:#333;font-weight:700}
    .tab-pane .readmore:hover {
    color:#fff;border:solid 2px #fff;}
.imgcircle {position: relative;
    margin-bottom: -241px;
    margin-top: -100px;
}
.mentor-block {padding:40px;padding-bottom:230px;border-radius:20px;box-shadow:0px 0px 40px rgba(0,0,0,.1);min-height:512px;background-color:#fff;}
.mentor-block.smallbox{padding:40px; min-height:336px; margin-bottom:30px;}
.mentor-block.smallbox p{font-size:14px;}
.mentor-block .img{height:100px;}
.mentor-block .img img{width:75%;}
.mentor-block a {width:60px;height:60px;color:#333;font-size:20px;border-radius:100%;box-shadow:0px 0px 40px rgba(0,0,0,.2);display:block;position:absolute;z-index:999;background:#fff;text-align:center;line-height:60px;right:0px;bottom:30px;transition:all .3s linear;background:#ef3e14;color:#fff;}
.mentor-block.smallbox a{bottom:60px; height:50px; width:50px; line-height:50px;}
.mentor-block:hover a {background:#fff;color:#333;}
.mentor-block.smallbox .heading-section{font-size:21px;}

@media(max-width:768px){
    .mentor-block.smallbox{padding:25px; min-height:inherit; margin-bottom:30px;}
    .mentor-block.smallbox a{bottom:60px; height:50px; width:50px; line-height:50px; position:static; margin:0 auto;}
}

.nobg {background:none!important}

.section2 {background:url(/images/section2bg.png) center center no-repeat;padding:100px 0px;}

.section3 {padding: 40px;
    box-shadow: 0px 0px 50px rgba(0,0,0,.1);
    border-radius: 50px;    background: rgba(255,255,255,.7);
}
.tabsection {
background:url(/images/section3bg.jpg) center center no-repeat}
.mentor-section {padding: 70px 0px;
    background: #ffdecb url(/images/section4bg.png);
    border-top-left-radius: 300px;
    border-bottom-right-radius: 300px;
}

.welcome {min-height: 600px;padding-top: 100px;}
.banner-content {padding-top: 200px;}
.banner-content h1 {font-weight: 900;font-size: 60px;}
.banner-content p {font-size: 25px;color: #777;}

/*------------------------------Brajesh Work----------------------------------*/
/* Keyframe Animation */
@-webkit-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }

    100% {
        margin-left: -1000px;
    }
}

@keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }

    100% {
        margin-left: -1000px;
    }
}

@-webkit-keyframes movingleftright1 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
    }

    75% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@keyframes movingleftright1 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
    }

    75% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@-webkit-keyframes movingleftright2 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
    }

    75% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@keyframes movingleftright2 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
    }

    75% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@-webkit-keyframes movingleftright3 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(100px) translateY(-50px);
        transform: translateX(100px) translateY(-50px);
    }

    75% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@keyframes movingleftright3 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(100px) translateY(-50px);
        transform: translateX(100px) translateY(-50px);
    }

    75% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #0c1fd7;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(12, 31, 215, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(12, 31, 215, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #0c1fd7;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(12, 31, 215, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(12, 31, 215, 0);
    }
}

@-webkit-keyframes movinground {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    60% {
        -webkit-transform: rotate(180deg) scale(1.5);
        transform: rotate(180deg) scale(1.5);
    }

    80% {
        -webkit-transform: rotate(90deg) scale(0.6);
        transform: rotate(90deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
}

@keyframes movinground {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    60% {
        -webkit-transform: rotate(180deg) scale(1.5);
        transform: rotate(180deg) scale(1.5);
    }

    80% {
        -webkit-transform: rotate(90deg) scale(0.6);
        transform: rotate(90deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
}

@-webkit-keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 #5edfff;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
    }
}

@keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 #5edfff;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
    }
}
.input-group {
    border-radius: 30px;
    background-color: #ffffff;
    border: none;
}

.input-group .form-control {
    border-radius: 4px 0 0 4px;
    padding: 0 20px;
    height: 40px;
    font-size: 12px;
    color: #111111;
    border: none;
}

.input-group .form-control:focus {
    box-shadow: none;
}

.input-group .input-group-append .search-btn {
    border: none;
    background-color: var(--themecolor);
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 0 4px 4px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.input-group .input-group-append .search-btn:focus {
    outline: none;
}

.input-group .input-group-append .search-btn:hover {
    background-color: #5edfff;
}

.input-group input.form-control::-webkit-input-placeholder,
  .input-group textarea.form-control::-webkit-input-placeholder {
    color: #969696;
}

.button-slide {
    color: #000000;
    border: 1px solid #d7d7d7;
    border-radius: 30px;
    padding: 4px 3px;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.button-slide:after {
    content: "";
    height: 41px;
    width: 41px;
    background-color: #5edfff;
    border-radius: 30px;
    position: absolute;
    top: 49%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.button-slide .btn-text {
    margin-left: 24px;
}

.button-slide .btn-icon {
    margin-left: 15px;
    height: 41px;
    width: 41px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button-slide .btn-icon svg {
    vertical-align: baseline;
}

.button-slide:hover:after {
    width: 95%;
    border-radius: 30px;
}
.banner-newsletter {
    background-color: #f0f4f6;
    padding: 120px 0 190px;
    position: relative;
}

.banner-newsletter ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 1199px) {
    .banner-newsletter {
        padding: 95px 0 190px;
    }
}

@media only screen and (max-width: 991px) {
    .banner-newsletter {
        padding: 75px 0 180px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-newsletter {
        padding: 75px 0 80px;
    }
}

.banner-newsletter .newsletter-box {
    text-align: center;
}

.banner-newsletter .newsletter-box .item-title {
    margin-bottom: 12px;
}

.banner-newsletter .newsletter-box p {
    color: #71728c;
    width: 60%;
    margin: 0 auto 22px;
}

@media only screen and (max-width: 767px) {
    .banner-newsletter .newsletter-box p {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .banner-newsletter .newsletter-box .input-group {
        display: block;
        background-color: transparent;
    }
}

.banner-newsletter .newsletter-box .input-group .form-control {
    height: 52px;
    border-radius: 30px;
    font-size: 14px;
}

@media only screen and (max-width: 479px) {
    .banner-newsletter .newsletter-box .input-group .form-control {
        width: 100%;
        margin-bottom: 15px;
    }
}

.banner-newsletter .newsletter-box .input-group .input-group-append .button-slide {
    background-color: #5edfff;
    border: none;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.banner-newsletter .newsletter-box .input-group .input-group-append .button-slide .btn-icon {
    margin-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner-newsletter .newsletter-box .input-group .input-group-append .button-slide:after {
    background-color: transparent;
}

.banner-newsletter .newsletter-box .input-group .input-group-append .button-slide:hover {
    background-color: #5bc6e0;
}

@media only screen and (max-width: 479px) {
    .banner-newsletter .newsletter-box .input-group .input-group-append {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.banner-newsletter .section-shape {
    position: relative;
}

.banner-newsletter .section-shape li {
    position: absolute;
}

.banner-newsletter .section-shape li:nth-child(1n) {
    top: 50px;
    left: 0;
    -webkit-animation: movingleftright1 15000ms infinite;
    animation: movingleftright1 15000ms infinite;
}

.banner-newsletter .section-shape li:nth-child(2n) {
    top: 200px;
    left: 22%;
    -webkit-animation: movingleftright2 20000ms infinite;
    animation: movingleftright2 20000ms infinite;
}

.banner-newsletter .section-shape li:nth-child(3n) {
    top: 220px;
    left: 50%;
    -webkit-animation: movingleftright3 25000ms infinite;
    animation: movingleftright3 25000ms infinite;
}

.banner-newsletter .section-shape li:nth-child(4n) {
    top: 130px;
    left: 90%;
    -webkit-animation: movingleftright2 15000ms infinite;
    animation: movingleftright2 15000ms infinite;
}

.banner-newsletter .section-shape li:nth-child(5n) {
    top: -130px;
    left: 40%;
    -webkit-animation: movingleftright1 30000ms infinite;
    animation: movingleftright1 30000ms infinite;
}

.banner-newsletter .section-cloud li {
    position: absolute;
}

.banner-newsletter .section-cloud li:nth-child(1n) {
    top: 20%;
    -webkit-animation: moveclouds 35s linear infinite;
    animation: moveclouds 35s linear infinite;
}

.banner-newsletter .section-cloud li:nth-child(2n) {
    bottom: 0;
    top: auto;
    -webkit-animation: moveclouds 45s linear infinite;
    animation: moveclouds 45s linear infinite;
}

.banner-newsletter .section-cloud li:nth-child(3n) {
    -webkit-animation: moveclouds 36s linear infinite;
    animation: moveclouds 36s linear infinite;
}

.banner-newsletter .section-cloud li:nth-child(4n) {
    -webkit-animation: moveclouds 40s linear infinite;
    animation: moveclouds 40s linear infinite;
}


/*------------------- 4.3 Footer -------------------*/
.footer-wrap {
    background-color: #f0f4f6;
    position: relative;
    z-index: 1; line-height:28px;
}

/*.footer-wrap:before {
    content: url("../Assets/images/figure/footer_shape.png");
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    overflow: hidden;
    line-height: 0;
}*/
.footer-wrap:before {
    content:"";
    background: url("../Assets/images/figure/footer_shape.png") top center no-repeat;
    position: absolute;
    top:0px;
    bottom: 0;
    left: 0px;
    z-index: -1;
    overflow: hidden;
    line-height: 0;
    right: 0px;
}

@media only screen and (max-width: 479px) {
    .footer-wrap .footer-top-image {
        display: none;
    }
}

.footer-wrap .footer-top-image{padding:0px; margin:0px;}

.footer-wrap .footer-top-image li {
    display: inline-block;
    position: absolute;
    top: -103px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -2;
}

.footer-wrap .footer-top-image li:nth-child(1n) {
    left: 50%;
}

.footer-wrap .footer-top-image li:nth-child(2n) {
    left: calc(50% + 135px);
    top: -100px;
}

.footer-wrap .footer-top-image li:nth-child(3n) {
    left: calc(50% - 135px);
    top: -97px;
}

.footer-wrap .footer-top-image li:nth-child(4n) {
    left: calc(50% + 270px);
    top: -97px;
}

@media only screen and (max-width: 767px) {
    .footer-wrap .footer-top-image li:nth-child(4n) {
        display: none;
    }
}

.footer-wrap .footer-top-image li:nth-child(5n) {
    left: calc(50% - 270px);
    top: -88px;
}

@media only screen and (max-width: 767px) {
    .footer-wrap .footer-top-image li:nth-child(5n) {
        display: none;
    }
}

.footer-wrap .footer-top-image li:nth-child(6n) {
    left: calc(50% + 405px);
    top: -80px;
}

@media only screen and (max-width: 991px) {
    .footer-wrap .footer-top-image li:nth-child(6n) {
        display: none;
    }
}

.footer-wrap .footer-top-image li:nth-child(7n) {
    left: calc(50% - 405px);
    top: -69px;
}

@media only screen and (max-width: 991px) {
    .footer-wrap .footer-top-image li:nth-child(7n) {
        display: none;
    }
}

.footer-wrap .footer-top-image li:nth-child(8n) {
    left: calc(50% + 540px);
    top: -60px;
}

@media only screen and (max-width: 1199px) {
    .footer-wrap .footer-top-image li:nth-child(8n) {
        display: none;
    }
}

.footer-wrap .footer-top-image li:nth-child(9n) {
    left: calc(50% - 540px);
    top: -44px;
}

@media only screen and (max-width: 1199px) {
    .footer-wrap .footer-top-image li:nth-child(9n) {
        display: none;
    }
}

.main-footer {
    padding: 140px 0 25px;
}

@media only screen and (max-width: 991px) {
    .main-footer {
        background-color: #ffffff;
        padding: 80px 0 25px;
    }
}

.footer-box {
    margin-bottom: 50px;
}

.footer-box .footer-logo {
    margin-bottom: 20px;
}

.footer-box .footer-title {
    font-size: 22px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    position: relative;
}

.footer-box .footer-title:after {
    content: "";
    height: 3px;
    width: 20px;
    background-color: var(--themecolor);
    position: absolute;
    bottom: 0;
    left: 8px;
}

.footer-box .footer-title:before {
    content: "";
    height: 3px;
    width: 6px;
    background-color: var(--themecolor);
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-box .footer-link ul li {
    margin-bottom: 7px;
}

.footer-box .footer-link ul li:last-child {
    margin-bottom: 0;
}

.footer-box .footer-link ul li a {
    color: #646464;
}

.footer-box .footer-link ul li a:hover {
    color: var(--themecolor);
}

.footer-bottom {
    padding: 30px 0;
    border-top: 1px solid #ececec;
    text-align: center; background-color:#fff;
}

.footer-bottom .footer-copyright {
    color: #838383;
}

.footer-dashboard {
    background-color: #ffffff;
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .footer-dashboard {
        margin-top: 40px;
    }
}

.footer-dashboard:before {
    display: none;
}

.footer-dashboard .main-footer {
    padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
    .footer-dashboard .main-footer {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-dashboard .main-footer {
        padding-top: 80px;
    }
}

.main-footer ul{list-style: outside none none;margin: 0;padding: 0;}



/*--
/*  10 - Team CSS
/*----------------------------------------*/

.team-section ul, .team-section li{padding:0px; margin:0px;}

.team-section a,.team-section button,.team-section img,.team-section input {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    outline: 0;
}

.team-section a, .team-section button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}


.team-section .team-wrap .team-content-wrap {
  padding-top: 90px;
}

@media only screen and (max-width: 1199px) {
  .team-section .team-wrap .team-content-wrap {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .team-section .team-wrap .team-content-wrap {
    padding-top: 50px;
  }
}

.team-section .team-wrap .team-content-wrap .single-team .team-img a {
  display: block;
  position: relative;
}

.team-section .team-wrap .team-content-wrap .single-team .team-img a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 430px;
  background-color: var(--themecolor);
  -webkit-clip-path: polygon(0 34%, 0% 100%, 100% 100%);
          clip-path: polygon(0 34%, 0% 100%, 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.team-section .team-wrap .team-content-wrap .single-team .team-img a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 480px;
  background-color: var(--themecolor);
  -webkit-clip-path: polygon(0 34%, 0% 100%, 100% 100%);
          clip-path: polygon(0 34%, 0% 100%, 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.team-section .team-wrap .team-content-wrap .single-team .team-img a img {border-radius: 5px;width: 100%;border: 1px solid #e6e6e6;}

.team-section .team-wrap .team-content-wrap .single-team .team-content {
  background: #ffffff;
  padding: 30px 20px;
  margin-top: -70px;
  position: relative;
  width: 290px;
  z-index: 1;
}

@media only screen and (max-width: 1199px) {
  .team-section .team-wrap .team-content-wrap .single-team .team-content {
    width: 230px;
  }
}

@media only screen and (max-width: 991px) {
  .team-section .team-wrap .team-content-wrap .single-team .team-content {
    width: 270px;
  }
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .team-social {
  position: absolute;
  top: 0;
  left: 25px;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .team-social .social li {
  display: inline-block;
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .team-social .social li + li {
  margin-left: 10px;
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .team-social .social li a {
  font-size: 18px;
  display: inline-block;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .name {
  font-size: 22px; font-weight:600;
  line-height: 28px;
  color: #231e32;
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .designation {
  font-size: 16px;
  line-height: 28px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: var(--themecolor);
}

.team-section .team-wrap .team-content-wrap .single-team:hover .team-img a::before {
  opacity: 1;
  visibility: visible;
}

.team-section .team-wrap .team-content-wrap .single-team:hover .team-img a::after {
  opacity: 0.35;
  visibility: visible;
}

.team-section .team-wrap .team-content-wrap .single-team:hover .team-content .team-social {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-55px);
      -ms-transform: translateY(-55px);
          transform: translateY(-55px);
}

.team-section .team-wrap .team-content-wrap .single-team:hover .team-content .team-social .social li a:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.team-active .swiper-pagination {
  position: relative;
  margin-top: 30px;
}

.team-active .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-repeat: 50%;
  background: #e1e1e1;
}

.team-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--themecolor);
}

.our-tem-section .our-team-wrap {
  margin-top: -30px;
}

.our-tem-section .our-team-wrap .team-content-wrap {
  padding-top: 0;
}

.our-tem-section .our-team-wrap .team-content-wrap .single-team {
  margin-top: 30px;
}

.our-tem-section .our-team-wrap .team-content-wrap .single-team .team-content {
  width: 260px;
}

@media only screen and (max-width: 1399px) {
  .our-tem-section .our-team-wrap .team-content-wrap .single-team .team-content {
    margin-top: -60px;
    width: 230px;
  }
}

@media only screen and (max-width: 991px) {
  .our-tem-section .our-team-wrap .team-content-wrap .single-team .team-content {
    width: 270px;
    margin-top: -70px;
  }
}



:root{
    --gradient-box-w: linear-gradient(145deg,#e2e8ec,#fff);
    --shadow-white-3: 5px 5px 15px #d1d9e6,-5px -5px 15px #fff;
    --transition: 0.4s;
    --color-body-white: #3c3e41;
    --color-heading-wv: #1e2125;
    --inner-shadow: 1px 4px 2px -3px rgba(0,0,0,0.7) inset,-1px -3px 3px -2px hsla(0,0%,100%,0.2) inset;
    --shadow-white-3: 5px 5px 15px #d1d9e6,-5px -5px 15px #fff;
    --gradient-box-w: linear-gradient(145deg,#e2e8ec,#fff);
    --gradient-red-hover: linear-gradient(145deg,#ff014f,#d11414);
    /*--shadow-white-3: 5px 5px 15px #d9b7a5,-5px -5px 15px #ffeadf;
    --gradient-box-w: linear-gradient(145deg,#edccba,#f7e5da);*/
}

.section-separator {position: relative;}
.section-separator:after {background: #dce1e4;content: "";height: 1px;left: 0;margin: 0 auto;max-width: 1270px;position: absolute;right: 0;top: 0;}

.rn-blog, .rn-portfolio {
    background: var(--gradient-box-w);
    box-shadow: var(--shadow-white-3);
    border-radius: 20px;
    display: inline-block;
    height: 100%;
    padding: 30px;
    position: relative;
    text-align: left;
    transition: all .5s ease-in-out;
    z-index: 1; margin: 0 12px;
}
.rn-blog .inner .thumbnail a,
.rn-portfolio .inner .thumbnail a {
    border-radius: 10px;
    display: block;
    overflow: hidden;
}
.rn-blog .inner .thumbnail a img,
.rn-portfolio .inner .thumbnail a img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition);
    width: 100%;
}
.rn-blog:hover .thumbnail a img,
.rn-blog:hover video,
.rn-portfolio:hover .thumbnail a img,
.rn-portfolio:hover video {
    transform: scale(1.1);
}
.rn-blog .inner .content, .rn-portfolio .inner .content {
    padding-top: 18px;
}
.rn-blog .inner .content .category-info, .rn-portfolio .inner .content .category-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.rn-blog .inner .content .category-info .category-list, .rn-portfolio .inner .content .category-info .category-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.rn-blog .inner .content .category-info .category-list a, .rn-portfolio .inner .content .category-info .category-list a {
    color: var(--themecolor);
    display: block;
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.rn-blog .inner .content .category-info .meta span, .rn-portfolio .inner .content .category-info .meta span {
    color: var(--color-body-white);
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 500;
}
.rn-blog .inner .content .category-info .meta span button, .rn-portfolio .inner .content .category-info .meta span button {
    border: none;
    padding: 0;
}
.rn-blog .inner .content .category-info .meta span button i, .rn-blog .inner .content .category-info .meta span button svg, .rn-portfolio .inner .content .category-info .meta span button i, .rn-portfolio .inner .content .category-info .meta span button svg {
    font-size: 13px;
    margin-right: 2px;
    transition: var(--transition);
}

.rn-blog .inner .content .title, .rn-portfolio .inner .content .title {
    margin: 0;
}
.rn-blog .inner .content .title a, .rn-portfolio .inner .content .title a {
    color: var(--color-heading-wv);
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    line-height: 34px;
    transition: var(--transition); position: relative;
}
.rn-blog .inner .content .title a svg,
.rn-portfolio .inner .content .title a svg {
    opacity: 0;
    position: relative;
    top: 10px;
    transition: var(--transition);
    width: 0;
}
.footer-area .description a:hover,
.rn-blog .inner .content .title a:hover,
.rn-portfolio .inner .content .title a:hover,
.slick-arrow-style-one .slick-arrow:hover {
    color: var(--themecolor); text-decoration:none;
}
.rn-blog .inner .content .title:hover a svg,
.rn-portfolio .inner .content .title:hover a svg {
    color: var(--themecolor);
    opacity: 1;
    top: 3px;
    width: 23px;
}

.rn-section-gap .modal {
    background: #ecf0f3;
}
.rn-section-gap .modal .modal-dialog .modal-content {
    background: var(--gradient-box-w);
    box-shadow: var(--shadow-white-3);
    border: none;
    border-radius: 10px;   
    overflow: hidden;
    padding: 45px;
    z-index: 1;
}
.modal-backdrop {
    background-color: transparent;
}
.modal-backdrop.show {
    opacity: .5;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close {display: inline-block; margin: -1rem -1rem -1rem auto; padding: 1rem; position: absolute; right: 44px; top: 18px; width: 0; border:0px; background-color:transparent;}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close span{position:relative; color: var(--color-primary); transition: var(--transition); z-index: 1;}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close span:after {
    background: var(--gradient-box-w);
    box-shadow: var(--shadow-white-3);
    opacity: 1;
    transition: var(--transition);
    border-radius: 50%;
    content: "";
    height: 45px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 45px;
    z-index: -1;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close span:hover {
    color: #fff;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close span:hover:after {background: var(--gradient-red-hover);}
.rn-section-gap .modal .modal-dialog .modal-content .modal-header .btn-close:focus{outline:none;}
.rn-section-gap .modal .modal-dialog .modal-content .modal-body .text-content {
    padding-left: 2rem;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-body .text-content h3 {
    color: var(--color-heading-wv);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-body .text-content h3 span {
    color: var(--color-body-white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}
.rn-section-gap .modal .modal-dialog .modal-content .modal-body .text-content p {
    color: var(--color-body-white);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    width: 93%;
}

.button-group a.rn-btn {
    margin: 15px;
    transition: var(--transition);
}
 .rn-section-gap .modal .modal-dialog .modal-content .modal-body .text-content a svg {
    margin-left: 3px;
    margin-right: -13px;
    position: relative;
    width: 19px; top:5px;
}
a.rn-btn.thumbs-icon svg, button.rn-btn.thumbs-icon svg {
    margin-top: -7px;
}

a.rn-btn, button.rn-btn {
    border: 0;
    border-radius: 6px;
    background: var(--gradient-box-w);
    box-shadow: var(--shadow-white-3);
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    transition: var(--transition);
    z-index: 2;
    display: inline-block;
    list-style: none;
    text-decoration: none;
    width: auto;
	padding: 15px 35px;
}
a.rn-btn:before,
button.rn-btn:before {
    background: var(--gradient-red-hover);
    border-radius: 6px; content: ""; height: 100%;left: 0;opacity: 0;
    position: absolute;
    top: 0;
    transition: var(--transition);
    width: 100%;
    z-index: -1;
}
.rn-pricing .pricing-footer .rn-btn span {
    font-size: 16px;
    margin-right: 5px;
}
a.rn-btn:hover,
button.rn-btn:hover {
		transform: translateY(-5px);
}

a.rn-btn:hover:before,
button.rn-btn:hover:before {
    opacity: 1;
}

.rn-btn:hover span, 
.rn-btn:hover svg {
    color: #fff;
}
.rn-portfolio button{background-color:transparent;}


@media (min-width: 992px)
{
    .modal-xl {max-width: 800px;}
}
@media (min-width: 1200px)
{
    .modal-xl {max-width: 1140px;}
}

@media(max-width:768px){
    .section-cloud,
    .section-shape{display:none;}
                       }