/* new css for lp */
.container {
    max-width: 1350px;
}

/* rightImgLeftContent_section start */

.rightImgLeftContent_section .row {
    display: flex;
    align-items: center;
}

.redSubtitle {
    color: #de002e;
    font-size: 16px;
    text-transform: capitalize;
}

.rightImgLeftContent_section {
    padding: 80px 0;
    position: relative;
}

.gblHeading {
    color: #000;
    text-transform: capitalize;
    font: 500 40px/1.5 'Fira Sans', sans-serif;
}

.redH {
    color: #f04235;
}

.blackTXt {
    color: #000;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

/* rightImgLeftContent_section end */

/* leftImgRightContent_section start */

.leftImgRightContent_section {
    padding: 80px 0;
    background: #e0e0e0;
}

.leftImgRightContent_section .gblHeading {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.leftImgRightContent_section .blackTXt {
    text-align: center;
}

.imgBOX img {
    width: 100%;
}


.leftImgRightContent_section .row {
    display: flex;
    align-items: center;
}

.leftImgRightContent_section .gblHeading {}

.leftImgRightContent_section .rightContent .gblHeading {
    text-align: left;
    width: 100%;
}

.leftImgRightContent_section .rightContent .blackTXt {
    text-align: left;
}

.leftImgRightContent_section .rightContent .blackTXt .redH {font-weight: 600;}

/* leftImgRightContent_section end */

/* topProjects_section start */

.topProjects_section {
    padding: 80px 0;
}

.topProjects_section .centerContent {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.topProjects_section .centerContent .gblHeading {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* topProjects_section end */

/* quoteSec start */

.quoteSec {
    padding: 80px 0;
    background: url(./images/new2/colorLayerBG.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quoteSec .row {
    justify-content: center;
    text-align: center;
}

.quoteSec .readyBox {
}

.quoteSec .readyBox .WhiteHeading {
    color: #fff;
    margin-bottom: 20px;
    font: 500 40px/1.5 'Fira Sans', sans-serif;
}

.quoteSec .readyBox a {background: #de002e;height: 50px;width: 270px;display: block;display: flex;justify-content: center;align-items: center;font-size: 20px;margin: 0 auto;transition: all ease 1s;}

.quoteSec .readyBox a:hover {
    box-shadow: -7px 11px 5px 0px rgb(255 255 255 / 75%);
}


/* quoteSec end */

/* rightImgLeftContent_section.sec2 start */

.rightImgLeftContent_section.sec2 .redSubtitle {
    font-size: 18px;
    margin-bottom: 20px;
}

.rightImgLeftContent_section.sec2 .gblHeading {
    margin-bottom: 20px;
}

/* rightImgLeftContent_section.sec2 end */

/* competitiveAdvantagesSec start */

.competitiveAdvantagesSec {
    padding: 50px 0 80px;
    background-image: url(./images/new2/gBackground.png);
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.competitiveAdvantagesSec .centerContent {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.competitiveAdvantagesSec .centerContent .gblHeading {
    margin-bottom: 20px;
}

.competitiveAdvantagesSec .centerContent .blackTXt {
    margin-bottom: 40px;
}

/* competitiveAdvantagesSec end */

.sMain {
    background: #f6f6f6;
    display: flex;
    align-items: center;
    height: 430px;
    text-align: center;
    padding: 20px 15px;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
    /* transition: all ease 1s; */
    justify-content: space-around;
    border-radius: 10px;
    border: 3px solid transparent;
}

.sMain:hover {
    /* box-shadow: 5px 5px 15px #80008082, -5px -5px 15px #ff000061; */
    border: 3px solid red;
}

.sMain .imgBox {
    width: 90px;
    height: 90px;
    margin: auto;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    margin-bottom: 20px;
}

.sMain .imgBox img {
    width: 40px;
    height: 50px;
    margin: 0 auto;
    object-fit: contain;
}

.sMain:hover .imgBox {
    background: red;
}

.sMain:hover .imgBox img {
    filter: invert(1);
}

.sMain .sHeading {
    color: #000;
    font-size: 17px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sMain .sText {
    color: #000;
    font-size: 15px;
    height: 210px;
    margin: 0px;
    overflow: scroll;
    padding-right: 10px;
}

.sMain:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: red;
    left: 4px;
    top: 4px;
    border-radius: 10px;
    transition: all ease 1s;
}

.sMain:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: purple;
    left: 9px;
    top: 9px;
    border-radius: 10px;
    transition: all ease 2s;
}

.sMain:hover:before {left: 96%;transition: all ease 1s;}

.sMain:hover:after {left: 94%;transition: all ease 2s;}

.sMain .bBottom {position: relative;width: 50%;height: 5px;bottom: -31px;background: red;transition: all linear 1s;}

.sMain:hover .bBottom {width: 80%;transition: all ease 1s;background: purple;}

.rightImgLeftContent_section .imgBOX.outRight {
    /* position: absolute; */
    /* top: -220px; */
    /* width: 840px; */
}

.rightImgLeftContent_section .imgBOX.outRight img {/* width: 820px; */}

.shapeBox {
    width: 33.333%;
    display: flex;
    align-items: center;
    position: relative;
    transition: all ease 1s;
}

.shapeBox .bigNumber {
    font-size: 300px;
    line-height: 0.9;
    color: #f04235;
    margin: 0;
    position: relative;
}

.shapeBox .gblHeading {font-size: 20px;}

.shapeBox .blackTXt {
    margin: 0;
}

.customSection {
    padding: 50px 0;
}

.shapeBox .crosDesign {position: absolute;left: -230px;right: 0;margin: 0 auto;height: 150%;width: 220px;display: flex;flex-direction: column;background: #fff;clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 87% 50%);/* box-shadow: 5px 5px 5px #000; */transition: all ease 1s;justify-content: center;}

.shapeBox .crosDesign .s1 {
    background: black;
    height: 45%;
    width: 8px;
    margin: 0 auto;
    margin-right: 55px;
    transform: rotate(-35deg);
    position: relative;
    top: 18px;
    transition: all ease 1s;
}

.shapeBox .crosDesign .s2 {
    background: black;
    height: 45%;
    width: 8px;
    margin: 0 auto;
    margin-right: 56px;
    transform: rotate(-145deg);
    position: relative;
    bottom: 19px;
    transition: all ease 1s;
}

.shapeBox .bigNumber:before {
    position: absolute;
    content: '';
    width: 57px;
    height: 100px;
    background: linear-gradient(60deg, transparent, #00000082);
    top: 0;
    bottom: 0;
    right: -5px;
    margin: auto;
    z-index: -1;
}

.shapeBox:hover .crosDesign {width: 92%;left: -400px;transition: all ease 1s;}

.shapeBox:hover 
 .bigNumber {
    color: #000;
}

.boxContent {
    padding-left: 40px;
}

.shapeBox:hover .s1 {
    transform: rotate(-50deg);
    right: 39px;
    transition: all ease 1s;
    height: 50%;
    top: 40px;
    background: red;
}

.shapeBox:hover .s2 {
    transform: rotate(-128deg);
    right: 40px;
    transition: all ease 1s;
    height: 50%;
    bottom: 39px;
    background: red;
}

.row.txtRow {
    margin-top: 90px;
}



.ratesAndViews {
    padding: 70px 0;
}

.ratesAndViews .gblHeading {
    color: #de002e;
    font-size: 100px;
    text-align: center;
    border-bottom: 5px solid #de002e;
    font-family: initial;
    font-style: italic;
    font-weight: bold;
}

.ratesAndViews .gblheading {
    color: #000;
    /* margin-bottom: 15px; */
    line-height: normal;
    text-align: center;
}

.ratesAndViews .blackTXt {
    text-align: center;
    color: #c5c5c5;
    line-height: 1.4;
}

.msgBox {
    background: #f1eeee;
    height: 190px;
    clip-path: polygon(76% 0, 77% 12%, 100% 12%, 100% 100%, 0 100%, 0 13%, 68% 12%);
    display: flex;
    align-items: flex-start;
    padding: 40px 20px 20px;
    flex-direction: column;
    justify-content: center;
}

.msgBox .gblheading {
    color: #000;
    font-size: 22px;
}

.rightImgLeftContent_section ul li {
    color: #000;
    width: 50%;
    list-style: disc;
    padding: 0 40px 0 20px;
    font-weight: 700;
    transition: all ease 1s;
}

.rightImgLeftContent_section ul li:hover {
    letter-spacing: 1px;
    color: #de002e;
    transition: all ease 1s;
}

.rightImgLeftContent_section ul {
    display: flex;
    flex-wrap: wrap;
}

.rightImgLeftContent_section ul li::marker {
    color: red;
    width: 20px;
    height: 10px;
    font-size: 28px;
}

.competitiveAdvantagesSec.blackService {
    background-image: url(./images/new2/BlackserviceBg.jpg);
    background-size: 100% 100%;
}

.competitiveAdvantagesSec.blackService .gblHeading {
    color: #fff;
}

.competitiveAdvantagesSec.blackService .blackTXt {
    color: #fff;
}

.logoGridSection {
    padding: 30px 0;
    border: 3px solid #000;
}

.logoGridSection .row {
    /* display: flex; */
}

.logoGridSection .logoBox {
    display: flex;
}

.logoGridSection .logoBox .boxLogo {
    padding: 10px;
}

.logoGridSection .logoBox .boxLogo img {
    filter: grayscale(1);
}

.logoGridSection .logoBox .boxLogo img:hover {
    filter: grayscale(0);
}

.keysToExpert {
    padding: 50px 0;
    background: #ddd8d8;
}

.keysToExpert .centerContent {
    text-align: center;
    padding: 30px 0 30px;
}

.keysToExpert .bigImg img {
    width: 100%;
}

.keysToExpert ul {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0px 0;
    margin: 0;
    justify-content: space-between;
}

.keysToExpert ul li {
    width: 48%;
    padding-bottom: 20px;
}

.keysToExpert ul li h4 {
    background: #000;
    width: 60px;
    text-align: center;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 20px;
}

.keysToExpert ul li p {color: #000;font-size: 16px;}


.whiteSubtitle {
    font-size: 22px;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 30px;
}