html,body{
	overflow-x: hidden;
}
.whats-floated-btn {
    position: fixed;
    display: flex;
    bottom: 1rem;
    right: 5rem;
    z-index: 3;
}
h2{
	font-size: 1.7rem!important;
}
h3{
	font-size: 1.5rem!important;
}
strong{
	color: #3B9CDC!important;
}
img{
	clear: both!important;

}

.header {
    width: 100%;
       
}
.components-resizable-box__container{
	width: auto!important;
}
/* rows */
div.dropdown-multicol{
  width: 50em;
}
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 49%;
}
// this is a white icon with 50% opacity
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 171, 2, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
.aligncenter{
	text-align: center!important;
}
.size-full img{
	width: auto;
	clear: both!important;
	float: none!important;
}
header i{
    font-size: 24px;
}
blockquote{
    background: #d9dde1;
    padding: 30px;
    padding-right: 55px;
    border-radius: 5px;
    position: relative;
}
blockquote:before {
    position: absolute;
    top: 15px;
    right: 15px;
}
blockquote:before {
    content: "\f1ea";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 2.125rem;
    color: rgba(0,0,0,.1);
    font-style: normal;
    line-height: 1;
    z-index: -1;
}
.reviews-cont{
    background-image: url("/images/title-head.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.btn-custom-emtyiaz{
    background: #3498DB!important;
    color: #fff!important;
    border: none!important;
    border-radius: 0!important;
}
.btn-custom-blue{
    background: #FFAB02!important;
    color: #fff!important;
    border: none!important;
    border-radius: 0!important;
}
.btn-custom-blue a{
    color: #fff!important;
}
.btn-custom-emtyiaz a{
    color: #fff!important;
}
.contacts {
    background-color: #225374;
    height: 2.5rem;
    padding: .7rem 5rem 0 5rem;
    z-index: 2;
    position: absolute;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0,0.1);
    width: 100%;
}
.contacts a{
	color: #fff!important;
}
.work-num{
    border: 4px solid #3498DB;
    border-radius: 50%;
    text-align: center;
}

body{
    overflow-x: hidden;
}
.menu {
    background-color: #fff;
}
@media only screen and (min-width: 720px) {
	.home-slider{
	margin-top: 7rem;
}
.sticky {
    position: fixed;
    top:0;
    padding: 3rem 5rem .5rem 5rem;
    margin: 0!important;
    width: 100%;
    z-index: 1;
}
	.nav-bar-container{
		margin-top: 6rem!important;
	}
}

.logo-nav-actions-container {
    display: grid;
    grid-template-columns: auto 16rem;
}

.logo-nav-container {
    display: flex;
    justify-content: space-between;
}

.logo {
    width: 8rem;
}

.bg-none {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: transparent !important;
}

.custom-btn {
    border-radius: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 .2rem;
    padding: 0 .2rem;
    cursor: pointer;
}

.search-btn {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #EDBD31;
}

.check-btn {
    width: 10rem;
    height: 1.8rem;
    background-color: #FFAB02;
    padding: 0 1rem;
    color: #fff;
    font-size: .8rem;
    font-weight: bold;
}

.whats-btn {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #60FC7C;
}

.web-btn {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #3498DB;
}

.search-container {
    display: none;
    margin-top: .5rem;
}

.search-container input {
    width: 90%;
    margin: 0;
    height: 2rem;
    border-radius: .3rem 0 0 .3rem;
}

.search-container button {
    width: 10%;
    margin: 0;
    height: 2rem;
    background-color: #3498DB;
    border-radius: 0 .3rem .3rem 0;
}

.info {
    background-image: url("/images/Path 3042.svg");
    background-size: cover;
    margin: 0 !important;
    margin-top: 9rem !important;
    padding: 1rem 5rem .5rem 5rem;
    width: 100%;
    display: flex;
}

.info-content {
    padding: 0 !important;
}
.title {
    background-image: url("/images/title-head.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 !important;
    margin-top: 9rem !important;
    padding: 1rem 5rem .5rem 5rem;
    width: 100%;
    display: flex;
}
.about{
    margin-top: 9rem !important;
}
.title-head {
    padding: 20px !important;
}
.text-main{
    color: #3498DB!important;
}
.title-head h2{
    color: #08283DCF;
}
.cta-btn {
    width: 12rem;
    height: 2.2rem;
    border-radius: .5rem;
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
}

.services ,.news ,.send-message,footer {
    min-height: 16rem;
    border-radius: 2rem 2rem 0 0;
    background-color: #3B9CDC;
}
.bg-blue{
    background-color: #3498DB;
}
.news {
    background-image: url("/images/Mask Group 7.png");
}

.services-title ,.news-title{
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin: 0 1rem;
}

.see-more-btn {
    width: 8rem;
    height: 2.1rem;
}

.header-img img{
    padding-bottom: 2rem;
    width:40%;
}

.services-container ,.news-container{
    justify-content: space-between;
    overflow-x: hidden;
}

.service button {
    display: none;
}

.service-container ,.single-news-container{
    min-width: 23%;
    max-width: 23%;
}

.service ,.single-news{
    width: 100%;
    height: 12rem;
    background-size: cover;
    border-radius: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

.service:hover button {
    display: inline-block;
}

.pros-img-container {
    justify-content: end;
}

.cta {
    background-color: #3498DB;
}

.reviews {
    background-image: url("/images/Mask Group 7.png");
    position: relative;
}

.reviews-container {
    position: absolute;
    top: 7.8rem;
}

.reviews hr {
    margin: 3rem 0;
}

.review {
    cursor: pointer;
    background-color: transparent;
}

.workFlow {
    background: #fff;
}

.fitImg {
    max-width: 100%;
}

.news-letter {
    background-color: #ECECEC;
}

.footer-service {
    list-style-type: none;
    padding: 0;
}

.separator {
    width: 10px;
}

.vertical-separator {
    height: auto;
    width: 2px;
    background-color: rgba(256, 256, 256,0.5);
}

.nav-bar-container {
    background-color: #3B9CDC;
    padding: 0 5rem;
}

.nav-item {
    height: 3rem;
    line-height: 3rem;
}

.nav-item > a,.nav-link {
    color: white !important;
}

.active {
    background-color: #fff;
}

.active > a{
    color: #3B9CDC !important;
}

@media only screen and (max-width: 850px) {
    .post-content img{
	width: 100%!important;
	height: 100%;
}
.logo-nav-actions-container{
margin-top: 40px;
}
	.title{
		margin-top: 0!important;
		padding: 0!important;
	}
	.about{
		margin-top: 0!important;
	}
    .contacts {
        padding: .4rem 1rem;
    }

    .search-btn {
        display: none;
    }

    .custom-btn {
        border-radius: .3rem;
        margin: 0 .1rem;
        padding: 0 .1rem;
    }

    .check-btn {
        width: 8rem;
    }
	
    .menu {
        padding: 3rem 1rem .5rem 1rem;
    }
    .whats-floated-btn{
		right: 10px;
	}
    .logo-nav-actions-container {
        grid-template-columns: auto 12rem;
    }

    .navbar-toggler-icon {
        width: 1rem !important;
        height: 1rem !important;
    }

    .logo-nav-container {
        flex-direction: row-reverse;
    }

    .search-container {
        display: block;
    }

    .service-container ,.single-news-container{
        min-width: 45%;
        max-width: 45%;
        margin-right: 5%;
    }

    .service ,.single-news{
        height: 6rem;
        border-radius: .8rem;
    }

    .info {
        background-image: none;
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
        padding-bottom: 1rem;
    }

    .info-content {
        padding: 1rem !important;
    }

    .header-img {
        padding: 1rem 0;
        justify-content: center;
        background-image: url("/images/Path 3042.svg");
        background-size: cover;

    }

    .header-img img{
        width:100%;
    }

    .services-title ,.news-title{
        font-size: 1.2rem;
        margin: 0 .5rem;
    }

    .services ,.news{
        border-radius: 1rem 1rem 0 0;
    }

    .pros-img-container {
        justify-content: center;
    }    
}

/* Articles iframe video */
.MsoNormal iframe{
    width: 100%;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}