.brc {
    margin: 63px auto;
    display: block;
    text-align: right;
}

.bros {
    text-align: center;
    display: block;
    margin: 32px auto;
}

.bros select 
{
     padding: 8px 16px; 
    border:1px solid black;
    background-color:transparent;
     border-radius: 8px; 
    width: 250px;
    
}
.bros select:focus 
{
   border:1px solid black;
    border-radius: 8px; 
   outline:none!important;
}

button:focus {
  
    outline: none;
}

.dwn {
    margin: 28px auto;
    display: block!important;
}

.btn-solid-reg {
    display: inline-block;
    padding: 19px 27px 10px;
    border: 0.125rem solid #1e4169;
    border-radius: 2rem;
    background-color: #1e4169;
    color: #fff;
    font: 700 0.75rem/0 "Raleway", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
    font-size: 16px;
}

.btn-solid-reg i 

{
    margin-top:-8px;
}

.vcn {
    background-color: #cccccc5c;
    margin: 65px 0px 30px 0px;
}

    
    
    /* About Header */
	.general-header {
		background: url(../../img/franchise/general-data.jpg) top no-repeat;
    background-size: cover;
    height: 90%; 
    background-position:top;
	}

	.general-header .general-header-content {
		padding-top: 13.5rem;
		text-align: left;
		padding-bottom: 20.5rem;
	}

	.general-header .text-container {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* About Header */
.aboutus-title {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 39px;
    padding: 0 0 11px;
    position: relative;
    text-transform: capitalize;
    color: #393939;
}
.aboutus-title::after {
    background: #fdb801 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 54px;
}
.tin 
{
    text-align: justify;
}

section{
	padding: 60px 0;
}
section .section-title{
	text-align:center;
	color:#007b5e;
	margin-bottom:50px;
	text-transform:uppercase;
}
#what-we-do{
	background:#ffffff;
}
#what-we-do .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
	/* padding-left: 50px; */
    position: relative;
}
#what-we-do .card .card-block a{
	color: #007b5e !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;
	
}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
.dif {
    background-color: #cccccc2b;
    padding: 40px 30px;
}
p.card-text {
    height: 136px;
}
.card-title
{
    font-size:17px;
}
/* #what-we-do .card .block-1:before{
    content: "\f013";
}
#what-we-do .card .block-2:before{
    content: "\f0eb";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f209";
}
#what-we-do .card .block-5:before{
    content: "\f0a1";
}
#what-we-do .card .block-6:before{
    content: "\f218";
} */
#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

.section-title {
    margin-bottom: 38px
}
.tile 
{
    font-size: 16px;
    line-height: 19px;
    height: 30px;
}
.card-body p {
    height: 170px;
    font-size: 13px;
    text-align:justify;
}
.shadow,
.subscription-wrapper {
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1) !important
}

.icon-primary {
    color: #1e4169;
}

.icon-bg-circle {
    position: relative
}

.icon-lg {
    font-size: 50px
}

.icon-bg-circle::before {
    z-index: 1;
    position: relative
}

.icon-bg-primary::after {
    background: #062caf !important
}

.icon-bg-circle::after {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    top: -35px;
    left: 15px;
    border-radius: 50%;
    background: inherit;
    opacity: .1
}

p,
.paragraph {
    font-weight: 400;
    color: #8b8e93;
    font-size: 15px;
    line-height: 1.6;
 
}

.icon-bg-yellow::after {
    background: #f6a622 !important
}

.icon-bg-purple::after {
    background: #7952f5
}

.icon-yellow {
    color: #1e4169;
}

.icon-purple {
    color:#1e4169;
}

.icon-cyan {
    color:#1e4169;
}

.icon-bg-cyan::after {
    background: #02d0a1
}

.icon-bg-red::after {
    background: #ff4949
}

.icon-red {
    color: #1e4169;
}

.icon-bg-green::after {
    background: #66cc33
}

.icon-green {
    color: #1e4169;
}

.icon-bg-orange::after {
    background: #ff7c17
}

.icon-orange {
    color: #1e4169;
}

.icon-bg-blue::after {
    background: #3682ff
}

.icon-blue {
    color:#1e4169;
}

@media only screen and (max-width:768px)
{
    .general-header {
        background: url(../../img/franchise/general-data.jpg) top no-repeat;
        background-size: cover;
        height: 90%;
        background-position: unset;
        margin-top: 66px;
    }
    .general-header .general-header-content {
        padding-top: 60px;
        text-align: left;
        padding-bottom: 40px;
    }
    .header h1 {
        margin-bottom: 1.125rem;
        font-size: 18px;
        line-height: 2.125rem;
        margin-left: 193px;
        margin-top: -73px;
    }
    .turquoise {
        color: #292B2C;
        font-size: 26px;
    }
    .tur {
        margin-top: 30px;
        background-color: #f2f2f2;
        width: 143px;
        padding: 18px 12px;
        font-size: 16px;
        line-height: 20px;
    }
    p.card-text {
        height: 100%;
    }
    
    .card-body p {
        height: 100%;
        font-size: 14px;
        text-align: justify;
    }
    .aboutus-title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 32px;
        margin: 0 0 39px;
        padding: 0 0 11px;
        position: relative;
        text-transform: capitalize;
        color: #393939;
    }
    .text-container .pars 
    {
        font-size: 15px;
        line-height: 3.5rem;
        font: inherit;
    }
    .cc {
        max-width: 100%!important;
        padding: 10px 0px 10px 0px;
    }
    .ch {
        max-width: 100%!important;
        padding: 10px 0px 10px 0px;
    }
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        margin-left: -51px;
        color: #1e4169;
        font-size: 12px;
    }
    
}

@media screen and (min-width:768px) and (max-width:1024px)and (orientation : landscape)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        margin-left: -35px;
        color: #1e4169;
        margin-right: 0%;
    }
    p.card-text {
        height: auto;
    }
    .card-body p {
        height: 215px;
        font-size: 13px;
        text-align: justify;
    }
}

@media screen and (min-width:768px) and (max-width:1024px)and (orientation : portrait)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        margin-left: -35px;
        color: #1e4169;
        margin-right:57%;
    }
    .general-header .general-header-content {
        padding-top: 12.5rem;
        text-align: left;
        padding-bottom: 11.5rem;
    }
    .card-body p {
        height: 215px;
        font-size: 13px;
        text-align: justify;
    }
}

@media screen and (min-width:1024px) and (max-width:1366px)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        margin-left: -35px;
        color: #1e4169;
        margin-right: 0%;
    }
    
    .turquoise {
        color: #292B2C;
        font: 700 2rem/3.5rem "Raleway", sans-serif;
    }
    .card-body p {
        height: 215px;
        font-size: 14px;
        text-align: justify;
    }
  
}