/*------------------------------------------------------------------
IMPORT FONTS
font-family: 'Heebo', sans-serif;
font-family: 'Questrial', sans-serif;
font-family: 'Yantramanav', sans-serif;
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Questrial:wght@100;300;400&family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
/*------------------------------------------------------------------
SKELETON
-------------------------------------------------------------------*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*.place-center
{
        place-items: center;
}
.inner_detail img {
    width: 100%;
}
*/
.widget_1 {
    padding: 25px;
    margin-top: 60px;
}

.widget_1 h2 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.widget_1 p {
    color: #fff;
    line-height: 40px;
}

.widget_1 a {
    color: #fff;
    font-size: 17px;
    background: #df1e25;
    padding: 8px;
    border-radius: 7px;
}

body {
    font-size: 20px !important;
    font-family: 'Heebo', sans-serif !important;
    line-height: 40px !important;
    color: #030301 !important;
    font-weight: 300 !important;
}

p {
    font-size: 18px;
    line-height: 40px;
    color: #030301;
    font-weight: 300;
    font-family: 'Heebo', sans-serif;
    margin-bottom: 0rem;
}

a {
    color: #292728;
    transition: all .5s ease-out 0s;
    text-decoration: none !important;
}

a:hover {
    color: #990000 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Yantramanav', sans-serif;
    color: #030301;
    margin-bottom: 0;
}

h1 {
    font-size: 125px;
    line-height: 45px;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

h2 {
    font-size: 50px;
    line-height: 45px;
    font-weight: 900;
}

h3 {
    font-size: 60px;
    font-weight: 800;
}

h4 {
    font-size: 55px;
    font-weight: 800;
}

h5 {
    font-size: 50px;
    font-weight: 600;
}

h6 {
    font-size: 25px !important;
    font-weight: 600;
}

.fontw300 {
    font-weight: 300 !important;
}

.fontw400 {
    font-weight: 400 !important;
}

.fontw500 {
    font-weight: 500 !important;
}

.fontw600 {
    font-weight: 600 !important;
}

.fontw700 {
    font-weight: 700 !important;
}

.fontw800 {
    font-weight: 800 !important;
}

.fontw900 {
    font-weight: 900 !important;
}

.colorw {
    color: #ffffff !important;
}

.colorb {
    color: #414042 !important;
}

.color-black {
    color: #030301 !important;
}

.color-red {
    color: #92140c !important;
}

.color-red2 {
    color: #990000!important;
}

.color-yellow {
    color: #e59500 !important;
}

/*------------------------------------------------------------------
PADDING/MARGIN CSS
-------------------------------------------------------------------*/
.padtop05 {
    padding-top: 05px !important;
}

.padtop10 {
    padding-top: 10px;
}

.padtop15 {
    padding-top: 15px;
}

.padtop20 {
    padding-top: 20px;
}

.padtop25 {
    padding-top: 25px;
}

.padtop30 {
    padding-top: 30px;
}

.padtop40 {
    padding-top: 40px;
}

.padtop50 {
    padding-top: 50px;
}

.padtop60 {
    padding-top: 60px;
}

.padtop70 {
    padding-top: 70px;
}

.padtop80 {
    padding-top: 80px;
}

.padtop100 {
    padding-top: 100px;
}

.padtop120 {
    padding-top: 120px;
}

.padtop140 {
    padding-top: 140px;
}

.padtop150 {
    padding-top: 150px;
}

.padtop80h {
    padding-top: 65px;
}

.padtop190 {
    padding-top: 194px;
}

.padtop220 {
    padding-top: 220px;
}

.padtop275 {
    padding-top: 275px;
}

.padtop310 {
    padding-top: 370px;
}

.padtop375 {
    padding-top: 375px;
}

.marginm467 {
    margin-top: -467px;
}

.padbot20 {
    padding-bottom: 20px;
}

.padbot30 {
    padding-bottom: 30px;
}

.padbot40 {
    padding-bottom: 40px;
}

.padbot60 {
    padding-bottom: 60px;
}

.padbot70 {
    padding-bottom: 70px;
}

.padbot80 {
    padding-bottom: 80px;
}

.padbot100 {
    padding-bottom: 100px;
}

.padbot120 {
    padding-bottom: 120px;
}

.padbot130 {
    padding-bottom: 130px;
}

.padbot150 {
    padding-bottom: 150px;
}

.padleft10 {
    padding-left: 20px;
}

.padleft30 {
    padding-left: 30px;
}

.padleft30n {
    padding-left: 40px;
}

.padleft25 {
    padding-left: 25px;
}

.padleft35 {
    padding-left: 34px;
}

.padleft40 {
    padding-left: 40px;
}

.padleft50 {
    padding-left: 50px;
}

.padleft60 {
    padding-left: 60px;
}

.padleft70 {
    padding-left: 70px;
}

.padleft81 {
    padding-left: 80px;
}

.padleft88 {
    padding-left: 96px;
}

.padleft96 {
    padding-left: 96px;
}

.padleft200 {
    padding-left: 200px;
}

.padright25 {
    padding-right: 25px;
}

.padright30 {
    padding-right: 30px;
}

.padright35 {
    padding-right: 34px;
}

.padright70 {
    padding-right: 70px;
}

.padleft80 {
    padding-left: 57px;
}

.padleft30 {
    padding-left: 30px !important;
}

.padleft55 {
    padding-left: 55px;
}

.padleft65 {
    padding-left: 65px;
}

.padleft8f {
    padding-left: 8px;
}

.padleft10f {
    padding-left: 5px;
}

.padright10f {
    padding-right: 5px;
}

.padlr70 {
    padding-right: 70px;
    padding-left: 70px;
}

.mrtop3 {
    margin-top: 3px;
}

.mrtopm15 {
    margin-top: -15px;
}

.mrtopm31 {
    margin-top: -31px;
}

.mrtopm25 {
    margin-top: -25px;
}

.mrtopm50 {
    margin-top: -50px;
}

.mrtop35 {
    margin-top: 35px;
}

.mrtop51 {
    margin-top: 51px;
}

.mrtopm63 {
    margin-top: -63px;
}

.mrleftm15 {
    margin-left: -15px;
}

.mrleftm35 {
    margin-left: -35px;
}

.mrleftm45 {
    margin-left: -87px;
}

.mrleftm80 {
    margin-left: -80px;
}

.mrright17 {
    margin-right: 17px;
}

.mrrightm36 {
    margin-right: -36px;
}

.mrleft17 {
    margin-left: 17px;
}

.mrtopm100 {
    margin-top: -100px;
}

.mrbtm40 {
    margin-bottom: -40px;
}

.mrtopm55 {
    margin-top: -55px;
}

.mrtop30 {
    margin-top: 30px;
}

.mrbot30 {
    margin-bottom: 30px;
}

/*------------------------------------------------------------------
HEADER
-------------------------------------------------------------------*/
.header_style_01 {
    position: absolute;
    top: 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 8em 0em;
    z-index: 3;
    background: #ffffff !important;
    background: -webkit-linear-gradient(112deg, rgba(255, 255, 255, 1) 30%, rgba(153, 0, 0, 1) 30%) !important;
    background: -moz-linear-gradient(112deg, rgba(255, 255, 255, 1) 30%, rgba(153, 0, 0, 1) 30%) !important;
    background: linear-gradient(112deg, rgba(255, 255, 255, 1) 30%, rgba(153, 0, 0, 1) 30%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#990000", GradientType=0) !important;
    height: 80px;
    box-shadow: 0px 0px 10px 0px #1e2b3f5e;
    /*border-bottom: solid 1px #1a2631;*/
}

.header_style_01 .header-nav {
    padding: 0;
}

.header-nav .navbar-toggler span {
    background: #ffffff;
}

.header-nav .navbar-brand {
    color: #111111;
    font-weight: 800;
    position: relative;
    font-size: 23px;
}

.header-nav .navbar-brand span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    bottom: 12px;
    right: -9px;
    float: left;
}

.right-btn a {
    display: inline-block;
    padding: 5px 20px;
    font-size: 18px;
    border: 1px solid #ffffff;
    color: #ffffff;
    background-color: #ff521b;
    line-height: 25px;
    float: right;
    font-weight: 500;
}

.right-btn a:hover {
    background-color: #ff521b;
    color: #ffffff;
    border: 1px solid #ff521b;
}

/*Navbar Toogle*/
.navbar-toggler {
    background: #3a312c;
    border: none;
    padding: 10px 6px;
    outline: none !important;
    position: relative !important;
    z-index: 10000 !important;
}

.navbar-toggler span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.navbar-toggler span+span {
    margin-top: 4px;
}

/**/
.navbar-expand-lg .navbar-nav .nav-link {
    margin: 0px 5px;
    font-size: 16px;
    /* line-height: 25px; */
    font-family: 'Yantramanav', sans-serif;
    font-weight: 700;
    color: #ffffff !important;
    margin-top: 0px;
    margin-left: 10px;
    /*margin-right: 25px;*/
    /*margin-top: 20px;*/
    text-transform: uppercase;
    transition: all .5s ease-out 0s;
    /*border-bottom: 3px solid #ffffff;*/
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    background: none;
    color: #ce180d;
    border-radius: 0px;
    transition: all .5s ease-out 0s;
    /*border-bottom: 3px solid #ff521b;*/
}

.navbar-expand-lg .navbar-nav .nav-link span.active {
    background: none;
    color: #550000;
    border-radius: 0px;
}

span.active::after {
    content: '';
    display: block;
    position: relative;
    top: 18px;
    border-bottom: 3px solid #550000;
}

.fixed-menu span.active::after {
    content: '';
    display: block;
    position: relative;
    top: 2px;
    border-bottom: 3px solid #550000;
}

.fixed-menu .dropdown span.active::after {
    border-bottom: none;
    top: 0px;
}

.dropdown-toggle::after {
    display: inline-block !important;
}

.header_style_01 .navbar-brand {
    padding: 0px 15px 0 0px;
    height: auto;
}

.header_style_01 .navbar-brand img {
    /* width: 80%; */
    /*margin-top: -18px;*/
}

.header_style_01 .navbar-default .navbar-nav>li>a {
    border-radius: 0;
    color: #222222;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
}

.header_style_01 .navbar-default .navbar-nav>li a {
    background-color: transparent !important;
}

.header_style_01 .navbar-default .navbar-nav>li:hover a,
.header_style_01 .navbar-default .navbar-nav>li:focus a {
    color: #ff521b;
}

.header_style_01 .navbar-right>li {
    margin-top: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header_style_01 .navbar-right>li>a {
    padding-bottom: 10px;
    padding-top: 10px;
}

li.social-links {
    margin: 0 8px;
    display: inline-block;
    font-size: 20px;
}

li.social-links a {
    padding: 0px 0 !important;
    color: #ffffff;
    display: inline-block;
}

li.social-links a:hover {
    color: #ff521b;
}

.header_style_01.fixed-menu .navbar {
    padding: 0rem 1rem;
}

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {}

.header_style_01.fixed-menu .linegreytop {
    margin-top: -2px;
}

.header_style_01.fixed-menu {
    position: fixed;
    visibility: hidden;
    left: 0px;
    top: 0px;
    height: 80px;
    width: 100%;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.gurantee_logo_mr {
    margin-top: -50px;
    margin-left: 5px;
}

.header_style_01.fixed-menu {
    border-bottom: 0;
    box-shadow: 0px 0px 20px 0px #1e2b3f5e;
}

.white-bg {
    background: white;
    border-bottom: 1px solid #ddd !important;
}

.navbar-nav li {
    position: relative;
}

.header_style_01.fixed-menu .navbar-brand img {
    /* width: 80%; */
    /*margin-top: 1px;*/
}

body.app_version .header_style_01.fixed-menu {
    top: 0px;
}

.toptitlefont {
    font-family: 'Yantramanav', serif;
    font-size: 16px;
    line-height: 25px;
    color: #404040;
    z-index: 4;
    font-weight: 400;
    position: relative;
    float: right;
    padding-top: 15px;
    padding-right: 0px;
}

.linegreytop {
    margin-top: 30px;
    font-size: 16px;
    color: #000000;
}

.navbar-nav li:last-child a {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.line-height100 {
    line-height: 100px;
}

.line-height80 {
    line-height: 80px;
}

/*------------------------------------------------------------------
intro section
-------------------------------------------------------------------*/
.headerbg {
    background: url(../images/header-bg.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.top-font17 {
    font-size: 17px;
    line-height: 25px;
    font-family: 'Playfair Display', serif;
}

.title-font45 {
    font-size: 45px;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
}

.mrtl-header {
    margin-left: -117px;
}

.font22 {
    font-size: 22px;
    line-height: 40px;
    z-index: 1;
    position: relative;
}

.font22-title {
    font-size: 22px;
}

.story-submit {
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    background: #0C0E38;
    border: none;
    transition: ease 0.5s;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0px 0px 20px 0px #48484829;
}

.story-submit:hover {
    color: #FFF;
    border-radius: 10px;
    border: none;
    background: #4A4D83;
    transition: ease 0.5s;
}

.story-submit i {
    color: #fff;
    transition: ease 0.5s;
}

.story-submit:hover i {
    color: #ffffff;
    transition: ease 0.5s;
}


.portalbtn {
    padding: 4px 15px;
    border-radius: 5px;
    background-color: #190000;
    border: 2px solid #BB7474;
    transition: ease 0.5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    text-transform: none;
    font-weight: 400;
    box-shadow: 0px 0px 20px 0px #48484829;
    margin-right: 30px;
}

.portalbtn:hover {
    color: #FFF;
    border-radius: 5px;
    border: none;
    background: #BB7474;
    transition: ease 0.5s;
    border: 2px solid #BB7474;
}


.kit-submit {
    color: #fff;
    padding: 18px 30px;
    border-radius: 10px;
    background: #0C0E38;
    border: none;
    transition: ease 0.5s;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}

.kit-submit:hover {
    color: #FFF;
    border-radius: 10px;
    border: none;
    background: #4A4D83;
    transition: ease 0.5s;
}

/*---------------------------------
generation section
----------------------------------*/
.line-height45 {
    line-height: 45px;
}

.bg-lite-grey {
    background: #effbfb url(../images/pattern-lite.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}

.bg-lite-grey2 {
    background: #f0f2f2;
    background-image: linear-gradient(#f0f2f2, #e9f7fa);
}

.bg-lite-blue {
    background: #990000url(../images/pattern-dark.html);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.font28 {
    font-size: 28px;
}

/*---------------------------------
product section
----------------------------------*/
.font30 {
    font-family: 'Heebo', sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
}

.font-pos {
    margin-top: -127px;
    margin-left: 45px;
}

.font30-heebo {
    font-size: 30px;
    line-height: 30px;
}

.font17 {
    font-family: 'Heebo', sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.font17-grey {
    font-size: 17px;
    color: #6d6e71;
}

.br-right::after {
    content: '';
    display: block;
    border-right: solid 1px #e8e8e8;
    width: 1px;
    height: 74px;
    float: right;
    position: relative;
    top: -71px;
    right: 24px;
}

.bg-whtbox {
    background: #ffffff;
    padding: 44px 54px;
    border-radius: 5px;
}

/*---------------------------------
limelight section
----------------------------------*/
.border-all {
    box-shadow: 0px 0px 20px 0px #ececec;
    padding: 38px 33px;
    margin: 20px;
}

.font23 {
    font-size: 23px;
    line-height: 33px;
    font-weight: 400;
}

.text-border::after {
    content: '';
    display: block;
    border-bottom: solid 1px #77b8c4;
    width: 85px;
    float: right;
    position: relative;
    right: -89px;
    top: -25px;
}

.text-border2::after {
    content: '';
    display: block;
    border-bottom: solid 1px #78b9c4;
    width: 122px;
    float: right;
    position: relative;
    right: -45px;
    top: -21px;
}

.br-b {
    border-bottom: solid 1px #CBB9B9;
}

.circle-arrow-b {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #414042;
    border-radius: 43px;
    padding: 2px 5px 1px 5px;
    margin-left: 8px;
    box-shadow: 0 0 20px 0 #5252522b;
    transition: all .5s ease-out 0s;
}

.circle-arrow {
    font-size: 16px;
    font-weight: 600;
    color: #927454;
    background: #ffffff;
    border-radius: 43px;
    padding: 2px 6px;
    margin-left: 8px;
    box-shadow: 0 0 20px 0 #5252522b;
    transition: all .5s ease-out 0s;
}

.border-hover:hover .circle-arrow {
    background: #550000;
    color: #ffffff;
    transition: all .5s ease-out 0s;
}

.border-hover:hover p {
    color: #550000;
    transition: all .5s ease-out 0s;
}

.circle-arrow2 {
    font-size: 23px;
    font-weight: 600;
    color: #550000;
    vertical-align: middle;

    /*
background: #550000;
border-radius: 43px;
    padding: 5px 7px 3px 7px;
margin-left: 8px;
box-shadow: 0 0 20px 0 #5252522b;
transition: all .5s ease-out 0s;*/
}

/*------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/
.footerbg {
    background: #990000;
}

.bordertopf {
    border-top: solid 1px #2b2b2b;
}

.footerbg2 {
    background: #102329;
}

.footertb50 {
    padding-top: 50px;
    padding-bottom: 20px;
}

.footerfont20 {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Barlow', sans-serif;
}

.footerfont18 {
    font-size: 17px;
    line-height: 25px;
    color: #ffffff;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.footerfont15 {
    font-size: 15px;
    line-height: 31px;
    color: #a2a2a2;
    font-family: 'Roboto', sans-serif;
}

.padtb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footerfont13 {
    font-size: 13px !important;
    line-height: 35px;
    color: #fff;
}

.footerbg a {
    color: #fff;
}

.footerbg a:hover {
    color: #ffffff;
}

.footerbg2 a {
    color: #CBB9B9;
}

.footerbg2 a:hover {
    color: #ffffff;
}

.footerbg3 a {
    color: #fff;
}

.footerbg2 a:hover {
    color: #ffffff;
}

.dmtop {
    background-color: #0C0E38;
    z-index: 100;
    width: 40px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    bottom: -100px;
    border-radius: 3px;
    right: 20px;
    text-align: center;
    font-size: 28px;
    color: #ffffff !important;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.font15 {
    font-size: 15px !important;
    line-height: 25px;
    color: #ffff;
}

.font15-pera {
    font-size: 15px;
    line-height: 23px;
}

.socialicon {
    font-size: 12px;
    background: #00294d;
    padding: 6px 8px;
    border-radius: 26px;
    color: #457f98;
    font-weight: bold;
    transition: all .5s ease-out 0s;
}

.socialicon:hover {
    background: #ffffff;
    cursor: pointer;
    transition: all .5s ease-out 0s;
}

/* Hover effect */
.icon-effect .icon {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.icon-effect .icon:after {
    top: -5px;
    left: -5px;
    padding: 5px;
    box-shadow: 0 0 0 1px #f1f1f1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.icon-effect-1a .icon:hover {
    background-color: #f1f1f1;
    color: #2f6080;
}

.icon-effect-1a .icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Ul styles */
ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

ul>li {
    display: inline;
}

.icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-size: 14px;
    color: #990000 !important;
    line-height: 29px;
    text-align: center;
    background-color: #ddc1c1;

}

.icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

.icon2 {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-size: 13px;
    color: #ffffff !important;
    line-height: 29px;
    text-align: center;
    background-color: #550000;
}

.icon2:hover {
    color: #550000;
    background-color: #550000;
}

.icon2:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

/*------------------------------------------------------------------
about page
-------------------------------------------------------------------*/

.font80 {
    font-size: 80px;
    line-height: 75px;
}

.font35 {
    font-size: 35px;
    color: #990000;
}

.font35-title {
    font-size: 35px;
}

.font25 {
    font-size: 25px;
}

.font40 {
    font-size: 40px;
}

.font45 {
    font-size: 45px;
    color: #990000;
    font-weight: 600;
}

.font45-title {
    font-size: 45px;
}

.font50 {
    font-size: 50px;
}

.font55 {
    font-size: 55px;
}

.font75 {
    font-size: 75px;
}

.border-number {
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;

}

.border-number2 {
    text-shadow: -1px -1px 0 #550000, 1px -1px 0 #550000, -1px 1px 0 #550000, 1px 1px 0 #550000;

}

.border-number3 {
    text-shadow: -1px -1px 0 #030301, 1px -1px 0 #030301, -1px 1px 0 #030301, 1px 1px 0 #030301;

}

.line-height35 {
    line-height: 35px;
}

.line-height30 {
    line-height: 30px;
}

.wht-bg {
    background: #ffffff;
    padding: 80px 125px 0px 125px;
    margin-top: -90px;
}

.border-top1 {
    border-top: solid 1px #545454;
}

.border-top2 {
    border-top: solid 1px #fff;
    opacity: 0.4;
}

/*
.border-top3{
    border-top: solid 1px #ddd;
}*/
.sky-line {
    padding-left: 85px;
    margin-bottom: -66px;
}

.legacy-bg {
    background: url(../images/legacy-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.legacyw90pr {
    width: 90%;
    margin: 0 auto;
}

/*------------------------------------------------------------------
brochure section
-------------------------------------------------------------------*/

.halfbluebg {
    background: linear-gradient(to top, #ffffff 50%, #effbfb 50%);
}

.brochurebox {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 5px;
    
    box-shadow: 0px 0px 20px 0px #56565636;
}

.brochure-para {
    font-size: 18px;
    line-height: 30px;
}

.form-select-text1 {
    border: 10px;
    color: #373d40 !important;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 90%;
    border-radius: 1rem !important;
    padding: 8px 20px !important;
    box-shadow: 0px 0px 20px 0px #d8d8d8;
    /*padding-bottom: 40px;*/
}

input::placeholder {
    color: #414042;
}

.form-submit {
    background: #0C0E38;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    border-radius: 10px;
    padding: 8px 10px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 17px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
}

.boxshadow {
    box-shadow: 0px 0px 20px 0px #56565636;
}

.padtop80 {
    padding-top: 80px !important;
}

.mrtopm103 {
    margin-top: -103px;
}

.testimonypad {
    padding: 30px 32px 40px 45px;
    background: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.form-submit a {
    color: #fff;
}

.form-submit:hover {
    background: #133544;
}

/*------------------------------------------------------------------
our product range section
-------------------------------------------------------------------*/


.success-stories {
    background-color: #990000;
    color: #fff;
    padding: 50px 20px;
    text-align: center;
}

.success-stories h2 {
    font-size: 2.5rem;
    margin-bottom: 40px;
    color: #fff;
}

.story-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.story-card {
    background-color: #fff;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    padding: 20px;
    text-align: left;
}

.story-card .quote {
    font-style: italic;
    position: relative;
    margin-bottom: 20px;
}

.story-card .quote::before {
    content: "“";
    font-size: 2rem;
    color: #ccc;
    position: absolute;
    left: -10px;
    top: -10px;
}

.story-card .author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.story-card .author img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.story-card .author h4 {
    font-size: 1rem;
    margin: 0;
}

.story-card .author p {
    font-size: 0.875rem;
    color: #666;
}

@media (max-width: 768px) {
    .story-container {
        flex-direction: column;
        align-items: center;
    }
}

.bgblue {
    background: #d5e1e6;
}

.productpadall {
    padding: 40px 25px 10px 35px;
    background: #ffffff;
    margin-left: -18px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.taglinefont {
    font-size: 17px;
    line-height: 25px;
}

.fontsize15 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}

.verticaltop {
    vertical-align: top;
}

.productpadall2 {
    padding: 40px 25px 10px 24px !important;
}

/*------------------------------------------------------------------
leadership page
-------------------------------------------------------------------*/
.leadershipmainpic {
    width: 100%;
    height: 700px;
}

.bg-experience {
    background: #550000;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.bg-leader {
    background: #550000;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.bg-media {
    background: #990000 background-repeat: no-repeat;
    background-position: right bottom;
}

.bg-privacy {
    background: #990000 background-repeat: no-repeat;
    background-position: right bottom;
}

.box-leadership {
    box-shadow: 0px 0px 20px 0px #8281812e;
}

.box-leadership2 {
    padding: 40px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.box-leadership3 {
    padding: 30px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.border-img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.font30-title {
    font-size: 30px;
    color: #313131;
}

.font26-title {
    font-size: 26px;
    color: #313131;
}

.font26 {
    font-size: 26px;
}

.font18-title {
    font-size: 18px;
    font-weight: 400;
    color: #313131;
}

.font16-title {
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
    font-family: 'Yantramanav', sans-serif;
}

.font16-title a {
    color: #7f7f7f;
}

.font16-title a:hover {
    color: #550000;
}

.bg-grey {
    background: #f6f6f6;
}

/*------------------------------------------------------------------
leadership profile page
-------------------------------------------------------------------*/
.bg-profile {
    background: #990000url(../images/profile-bg-common.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.bg-profile-akc {
    background: #990000url(../images/akhilesh-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.bg-profile-abc {
    background: #990000url(../images/abhishek-chitlangia-profilebg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.left-line {
    border-left: solid 2px #8a8a8a;
    /* margin-left: 25px; */
}

.sm-box {
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    padding: 6px 19px;
    margin-top: 13px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.sm-box a i {
    font-size: 1.5rem;
    color: #990000;
}
.sm-box a {
    line-height: 1;
}
.font18 {
    font-size: 18px;
}

.breadcrumbs-sm a {
    color: #ffffff;
}

.breadcrumbs-sm a:hover {
    color: #550000;
}

/*------------------------------------------------------------------
Partners page
-------------------------------------------------------------------*/
.red-line {
    border-left: solid 5px #550000;
    padding-left: 40px;
}

.test-box {
    padding: 23px 60px 50px 60px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}

.test-box2 {
    padding: 23px 60px 65px 60px;
    background: #550000;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

}

.test-box3 {
    padding: 23px 50px 55px 55px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #2d2d2d2e;
    border-radius: 10px;


}

.border-rt {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mrbtml44 {
    margin-bottom: -44px;
    margin-left: -14px;
}

.bg-lite-sky {
    background: #effbfb;
}

.color-grey {
    color: #414042;
}

.test-font20 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #545454;
}

.test-font16 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #545454;
}

.opportunity-box {
    padding: 50px 35px 50px 35px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}

/*------------------------------------------------------------------
partner page
-------------------------------------------------------------------*/
.prime-box {
    background: #ffffff;
    border-radius: 8px;
    padding: 70px 70px 60px 70px;
    box-shadow: 0px 0px 20px 0px #2c2c2c40;
}

.prime-box2 {
    background: #ffffff;
    border-radius: 8px;
    padding: 0px 70px 60px 0px;
    box-shadow: 0px 0px 20px 0px #2c2c2c40;
}

.kit-pos-tl {
    margin-top: 100px;
    margin-left: -80px;
}

.font20 {
    font-size: 20px;
}

.font21 {
    font-size: 21px;
}

.font-box {
    background: #ffffff;
    border-radius: 8px;
    padding: 5px 20px;
    box-shadow: 0px 0px 20px 0px #2c2c2c40;
    position: relative;
    z-index: 1;
    top: 43px;
}

.font-box2 {
    background: #ffffff;
    border-radius: 8px;
    padding: 5px 20px;
    box-shadow: 0px 0px 20px 0px #2c2c2c1c;
    position: relative;
    z-index: 1;
    top: -20px;
    display: inline-block;
}

.arrow-pos {
    z-index: 1;
    position: relative;
    top: 43px;
    left: 43px;
    float: left;
}

.arrow-pos2 {
    z-index: 1;
    position: relative;
    top: -20px;
    left: 43px;
    float: left;
}

.form-box {
    background: #fff !important;
    border-radius: 10px !important;
    max-width: 800px !important;
    width: 100% !important;
    padding: 35px !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 auto !important;
    box-shadow: 0px 0px 20px 0px #2c2c2c40;
}

.mrbotm50 {
    margin-bottom: -35px;

}

.form-select-text {
    border: solid 1px #c6c6c6;
    color: #183242 !important;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    width: 100%;
    border-radius: 0px;
    padding: 5px 18px 5px 18px;
    border-radius: 5px;
}

input::placeholder {
    color: #183242;
}

textarea::placeholder {
    color: #183242;
}

.form-group {
    margin-bottom: 20px;
}

.errorfont {
    color: red;
    font-size: 15px;
    text-align: left;
}

.funding-submit {
    color: #fff;
    padding: 17px 20px 17px 20px;
    border-radius: 8px;
    background: #990000;
    border: none;
    transition: ease 0.5s;
    text-transform: uppercase;
    color: #FFF;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}

.funding-submit:hover {
    color: #FFF;
    border-radius: 5px;
    border: none;
    background: #800d11;
    transition: ease 0.5s;
}

/*redio*/

.rdio {
    position: relative;
}

.rdio input[type="radio"] {
    opacity: 0;
}

.rdio label {
    padding-left: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 2px !important;
}

.rdio label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: 16px;
    content: '';
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #5a3e3a;
    background: #fff;
}

.rdio input[type="radio"] {
    margin: 0px;
}

.rdio input[type="radio"]:disabled+label {
    color: #999;
}

.rdio input[type="radio"]:disabled+label:before {
    background-color: #5a3e3a;
}

.rdio input[type="radio"]:checked+label::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 20px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: #5a3e3a;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.rdio-default input[type="radio"]:checked+label:before {
    border-color: #5a3e3a;
}

.rdio-primary input[type="radio"]:checked+label:before {
    border-color: #5a3e3a;
}

.rdio-primary input[type="radio"]:checked+label::after {
    background-color: #5a3e3a;
}

/*------------------------------------------------------------------
architech page
-------------------------------------------------------------------*/
.color-sky {
    color: #550000;
}

.discuss-box {
    padding: 50px 55px 0px 55px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #d8d8d8a3;
    border-radius: 5px;
}

/*---------------------------------
product range page
----------------------------------*/
.border-all2 {
    border: solid 1px #dadada;
    border-radius: 5px;
    background: #ffffff;
}

.padlr50 {
    padding: 25px 50px 40px 50px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.padlr50-2 {
    padding: 50px 50px 40px 50px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.padlr50-3 {
    padding: 40px 50px 60px 50px;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.font14 {
    font-size: 14px;
    color: #95b9c4;
}

.bg-half-blue {
    background: linear-gradient(to left, #006a80 50%, #99000050%);
}

.test-box4 {
    padding: 0px 50px 0px 30px;

}

.test-box5 {
    padding: 0px 10px 0px 30px;

}

.font24 {
    font-family: 'Georgia', serif;
    font-size: 24px;
    line-height: 34px;
}

.test-font30 {
    font-family: 'Yantramanav', serif;
    color: #550000;
    font-size: 30px;
    font-weight: 600;
}

.test-font17 {
    font-size: 17px;
    color: #66bbcc;
    font-weight: 600;
}

.test-font15 {
    font-size: 15px;
    color: #66bbcc;
    font-weight: 400;
}

.test-font16 {
    font-size: 16px;
}

.bg-sky {
    background: #550000;
}

.boxshadow {
    box-shadow: 0px 0px 20px 0px #ababab40;
}

.calalog-box {
    padding: 40px 80px;
}

.calalog-box2 {
    padding: 50px 80px;
    background: #effbfb;
}

.line-height61 {
    line-height: 61px;
}

.bg-buy-option {
    background: url(../images/footer.jpg) no-repeat;
    background-position: top center !important;
    background-size: cover;
    opacity: 25% !important;
}

.bg-wht-box {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #ababab40;
    margin-top: -58px;
}

.bg-pad-buying {
    padding: 70px 35px 65px 80px;
}

.bg-pad-buying2 {
    padding: 70px 45px 65px 50px;
}

/*---------------------------------
career page
----------------------------------*/
.bg-contact {
    background: #7d0000 url(../images/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: ;
}

.box-wht-shadow {
    padding: 40px 26px;
    box-shadow: 0px 0px 20px 0px #ababab40;
}

.bg-lite-blue2 {
    background: #effbfb;
    box-shadow: 0px 0px 20px 0px #ababab40;
    padding: 70px 70px;
}

.icon-effect {
    white-space: nowrap;
}

/*---------------------------------
experience section
----------------------------------*/
.location-box {
    padding: 0px 90px 90px 90px;
    box-shadow: 0px 0px 20px 0px #ababab40;
    margin-top: -150px;
    background: #ffffff;
}

/*------------------------------------------------------------------
contact page
-------------------------------------------------------------------*/
.bg-black {
    background: #550000;
    padding: 40px 60px;
    border-radius: 5px 0px 0px 5px;
}

.bg-contact-map {
    background: url(../images/google-map.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.border_r {
    border-radius: 0px 5px 5px 0px;
}

.contact-link a {
    color: #ffffff;
}

.padall50 {
    padding: 40px 40px 40px 40px;
    box-shadow: 0px 0px 20px 0px #ababab40;
}

.bg-black2 {
    background: #3b3b3b url(../images/bg-contact-form.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*---------------------------------
doors page
----------------------------------*/

/*.dropdown:hover .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: 0;*/
/*   transition: all .8s;*/
/*}*/
.dropdown-toggle::after {
    display: none;
}

.dropdown span::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: 5px !important;
    vertical-align: .255em;
    content: "";
    float: right;
    top: -2px;
    margin-top: 10px;
    color: #fff !important;
    border-top: .5em solid;
    border-right: .25em solid transparent !important;
    border-bottom: 0;
    border-left: .25em solid transparent !important;
}

.dropdown-menu {
    left: 28px;
    transition: all .8s;
    top: 60px;
    border-radius: 0px 0px 5px 5px;
    padding-top: 0px;
    padding-bottom: 0px;

}

.dropdown-item {
    /*border-bottom: solid 1px #efefef;*/
    text-transform: uppercase;
    font-size: 16px;
    padding: 7px 30px 7px 30px;
    font-weight: 500;
    border-bottom: 1px solid #ddd !important;

}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown:hover {
    transition: all .8s;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    background: #fff;
    color: #550000;
}

.dropdown-menu .dropdown-item:last:child {
    border-radius: 0px 0px 5px 5px;
}

.header_style_01.fixed-menu .dropdown-menu {
    top: 53px;
}


.accordion {
    margin-top: 40px;
}

.accordion .card {
    border: none;
    margin-bottom: 0px;
}

.accordion .card h2 {
    background: url(../images/minus-icon.png) no-repeat calc(100% - 10px) center;
    cursor: pointer;
    font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}

.accordion .card h2.collapsed {
    background-image: url(../images/plus-icon.png);
}

.accordion .card-body {
    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 40px;
    background: #effbfb;
}

.card-head {
    background: #effbfb;
    border-bottom: solid 1px #e9e9e9;
}

.card:last-child .card-head {
    border-bottom: solid 1px #e9e9e9;
}

.body-box {
    background: #ffffff;
    padding: 35px 35px;
    border-radius: 5px;
}

.accordion .card .card-body p {
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
}



#accordionExample2.accordion {
    /*margin-top: 40px;*/
    margin-top: 0px;
}

#accordionExample2.accordion .card {
    border: none;
    margin-bottom: 0px;
}

#accordionExample2.accordion .card h2 {
    background: url(../images/minus-icon2.png) no-repeat calc(100% - 10px) center;
    cursor: pointer;
    font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff !important;
}

#accordionExample2.accordion .card h2.collapsed {
    background-image: url(../images/plus-icon2.png);
}

#accordionExample2.accordion .card-body {
    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 40px;
    background: #550000;
}

#accordionExample2 .card-head {
    background: #550000;
    border-bottom: solid 1px #05859e;
}

#accordionExample2 .card:last-child .card-head {
    border-bottom: solid 1px #05859e;
}

#accordionExample2 .body-box {
    background: #550000;
    padding: 35px 35px;
    border-radius: 5px;
}

#accordionExample2.accordion .card .card-body p {
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
}


.btn-download {
    background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ce180d;
    color: #ce180d;
}

.btn-download:hover {
    background: #ce180d;
    color: #ffffff !important;
}

.btn-download2 {
    background: transparent;
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    border: solid 1px #ffffff;
    color: #ffffff;
}

.btn-download2:hover {
    background: #ce180d;
    border: solid 1px #ce180d;
    color: #ffffff !important;
}

.btn-mediakit {
    font-size: 22px;
    border-radius: 8px;
    background-color: #156;
    color: #fff;
    border: solid 1px #CBB9B9;
}

.btn-mediakit:hover {
    background: transparent;
    color: #156 !important;
}

.dpdf i {
    font-size: 25px;
    position: relative;
    top: 8px;
}

.icon-red {
    color: #990000 !important;
}

.border-all2 img {
    border-radius: 5px 5px 0px 0px;
}

.border-all2 .noborder {
    border: 0px !important;
}

.font19 {
    font-size: 19px;
}

.pressrelease-box .press-rel-col {
    display: none;
}

.ldmr-box {
    text-align: center;
}

.ldmr-btn {
    padding: 7px 25px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #BB7474;
    transition: ease 0.5s;
    color: #190000;
    cursor: pointer;
    position: relative;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    text-transform: none;
    font-weight: 600;
    box-shadow: 0px 0px 20px 0px #48484829;
}

.ldmr-btn:hover {
    color: #FFF !important;
    border-radius: 5px;
    border: none;
    background: #BB7474;
    transition: ease 0.5s;
    border: 2px solid #BB7474;
}

.school-row .school-col {
    display: none;
}

.tiranga-rw .tiranga-col {
    display: none;
}

.architect-col {
    display: none;
}

.ply-col {
    display: none;
}

.dpr-col {
    display: none;
}

.fsc-col {
    display: none;
}

.pesh-col {
    display: none;
}

.hm-col {
    display: none;
}

/*------------------------------------------------------------------
Video section
-------------------------------------------------------------------*/
.video_wrapper1 {
    width: 880px;
    height: 502px;
    margin: 0 auto;
    position: relative;
    background-color: #000;
}

.video_wrapper_full1 {
    padding-top: 315px;
}

.videoIframe1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent;
}

.video_wrapper {
    width: 930px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    background-color: #000;
}

.video_wrapper_full {
    padding-top: 315px;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 930px;
    height: 500px;
    background-size: cover;
    border: none text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    border: 0;
}

.videoPoster:hover {
    cursor: pointer;
}

.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    margin: -39px 0 0 -43px;
    border: 4px solid #fff;
    border-radius: 100%;
    background: trasparant;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}

.videoPoster:after {
    content: '';
    position: absolute;
    top: 51%;
    left: 50%;
    width: 0;
    border-radius: 3px;
    height: 0;
    margin: -16px 0 0 -10px;
    border-left: 25px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}

.videoPoster:hover:before,
.videoPoster:focus:before {
    border-color: #f00;
    background: #f00;
}

.videoPoster:hover:after,
.videoPoster:focus:after {
    border-left-color: #ffffff;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

.mrleft38 {
    margin-bottom: -38px;
    margin-left: -5px;
    margin-top: -15px;

}

.min-h1 {
    height: 412px;
}

.min-h2 {
    height: 405px;
}

.min-h3 {
    height: 373px;
}

.min-h4 {
    height: 445px;
}

.min-h5 {
    height: 362px;
}

.min-h6 {
    height: 260px;
}

.seopara p {
    font-size: 16px;
    line-height: 28px;
}

select {
    padding: 13px 18px 11px 18px !important;
}

.custom-file-label {
    background: #ffffff !important;
    font-size: 16px;
    color: #183242 !important;
    font-weight: 400;
}

.custom-file-label,
.custom-file-label::after {
    height: 50px;
    padding-top: 12px;
    background: #ed1c24;
    color: #ffffff;
}

.career-box {
    background: #effbfb;
    border-radius: 5px;
    padding: 10px 70px 60px 70px;
    box-shadow: 0px 0px 20px 0px #2c2c2c40;
}

/*========================================================*/


/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    margin-left: 50px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

/*div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}*/
.list-group-item {
    vertical-align: top !important;
    font-size: 18px !important;
    padding: 30px 20px !important;
}

div.bhoechie-tab-menu div.list-group>a.active:hover {
    color: #fff !important;
}

div.bhoechie-tab-menu div.list-group>a:hover {
    color: 000000 !important;
    opacity: 1 !important;
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #ed1c24;
    background-image: #5A55A3;
    border-color: #ed1c24;
    color: #ffffff;

}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #ed1c24;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 50px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

table {
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #ddd;
    overflow: hidden;
    margin: auto;
}

table th {
    text-align: center;
}

table td {
    font-size: 18px;
}

/*========================================================*/
/* Start Gallery CSS */
.thumb {
    margin-bottom: 15px;
}

.thumb:last-child {
    margin-bottom: 0;
}

/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
.thumb figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.thumb figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.medianame {
    font-size: 13px;
    font-family: 'Heebo', sans-serif !important;
    text-transform: uppercase;
}

/*
.tz-gallery .lightbox img {
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}*/
#infinite-list {
    /* We need to limit the height and show a scrollbar */
    width: 100%;
    height: 300px;
    overflow: auto;

}

h5.subhed-acc {
    font-size: 25px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.card-header {
    background: azure !important;
    cursor: pointer;
}


.mediakit-col .btn-mediakit {
    width: 100%;
    display: inline-block;
    text-align: center;
}

/* Breadcrums */
.breadcrumbs-font {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Fira Sans', sans-serif;
}

.breadcrumbs-padtb {
    padding-top: 35px;
    padding-bottom: 35px;
}

.breadcrumbs-link {
    color: #ffffff;
}

.breadcrumbs-link:hover {
    color: #990000
}

#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    text-align: center;
}

#lightbox img {
    max-width: 80%;
    max-height: 80%;
    margin-top: 10%;
}

::selection {
    background-color: #990000
        /* Change this to the desired color */
        color: #ffffff;
    /* Change this to the desired text color */
}

.dealertitle {
    font-family: 'Fira Sans', sans-serif;
    font-size: 63px;
    line-height: 75px;
}

/* Accordion styles */
.accordion {
    width: auto;
    margin: 20px auto;

}

.accordion-item {
    border-radius: 5px;
    background: var(--white-color);
    margin-bottom: 10px;
}

.accordion-header {

    margin-bottom: 0 px;
    padding-left: 10px;
    cursor: pointer;
    background: #133544;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: left;
    border-radius: 1rem !important;
    padding: .5rem 1rem !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 15px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
}

.accordion-header:hover {
    background: #990000
}

/* Additional styling for an attractive design */
.accordion-header::hover {
    background-color: #fff;
}

.form_bg {
    background: linear-gradient(to bottom, #ffffff 75%, #d5e1e6 25%);
}

.accordion-content {
    display: none;
    padding: 10px;
}



.accordion-header::after {
    content: "+";
    float: right;
    font-weight: bold;
}

.accordion-item.active .accordion-header::after {
    content: "-";
}

@media only screen and (max-width: 991px) {
    .accordion {
        width: 100%;

    }

    .formpadbox {
        padding: 25px 90px 55px 90px;
        background: #ffffff;
        border: solid 3px #0C0E38;
    }

    .header_style_01 {
        border-bottom: none !important;
    }

    @media (max-width: 1020px) {
        .padm {
            padding-top: 50px !important;
            /* Add padding to the left and right sides */
        }
    }

    @media (min-width: 992px) and (max-width: 1023px) {
        .navbar-nav {
            height: 0px !important;
            margin-top: 0px !important;
            padding-top: 0px !important;
            border-top: #fff !important;
            background: #fff !important;
        }
    }


    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

}

.states-spacing {
    justify-content: center;
    gap: 20px;
}

@media (max-width:575px) {
    .states-spacing {
        align-items: center;
        flex-direction: column;
    }
}

.error-message {
    color: red;
    font-size: 10px;
    text-align: center;
    visibility: hidden;
}

@media (max-width:991px) {
    .dropdown-menu {
        max-height: 300px;
        /* Adjust height as needed */
        overflow-y: auto;
        /* Enable vertical scrolling */
    }
}

@media (min-width:991px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        transition: all .8s;
    }

}

.align-justify {
    text-align: justify !important;
}

.headpc {
    min-width: max-content !important;
    left: -250px !important;
}

/* Media query for devices with a minimum width of 1024px (typical for PCs) */
@media only screen and (min-width: 1024px) {
    .headpc {
        /* Adjust properties for PC */
        min-width: max-content !important;
        left: -250px !important;
    }
}

/* Reset styles for tablets and mobiles */
@media only screen and (max-width: 1023px) {
    .headpc {
        /* Reset properties for tablets and mobiles */
        min-width: initial !important;
        left: initial !important;
    }
}

.action1 {
    width: -webkit-fill-available !important;
}

.text-left {
    text-align: left !important;

}

.padbot-25 {
    padding-bottom: 25px !important;
}

/*------------------------------------------------------------------
Video section
-------------------------------------------------------------------*/

.video_wrapper {
    width: 880px;
    height: 497px;
    margin: 0 auto;
    position: relative;
    background-color: #000;
}

.video_wrapper_full {
    padding-top: 315px;
}


.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 880px;
    height: 497px;
    background-size: cover;
    border: none ;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    border: 0;
}

.videoPoster:hover {
    cursor: pointer;
}


.videoPoster:hover:before,
.videoPoster:focus:before {
    border-color: #f00;
}

.videoPoster:hover:after,
.videoPoster:focus:after {
    border-left-color: #f00;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

/*
-----------------------
    Services 
--------------------------*/
.service-item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-item .service__img {
    position: relative;
}

.service-item .service__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.4;
    -webkit-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -moz-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -ms-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -o-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
}

.service-item .service__img img {
    width: 100%;
    max-width: 100%;
}

.service-item .service__content {
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    background-color: #fff;
    padding: 0 20px 20px 20px;
}

.service-item .service__icon {
    margin-bottom: 60px;
}

.service-item .service__icon i {
    font-size: 65px;
    line-height: 1;
    color: #DF292A;
}

.service-item .service__title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #990000;
}

.service-item .service__desc {
    margin-bottom: 0;
}

.service-item .btn__link {
    margin-top: 28px;
}

.service-item .btn__link i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #222222;
    color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.service-item .btn__link:hover i {
    background-color: #DF292A;
}

.service-item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.service-item:hover .service__icon {
    -webkit-animation: slideTopDown 1s infinite alternate;
    -moz-animation: slideTopDown 1s infinite alternate;
    -ms-animation: slideTopDown 1s infinite alternate;
    -o-animation: slideTopDown 1s infinite alternate;
    animation: slideTopDown 1s infinite alternate;
}

.service-item .service__overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    background-color: rgba(255, 94, 20, 0.9);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.service-item:hover .service__overlay {
    opacity: 1;
}

.services-layout2 .service__content {
    padding: 50px 40px 20px;
}

.services-layout2 .service-item:hover .service__content {
    background-color: #DF292A;
}

.services-layout2 .service-item:hover .service__icon i,
.services-layout2 .service-item:hover .service__title,
.services-layout2 .service-item:hover .service__desc,
.services-layout2 .service-item:hover .btn__link {
    color: #ffffff;
}

.services-layout2 .service-item:hover .btn__link i {
    color: #DF292A;
}

.services-layout2 .service-item .btn__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 2px solid #eaeaea;
}

.services-layout2 .service-item .btn__link i {
    background-color: #ffffff;
    color: #222222;
}

/* Medium Size Screens */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-item .service__icon {
        margin-bottom: 15px;
    }

    .service-item .service__icon i {
        font-size: 50px;
    }

    .service-item .service__title {
        font-size: 25px;
        margin-bottom: 10px;
    }
}

/* Mobile Phones and tablets */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .service-item .service__content {
        padding: 20px;
    }

    .service-item .service__title {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .service-item .service__icon {
        margin-bottom: 20px;
    }

    .service-item .service__icon i {
        font-size: 45px;
    }
}

.padbot55 {
    padding-bottom: 70px !important;
}

.take-action-button {
    background: #f58232;
    color: #fff;
    border-bottom: 0;
    transition: all 0.5s;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    border-radius: 5px;
    padding: 10px 10px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 22px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
}

.img-bottom {
    vertical-align: middle;
    border-style: none;
}

@media (min-width: 992px) {
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.take-action-button:hover {
    background: #133544;
}

@media (min-width: 320px) and (max-width: 767px) {
    .padtop50 {
        padding-top: 30px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .padtop20xs {
        padding-top: 20px;
    }
}

/* service part one */

.services-area-one {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #F3F3F3;
}

.service-item-one-column {
    border-top: 1px solid #616670 !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.service-item-one-column:last-child {
    border-bottom: 1px solid #616670;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.service-item-one .image {
    border-radius: 5px;
    overflow: hidden;
}

.service-item-one .service-title .title {
    font-size: 24px;
}

.service-item-one .service-title .title:hover {
    color: var(--primary);
}

.service-item-one .read-more .common-btn {
    margin-top: 0;
}

/* service part two */

.service-area-two {
    padding-top: 120px;
}

.service-area-two .section-title-one .sub-title {
    margin-left: 0;
}

.services-item-two {
    border-radius: 5px;
    margin-bottom: 60px;
}

.services-item-two .image {
    border-radius: 5px;
    width: 88%;
    margin: 0 auto;
    margin-bottom: -100px;
    position: relative;
    z-index: 9;
}

.services-item-two .image img {
    border-radius: 5px;
}

.services-item-two .text {
    padding: 30px;
    background-color: var(--white);
    padding-top: 130px;
    border: 1px solid #616670;
    border-radius: 5px;
    transition: var(--transision);
}

.services-item-two .image .icon {
    background-color: var(--primary);
    width: 60px;
    height: 60px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -20px;
    right: 30px;
    transition: var(--transision);
}

.services-item-two .text .title {
    font-size: 24px;
    margin-bottom: 20px;
}

.services-item-two .text .title:hover {
    color: var(--primary);
}

.services-item-two .text .read-more {
    font-weight: 700;
    font-family: var(--link-font-family);
    color: var(--black);
    margin-top: 40px;
}

.services-item-two .text .read-more i {
    margin-left: 10px;
    color: var(--primary);
    font-size: 14px;
}

.services-item-two .text .read-more:hover {
    color: var(--primary);
}

.services-item-two:hover .text {
    border-color: var(--primary);
    box-shadow: none;
}

.services-item-two:hover .image .icon {
    background-color: var(--black);
}


/* servcies list part*/
.all-services-area {
    padding: 120px 0 60px 0;
}

.all-services-item {
    border-radius: 5px;
    margin-bottom: 60px;
}

.all-services-item .image {
    border-radius: 5px;
    width: 88%;
    margin: 0 auto;
    margin-bottom: -100px;
    position: relative;
    z-index: 9;
}

.all-services-item .image img {
    border-radius: 5px;
}

.all-services-item .text {
    padding: 30px;
    background-color: var(--white);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);
    padding-top: 130px;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: var(--transision);
}

.all-services-item .image .icon {
    background-color: var(--black);
    width: 60px;
    height: 60px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -20px;
    right: 30px;
    transition: var(--transision);
}

.all-services-item .text .title {
    font-size: 24px;
    margin-bottom: 20px;
}

.all-services-item .text .title:hover {
    color: var(--primary);
}

.all-services-item .text .read-more {
    font-weight: 700;
    font-family: var(--link-font-family);
    color: var(--black);
    margin-top: 40px;
}

.all-services-item .text .read-more i {
    margin-left: 10px;
}

.all-services-item .text .read-more:hover {
    color: var(--primary);
}

.all-services-item:hover .text {
    border-color: var(--primary);
    box-shadow: none;
}

.all-services-item:hover .image .icon {
    background-color: var(--primary);
}


/* service details part */

.service-details-area {
    padding: 120px 0;
}

.service-details-area .service-details-content .service-details-image {
    border-radius: 5px;
    overflow: hidden;
}

.service-details-area .service-details-content .service-details-title {
    font-size: 48px;
    margin: 30px 0 20px 0;
}

.service-details-area .service-inner-details {
    margin-top: 30px;
    margin-bottom: 30px;
}

.service-details-area .service-inner-details .service-info-item {
    padding: 30px;
    border: 1px solid #616670;
    border-radius: 5px;
}

.service-details-area .service-inner-details .service-info-item .icon {
    margin-bottom: 20px;
}

.service-details-area .service-inner-details .service-info-item .title {
    font-size: 24px;
    margin-bottom: 10px;
}

.service-details-area .expertise-block {
    margin-top: 60px;
}

.service-details-area .expertise-block .expertise-title {
    font-size: 32px;
    margin-bottom: 20px;
}

.service-details-area .expertise-block .expertise-main {
    margin-top: 45px;
    margin-bottom: 30px;
}

.service-details-area .expertise-main .expertise-item {
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--white);
    border-radius: 5px;
    position: relative;
    padding: 40px 28px 40px 40px;
}

.service-details-area .expertise-main .expertise-item .icon {
    margin-right: 20px;
}

.service-details-area .expertise-block .expertise-main .expertise-item .title {
    font-size: 24px;
    width: 118px;
}

.service-details-area .expertise-block .expertise-main .expertise-item .number {
    font-size: 32px;
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
    color: var(--white);
    z-index: 9;
    width: 33px;
    text-align: center;
}

.service-details-area .expertise-block .expertise-main .expertise-item .number::before {
    position: absolute;
    bottom: -51px;
    right: -30px;
    width: 88px;
    height: 155px;
    background-color: var(--primary);
    content: "";
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: -1;
}

.service-details-area .service-right-sidebar {
    background-color: var(--white);
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 31px 54px 39px 44px;
}

.service-details-area .service-right-sidebar .service-sidebar-title {
    font-size: 32px;
}

.service-details-area .service-right-sidebar .sub-title {
    color: #333F4D;
    margin-bottom: 13px;
}

.service-details-area .service-right-sidebar .project-block {
    margin-top: 33px;
}

.service-details-area .service-right-sidebar .project-block .title {
    font-size: 18px;
    margin-bottom: 13px;
}

.service-details-area .service-right-sidebar .project-block .list-info {
    margin-top: 16px;
}

.service-details-area .service-right-sidebar .project-block .list-info li {
    color: var(--body-font-color);
    margin-bottom: 12px;
    display: flex;
}

.service-details-area .service-right-sidebar .project-block .list-info li i {
    position: relative;
    top: 7px;
}

.service-details-area .service-right-sidebar .project-block .list-info li:last-child {
    margin-bottom: 0;
}

.service-details-area .service-right-sidebar .project-block .list-info li i {
    margin-right: 10px;
    color: var(--primary);
}

.service-details-area .service-right-sidebar .project-block .request-service-btn {
    color: var(--white);
    font-weight: 700;
    padding: 14px 30px;
    background-color: var(--primary);
    border-radius: 5px;
    font-family: var(--link-font-family);
    margin-top: 39px;
}

.service-details-area .service-right-sidebar .project-block .request-service-btn:hover {
    background-color: var(--black);
}

/*=============================
	11. Recent work part
===============================*/
/* work area one */
.recent-work-area-one .recent-work-one-bg {
    position: relative;
    padding-top: 120px;
}

.recent-work-area-one .recent-work-one-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: var(--black);
    content: "";
    z-index: -1;
}

.recent-work-area-one .container-fluid {
    padding: 0 40px;
}

.recent-work-area-one .project-item-one .image {
    overflow: hidden;
    border-radius: 5px;
}

.recent-work-area-one .project-item-one .info {
    background-color: rgba(23, 23, 23, 0.9);
    padding: 30px;
    transition: var(--transision);
    transform: translateY(100%);
}

.recent-work-area-one .project-item-one .info .text .title {
    color: var(--white);
    font-size: 28px;
}

.recent-work-area-one .project-item-one .info .text .title:hover a {
    color: var(--primary);
}

.recent-work-area-one .project-item-one .info .text p {
    margin-top: 5px;
    color: var(--white);
}

.recent-work-area-one .project-item-one .info .plus a {
    width: 50px;
    height: 50px;
    color: var(--white);
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background-color: var(--primary);
    transition: var(--transision);
}

.recent-work-area-one .project-item-one .info .plus a i {
    font-size: 18px;
}

.recent-work-area-one .project-item-one .info .plus a:hover {
    background-color: var(--white);
    color: var(--black);
}

.recent-work-area-one .project-item-one:hover .info {
    transform: translateY(0);
}

.recent-work-slider-one .project-item-one {
    margin: 0 15px;
}

.recent-work-slider-one .icon {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    color: var(--white);
    background-color: rgba(255, 102, 0, 0.1);
    cursor: pointer;
    transition: var(--transision);
    position: absolute;
    top: -120px;
    z-index: 9;
}

.recent-work-slider-one .icon.right {
    right: 284px;
}

.recent-work-slider-one .icon.left {
    left: calc(100% - 428px);
}

.recent-work-slider-one .icon:hover {
    background-color: var(--primary);
    color: var(--white);
}

/* work area two */
.recent-work-area-two {
    padding-top: 120px;
}

.project-area {
    padding: 120px 0;
}

.projects-main {
    gap: 30px;
}

.projects-main .project-image {
    border-radius: 5px;
    overflow: hidden;
}

.projects-main .project-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.projects-main .project-image:first-child {
    width: 300px;
    height: 487px;
}

.projects-main .project-image:nth-child(2) {
    width: 630px;
    height: 487px;
}

.projects-main .project-image:nth-child(3) {
    width: 300px;
    height: 487px;
}

.projects-main .project-image:nth-child(4) {
    width: 630px;
    height: 317px;
}

.projects-main .project-image:nth-child(5) {
    width: 630px;
    height: 317px;
}

.projects-main .project-image .project-info {
    background-color: rgba(255, 102, 0, 0.9);
    transition: var(--transision);
    padding: 40px;
    transform: translateY(100%);
}

.projects-main .project-image .project-info .title {
    font-size: 28px;
    font-weight: 700;
    color: var(--white);
    font-family: var(--link-font-family);
}

.projects-main .project-image .project-info p {
    color: var(--white);
    margin-top: 5px;
}

.projects-main .project-image .project-info:hover {
    background-color: rgba(23, 23, 23, 0.9);
}

.projects-main .project-image .project-info .title:hover {
    color: var(--primary);
}

.projects-main .project-image:hover .project-info {
    transform: translateY(0);
}

/* work details */

.project-details-area {
    padding: 120px 0;
}

.project-details-area .project-details-thumb-image {
    border-radius: 5px;
    position: relative;
}

.project-details-area .project-details-thumb-image img {
    border-radius: 5px;
}

.project-details-area .project-information {
    width: 410px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    overflow: hidden;
    border-bottom-left-radius: 0;
    background-color: var(--white);
    border: 1px solid #616670;
    border-top: 0;
    border-left: 0;
}

.project-details-area .project-information .project-title {
    font-size: 32px;
    color: var(--white);
    background-color: var(--primary);
    text-align: center;
    padding: 30px;
}

.project-details-area .project-information .main-content {
    padding: 40px;
    padding-top: 10px;
}

.project-details-area .project-information .info-main {
    display: flex;
    flex-wrap: wrap;
}

.project-details-area .project-information .info-item {
    border-bottom: 1px solid #616670;
    padding: 20px 0;
    width: 50%;
    padding-right: 15px;
}

.project-details-area .project-information .info-item:nth-child(even) {
    padding-right: 0;
    padding-left: 15px;
}

.project-details-area .project-information .info-main .info-subtitle {
    font-size: 18px;
    margin-bottom: 10px;
}

.project-details-area .project-information .rating {
    margin-top: 20px;
}

.project-details-area .project-information .rating-title {
    font-size: 18px;
    margin-right: 10px;
}

.project-details-area .project-information .rating .star i {
    font-size: 14px;
    color: var(--primary);
}

.project-details-area .project-information .social-icon {
    margin-top: 20px;
}

.project-details-area .project-information .social-icon li {
    display: inline-block;
    margin: 0 5px;
}

.project-details-area .project-information .social-icon a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: var(--black);
    border-radius: 50%;
    font-size: 14px;
    color: var(--white);
}

.project-details-area .project-information .social-icon a:hover {
    background-color: var(--primary);
}

.project-details-area .project-details-information {
    margin-top: 30px;
}

.project-details-area .project-details-information .project-details-title {
    font-size: 48px;
    margin-bottom: 30px;
}

.project-details-area .project-details-information p {
    margin-bottom: 20px;
}

.project-details-area .project-inner-image {
    margin: 60px 0;
}

.project-details-area .project-inner-image .img {
    border-radius: 5px;
    overflow: hidden;
}

.project-details-area .project-list-info .title {
    font-size: 32px;
    margin-bottom: 20px;
}

.project-details-area .project-list-info ul {
    margin-bottom: 30px;
}

.project-details-area .project-list-info ul li {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.project-details-area .project-list-info ul li i {
    color: var(--primary);
    margin-right: 10px;
}

.project-details-area .project-list-info p {
    margin-bottom: 0;
}

.project-details-area .pagination {
    margin-top: 60px;
    border-top: 1px solid #616670;
    border-bottom: 1px solid #616670;
    padding: 30px 0;
}

.project-details-area .pagination ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.project-details-area .pagination ul li a {
    color: var(--black);
    font-weight: 500;
}

.project-details-area .pagination ul li.prev a {
    color: var(--body-font-color);
}

.project-details-area .pagination ul li.prev a i {
    margin-right: 10px;
}

.project-details-area .pagination ul li.next a i {
    margin-left: 10px;
}

.project-details-area .pagination ul li a:hover {
    color: var(--primary)
}

.ts {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


/*-----------------------
    Services 
--------------------------*/
.service-item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-item .service__img {
    position: relative;
}

.service-item .service__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.4;
    -webkit-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -moz-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -ms-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    -o-background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
    background-image: linear-gradient(top, rgba(27, 26, 26, 0.35), #1b1a1a 100%);
}

.service-item .service__img img {
    width: 100%;
    max-width: 100%;
}

.service-item .service__content {
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    background-color: #fff;
    /* padding: 50px 10px 25px; */
}

.service-item .service__icon {
    margin-bottom: 60px;
}

.service-item .service__icon i {
    font-size: 65px;
    line-height: 1;
    color: #DF292A;
}

.service-item .service__title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}

.service-item .service__desc {
    margin-bottom: 0;
}

.service-item .btn__link {
    margin-top: 28px;
}

.service-item .btn__link i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #222222;
    color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.service-item .btn__link:hover i {
    background-color: #DF292A;
}

.service-item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.service-item:hover .service__icon {
    -webkit-animation: slideTopDown 1s infinite alternate;
    -moz-animation: slideTopDown 1s infinite alternate;
    -ms-animation: slideTopDown 1s infinite alternate;
    -o-animation: slideTopDown 1s infinite alternate;
    animation: slideTopDown 1s infinite alternate;
}

.service-item .service__overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    background-color: rgba(255, 94, 20, 0.9);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.service-item:hover .service__overlay {
    opacity: 1;
}

.services-layout2 .service__content {
    padding: 50px 40px 20px;
}

.services-layout2 .service-item:hover .service__content {
    background-color: #DF292A;
}

.services-layout2 .service-item:hover .service__icon i,
.services-layout2 .service-item:hover .service__title,
.services-layout2 .service-item:hover .service__desc,
.services-layout2 .service-item:hover .btn__link {
    color: #ffffff;
}

.services-layout2 .service-item:hover .btn__link i {
    color: #DF292A;
}

.services-layout2 .service-item .btn__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 2px solid #eaeaea;
}

.services-layout2 .service-item .btn__link i {
    background-color: #ffffff;
    color: #222222;
}

/* Medium Size Screens */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-item .service__icon {
        margin-bottom: 15px;
    }

    .service-item .service__icon i {
        font-size: 50px;
    }

    .service-item .service__title {
        font-size: 25px;
        margin-bottom: 10px;
    }
}

/* Mobile Phones and tablets */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .service-item .service__content {
        padding: 20px;
    }

    .service-item .service__title {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .service-item .service__icon {
        margin-bottom: 20px;
    }

    .service-item .service__icon i {
        font-size: 45px;
    }
}

/******* About Book ******/
.about-book {
    padding-top: 0;
}

.about-book .container {
    max-width: 850px;
    margin: 0 auto;
}

.book-img {
    margin: 35px 0;
}

.book-desc {

    margin: 0 auto;
}

.book-desc p {
    @include font-poppins(normal, 18px, normal);
    margin-bottom: 20px;
    line-height: 35px;
}

.book-desc p:last-child {
    margin-bottom: 0;
}

@media (min-width: 1920px) {

    .leadershipmainpic {

        width: 100%;

        height: 860px;

    }

}



@media (min-width: 1500px) and (max-width: 1919px) {

    .leadershipmainpic {

        width: 100%;

        height: 760px;

    }

}

@media (min-width: 1201px) and (max-width: 1479px) {

    .leadershipmainpic {

        width: 100%;

        height: 630px;

    }

}

@media (min-width: 200px) and (max-width: 1199px) {}

@media (min-width: 1200px) {

    .container {

        max-width: 1170px;

    }

}

/* ===================================================== */

/* =============   TABLET LANDSCAPE VIEW CSS =========== */

/* ===================================================== */


@media (min-width: 991px) and (max-width: 1024px) {

    .dropdown-menu {

        top: 71px;

    }

    h1 {

        font-size: 100px;

        line-height: 100px;

    }

    h2 {

        font-size: 50px;

        line-height: 45px;

    }

    .header_style_01 {

        padding: 27px 0px;

    }

    .header_style_01.fixed-menu {

        /*padding: 20px 0px;*/

    }

    .header_style_01.fixed-menu .linegreytop {

        margin-top: 0px;

    }

    .navbar-expand-lg .navbar-nav .nav-link {

        font-size: 16px;

        padding: 5px 6px;

        margin-left: 10px;

        margin-right: 10px;

    }

    .mrtl-header {

        width: 133%;

    }

    .padtop165 {

        padding-top: 112px;

    }

    .header_style_01 .navbar-brand img {

        margin-top: 0px;

    }

    .w100ipad-pro {

        width: 100%;

    }

    .icon-effect {

        margin-left: -37px;

    }

    .footerfont13 {

        font-size: 10px;

    }

    .kit-submit {

        padding: 10px 20px;

        font-size: 18px;

    }

    .padlr70 {

        padding-right: 10px;

        padding-left: 25px;

    }

    .d-none-ipadpro {

        display: none !important;

    }

    .mrtl-header {

        margin-left: -134px;

    }

    .padr0-ipadp {

        padding-right: 0 !important;

    }

    .font80 {

        font-size: 60px;

    }

    .test-box2 {

        padding: 23px 44px 65px 42px;

    }

    .test-box3 {

        padding: 23px 44px 50px 42px;

    }

    .padtop140 {

        padding-top: 80px;

    }

    .padleft40 {

        padding-left: 50px;

    }

    .w133ipad-pro {

        width: 133%;

    }

    .wht-bg {

        padding: 80px 87px 0px 87px;

    }



    .font55 {

        font-size: 45px;

    }

    h4 {

        font-size: 50px;

        font-weight: 800;

    }

    .box-leadership2 {

        padding: 30px 17px;

    }

    .left-line {

        margin-left: 7px;

    }

    .sm-box {

        padding: 6px 15px;

    }

    .padlr50 {

        padding: 25px 20px 30px 20px;

    }

    .col-w61 {

        -ms-flex: 0 0 61%;

        flex: 0 0 61%;

        max-width: 61%;

    }

    .col-w38 {

        -ms-flex: 0 0 38%;

        flex: 0 0 38%;

        max-width: 38%;

    }

    .min-h1 {

        height: 528px;

    }

    .min-h2 {

        height: 450px;

    }

    .min-h3 {

        height: 450px;

    }

    .min-h4 {

        height: 550px;

    }

    .min-h5 {

        height: 400px;

    }

    div.bhoechie-tab-container {

        margin-left: 0px;

    }

}

/* ===================================================== */

/* =============   TABLET POTRAIT VIEW CSS ============= */

/* ===================================================== */

@media (min-width: 768px) and (max-width: 1023px) {

    .leadershipmainpic {

        height: 424px;

    }

    .footerfont13 {

        font-size: 12px;

    }

    .circle-arrow {

        font-size: 12px;

        padding: 3px 5px;

    }

    .font30 {

        font-size: 19px;

    }

    h1 {

        font-size: 70px;

        line-height: 80px;

    }

    h2 {

        font-size: 50px;

        line-height: 65px;

    }

    h3 {

        font-size: 45px;

    }

    .header_style_01 {

        position: absolute;

        top: 0px;

        width: 100%;

        z-index: 3;

        height: 80px;

        padding: 13px 40px;

        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);

    }

    .navbar-collapse {

        margin-left: -24px;

        margin-right: -24px;

    }

    .header_style_01 .header-nav {}

    .header_style_01 .navbar-brand img {

        width: 80%;

        margin-top: 0;

    }

    /*
.navbar-nav{

height: 230px;

margin-top: 10px;

padding-top: 20px;

border-top: solid 1px #d8d8d8;

background: #e6e6e6;

} */

    .navbar-expand-lg .navbar-nav .nav-link {

        margin-top: 12px;

    }

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

        padding: 8px 9px 5px 23px;

    }

    .navbar-expand-lg .navbar-nav .nav-link {

        /*padding: 0px 18px;*/

    }

    .w100ipad {

        width: 100%;

    }

    .d-none-ipad {

        display: none !important;

    }

    .padtop10-ipad {

        padding-top: 10px !important;

    }

    .padtop30-ipad {

        padding-top: 30px !important;

    }

    .font-pos {

        margin-top: -92px;

        margin-left: 16px;

    }

    .padtop80 {

        padding-top: 40px;

    }

    .padtop120 {

        padding-top: 60px;

    }

    .font30-heebo {

        font-size: 25px;

        line-height: 30px;

    }

    .br-right::after {

        display: none;

    }

    .mrtl-header {

        margin-left: -32px;

    }



    .padright70 {

        padding-right: 10px;

    }

    .padtop100 {

        padding-top: 60px;

    }

    .padbot100 {

        padding-bottom: 60px;

    }

    .footerbg {

        background: #990000;

    }

    .padtop140 {

        padding-top: 55px;

    }

    .font80 {

        font-size: 53px;

        line-height: 60px;

    }

    .padtop375 {

        padding-top: 200px;

    }

    .box-leadership2 {

        padding: 30px 20px;

    }

    .w90-ipad {

        width: 190%;

    }

    .font55 {

        font-size: 45px;

    }

    .wht-bg {

        padding: 45px 55px 0px 53px;

        margin-top: -90px;

    }

    .padtop150 {

        padding-top: 35px;

    }

    .font25 {

        font-size: 20px;

        line-height: 30px;

    }

    .left-line {

        /* margin-left: 36px; */

    }

    .opportunity-box {

        padding: 30px;

    }

    .padtop275 {

        padding-top: 130px;

    }

    .font45-title {

        font-size: 40px;

    }

    .prime-box {

        padding: 70px 30px 60px 30px;

    }

    .prime-box2 {

        padding: 70px 30px 60px 30px;

    }

    .rdio label {

        font-size: 12px;

    }

    .line-height100 {

        line-height: 63px;

    }

    .padleft25 {

        padding-left: 15px;

    }

    h4 {

        font-size: 50px;

    }

    .discuss-box {

        padding: 35px 10px 0px 0px;

    }

    .padl46-ipad {

        padding-left: 46px;

    }

    .padlr50 {

        padding: 25px 30px 40px 30px;

    }

    .padright25 {

        padding-right: 15px;

    }

    .padlr50-2 {

        padding: 25px 25px 40px 30px;

    }

    .test-box4 {

        padding: 0px 25px 0px 30px;

    }

    .padleft55 {

        padding-left: 20px;

    }

    .calalog-box {

        padding: 30px 35px;

    }

    .calalog-box2 {

        padding: 40px 35px;

    }

    .padtop310 {

        padding-top: 70px;

    }

    .test-box3 {

        padding: 23px 25px 25px 25px;

    }

    .font30-title {

        font-size: 27px;

    }

    .line-height45 {

        line-height: 35px;

    }

    .padright0-ipad {

        padding-right: 0 !important;

    }

    .padleft0-ipad {

        padding-left: 0 !important;

    }

    .bg-pad-buying {

        padding: 70px 0px 65px 25px;

    }

    .bg-pad-buying2 {

        padding: 70px 0px 65px 0px;

    }

    .mrright17 {

        margin-right: 0px;

    }

    .mrleft17 {

        margin-left: 0px;

    }

    .bg-whtbox {

        padding: 15px 35px;

    }

    .padleft30 {

        padding-left: 50px;

    }

    .padbot70 {

        padding-bottom: 35px;

    }

    .padtop70 {

        padding-top: 35px;

    }

    .padtop120 {

        padding-top: 60px;

    }

    .location-box {

        padding: 0px 40px 40px 40px;

    }

    .kit-pos-tl {

        margin-left: 0px;

    }

    .font-box2 {

        font-size: 19px;

    }

    .kit-submit {

        padding: 10px 10px;

        font-size: 17px;

    }

    .support-pos {

        position: absolute;

        bottom: 0;

    }

    .bg-lite-sky2 {

        background: #effbfb;

    }

    .min-h1 {

        height: 546px;

    }

    .min-h2 {

        height: 500px;

    }

    .min-h3 {

        height: 540px;

    }

    .min-h4 {

        height: 670px;

    }

    div.bhoechie-tab-container {

        margin-left: 0px;

    }

    .mediakit-col .btn-mediakit {
        font-size: 18px;
        padding: 6px 14px;
    }

}

/* ===================================================== */

/* =================   MOBILE VIEW CSS ================= */

/* ===================================================== */
@media (min-width: 320px) and (max-width: 991px) {

    .navbar-nav {

        padding-top: 25px;

        padding-bottom: 25px;

        /*height: 250px;*/

        margin-top: 8px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {

    span.active::after {

        top: 0px;

    }

    .leadershipmainpic {

        height: 224px;

    }

    h1 {

        font-size: 70px;

        line-height: 75px;

    }

    h2 {

        font-size: 40px;

        line-height: 35px;

    }

    h3 {

        font-size: 44px;

    }

    h4 {

        font-size: 40px;

    }

    h5 {

        font-size: 45px;

        font-weight: 600;

    }

    .header_style_01 {

        position: absolute;

        top: 0px;

        width: 100%;

        z-index: 3;

        height: 70px;

        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);

        border-bottom: solid 1px #334552;

    }

    body.app_version .header_style_01.fixed-menu {

        top: 0px;

    }

    .navbar-toggler {

        margin-right: 25px;

    }

    .header_style_01 .navbar-brand {

        width: 80%;

        padding: 2px 15px 0 25px;

    }

    .header_style_01 .header-nav {

        padding-left: 0;

        padding-right: 0;

        padding-top: 0;

        padding-bottom: 0;

    }

    .header_style_01 .navbar-brand img {

        margin-top: 0px;

        /* width: 50%; */

    }

    .navbar-nav {

        padding-top: 25px;

        padding-bottom: 25px;

        /*height: 250px;*/

        margin-top: 8px;



    }

    .navbar-expand-lg .navbar-nav .nav-link {

        margin-top: 0;

        padding: 8px 20px;

        margin-left: 5px;

        margin-right: 5px;

    }

    .header_style_01.fixed-menu .navbar {

        padding: 0rem 0;

    }

    .header_style_01.fixed-menu .navbar-brand img {

        /* width: 50%; */

        /*margin-top: 18px;*/

    }

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

        /*padding: 8px 9px 8px 23px;*/

    }

    .w100xs {

        width: 100%;

    }

    .kit-pos-tl {

        margin-top: 0px;

    }

    .discuss-box {

        padding: 50px 30px;

    }

    .padleftxs0 {

        padding-left: 0 !important;

    }

    .padrightxs0 {

        padding-right: 0 !important;

    }

    .padtopxs10 {

        padding-top: 10px !important;

    }

    .padtopxs30 {

        padding-top: 30px !important;

    }

    .padtopxs50 {

        padding-top: 50px !important;

    }

    .padbotxs20 {

        padding-bottom: 20px !important;

    }

    .padbotxs50 {

        padding-bottom: 50px !important;

    }

    .padtopxs0 {

        padding-top: 0px !important;

    }

    .legacyw90pr {

        width: 100%;

        margin: 0 auto;

    }

    .padleft10f {

        padding-left: 15px;

    }

    .padright10f {

        padding-right: 15px;

    }



    .padlrxs {

        padding-left: 15px;

        padding-right: 15px;

    }

    .padlrxs25 {

        padding-left: 25px;

        padding-right: 25px;

    }

    .padtop70 {

        padding-top: 35px;

    }

    .padtop100 {

        padding-top: 50px;

    }

    .padbot100 {

        padding-bottom: 50px;

    }

    .padtop50 {

        padding-top: 25px;

    }

    .padtop40 {

        padding-top: 20px;

    }

    .padbot80 {

        padding-bottom: 40px;

    }

    .padtop30 {

        padding-top: 30px;

    }

    .padleft35 {

        padding-left: 10px;

    }

    .padtop80 {

        padding-top: 40px;

    }

    .mrtl-header {

        margin-left: 0;

    }

    .funding-submit {

        font-size: 18px;

        padding: 12px 10px 12px 10px;

    }

    .padtop80h {

        padding-top: 45px;

    }

    .font-pos {

        margin-top: -35px;

        margin-left: 35px;

        position: relative;

        top: -68px;

    }

    .text-border::after {

        display: none;

    }

    .text-border2::after {

        display: none;

    }

    .padright70 {

        padding-right: 15px;

    }

    .padtop120 {

        padding-top: 50px;

    }

    .br-right::after {

        display: none;

    }

    .padtop60 {

        padding-top: 30px;

    }

    .footerbg {

        background: #990000;

    }

    .padleft65 {

        padding-left: 20px;

    }

    .text-xs-left {

        text-align: left !important;

    }

    .text-xs-right {

        text-align: right !important;

    }

    .padtop140 {

        padding-top: 70px;

    }

    .font80 {

        font-size: 45px;

        line-height: 55px;

    }

    .mrleftm45 {

        margin-left: 0;

    }

    .padleft40 {

        padding-left: 0px;

    }

    .font25 {

        font-size: 20px;

        line-height: 30px;

    }

    .sky-line {

        padding-left: 0;

        margin-bottom: -42px;

    }

    .font45 {

        font-size: 35px;

    }

    .mrleftm15xs {

        margin-left: -15px;

    }

    .font35 {

        font-size: 30px;

    }

    .font55 {

        font-size: 44px;

    }

    .wht-bg {

        background: #ffffff;

        padding: 35px 25px 0px 35px;

        margin-top: 0;

    }

    .w90-ipad {

        width: 110%;

    }

    .box-leadership2 {

        padding: 40px 20px;

    }

    .padtop150 {

        padding-top: 40px;

    }

    .mrtopm100 {

        margin-top: 25px;

    }

    .left-line {

        margin-left: 12px;

    }

    .padtop275 {

        padding-top: 60px;

    }

    .font45-title {

        font-size: 30px;

    }

    .padbot60 {

        padding-bottom: 35px;

    }

    .red-line {

        padding-left: 24px;

    }

    .padall50 {

        padding: 25px 25px;

    }

    .test-box {

        padding: 5px 20px 50px 25px;
        margin: 10px
    }

    .test-box2 {

        padding: 5px 20px 50px 25px;
        margin: 10px
    }

    .test-box3 {

        padding: 5px 20px 50px 25px;
        margin: 10px
    }

    .font40 {

        font-size: 30px;

    }

    .mrtopm63 {

        margin-top: -27px;

    }

    .padleft25 {

        padding-left: 15px;

    }

    .padright25 {

        padding-right: 15px;

    }

    .opportunity-box {

        padding: 25px 35px;

    }

    .padtop375 {

        padding-top: 20px;

    }

    .font-box {

        font-size: 18px;

    }

    .prime-box {

        padding: 50px 25px;

    }

    .prime-box2 {

        padding: 50px 25px;

    }

    .padleft30 {

        padding-left: 20px;

    }

    .title-font45 {

        font-size: 35px;

        margin-top: 15px;

    }

    .padbot120 {

        padding-bottom: 60px;

    }

    .font50 {

        font-size: 35px;

    }

    .rdio label {

        font-size: 15px;

    }

    .font-box2 {

        margin-top: 50px;

    }

    .padlr50 {

        padding: 25px 30px 40px 30px;

    }

    .padlr50-2 {

        padding: 25px 30px 40px 30px;

    }

    .bg-half-blue {

        background: #006a80;

    }

    .padleft55 {

        padding-left: 0px;

    }

    .test-box4 {

        padding: 0px 0px 0px 30px;

    }

    .border-top-wxs {

        border-top: solid 1px #00829c;

        margin-top: 50px;

    }

    .calalog-box {

        padding: 30px 25px;

    }

    .line-height61 {

        line-height: 38px;

    }

    .calalog-box2 {

        padding: 30px 30px;

    }

    .line-height45 {

        line-height: 40px;

    }

    .line-height100 {

        line-height: 56px;

        margin-top: 10px;

    }

    .bg-whtbox {

        padding: 10px 30px;

    }

    .padbot40 {

        padding-bottom: 20px;

    }

    .border-right {

        border-right: none !important;

    }

    .box-leadership3 {

        padding: 20px;

    }

    .bg-pad-buying {

        padding: 70px 30px 65px 30px;

    }

    .bg-pad-buying2 {

        padding: 70px 30px 65px 30px;

        border-top: solid 1px #d8d8d8;

    }

    .padtop310 {

        padding-top: 0px;

    }

    .bg-lite-blue2 {

        padding: 40px 40px;

    }

    .line-height80 {

        line-height: 50px;

    }

    .padbot70 {

        padding-bottom: 30px;

    }

    .mrright17 {

        margin-right: 0px;

    }

    .mrleft17 {

        margin-left: 0px;

    }

    .location-box {

        padding: 0px 25px 40px 25px;

    }

    .font28 {

        font-size: 23px;

        line-height: 30px;

    }

    .padleft80 {

        padding-left: 16px;

    }

    .bg-contact-map {

        background: none;

    }

    .padleft50 {

        padding-left: 20px;

    }

    #map {

        height: 250px !important;

    }

    .marginm472 {

        margin-top: 30px;

    }

    .bg-lite-sky2 {

        background: #effbfb;

    }

    .accordion .card h2 {

        font-size: 17px;

        line-height: 46px;

    }

    #accordionExample2.accordion .card h2 {

        font-size: 17px;

        line-height: 26px;

    }

    .card-body {

        font-size: 16px;

        line-height: 40px;

    }

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

        margin-top: 0px;

    }

    .min-h1 {

        height: 510px;

    }

    .min-h2 {

        height: 500px;

    }

    .min-h4 {

        height: 670px;

    }

    .min-h5 {

        height: 410px;

    }

    div.bhoechie-tab-container {

        z-index: 10;

        background-color: #ffffff;

        padding: 0 !important;

        border-radius: 4px;

        -moz-border-radius: 4px;

        border: 1px solid #ddd;

        margin-top: 20px;

        margin-left: 0px;

        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

        background-clip: padding-box;

        opacity: 0.97;

        filter: alpha(opacity=97);

    }

    .mediakit-col {
        max-width: 575px;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .mediakit-col .btn-mediakit {
        font-size: 18px;
        padding: 6px 14px;
    }

}

/* ===================================================== */

/* ===============  iPHONE 5S SMALL VIEW CSS =========== */

/* ===================================================== */

@media (min-width: 320px) and (max-width: 340px) {}



@media screen and (max-width: 600px) {

    table.stbl {

        border: 0;

    }



    table.stbl caption {

        font-size: 1.3em;

    }



    table.stbl thead {

        border: none;

        clip: rect(0 0 0 0);

        height: 1px;

        margin: -1px;

        overflow: hidden;

        padding: 0;

        position: absolute;

        width: 1px;

    }



    table.stbl tr {

        display: block;

    }



    table.stbl td {

        border-bottom: 1px solid #ddd;

        display: block;

        font-size: 18px;

        text-align: right;

        padding: 20px 20px 20px 20px !important;

    }

    #materials table.stbl td {

        border-bottom: 1px solid #ddd;

        display: block;

        font-size: 18px;

        text-align: left;

        padding: 15px 20px 15px 20px !important;

    }

    table.stbl td::before {
        content: attr(aria-label);



        content: attr(data-label);

        float: left;

        font-weight: bold;

        text-transform: uppercase;

    }



    table.stbl td:last-child {

        border-bottom: 0;

    }

}

/* .location-banner {
    padding-top: 90px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .location-banner {
        padding-top: 40px; 
    }
} */

.tick-icon {
    vertical-align: middle !important;
}

.heading-span {
    color: #990000
}

.testimonial-video iframe {
    width: 100%;
    max-width: 800px;
    height: 500px;
    border-radius: 10px;
    margin-bottom: 25px;
    background: #550000
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 38px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 14px 18px;
    border-radius: 50%;
    pointer-events: none;
}

.video-thumbnail {
    position: relative;
    display: inline-block;
}

/* YouTube Video Gallery Styles */
.youtube-testimonial-section {
    background: #f8f9fa;
}

.youtube-video-item {
    cursor: pointer;
    transition: transform 0.3s ease;
    margin-bottom: 20px;
}

.youtube-video-item:hover {
    transform: translateY(-5px);
}

.video-thumbnail-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
}

.video-thumbnail-img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.youtube-video-item:hover .video-thumbnail-img {
    opacity: 0.85;
}

.play-button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.3s ease;
}

.youtube-video-item:hover .play-button-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.play-button {
    width: 80px;
    height: 80px;
    transition: transform 0.3s ease;
}

.youtube-video-item:hover .play-button {
    transform: scale(1.1);
}

.play-button svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}

/* YouTube Modal Styles */
.youtube-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    padding: 20px;
    box-sizing: border-box;
}

.youtube-modal-content {
    position: relative;
    width: 100%;
    max-width: 90%;
    max-height: 90vh;
    background: #000;
    border-radius: 8px;
    padding: 40px 20px 20px 20px;
    box-sizing: border-box;
}

.youtube-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10001;
    line-height: 1;
    padding: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, color 0.3s ease;
}

.youtube-modal-close:hover {
    transform: rotate(90deg);
    color: #990000;
}

.youtube-modal-video-wrapper {
    position: initial;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio for horizontal videos */
    height: 0;
    overflow: hidden;
}

.youtube-modal-video-wrapper.vertical {
    padding-bottom: 177.78%;
    /* 9:16 Aspect Ratio for vertical videos */
}

.youtube-modal-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .youtube-modal-content {
        max-width: 95%;
        padding: 35px 15px 15px 15px;
    }

    .youtube-modal-close {
        top: 5px;
        right: 10px;
        font-size: 30px;
    }

    .play-button {
        width: 60px;
        height: 60px;
    }

    .youtube-video-item {
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .youtube-modal-content {
        max-width: 100%;
        padding: 30px 10px 10px 10px;
        border-radius: 0;
    }

    .youtube-modal-video-wrapper {
        padding-bottom: 56.25%;
    }

    .youtube-modal-video-wrapper.vertical {
        padding-bottom: 177.78%;
    }

    .play-button {
        width: 50px;
        height: 50px;
    }
}

.hero-banner {
    border-radius: 1rem !important;
}
.about-page{
    position: relative;
    overflow: hidden;
}
.team-img img{
    border-radius: 1rem;
}
.choose-us-section h3{
    color: #990000 !important;
}


/* ===== Form & header overrides (consolidated) ===== */
@media (max-width: 1024px) {
    .header_style_01 {
        padding: 0;
    }
    .navbar-expand-lg > .container {
        display: flex;
    }
    .errorfont {
        color: red;
        font-size: 14px;
    }
}

.form-box input,
.form-box textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    font-size: 1rem !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}

.form-box select {
    height: 64px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.form-box input:focus,
.form-box textarea:focus,
.form-box select:focus {
    border-color: #990000 !important;
    box-shadow: 0 0 5px rgba(128, 0, 0, 0.3) !important;
    outline: none;
}

.submit-btn {
    background-color: #990000;
    color: #fff;
    padding: 15px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.submit-btn:hover {
    background-color: #660000 !important;
    transform: scale(1.05) !important;
}

.form-box label {
    text-align: left !important;
    font-weight: bold !important;
    font-size: 1rem;
    color: #333;
    margin-bottom: 8px;
}

.form-box h6 {
    color: #990000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.modal-content {
    max-width: 500px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .navcontainer {
        margin-top: 10px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px !important;
    }
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        position: fixed !important;
        top: 0;
        right: -50%;
        height: 100vh;
        width: 60%;
        background-color: #fff;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
        transition: right 0.3s ease-in-out;
        z-index: 1050;
    }
    .navbar-collapse.show {
        right: 0;
    }
    .navbar-nav {
        flex-direction: column;
        width: fit-content;
    }
    .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

.products-dropdown .dropdown-toggle::after {
    display: none !important;
}

.products-dropdown .nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

.products-dropdown .dropdown-arrow {
    font-size: 12px;
    margin-top: -2px;
    opacity: 1;
    transition: transform 0.3s ease;
}

.products-dropdown.show .dropdown-arrow {
    transform: rotate(180deg);
}

.products-dropdown .dropdown-menu {
    min-width: max-content;
    margin-top: -8px;
    left: 0 !important;
    padding: 0;
    border: none;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    border-top: 3px solid #990000;
    overflow: hidden;
}

.products-dropdown .dropdown-item {
    padding: 12px 20px;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #333;
    transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.products-dropdown .dropdown-item i {
    margin-right: 10px;
    color: #990000;
    width: 18px;
    text-align: center;
}

.products-dropdown .dropdown-item:hover,
.products-dropdown .dropdown-item:focus {
    background: #fef5f5 !important;
    color: #990000 !important;
    padding-left: 24px;
}

.products-dropdown .dropdown-item:last-child {
    border-bottom: none !important;
}

@media (max-width: 991.98px) {
    .products-dropdown .dropdown-menu {
        box-shadow: none;
        border-top: none;
        margin-top: 0;
        background: #f9f9f9;
        border-radius: 6px;
        margin-left: 0;
    }
    .products-dropdown .dropdown-item {
        white-space: pre-line;
        line-height: normal;
    }
    .products-dropdown .nav-link {
        color: #333 !important;
    }
    .products-dropdown .dropdown-arrow {
        color: #333;
    }
}

/* ===== Popup modal & buttons (from test-index) ===== */
.btn-primar {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px 20px;
    background: #990000;
    color: white;
    width: 50%;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
}

.btn-primar:hover {
    background: rgb(145, 27, 29);
    color: white;
}

a.btn.btn-primar {
    background: #990000;
    border: 1px solid #990000;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal-overlay .modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    max-width: 800px !important;
    height: auto;
    position: relative;
}

.modal-overlay .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff !important;
    opacity: 0.5;
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    font-size: 20px;
    cursor: pointer;
}

.modal-overlay .modal-body {
    padding: 0;
    max-height: 80vh;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    height: auto;
}

/* ===== Product range / service items – remove repetitive inline styles ===== */
#product-range .service__content,
.bg-lite-grey .service__content {
    padding-left: 40px;
}

#product-range .service__title,
.bg-lite-grey .service__title {
    text-align: left;
}

#product-range .service__content p.fontw400,
.bg-lite-grey .service__content p.fontw400 {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

#product-range .service__content a[href="#"],
.bg-lite-grey .service__content a[href="#"] {
    padding-top: 30px;
    text-align: left;
}

#trusted-partner.trusted-bg {
    background: #f1f1f1;
}

.pattern-bg.bg-industries {
    background: #d5e1e6;
}

.pattern-bg.bg-light-cyan {
    background: #effbfb;
}

.location-banner {
    position: relative;
    overflow: hidden;
}

.link-explore {
    font-weight: 600;
    color: #550000;
}