body{
padding: 0;
margin: 0;
font-family: sans-serif;
background-color: #fff;
}
a{
    text-decoration: none;
    color: #fff;
}
.headphones{
    color: #c10931;
}
.header_bg{
position: relative;
background-color: black;
width: 100%;
height: 600px;
object-fit: cover;
display: flex;
justify-content: center;
}
.headerBgCon{
width: 100%;
height: 100%;
}
.header_bg img{
width: 100%;
height: 100%;
}
.header_bg_text{
position: absolute;  
color: #fff;  
background-color: transparent;
width: 40%;
height: auto;
left: 3%;
top: 30%;
}
h1, h2, h3, h4, h5, h6, p{
margin: 0;
}
.headingTxt{
font-size: 35px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .07em;
line-height: 1.9em;
}

.h2Red{
color: #c10931;
}
.iconDivBgHead{
margin-top: 10px;
}
.iconDivBgHead span{
margin-right:  10px;
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
letter-spacing: .07em;
}
.iconDivBgHead span i{
margin-right:  7px;
color: #c10931;
}
.iconDivBgHead span::after{
content: '|';
margin-left: 10px;
}
.iconDivBgHead span:last-child::after{
content: '';
}
.infoHeadrBgTxt{
margin-top: 25px;
text-transform: capitalize;
font-size: 25px;
font-weight: 500 !important;
letter-spacing: .07em;
line-height: 1.7em;
}
.headerBtunSec{
margin-top: 25px;
}
.headerBtunSec button{
margin-right: 25px;
padding: 20px 40px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .07em;
border: none;
border-radius: 8px;
display: inline-flex;
outline: none;
align-items: center;
cursor: pointer;
}
.headerBtunSec button i{
margin-left: 15px;
font-size: 30px;
}
.btnRed{
color: #fff;
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
}
button:focus{
outline: none;
}
.btnWhite i{
color: #c10931;
}
.headerNav{
position: absolute;
background-color: #fff;
width: 90%;
height: 80px;
top: 5%;
padding: 0;
border-radius: 10px;
}
.headerNav .row{
display: flex;
box-sizing: border-box;
align-items: center;
width: 100%;
height: 100%;
}
.headerNav .col{
width: 50%;
height: 100%;
}
.logoBox{
width: 80px;
height: auto;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.logoBox h3{
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .05em;
color: #c10931;
margin-top: -10px;
}
.logoBox h3 span{
font-size: 50px;    
}
.navMneuSec{
display: flex;
justify-content: end;
align-items: center;
width: 100%;
height: 100%;
}
.navMneuSec div{
width: 100px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.navMneuSec div:last-child{
background: #c10931;
color: #fff;
border-bottom-left-radius: 25px;
}
.navMneuSec div i{
font-size: 40px;
}
.body_content{
position: relative;
background: transparent;
}
.conteiner{
width: 90%;
height: auto;
margin: auto;
position: relative;
}
.section1{
background-color: #fff;
padding: 25px;
border-radius: 10px;
border: 1px solid #ccc;
width: 100%;
height: auto;
box-sizing: border-box;
position: relative;
top: -25px;
box-shadow: 2px 2px 10px #000000;
display: flex;
}
.section1 .col{
width: 25%;
background-color: transparent;
text-align: center;
border-right: 2px solid #ccc;
}
.section1 .col:last-child{
border-right: none;
}
.circleIcon{
width: 60px;
height: 60px;
border: 2px solid #c10931;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.circleIcon i{
font-size: 30px;
color: #c10931;
}
.iconboxTxt {
margin-top: 15px;
}
.iconboxTxt p{
text-transform: capitalize;
letter-spacing: .07em;
}
.iconboxTxt p:first-child{
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.iconboxTxt p:last-child{
font-size: 15px;
font-weight: 500;
color: #777;
}
.section2{
width: 100%;
box-sizing: border-box;
display: flex;
height: auto;
}
.section2 .col{
width: 50%;
height: 300px;
position: relative;
background-color: transparent;
margin-right: 20px;
object-fit: cover;
border-radius: 15px;
box-shadow: 2px 2px 10px #000000;
}
.section2 .col:last-child{
margin-right: 0;   
}
.section2 .col .fixedBg{
width: 100%;
height: 100%;
border-radius: 15px;
}
.whiteBg{
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: .7;
border-radius: 15px;
}
.redBg{
width: 100%;
height: 100%;
background-color: #c10931;
position: absolute;
top: 0;
left: 0;
opacity: .7;
border-radius: 15px;
}
.centerImg{
position: absolute;
left: 200px;
top: 25px;
}
.centerTxtBox{
position: absolute;
left: 150px;
top: 30%;
text-align: center;
}
.centerTxtBox .rows{
display: flex;
box-sizing: border-box;
}
.centerTxtBox .rows .cols .txt1{
font-size: 100px !important;
font-weight: 600;
}
.centerTxtBox .rows .cols h1{
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .07em;
color: #fff;
}
.centerTxtBox h2{
font-size: 30px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: .07em;
color: #fff;
}
.bodyMneu_div{
background-color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 2px 2px 10px #000000;
margin-top: 25px;
overflow: hidden;
overflow-x: auto;
}
.bodyMneu_div ul{
display: flex;
width: max-content;
list-style-type: none;
background-color: transparent;
padding: 0;
margin: 0;
}
.bodyMneu_div ul li{
margin-right: 10px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .07em;
padding: 12px 24px;
border-radius: 10px;
cursor: pointer;
border-right: 2px solid #ccc;
}
.bodyMneu_div ul li:last-child{
border-right: none;
}
.bodyMneu_div ul li.active{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
color: #fff;
}
.bodyMneu_div ul li i{
font-size: 20px;
border: 2px solid #c10931;
color: #c10931;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border-radius: 100%;
}
.bodyMneu_div ul li.active i{
border: 2px solid #fff;
color: #fff;  
}
.higlightBtnDiv{
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
margin-bottom: 50px;
}
.higlightBtnDiv button{
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .07em;
padding: 16px 32px;
border-radius: 10px; 
border: none;  
cursor: pointer; 
}
.siteCards{
box-shadow: 1px 1px 10px #979696;
display: flex;
box-sizing: border-box;  
margin-top: 10px;
padding: 15px;
border-radius: 10px;
align-items: center;
}
.siteCards .colSites{
border-right: 2px solid #ccc;
width: 20%;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
letter-spacing: .07em;
padding: 8px 16px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.siteCards .colSites:last-child{
border-right: none;
}
.colSites button{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .07em;
padding: 16px 32px;
border-radius: 10px; 
border: none;  
cursor: pointer; 
display: inline-flex;
align-items: center;
}
.colSites button i{
margin-left: 8px;
font-size: 18px;
}
.section3{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
box-shadow: 1px 1px 10px #979696;
margin-top: 40px;
display: flex;
align-items: center;  
box-sizing: border-box;
padding: 30px;
border-radius: 10px;
}
.section3 .colSec3{
width: 25%;
background-color: transparent;
display: inline-flex;
align-items: center;
}
.section3 .colSec3 .insideCol:first-child{
width: 30%;
display: flex;
justify-content: center;
}
.section3 .colSec3 .insideCol:last-child{
width: 70%;
text-align: left;
text-transform: capitalize;
letter-spacing: .07em;
font-weight: 600;
color: #fff;
}
.section3 .colSec3 .insideCol:last-child P{
font-weight: 500 !important;
}
.section3 .colSec3 .insideCol:first-child i{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, red 80%);
width: 60px;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 35px;
color: #fff;
border-radius: 10px;
padding: 10px;
margin-right: 15px;
border: 2px solid red;
}
.section4{
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 1px 10px #979696;
padding: 30px;
border-radius: 10px;
margin-bottom: 40px;
margin-top: 40px;
}
.section4 .threCol{
width: 30%;
}
.threColImg{
width: 250px;
height: 250px;
object-fit: cover;
}
.threColImg img{
width: 100%;
height: 100%;
}
.threCol:nth-child(1) h4{
text-transform: uppercase;
letter-spacing: .02em;
font-size: 40px;
font-weight: 900;
color: #c10931;
line-height: 1.2em;
}
.threCol:nth-child(1) p{
font-size: 25px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: .07em;
margin-top: 10px;
}
.threCol:nth-child(2), .threCol:nth-child(3){
display: inline-flex;
justify-content: center;
align-items: center;
}
.threCol:nth-child(3){
flex-direction: column;
}
.threCol:nth-child(3) button{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .07em;
padding: 30px 80px;
border-radius: 10px; 
border: none;  
cursor: pointer; 
display: inline-flex;
align-items: center; 
margin-bottom: 20px;
}
.threCol:nth-child(3) button i{
margin-left: 10px;
}
.threCol:nth-child(3) p{
text-transform: uppercase;
color: #000000;
font-size: 16px;
font-weight: 600;
letter-spacing: .07em;
}
.footerSec{
background-color: #c10931;
background-image: linear-gradient(to bottom, #c10931 20%, #8e001f 80%);
color: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.flexFooter{
display: flex;
align-items: center;
padding: 25px;
}
.flexFooter .col{
width: 25%;
height: 230px;
border-right: 2px solid #ccc;
padding: 0 10px;
}
.flexFooter .col:last-child{
border-right: none;
}
.flexFooter .col .logoBox{
width: 80px;
height: auto;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.flexFooter .col .logoBox img{
width: 100%;
height: 100%;
}
.flexFooter .col .logoBox h3{
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .05em;
color: #fff;
margin-top: -10px;
}
.flexFooter .col .logoBox h3 span{
font-size: 40px;    
}
.txtDivFoot p{
line-height: 1.4em;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: .07em;
}
.socialDiv{
margin-top: 20px;
}
.socialDiv i{
font-size: 25px;
width: 50px;
height: 50px;
margin-right: 15px;
background-color: #ccc;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.fbIcon, .teleIcon{
background: blue !important;
}
.instIcon{
background: #aa029c !important;
}
.whatsIcon{
background: #019f19 !important;
}
.footerLinksDiv h3{
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: .07em;
text-decoration: underline;
text-underline-offset: 10px;
}
.footerLinksDiv ul{
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 20px;
}
.footerLinksDiv ul li{
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: .07em;
margin-top: 10px;
cursor: pointer;
}
.footerLinksDiv ul li i{
margin-right: 8px;
}
.copyRightDiv{
display: flex;
box-sizing: border-box;
align-items: center;
padding: 10px;
}
.copyRightDiv .col{
width: 50%;
}
.copyRightDiv p{
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: .07em;
}
.copyRightDiv .col:last-child{
display: flex;
justify-content: end;
align-items: center;
}
.copyRightDiv .col:last-child p{
color: red;
}
.copyRightDiv .col:last-child p:last-child{
margin-left: 10px;
width: 50px;
height: 50px;
border: 2px solid red;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
color: #fff !important;
}

@media only screen and (max-width: 768px) {
.logoBox h3 {
font-size: 15px;
margin-top: 0;
}
.logoBox h3 span {
font-size: 25px;
}
.navMneuSec div {
width: 70px;
}
.navMneuSec div i {
font-size: 30px;
}
.headingTxt {
font-size: 20px;
}
.iconDivBgHead, .headerBtunSec {
margin-top: 10px;
}
.iconDivBgHead span {
font-size: 12px;
margin-right: 5px;
}
.iconDivBgHead span i {
margin-right: 0;
color: #c10931;
}
.infoHeadrBgTxt {
margin-top: 10px;
font-size: 15px;
}
.headerBtunSec button {
margin-right: 10px;
padding: 10px 10px;
font-size: 12px;
}
.headerBtunSec button i {
margin-left: 15px;
font-size: 16px;
}
.header_bg_text{
width: 95%;
}
.headerNav{
width: 95%;
top: 2%;
}
.header_bg{
height: 350px;
}
.section1{
padding: 8px;
top: -15px;
}
.circleIcon{
width: 30px;
height: 30px;
}
.circleIcon i{
font-size: 15px;
}
.iconboxTxt p:first-child{
font-size: 12px;
}
.iconboxTxt p:last-child{
font-size: 10px;
}
.iconboxTxt {
margin-top: 8px;
}
.conteiner{
width: 95%;
}
.section1 .col{
padding: 5px;
}
.centerImg {
left: 30%;
top: 12px;
width: 75px;
height: auto;
}
.section2 .col {
height: 100px;
}
.centerTxtBox {
left: 2%;
top: 20px;
}
.centerTxtBox .rows .cols .txt1 {
font-size: 40px !important;
}
.centerTxtBox .rows .cols h1 {
font-size: 20px;
}
.centerTxtBox h2 {
font-size: 12px;
}
.bodyMneu_div {
padding: 10px;
}
.bodyMneu_div ul li {
margin-right: 5px;
font-size: 12px;
padding: 7px 10px;
}
.bodyMneu_div ul li i {
font-size: 15px;
width: 24px;
height: 24px;
}
.higlightBtnDiv{
margin-top: 25px;
margin-bottom: 25px;
}
.siteCards{
overflow: hidden;
overflow-x: auto;
padding: 10px;
}
.siteLogo img{
width: 100px;
height: auto;
}
.siteCards .colSites{
font-size: 12px;
padding: 5px 16px;
width: 100%;
height: 40px;
}
.colSites button {
font-size: 12px;
padding: 8px 16px;
}
.colSites button i {
font-size: 14px;
}
.section3 .colSec3 .insideCol:last-child h1{
font-size: 13px;
}
.section3 .colSec3 .insideCol:last-child p{
font-size: 10px;
margin-top: 5px;
}
.section3 .colSec3 .insideCol:first-child i {
width: 20px;
height: 20px;
font-size: 16px;
margin-right: 0;
}
.section3 .colSec3{
flex-direction: column;
height: 100px;
}
.section3{
padding: 10px;
margin-top: 20px;
}
.section3 .colSec3 .insideCol:last-child{
margin-top: 10px;
text-align: center;
width: 100%;
}
.section3 .colSec3 .insideCol:first-child {
width: 100%;
display: block;
text-align: center;
}
.section4{
margin-top: 20px;
padding: 10px;
margin-bottom: 20px;
}
.section4 .threCol {
width: 33%;
}
.threCol:nth-child(1) h4 {
font-size: 20px;
}
.threCol:nth-child(1) p {
font-size: 12px;
margin-top: 10px;
}
.threColImg {
width: 130px;
height: 160px;
}
.threCol:nth-child(2), .threCol:nth-child(3) {
text-align: center;
}
.threCol:nth-child(3) button {
font-size: 12px;
padding: 10px 10px;
margin-bottom: 10px;
}
.threCol:nth-child(3) p {
font-size: 10px;
line-height: 1.4em;
}
.flexFooter {
padding: 10px;
flex-direction: column;
}
.flexFooter .col {
height: auto;
border-right: none;
margin-top: 25px;
width: 100%;
}
.copyRightDiv .col:first-child{
width: 60%;
}
.copyRightDiv .col:last-child{
width: 40%;
}
.copyRightDiv p {
font-size: 10px;
}
.copyRightDiv .col:last-child p:last-child{
width: 30px;
height: 30px;
}
.footerLinksDiv h3{
    font-size: 16px;
}
.footerLinksDiv ul li{
    font-size: 14px;
}

}