/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
        
        body
        {
            font-family: "Roboto", sans-serif !important;
            font-optical-sizing: auto;
            font-style: normal;
        } */


        .dv-left, .dv-right { 
            position: relative; 
            min-height: 1px;
             float: left;
             text-align: center; 
            }
        .dv-left {
             width: 175px; 
             height: 34px;
              background: #fbf7f4;
               padding: 2px 5px;
                font-size: 22px; 
                font-weight: 900; 
                color: #dc1414;
             }
        .dv-right {
             width: 75px; 
            }
        .dv-right button {
             border: 1px solid #fff0e6;
              border-radius: 100%;
               width: 32px;
                height: 32px;
                 font-size: 20px; 
                }
        .login-form-part .top-link .reg-btn { 
            background-color: transparent; 
            color: #da0d20; 
            margin-left: 15px;
         }
        .login-form-part .top-link .reg-btn:hover {
             background-color: transparent;
              text-decoration: underline; 
            }
        .required {
             color: #ff0000;
             }
        .terms:hover {
             text-decoration: underline; 
             color: #da0d20; 
            }
        #spinner.show {
             opacity: .65; 
            }
.Forms__FormsViralityContainer-sc-11vy283-0 iCJCmn {
    display:none!Important;
}
.blog-item {
  display: flex;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.blog-thumbnail img {
  max-width: 100px;
  max-height: 100px;
  object-fit: cover;
  margin-right: 20px;
}

.page-link {
  margin: 0 5px;
   background-color:#da0d20!important;
    color:#fff;
}

.page-link.active {
  font-weight: bold;
}

.red-butn{
    background-color:#da0d20!important;
    color:#fff;
    border:#da0d20;
}
.widhei{
    width:100%;
    
}
.page-margin{
    margin-top:40px;
}
.blog-bread{
    background-color: transparent!important;
    margin-bottom: 10px !important;
}
.text-dis{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.tit-cls{
    font-weight:bold;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-fil{
    padding-top:38px!important;
    padding-bottom:17px!important;
}
.platclss{
    min-width:18rem !important;
}
.pagi-removel{
    display:none;
}


.other-page-header
{
    background-image: none;
}

.sub-page-title
{
    color: #ffffff;
}

.breadcrumb-item a
{
    color: #ffffff;
}

.card-body
{
    background-color: #211f1f;
}

.tit-cls {
    color: #ffffff;
}

.text-dis {
    color: #ffffffa8;
}

.dropdown-menu
{
    min-width: 16rem;
}


    
/*------------NEW MODIFY CSS For Navigation Style-----------*/

.animate-subhead h4 {
    background: linear-gradient(to right, #efefef 10%, #DA0D20 50%, #7a7171 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3.5s linear infinite;
    display: inline-block;
}

body
{
    background-color: #000000;
}

.mainHederWrap {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 20px !important;
    
}

.blackCompactNavbar {
    background-color: rgb(0, 0, 0);
    border-radius: 15px;
    box-shadow: none;
    border: none !important;
   

    /* box-shadow: rgba(253, 5, 5, 0.2) 0px 8px 24px; */
    /* border: 0.0625rem solid rgba(255, 255, 255, 0.2) !important; */
}

.navbar-expand-lg .navbar-nav {
    box-shadow: rgba(253, 5, 5, 0.2) 0px 8px 24px;
    border: 0.0625rem solid rgb(213 213 213 / 20%) !important;
    border-radius: 80px;
    padding: 0 30px;
    background: hsla(208, 7%, 55%, 1);
    background: linear-gradient(90deg, hsl(0deg 0% 0%) 0%, hsl(0deg 71.22% 20.32%) 100%);
    }

    .navbar .navbar-nav .nav-link {
    padding: 15px 15px;
}


.text-subtitle {
    color: #ffffffb5 !important;
    padding-right: 15%;
    padding-left: 0;
    font-weight: 300;
    margin-bottom: 40px !important;
}

.nvcc-main
{
    justify-content: left;
}

.centerScreenMonitorWrap
{
  margin-top: 30px;
}

.border-text {
    border: .0625rem solid #fff3 !important;
    color: #ffffff !important;
    border-radius: 39px !important;
    padding: 8px 14px !important;
}

.border-black-bottom
{
    border-radius: 40px !important;
}

.borderedBtn
{
    border-radius: 40px !important;
}

.blogsCustmBreadCrumb
{
   margin: 30px 0;
    background-color: #121111;
    border: 1px solid #333333;
    border-radius: 3px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(0 0 0 / 76%);
    border-radius: 3px;
}

.navbar .nav-item .dropdown-menu {
    /* display: block; 
    margin-top: 0;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    right: 0;*/
    background-color: #000000;
    border: .0625rem solid #fff3;
    color: #ffffffad;
    box-shadow: rgba(253, 5, 5, 0.2) 0px 8px 24px !important;
}

.dropdown-item {
  
    color: #ffffffc4;
    font-size: 14px;
}

.blogsMainContainer h1
{
  color: #ffffff;
  font-weight: 500 !important;
  font-size: 40px;
}

.blogsMainContainer h2
{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
}

.blogsMainContainer h3
{
  color: #ffffff;
}

.blogsMainContainer h5
{
  color: #ffffff;
}

.blogsMainContainer h4
{
  color: #ffffff;
}

.blogsMainContainer p
{
  color: #ffffffb8;
}

.blogsMainContainer p a
{
  color: #ff00009c;
}

.blogsMainContainer  a
{
  color: #ff00009c;
}

.blogsMainContainer img
{
    border-radius: 5px;
}

.recentBlogsInner
{
    padding: 15px;
    border: 1px solid #333333;
    background-color: #0f0f0f;
    border-radius: 5px;
}

.recentBlogsInner h3
{
    color: #DA0D20 ;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 40px;
    margin-top: 20px;
}

/*Styling Recent Post Styles*/

.recent-posts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.recent-post-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.recent-post-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
}

.recent-post-item a {
  text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    font-weight: 500;
    color: #fffffff7;
}

.recent-post-item a:hover {
  color: #DA0D20;
}

.blogsMainContainer .col-md-8
{
  padding-right: 40px;
}

.reviewBoxWrapper
{
    margin: 20px 0;
    background-color: #333333;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #3b3232;
}

.blogsReviewImg
{
    height: 35px;
    background-color: #ffffff;
    padding: 5px;
}

.blogsIconsNew
{
    color: #DA0D20;
    margin-right: 7px;
    display: none;
}

.cta-button {
    padding: 10px 20px;
    border: 2px solid black;
    border-radius: 999px;
    background: #c90000;
    font-weight: bold;
    cursor: pointer;
    color: #fff !important;
    font-weight: 400;
    display: inline-block;
}

.cta-button:hover
{
    background-color: #ffffff;
    color: #000000 !important;
}

.mainBannerImg
{
    border: 1px solid #390505;
}

.recentBlogsWrapper
{
   position: sticky;
   top: 80px;
}


.marginTop0
{
    margin-top: 0px;
}