#hidden-htn
{
	display: none;
}
section.softoos-why-webdesign-important {
    margin-top: 50px;
}

h2.why-webdesign-important-heading {
    padding: 0 0 9px;
    margin: 40px 0 20px;
    line-height: 42px;
    font-size: 35px;
    font-weight: 500;
    text-align: center;
}
h2.why-webdesign-important-heading span {
    color: #005fdf;
}
ul.softoos_lititem {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0;
}
section.softoos-why-webdesign-important ul.softoos_lititem li {
    margin: 0px 0 12px 0;
}
ul.softoos_lititem li {
    padding-top: 2px;
    position: relative;
    padding-left: 30px;
    margin: 0px 0 0px 0;
    list-style: none;
    font-size: 18px;
}
ul.softoos_lititem li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f14a";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    display: inline-block;
    color: #005fdf;
}

.right_project,.sfbt,.sinput,h2{
    font-family:'Roboto Condensed',sans-serif
}
.hero-content h1{
    color:#fff;
    font-size:28px
}
.tech-hero-section-3 .hero-content .title{
    font-size:55px;
    color:#005fdf
}
.hero-content.ecommerce h1,.hero-content.ecommerce h3{
    padding-top:50px
}
.breadcrumb{
    text-align:center;
    line-height:50px;
    display:block
}
ul.breadcrumb{
    list-style:none;
    background-color:#eee
}
ul.breadcrumb li{
    display:inline;
    font-size:18px
}
ul.breadcrumb li+li:before{
    padding:8px;
    color:#000;
    content:"/\00a0"
}
ul.breadcrumb li a{
    color:#0275d8;
    text-decoration:none
}
ul.breadcrumb li a:hover{
    color:#01447e;
    text-decoration:underline
}
.breadcrumb-section .container-fluid{
    padding-right:0;
    padding-left:0
}
section.softoos-ecommerce-packages{
    float:left;
    width:100%;
    margin:0;
    padding:35px 0;
    background:#fff
}
.softoos-ecommerce-packages h2{
    padding:0 0 9px;
    margin:0 0 20px;
    line-height:42px;
    font-size:35px;
    font-weight:600;
    text-align:center
}
.softoos-ecommerce-packages h2 span{
    color:#005fdf
}
.packages-table{
    width:100%;
    border:1px solid #ddd;
    border-collapse:collapse;
    margin:0 0 30px
}
.packages-table tr:first-child th{
    border:1px solid #ddd;
    text-align:center;
    line-height:normal
}
.packages-table thead th{
    margin:0;
    position:relative;
    padding:10px;
    color:#002b5a
}
.packages-table thead th .title{
    width:100%;
    text-align:center;
    color:#333;
    font-weight:700;
    font-size:19px;
    font-family:Manrope;
    text-transform:capitalize;
    line-height:30px
}
.packages-table thead th .title span{
    color:#0061de;
    text-transform:uppercase
}
.packages-table .package-price.price1{
    background:linear-gradient(to right,#0770ff 0,#0c3164 100%)
}
.packages-table .package-price{
    border-radius:5px;
    padding:7px 25px;
    text-align:center;
    color:#fff;
    font-weight:700;
    display:block;
    max-width:200px;
    margin:0 auto;
    font-size:18px
}
.packages-table .package-price .discounted-price{
    text-align:right;
    text-decoration:line-through;
    font-size:16px;
    color:#fff;
    font-weight:400;
    margin-left:10px;
    clear:both;
    display:inline-block
}
button.order-now-button{
    background:#0e0927;
    color:#fff !important;
    border-radius:5px;
    width:100%;
    display:inline-block;
    text-align:center;
    min-height:50px;
    line-height:50px;
    margin-top:10px;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:15px;
    transition:.3s;
    max-width:200px
}
.branding_right img,.website-feature .feature-box p span{
    top:50%;
    left:50%;
    max-width:100%;
    transform:translate(-50%,-50%);
    position:absolute
}
.order-now{
    text-align:center
}
.packages-table tbody td p{
    text-align:left;
    margin:0;
    line-height:30px;
    font-size:16px;
    color:#333;
    font-weight:400
}
.packages-table tr:nth-child(2n){
    background:#f3fafe
}
.packages-table .fa-check{
    color:#6a9926
}
.packages-table .fa-times{
    color:red
}
.view-template-btn{
    font-size:14px;
    text-decoration:none;
    background:#005fdf;
    border-radius:100px;
    padding:10px 20px;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    line-height:normal
}
.green_btn,.orange_btn,.purple_btn{
    background:#fff;
    padding:10px 20px;
    display:block;
    color:#333;
    font-size:13px;
    margin-bottom:10px;
    line-height:normal;
    transition:.3s;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase
}
.view-template-btn:hover{
    background:#333;
    color:#fff
}
a:active,a:focus,a:hover{
    outline:0;
    text-decoration:none
}
.green_btn{
    border-radius:50px;
    border:1px solid #6db900;
    border-bottom:3px solid #6db900
}
.green_btn:hover{
    background:#6db900;
    color:#fff
}
.orange_btn{
    border-radius:50px;
    border:1px solid #fd6614;
    border-bottom:3px solid #fd6614
}
.orange_btn:hover{
    background:#fd6614;
    color:#fff
}
.purple_btn{
    border-radius:50px;
    border:1px solid #6a1a70;
    border-bottom:3px solid #6a1a70
}
.purple_btn:hover{
    background:#6a1a70;
    color:#fff
}
.packages-table td{
    padding:7px 10px;
    border:1px solid #ddd;
    color:#002b5a
}
.website-feature{
    float:left;
    width:100%;
    margin:0 0 20px;
    padding:0
}
.website-feature h3{
    color:#005fdf;
    font-size:27px;
    padding:0 0 14px;
    margin:0
}
.website-feature .feature-box{
    float:left;
    width:100%;
    box-shadow:2px 2px 10px #ccc;
    margin-bottom:25px;
    padding:20px 15px;
    border:1px solid #ccc;
    transition:.3s;
    text-align:center;
    background:#fff
}
.website-feature .feature-box img{
    background:#efefef;
    padding:10px;
    width:60px;
    height:60px;
    border-radius:50px;
    border:3px solid #fff
}
.website-feature .feature-box p{
    position:relative;
    margin:0 auto;
    height:88px;
    width:100%;
    text-align:center;
    line-height:normal;
    font-size:16px;
    color:#333;
    font-weight:400
}
.website-feature .feature-box p span{
    width:100%
}
.website-feature .feature-box:hover img{
    background:#000;
    transition:.3s;
    border:3px solid #005fdf;
    padding:10px;
    width:60px;
    height:60px;
    border-radius:50px
}
.softoos-company-team{
    float:left;
    width:100%;
    margin:0;
    padding:40px 0;
    background:#fff
}
.softoos-company-team .col-md-4{
    border-bottom:2px solid #efefef;
    border-right:2px solid #efefef;
    min-height:220px;
    margin-bottom:35px
}
.softoos-company-team .team-box{
    color:#333;
    font-size:14px;
    text-align:center;
    padding:0;
    line-height:22px
}
.more_about ul,.softoos-company-team .team-box img{
    margin-bottom:20px
}
.softoos-company-team .team-box h2{
    font-family:Poppins,sans-serif;
    color:#393939;
    font-weight:600;
    padding:0 0 13px;
    margin:0;
    font-size:25px
}
.branding_company {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #eaf6fe;
}
h2{
    font-size:25px;
    margin:0
}
.branding_company h2 strong{
    color:#005fdf;
    font-size:35px;
    font-weight:600
}
.branding_company h2 span{
    color:#333;
    font-size:35px;
    font-weight:600
}
.branding_company .branding_content{
    float:left;
    width:100%;
    margin:0 0 30px;
    padding:0
}
.branding_right{
    float:right;
    width:420px;
    margin:0 0 20px 15px;
    padding:0;
    text-align:center;
    height:400px;
    position:relative
}
.right_project,.sform{
    width:100%;
    color:#fff
}
.branding_right img{
    width:auto;
    max-height:100%
}
.branding_company .branding_content h2{
    color:#005fdf;
    font-size:24px;
    line-height:30px;
    text-align:left
}
.branding_company h2{
    padding:0 0 9px;
    margin:0;
    line-height:43px;
    text-align:left
}
.branding_company ul li:before{
    position:absolute;
    top:0;
    left:0;
    content:"\f14a";
    font-family:'Font Awesome 5 Free';
    font-size:24px;
    display:inline-block;
    color:#005fdf
}
.branding_company .branding_content p {
    text-align: justify;
    word-wrap: break-word;
    font-size: 17px;
    line-height: 30px;
}
p{
    line-height:30px;
    font-size:16px;
    color:#333;
    font-weight:400;
    margin:0 0 10px
}
.branding_company .branding_content h3{
    color:#005fdf;
    font-size:18px;
    padding:0 0 14px;
    margin:0;
    text-transform:capitalize
}
.branding_company ul{
    width:auto;
    height:auto;
    padding:0;
    margin:0 0 15px
}
.branding_company ul li{
   padding-top: 4px;
    position: relative;
    padding-left: 30px;
    margin: 0px 0 5px 0;
    list-style: none;
    font-size: 19px;
}
.content-in-para {
   
    font-family: Roboto,sans-serif;
    margin: 0 0 10px color: #434d4b;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    color: #333;
    font-weight: 400;
    margin: 0 0 10px;
    text-align: justify;
    word-wrap: break-word;
    font-size: 20px;
    line-height: 35px;
}
.h2-web-heading {
    font-size: 25px !IMPORTANT;
    color: #005edf;
    font-family: Ubuntu,sans-serif;
    margin: 20px 0 20px 0;
    line-height: 1.1;
    font-weight: 500;
}
.right_project{
    float:left;
    background-color:#005fdf;
    font-size:22px;
    font-weight:600;
    border-radius:6px;
    padding:13px 0;
    margin-bottom:20px
}
.right_project img{
    margin:0 10px 0 18px
}
.contact_btn{
    background-color:#0061de;
    color:#fff;
    font-size:18px;
    font-weight:400;
    text-transform:uppercase;
    text-decoration:none;
    padding:13px 20px 15px;
    margin:-11px 0 -13px;
    float:right;
    border-radius:0 6px 6px 0;
    border-left:1px solid #fff
}
.sform{
    float:left;
    background-color:#303030;
    border-radius:6px;
    padding:20px !important;
    margin-bottom:20px
}
section.section_spacing{
    margin-bottom:15px
}
.sinput{
    height:43px;
    border:0;
    width:31%;
    border-radius:4px;
    background-color:#fff;
    color:#5c5c5c;
    font-size:15px;
    float:left;
    margin:0 1.4% 0 0;
    padding:0 0 0 10px;
    margin-bottom:15px !important;
	width: 100%;
}
.sfbt{
    background-color:#bc4c1b !important;
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    line-height:21px;
    padding:8px 10px 9px 17px;
    margin:-11px 0 -18px -26px;
    position:relative;
    border:3px solid #fff;
    border-radius:6px;
    width:123%;
    font-weight:700;
    text-align:left
}
.sfbt:before{
    background:#95350b !important;
    border-radius:6px !important
}
.hvr-rectangle-out:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(135deg,#1178ba 10px,#1178ba 0) top left,linear-gradient(225deg,#1178ba 10px,#1178ba 0) top right,linear-gradient(315deg,transparent 10px,#1178ba 0) bottom right,linear-gradient(45deg,#1178ba 10px,#1178ba 0) bottom left;
    background-size:50% 50%;
    background-repeat:no-repeat;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.sfbt img{
    position:absolute;
    right:-21px
}
.typed-text{
	line-height:1.5;
    font-weight:400;
    color:#fff;
    font-size:30px
}
.table>thead{
    vertical-align:middle
}
.single-pricing{
    background:#fff;
    border-top:7px solid #005de0;
    box-shadow:0 0 144px 0 rgba(0,0,0,.04);
    border-radius:5px;
    padding:45px 55px 55px;
    margin-top:30px
}
.single-pricing .pricing-badge .title{
    font-size:30px;
    font-family:Manrope,sans-serif;
    font-weight:800;
    color:#333
}
.single-pricing .pricing-price .currency,.single-pricing .pricing-price .price{
    font-weight:700;
    color:#005de0;
    line-height:30px;
    display:inline-block;
    font-family:Manrope,sans-serif
}
.single-pricing .pricing-price{
    display:flex;
    align-items:center;
    margin-top:35px
}
.single-pricing .pricing-price .price{
    font-size:72px
}
.single-pricing .pricing-price .currency{
    font-size:24px;
    position:relative;
    top:-20px
}
.single-pricing .pricing-price p{
    font-size:20px;
    line-height:24px;
    font-family:Manrope,sans-serif;
    font-weight:600;
    color:#b4b4b4;
    margin-left:25px
}
.single-pricing .pricing-content{
    padding-top:55px
}
.single-pricing .pricing-content .pricing-list li{
    font-size:16px;
    line-height:30px;
    font-family:Manrope,sans-serif;
    font-weight:400;
    color:#666
}
.single-pricing .pricing-content .pricing-list li i{
    color:#5149f3;
    margin-right:20px
}
.single-pricing .pricing-content .pricing-btn{
    padding-top:40px
}
.single-pricing.active{
    border-top:0;
    background:linear-gradient(-25deg,#54d6eb 0,#035cdd 100%)
}
.single-pricing.active .pricing-badge .title,.single-pricing.active .pricing-content .pricing-list li,.single-pricing.active .pricing-content .pricing-list li i,.single-pricing.active .pricing-price .currency,.single-pricing.active .pricing-price .price,.single-pricing.active .pricing-price p{
    color:#fff
}
.single-pricing .pricing-badge .recommend{
    display:inline-block;
    height:25px;
    line-height:25px;
    background:#ffd166;
    font-size:12px;
    font-family:Manrope,sans-serif;
    font-weight:800;
    text-transform:uppercase;
    padding:0 20px;
    border-radius:35px;
    color:#fff;
    position:relative;
    top:-5px;
    margin-left:15px
}
.h2size {
    font-size: 22px;
    margin-top: 20px;
}
.ourhappystats
{
	font-size: 25px;
	color: #fff; 
	text-align: center;
}
.branding_company p strong {
    color: #005fdf;
    font-size: 20px;
    font-weight: 600;
}
.branding_company p span {
    color: #333;
    font-size: 35px;
    font-weight: 600;
}
.sform
{
	padding: 8px 8px 8px 8px;
}
.sform input[type=text]
{
	width: 100%;
}
.sform input[type=email]
{
	width: 100%;
}
select {
	width: 100%;
}
.hvr-rectangle-out
{
	width: 100%;
	margin: 0px 0px -3px -3px;
}
.hvr-rectangle-out img
{
	margin-top: -10px;
}
.counter-section
{
	background-image: url(/public/front/images/bg/counter-bg.jpg);
}
.tech-hero-section-3
{
	background-image: url(/public/front/images/bg/hero-4-bg.jpg);
}
.formselectoption
{
	margin-top: 10px;
}
.coursename
{
	-webkit-user-drag: none;
}
/* customer convertion statics start */
.tech-hero-section-3 .hero-content .sub-title {
    font-size: 36px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

.trust-line {
    font-size: 22px;
    line-height: 1.5;
    font-family: var(--font-h3);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 1.5rem;
    padding-top: 1.8rem;
    color: #fff;
}
.app-statics-subcontainer {
    color: #fff;
	display: flex;
	padding: 10px;
}
img.app-statics-image {
    height: 50px;
    width: 50px;
}
p.app-statics-text-1 {
    font-size: 33px;
    color: #fff;
    font-family: var(--font-body) !important;
    margin: 15px 0px 0px 0px;
}
p.app-statics-text-2 {
    color: #fff;
}
span.app-statics-section {
    padding: 0px 70px 0px 20px;
	
}
h4.starting-packge-price-text {
    color: #fff;
	font-family: var(--font-h4);
    font-weight: 400;
    font-size: max(1.2rem,1.2vw);
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
}
h4.starting-packge-price-text strong {
    font-family: 'Manrope';
	font-size: 28px;
}
p.call-us-now-text {
    color: #fff;
    font-size: 18px;
}
.call-us-now-action {
    color: #fff;
    font-size: 20px;
}
.cc{
	color:#005de0 !important;
}
.tech-hero-section-3 .hero-content {
    padding-top: 0px;
}
.hero-content.ecommerce h1, .hero-content.ecommerce h3 {
    padding-top: 20px;
}
/* customer convertion statics end */
.section-title2 .title {
    font-size: 35px;
    line-height: 50px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    color: #333;
}
.branding_company .h2size {
    color: #005fdf;
    font-size: 35px;
    font-weight: 600;
}
portfolioInfo, h3.has-text-align-center {
    margin-bottom: 13px;
    margin-top: 10px;
    font-size: 27px;
}
@media only screen and (max-width:768px){
	h2 {
    font-size: 0px;
	font-family: "Manrope",sans-serif;
}
    span.ready-to-discuss-your-project{
        font-size:18px
    }
    .col-lg-4.col-md-4.col-sm-4.col-xs-4.ecommerce-contact-us{
        display:none
    }
    .branding_right{
        width:365px;
		height: 269px;
    }
    .tech-hero-section-3 .hero-content .title{
        font-size:37px;
        color:#005fdf
    }
	.branding_company h2 {
    padding: 0 0 9px;
    margin: 0;
    line-height: 31px;
    text-align: left;
	
}
.branding_company h2 strong {
    color: #005fdf;
    font-size: 31px;
    font-weight: 700;
}
.branding_company h2 span {
    color: #333;
    font-size: 31px;
    font-weight: 700;
}
.h2-web-heading {
    font-size: 24px !IMPORTANT;
}
.branding_company ul li {
    padding-top: 5px;
}
.branding_right img, .website-feature .feature-box p span {
    line-height: 1.3;
}
.hero-content.ecommerce h1, .hero-content.ecommerce h3 {
    padding-top: 0px;
}
.tech-hero-section-3 .hero-content .sub-title {
    line-height: 40px;
}
span.app-statics-section {
 padding: 0px 10px 0px 16px;
}
.branding_company .h2size {
    color: #005fdf;
    font-size: 35px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 1.2;
}
.section-title2 .title {
    font-size: 33px;
	padding: 0 0px;
}
.section-padding {
    margin-top: 19px;
    padding-bottom: 60px;
	padding-top: 7px; 
}
.pricing-section .pricing-wrap .pricing-content-wrap {
    padding-top: 0px;
}
.branding_company .branding_content p {
  
    word-wrap: break-word;
    line-height: 35px;
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
    font-family: philosopher,sans-serif!important;
}
.accordion-button {
   
    font-size: 1.1rem;
  }
.accordion-body {
    font-size: 1.1rem;
}
.p-5 {
    padding: 1rem!important;
}
portfolioInfo, h3.has-text-align-center {
    font-size: 23px;
}
.branding_company .branding_content {  
    margin: 0 0 0px;
}
}