/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* fonts Other */
@font-face {
    font-family: 'IntroRust-BaseLine';
    src: url('../fonts/IntroRust-BaseLine.eot?#iefix') format('embedded-opentype'),  url('../fonts/IntroRust-BaseLine.otf')  format('opentype'),
    url('../fonts/IntroRust-BaseLine.woff') format('woff'), url('../fonts/IntroRust-BaseLine.ttf')  format('truetype'), url('../fonts/IntroRust-BaseLine.svg#IntroRust-BaseLine') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sifonn Pro';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/Sifonn Pro'), url('../fonts/SIFONN_PRO.woff') format('woff'), url('../fonts/SIFONN_PRO.svg#SIFONN_PRO') format('svg'), url('../fonts/SIFONN_PRO.ttf')  format('truetype'),  url('../fonts/SIFONN_PRO.otf')  format('opentype');
}



/* Theme class EDIT start */
#menu1-0 .navbar-nav .nav-link{
    font-family: 'Montserrat', sans-serif;
}
#menu1-0 .navbar.navbar-short {
    border-bottom: 1px solid #ddd;
}
#menu1-0 .nav-link:hover, #menu1-0 .dropdown-item:hover{
    color: #ff805d !important;
}
#menu1-0 .nav-link i{
    display: block;
    width:40px;
    height:40px;
    margin-right: 5px;
    line-height:40px;
    font-size: 20px;
    text-align: center;
    background-color:#0e5871;
    color: #fff;
    border-radius:50%;
    text-align:center;
}
#header2-1 .heading{
    font:800 60px/1.2 'Sifonn Pro', sans-serif;
    color: #fff;
    text-shadow:3px 3px 2px #14baf4;
    /*color:#ff805d ;*/
}
#header2-1{
    background-image: url(../../../assets/images/banner1.jpg);
    background-position: 50% 0;
}
#header2-1 .sub-heading{
    font-weight: 600;
    font-size: 50px;
    line-height: 1.1;
}
#form3-6 .heading{
    color:#ff805d ;
}
#form3-6 .form-group {
    margin-bottom: 0;
}
#form3-6 .mbr-section-subtitle.sub-heading{
    margin-bottom: 0;
    padding-bottom: 10px !important;
}
.btn{
    text-transform: uppercase;
}
.btn-primary:hover{
    background-color:#ff805d !important;
    border-color: #ff805d !important;
}
#header5-7 .para{
    padding-bottom: 0;
    margin-bottom: 0;
}
/*#gallery4-d{
    background-color: #eaeaea;
}*/
.mbr-gallery .fa-search, .mbr-gallery .icon-video {
    display: block;
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 24px);
    font-size: 3rem !important;
    color: #fff;
    opacity: 0;
    transition: .2s opacity ease-in-out;
    z-index: 5;
    font-family: "Font Awesome 5 Free" !important;
}
#gallery4-d .mbr-gallery-item > div{
    border: 2px solid #ff805d;
    border-radius: 10px;
    overflow: hidden;
}
#lb-gallery4-d .close:before{
    display: none;
}
#footer1-2 .sub-heading{
    display: block;
    margin-bottom:20px;
}
#footer1-2 .para{
    font-weight: 300;
    font-size: 13px;
}
#footer1-2 .para{
    margin-bottom:5px;
}
#footer1-2 .para a {
    color: #fff !important;
}
#footer1-2 .para a:hover {
    color: #ff805d !important;
}
#footer1-2 .copyright .mbr-text.para{
    font-weight: 300;
    font-size: 11px;
}
.mbr-arrow > a {
    position: relative;
    display: block;
}
.mbr-arrow > a > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 60px;
}
.cid-qTkAaeaxX5 .footer-lower hr {
    margin: 10px auto;
    opacity: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#form3-6 .form-control.display-7{
   margin-bottom: 10px;
}
#form3-6 .dragArea .input-group-btn{
    display: block;
    margin:10px auto 0;
}
#form3-6 .dragArea .input-group-btn .btn-primary:hover{
    background-color: transparent !important;
    border-color: #14baf4 !important;
    color: #14baf4 !important;
}
.btn-success, .btn-success:active {
    background-color:#ff805d !important;
    border-color:#ff805d !important;
    color: #fff !important;
}
.btn-success:hover{
    background-color: transparent !important;
    border-color: #ff805d !important;
    color: #ff805d !important;
}
.form3 input {
    border-radius: 100px !important;
}
.sign-up-form-sec .input-group-btn, .sign-up-form-sec .form-group{
    margin: 0 auto !important;
}
.sign-up-form-sec .input-group-btn button, .sign-up-form-sec .form-group input{
    width: 100%;
}
.alert {
    width: 90%;
    text-align: center;
    padding: 10px !important;
    border-radius: 30px 45px;
    font-size: 30px;
    font-family: 'monospace', Sans-Serif;
    line-height: 1.2;
}
.alert-danger{
    background-color:#F85050;
}
.mbr-arrow{
    background-color:rgba(255,255,255,0.6);
}
.mbr-arrow > a > i{
    color:#063749;
}
/* Theme class EDIT end */

/* New CSS start */
.sec-common{
    padding-top:30px;
    padding-bottom:30px;
}
.heading{
    /*font-family: 'IntroRust-BaseLine', sans-serif;*/
    font-family: 'Sifonn Pro', sans-serif;
    font-weight:300;
    font-size:30px;
    letter-spacing:5px;
    line-height: 1.1;
    text-transform: uppercase;
    color:#14baf4;
}
#header5-7 .heading{
    color:#fff;
}
.para, .sub-heading, .btn{
    font-family: 'Montserrat', sans-serif;
}
#header2-1 .sub-heading{
    max-width:690px;
    width: 100%;
    font:400 30px/1.4 'Montserrat', sans-serif;
    color: #fff;
    text-shadow:4px 0px 3px #000;
    margin:0 auto 10px;
    letter-spacing: 3px;
}
.heading{
    margin-bottom:10px;
    padding-bottom: 0 !important;
}
.sub-heading{
    margin-bottom: 20px;
    padding-bottom: 0 !important;
}
.para{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    padding-bottom: 0 !important;
}
.ab-pic{
    display: inline-block;
    width: 300px;
    height: auto;
    margin: 0 35px 10px 0;
    float: left;
}
#footer1-2 .sub-heading.address-heading{
    margin-top:30px;
    margin-bottom:5px;
}
.ab-text{
    text-align: justify;
}
#header5-7 .para {
    text-align: justify;
    text-align-last: center;
}
#footer1-2 .foot-link-1 .para{
    margin-bottom: 15px;
}
#footer1-2 .foot-link-2 .para a{
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}
#menu1-0 .navbar-nav .nav-link.login-sp-link{
    color: #ff805d !important;
}
#menu1-0 .navbar-nav .nav-link.login-sp-link i{
    background-color: #ff805d !important;
}
#menu1-0 .navbar-nav .nav-link.login-sp-link:hover{
    color: #011217 !important;
}
.top-arrow{
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}
.top-arrow i{
    color: #fff;
}
.why-icon-sec{
    padding:30px 0 0;
}
.why-icon-sec .card.p-3{
    padding-bottom: 0 !important;
    margin-top:20px;
}
.why-icon-sec .card .card-img{
    width:90px;
    height:90px;
    border-radius:50%;
    background-color:#fff;
    margin: 0 auto 10px;
}
.why-icon-sec .card .card-img i{
    font-size: 40px;
    line-height:90px;
    color:#ff805d;
    text-align: center;
}
.why-icon-sec .card .card-title{
    font:600 18px/1.3 'Montserrat', sans-serif;
    color: #fff;
    text-align: center;
}
.why-icon-sec .card .mbr-text{
    font:300 16px/1.5 'Montserrat', sans-serif;
    color: #fff;
    text-align: justify;
    text-align-last: center;
    margin:0;
}
.course-acco .card{
    margin: 0 auto 10px;
}
.course-acco .card .card-header{
    background-color: #fff;
    border-radius:10px;
}
.course-acco .card .card-header a h4{
    color:#ff805d;
    font-weight: 400;
    line-height: 1.4;
    text-transform: capitalize;
    margin: 0;
}
.course-acco .card .card-header a h4 i{
    color: #14baf4;
    text-align: right;
    float: right;
    transform: rotate(0deg);
}
.course-acco .card .card-header a.main-bar h4 i{
    transform: rotate(180deg);
}
.course-acco .card .panel-body{
    margin:2px auto 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius:10px;
    padding: 20px;
}
.course-acco .card .list-common{
    padding: 0;
    margin: 0 0 10px;
    list-style-type: none;
}
.course-acco .card .list-common li{
    font:600 16px/1.5 'Montserrat', sans-serif;
    color: #14baf4;
    margin: 0 0 5px;
}
.modal-common .modal-dialog{
    height: auto;
}
.modal-common .modal-dialog .modal-body .form-group .form-control{
    border-radius:100px;
    padding-left: 20px;
}
.modal-common .modal-dialog .modal-body .link-txt{
    display: block;
    font:400 16px/1.5 'Montserrat', sans-serif;
    color: #ff805d;
    text-align: center;
    text-decoration: underline;
}
.modal-common .modal-dialog .modal-body .link-txt:hover{
    color: #14baf4;
}
.modal-common .modal-dialog .modal-body .btn{
    display: table;
    margin: 0 auto 30px;
}
.modal-common .modal-dialog .modal-header{
    background-color:#ff805d;
    border-bottom: none;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.modal-common .modal-dialog .modal-header .modal-title{
    font:400 22px/1.5 'sifonn pro', sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.modal-common .modal-dialog .modal-header .close{
    color: #fff;
}
.inner-page .heading{
    margin:30px auto;
    color: #14baf4 !important;
}
.link-box-row [class*='col-'] {
    padding: 0;
}
.inner-page{
    padding-top: 30px;
}
.inner-page .navbar{
    border-bottom: 1px solid #ddd;
}
.part-course, .compelete-course{
    font-weight: 400;
    font-size: 2rem;
}
.part-course i, .compelete-course i{
    font-size:52px;
}
.part-course{
    color:#14baf4 !important;
}
.compelete-course{
    color:#ff805d !important;
}
.course-box {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom:15px;
}
.course-acco .card .card-header .display-5{
    font-size: 16px !important;
}
.course-acco .card .panel-body .list-common li{
    padding-bottom:5px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #ddd;
}
.course-acco .card .panel-body .list-common li a{
    display: block;
    width: 100%;
    overflow: hidden;
    color:#14baf4 !important;
}
.course-acco .card .panel-body .list-common li a:hover{
    color: #ff805d !important;
}
.course-acco .card .panel-body .list-common li a span{
    display: block;
    float: left;
    width: calc(100% - 20px);
    padding-right: 5px;
}
.course-acco .card .panel-body .list-common li a i{
    display: block;
    width:20px;
    float: right;
    margin-top: 5px;
    text-align: center;
    font-size: 18px;
}
.course-box .sec-common{
    padding: 10px 0 0;
}
.course-box .sec-common .container{
    padding: 0;
}
.link-box{
    width: 100%;
    padding: 20px;
    font:300 45px/1.2 'Sifonn Pro', sans-serif;
    text-align: center;
    text-transform: capitalize;
}
.link-box a{
    padding: 20px;
    border:1px dashed rgba(255,255,255,0.6);
}
.course-all-page .link-box a {
    height: 220px;
}
.link-box a, .link-box a i{
    display: block;
    color: #fff;
}
.link-box a span{
    display: block;
    margin: 5px auto 0;
    font:300 15px/1.2  'Montserrat', sans-serif;
    text-transform: none;
}
.link-box a i{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 50px;
    font-size: 35px;
}
.link-box.profile-link-box{
    background-color:#14baf4;
}
.link-box.profile-link-box a i{
   color:#14baf4;
}
.link-box.prev-class-link-box{
    background-color:#bb6750;
}
.link-box.prev-class-link-box a i{
    color: #bb6750;
}
.link-box.course-link-box{
    background-color:#ff805d;
}
.link-box.course-link-box a i{
    color:#ff805d;
}
.profile-pic-holder{
    width: 350px;
    height: 350px;
    overflow: hidden;
    margin: 0 auto 30px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow:5px 2px 9px 1px rgba(0,0,0,0.15);
    -moz-box-shadow:5px 2px 9px 1px rgba(0,0,0,0.15);
    box-shadow:5px 2px 9px 1px rgba(0,0,0,0.15);
}
.profile-pic-holder img{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}
.profile-pic-holder a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.profile-pic-holder i{
    display: block;
    position: absolute;
    top:40%;
    right:-40px;
    z-index: 11;
    width:80px;
    height:80px;
    padding: 10px 10px 10px 20px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: -12px 0px 6px -9px rgba(0,0,0,0.8);
    -moz-box-shadow: -12px 0px 6px -9px rgba(0,0,0,0.8);
    box-shadow: -12px 0px 6px -9px rgba(0,0,0,0.8);
    border-radius:20px;
    margin:0 auto;
    line-height: 60px;
    font-size:30px;
    color: #fff;
    -webkit-transition:0.6s;
    transition:0.6s;
}
.profile-pic-holder:hover i {
    right: -20px;
    -webkit-transition:0.6s;
    transition:0.6s;
}
.profile-edit-form .label-txt{
    font:400 15px/1.2 'Montserrat', sans-serif;
    text-transform: capitalize;
    color:#444;
    margin-bottom: 5px;
}
.profile-edit-form .pro-info-txt{
    height:40px;
    width: 100%;
    position: relative;
    font:400 18px/1.2 'Montserrat', sans-serif;
    color:#333;
}
.profile-edit-form .pro-info-txt a{
    display: block;
    min-height:30px;
    width: 100%;
    z-index: 1;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    cursor: default;
}
.profile-edit-form .pro-info-txt i{
    float: right;
}
.profile-edit-form .pro-info-txt .field-link-txt, .profile-edit-form .pro-info-txt .field-link{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
}
.profile-edit-form .pro-info-txt .field-link-txt {
    z-index: 1;
}
.profile-edit-form .pro-info-txt .field-link{
    height:50px;
    display: none;
    z-index: 122;
}
.profile-edit-form .pro-info-txt .field-link .form-control{
    height:40px !important;
    min-height: 40px !important;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 8px 15px;
    display: block;
    float: left;
    /*width: calc(100% - 50px);*/
    width:100%;
}
.profile-edit-form .pro-info-txt .field-link i{
    margin: 10px 0 0 5px;
    color: #ff805d;
    font-size: 30px;
}
.profile-edit-form .form-group{
    height:80px;
}
.profile-edit-form .form-group.message-row{
    height: 140px;
}
.message-row .pro-info-txt a.field-link-txt, .message-row .pro-info-txt .field-link .form-control{
    height: 100px !important;
    overflow: auto;
    line-height: 1.5;
}
.pro-update-btn{
    display: none;
}
.dashboard-page #form3-6.sec-common, .course-all-page #course-all.sec-common{
    padding-bottom: 80px;
}
.course-all-page #course-all.sec-common .link-box{
    font-size: 22px;
}
.course-all-page #course-all.sec-common .link-box a i {
    display: block;
    margin-bottom: 10px;
}
.course-acco .card .list-common.list-multi-step-in{
    display: none;
    margin: 5px 0 0 0;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li a{
    color: #000 !important;
}
.course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li a:hover{
    color: #999 !important;
}
.back-fix-btn{
    display: block;
    position: fixed;
    top:20%;
    left:-2px;
    z-index: 69797;
    margin: 0;
    padding: 10px;
    border-radius: 0 50px 50px 0;
    text-transform: none;
}
.back-fix-btn:hover{
    background-color: #fff !important;
    border-color: #f6f6f6 !important;
}
.course-acco .card .panel-body .list-common li a i.fa-youtube{
    color:#ff0000 ;
}
.course-acco .card .panel-body .list-common li a i.fa-file-pdf{
    color: #E61E25;
}
.course-acco .card-header{
    padding:0;
}
.course-acco .card-header .panel-title{
    display: block;
    padding: .75rem 1.25rem;
}
.course-acco .card .panel-body{
    padding: 0 !important;
}
.course-acco .card .panel-body .list-common{
    padding-top: 10px;
}
.course-acco .card .panel-body > .list-common > li{
    padding:5px 1.5rem 5px;
}
.course-acco .card .panel-body .list-common li:last-child{
    border-bottom: none;
}
.course-acco .card .panel-body .list-common li.active {
    background-color: #ff805d;
}
.course-acco .card .panel-body .list-common li.active a, .course-acco .card .panel-body .list-common li.active a i.fa-file-pdf, .course-acco .card .panel-body .list-common li.active a i.fa-youtube{
    color: #fff !important;
}
.course-acco .card .panel-body .list-common.list-multi-step-in{
    padding: 0;
    padding-top: 10px;
}
.course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li{
    padding:5px 10px 5px;
}
.course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li.active {
    background-color: #ff805d;
}
.course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li.active a, .course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li.active a i.fa-file-pdf, .course-acco .card .panel-body .list-common.list-multi-step li .list-common.list-multi-step-in li.active a i.fa-youtube, .course-acco .card .panel-body .list-common li.active a:hover {
    color: #fff !important;
}
.link-box.technic-link-box{
    background-color: #398fa9;
}
.link-box.technic-link-box a i {
    color: #398fa9;
}

.wha-we-do{
    background-color:#fff ;
}
.wha-we-do .pt-5{
    padding-top: 20px !important;
}
.wha-we-do .mbr-crt-title .card-title span{
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font:600 25px/1.2 'Montserrat', sans-serif;
    color:#063749 ;
    text-transform: capitalize;
    text-align: right;
    float: right;
}
.wha-we-do .card-box .mbr-text.display-7{
    font:400 15px/1.2 'Montserrat', sans-serif;
    color:#888 ;
}
.wha-we-do .mbr-crt-title .card-title i{
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    border-radius: 50%;
    margin: 0 0 5px;
    color: #fff;
    font-size:26px;
    text-align: center;
    line-height: 50px;
}
.android-sec .mbr-crt-title .card-title i{
    background-color: #a4c639;
}
.web-sec .mbr-crt-title .card-title i{
    background-color:#E96228;
}
.ios-sec .mbr-crt-title .card-title i{
    background-color:#444;
}
.graphic-sec .mbr-crt-title .card-title i{
    background-color:#E749A0;
}
.wha-we-do .align-left .mbr-crt-title .card-title span{
    float: left;
    text-align: left;
}
.wha-we-do .align-left .mbr-crt-title .card-title i{
    float: left;
}
.project-gallery-sec{
    background-color: #063749;
}
.project-gallery .card{
    height: 420px;
}
.project-gallery .card .card-wrapper{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    border-radius:0 10px 0 10px;
    text-align: center;
}
.project-gallery .card > a{
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.project-gallery .card .card-wrapper .card-img{
    height:200px;
    overflow: hidden;
    border-radius:0;
    padding:1px;
    margin: 0 auto 10px;
    border:2px solid #fff;
    -webkit-box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
    -moz-box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
    box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
}
.project-gallery .card .card-wrapper .card-title{
    font:600 20px/1.2 'Sifonn Pro', sans-serif;
    color:#063749 ;
    margin: 15px auto 10px;
}
.project-gallery .card .card-wrapper .btn{
    padding: 10px 20px;
    font-size: 13px;
}
.project-gallery-sec .sub-heading{
    color: #fff;
}
.project-gallery .card .card-wrapper .mbr-text{
    font:400 15px/1.2 'Montserrat', sans-serif;
    color:#999 ;
    text-transform: capitalize;
    margin: 0 auto 10px;
}

.technology-sec{
    background-color: #fff;
}
.technology-sec .mbr-social-likes .btn-social{
    cursor: default;
    width: 64px;
    height: 64px;
}
.technology-sec .mbr-social-likes .btn-social i{
    font-size: 30px;
    line-height: 64px;
}
.technology-sec .mbr-social-likes .btn-social.android-icon {
    background-color: #a4c639;
    border-color: #a4c639;
}
.technology-sec .mbr-social-likes .btn-social.laravel-icon {
    background-color: #f55247;
    border-color: #f55247;
}
.technology-sec .mbr-social-likes .btn-social.php-icon {
    background-color: #4f5b93;
    border-color: #4f5b93;
}
.technology-sec .mbr-social-likes .btn-social.wordpress-icon {
    background-color: #21759b;
    border-color: #21759b;
}
.technology-sec .mbr-social-likes .btn-social.ios-icon {
    background-color: #8e8e93;
    border-color: #8e8e93;
}
.technology-sec .mbr-social-likes .btn-social.html-icon {
    background-color: #e34f26;
    border-color: #e34f26;
}
.technology-sec .mbr-social-likes .btn-social.bootstrap-icon {
    background-color: #080135;
    border-color: #080135;
}
.technology-sec .mbr-social-likes .btn-social.photoshop-icon {
    background-color: #E749A0;
    border-color: #E749A0;
}
.technology-sec .mbr-social-likes .btn-social.gitlab-icon {
    background-color: #FCA326;
    border-color: #FCA326;
}
.technology-sec .mbr-social-likes .btn-social.react-icon {
    background-color: #00d8ff;
    border-color: #00d8ff;
}

.technology-sec .mbr-social-likes .btn-social:hover{
    background-color: transparent;
    -webkit-box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
    -moz-box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
    box-shadow:4px 13px 13px -8px rgba(0,0,0,0.45);
}
.technology-sec .mbr-social-likes .btn-social i{
    color: #fff;
}

.technology-sec .mbr-social-likes .btn-social.android-icon:hover i{
    color: #a4c639;
}
.technology-sec .mbr-social-likes .btn-social.laravel-icon:hover i{
    color: #f55247;
}
.technology-sec .mbr-social-likes .btn-social.php-icon:hover i{
    color: #4f5b93;
}
.technology-sec .mbr-social-likes .btn-social.php-icon:hover i{
    color: #4f5b93;
}
.technology-sec .mbr-social-likes .btn-social.wordpress-icon:hover i{
    color: #21759b;
}
.technology-sec .mbr-social-likes .btn-social.ios-icon:hover i{
    color: #8e8e93;
}
.technology-sec .mbr-social-likes .btn-social.ios-icon:hover i{
    color: #8e8e93;
}
.technology-sec .mbr-social-likes .btn-social.html-icon:hover i{
    color: #e34f26;
}
.technology-sec .mbr-social-likes .btn-social.bootstrap-icon:hover i{
    color: #080135;
}
.technology-sec .mbr-social-likes .btn-social.photoshop-icon:hover i{
    color: #E749A0;
}
.technology-sec .mbr-social-likes .btn-social.gitlab-icon:hover i{
    color: #FCA326;
}
.technology-sec .mbr-social-likes .btn-social.react-icon:hover i{
    color: #00d8ff;
}

.menu.cid-qTkzRZLJNu .navbar{
    background-color: #14baf4;
    background: linear-gradient(45deg, #14baf4, #ff805d);
}
.navbar-logo a img, .footer-sec .foot-logo{
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
    -moz-box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
    box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
}
/*#menu1-0 .nav-link:hover, #menu1-0 .dropdown-item:hover {
    color: #333 !important;
}*/
/*.home-banner .btn-primary, .home-banner .btn-primary:active {
    background-color: #ff805d !important;
    border-color: #ff805d !important;
}
.home-banner .btn-primary:hover {
    background-color: #14baf4 !important;
    border-color: #14baf4 !important;
}*/
.footer-sec .social-list .soc-item a{
    opacity: 1;
}
.footer-sec .social-list .soc-item a:hover{
    opacity: 0.5;
}
.team-sec .carousel-item .wrap-img{
    background-color: #fff;
}
.contact-sec {
    background-color:#fff;
}
.contact-sec .contact-form{
    margin:40px auto 0;
}
.contact-sec .contact-form .form-group .form-control{
    background-color: #edf6f9;
    border-color: #cde1e8;
}
.testimonials-slider .carousel-item .user_image{
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
    overflow: hidden;
    border-radius: 50%;
    border:3px solid #fff;
}
.testimonials-slider .carousel-item .user_image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}
.testimonials-slider .user.col-md-8.align-center{
    margin: 0 auto;
}
.testimonials-slider .carousel-controls i{
    color:#14baf4 ;
    font-size: 35px;
}
.testimonials-slider .carousel-inner{
    margin:30px auto 0;
}
.testimonials-slider .heading{
    color: #444;
}
.testimonials-slider .user_text .display-7{
    font:400 16px/1.6 'Montserrat', sans-serif;
    color:#444;
    margin: 0 auto 10px;
}
.testimonials-slider .user .user_name{
    font:400 19px/1 'Sifonn Pro', sans-serif;
    color:#14baf4;
    margin: 0 auto 5px;
    padding: 0;
}
.testimonials-slider .user .user_desk{
    font:400 16px/1 'Montserrat', sans-serif;
    color:#fff;
    margin: 0 auto;
}
section.menu, section.home-banner{
    padding: 0 !important;
}
section.menu.cid-qTkzRZLJNu .navbar{
    background: none;
    background-color: rgba(255,255,255,0.1);
}
section.menu.cid-qTkzRZLJNu .navbar .menu-logo .navbar-brand .navbar-logo{
    width: 30px;
    height: 30px;
}
section.menu.cid-qTkzRZLJNu .navbar.navbar-short{
    background-color:rgba(255,255,255,0.9);
}
section.menu.cid-qTkzRZLJNu .navbar.navbar-short .menu-logo .navbar-brand .navbar-logo{
    height: 50px;
}
.navbar-nav .nav-item .text-primary {
    color: #fff !important;
    font:400 18px/1 'Montserrat', sans-serif;
    text-shadow:1px 1px 1px #000;
    transition: .2s opacity ease-in-out;
}
section.menu.cid-qTkzRZLJNu .navbar .nav-item .text-primary:hover, section.menu.cid-qTkzRZLJNu .navbar #menu1-0 .nav-link:hover{
    color: #fff !important;
    text-shadow: 2px 2px 1px transparent;
    transition: .2s opacity ease-in-out;
}
section.menu.cid-qTkzRZLJNu .navbar.navbar-short .navbar-nav .nav-item .text-primary {
    color: #14baf4 !important;
    text-shadow:none;
}
section.menu.cid-qTkzRZLJNu .navbar.navbar-short .nav-item .text-primary:hover, section.menu.cid-qTkzRZLJNu .navbar.navbar-short #menu1-0 .nav-link:hover{
    color: #ff805d !important;
    text-shadow:none;
    transition: .2s opacity ease-in-out;
}
.wha-we-do .hidden-desk{
    display: none;
}
.team-sec .team-item .team-box{
    height: 390px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto 20px;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}
.team-sec .team-item .team-box .item-image{
    width: 100%;
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
}
.team-sec .team-item .team-box .item-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}
.team-sec .team-item .team-box .item-name .mbr-fonts-style{
    font:normal 18px/1 'Sifonn Pro', sans-serif;
    color:#14baf4;
    margin: 0 auto 5px;
}
.team-sec .team-item .team-box .item-role > *{
    display: block;
    font-family:'Montserrat', sans-serif;
}
.team-sec .team-item .team-box .item-role span{
	color:#14baf4;
	font-weight:bold;
}

.team-sec .team-item .team-box:hover{
    background-color: #f8f8f8;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    -webkit-box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
    -moz-box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
    box-shadow: 4px 13px 13px -8px rgba(0,0,0,0.45);
}
.team-sec .team-item .team-box:hover .item-image img {
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
.team-sec .team-item .team-box:hover .item-name .mbr-fonts-style{
    color:#444;
}
.team-sec{
    background-color: #edf6f9;
}
.testimonials-slider {
    background-color: #063749;
}
.testimonials-slider .heading{
    color: #fff;
}
.testimonials-slider .user_text .mbr-fonts-style{
    color: #b5d8e6;
}
.contact-form .input-group-btn .btn{
    border-radius: 30px;
}

.team-sec .could-team{
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
.wha-we-do .mid-block-content{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.wha-we-do .mid-block-content *{
    text-align: justify;
    text-align-last: center;
    margin-right: auto;
    margin-left: auto;
}
.wha-we-do .mid-block-content .mbr-crt-title .card-title i{
    float: none;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.aws-sec .mbr-crt-title .card-title i{
    background-color:#14baf4;
}
.wha-we-do .card{
    height: 180px;
}
/* New CSS end */

/* Responsive start */
@media (max-width:1200px) {
    #menu1-0.cid-qTkzRZLJNu .menu-logo .navbar-brand .navbar-logo a img{
        height: 60px !important;
    }
    #menu1-0.cid-qTkzRZLJNu .nav-item a{
        margin: 0 0 0 16px !important;
        font-size: 13px;
    }
    .course-all-page #course-all.sec-common .link-box {
        font-size: 18px;
    }
    #menu1-0.cid-qTkzRZLJNu .nav-item a {
        margin-left:6px !important;
    }
    #menu1-0.cid-qTkzRZLJNu .menu-logo .navbar-brand .navbar-logo a img {
        height: 48px !important;
    }
}

@media (max-width:1024px) {
    .wha-we-do .hidden-mob{
        display: none;
    }
    .wha-we-do .hidden-desk{
        display: block;
        width: 20% !important;
    }
    #content5-a{
        display: none;
    }
    .wha-we-do .mid-block-content {
        max-width: 100%;
    }
}


@media (max-width: 991px) {
    #header2-1 .heading {
        font-size: 70px;
    }
    #header2-1 .sub-heading {
        font-size: 30px;
    }
    #footer1-2.cid-qTkAaeaxX5 .media-wrap img {
        height: 70px;
    }
    #footer1-2 .foot-link-1 strong{
        display: block;
    }
    #footer1-2 .foot-link-1 .para{
        margin-bottom: 10px;
    }
    #menu1-0.cid-qTkzRZLJNu .nav-item a {
        justify-content: left;
    }
    #counters4-8.sec-common{
        padding-bottom: 0;
    }
    #gallery4-d.sec-common{
        padding-top: 0;
    }
    .part-course, .compelete-course {
        font-size: 28px;
    }
    .course-all-page #course-all.sec-common .link-box {
        font-size:22px;
    }
    .course-all-page .link-box a {
        height:190px;
    }
    .back-fix-btn {
        z-index: 500;
    }
    .wha-we-do .card{
        padding-bottom: 0 !important;
    }
    .wha-we-do .block-content.align-left, .wha-we-do .block-content.align-right{
        text-align: left;
    }
    .wha-we-do .mbr-crt-title .card-title span{
        text-align: left;
        float: left;
    }
    .wha-we-do .mbr-crt-title .card-title i{
        float: left;
    }
    section.menu.cid-qTkzRZLJNu .navbar.opened {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .team-sec .team-item .team-box .item-image img{
        width: 70%;
    }
    /*.wha-we-do .mid-block-content {
        margin: 0;
        text-align: left;
    }
    .wha-we-do .mid-block-content *{
        margin-left: 0 !important;
        margin-rightt: 0 !important;
    }
    .wha-we-do .mid-block-content *:not(i){
        text-align: left;
        text-align-last: left;
    }*/
    .wha-we-do .card{
        height:auto;
    }
    .wha-we-do .card *{
        float: none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        text-align: center !important;
    }
    .wha-we-do .card .mbr-crt-title .card-title{
        padding: 10px 0 0 0 !important;
    }
    #header2-1 .sub-heading span {
        display: block;
    }
}

@media (max-width: 767px){
    #header2-1 .heading {
        font-size: 60px;
    }
    #header2-1 .sub-heading {
        font-size: 40px;
    }
    .ab-pic {
        display: block;
        width:300px;
        height: auto;
        margin: 0 auto 20px;
        float: none;
    }
    .heading {
        font-size: 35px;
    }
    .sub-heading {
        font-size: 20px;
    }
    #footer1-2 .sub-heading {
        margin-bottom: 10px;
    }
    #footer1-2.cid-qTkAaeaxX5 .media-wrap img {
        height: 70px;
    }
    #services2-e .media-container-row{
        display: block;
        width: 100%;
    }
    #counters4-8 .media-container-row .media-block{
        padding-right: 0;
    }
    .alert {
        font-size:20px;
    }
    .footer-lower hr{
        display: none;
    }
    .profile-edit-form .form-group{
        max-width: 100%;
    }
    .course-all-page .link-box a {
        height: auto;
    }
    .course-all-page .link-box a span br {
        display: none;
    }
    .dashboard-page .link-box{
        font-size: 30px;
    }
    .inner-page .heading {
        margin: 10px auto;
    }
    .foot-logo{
        margin: 0 auto;
    }
    .wha-we-do .hidden-desk {
        display: none;
    }
    .team-sec .team-item .team-box .item-image img {
        width:40%;
    }
    .team-sec .team-item .team-box {
        height: auto;
    }
    .btn-md{
        padding: 10px 20px;
    }
    .contact-form .input-group-btn .btn {
        border-radius: 50px;
        padding: 10px 20px;
    }
    .form-group {
        margin-bottom: 0;
    }
    .pb-5, .py-5 {
        padding-bottom:10px !important;
    }
    .testimonials-slider .user_text .display-7 {
        padding: 0 30px;
    }
}


@media (max-width: 480px){
    .heading {
        font-size: 22px;
    }
    #header2-1 .heading {
        font-size: 30px;
    }
    #header2-1 .sub-heading {
        font-size: 18px;
    }
    .sub-heading {
        font-size: 16px;
        line-height: 1.3;
    }
    .para {
        font-size: 14px;
        line-height: 1.5;
    }
    #form3-6 .input-group-btn .btn{
        max-width: 200px;
        width: 100%;
        padding: 10px;
        margin: 0 auto !important;
    }
    #form3-6 .input-group-btn .btn.pro-edit-btn {
        display: block;
    }
    .profile-pic-holder {
        width: 300px;
        height: 300px;
    }
    .team-sec .team-item .team-box .item-image img {
        width: 70%;
    }
}
/* Responsive end */