html { -moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-color:#fff;cursor:default;font-smooth:always;font-smoothing:antialiased;outline:none !important; text-rendering:geometricPrecision;text-rendering:optimizeLegibility;scroll-behavior: smooth;}
body { -webkit-overflow-scrolling:touch; text-rendering:optimizeLegibility; width:100%; overflow-x: hidden; overflow-y: scroll;
	-webkit-overflow-scrolling: touch;}
body a{ outline:none;text-decoration:none !important}
body a:active{text-decoration:none !important}
body a:hover{text-decoration:none !important}
body a:visited{text-decoration:none !important}

*:hover{ -webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-webkit-transition-property:color,background-color;-o-transition-property:color,background-color;transition-property:color,background-color;-moz-transition-property:color,background-color;-ms-transition-property:color,background-color}

@media (min-width: 1400px) {
   .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1140px !important; 
   }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
   body {
       zoom: 80% !important;
   }

}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {
   body {
       zoom: 90% !important;
   }

}

/*----------------HOME-----------------*/
/* HEADER*/
#header{
background: radial-gradient(47.99% 9950.4% at 77.85% 67%, #394855 0%, #1C2329 100%);
padding: 15px 0px;
 }
 #header .rj-container{
     display: flex;
     justify-content: space-between;
     width: 101.8%;
 }
 #header .navbar-toggle{
     background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/navbar-toggle.png") center center no-repeat;
     width: 40px;
     height: 40px;
     padding-top: 75px;
     margin-right: -20px !important;
     margin-left: -12px;
     display: none;
 }
 #header .navbar-tab-list{
   background: #009FE2;
   margin-top: -3%;
 }
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #header{ padding: 0px !important;}

   #header .navbar-tab-list{
      margin-top: -6%;
   }
  }

 #header .logo img{
    height: 76px;
   width: 300px;
 }
 #header .items{
     width: 600px;
     display: flex;
     justify-content: space-around;
     padding-top: 20px;
 }

 #header .items .custumize-btn a{
    display: flex;
 }
 #header .items .custumize-btn .icon{
     background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/customize-your-experience-icon.png") center center no-repeat;
     width: 44px;
    height: 24px;
    margin-right: 5px;
    padding: 15px;
 }
 #header .items .text,.items-collapse .custumize-btn .text{
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */
    
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    /* white */
    
    color: #FFFFFF;

 }
 #header .items .where-btn a{
     display: flex;
    
 }
 #header .items .where-btn .icon{
     background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/where-to-buy-icon.png") center center no-repeat;
     width: 26px;
     height: 33px;
     margin-right: 8px;
 }

 #header .items .support-btn a{
   display: flex;
  
}
#header .items .support-btn .icon{
   background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/tech-support-icon.png") center center no-repeat;
   width: 26px;
   height: 33px;
   margin-right: 8px;
}

 #header .items .search{
     padding: 5px;
     
 }
 #header .items .search div{
background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/search-icon.png") center center no-repeat;
width: 25px;
height: 25px;
 }
 .collapse{
     overflow-y: scroll;
 }
 #header .navbar-tablet{
    width: 100%;
    margin-top:74px;
    position: absolute;
    transition: .0s ;
    left: 0%;
    padding-top: 20px;
    padding-bottom: 5px;
    z-index: 1;
    height: calc(100vh - 76px);
    z-index: 999999999;
 }
 #header .navbar-tablet ul{
    padding-inline-start:5px;
    list-style: none;
 }
 #header .navbar-tablet ul a{
     display: flex;
     justify-content: space-between;
     padding: 22px 40px;
 }
 #header .navbar-tablet ul a li{
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    /* identical to box height, or 160% */
    
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    /* white */
    
    color: #FFFFFF;
 }
 #header .navbar-tablet ul .arrow{
     background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/arrow-tablet.png") center center no-repeat;
    width: 16px;
    height: 16px;
 }
 #header .products-collapse{
    background: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
 width: 102%;
 height: 300px;
 margin-left: -5px;
 margin-top: 5px;
 transition: 0s;
height: auto;
overflow-x: hidden;
}
#header .products-collapse .products{
    padding: 20px 0px;
    display: flex;
    justify-content: center;
}
#header .products-collapse .products .rj-card{
    width: 300px;
        margin-right: 20px;
 
}

#header .products-collapse .products .rj-card a{
    display: grid;
}
#header .products-collapse .products .rj-card .image img{
    width: 220px;
    height: 102px;
    margin-bottom: 20px;
    border-radius: 12px;
}

#header .products-collapse .products .rj-card .title p{
    font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */

text-align: center;

/* BlueishGrey */

color: #394855;
}
#header  .categorie-collapse{
    background: #394855;
    margin-left: -7px;

}
#header  .categorie-collapse ul a li{
font-size: 15px;
padding: 0px 4px;
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 140%;
/* or 21px */
text-transform: none;

color: #FFFFFF;
}
#header .dots-mobile{
    background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/dots-res.png") center center no-repeat;
    width: 34px;
    height: 15px;
    position: absolute;
    right: 30px;
    margin-top: 30px;
    display: none;
}
#header .items-collapse{
    background: rgba(0, 159, 226, 1);
    width: 100%;
    padding: 18px 14px;
    position: absolute;
    margin-left: -12px;
    margin-top: 76px;
    transition: 0s;
    z-index: 1;
    
}
#header .items-collapse .custumize-btn a{
    display: flex;
}
#header .items-collapse .content{
    display: flex;
    justify-content: space-around;
}
#header .items-collapse .custumize-btn .icon{
    background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/customize-your-experience-icon.png")  center center no-repeat;
    width: 44px;
height: 24px;
margin-right: 5px;
margin-top: -8px;
padding: 20px 20px !important;

}
#header .items-collapse .custumize-btn .text{
font-size: 10px;
line-height: 18px;
padding-top: 5px;
}
#header .items-collapse .search{
background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/search-res.png") center center no-repeat;
    width: 32px;
height: 32px;
margin-top: -2px;
}
#header .items-collapse .buy{
    background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/where-to-buy-icon.png") center center no-repeat;
  width: 32px;
  height: 32px;
}
.navbar-expand-lg .navbar-collapse{
    overflow-y: hidden;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #header{ padding: 0px !important;} 
   #header .logo img{
     width: 160px;
     object-fit: contain;
     margin-top: -1%;
     margin-left: -10%;
   }
    #header{
        position: relative;
    }
    #header .navbar-toggle{
        display: block;
    }
    #header .items .custumize-btn{
         margin-right: 20px;
    }
    #header .items .where-btn{
      margin-right: 20px;
 }
    #header .items .support-btn{
      margin-right: 20px;
  }
    #header .items{
        width: 460px;
        display: flex;
        justify-content: start;
        padding-top: 20px;
    }
    #header .items .search{
        display: none;
        
    }

    #header .items .text, .items-collapse .custumize-btn .text { font-size: 12px;}
  }
  @media only screen and (min-width: 320px) and (max-width: 767px) {

    #header .navbar-toggle{
        display: block;
        margin-left: 15px;
        margin-right: 8px !important;

    }
    #header .rj-container{
        justify-content: start;
    }
    #header .logo{
      margin-top: 0%;
   }
    #header .logo img{
         width: 140px;
         object-fit: contain;
    }
   
    #header .items{
        display:none;
    }
    #header .items .search{
        display: none;
        
    }
    #header .dots-mobile{
        display: block;
    }
    #header .navbar-tablet ul a li{
        font-size: 15px;
        line-height: 24px;
     }
     #header  .categorie-collapse ul a li{
        font-size: 13px;
        padding: 0px 4px;
        }

   #header .navbar-tablet {
      position: absolute;
      top: 168px;
      margin-top: 0px;
   }
  }

/* HEADER*/

/* NAVBAR*/
#nav-bar{
background-color: #009FE2;
padding: 20px;
height: 65px;
 
 }
 .nav-link-nav{
font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 13.5px;
line-height: 24px;
/* identical to box height, or 160% */
text-decoration: none;
letter-spacing: 0.05em;
text-transform: uppercase;


/* white */

color: #FFFFFF;
 
 
 }
 .arrow-header{
margin-left: 6.5px;
 }
 
 .nav-link-nav:hover{
color: #FFFFFF;
 }
 
 .dropdown-menu{
background-color: white;
}

#dropdown-categorie{
   width: 100% !important;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   position: absolute !important;
   left: 0px;
   right: 0px;
}


#dropdown-categorie a .rj-card{
   width: 165px;
   text-align: center;
   margin-top: 18px;
margin-right: 15px;

}
#dropdown-categorie a .rj-card img{
   margin-bottom: 20px;
   width: 100%;
   height: 80px;
   border-radius: 12px;
}

#dropdown-categorie a .rj-card .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 140%;
/* or 25px */

text-align: center;

/* BlueishGrey */

color: #394855;

}

#dropdown-categorie a:hover img{
   border: 4px solid rgba(0, 159, 226,.1);
   box-sizing: border-box;
   border-radius: 12px;
}

#dropdown-categorie a :hover .title{
   color: #009FE2;
}

#dropdown-markets .row { display: flex; justify-content: center; }
#dropdown-markets .row a { width: 200px;}

#dropdown-technology .row { display: flex; justify-content: center; }
#dropdown-technology .row a { width: 200px;}

#dropdown-solutions .row { display: flex; justify-content: center; }
#dropdown-solutions .row a { width: 200px;}

#dropdown-latest .row { display: flex; justify-content: center; }
#dropdown-latest .row a { width: 200px;}

#dropdown-resources .row { display: flex; justify-content: center; }
#dropdown-resources .row a { width: 200px;}

#dropdown-partnering .row { display: flex; justify-content: center; }
#dropdown-partnering .row a { width: 200px;}

#dropdown-about .row { display: flex; justify-content: center; }
#dropdown-about .row a { width: 200px;}

.dropdown-item{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   padding: 13px 20px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: capitalize;
   color: #1C2329;
 }
 
 .dropdown-item:hover{
   background-color: rgba(0, 159, 226, 0.1) !important;
 }


 #dropdown-markets,
 #dropdown-technology,
 #dropdown-categorie,
 #dropdown-solutions,
 #dropdown-latest,
 #dropdown-resources,
 #dropdown-partnering,
 #dropdown-about{
  
   width: 100%;
   /* Card Shadow */
   margin-top: 16px !important; 
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
   left: 0;
   }
   
   #dropdown-markets .container,
   #dropdown-technology .container,
   #dropdown-solutions .container,
   #dropdown-latest .container,
   #dropdown-resources .container,
   #dropdown-partnering .container,
   #dropdown-about .container{ max-width: 100% !important; }
   
   #dropdown-markets a .rj-card,
   #dropdown-technology a .rj-card,
   #dropdown-solutions a .rj-card,
   #dropdown-latest a .rj-card,
   #dropdown-resources a .rj-card,
   #dropdown-partnering a .rj-card,
   #dropdown-about a .rj-card{
      width: 165px;
      text-align: center;
      margin-top: 18px;
   
   }
   #dropdown-markets a .rj-card img,
   #dropdown-technology a .rj-card img,
   #dropdown-solutions a .rj-card img,
   #dropdown-latest a .rj-card img,
   #dropdown-resources a .rj-card img,
   #dropdown-partnering a .rj-card img,
   #dropdown-about a .rj-card img{
      margin-bottom: 20px;
      width: 100%;
      height: 80px;
      border-radius: 12px;
      border: 4px solid transparent;
   }
   
   #dropdown-markets a .rj-card .title,
   #dropdown-technology a .rj-card .title,
   #dropdown-solutions a .rj-card .title,
   #dropdown-latest a .rj-card .title,
   #dropdown-resources a .rj-card .title,
   #dropdown-partnering a .rj-card .title,
   #dropdown-about a .rj-card .title{
      font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 140%;
   /* or 25px */
   
   text-align: center;
   
   /* BlueishGrey */
   
   color: #394855;
   
   }
   
   #dropdown-markets a:hover img,
   #dropdown-technology a:hover img,
   #dropdown-solutions a:hover img,
   #dropdown-latest a:hover img,
   #dropdown-resources a:hover img,
   #dropdown-partnering a:hover img,
   #dropdown-about a:hover img{
      border: 4px solid rgba(0, 159, 226,.1);
      box-sizing: border-box;
      border-radius: 12px;
      background: #009FE2;
   }
   
   #dropdown-markets a :hover .title,
   #dropdown-technology a :hover .title,
   #dropdown-solutions a :hover .title,
   #dropdown-latest a :hover .title,
   #dropdown-resources a :hover .title,
   #dropdown-partnering a :hover .title,
   #dropdown-about a :hover .title{
      color: #009FE2;
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
    #nav-bar{
        display: none;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #nav-bar{
        display: none;
    }
}
 
/* NAVBAR*/

/* HERO HOME*/

 

#hero-home.hero-txt { 
   width: 100%;
   text-align: left !important;
   /*height: calc(100vh - 168px);*/
   height:600px;
   background-size: cover !important;
}
#hero-home.hero-txt .text { padding: 0px ; max-width: 550px;}
 

 #hero-home .dark-background,.btns{
    display: flex;
 }
  .watch-icon{
    background: url('https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/watch-video-icon.png') center center no-repeat;
    height: 16px;
   width: 16px;
   margin-right: 11px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #hero-home  .col{
      padding-left: 60px;
   }
   #hero-home .large-title{
      width: 80%;
   }
  
     
       
 }
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #hero-home  .col{
      padding-left: 25px;
   }
   #hero-home .large-title{
      width: 100%;
      font-size: 36px;
   }
   #hero-home .btns{
      display: grid;
   }
   #hero-home .dark-background{
      display: flex;
   }
   #hero-home .btns .rj-btn{
      margin-bottom: 12px;
   }
   #hero-home.hero-txt { 
    height:750px;
   }
}
 
/* HERO HOME*/

/* RAJANT BUTTONS*/
.rj-btn{
padding: 14px 40px;
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 14px;
 line-height: 18px;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 color: #FFFFFF;
 border-radius: 93px;
 text-decoration: none;
 width: fit-content;
 border: 2px solid transparent;
 cursor: pointer;
 }

 .rj-btn.btn-blue:hover{  border: 2px solid #009FE2; color: #009FE2; background: #fff;}
 .rj-btn.dark-background:hover{  border: 2px solid transparent; color: #fff; background: #626C76;}


.btn-blue{
   background-color: #009FE2;
 }

 .btn-green{
   background-color: #139948;
 }

 .btn-green:hover{ color: #139948 !important; background-color: #fff !important; border: 2px solid #139948;}

 .dark-background{
   background-color: #394855;
 }
 
.dark-background:hover{
   color: white;
 }
 
 .rj-btn-blue-color:hover{
color: #009FE2;
 
 }
 .rj-btn-blue-color{
padding: 16px 40px;
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 14px;
 line-height: 18px;
 
 letter-spacing: 0.05em;
 text-transform: uppercase;
 color: #009FE2;
 border: 2px solid #009FE2;
 box-sizing: border-box;
 border-radius: 40px;
 text-decoration: none;
 
 }

 .btn-white{
background-color: white;
 }
 

/* RAJANT BUTTONS*/

/* WHY RAJANT + WIFI BACKGROUND */

#why-rajant{
   margin-top: 160px;
   padding-bottom: 40px;
 
 }
 #why-rajant .title{
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 /* identical to box height, or 133% */
 margin-bottom: 8px;
 text-align: center;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 /* Blue */
 
 color: #009FE2;
 }
 
 #why-rajant .sub-title{
font-family: 'Red Hat Display',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 48px;
 line-height: 120%;
 /* identical to box height, or 58px */
 
 text-align: center;
 
 /* Dark */
 margin-bottom: 20px;
 color: #1C2329;
 }
 
 #why-rajant .text-1{
font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 18px;
 line-height: 140%;
 /* or 25px */
 margin-bottom: 20px;
 text-align: center;
 
 /* Dark */
 
 color: #1C2329;
 padding: 0px 200px;
 }
 
 #why-rajant .text-2{
font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 140%;
 /* or 22px */
 
 text-align: center;
 margin-bottom: 40px;
 /* Grey */
 
 color: #626C76;
 padding: 0px 200px;
 }

 .watch-blue-icon{
 
width: 12px;
height:14.59px;
margin-right: 11px;
 }


.rj-testimonials-bg { 
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 100px;

}

.rj-testimonials-bg video { 
width: 100%;
height: 100%;
position: relative;
}

 .rj-wifi-bg{
background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/home/experties-rajant.jpg") center center no-repeat;
height: 1080px;
background-size:contain;
background-repeat: no-repeat;
margin-top: 100px;
margin-bottom: 0px;
 }


 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .rj-wifi-bg{
 background-size: contain !important;
 width: 100% !important;
 height: 535px;
 margin-top: -110px;
 margin-bottom: -90px;
       }
}
 .large-vertical-line{
width: 1px;
height: 200px;
border: 1px solid #009FE2;
transform: rotate(90deg);
padding: 0px !important;
transform: none !important;
display: none;

 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
    
#why-rajant{
   margin-top: 160px;
    
    }
    #why-rajant .text-1{
       padding: 0px 65px;
       }
       
       #why-rajant .text-2{
       padding: 0px 65px;
       }
    .rj-wifi-bg{
      width: 769px;
      height: 535px;
      margin-top: 16px;
      margin-bottom: 110px;
       }
     
 }
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #why-rajant{
      margin-top: 160px;
      
       
       }
       #why-rajant .text-1{
          padding: 0px 1px;
          }
          
          #why-rajant .text-2{
          padding: 0px 10px;
          }
          #why-rajant .sub-title{
             font-size: 36px;
             line-height: 57px;
             padding: 0px 40px;
          }
      
          .large-vertical-line{
             height: 100px;
          }
}


/* WHY RAJANT + WIFI BACKGROUND*/

/* WHAT WE OFFER*/


#we-offer{
padding-top: 200px;
background-color: #edf8fd; padding-bottom: 100px;
}

 #we-offer .title{
font-family: 'Be Vietnam',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 /* identical to box height, or 133% */
 margin-bottom: 8px;
 text-align: center;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 /* Blue */
 
 color: #009FE2;
 }
 
 #we-offer .sub-title{
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */
margin-bottom: 20px;
text-align: center;

/* Dark */

color: #1C2329;
padding: 0 200px;
 }

 #we-offer .text{
font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 140%;
 /* or 22px */
 
 text-align: center;
 
 /* Grey */
 
 color: #626C76;
 padding: 0 300px;
 }
 .we-offer-container{
margin-bottom: 100px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #we-offer{
      padding-top: 146px;
      padding-bottom: 100px;
       }
       #we-offer .sub-title{
 
         padding: 0 100px;
          }
         
          #we-offer .text{
   
          padding: 0 66px;
          }

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #we-offer{
      padding-top: 60px;
      padding-bottom: 30px;
       }
       #we-offer .sub-title{
 
         padding: 0 20px;
         font-size: 36px;
         line-height: 120%;
          }
         
          #we-offer .text{
   
          padding: 0 10px;
          }
   
}

/* WHAT WE OFFER*/

/* RAJANT ADVENTAGES */
#adventages { background-color: #edf8fd; padding-bottom: 100px; }

#adventages .row{
   display: flex;
justify-content: center;
}
 #adventages .rj-card{ 
width: 360px;
margin-right: 20px;
height: 300px;
 }

 #adventages .md-card{
   height: 440px;
 }
 #adventages .content{
   width: 360px;
   padding: 10px;
    margin-right: 20px;
   height: fit-content;
   margin-bottom: 45px;
 }

 /*
 #adventages .content:hover{
   padding: 40px;
   background: #FFFFFF;
   margin-top: -100px;
   border: 1px solid #009FE2;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
   border-radius: 20px;
}
*/
 

#adventages .content:hover  .rj-more a{
 display: block;
 text-decoration: underline;

 
 
}
 #adventages .icon{
margin-bottom:23px;
}

#adventages .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 140%;
   /* identical to box height, or 34px */
   margin-bottom: 20px;
   text-align: center;
   
   /* Dark */
   
   color: #1C2329;
   }
   #adventages .text{
      font-family: 'Helvetica',sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 140%;
      /* or 22px */
      
      text-align: center;
      margin-bottom: 36px;
      /* Grey */
      
      color: #626C76;
   }
   #adventages .rj-more a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */


letter-spacing: 0.05em;
text-decoration-line: underline;
text-transform: uppercase;

/* Blue */
display: none;

color: #009FE2;
   }
   #adventages .rj-more a img{
      margin-top: -2.5px;
   }

 .small-vertical-line{
width: 100px;
height: 0px;
display: none;
 
/* Blue */

border: 1px solid #009FE2;
transform: rotate(90deg);
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #adventages{
      margin-bottom: 110px;
   }
   #adventages .rj-card{ 
      margin-right: 0px;
      margin-bottom: 43px;
       }
       #adventages .rj-card .text{
         padding: 0px 25px;
       }
       #adventages .content:hover{
         padding: 0px 12px;
         background: transparent;
      /* Blue */
      margin-top: 10px;
      border:none;
      box-sizing: border-box;
      /* Card Shadow */
      
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0);
      border-radius: 0px;
      }
       
      #adventages .content  .rj-more a{
         display: block !important;
         text-decoration: none;
        
        }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   
       
       #adventages .rj-card { width : auto !important;
    margin-right: 0px;
             }
             #adventages .content{
                width: 100%;
               padding: 0px 20px;
             }
       
       #adventages .content:hover{
         padding: 0px 21px;
         background: transparent;
      /* Blue */
      margin-top: 0px !important;
      border:none;
      box-sizing: border-box;
      /* Card Shadow */
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0);
      border-radius: 0px;
      }
       
      
      #adventages .content  .rj-more a{
       display: block !important;
       text-decoration: none;
      
      }
}
 /* RAJANT ADVENTAGES */

/* RAJANT PRODUCT */


#rajant-products{
   margin-bottom: -74px;
}
#rajant-products .title{
font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-top: 100px;
margin-bottom: 8px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Blue */

color: #009FE2;
padding: 0 300px;
 }
 
 #rajant-products .sub-title{
 
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */
margin-bottom: 20px;
text-align: center;

/* Dark */

color: #1C2329;
padding: 0 100px;
 }
 
 #rajant-products .text{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;
margin-bottom: 77px;
/* Grey */
 
color: #626C76;
padding: 0 200px;
 }

 #rajant-products .rajant-product-container{
border: 20px SOLID #009FE2;
height: 400px;
border-radius: 40px;
border-bottom: none;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-top: 150px;

}

#rajant-products .products-container{
margin-top: 110px;
overflow: hidden;
}
#rajant-products .rajant-product-card .image-box{

   margin-bottom: 20px;
   border-radius: 12px;
   border: 10px solid transparent;
}
#rajant-products .rajant-product-card .image-box img{
width: 100%;
    object-fit: none;
    border-radius: 12px;
    height: 156px;
}
 #rajant-products .rajant-product-card:hover .image-box{
border: 10px solid rgba(0, 159, 226,.1);
box-sizing: border-box;
 }

 #rajant-products .rajant-product-card:hover .image-box img{
  border-radius: 0px !important;
    }
 #rajant-products .rajant-product-card a{
text-decoration: none !important;
}

#rajant-products .rajant-product-card .name {
 font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* identical to box height, or 34px */
text-decoration: none !important;
text-align: center;

/* BlueishGrey */

color: #394855;
}
#rajant-products .rajant-product-card{

width: 380px;
margin-bottom: 44px;

}

#rajant-products .rajant-product-card:hover a p {
 color: #009FE2;
 transition: .1S ease-in-out;
}

#rajant-products .close-container{
border: 20px SOLID #009FE2;
 height: 100px;
 border-radius: 40px;
 border-top: none;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 width: 70%;
 margin-top: -5px;
 margin-bottom: 150px;
 }
 #rajant-products .con-res{
border: 0px SOLID transparent;
 }
 #rajant-products .rajant-product-card .image-box img{
    border-radius: 12px !important;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   
   
       #rajant-products .rajant-product-card{

         width: 320px;
         margin-bottom: 44px;         
         }
         #rajant-products .close-container{
           display: none;
             }
             #rajant-products .rajant-product-container{
               border: 0px SOLID transparent;
               height: 0px;
               margin-top: 0px;
               margin-bottom: 70%;
               }
         #rajant-products .con-res{
            border: 20px SOLID #009FE2;
            margin-bottom: 150px;
            border-radius: 40px;
            margin-top: 120px;
         }
         #rajant-products .title{
            padding: 0 44px;
             }
             
             #rajant-products .sub-title{
            padding: 0 43px;
             }
             
             #rajant-products .text{

            padding: 0 64px;
             }
             #rajant-products .rajant-product-card:hover a p {
               color: #394855;
               transition: .0S;
              }
              #rajant-products .rajant-product-card:hover .image-box{
               border:  10px solid transparent;
               box-sizing: border-box;

                }
}

@media only screen and (min-width: 320px) and (max-width: 667px) {
   
   #rajant-products{
      margin-top: -120px;
   }
   #rajant-products .container{
      margin-top: 0px !important;
   }
   #rajant-products .rajant-product-card{

     width: 320px;
     margin-bottom: 44px;         
     }
     #rajant-products .close-container{
       display: none;
         }
         #rajant-products .rajant-product-container{
           border: 0px SOLID transparent;
           height: 0px;
           margin-top: 0px;
           margin-bottom: 0px;
           position: relative;
           height: auto;
           }
     #rajant-products .con-res{
        border: 0px SOLID transparent;
        margin-bottom: 150px;
        border-radius: 40px;
        margin-top: 120px;
     }
     #rajant-products .title{
        padding: 0 30px;
         }
         
         #rajant-products .sub-title{
        padding: 0 14px;
        font-size: 36px;
         }
         
         #rajant-products .text{

        padding: 0 39px;
         }
         #rajant-products .rajant-product-card:hover a p {
           color: #394855;
           transition: .0S;
          }
          #rajant-products .rajant-product-card:hover .image-box{
            border:  10px solid transparent;
            box-sizing: border-box;
            border-radius: 12px !important;
            }
            
}

/* RAJANT PRODUCT */

/* latest header */
#latest-header{
background-color: whitesmoke;
position: relative;
top: 100px;
z-index: 1;
margin-bottom: 80px;
padding-top: 80px;
padding-bottom: 80px;
}
#latest-header .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */

text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 8px;
/* Blue */

color: #009FE2;
}
#latest-header .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */
margin-bottom: 20px;
text-align: center;
/* Dark */
color: #1C2329;
}
#latest-header .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 315px;

}
#latest-header .large-vertical-line{
margin-bottom: 0px;
display: none;
}

.philanthrophy-latest{
   margin-top: -370px;
}
.latest-purpose{
   margin-top: -370px;

}
.latest-home{
margin-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .latest-home{
      margin-top: 200px;
      }
      #latest-header .title{
        padding: 0px 50px;
    }
    #latest-header .sub-title{
        padding: 0px 50px;
    }
    #latest-header .text{
        padding: 0px 100px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #latest-header .title{
        padding: 0px 20px;
    }
    #latest-header .sub-title{
        padding: 0px 20px;
    }
    #latest-header .text{
        padding: 0px 33px;
    }
 
 }
/* latest header */


/* RAJANT LATEST */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    margin: 10px 10px !important;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#latest-slider{
width: 100%;
background-color: whitesmoke;
padding-top: 50px;
padding-bottom: 100px;
}
#latest-slider .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  #latest-slider .rajant-card{
 padding: 0px 10px;
 padding-bottom: 20px;
 position: relative;
 }


 #latest-slider .rajant-card  .categorie{
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    width: fit-content;
    height: 26px;
    left: 20px;
    top: 15px;
    text-align: center;
    background: #394855;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;;
 
 }
 #latest-slider .rajant-card:hover .categorie{
    background-color: #009FE2;
 }
 
 #latest-slider .rajant-card .image{
    width:100%;
   
   border-radius: 8px;
   margin-top: 12px;
   margin-bottom: 20px;
   height: 220px;
    object-fit: cover;
 }
 #latest-slider .rajant-card:hover{
    background: #FFFFFF;
 /* Card Shadow */
 
 /*box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);*/
 border-radius: 20px;
 }
 
#latest-slider .line{
    width: 40px;
     height: 0px;
     
     margin-left: 16px;
 
     /* Blue */
     margin-bottom: 12px;
     border: 1px solid #009FE2;
     }
 #latest-slider .rajant-card:hover .more{
   text-decoration: underline;
 }
 
 #latest-slider .rajant-card .texto,
 #latest-slider .rajant-card .texto a{
    font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 140%;
 /* or 22px */
 margin-bottom: 28px;
 margin-left: 15px;
 
 /* Grey */
 color: #626C76;
 }
 
 #latest-slider .rajant-card .line{
    margin-left: 15px;
    width: 40px;
 }
 #latest-slider .rajant-card a{
     text-decoration: none;
 }
 #latest-slider .rajant-card .title{
    font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 140%;
 /* or 25px */
 margin-bottom: 12px;
 /* Dark */
 margin-left: 15px;
 color: #1C2329;
 }
 #latest-slider .rajant-card:hover .title{
    color: #009FE2;
 }
 
 #latest-slider .rajant-card  .more{
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    margin-left: 15px;
 
    display: flex;
    align-items: flex-end;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    /* Blue */
    
    color: #009FE2;
 }
 #latest-slider .rajant-card  .more  img{
    margin-left: 8px;
    width: 13px;
    height: 12px;
       
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #latest-slider .slick-prev{
     visibility: hidden;
   }
   #latest-slider .slick-next{
      visibility: hidden;
   }
}

 .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;

    color: #626C76 !important;

}
.slick-dots li button:hover{
    color: #009FE2 !important;
}

.slick-dots li.slick-active button:before {
    color: #009FE2 !important;

}

.slick-dots li button:before {
color: none !important;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before{
    color: #009FE2 !important;

}


#latest-slider .slick-prev{
    width: 60px;
  height: 60px;
  position: relative;
  border: none;
  background: #626C76 url("../img/common/left-arrow.png") center center no-repeat;
  opacity: 0.3;
  border-radius: 141px;
 display: flex;
 justify-content:center;
 align-items: center;
 margin-right: 30px;
 content: ''!important; 
position: absolute;
left: -80px;

 
  }
  #latest-slider .slick-prev:hover{
    background-color: #009FE2 ;
    opacity: 1;
     /* White */
   
     border: 4px solid #FFFFFF;
     box-sizing: border-box;
     content: ''!important; 
  }

  #latest-slider .slick-next:hover{
    background-color: #009FE2 ;
    opacity: 1;
     /* White */
     
     border: 4px solid #FFFFFF;
     box-sizing: border-box;
     content: ''!important; 
  }
  
  /* Position the "next button" to the right */
  #latest-slider .slick-next {
    width: 60px;
    height: 60px;
    position: absolute;
    border: none;
    background: #626C76 url("../img/common/right-arrow.png") center center no-repeat;
    opacity: 0.3;
    border-radius: 141px;
   display: flex;
   justify-content:center;
   align-items: center;
   content: ''!important; 
   right: -80px;

 }
 .slick-prev:before, .slick-next:before {
    content: ''!important;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: 'â† ';
}
[dir='rtl'] .slick-prev:before
{
    content: 'â†’';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: 'â†’';
}
[dir='rtl'] .slick-next:before
{
    content: 'â† ';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
position: relative;
top: 70px;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* RAJANT LATEST */

/* RAJANT PARTNERS */

#partner{
overflow: hidden;

 }
 #partner .sub-title{
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */
text-align: center;
/* Dark */
color: #1C2329;
 }
 
 #partner .title{
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 /* identical to box height, or 133% */
 margin-top: 113px;
 margin-bottom: 8px;
 text-align: center;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 /* Blue */
 
 color: #009FE2;
 }

 #logos{
display: flex;
flex-direction: row;
justify-content: start;
margin-bottom: 80px;
height: 160px;
margin-top: 40px;

 }

 #logos div img{
   margin-right: 120px;
   object-fit: contain;
   height: auto;
   width: 160px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #logos{
      margin-bottom: 90px;
       }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #partner .sub-title{
        font-size: 36px;
        padding: 0px 25px;
         }
 }
 
/* RAJANT PARTNERS */

/* HOW ARE RAJANT CHANGING THE GAME */

#changing-game{
margin-top: 200px;
margin-bottom: 100px;

}

#changing-game .col { width: 50%;}

 
#changing-game .sub-title{
 font-family: 'Red Hat Display',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 48px;
 line-height: 120%;
 /* or 58px */
 
 margin-bottom: 40px;
 /* Dark */
 
 color: #1C2329;
 
}
#changing-game .title{
 font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 /* identical to box height, or 133% */
 margin-bottom: 8px;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 /* Blue */
 
 color: #009FE2;
}

#changing-game .text{
 font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 140%;
 /* or 22px */
 
 margin-bottom: 40px;
 /* Grey */
 
 color: #626C76;
 
}
.changing-image{

 }
 .container-image div{
background-image: url("../img/common/points-background-blue.png");
background-size: contain;
width: 100%;
height: 300px;
 }
 
 .container-image{
width: 270px;
height: 660px;
background-color: transparent;
 position: relative;
 }
 .watch-video-image{
position: relative;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   #changing-game{
      margin-top: 80px;
      margin-bottom: 100px;
      
      }
   #changing-game .row{
      display: grid !important;
   }
   #changing-game .row .col{
      text-align: center;
      margin-bottom: 32px;
   }
   #changing-game .col { width: 100%;}
   #changing-game .sub-title{
     
      padding: 0px 83px;

     }
     #changing-game .title{
      padding: 0px 83px;
     }
     
     #changing-game .text{
      padding: 0px 160px;
      margin-bottom: 20px;
     }
      
}
@media only screen and (min-width: 320px) and (max-width: 667px) {
   #changing-game{
      margin-top: 80px;
      margin-bottom: 60px;
      
      }
   #changing-game .row{
      display: grid !important;
   }
   #changing-game .row .col{
      text-align: center;
      margin-bottom: 20px;
   }
   #changing-game .row .col .changing-image img{
      width: 100%;
     object-fit: contain;
   }
   #changing-game .col { width: 100%;}
   #changing-game .sub-title{
      padding: 0px 5px;
      font-size: 36px;
     }
     #changing-game .title{
      padding: 0px 13px;
     }
     
     #changing-game .text{
      padding: 0px 24px;
      margin-bottom: 20px;
      
     }

          
}


#hero-wifi{
background-image: url("../img/common/hero-wifi.png");
min-height: 770px;
background-size: contain;
margin-bottom: 60px;
background-repeat: no-repeat;
margin-top: 60px;
display: none;
 }


/* HOW ARE RAJANT CHANGING THE GAME */

/* HOW TO GET RAJANT */

#get-rajant{
 margin-top: 200px;
 } 

#get-rajant .title{
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 /* identical to box height, or 133% */
 margin-top: -50px;
 margin-bottom
 : 8px;
 text-align: center;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 /* Blue */
 
 color: #009FE2;
 }
 
 #get-rajant .sub-title{
font-family: 'Red Hat Display',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 48px;
 line-height: 120%;
 /* identical to box height, or 58px */
 margin-bottom: 20px;
 text-align: center;
 
 /* Dark */
 
 color: #1C2329;
 }
 

 /* HOW TO GET RAJANT */
 #get-rajant .text-1{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-align: center;

/* Dark */
margin-bottom: 40px;

color: #1C2329;

 }
 #get-rajant .text-2{
font-family: 'Helvetica',sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 140%;
 /* or 22px */
 
 text-align: center;
 margin-bottom: 40px;
 /* Grey */

 color: #626C76;
 padding: 0 280px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 #get-rajant{
 margin-top: 140px;   
 margin-bottom: -92px;
 } 
 #get-rajant .title{
      padding:0px 100px;
    }
    
    #get-rajant .sub-title{
      padding:0px 100px;
    }
    #get-rajant .text-1{
   margin-bottom: 40px;
      
       }
    #get-rajant .text-2{

    padding: 0 80px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .small-vertical-line{
        margin-bottom: 50px;
    }
   #get-rajant{
      margin-top: 83px;   
      margin-bottom: 80px;
      } 
      #get-rajant .title{
           padding:0px 50px;
         }
         
         #get-rajant .sub-title{
           padding:0px 23px;
           font-size: 36px;
         }
         #get-rajant .text-1{
        margin-bottom: 40px;
           padding: 0px 30px;
            }
         #get-rajant .text-2{
     
         padding: 0 4px;
         }
}
/* HOW TO GET RAJANT */

/*BACKGROUND WORLD */
#hero-world { 
    /*background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/hero-world.png") center center no-repeat;*/
    min-height: 270px;
    background-size: contain;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #hero-world { 
      margin-bottom: -75px;
  }
  .slogan { display: none;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #hero-world { 
      display: none;
  }
  
}
/*BACKGROUND WORLD */

/*FOOTER */

#rj-footer{
background: radial-gradient(47.99% 9950.4% at 77.85% 67%, #394855 0%, #1C2329 100%);
padding-top: 100px;
padding-bottom: 100px;
 }
 .rajant-info{
margin-right: 20px;
 }
 #rj-footer .container{
    margin-bottom: -150px;
 }
 #rj-footer .rajant-info p{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
/* or 157% */

text-decoration: none;
margin-bottom: 25px;
/* grey 1 */

color: #7C818B;
 
 }
 
 #rj-footer .block ul li h3 a{
font-family: 'Be Vietnam Pro',sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 15px;
 line-height: 24px;
 /* identical to box height, or 160% */
 text-decoration: none;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 
 color: #FFFFFF;
 }
 
 #rj-footer .block ul li{
margin-bottom: 8px;
 }
 
 #rj-footer .block ul{
list-style: none;
 }
 
.line{
width: 20px;
 height: 0px;
 
 
 /* Blue */
 margin-bottom: 20px;
 border: 2px solid #009FE2;
 }
 
 #rj-footer .block ul li a{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
text-decoration: none;

/* White */

color: #FFFFFF;
}

.iso-9001-jas{
 height: 76.26px;
 margin-right: 7px;
 mix-blend-mode: luminosity;
 opacity: 1;
 position: relative; 
 }

 .made-in-america{

width: 83.96px;
 height: 60.08px;
 opacity: 1;
 }

 #rj-footer .rj-info-tablet{
    visibility: hidden;
    margin-top: 48px;
    margin-left: 21px;
    padding-bottom: 12px;
 }
 #rj-footer .phone-number-tab{
margin-right: 10px;
 }
 #rj-footer .logo-adress-tab{
    text-align: center;
    margin-right: 10px;
    margin-top: -20px;
 }
 #rj-footer .logo-adress-tab p{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   line-height: 140%;
   /* or 18px */
   
   text-align: center;
   
   /* white */
   
   color: #FFFFFF;
   
   opacity: 0.6;
 }
 #rj-footer .logos-tab{
    margin-top: 10px;
 }
 #rj-footer .logos-tab .mi-america {
   width: 69.98px;
   height: 50.08px;
 
   margin-top: 48px;
  margin-top: -5px;

 }
 #rj-footer .logos-tab .iso{
   width: 163.33px;
   height: 67.94px;
   
   margin-right: 7px;
  
 }
 #rj-footer .mobile-imgs{
     display: none;
     padding-left: 40px;
 }
 #rj-footer .mobile-imgs div{
    margin-right: 7px;
}
 #rj-copyright{
padding: 10px;
background: #009FE2;
 }
 
 #rj-copyright p{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 140%;
/* or 18px */
 
/* white */
margin-top: 14px;
color: #FFFFFF;
 }
 .icons-container{
margin-left: 560px;
display: flex;
 } 
 .icons-container div{
margin-right: 20px;
margin-top: 5px;
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .rajant-info{
      visibility: hidden;
      margin-right: 0px;
       }
     
      #rj-footer .container{
         margin-bottom: 0px;
         margin-left: -240px;
      }
  
 #rj-footer .block ul li a{
   font-size: 14px;
   }
   .made-in-america{
      display: none;
   }
   .iso-9001-jas{
   display: none;
   }
   #rj-footer .block ul{
      width: 180px;
   }
   #rj-footer .rj-info-tablet{
      visibility: visible;
      margin-bottom: -100px;
   }
 
   #rj-copyright .container{
      display: flex;
     
   }
   #rj-copyright  .icons-container {
     margin-left: 140px;
   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #rj-footer{
        overflow-x: hidden;
        width:100%;
    }
    #rj-footer .rajant-info {
        margin-right: 0px; 
        text-align: center;
        margin-bottom: 40px;
    }
    #rj-footer  .container{
        display: grid !important;
        justify-content: center;
    }
    #rj-footer .block{
        text-align: center;
        margin-bottom: 37px;
        padding-right: 25px;
    }
    #rj-footer .block .line{
       margin-left: 45%;
    }
    #rj-footer .block ul li  img{
        display: none !important;
    }
    #rj-copyright .container{
        display: grid !important;
        justify-content: center;
        padding-bottom: 20px;
    }
    .icons-container{
        margin-left: 18px;
    }
    #rj-footer .mobile-imgs{
        display: block;
    }
}

/*FOOTER */


/*----------------HOME-----------------*/

/*CUSTOMIZE YOUR EXPERIENCE POPUP */
#experience-pu{
   background: rgba(35, 33, 33, 0.96);
   background-blend-mode: darken;
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  pointer-events:none;
opacity: 0;
}

#experience-pu.show{
   pointer-events: auto;
   opacity: 1;
   transition: 1S ease-in-out;
   z-index: 9999 !important;
   
}
.popup-container{

margin-top: 100px;
display: flex;
margin-bottom: -90px;
margin-left: 30px;

}

#experience-pu h3{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */

margin-left: 30px;
/* Blue */
margin-bottom: -60px;
margin-top: 80px;
color: #009FE2;
}
#experience-pu .box{
  width: 230px;
 height: fit-content;
 margin-right: 25px;
  
}

.popup-container .image{
   width: 100%;
   margin-bottom: 21px;
   border-radius: 8px;
   height: 147px;
}

.popup-container .box p{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 20px */
margin-bottom: 12px;

color: #FFFFFF;

}
.popup-container .icon{
  margin-right: 8px;
}

.popup-container .box .line{
   width: 40px;
height: 0px;
border: 2px solid #009FE2;
}

#experience-pu .closing{
text-align: center;
   width:270px;
height: 427px;
background: radial-gradient(47.99% 9950.4% at 77.85% 67%, rgba(57, 72, 85, 0.5) 0%, rgba(28, 35, 41, 0.5) 100%);
border: 1px solid #009FE2;
box-sizing: border-box;
border-radius: 8px;
position: relative;
left: 1050px;
bottom: 370px;
}
#experience-pu .closing .btn{

margin-top: 147px;
}

#experience-pu .closing P{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 30px;
   text-align: center;
   color: #FFFFFF;
   }

#experience-pu .closing:hover { background: #fff;} 
#experience-pu .closing:hover p { color: #394855; }

/*CUSTOMIZE YOUR EXPERIENCE POPUP */


/* PARTNERS */

.left-side {
   width: 120px;
   height: 160px;
   position: absolute;
   left: 0;
   z-index: 9;
   background: url(../img/common/left-hidden.png) left center no-repeat;
   margin-top: -20px;
}
.marquee--inner {
   position: absolute;
   display: flex;
   width:fit-content;
   height: 160px;
   animation: marquee 80s linear infinite;
   align-items: center;
}
.right-side {
   width: 120px;
   height: 160px;
   position: absolute;
   right: 0;
   z-index: 9;
   background: url(../img/common/right-hidden.png) right center no-repeat;
   margin-top: -20px;
}

.marquee--inner:hover {
   animation-play-state: paused;
}


@keyframes marquee {
   0% {
       left: 0;
   }
   100% {
      left: -7500px;
   }
}

.market-template .marquee--inner {
   position: absolute;
   display: flex;
   width:fit-content;
   height: 160px;
   animation: marquee2 80s linear infinite !important;
   align-items: center;
}

@keyframes marquee2 {
   0% {
       left: 0;
   }
   100% {
      left: -2000px;
   }
}

/*TEST PARTNERS */


/*----------------ABOUT US-----------------*/

/*HERO ABOUT US */


.hero-inner .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-bottom: 8px;
letter-spacing: 0.05em;
text-transform: uppercase;
/* Blue */

color: #009FE2;
}
.hero-inner .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */

margin-bottom: 8px;
/* Dark */

color: #1C2329;
padding: 0 100px;
}


.hero-inner .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */

/* Grey */

color: #626C76;
padding: 0 200px;
margin-bottom: 40px;
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-inner{
      background: whitesmoke !important;
   }
   .hero-inner .title{
    padding: 0px 100px; 
   }
   .hero-inner .sub-title{
   padding: 0 40px;
   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .hero-inner{
      background: whitesmoke !important;
   }
   .hero-inner .title{
    padding: 0px 50px; 
   }
   .hero-inner .sub-title{
   padding: 0 5px;
   font-size: 36px;
   }
}
 
/*HERO ABOUT US */

/*ABOUT NAVBAR */
#about-navbar{
   background-color: white;
/* Card Shadow */
padding-top: 20px;
box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
border: 2px whitesmoke solid;

}

#about-navbar ul{
   display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding-left: 0px !important;
}

#about-navbar ul li a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
/* identical to box height, or 160% */


letter-spacing: 0.05em;
text-transform: uppercase;

color: #626C76;
}
#about-navbar ul li a:hover{
   color: #009FE2;
transition: .3s ease-in-out;
}
#about-navbar .active{
color: #009FE2;
border-bottom: 6px #009FE2 solid; 

border-end-end-radius: 2px;
border-end-start-radius: 2px;
padding-bottom: 14px;


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #about-navbar{
display: none;
   }

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #about-navbar{
display: none;
   }
}
/*ABOUT NAVBAR */

/*ABOUT HISTORY */



#rajant-history{
   margin-top: 60px;
   margin-bottom: 120px;
   
}
.rajant-history-container{
   /*border: 20px SOLID #009FE2;*/
   height: auto;
   border-radius: 40px;
   border-bottom: none;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   margin-top: 150px;
   }

   #rajant-history .col{
      margin-top: 60px;
      
   }

   #rj-timeline { background: url(../../assets/img/history/rj-timeline.png) center center no-repeat; height: 600px; background-size: contain;}



   #years{

      display: flex;
      flex-direction: row;
      justify-content: start;
      margin-bottom: 150px;
      height: 160px;
      margin-top: 86px;
      margin-bottom: -30px;
      
       }
       #years div img{
         margin-right: 120px;
         object-fit: contain;
         height: auto;
         width: 160px;
       }

#rajant-history .rj-col{
   margin-right: 40px;
   margin-left: 100px;
}
#rajant-history .title{

   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 133% */
   margin-bottom: 8px;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Blue */
   
   color: #009FE2;
}

   #rajant-history .sub-title{
      font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */

text-align: center;
margin-bottom: 20px;
color: black;
padding: 0 200px;
}
 #rajant-history .blue-c{
    color: #009FE2;
 }

 #rajant-history .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   
   text-align: center;
   
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
}

#rajant-history .title-img{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* or 34px */


color: #1C2329;
}

#rajant-history .pic{
border-radius: 8px;
}

#rajant-history .launches-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* or 34px */
margin-bottom: 32px;
/* Dark */

color: #1C2329;
}

#rajant-history .launches-title-blue{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 140%;
   /* or 34px */
   
   
   color: #009FE2;
}

#rajant-history .point-icon{
margin-left: -58px;
margin-right: 23px;
}

#rajant-history .vertical-line{
   width: 550px;
   height: 0px;
   border: 1px solid #009FE2;
   transform: rotate(90deg);
   position: relative;
   bottom: 170px;
   left: 343px;
}

#rajant-history .close-container{
   border: 20px SOLID #009FE2;
    height: 100px;
    border-radius: 40px;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
    margin-bottom: 150px;
    margin-top: 10px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {

         #rajant-history .sub-title{
   
      padding: 0 100px;
      }
      
       #rajant-history .text{

         padding: 0 100px;
      }
   }
   @media only screen and (min-width: 320px) and (max-width: 767px) {
      .rajant-history-container{
         border: 0px;
      }
      #rajant-history .mob-container
      {
         position: relative;
        width: 95%;
         height:auto;
         border: 20px SOLID #009FE2;
         border-radius: 40px;
         padding-bottom: 40px;
         margin: 0px auto;
         margin-bottom: 100px;

      }
    
         #rajant-history .sub-title{
      padding: 0 10px;
      font-size: 36px;
      }
      
       #rajant-history .text{

         padding: 0 10px;
      }
      #rajant-history .close-container{
         display: none;

      }
      .rajant-history-container{
         width: 95%;
         margin-top: 0px;
      }
   }
   
   
  /*ABOUT HISTORY */

    
/*ABOUT BLOG */
#rajant-blog{
margin-bottom: 200px;
}
#rajant-blog .rj-more a img{
   margin-left: 8px;
   margin-top: -2px;
}
#rajant-blog .rj-more a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
margin-right: 8px;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 45px;
/* Blue */

color: #009FE2;
}

#rajant-blog .rj-card{
   padding: 0px 20px 20px;
   background: #FFFFFF;
   /* Card Shadow */
margin-right: 25px;
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
   border-radius: 20px;
width: 540px;
margin-bottom: 50px;
padding-bottom: 25px;
}

#rajant-blog .rj-image{
   border-radius: 8px;
   margin-bottom: 20px;
   width: 100%;
}

#rajant-blog h4{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;
}

#rajant-blog .line{
   width: 40px;
height: 0px;
border: 1px solid #009FE2;
margin-bottom: 12px;
}

#rajant-blog p{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 28px;

/* Grey */

color: #626C76;
}
#rajant-blog .row{
justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #rajant-blog .container{
      padding-left: 60px;
   }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #rajant-blog{
   margin-bottom: 60px;
   }
  
   #rajant-blog .rj-card{
      margin-right: 0px;
      width: 90%;
   }
   #rajant-blog .rj-card a img{
      object-fit: contain;
      border-radius: 8px !important;
   }
}
/*ABOUT BLOG */

/*HEAR FROM OUR PARTNERS */
#meet-rajant{
   margin-top: 100px;
  height: 750px;

  
   margin-bottom: -30px;
   }
   #meet-rajant .col{
    margin-left: 35px;
   }
   #meet-rajant .sub-title{
    font-family: 'Red Hat Display',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    /* or 58px */
    
    margin-bottom: 40px;
    /* Dark */
    
    color: #1C2329;
    
   }
   #meet-rajant .title{
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    /* identical to box height, or 133% */
    margin-bottom: 8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    /* Blue */
    
    color: #009FE2;
   }
   
   #meet-rajant .text{
    font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    
    margin-bottom: 40px;
    /* Grey */
    
    color: #626C76;
    
   }
   #meet-rajant .featured-image{ }
    
    #meet-rajant .container-background{}
    #meet-rajant .rj-watch-video-image{
       background-image: url("../../assets/img/common/points-background-blue.png");
       width: 250px;
      height: 700px;
      background-repeat:repeat-y;
     
    }
    
    #meet-rajant .rajant-video-image{
       position: relative;
     

    }
    


/*HEAR FROM OUR PARTNERS */


#latest .mb{
margin-top: 140px;
}

.push-footer{
   margin-bottom: 0px;
}

/*----------------ABOUT US-----------------*/

/*----------------philanthrophy-----------------*/
/*HERO PHILANTHROPHY */





/*HERO ABOUT US */




/*HERO PHILANTHROPHY */

/*OUR PHILANTHROPIC EFFORTS*/
#philanthropic-efforts{
   margin-top: 60px;
   margin-bottom: 140px;
  
}

#philanthropic-efforts .container{
   padding-left: 250px;
}
#philanthropic-efforts  .image{
   margin-bottom: 40px;
}

#philanthropic-efforts .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */



/* Grey */

color: #626C76;

}

/*OUR PHILANTHROPIC EFFORTS*/


/*GALLERY*/
#gallery {
   margin-top: 100px;
}
#gallery .rj-card{
width: 334px;
height: 334px;
margin-right: 8px;
margin-bottom: 10px;
}

#gallery .rj-card img{
   width: 100%;
   height: 100%;
   border-radius: 8px;
}
/*GALLERY*/


/*INFO ATTACKS*/
#info-attacks{
   margin-top: 100px;
}
#info-attacks .container{
   padding-left: 250px;
}
#info-attacks .rj-card{
   margin-bottom: 100px;
}

#info-attacks .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}


#info-attacks .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
}

/*INFO ATTACKS*/

/*COVID-19 + VIDEO*/
#covid-video{
   margin-top: 166px;
   margin-bottom: 0px;
}


#covid-video .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;
}

#covid-video .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 40px;

/* Grey */

color: #626C76;
}

#covid-video .featured-image{
   position: relative;
   bottom: 350px;
   left: 920px;

 }
     
 #covid-video .container-background{
      
   width: 750px;
   margin-left: 50px;
   
}

#covid-video .rj-watch-video-image{
   background-image: url("../../assets/img/common/points-background-blue.png");
   width: 250px;
  height: 700px;
  background-repeat:repeat-y;
 
}
#covid-video .rajant-video-image{
   position: relative;
   right: 490px;

}

/*COVID-19 + VIDEO*/

/*CHARITABLE*/

#charitable{
   margin-top: -10px;
}
#charitable .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* identical to box height, or 58px */
   margin-bottom: 20px;
   text-align: center;
   
   /* Dark */
   
   color: #1C2329;
}

#charitable .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 60px;
text-align: center;

/* Grey */

color: #626C76;
}


#charitable .charitable-container div{
margin-right: 0px;
}

.charitable-pics{
   display: flex;
   flex-flow: wrap row;
   justify-content:center;
}

.charitable-pics img { object-fit: scale-down; height: 100%; width: 100%;}

.charitable-pics div{
   width: 190px;
   height: 180px;
   margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .charitable-pics{
      margin-left: 35px;
   }
   #charitable .text{
      padding: 0px 60px;
   }
   #charitable .title{
      padding: 0px 50px;
   }
}
 
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #charitable .text{
      padding: 0px 15px;
   }
   #charitable .title{
      padding: 0px 5px;
   }
   .charitable-pics{
      margin-left: 0px;
      padding-left: 15%;
   }
  
}
/*CHARITABLE*/

/*FEATURED VIDEO*/


#featured-video .featured-container{

   margin-top: 15px;
   padding-top: 50px;
   padding-bottom: 50px;
  }
  #featured-video  .featured-video{
   margin-top: 200px;
   
   
   position: relative;
   left: 120px;
   
   }
   
   #featured-video .featured-image{
  
      margin-left: 124px;
   }

   #featured-video .container-background{
      background-color: transparent;
      width: 750px;
      margin-left: 50px;
   }

   #featured-video .rj-watch-video-image{
      background-image: url("../../assets/img/common/points-background-blue.png");
      width: 250px;
     height: 700px;
     background-repeat:repeat-y;
     background-color: transparent;
    margin-left: 500px; 
   }

   #featured-video  .rajant-video-image{
      position: relative;
      right: 490px;
   }

   #featured-video  .title{
      font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */

margin-bottom: 27px;
/* Dark */

color: #1C2329;
   }

   #featured-video .text{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 40px;

/* Grey */

color: #626C76;
   }
/*FEATURED VIDEO*/





/*----------------philanthrophy-----------------*/


/*----------------CONTACT US-----------------*/


/*HERO CONTACT US */




/*HERO CONTACT US */



/* CONTACT US */
#contact-us{
   margin-top: 144px;
   margin-bottom: 40px;

}

#contact-us .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */

text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 40px;
/* Blue */

color: #009FE2;
}

#contact-us .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */
margin-bottom: 40px;
text-align: center;

color: #1C2329;

}
#contact-us .line{
   width: 93px;
height: 4px;
background: #009FE2;
border-radius: 2px;
margin-bottom: 40px;
}

#contact-us .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 60px;
   text-align: center;
   
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
   #contact-us .title{
  padding: 0px 10px;
   }
   
   #contact-us .sub-title{
      padding: 0px 40px;

   }

   #contact-us .text{
      padding: 0 50px;
   }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #contact-us .title{
      padding: 0px 10px;
     
       }
       
       #contact-us .sub-title{
          padding: 0px 40px;
          font-size: 36px !important;

    
       }
    
       #contact-us .text{
          padding: 0 10px;
       }
}
/* CONTACT US */

/* AREA AND INFO */
#area-info {
 
   margin-bottom: 0px;
}

#area-info .container { flex-wrap: wrap; flex-direction: row; align-items: start;   padding-left: 270px;}

#area-info .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 20px;
   line-height: 140%;
   color: #394855;
   margin-bottom: 20px;
   width: 80%;
}

#area-info .text {
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   color: #626C76;
   width: 80%;
}

#area-info .text a { color: #009FE2; text-decoration: underline !important; }

#area-info  .text-inquire{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 80%;
   /* or 29px */
  
   /* Blue */
   
   color: #009FE2;
}
 .ul-text-inquire{
   text-decoration: underline;
}


#area-info  .rj-card{

   width: 400px;
   margin-bottom: 60px;
   
}

#area-info  .inner-col{
margin-bottom: 30px;
margin-top: 60px;
}

#area-info .move-col{
   margin-top: -70px;
}
#area-info .under-line{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 0%;
   /* or 22px */
   text-decoration-line: underline;
   /* Blue */
   
   color: #009FE2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #area-info .container {    
      padding-left: 106px;
   }
   #area-info .rj-card {
      width: 300px;
  }

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #area-info .container {    
     padding-left: 60px;
     
   }
   #area-info .rj-card {
      text-align: center;
  }

}
 
/* AREA AND INFO */



/* CONTACT FORM */
#cantact-form{
   margin-top: 200px;
   margin-bottom: 100px;
}

#cantact-form .security-c{
   margin-bottom: 38px;
}

#cantact-form .schedule-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */
margin-bottom: 20px;
text-align: center;

/* Dark */

color: #1C2329;
}
#cantact-form .schedule-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */

text-align: center;
margin-bottom: 40px;
/* Dark */

color: #1C2329;
padding: 0 200px;
}
.to-reach-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 60px;
text-align: center;

/* Dark */

color: #1C2329;

}
#cantact-form .title{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 20px */
   margin-bottom: 4px;
   display: flex;
   align-items: center;
   
   /* Dark */
   
   color: #1C2329;
}

#cantact-form  .submitting-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 20px */

margin-top: 40px;

/* Grey */

color: #626C76;
text-align: center;


}

#cantact-form  .submitting-text span a{
   color: #009FE2;
   text-decoration: underline  !important;
   margin-left: 3px;
}

#cantact-form .contact-input{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 0px 20px;
   background: #FFFFFF;
border-radius: 8px;
width: 260px;
height: 50px;
 border: #c7c7c7 2px solid;
}

.stay-checkox{
   border: red !important;
}
input:focus{ 
   outline: none !important;
   border-color: #009FE2 !important;
}


select:focus{
   border-color:#009FE2 !important;
}

#cantact-form .contact-md-input
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   padding: 0px 20px;
   background: #FFFFFF;
border-radius: 8px;
width: 540px;
height: 125px;
 border: #c7c7c7 2px solid;
}
#cantact-form .contact-slim-input{
   padding: 0px 20px;
   background: #FFFFFF;
border-radius: 8px;
width: 540px;
height: 50px;
 border: #c7c7c7 2px solid;
}

#cantact-form .rj-col{
   margin-right: 20px;
   margin-bottom: 18px;
}

#cantact-form  .ml{
   margin-left: -60px;
   margin-bottom: 55px;
}

#cantact-form .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
color: #626C76;
width: 455px;
}

#cantact-form .wpcf7{
   padding: 0px 30px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #cantact-form .contact-input{
      width: 100% !important;
        
    }
    #cantact-form .rj-col{
        padding-left: 50px;
    }
    #cantact-form{
        width: 100% !important;
        
    }
    #cantact-form .to-reach-text{
        padding: 0px 30px;
    }
  
   #cantact-form div{
    flex-flow:row wrap;
    
   }
 
  
   #cantact-form .col{
    display: grid !important;
    padding-left: 40px !important;
 }
 #cantact-form .col a{
     margin-top: 0px !important;
     margin-bottom: 0px !important;
 }
 #cantact-form .ml input{
     position: absolute;
     left: 8%;
    
 }
 #cantact-form .wpcf7-text,.contact-form select,.contact-form textarea{
width: 100% !important;
 }
 #cantact-form .contact-slim-input,.contact-md-input {
     width:300px !important;
 }
 #cantact-form .ml {
padding-left: 30px;
 }
  
   #cantact-form .text{
      padding: 0px 54px 0px 135px;
   }
   #cantact-form .wpcf7-submit {
      padding: 16px 100px !important;
      
  }
  #cantact-form .btn-blue {
    padding: 16px 100px !important;
}
  #cantact-form .submitting-text{
      padding-right: 50px;
  }
  #cantact-form  .container{
  }
}
/* CONTACT FORM */




/*----------------CONTACT US-----------------*/

/*----------------CAREERS-----------------*/

/* HERO CAREERS */
#career-pu .text-title{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 20px;
/* Grey */
color: #626C76;
}
#career-pu .qualification-list{
   color: #009FE2 !important;
   font-weight: bold;
   display: inline-block; 
   font-size: 30px;
}

#career-pu .qualification-list li{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 16px;
/* Grey */
color: #626C76;
}




/*HERO ABOUT US */

/* HERO CAREERS */

/* COMPANY CULTURE */
#company-culture .watch-career{
margin-top: 91px;
margin-bottom: 83px;
}
#company-culture .container{
   padding-left: 250px;
}

#company-culture .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}


#company-culture .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
}

#company-culture .rj-col img{
 margin-bottom: 40px;
}

/* COMPANY CULTURE */

/* EMPLOYE BENEFITS */
#employe-benefits{
   margin-top: 100px;
margin-bottom: 100px;
}

#employe-benefits .container{
   padding-left: 250px;
  
}

#employe-benefits .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */


/* Dark */
margin-bottom: 12px;
color: #1C2329;

}
#employe-benefits .title img{
   margin-left: -25px;
   margin-right: 9px;
}

#employe-benefits .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

/* Grey */
color: #626C76;
}

#employe-benefits .rj-col p{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-align: start;
/* Dark */
margin-bottom: 19px;
color: #1C2329;
}

#employe-benefits .rj-col{
   margin-right: 65px;
   margin-bottom: 30px;
}


/* EMPLOYE BENEFITS */

/* CURRENT JOB */
#current-job{
   margin-top: 100px;
   margin-bottom: 100px;
}
#current-job  .text-container{
   padding-left: 250px;
}
#current-job .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* identical to box height, or 45px */
   
 
   margin-bottom: 16px;
   /* Dark */
   
   color: #1C2329;
}

#current-job .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
margin-bottom: 60px;
}

#current-job  .text span a{
   color: #009FE2;
}

#current-job .rj-card{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 361px;
height: 120px;
background: #626C76;
border-radius: 16px;
margin-right: 20px;
margin-bottom: 20px;
}

#current-job .rj-card:hover{
   background: #009FE2;
   /* Card Shadow */
   
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
}
#current-job  .current-job{
   display: flex;
}


#current-job  .text-job{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-top: 20px;
   text-align: center;
   
   /* White */
   
   color: #FFFFFF;
}


.push-get-product{
   margin-top: 250px;
}
/* CURRENT JOB */


.get-mb{
   margin-bottom: -22px;
}
#current-job .text-bottom{
   padding-left: 250px;
}

/*--------------- CURRENT JOB POP UP ---------------*/
.moda-container-current-job{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
  position: fixed;
  top: 0;
  left: 0;
  height: 100VH;
  width: 100%;
 overflow: hidden;
  opacity: 0;
  pointer-events: none;

}

.moda-container-current-job.show-Artificial-Intelligence-Engineer{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
  
}

.moda-currnt-job{
background-color: rgb(255, 255, 255);
width: 948px;
height: fit-content;
margin-top: 100px;
padding: 60px;
border-radius: 20px;
padding-bottom: 150px;

}
.job-name{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 16px;


/* Blue */

color: #009FE2;
}
.current-job-name-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 20px;

/* Grey */

color: #626C76;

}
.required-qualification-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 140%;
   /* identical to box height, or 34px */
   margin-bottom: 24px;
   /* BlueishGrey */
   color: #394855;
   
   
}

.required-qualification-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 16.5px;

/* Grey */

color: #626C76;
}
.education-experience-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* identical to box height, or 34px */
margin-bottom: 16px;
/* BlueishGrey */

color: #394855;

}
.education-experience-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 40px;

/* Grey */

color: #626C76;
}

.bold-text{
   font-weight: bold;
}


/*--------------- CURRENT JOB POP UP ---------------*/


/*----------------CAREERS-----------------*/



/*----------------LEADERSHIP-----------------*/
/* HERO LEADERSHIP */


/* HERO LEADERSHIP */

/*  LEADERSHIP */
#leader-ship{
   margin-top: 60px;
   margin-bottom: 210px;
}

#leader-ship .container {     flex-wrap: wrap;
   justify-content: space-between;
   padding: 0px !important; }

#leader-ship .rj-card{
   width: 278px;
   margin-bottom: 15px;
}
#leader-ship .rj-card:hover  .rj-content{
background-color: #009FE2;
}

#leader-ship .rj-card:hover  .rj-content .name{
   color: #FFFFFF;
   }
   #leader-ship .rj-card:hover  .rj-content .grade{
      color: #FFFFFF;
      }

#leader-ship .rj-card img{
   width: 100%;
   max-height: 158px;
   object-fit: fill;
   border-radius: 8px 8px 0 0;
}

#leader-ship .rj-content{
   background: #FFFFFF;
   /* Card Shadow */
   width: 100%;
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
   border-radius: 0px 0px 8px 8px;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 120px;
   padding: 20px 20px;
   align-items: start;

}

#leader-ship .name{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */

margin-bottom: 8px;
/* Dark */

color: #1C2329;

}

#leader-ship .grade{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
/* or 18px */

text-align: center;

/* Grey */

color: #626C76;
margin-bottom: 0px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
   #leader-ship .container{
      justify-content: space-evenly;
   }
   .push-get-product{
      margin-top: 130px;
    }
    #leader-ship{
      margin-bottom: 80px;
   }
   .closing-icon:hover{
      background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon.png")  center no-repeat !important;
      transform: rotate(180deg);
   }
   #leader-ship .rj-card:hover .rj-content {
      background-color: #FFFFFF;
  }
  #leader-ship .name{
   color: #1C2329 !important;
  }
  #leader-ship .grade{
   color: #626C76 !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #leader-ship .container{
      justify-content: center;
   }
   .push-get-product{
     margin-top: 130px;
   }
   #leader-ship{
      margin-bottom: 80px;
   }
   .closing-icon:hover{
      background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon.png")  center no-repeat !important;
      transform: rotate(180deg);
   }
   #leader-ship .rj-card:hover .rj-content {
      background-color: #FFFFFF;
  }
  #leader-ship .name{
   color: #1C2329 !important;
  }
  #leader-ship .grade{
   color: #626C76 !important;
  }
}
/*  LEADERSHIP */



/*  LEADERSHIP POP UP */
.leader-ship-content{
   background-color: rgb(255, 255, 255);
   width: 948px;  
   height: fit-content;
   margin-top: 100px;
   padding: 60px;
   border-radius: 20px;
   padding-bottom: 100px;
}
.moda-container-profile{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.profile-1.show-moda-container-profile,
.profile-2.show-moda-container-profile,
.profile-3.show-moda-container-profile,
.profile-4.show-moda-container-profile,
.profile-5.show-moda-container-profile,
.profile-6.show-moda-container-profile,
.profile-7.show-moda-container-profile,
.profile-8.show-moda-container-profile,
.profile-9.show-moda-container-profile,
.profile-10.show-moda-container-profile,
.profile-11.show-moda-container-profile,
.profile-12.show-moda-container-profile,
.profile-13.show-moda-container-profile,
.profile-14.show-moda-container-profile,
.profile-15.show-moda-container-profile,
.profile-16.show-moda-container-profile,
.profile-17.show-moda-container-profile,
.profile-18.show-moda-container-profile,
.profile-19.show-moda-container-profile,
.profile-20.show-moda-container-profile,
.profile-21.show-moda-container-profile,
.profile-22.show-moda-container-profile,
.profile-23.show-moda-container-profile,
.profile-24.show-moda-container-profile,
.profile-25.show-moda-container-profile{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}

/*  Watch Video Popup */
.watch-video-content{
   background-color: rgb(255, 255, 255);
   width: 700px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.moda-container-watch-video{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-watch-video.show-moda-container-watch-video{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}
/*  Watch Video Popup */





.leader-image img{
   margin-right: 18px;
   border-radius: 8px;
   margin-bottom: 18px;
   max-width: 320px;
}

.info-pu{
   margin-top: 35px;

}
.info-card{
   margin-bottom: 39px;
}
.name-pu{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 8px;

/* Blue */

color: #009FE2;
}

.grade-pu{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 24px;

/* Grey */

color: #626C76;
}

.leader-text-pu{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */


/* Grey */

color: #626C76;

}
#popup-robert-j-schena .close{
display: flex;
justify-content: end;
 }
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .moda-container-Robert-J-Schena.show-moda-container-Robert-J-Schena{
      padding-bottom: 200px;
   }
   .leader-ship-content{
      width: 100%;
    word-break: break-word;
    padding: 27px;
    margin-top: 0px;
    border-radius: 0px; 
   }
   .leader-ship-content .info-card .leader-image{
      margin-right: 0px;
   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   body { overflow-x: hidden;}

   .moda-container-Robert-J-Schena.show-moda-container-Robert-J-Schena{
      padding-bottom: 200px;
   }
   .leader-ship-content{
      width: 100%;
    word-break: break-word;
    padding: 27px;
    margin-top: 0px;
    border-radius: 0px;   
}
   .leader-ship-content .info-card .leader-image{
      width: 100%;
   }

   .leader-image img {
      margin-right: 0px;
      border-radius: 8px;
      margin-bottom: 18px;
      width: inherit;
  }
   .info-card {
      display: grid !important;
   }
   .info-pu{
      margin-top: 20px;
   }
   #popup-robert-j-schena .close{
      justify-content: center;
      margin-bottom: 20px;
       }
}
/*  LEADERSHIP POP UP */


/*----------------LEADERSHIP-----------------*/

/*----------------ABOUT US-----------------*/

/*HERO ABOUT US*/




.hero-inner.sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */

margin-bottom: 8px;
/* Dark */

color: #1C2329;
}




/*HERO ABOUT US*/

/*RAJANT ESTABLISHED*/
#rajant-established .col{
   margin-top: 100px;
}
#rajant-established .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}

/*RAJANT ESTABLISHED*/

/*ACTIVELY EVOLING*/
#actively-evoling{
   width: 100%;
   margin-bottom: 100px;
   margin-top: 100px;
   text-align: center;
}



#actively-evoling .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}

#actively-evoling .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   
   
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
}

/*ACTIVELY EVOLING*/

/*PROVEN PERFORMANCE*/

#proven-performance{
  
}
#proven-performance .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */
margin-bottom: 12px;
text-align: center;

/* Dark */

color: #1C2329;
}

#proven-performance .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}
/*PROVEN PERFORMANCE*/


 

/*----------------ABOUT US-----------------*/



/*----------------TERMS AND CONDITIONS-----------------*/

/* VENDOR SUPPLIER*/
#vendor-supplier{
   padding-top: 100px;
}
#vendor-supplier h1{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* identical to box height, or 58px */
   margin-bottom: 40px;
   text-align: left;
   
   /* Dark */
   
   color: #1C2329;
   
}

#vendor-supplier .line{
   width: 93px;
   height: 4px;
   background: #009FE2;
   border-radius: 2px;
   margin-bottom: 50px;
   margin-left: 10px;
}

#vendor-supplier .title-text{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* identical to box height, or 45px */

/* Dark */
margin-bottom: 8px;
color: #1C2329;
}

#vendor-supplier .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 60px;
/* Grey */

color: #626C76;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #vendor-supplier .container{
      padding: 0px 70px;
   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #vendor-supplier .title{
      padding: 0px;
   }
   #vendor-supplier .container{
      padding: 0px 30px;
   }
}
/* VENDOR SUPPLIER*/


/*----------------TERMS AND CONDITIONS-----------------*/

/*----------------PRIVACY POLICY-----------------*/

/* PRIVACY POLICY*/

#privacy-policy{
 
   padding-top: 100px;

}

#privacy-policy h1{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */
margin-bottom: 40px;
text-align: left;

/* Dark */

color: #1C2329;
}
#privacy-policy .line{
   width: 93px;
   height: 4px;
   background: #009FE2;
   border-radius: 2px;
   margin-bottom: 50px;
   margin-left: 10px;
}

#privacy-policy .title-text{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 45px */
margin-bottom: 8px;


/* Dark */

color: #1C2329;
}
#privacy-policy .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


margin-bottom: 60px;
/* Grey */

color: #626C76;
}

#privacy-policy .text a { color: #009FE2; text-decoration: underline !important;}

#privacy-policy .update-date{
   color: #009FE2;
   font-size: 18px;
}
#privacy-policy  .link-visit a{
color: #009FE2;
text-decoration: underline !important;
}

#privacy-policy ul{
   list-style-type: disc;
   margin-bottom: 18px;
}

#privacy-policy ul li p{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-align: start;

/* Dark */

color: #1C2329;
}

#privacy-policy ul li p img{
   margin-right: 9px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #privacy-policy .container{
      padding: 0px 20px;
   }
   #privacy-policy .update-date{
      padding: 0px 10px;
   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #privacy-policy .container{
      padding: 0px 45px;
   }
}
/* PRIVACY POLICY*/

/*----------------PRIVACY POLICY-----------------*/

/*----------------HOW TO BUY-----------------*/
/* MEET OUR PARTNER*/
#meet-partners{
   margin-top: 100px;
   margin-bottom: 0px;
}
.world-map-container{
   display: flex;
   justify-content: center;
 margin-top: 100px;

}
#meet-partners .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */

text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Blue */
margin-bottom: 8px;
color: #009FE2;

}

#meet-partners .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */

text-align: center;
margin-bottom: 20px;

/* Dark */

color: #1C2329;
}
#meet-partners .line{
   width: 93px;
   height: 4px;
   background: #009FE2;
   border-radius: 2px;
   margin-bottom: 40px;
}
#meet-partners .question{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */

text-align: center;
margin-bottom: 40px;
/* Dark */

color: #009FE2;

}

#meet-partners .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 245px;
}

.cmi-comptek{
position: relative;
left: 440px;
top: 250px;

}

.cmi-comptek .localisation-icon{
 
  position: relative;
  bottom: 135px;
  left: 183px;
   
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #meet-partners .text{
      padding: 0px 120px;
   }
   #map_inner svg{
      width: -webkit-fill-available !important;
      left: 30px;
      height: auto;
   }
}

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #map_inner svg{
      width: -webkit-fill-available !important;
      left: 6.875005px;
      height: auto;
   }
  
   #meet-partners .text{
      padding: 0px 15px;
   }
   #meet-partners .question{
      padding: 0px 15px;
   }
}
/* MEET OUR PARTNER*/

/* MRAJANT DISTRIBUTORS*/
#rajant-distributors{
   margin-bottom: 200px;
}
#rajant-distributors .text{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* identical to box height, or 45px */
   margin-top: 200px;
   margin-bottom: 60px;
   text-align: center;
   
   /* Dark */
   
   color: #1C2329;
}
#rajant-distributors .rj-card{
   margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #rajant-distributors .container{
      flex-flow: row wrap;
   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
    #rajant-distributors .container{
        flex-flow: row wrap;
     }
}
/* MRAJANT DISTRIBUTORS*/

/* CONTACT US FORM*/

#cantact-form .contact-us-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 8px;
text-align: center;

/* Dark */

color: #1C2329;


}


#cantact-form .push{
   margin-top: 190px;
}

/* CONTACT US FORM*/

/*----------------HOW TO BUY-----------------*/

/*----------------PARTNERING-----------------*/
/* HERO PARTNERING*/

#hero-partnering {
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: 600px;
   background-size: cover;
}


 #hero-partnering .download a{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   /* identical to box height, or 129% */
   
   display: flex;
   justify-content: center;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Blue */
   
   color: #009FE2;
 }

 #hero-partnering .download a img{
    padding: 3px;
    margin-left: 8px;
 }
 @media only screen and (min-width: 320px) and (max-width: 667px) {
   #hero-partnering .download a img{
      margin-left: 0px;
      object-fit: contain;
      position: absolute;
      right: 7px;
   }
}

/* HERO PARTNERING*/

/* PARTNERSHIP LEVEL*/

#partnership{
   padding-top: 100px;
   margin-bottom: 100px;
}
#partnership .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* or 45px */
   text-align: center;
   /* Dark */
   color: #1C2329;
   padding: 0 200px;
}
#partnership .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 20px;
text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}
#partnership .partner-level{
   display: flex;
   justify-content: center;
   margin-left: 100px;
   margin-top: 100px;
}

#partnership .partner-level div{
   margin-right: 60px;
}

#partnership .partner-level div img:hover{
  background-color: #FFFFFF;
/* Card Shadow */
box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
border-radius: 20px;
transition: .3s ease-in-out;
}

#partnership .industrial-networking{
   margin-top: 149px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #partnership .partner-level div img:hover{
      background-color: transparent;
    /* Card Shadow */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0);
    border-radius: 0px;
    transition: .0s ease-in-out;
    }
   #partnership .text{
   padding: 0 50px;
   }
   #partnership .title{
      padding: 0 100px;
   }
   #partnership .partner-level{
      flex-wrap: wrap;
      margin-left: 80px;
      

   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #partnership .partner-level div img:hover{
      background-color: transparent;
    /* Card Shadow */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0), 0px 0.0px 0.0px rgba(0, 0, 0, 0.0);
    border-radius: 0px;
    transition: .0s ease-in-out;
    }

   #partnership .title{
      padding: 0 10px;
   }
   #partnership .partner-level{
      flex-wrap: wrap;
      margin-left: 90px;
   }
   #partnership .text{
      padding: 0 12px;
      word-break: break-word;
      }
      #partnership .rj-btn{
         padding: 14px 5px;
         display: flex;
      }
}
/* PARTNERSHIP LEVEL*/

/* RAJANT PROGRAM*/

#rajant-program{
   margin-top: 100px;
   margin-bottom: 100px;
}
#rajant-program .title{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 133% */
   margin-bottom: 8px;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Blue */
   
   color: #009FE2;
}

#rajant-program .sub-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* or 45px */
   
   text-align: center;
   margin-bottom: 20px;
   /* Dark */
   
   color: #1C2329;
   padding: 0 200px;
}
#rajant-program .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 36px;
text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}

#rajant-program .select-region{
   text-align: center;
}
#rajant-program .select-region a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
letter-spacing: 0.05em;
text-transform: uppercase;
/* Blue */

color: #009FE2;
}
#rajant-program .select-region img{
   margin-left: 8px;
}
#rajant-program .d-brochure{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
letter-spacing: 0.05em;
text-transform: uppercase;
display: flex;
justify-content: center;
/* Blue */

color: #009FE2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   
   #rajant-program .sub-title{

      padding: 0 100px;
   }
   #rajant-program .text{

   padding: 0 90px;
   }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   
   #rajant-program .sub-title{

      padding: 0 10px;
   }
   #rajant-program .text{

   padding: 0 20px;
   }
   #rajant-program .d-brochure{
   text-align: center;
   padding: 0px 20px;
   }
   #rajant-program .d-brochure img{
   display: none;
   
}
}

/* RAJANT PROGRAM*/

/*RAJANT STRATEGIC PA{RTNERS*/
   #strategic-partners .container{
      margin-top: 40px;
   }
   #strategic-partners .row{
      padding-left: 80px;
      justify-content: center;
   }
#strategic-partners .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */

text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 8px;
/* Blue */

color: #009FE2;
}

#strategic-partners .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */

text-align: center;
margin-bottom: 20px;
/* Dark */

color: #1C2329;
}

#strategic-partners .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */
padding: 0px 380px;
color: #626C76;
}

#strategic-partners .partners{
   display: flex;
   flex-flow: row wrap;
   margin-bottom: 60px;
   margin-top: 60px;
   justify-content: center;
}

#strategic-partners .rj-card{
   margin-right: 20px;
   width: 180px;
   height: 190px;
   
}
#strategic-partners .rj-card img{
   object-fit: contain;
   width: 100%;
   
}
#strategic-partners .rj-card img:hover{


border: 2px solid #404551;
box-sizing: border-box;
/* btn shadow */

filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.24));
border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #strategic-partners{
      margin-top: 80px;
   }
    #strategic-partners .container{
        margin-top: 0px !important;
    }

   #strategic-partners .row{
      padding-left: 0px;
   }
   #strategic-partners .rj-card {
    width: 155px;
    height: fit-content;
    margin-right: 10px;
}
   #strategic-partners .title{
   padding: 0px 50px;
   }
   
   #strategic-partners .sub-title{
      padding: 0px 60px;

   }
   
   #strategic-partners .text{
      padding: 0px 100px;

   }
   #strategic-partners .rj-card img:hover {
      border: 0px solid transparent;
      box-sizing: border-box;
      filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
  }
  #strategic-partners .rj-card:hover{
   opacity: 1 !important;

  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #strategic-partners{
      margin-top: 60px;
   }
   #strategic-partners .row{
      padding-left: 5px;

   }
   #strategic-partners .title{
      padding: 0px 10px;
      }
      
      #strategic-partners .sub-title{
         padding: 0px 20px;
   
      }
      
      #strategic-partners .text{
         padding: 0px 40px;
   
      }
      #strategic-partners .container{
          margin-top: 0px !important;
      }
      #strategic-partners .rj-card {
         width: 155px;
         height: fit-content;
         margin-right: 0px !important;
     }
     #strategic-partners .rj-card img:hover {
      border: 0px solid transparent;
      box-sizing: border-box;
      filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
  }
  #strategic-partners .rj-card:hover{
   opacity: 1 !important;

  }
}
/*RAJANT STRATEGIC PARTNERS*/

/*RAJANT MESHING TO GETHER*/
#meshing-together{
   margin-bottom: 100px;
   margin-top: 100px;

}
#meshing-together .container{
   background: #000000;
border-radius: 20px;
width: 1180px;
padding: 40px 60px;
display: flex;

}
#meshing-together .container .content{
   padding-top: 80px;
}
#meshing-together .container .rj-card img{
   width: 600px;
   height: 350px;
}
#meshing-together .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* or 34px */
margin-bottom: 12px;
text-align: center;

/* White */

color: #FFFFFF;
}

#meshing-together .date{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-bottom: 40px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #meshing-together .container{
      display: grid !important;
      padding-bottom: 120px !important;

   }
   #meshing-together .container .content{
      padding-top: 10px;
   }
   .rj-card:hover {
      opacity:1 !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #meshing-together .container{
      display: grid !important;
      width: 350px;
      padding: 40px 39px;
      padding-bottom: 90px !important;
      width: 100%;
      justify-content: center;
   }
   #meshing-together .container .content{
      padding-top: 10px;
   }
   #meshing-together .container .rj-card img{
      width: 287px;
      object-fit: contain;
      height: auto;
   }
   .rj-card:hover {
      opacity:1 !important;
  }
}

/*RAJANT MESHING TO GETHER*/


/*PARTNERS POP UP*/



.p-container{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
  position: fixed;
  top: 0;
  left: 0;
  height: 100VH;
  width: 100%;
 overflow: hidden;
  opacity: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;

}

.p-container.show-content{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
  
  
}

#partners-pu .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */

text-align: center;
margin-bottom: 36px;
/* Grey */

color: #838a91;
}

#partners-pu .more-d a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
margin-right: 8px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #009FE2;
}
#partners-pu .more-d img{
   margin-left: 8px;
   margin-top: -2.5px;
}

#partners-pu .content{
background: #FFFFFF;
border-radius: 20px;
width: 948px;
padding: 50px;
height: fit-content;
}
/*PARTNERS POP UP*/

/*PARTNERSHIP POP UP*/
#partnership-pu .partnership{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
  position: fixed;
  top: 0;
  left: 0;
  height: 100VH;
  width: 100%;
 overflow: hidden;
  opacity: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
}


#partnership-pu .partnership.show-content{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
  
  
}
#partnership-pu .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 8px;
text-align: center;

/* Blue */

color: #009FE2;

}
#partnership-pu .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-align: center;
/* Grey */

color: #626C76;
}
#partnership-pu .content{
   background: #FFFFFF;
   border-radius: 20px;
   width: 948px;
   padding: 50px;
   height: fit-content;
   }
/*PARTNERSHIP POP UP*/

/*----------------PARTNERING-----------------*/

/*----------------CULTURE-----------------*/
/*HERO CULTURE*/

/*HERO CULTURE*/

/*CULTURE*/
#culture{
   margin-top: 100px;
   margin-bottom: 100px;
}

#culture .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;

}
/*OUR CORE*/
#our-core{
   width: 100%;
   margin-bottom: 100px;
   text-align: center;
}

#our-core .col{
   margin-top: 100px;
}


#our-core .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}

#our-core .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   
   
   /* Grey */
   
   color: #626C76;
   padding: 0px 200px;
}
/*OUR CORE*/


/*OUR BRAND*/
 #our-brand{
    margin-top: 200px;
 }

 #our-brand .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* identical to box height, or 45px */
   margin-bottom: 12px;
   text-align: center;
   
   /* Dark */
   
   color: #1C2329;
 }
 #our-brand .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   
   text-align: center;
   
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
   
 }
/*OUR BRAND*/

/*WORK ENVIRONEMENT*/
#work-environement{
   margin-top: 100px;
   margin-bottom: 150px;
}

#work-environement .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}


#work-environement .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
}

#work-environement .rj-col img{
   margin-left: 149px;
   margin-top: 115px;
}
/*WORK ENVIRONEMENT*/


/*YOUR ROLE AT RAJANT*/
#role-at-rajant{
   margin-top: 100px;
   margin-bottom: 100px;
}
#role-at-rajant .header-text{
margin-bottom: 20px;
}
 
#role-at-rajant .container .photo img { display: block; margin: 0px auto; margin-top: 20px; margin-bottom: 20px; width: 100px; height: 100px; 
                                        border-radius: 50%; border: 2px #009FE2 solid; padding: 2px; }

#role-at-rajant .container .text{
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
    color: #626C76;
    padding: 0 200px;
    text-align: center;
    margin-bottom: 10px;
}
#role-at-rajant .container .name,.header-text .title{
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 140%;
    color: #009FE2;
    text-align: center;
}
#role-at-rajant .header-text .sub-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */
/* Dark */
color: #1C2329;
text-align: center;
}
#role-at-rajant .container .grade{
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 140%;
    color: #626C76;
    text-align: center;
}

#role-at-rajant .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: -70px;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 1rem;
   margin-left: 15%;
   list-style: none;
   height: 50px;
}



#role-at-rajant .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background: transparent;
    background-clip: padding-box;
    border: 0;
    opacity: 1 !important;
    transition:  .0s ease;
    
}
#role-at-rajant .carousel-indicators .dot{
   background-color: #626C76;
   height: 8px;
   width: 8px;
   border-radius: 141px;
z-index: 1;
margin-right: 30px;
}
#role-at-rajant .carousel-indicators .dot:hover{
background-color: #009FE2;
}
   .carousel-indicators .active .dot {
    background-color: #009FE2 !important;

  }

  .push-hero-wifi{
   margin-bottom: 100px;
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #role-at-rajant .container .text{
      padding: 0px 60px;
   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #role-at-rajant .container .text{
      padding: 0px 25px;
   }
}
/*YOUR ROLE AT RAJANT*/

/*----------------CULTURE-----------------*/


/*----------------PURPOSE-----------------*/
/*HERO PURPOSE*/

#rajant-established { margin-bottom: 100px;}
#proven-performance { margin-top: 100px;}

 #hero-purpose .link a{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   /* identical to box height, or 129% */

   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Blue */
   
   color: #009FE2;
 }
 #hero-purpose .link a img{
    margin-left: 8px;
    margin-top: -2.5px;
 }
/*HERO PURPOSE*/


/*PURPOSE TEXT*/
#purpose{
   margin-top: 100px;
   margin-bottom:100px;
}

#purpose .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}
/*PURPOSE TEXT*/

/*WHO WE ARE*/
#who-we-are{
   margin-bottom: 100px;
   text-align:center;
}

#who-we-are .col{
   margin-top: 100px;
}


#who-we-are .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
}

#who-we-are .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   /* Grey */
   color: #626C76;
   padding: 0 200px;
}
/*WHO WE ARE*/

/*WHAT AND HOW WE DO IT*/
#what-and-how{
   margin-top: 100px;
margin-bottom:100px;
}
#what-and-how .title{

   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* identical to box height, or 45px */
   
   margin-bottom: 12px;
   /* Dark */
   
   color: #1C2329;
}

#what-and-how .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   
   /* Grey */
   
   color: #626C76;
   width: 80%;
}

/*WHAT AND HOW WE DO IT*/

/*FEATURED VIDEO*/

#purpose-featured-video{
   margin-top: 240px;
   
   
   }
   #purpose-featured-video .col{
    margin-left: 35px;
   }

   #purpose-featured-video .title{
      font-family: 'Red Hat Display',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 48px;
      line-height: 120%;
      /* identical to box height, or 58px */
      margin-bottom: 27px;
      
      /* Dark */
      
      color: #1C2329;
      
   }
   
   #purpose-featured-video .text{
      font-family: 'Helvetica',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 140%;
      /* or 25px */
      margin-bottom:56px;
      /* Grey */
      color: #626C76;
    
   }

   #featured-video .indicator{
      font-size: 50px;
      color: #626C76;
 
   }
   #featured-video .indicator:hover{
      color: #009FE2;
   }

 .latest-purpose{
    margin-top: -390px;
 }
 
   /*FEATURED VIDEO*/

/*----------------PURPOSE-----------------*/

/*----------------BLOG NEWS-----------------*/
/*HERO BLOG-NEWS*/


#hero-blog-news{
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: calc(100vh - 160px);
   background-size: cover;
}

/*HERO BLOG-NEWS*/

/* BLOG-NEWS*/
#blog-news{
   margin-top: 100px;
}
#blog-news .rj-card{
  margin-right: 32px;
   width: 400px;
   padding-bottom: 36px;   
   margin-bottom: 105px;
}

#blog-news .rj-card:hover {
   background: #FFFFFF;
/* Card Shadow */
height: fit-content;
box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
border-radius: 20px;
}

#blog-news .rj-card:hover .title{
  color: #009FE2;
}

#blog-news .rj-card:hover .link a{
text-decoration: underline;
 }
 

#blog-news .title{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 12px;
margin-left: 36px;
/* Dark */

color: #1C2329;
}
#blog-news .line{
   width: 40px;
height: 0px;
border: 1px solid #009FE2;
margin-bottom: 12px;
margin-left: 36px;

}
#blog-news .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 28px;
margin-left: 36px;

/* Grey */

color: #626C76;
}

#blog-news .blog-image{
   width: 360px;
   height: 160px;
   margin-bottom: 20px;
   border-radius:  8px;
   margin-left: 20px;
}
#blog-news .link a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
letter-spacing: 0.05em;
text-transform: uppercase;
margin-left: 20px;

/* Blue */
color: #009FE2;
}

#blog-news .link img{
   margin-left: 8px;
   margin-top: -2px;
  
}

#blog-news .refresh-icon{
   margin-bottom: 100px;
   text-align: center;
}
#submit-form{
   display: flex;
   justify-content: end;
   margin-bottom: -725px;
   margin-right: 30px;
   margin-top: 100px;
}
#submit-form .submit-card{
  
   display: flex;
   flex-direction: column;

justify-content: center;
  
   padding: 0px 20px 20px;
   background: #FFFFFF;
/* Card Shadow */
width: 340px;
box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
border-radius: 20px;
   
}
#submit-form .notification-icon img{
   margin-bottom: 20.73px;
   margin-top: 32px;
  
}
#submit-form .input-title{
   
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
/* or 20px */
margin-bottom: 4px;


/* Dark */

color: #1C2329;
}
#submit-form .input{
   display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 20px;
background: #FFFFFF;
border-radius: 8px;
border: 1px whitesmoke solid;
width: 270px;
margin-bottom: 18px;
}

#submit-form .checkbox{
   
   position: relative;
   top: 15px;
   left: 10px;
}


#submit-form .title p{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 34px */
text-align: center;
margin-bottom: 20px;
/* Dark */

color: #1C2329;
}
#submit-form .submit-button{
   margin-bottom: 20px;
}
#submit-form .submiting-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */
margin-bottom: 20px;

text-align: center;

/* Grey */

color: #626C76;
}
#submit-form .follow-text{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Blue */
margin-bottom: 20px;
color: #009FE2;
}

#submit-form .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 140%;
/* or 18px */

display: flex;
align-items: center;

/* Text & Background/Dark 3 */

color: #8FA2A6;
   margin-bottom: 20px;
   margin-left: 30px;
}


#submit-form .social-meia{
text-align: center;
}
#submit-form .social-meia img{
   margin-right: 15px;
}


/* BLOG-NEWS*/


/*----------------BLOG NEWS-----------------*/


/*----------------BLOG DETAILS-----------------*/
/* HERO BLOG DETAILS*/


#hero-blog-details{
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: calc(100vh - 60px);
   background-size: cover;
}
 
 #hero-blog-details .social-media{
    display: flex;
   margin-top: 20px;

 }
 #hero-blog-details .social-media p{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   /* identical to box height, or 129% */
   
   letter-spacing: 0.05em;
   text-transform: uppercase;
   margin-right: 12px;
   /* Blue */
   
   color: #009FE2;
 }

 #hero-blog-details .social-media img{
    width: 32px;
    height: 32px;
    margin-right: 20px;
    margin-top: -8px;
 }
/* HERO BLOG DETAILS*/

.post-image img { display: block; margin: 0px auto; margin-top: 40px; border-radius: 8px; width: 100%; height: auto;}


/*DETAIL TEXT*/
#text-detail{
   margin-top: 50px;
   margin-bottom: 50px;
   
}
#text-detail .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: left;

/* Grey */

color: #626C76;
padding: 0px 50px !important;
}

#text-detail .text a{ color: #009FE2; }

#page-detail{
   padding-top: 50px;
   padding-bottom: 50px;
   
}
#page-detail .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: left;

/* Grey */

color: #626C76;
}

#page-detail .text h1 { 
   font-family: 'Red Hat Display',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 140%;
    color: #394855;
    margin-bottom: 20px;
    font-style: normal !important; 
 }

 #page-detail .text h1 em { color: #009FE2; font-style: normal !important; font-size: 20px;}

   #page-detail .text img { width: 100%; }


#page-detail .text a{ color: #009FE2; }

.padright { margin-right: 100px;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .padright { margin-right: 10px;}
   .col {
      flex: 1 0 100%;
  }

}

/*DETAIL TEXT*/

/*VISUAL BOX*/
#visual-box{
   margin-top: 230px;
}

#visual-box .container{
height: 680px;
background: rgb(223, 222, 222);

border-radius: 8px;
display: flex;
justify-content: center;
align-items: flex-end;
}

#visual-box{
/* Small */

font-family: 'Roboto',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */


/* dark 2 */

color: #404551;

}
/*VISUAL BOX*/

/*GINGER*/

#ginger {
   margin-top: 100px;
}
#ginger .title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   /* or 45px */
   margin-bottom: 12px;
   text-align: center;
   
   /* Dark */
   
   color: #1C2329;
}
#ginger .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   
   text-align: center;
   
   /* Grey */
   
   color: #626C76;
}

#latest .text-container{
   background-color: whitesmoke;
   padding: 10px;

   
  
   margin-bottom: -50px;
}
.push-latest-blog{
   margin-bottom: -80px;
}
/*GINGER*/


/*----------------BLOG DETAILS-----------------*/


/*----------------BREADCRUMB WIRLESS NODES-----------------*/

/*HERO*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .hero-txt .sub-title{
      padding: 0px 50px !important;
   }
   .hero-txt .text{
      
      padding: 0px 30px !important;

   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .hero-txt .sub-title{
      padding: 0px 0px !important;
      font-size: 36px !important;
   }
   .hero-txt .text{
      padding: 0px 10px !important;
  word-break: break-word;
   }
}
#hero-p-bcw{
   background:url(https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/markets/markets-hero-dimmer.png) center center no-repeat,
      center center no-repeat !important;
       background-size: cover !important;
}

 /*HERO*/

/*KEY BREADCRUMB FONCTIONALITY*/
#key-beadcrumb-fonctionality{
   float: left;
   width: 800px;
}

#key-beadcrumb-fonctionality .title{
   margin-top: 0px;
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */


text-align: left;
margin-bottom: 0px;
/* Dark */

color: #1C2329;
}

#key-beadcrumb-fonctionality  .title-text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 20px;
padding-left: 75px;
width: 80%;
/* Dark */

color: #1C2329;
}

#key-beadcrumb-fonctionality .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
padding-left: 70px;
width: 80%;
/* or 22px */


/* Grey */

color: #626C76;
}

#key-beadcrumb-fonctionality .text a { 
   color: #009FE2;
   text-decoration: underline !important;
}
#key-beadcrumb-fonctionality .rj-content{
   margin-bottom: 40px;
   width: 100%;
}
#key-beadcrumb-fonctionality .rj-content img{
  position: relative;
  top: 54px;
  width: 50px;
}

#key-beadcrumb-fonctionality  .key-breadcrumb-container{ margin-bottom: 100px;   }

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #key-beadcrumb-fonctionality{
      margin-top: 80px;
      margin-bottom: 80px;
   }
   #key-beadcrumb-fonctionality  .key-breadcrumb-container{
      margin-left: 31px;   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #key-beadcrumb-fonctionality{
      margin-top:0px !important;
      margin-bottom: 35px;
      width: auto;
   }
   #key-beadcrumb-fonctionality  .key-breadcrumb-container{
      margin-left: 0px;   
}
    #key-beadcrumb-fonctionality .row{
       display: grid;
    }
    #key-beadcrumb-fonctionality .rj-content{
      width: 100%;
      margin-left: 4%;
    }
    #key-beadcrumb-fonctionality .title{
       text-align: center;
      font-size: 22px;
      margin-bottom: 55px;
    }
}


/*KEY BREADCRUMB FONCTIONALITY*/


/*WIRLESS NODES PRODUCTS*/
.push-products{
   height: 1px;
  
}

#wirless-products { margin-top: 0px; margin-bottom: 100px;}
#wirless-products .title{

font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-top: 100px;
margin-bottom: 8px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Blue */

color: #009FE2;
 }
 
 #wirless-products .sub-title{
 
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */
margin-bottom: 20px;
text-align: center;

/* Dark */

color: #1C2329;
 }
 
 #wirless-products .text{
font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;
margin-bottom: 77px;
/* Grey */
 
color: #626C76;

 }
#wirless-products .products-container{
   margin-top: 110px;
   overflow: hidden;
   }
   .post-latest{
   margin-bottom: 70px;
   }
   .history-latest{
      margin-bottom: 80px;
   }

   .purpose-latest{
      margin-bottom: 80px;
   }


   #wirless-products .rajant-product-card img{
   width: 100%;
   margin-bottom: 20px;
   border-radius: 12px;
   border: 10px solid transparent ;
   object-fit: none;
   height: 200px;
   }

   #wirless-products .rajant-product-card:hover img{
    
   border: 10px solid rgba(0, 159, 226,.1);
   box-sizing: border-box;
   border-radius: 12px;
    }
    #wirless-products .rajant-product-card a{
   text-decoration: none !important;
   }
   
   #wirless-products .rajant-product-card .name {
    font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 140%;
   /* identical to box height, or 34px */
   text-decoration: none !important;
   text-align: center;
   
   /* BlueishGrey */
   
   color: #394855;
   }
   #wirless-products .rajant-product-card{
   
   width: 380px;
   margin-bottom: 44px;
   
   }
   
   #wirless-products .rajant-product-card:hover a p {
    color: #009FE2;
    transition: .1S ease-in-out;
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
      #wirless-products {
          margin-top: -30px;
          margin-bottom: 80px;
         }

      #wirless-products .rajant-product-card{
   
         width: 380px;
         margin-bottom: 44px;
         margin-right: -30px;
         
         }
         #wirless-products .title{
            padding: 0px 60px;
             }
             
             #wirless-products .sub-title{
        
               padding: 0px 80px;
               }
               #wirless-products .rajant-product-card:hover img{
    
                  border: 10px solid transparent;
                  box-sizing: border-box;
                  border-radius: 0px;
                   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #wirless-products {
       margin-top: -30px;
       margin-bottom: 80px;
      }

   #wirless-products .rajant-product-card{
      width: 380px;     
      }
      #wirless-products .title{
         padding: 0px 40px;
          }
          
          #wirless-products .sub-title{
     
            padding: 0px 40px;
            font-size: 36px;
            }
            #wirless-products .rajant-product-card:hover img{
 
               border: 10px solid transparent;
               box-sizing: border-box;
               border-radius: 0px;
                }
                #wirless-products .rajant-product-card .name {
                  padding: 0px 30px !important;
                   }
}
/*WIRLESS NODES PRODUCTS*/



/*----------------BREADCRUMB WIRLESS NODES-----------------*/


/*----------------PEREGRINE SERIES-----------------*/
/*PEREGRINE SERIES*/

.rj-player { margin-bottom: 40px;}
.rj-player iframe { border-radius: 8px; }





#peregrine-series .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* or 58px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;
}

#peregrine-series .text{
   /* Body-18-subheading */

font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-bottom: 40px;

/* Grey */

color: #626C76;
}

#peregrine-series .btn-blue{
   margin-right: 15px;
}

#peregrine-series .rj-card{
   margin-right: 40px;
}

#peregrine-series .rj-image{
   margin-top: -120px;
}

/*PEREGRINE SERIES*/

/*PEREGRINE TEXT */
#peregrine-series-text{
   margin-top: 225px;
}

#peregrine-series-text .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 130%;
/* identical to box height, or 42px */
margin-bottom: 12px;
text-align: center;

/* Dark */

color: #1C2329;

}

#peregrine-series-text .text{
   /* Body-16-p */

font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}
/*PEREGRINE TEXT */

/*PEREGRINE PRODUCT */
#peregrine-product{
margin-top: 100px;
margin-bottom: 200px;
}
#peregrine-product img{
   width: 90%;
   height: 90%;
   
}
/*PEREGRINE PRODUCT */


/*BREADCRUMB COPARISON */

.rajant-breadcrumb-coparison{
   margin-top: 100px;
   margin-bottom: 100px;
}
.rajant-comporation-title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 130%;
/* identical to box height, or 42px */
margin-bottom: 60px;
text-align: center;

/* Dark */

color: #1C2329;
}
.situation-col{
   background-color: white;
   width: 400px;
   
   border-top: rgb(189, 189, 189) 1.2px solid;
   border-left: rgb(189, 189, 189) 1.2px solid;
   padding: 17px 38px;
     
   }
   .first-peregrine-col{
      background-color: rgb(255, 255, 255);
      width: 300px;
      height: 60px;
      border-top: rgb(189, 189, 189) 1.2px solid;
      border-left: 1px solid #009FE2;
      border-right: 1px solid #009FE2; 
      border-top: 1px solid #009FE2;
      border-top-right-radius: 12px;
      border-top-left-radius: 12px;
      
      
      padding: 17px 38px;
   }

   .peregrine-title{
      font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 140%;
   /* identical to box height, or 34px */
   
   text-align: center;
   
   /* Blue */
   
   color: #009FE2;
   
   }

   .first-lx5-col{
      background-color: #E4E4E4;
      width: 300px;
   
      border-top: rgb(189, 189, 189) 1.2px solid;
      border-top-right-radius: 12px;
      border-top-left-radius: 12px;
      padding: 13px 32px;
      
      }
      .first-lx5-col span{
         font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 140%;
/* identical to box height, or 34px */

text-align: center;

/* Dark */

color: #1C2329;
      }

      .lx5-text{
         font-family: 'Helvetica',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 140%;
      /* identical to box height, or 25px */
      
      text-align: center;
      
      /* BlueishGrey */
      
      color: #394855;
      }
      .first-situation-col{
         background-color: white;
         width: 400px;
        
         border-top: rgb(189, 189, 189) 1.2px solid;
         border-left: rgb(189, 189, 189) 1.2px solid;
         border-top-left-radius: 12px;
         padding: 17px 38px;
           
         }

         .situation-text{
            font-family: 'Helvetica',sans-serif;
         font-style: normal;
         font-weight: bold;
         font-size: 18px;
         line-height: 140%;
         /* identical to box height, or 25px */
         
         
         /* Dark */
         
         color: #1C2329;
         }

         .peregrine-col{
            background-color: rgb(255, 255, 255);
            width: 300px;
            height: 60px;
            border-top: rgb(189, 189, 189) 1.2px solid;
            border-left: 1px solid #009FE2;
            border-right: 1px solid #009FE2;
            
            
            padding: 17px 38px;
            
            
            }

            .peregrine-text{
               font-family: 'Helvetica',sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 140%;
            /* identical to box height, or 25px */
            
            text-align: center;
            
            /* Grey */
            
            color: #626C76;
            }
   
            .lx5-col{
               background-color: #E4E4E4;
               width: 300px;
               
               border-top: rgb(189, 189, 189) 1.2px solid;
               padding: 17px 38px;
               }
               .last-situation-col{
                  background-color: white;
                  width: 400px;
                  
                  border-top: rgb(189, 189, 189) 1.2px solid;
                  border-left: rgb(189, 189, 189) 1.2px solid;
                  border-bottom: rgb(189, 189, 189) 1.2px solid;
                  border-end-start-radius: 12px;
                  border-end-end-radius: 12px;
                  padding: 17px 38px;
               
                
               }

               .last-peregrine-col{
                  background-color: rgb(255, 255, 255);
                  width: 300px;
                  height: 60px;
                  border-top: rgb(189, 189, 189) 1.2px solid;
                  border-left: 1px solid #009FE2;
                  border-right: 1px solid #009FE2;
                  border-bottom: 1px solid #009FE2;
                  padding: 17px 38px;
                  border-end-end-radius: 12px;
                  border-end-start-radius: 12px;
                
               }
               .last-lx5-col{
                  background-color: #E4E4E4;
               width: 300px;
               
               border-top: rgb(189, 189, 189) 1.2px solid;
               border-bottom: rgb(189, 189, 189) 1.2px solid;
               border-end-end-radius: 12px;
               border-end-start-radius: 12px;
               padding: 17px 38px;
               }
                 


               
.featured-video{
   margin-top: 200px;
   
   
   position: relative;
   left: 120px;
   
   }
   
   
   .featured-video-text{
      font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* identical to box height, or 58px */
   margin-bottom: 27px;
   /* Dark */
   color: #1C2329;
   
   }
   
   .featured-video-title{
      font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 40px;
   /* Grey */
   color: #626C76;
   }

   .push-featured-video{
      margin-bottom: 100px;
   }
/*BREADCRUMB COPARISON */

/*----------------PEREGRINE SERIES-----------------*/

/*----------------INSTA MESH-----------------*/
/*HERO INSTA MESH */
#hero-insta-mesh{
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: 600px;
   background-size: cover;
}
 


 /*HERO INSTA MESH */

/* WHY INSTA MESH */
#why-insta-mesh{
   margin-top: 100px;
   margin-bottom: 100px;
   padding: 0 500px;

}

#why-insta-mesh .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 12px;
text-align: center;

/* Dark */

color: #1C2329;
}

#why-insta-mesh .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;

}
/* WHY INSTA MESH */

/* INSTA MESH HERO */
#insta-mesh-adventages{
   width: 100%;
   margin-bottom: 67px;
   text-align: left;
   padding: 0 500px;
}

#insta-mesh-adventages .col{
   margin-top: 100px;
}

#insta-mesh-adventages img{
   margin-right:9px;
   margin-left: -15px;
}
#insta-mesh-adventages .title{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 8px;
   
   /* Dark */
   
   color: #1C2329;
}

#insta-mesh-adventages .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   margin-bottom: 20px;
   
   /* Grey */
   
   color: #626C76;
   
}
/* INSTA MESH HERO */


/*----------------INSTA MESH-----------------*/

/*----------------AUTONOMY AND ROBOTICS-----------------*/
/* HERO ROBOTICS */


#hero-robotics{
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: 600px;
   background-size: cover;
}
/* HERO ROBOTICS */

/* SECTION HEADING */
#section-heading{
   margin-top: 100px;
   margin-bottom: 100px;
   text-align:center;
}
#section-heading .rj-is{
  margin-top: 65px;
}
#section-heading .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* identical to box height, or 45px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;

}

#section-heading .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
padding: 0px 200px;
}

#section-heading .rj-is .title{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 133% */
   margin-bottom: 4px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Blue */
   
   color: #009FE2;
}


#section-heading .rj-is .sub-title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-bottom: 29px;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Dark */

color: #1C2329;
}
/* SECTION HEADING */

/* ROBOTICS HERO */
#robotics-hero{
   width: 100%;
   /* background-position: center; */
   margin-bottom: 100px;
}
#robotics-hero .col{
   margin-top: 100px;
}
#robotics-hero .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;
padding: 0 200px;
}

#robotics-hero .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
padding: 0 200px;
}

/* ROBOTICS HERO */

/* SUPPORTING AUTONOMOUS  */
#supporting-autonomous{
   margin-top: 300px;
  height: 750px;

  
   margin-bottom: -580px;
   }
   #supporting-autonomous .col{
    position: relative;
    top: -170px;

   }
   

   #supporting-autonomous .title{
  
font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

margin-bottom: 12px;
/* Dark */

color: #1C2329;
   }
   
   #supporting-autonomous .text{
      font-family: 'Helvetica',sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 140%;
      /* or 22px */
      
      margin-bottom: 40px;
      /* Grey */
      
      color: #626C76;
      padding: 0 200px;
   }
   #supporting-autonomous .featured-image{
      position: relative;
      bottom: 610px;
      left: 920px;
   
    }
    
    #supporting-autonomous .container-background{
      
       width: 750px;
       margin-left: 50px;
       
    }
    #supporting-autonomous .rj-watch-video-image{
       background-image: url("../../assets/img/common/points-background-blue.png");
       width: 250px;
      height: 700px;
      background-repeat:repeat-y;
     
    }
    
    #supporting-autonomous .rajant-video-image{
       position: relative;
       right: 490px;

    }
    .robotics-pull-partners{
       margin-bottom: -170px;
    }

/* SUPPORTING AUTONOMOUS  */

/*----------------FEDERAL MILITARY-----------------*/

/* HERO FEDERAL MILITARY  */
#federal-military{
   background: linear-gradient(to right,rgb(255, 255, 255) 400px,rgba(58, 58, 58, 0)), url(../img/home/hero-home.png) center center no-repeat;
   width: 100%;
   /* background-position: center; */
   height: 600px;
   background-size: cover;
}

 /* HERO FEDERAL MILITARY  */


/*  FEDERAL MILITARY TEXT */
#federal-text{
   margin-top: 100px;
}

#federal-text .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */

text-align: center;

/* Grey */

color: #626C76;
padding: 0 200px;
}
/*  FEDERAL MILITARY TEXT */


/*  CREATE CONVOY AND PROVEN PROVIDER*/
#envoy-provider{
   margin-top: 200px;
   margin-bottom: 100px;
}
#envoy-provider .mr{
   margin-right: 41px;
}
#envoy-provider .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */
margin-bottom: 12px;
/* Dark */
color: #1C2329;
}

#envoy-provider .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
}
/*  CREATE CONVOY AND PROVEN PROVIDER*/


/*  FEDERAL HERO */

#federal-hero{
   width: 100%;
   text-align:center;
  
}
#federal-hero .col{
   margin-top: 100px;
   margin-bottom: 100px;
}
#federal-hero .title{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */
margin-bottom: 12px;

/* Dark */

color: #1C2329;
}

#federal-hero .text{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


/* Grey */

color: #626C76;
padding: 0 200px;
}
/*  FEDERAL HERO */

/*  FEDERAL MARKETS */
#rajant-markets{
   margin-bottom: 200px;
   }
   
   #rajant-markets .rj-more a{
      font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   /* identical to box height, or 129% */
   margin-right: 8px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   margin-bottom: 45px;
   /* Blue */
   
   color: #009FE2;
   }
   
   #rajant-markets .rj-card{
      padding: 0px 20px 20px;
      background: #FFFFFF;
      /* Card Shadow */
   margin-right: 25px;
      box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
      border-radius: 20px;
   width: 552px;
   
   padding-bottom: 25px;
   }
   
   #rajant-markets .rj-image{
      border-radius: 8px;
      margin-bottom: 20px;
      width: 100%;
     
   height: 250px;
   }
   #rajant-markets .rj-more a img{
      margin-left: 8px;
      margin-top: -2px;
   }
   #rajant-markets h4{
      font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 12px;
   
   /* Dark */
   
   color: #1C2329;
   }
   
   #rajant-markets .line{
      width: 40px;
   height: 0px;
   border: 1px solid #009FE2;
   margin-bottom: 12px;
   }
   
   #rajant-markets p{
      font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   /* or 22px */
   margin-bottom: 28px;
   
   /* Grey */
   
   color: #626C76;
   }
/*  FEDERAL MARKETS */

/*----------------FEDERAL MILITARY-----------------*/

/*----------------RESOURCES-----------------*/
/*  RESOURCES TEXT */

#resources-text{
   margin-top: 60px;
   margin-bottom: 60px;
}

#resources-text .title{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
margin-bottom: 8px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

/* Blue */

color: #009FE2;

}

#resources-text .text{
   font-family: 'Red Hat Display',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 120%;
/* identical to box height, or 58px */

text-align: center;

/* Dark */

color: #1C2329;

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
   #resources-text{
      background-color: whitesmoke;
      padding: 60px 0px;
      margin-top: 0px;
   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #resources-text{
      background-color: whitesmoke;
      padding: 60px 0px;
      margin-top: 0px;

   }
}
/*  RESOURCES TEXT */

/*  RESOURCES NAVBAR */

#resources-navbar{
   background-color: white;
/* Card Shadow */
padding-top: 20px;
box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
border: 2px whitesmoke solid;

}



#resources-navbar ul{
   display: flex;
   justify-content: space-between;
   list-style-type: none;
   padding: 0px !important;
}
#resources-navbar ul li{
}

#resources-navbar ul li a{
   font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
/* identical to box height, or 160% */


letter-spacing: 0.05em;
text-transform: uppercase;

color: #626C76;
}
#resources-navbar ul li a:hover{
   color: #009FE2;
transition: .3s ease-in-out;
}
#resources-navbar .active{
color: #009FE2;
border-bottom: 6px #009FE2 solid; 

border-end-end-radius: 2px;
border-end-start-radius: 2px;
padding-bottom: 14px;


}

/*  RESOURCES NAVBAR */

#resources-navbar-details{
   background: radial-gradient(47.99% 9950.4% at 77.85% 67%, #394855 0%, #1C2329 100%);
   padding-top: 20px;
   border: 2px transparent solid;
}


#resources-navbar-details ul{
   display: flex;
   justify-content: space-between;
   list-style-type: none;
   padding: 0px !important;
}
#resources-navbar-details ul li{
}

#resources-navbar-details ul li a{
font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 13.5px;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #fff;
}

#resources-navbar-details ul li a:hover{
color: #009FE2;
transition: .3s ease-in-out;
}
#resources-navbar-details .active{
color: #009FE2;
border-bottom: 6px #009FE2 solid; 
border-end-end-radius: 2px;
border-end-start-radius: 2px;
padding-bottom: 14px;
}



.filter-icon{
background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/resources/filter-icon.png") center no-repeat;
width: 20px;
height: 20px;
margin-right: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #resources-navbar {
      display: none;
   }
   #resources-text{

   }
}
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #resources-navbar {
      display: none;
   }
}
/*  RESOURCES NAVBAR */

/*  RESOURCES */

#resources .container {  flex-flow: wrap;
   flex-direction: row;
   justify-content: space-around;}

#resources{
   margin-top: 100px;
   margin-bottom: 100px;
}
#resources .rj-card{
     width: 332px;
   margin-bottom: 60px;
}

#resources .icon{
   position: relative;
   top: -152px;
   left: 6px;
   display: none;
}
#resources .r-image{
width: 100%;
height: 180px;
border-radius: 8px;
object-fit: initial;
margin-bottom: 30px;
border: 2px solid #e7e7e7;
padding: 2px;
background: #e7e7e7;
}

.rj-card:hover { opacity: 0.8;} 
.rj-card:hover .r-image { border: 2px solid #009FE2 !important; }

.press-releases .r-image{ background: #626C76 !important; object-fit: none !important; }

.media-coverage .rj-card { text-align: center;}
.media-coverage .line { margin: 0px auto !important; }
.media-coverage .r-image { height: 100px !important; object-fit: none !important; background: none !important; border: none !important;}

.upcoming-events .rj-card { text-align: center;}
.upcoming-events .line { margin: 0px auto !important; }
.upcoming-events .r-image { height: 160px !important; object-fit: none !important; background: none !important; border: none !important;}


#resources .title{
   font-family: 'Helvetica',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
/* or 25px */
margin-left: 16px;
margin-bottom: 12px;
/* Dark */

color: #1C2329;
}


#resources .demand-text{
font-family: 'Be Vietnam Pro',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */
margin-bottom: 12px;
margin-left: 16px;

letter-spacing: 0.05em;
text-transform: uppercase;

/* Grey */

color: #626C76;
}

#resources .line{
   width: 40px;
    height: 0px;
    
    margin-left: 16px;

    /* Blue */
    margin-bottom: 12px;
    border: 1px solid #009FE2;
    }


    #resources .text{
      font-family: 'Helvetica',sans-serif;
      font-style: normal;
     
      font-size: 16px;
      line-height: 140%;
      /* or 25px */
      margin-bottom: 28px;
      margin-left: 16px;

      /* Grey */
      
      color: #626C76;
    }

  #resources .text p{
      font-family: 'Helvetica',sans-serif;
      font-style: normal;

      font-size: 16px;
      line-height: 140%;
      color: #626C76;
    }

.link-more { display: none !important;}
    
#resources .more { margin-left: 16px; }

    #resources .more a{
      font-family: 'Be Vietnam Pro',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
      letter-spacing: 0.05em;
      text-transform: uppercase;

      /* Blue */
      
      color: #009FE2;
    }
    #resources .more a img{
       margin-left: 8px;
       margin-top: -2px;
       width: 15px;
       height: auto !important;
    }
 #resources .filter{
    display: flex;
    justify-content: end;
    margin-bottom: 40px;
    position: relative;
 }


    #resources .dropdown-item{
      font-family: 'Be Vietnam Pro',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
      padding: 8px 17px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: 0.05em;
      text-transform: capitalize;
      /* Dark */
      
      color: #1C2329;
    } 
    #resources .dropdown-menu{
       padding: 0px;
       max-height: 429px;
      overflow: scroll;
      width: 100%;
      
    }

    #resources .dropdown-item:hover{
      background-color: rgba(0, 159, 226, 0.1) !important;
    }
    #resources .dropdown-item  img{
       margin-right: 12.88px;
    }
    #resources .videos .row{
      margin-top: 50px;
   
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #resources .rj-card {
         margin-left: 5px !important;
      }
    
     #resources .rj-card:hover {
         opacity: 1 !important;
     }
     .rj-card:hover .r-image {
      border: 2px solid #e7e7e7 !important; 
      }
      #resources .media-coverage .rj-card:hover   .r-image{
         border: 2px solid transparent !important;
      }
      #resources .upcoming-events .rj-card:hover   .r-image{
         border: 2px solid transparent !important;
      }
      #resources .videos iframe{
         width: 320px;
         height: 150px;
         
      }
   }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      #resources .filter{
         padding-left: 30px;
         justify-content: start;
         position: relative;
      }
      #resources-text .text{
         font-size: 36px;
         padding: 0px 15px;
      }
      #resources .rj-card{
         margin-left: 5px !important;
      }
     #resources .rj-card:hover {
         opacity: 1 !important;
     }
     .rj-card:hover .r-image {
      border: 2px solid #e7e7e7 !important; 
      }
      #resources .media-coverage .rj-card:hover   .r-image{
         border: 2px solid transparent !important;
      }

      #resources .upcoming-events .rj-card:hover   .r-image{
         border: 2px solid transparent !important;
      }
      #resources .videos iframe{
         width: 320px;
         height: 150px;
         
      }
      #resources .videos .row{
         justify-content: center;
      }
      #resources .videos .row .cat-title{
         padding: 0px 37px;
      }

    }

/*  RESOURCES */


/*  FILTER */

.btn-group button{

   padding: 10px 15px;
   
   /* dark 1 */
   background: #394855;
   /* Card Shadow */
   
   box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
   border-radius: 8px;
   border: none;
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   /* identical to box height, or 129% */
   
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   
   /* Grey */
   
   color: #FFFFFF;
   }
   
   .btn-group button img{
      margin-right: 13px;
   }
   #resources .refresh-icon{
      text-align: center;
      margin-bottom: 100px;
   }
   /*  FILTER */

/*----------------RESOURCES-----------------*/


/*----------------MINING-----------------*/


#rajant-mining{
   margin-top: 100px;
    
    }
    #rajant-mining .title{
   font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    /* identical to box height, or 133% */
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    /* Blue */
    
    color: #009FE2;
    }
    
    #rajant-mining .sub-title{
   font-family: 'Red Hat Display',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    /* identical to box height, or 58px */
    
    text-align: center;
    
    /* Dark */
    margin-bottom: 20px;
    color: #1C2329;
    }
    
    #rajant-mining .text-1{
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    margin-bottom: 20px;
    text-align: center;
    
    /* Dark */
    
    color: #1C2329;
    }
    
    #rajant-mining .text-2{
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    
    text-align: center;
    margin-bottom: 40px;
    /* Grey */
    
    color: #626C76;
    }
   

    
/*----------------MINING-----------------*/








.tablet-navbar{
   background-color: #009FE2;
   display: grid;
   justify-content: start;
   width: 100.5%;
   position: absolute;
   margin-left: -40px;
      padding-top: 10px;
      margin-top: -30px;
   
}
.tablet-navbar-list{
   list-style: none;
  margin-top: 44px;
}

.tablet-navbar-item{
   margin-bottom: 41px;

} 

.tablet-navbar-item a{
  
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 160% */
   letter-spacing: 0.05em;
   text-transform: uppercase;
   /* white */
   color: #FFFFFF;
   margin-right: 200px;
}

.collapse-navbar{
   background-color:grey;
   width: 800px;
   margin-left: -30px;
   list-style: none;
   margin-bottom: 20px;
  
}

.collapse-liste{
   background-color: rgb(67, 79, 98);
   min-width:768px;
   margin-left: -30px;
   overflow: hidden;
   margin-bottom: 30px;
   padding-top: 20px;
}

.collapse-list{
   list-style: none;
}

.collapse-item {
   margin-bottom: 44px;
}
 .collapse-item a{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 140%;
   /* identical to box height, or 21px */

   color: #FFFFFF;  
}

.navbar-nav { display: flex;
   justify-content: space-between;
   list-style-type: none;
   width: 100%;}

.navbar-nav .dropdown-menu { border-radius: 0px 0px 8px 8px; margin-top: 20px !important; padding: 0px !important; min-width: 210px; z-index: 9999999;}

.dropdown-item.active, .dropdown-item:active { background-color: #009FE2 !important;}

.hero-inner { text-align: center; background: none; padding: 60px 0px; }
.hero-inner .link,
.hero-inner .rj-btn { display: none !important;}
.bg-dark { background-color: transparent !important; }


.active-filter{
   background-color: #009FE2 !important;
}

.closing-icon{
   background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon.png")  center no-repeat;
   width: 48px;
   height: 48px;
}
.closing-icon:hover{
   background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon-blue.png")  center no-repeat;
   transform: rotate(180deg);
}

/* NEW HERO*/
.hero-txt{
   padding-top: 140px;
   text-align: center;
   background: none;
   background-color: whitesmoke !important;
   padding-bottom: 140px;
}
.hero-txt .small-title{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 133% */
   margin-bottom: 8px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   /* Blue */
   color: #009FE2;
}

.hero-txt .large-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* or 58px */
   
   margin-bottom: 12px;
   /* Blue */
   
   color: #009FE2;
   width: 50%;
}

.hero-txt .sub-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* or 58px */
   margin-bottom: 12px;
   
   /* Dark */
   
   color: #1C2329;
   padding: 0 200px;
}


.hero-txt .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 40px;
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
}

.hero-txt .btn-blue{
   margin-right: 12px;
}


/* Contact Form */
.wpcf7-submit,
.fscf-button-submit { 
padding: 16px 40px;
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 93px;
    text-decoration: none;
    width: fit-content;
    background-color: #009FE2;
    border: none !important;
}


.wpcf7-text,.fscf-input-text { 
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}



#nav-bar .dropdown, 
#nav-bar .dropend, 
#nav-bar .dropstart, 
#nav-bar .dropup { position: inherit; }


/*PAGINATION*/
.search-results .hero {
	display: none;
}
.pagination {
	width: 100%;
	float: left;
	text-align: center;
	display: inline-block;
   margin-top: 100px;
}
.pagination a {
	background: #e7e7e7;
    color: #626C76;
	font-size: 18px;
	padding: 9px 17px;
	border-radius: 100%;
	transition:all 0.3s linear;
	margin: 0 5px;
	border-radius: 8px;
}
.pagination span {
	background: #26437e;
	color: #fff;
	font-size: 18px;
	padding: 9px 17px;
	margin: 0 5px;
	border-radius: 8px;
}

.pagination span.current, .pagination a:hover{
    background: #009fe3;
	color: #fff;
	font-size: 18px;
	padding: 9px 17px;
}
.search-no-results .hero {
	display: none;
}


.blog-articles .search-form button.search-submit{
	
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #ffffff;
	background-color: #009fe3;
    border-radius: 5px 5px 16px;
    padding: 12px 25px;
    display: inline-block;
	border:0px;
    text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    margin-left: 10px;
    -webkit-box-shadow: 0 2px 8px rgba(38, 67, 126, 0.3);
            box-shadow: 0 2px 8px rgba(38, 67, 126, 0.3);
	font-weight: 600;
}
.blog-articles .search-form button.search-submit:hover  {
    color: #ffffff;
    -webkit-box-shadow: 0 5px 16px rgba(28, 50, 95, 0.3), 0 17px 57px rgba(0, 157, 224, 0.4);
            box-shadow: 0 5px 16px rgba(28, 50, 95, 0.3), 0 17px 57px rgba(0, 157, 224, 0.4);
}
.blog-articles p{
	color: #303342;
	font-family: "IBM Plex Sans";
	font-size: 18px;
	font-weight: 400;
}
.blog-articles .search-form .search-field {
  border-radius: 25px;
    border: 2px solid #26437e;
    color: #26437e;
    font-family: 'Rubik',sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    padding: 6px 20px;
    letter-spacing: 0.14px;
}
.blog-articles {
    padding-bottom: 30px;
}
.pagi-con{
   display: flex;
   width: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pagination{
   margin-top: 50px;
}
}

@media only screen and (min-width: 280px) and (max-width: 991px) {
   .pagination{
      margin-top: 50px;
   }
   .pagi-con{
      display: grid !important;
      width: fit-content !important;
   }
   .pagination{
       display: flex !important;
       flex-flow: wrap !important;
       padding-left: 24px !important;
   }
   .pagination a{
      display: flex !important;
      align-items: center !important;
      height: fit-content !important;

   }
   .pagination span{
       margin-bottom: 15px !important;
   }
   

 }
.pagination .rj-col{
   margin-bottom: 25px;
}
/*PAGINATION*/




























/* GRID  */
.parent{
display: grid;
grid-template-columns: repeat(10,1fr);
grid-template-areas: "logo logo header header header header header header header header"
"sidebar sidebar sidebar content content content content content content content"
"footer footer footer footer footer footer footer footer footer footer";
grid-template-rows: repeat(1,300px);
}
.parent p{
padding-right: 100px;
}
.parent ul li{
   display: inline-block;
}
.parent .footer{
   background-color: red;
   grid-area: footer;
   text-align: center;
}
.parent .side-bar{
   background-color: green;
   grid-area: sidebar;

}
.parent .logo{
   background-color: blue;
   grid-area: logo;
}
.parent .header{
   background-color: purple;
   grid-area: header;

}
.parent .content{
   background-color: yellow;
   grid-area: content;

}
/* GRID  */

/** Solutions **/
#solutions {
   height: 680px;
   margin-bottom: 100px;
 }

 #solutions.hero-txt { padding: 0px !important;}
 #solutions .container { position: relative; }

#solutions .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#solutions.hero-txt .small-title { padding: 0 50px !important; }
#solutions.hero-txt .sub-title { padding: 0 50px !important; }
#solutions.hero-txt .text { padding: 0 50px !important; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #solutions {
      height: 600px;
      margin-bottom: 300px;
    }
   
    #solutions .container {
      position: relative;
      bottom: 0px !important;
      left: 0;
      right: 0;
     }
   
}
 
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #solutions{
      margin-bottom:100px !important;
      position: relative;
      height: auto !important;
   }
   #solutions.hero-txt {
      padding: 0px !important;
  }
   #solutions .col{
      max-width: 350px !important;
      margin-top: 0px !important;
      border-radius: 0px !important;
   }
   #solutions .container {
      position: relative;
      bottom: 0px;
     }
     #solutions.hero-txt .small-title { padding: 0px 30px !important;}
     #solutions.hero-txt .sub-title { padding: 0 30px !important }
     #solutions.hero-txt .text { padding: 0 21px !important; }
  
}

/** Technology **/ 

 #technology.hero-txt { padding: 0px !important;}
 #technology .container { position: relative; }

#technology .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#technology.hero-txt .small-title { padding: 0 100px !important; }
#technology.hero-txt .sub-title { padding: 0 100px !important; }
#technology.hero-txt .text { padding: 0 100px !important; }


@media only screen and (min-width: 768px) and (max-width: 991px) {
   #technology {
      height: 600px;
      margin-bottom: 200px;
    }
   
   #technology .container {
    position: relative;
    bottom: -20px;
    left: 0;
    right: 0;
   }

   #technology .col,
   #solutions .col,
   #markets .col,
   #product .col { margin-top: 100px !important;}
   #solutions.hero-txt .sub-title { padding: 0px 40px !important;}
   

 }
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
   #technology{
      margin-bottom:100px !important;
      height: auto !important;
      position: relative;
   }
   #technology.hero-txt {
      padding: 0px !important;
      padding-bottom: 0px !important;
  }
   #technology .col{
      max-width: 350px !important;
      margin-top: 0px !important;
      border-radius: 0px !important;
      padding: 110px 0px !important;
   }
   #technology .container {
      position: relative;
      bottom: 0px;
     }

   #technology.hero-txt .small-title { padding: 0px 30px !important;}
   #technology.hero-txt .sub-title { padding: 0 30px !important }
   #technology.hero-txt .text { padding: 0 21px !important; }
   .self-m-hero{
      margin-bottom: 150px !important;
   }
}

/** Products **/ 
#product {
   height: 680px;
   margin-bottom: 300px;
 }

 #product.hero-txt { padding: 0px !important;}
 #product .container { position: relative; }

#product .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#product.hero-txt .small-title { padding: 0 100px; }
#product.hero-txt .sub-title { padding: 0 100px; }
#product.hero-txt .text { padding: 0 100px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #product {
      height: auto;
      margin-bottom: 0px;
    }
   
   #product .container {
    position: relative;
    bottom: -20px;
    left: 0;
    right: 0;
   }
   

 }
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
    #product .btn-blue{
        display: grid;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .accesoire-product{
       height: 550px !important;
       margin-bottom: 150px !important;
    }
    .powered-product{
      margin-bottom: 300px !important;
    }
    #product{
     position: relative;
     margin-bottom: 0px !important;
     height: auto !important;
   }
     #product .container{
    padding-bottom: 110px;
    background: white !important;
     }
     #product.hero-txt {
        padding: 0px !important;
        padding-bottom: 0px !important;
    }
     #product .col{
        max-width: 350px !important;
        margin-top: 0px !important;
        border-radius: 0px !important;
     }
     #product .container {
        position: relative;
        bottom: 0px;
       }
  

   #product.hero-txt .small-title { padding: 0px 30px !important;}
   #product.hero-txt .sub-title { padding: 0 30px !important }
   #product.hero-txt .text { padding: 0 21px !important; }
   .self-m-hero{
      margin-bottom: 150px !important;
   }
}


#page-body .content { max-width: 900px !important; margin: auto; padding: 0 100px 100px; }

#page-body .content p { 
   font-family: 'Helvetica',sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 140% !important;
    text-align: left !important;
    color: #626C76;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

#page-body .content img { 
   border-radius: 8px;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 20px; 
    max-width: 100%;
}

#page-body .content h1,
#page-body .content h2,
#page-body .content h3,
#page-body .content h4   { 
   font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #009FE2;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-body .content a { color: #009FE2 !important; text-decoration: underline !important; }

#page-body .arve { 
   max-width: 100% !important;
   height: auto;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
}

#page-body iframe { border-radius: 8px !important; width: 100%;} 

#page-body .content form { max-width: 500px; }
#page-body .content form label { display: block; text-align: left; }
#page-body .content form .wpcf7-submit { padding: 16px 145px !important; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #page-body .content form .wpcf7-submit { padding: 16px 95px !important; }

}
#page-body .content form .wpcf7-spinner { display: none; }
#page-body .content form  .wpcf7-not-valid-tip {
   color: #dc3232;
   font-size: 14px !important;
   font-weight: normal;
   display: block;
   text-align: left !important;
   padding-left: 25px !important;
}

.fscf-div-error{
   color: #dc3232;
   font-size: 14px !important;
   font-weight: normal;
   display: block;
   text-align: left !important;
}

#page-body .row { display: inline-block !important;}
.page-template-template-partnering-single #page-body .row { display: flex !important; align-items: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #page-body {
      margin-bottom: 0px;
   }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #page-body {
      margin-top: 0px !important;
      margin-bottom: 40px;
      
   }
   #page-body .content{
      padding: 0px 30px 30px !important;
   }

  
 
}

.contact-form { max-width: 500px; margin: 0px auto; }
.contact-form label { display: block; text-align: left; }
.contact-form .wpcf7-submit { padding: 16px 145px !important; }
.contact-form .wpcf7-spinner { display: none; }
.contact-form  .wpcf7-not-valid-tip {
   color: #dc3232;
   font-size: 14px !important;
   font-weight: normal;
   display: block;
   text-align: left !important;
   padding-left: 25px !important;

}

.contact-form select { 
   width: 100%;
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

.contact-form textarea { 
   width: 100%;
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

.contact-form a { color: #009FE2 !important; text-decoration: underline !important; }



/** Markets **/
#markets {
   height: 680px;
   margin-bottom: 100px;
 }

#markets.hero-txt { padding: 0px !important;}
#markets .container { position: relative; }

#markets .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#markets.hero-txt .small-title { padding: 0 100px; }
#markets.hero-txt .sub-title { padding: 0 100px; }
#markets.hero-txt .text { padding: 0 100px; }




@media only screen and (min-width: 768px) and (max-width: 991px) {
   #markets {
      height: 600px;
      margin-bottom: 500px;
    }
   
    #markets .container {
      position: relative;
      bottom: -60px;
      left: 0;
      right: 0;
     }
   
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
 
   #markets{
    margin-bottom:0px !important;
   position: relative;
   margin-bottom:20px !important;
   height: auto !important;
 }
 #markets.hero-txt {
    padding: 0px !important;
}
 #markets .col{
    max-width: 350px !important;
    margin-top: 0px !important;
    border-radius: 0px !important;
    position: relative !important;
    
 }
 #markets .container {
    position: relative;
    bottom: 0px;
   }
   #markets.hero-txt .small-title { padding: 0px 30px !important;}
   #markets.hero-txt .sub-title { padding: 0 30px !important}
   #markets.hero-txt .text { padding: 0 21px !important; }
  
}

/** Markets **/


.navbar-nav .dropdown-menu { border-radius: 0px 0px 8px 8px; margin-top: 20px !important; padding: 0px !important; min-width: 210px;}

.dropdown-item.active, .dropdown-item:active { background-color: #009FE2 !important;}

.hero-inner { text-align: center; background: none; padding: 60px 0px; }
.hero-inner .link,
.hero-inner .rj-btn { display: none !important;}

.active-filter{
   background-color: #009FE2 !important;
}



/* NEW HERO*/
.hero-txt{
   padding-top: 140px;
   text-align: center;
   background: none !important;
   background-color: whitesmoke !important;
   padding-bottom: 140px;
}
.hero-txt .small-title{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   /* identical to box height, or 133% */
   margin-bottom: 8px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   /* Blue */
   color: #009FE2;
}

.hero-txt .large-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* or 58px */
   
   margin-bottom: 12px;
   /* Blue */
   
   color: #009FE2;
   width: 50%;
}

.hero-txt .sub-title{
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   /* or 58px */
   margin-bottom: 12px;
   
   /* Dark */
   
   color: #1C2329;
   padding: 0 200px;
}


.hero-txt .text{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 140%;
   /* or 25px */
   margin-bottom: 40px;
   /* Grey */
   
   color: #626C76;
   padding: 0 200px;
}

.hero-txt .btn-blue{
   margin-right: 12px;
}


/* Contact Form */
.wpcf7-submit { 
padding: 16px 40px;
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 93px;
    text-decoration: none;
    width: fit-content;
    background-color: #009FE2;
    border: none !important;
}


.wpcf7-text { 
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

#nav-bar .dropdown, 
#nav-bar .dropend, 
#nav-bar .dropstart, 
#nav-bar .dropup { position: inherit; }


.videos .rj-card { width: 50% !important; margin-bottom: 40px; padding: 0 20px !important;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .videos .rj-card { width: 100% !important;
    }

}
#resources .youtube-player { 
   position: inherit;
   width: 100%;
   height: 300px;
   border-radius: 8px;
   margin-bottom: 30px;
   border: 2px solid #e7e7e7;
   padding: 2px;
   background: #e7e7e7;
}

#resources .thumb-cover { 
   position: inherit;
   width: 100%;
   border-radius: 8px;
   margin-bottom: 30px;
   border: 2px solid #e7e7e7;
   padding: 2px;
   background: #e7e7e7;
}

#resources .youtube-player iframe { width: inherit !important; border-radius: 4px !important; height: 100% !important; position: relative !important; }

.cat-title { font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 140%;
   text-align: center;
   color: #009FE2;
text-align: center;
margin-bottom: 40px;}

.videos .row { margin-bottom: 20px; margin-top: 40px;}

/** Markets **/
#markets.hero-txt { padding: 0px !important;}
#markets .container { position: relative; }

#markets .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#markets.hero-txt .small-title { padding: 0 100px; }
#markets.hero-txt .sub-title { padding: 0 100px; }
#markets.hero-txt .text { padding: 0 100px; }

/** Solutions **/
#solutions {
   height: 680px;
   margin-bottom: 100px;
 }

 #solutions.hero-txt { padding: 0px !important;}
 #solutions .container { position: relative; }

#solutions .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}


/** Technology **/ 
#technology {
   height: 680px;
   margin-bottom: 100px;
 }

 #technology.hero-txt { padding: 0px !important;}
 #technology .container { position: relative; }

#technology .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#technology.hero-txt .small-title { padding: 0 100px; }
#technology.hero-txt .sub-title { padding: 0 100px; }
#technology.hero-txt .text { padding: 0 100px; }

/** Products **/ 
#product {
   height: 680px;
   margin-bottom: 100px;
 }

 #product.hero-txt { padding: 0px !important;}
 #product .container { position: relative; }

#product .col {
   background: #fff;
   padding: 100px 0;
   max-width: 900px !important;
   margin: auto;
   box-sizing: border-box;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
   border-radius: 20px;
   margin-top: 60px;
}
#product.hero-txt .small-title { padding: 0 100px; }
#product.hero-txt .sub-title { padding: 0 100px; }
#product.hero-txt .text { padding: 0 100px; }

#page-body .content { max-width: 900px !important; margin: auto; padding: 0 100px 100px; }

#page-body .content p { 
   font-family: 'Helvetica',sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 140% !important;
    text-align: left !important;
    color: #626C76;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}


#page-body .content h1,
#page-body .content h2,
#page-body .content h3,
#page-body .content h4   { 
   font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #009FE2;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-body .content a { color: #009FE2 !important; text-decoration: underline !important; }

#page-body .arve { 
   max-width: 100% !important;
   height: auto;
   box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 22.3363px 17.869px rgb(0 0 0 / 4%), 0px 6.6501px 5.32008px rgb(0 0 0 / 3%);
}

#page-body iframe { border-radius: 8px !important; width: 100%;} 

#page-body .content form { max-width: 500px; }
#page-body .content form label { display: block; text-align: left; }
#page-body .content form .wpcf7-submit { padding: 16px 145px; }
#page-body .content form .wpcf7-spinner { display: none; }
#page-body .content form  .wpcf7-not-valid-tip {
   color: #dc3232;
   font-size: 14px !important;
   font-weight: normal;
   display: block;
   text-align: left !important;
   padding-left: 25px !important;

}



.contact-form { max-width: 500px; margin: 0px auto; }
.contact-form label { display: block; text-align: left; }
.contact-form .wpcf7-submit { padding: 16px 145px; }
.contact-form .wpcf7-spinner { display: none; }
.contact-form  .wpcf7-not-valid-tip {
   color: #dc3232;
   font-size: 14px !important;
   font-weight: normal;
   display: block;
   text-align: left !important;
   padding-left: 25px !important;

}

.contact-form select { 
   width: 100%;
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

.contact-form textarea { 
   width: 100%;
   padding: 0px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

.contact-form a { color: #009FE2 !important; text-decoration: underline !important; }


/*  Let's Conenct Popup */
.lets-connect-content{
   background-color: rgb(255, 255, 255);
   width: 1000px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.lets-connect-content h6 { text-align: left !important;}
.lets-connect-content .quote { font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 140%;
   text-align: left;
   color: #1C2329;
}
.lets-connect-content .name { font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   text-align: left;
   color: #009FE2;
   margin-bottom: 0px;
}
.lets-connect-content .position { 
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
    margin-bottom: 20px;
    color: #626C76;
}

.quote-logos {  
      background: url("../../assets/img/common/client-logos.png") center center no-repeat;
      background-size: contain; height: 54px;}


.moda-container-lets-connect{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-lets-connect.show-moda-container-lets-connect{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 99999;
}

/*  Let's Conenct Popup */
#boston-robotics { display: none;}
.boston-robotics-content{
   background-color: rgb(255, 255, 255);
   width: 800px;
   height: max-content;
   margin: auto;
   padding: 40px 100px;
   border-radius: 20px;
}

.boston-robotics-content h6 { text-align: center !important;}
.boston-robotics-content .quote { font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 26px;
   line-height: 140%;
   text-align: center;
   color: #1C2329;
   margin-bottom: 40px;
}

.boston-robotics-content .logo img {
   object-fit: contain;
    height: 150px;
    margin: 0px auto;
    display: block;
    margin-bottom: 20px;
}

.boston-robotics-content .rj-btn { display: block; margin: 0px auto;}

.moda-container-boston-robotics{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-boston-robotics.show-moda-container-boston-robotics{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}

/*  Watch Video Popup */
.watch-video-content{
   background-color: rgb(255, 255, 255);
   width: 700px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.moda-container-watch-video{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-watch-video.show-moda-container-watch-video{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}
/*  Watch Video Popup */

/*  Why Video Popup */
.why-video-content{
   background-color: rgb(255, 255, 255);
   width: 700px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.moda-container-why-video{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-why-video.show-moda-container-why-video{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}
/*  Why Video Popup */

/*  How Video Popup */
.how-video-content{
   background-color: rgb(255, 255, 255);
   width: 700px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.moda-container-how-video{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-how-video.show-moda-container-how-video{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}

/*  Rajant In Actions Video Popup */
.inactions-video-content{
   background-color: rgb(255, 255, 255);
   width: 700px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.moda-container-inactions-video{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100VH;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-inactions-video.show-moda-container-inactions-video{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 1;
}
/*  How Video Popup */

.popup-content { padding: 0 20px ; }
.popup-content h6 { 
   font-family: 'Be Vietnam',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 24px;
   margin-bottom: 8px;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #009FE2;
   margin-bottom: 20px;
}
.popup-content .wpcf7-form { padding: 0px; }
.popup-content .wpcf7-form textarea { 
   width: 100%;
   padding: 10px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    border: #c7c7c7 2px solid;
    margin-bottom: 15px;
}

.popup-content a { color: #009FE2; }



.closing-icon{
   background: url("../../assets/img/common/closing-icon.png")  center no-repeat !important;
   width: 48px;
   height: 48px;
   margin: auto;
   margin-bottom: 40px;
}
.closing-icon:hover{
   background: url("../../assets/img/common/closing-icon-blue.png")  center no-repeat !important;
   transform: rotate(180deg);
}

input:focus, textarea:focus {
   outline: none !important;
   border-color: #009FE2 !important;
}

.popup-content iframe {
   border-radius: 10px;
   width: 100%;
   height: 321px;
   padding: 0px;
 }

 #els { margin-top: 100px; }
 #els #map { width: auto !important; }


 .els .el {
   margin: 10px !important;
}

.el {
   background: #fff;
   float: left;
   margin: 10px !important;
   width: 30%;
   z-index: 2;
}

.el img {
   vertical-align: middle;
   height: 150px;
   object-fit: scale-down;
   width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

   .el {
      width: 30%;
   }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   .el {
      width: 40%;
   }
}

#page-body .content-wide { max-width: 100% !important; }

.ww-map { width: 100% !important; height: auto;}

.rj-distributor { 
   margin-bottom: 0px;
   position: relative;
   display: inline-block;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}

#rj-distributors-logos {
margin-bottom: 0px;
position: relative;
display: inline-block;
width: 100%;
}




 

/*.col.span_12 > .follow-up { display: none !important; }*/

.follow-up{ display: none; }



#wpcf7-f7577-p7578-o1 .sent p{display:none}
#wpcf7-f7577-p7578-o1 .wpcf7-mail-sent-ok {display: none!important;}

#page-detail .text h2,
#page-detail .text h3,
#page-detail .text h4 { 
   font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #009FE2;
    margin-top: 40px;
    margin-bottom: 20px;
}

#page-detail textarea { width: 100%; border-radius: 8px; border: #c7c7c7 2px solid; padding: 10px;}
#page-detail select { width: 100%; border-radius: 8px; border: #c7c7c7 2px solid !important; padding: 10px; margin-bottom: 20px; height: 50px; }
#page-detail .wpcf7-list-item { display: block;}
#page-detail .wpcf7-form { margin-top: 40px; }

#page-detail a { color: #009FE2;}

.rj-distributor.mde,
.rj-distributor.sam,
.rj-distributor.nam,
.rj-distributor.afr,
.rj-distributor.eur,
.rj-distributor.asa,
.rj-distributor.sea,
.rj-distributor.us,
.rj-distributor.can,
.rj-distributor.mex,
.rj-distributor.br { display: none;}
#rj-distributor-logos { display: inline-block; position: relative; width: 100%; }

#video-list { display: none; }
#video-list li { }
#video-list li a { }

.page-template-template-technology #logos,
.page-template-template-technology #partner,
.page-template-template-technology .large-vertical-line { display: none;}

@media only screen and (min-width: 1200px) and (max-width: 1679px) {
   #markets .col { margin-top: 100px;}
   #solutions .col { margin-top: 100px;}
   #technology .col { margin-top: 100px;}
   #product .col { margin-top: 100px;}

}

.page-template-template-solutions #logos,
.page-template-template-solutions #partner { display: none;}

.page-template-template-solutions.page-id-26 #logos,
.page-template-template-solutions.page-id-26 #partner { display: block;}

.search-body h2,
.search-body h2 a {
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 8px;
   text-align: left;
   letter-spacing: 0.05em;
   color: #009FE2;
   margin-top: 40px;
   margin-bottom: 20px;
}

.search-body  p {
   font-family: 'Helvetica',sans-serif !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-size: 16px !important;
   line-height: 140% !important;
   text-align: left !important;
   color: #626C76;
   margin-top: 0px !important;
   margin-bottom: 20px !important;
}

.search-overlay { 
   background: rgba(255,255,255,.95);
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 100;
   opacity: 0;
   visibility: hidden;
}

.search-overlay.open {
   opacity: 1;
   visibility: visible;
   z-index: 999999999;
}

.search-overlay {background:rgba(000,000,000,.95);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:100;opacity:0;visibility:hidden;}
.search-overlay.open {opacity:1;visibility:visible;}
.search-overlay form {margin: 20% 20%;text-align:center;}
.close-button {border-radius: 80px;box-sizing: border-box;cursor: pointer;height: 40px;margin: 20px auto 10px;opacity: 0;padding-top: 26px;position: absolute;right: 50%;text-align: center;top: 30px;width: 40px;}
.close-button::after, .close-button::before {background: #009FE2 none repeat scroll 0 0;content: "";display: block;height: 4px;left: calc(50% - 15px);position: absolute;top: 48%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);width: 30px;}
.close-button::before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}

.search-overlay input[type="text"] {border:none;border-bottom:3px solid #009FE2;font-size: 40px; background: none !important; color: #fff;}
.search-overlay input:focus {background:transparent;}
.search-overlay span {color: #999;display: block;font-weight: 700;margin-bottom: 2em;margin-top:20px;}
.search-overlay form *{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;opacity:0;margin-top:3em;}
.search-overlay.open form *{opacity:1;margin-top:0;}

.nav-item:hover .dropdown-menu { display: block;}
.nav-item { height: 65px; align-items: center; align-self: center;}
.nav-link-nav { height: 65px; display: revert;}
.navbar-nav { height: 65px; align-items: center;}

.cat-title.full {width: 100%; margin-top: 100px;}

.page-template-template-media-coverage #resources .r-image { object-fit: scale-down !important; }
.page-template-template-upcoming-events #resources .r-image { object-fit: scale-down !important; }

.blog #resources .filter { display: flex !important; }

.page-template-template-partnering-single #page-body .content { max-width: 1100px !important; width: 900px !important;}





#rj-markets .circle{
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   line-height: 16px;
   text-align: center;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   opacity: 0.8;
   border-radius: 50%;
   background: #FFFFFF;
   box-shadow: 0px 36.0165px 66.2703px rgba(0, 0, 0, 0.0646969), 0px 10.7948px 19.8625px rgba(0, 0, 0, 0.045), 0px 5.73306px 10.5488px rgba(0, 0, 0, 0.0363503), 0px 2.38565px 4.3896px rgba(0, 0, 0, 0.0253031);
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   color: #626C76;
   }
   #rj-markets .circle:hover{
   border:2px solid #009FE2;
   color: #009FE2;
   box-sizing: border-box;
   }
   #rj-markets .size-1{
   width: 240px;
   height: 240px;
   font-size: 25px;
   
   }
   #rj-markets .size-2{
   width: 205px;
   height: 205px;
   font-size: 15px;
   }
   
   #rj-markets .size-3{
   width: 166px;
   height: 166px;
   font-size: 16px;
   }
   #rj-markets .size-4{
   width: 130px;
   height: 130px;
   font-size: 12.7px;
   }
   #rj-markets .size-5{
   width: 110px;
   height: 110px;
   font-size: 13px;
   }
   #rj-markets .size-6{
   width: 83px;
   height: 83px;
   font-size: 12px;
   }
   
   #rj-markets  .l-side{
   position: relative;
   height: 100vh;
   width: 40%;
   z-index: 1;
   }
   #rj-markets  .r-side{
   position: relative;
   height: 100vh;
   width: 40%;
   z-index: 1;
   
   }
   
   #rj-markets .l-side .circle-1{
   position: absolute;
   top: 16%;
   left: 60%;
   }
   
   #rj-markets .l-side .circle-2{
   position: absolute;
   top: 27%;
   left: 22%;
   }
   
   #rj-markets .l-side .circle-3{
   position: absolute;
   bottom: 22%;
   right: 36%;
   }
   
   #rj-markets .l-side .circle-4{
   position: absolute;
   bottom: 16%;
   left: -10%;
   }
   
   #rj-markets .l-side .circle-5{
   position: absolute;
   bottom: 3%;
   right: 0%;
   }
   
   #rj-markets .l-side .circle-6{
   position: absolute;
   bottom: 9%;
   left: 18%;
   }
   #rj-markets .l-side .circle-7{
   position: absolute;
   bottom: 3%;
   left: 42%;
   }
   #rj-markets .l-side .circle-8{
   position: absolute;
   bottom: 39%;
   left: 10%;
   }
   
   
   #rj-markets .r-side .circle-1{
   position: absolute;
   bottom: 50%;
   right: 41%;
   }
   
   #rj-markets .r-side .circle-2{
   position: absolute;
   bottom: 59%;
   right: 3%;
   }
   
   #rj-markets .r-side .circle-3{
   position: absolute;
   bottom: 40%;
   right: 17%;
   }
   
   #rj-markets .r-side .circle-4{
   position: absolute;
   bottom: 24%;
   left: 26%;
   }
   #rj-markets .r-side .circle-5{
   position: absolute;
   bottom: 17%;
   left: 66%;
   }
   #rj-markets .r-side .circle-6{
   position: absolute;
   bottom: 3%;
   right: 2%;
   }
   #rj-markets .r-side .circle-7{
   position: absolute;
   bottom: 2%;
   right: 37%;
   }
   #rj-markets .r-side .circle-8{
   position: absolute;
   bottom: 3%;
   left: 6%;
   }
   
   #market-pu .market-container{
   background: #edf8fd;
   background-blend-mode: darken;
   position: fixed;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100vh;
   opacity: 0;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   }
   
   #market-pu .market-container.show-market{
   pointer-events:auto;
   opacity: 1;
   transition: .2s ease-out;
   z-index: 9999;
   }
   
   #market-pu .market-box{
   background-color: #edf8fd;
   padding: 50px;
   height: 100%;
   
   }
   #market-pu .container{
       
   }
   #market-pu .content{
   display: flex;
   justify-content: center;
   width: 100%;
   }
   #market-pu .market-container .close{
   display: grid;
   justify-content: end;
   }
   #market-pu .close div{
   background: url("https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon.png");
   width: 48px;
   height: 48px;
   margin-bottom: 100px;
   cursor: pointer;
   }
   #market-pu .close div:hover{
   background: url("	https://rajantstg.wpengine.com/wp-content/themes/rajant/assets/img/common/closing-icon-blue.png");
   }
   #market-pu .l-side svg{
   height: 282px;
   width: 400px;
   margin-right:60px;
   }
   
   #market-pu .r-side .title{
   margin-bottom:20px;
   margin-top: 0px;
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 24px;
   line-height: 24px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #009FE2;
   
   }
   
   #market-pu .r-side .txt{
   margin-bottom: 30px;
   margin-top: 0px;
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 36px;
   line-height: 120%;
   color: #1C2329;
   }
   #market-pu .r-side .sub-text p{
   font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 140%;
   color: #394855;
   }
   #market-pu .r-side .sub-text{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-right: 50px;
   }
   .fw-b{
       font-weight: bold;
   }
   #market-pu .r-side .sub-text img{
   display: none;
   }
   #rj-markets{
       display: flex;
       justify-content: center;
       font-size: 30px;
       position: relative;
       overflow: hidden;
       height: 100vh;
   }
   .video-bg{
       z-index: 0;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       min-height: 100%;
   }
   .no-hover{
       border: 2px solid transparent !important;
       color:#626C76 !important;
       cursor: default !important;
   }

   .hide-overflow { overflow-y: hidden !important;}

   #glt-translate-trigger { display: none;}

   #rj-markets-head { padding: 50px;}

   #rj-markets-head .title {
      font-family: 'Be Vietnam Pro',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 8px;
      text-align: center;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #009FE2;
  }

  #rj-markets-head .sub-title {
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 120%;
   text-align: center;
   margin-bottom: 20px;
   color: #1C2329;
}

.cd-horizontal-timeline .events ol { margin: 0px !important; padding: 0px !important;}

.cd-horizontal-timeline{opacity:0;margin:0 auto;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;position:relative;max-width: 680px;margin:0 auto;}
.cd-horizontal-timeline::before{content:'mobile';display:none}
.cd-horizontal-timeline.loaded{opacity:1}
.cd-horizontal-timeline .timeline{position:relative;height:105px;margin:0 auto}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 20px;overflow:hidden;border-bottom: 5px solid #858585;;}
.cd-horizontal-timeline .events-wrapper span {content: "";width: 4px;height: 23px;background: #858585;position: absolute;bottom: 0;left: 50%;}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:40px}
.cd-horizontal-timeline .events-wrapper::after{right:0;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.cd-horizontal-timeline .events-wrapper::before{left:0;background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.events-wrapper li {list-style-type: none; float: left; width: 120px;padding-left:30px;background:none; text-align: center; }

.cd-horizontal-timeline .events{position:absolute;z-index:1;left:260px;top:49px;height: 40px;-webkit-transition:.4s left ease-in-out; transition:.4s left ease-in-out}
.cd-horizontal-timeline .events a{z-index:2;text-align:center;font-size:1.5rem;padding-bottom:15px;color:#383838;-webkit-transition:.4s all ease-in-out; transition:.4s all ease-in-out; text-decoration: none!important;-webkit-transform-origin:center;transform-origin:center;}
.cd-horizontal-timeline .events a.selected{font-weight:700;-webkit-transform:scale(1.6);transform:scale(1.6);color:#004F87}

@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline::before{content:'desktop'}
}

.cd-timeline-navigation a{position:absolute;z-index:1;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border:2px solid #dfdfdf;overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s}
.cd-timeline-navigation a::after{content:'';position:absolute;height:16px;width:16px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210.31%22%20height%3D%2218.619%22%20viewBox%3D%220%200%2010.31%2018.619%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_2329%22%20data-name%3D%22Path%202329%22%20d%3D%22M305.509%2C386.544l7.9%2C7.9-7.9%2C7.9%22%20transform%3D%22translate%28314.404%20403.749%29%20rotate%28180%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22/%3E%0D%0A%3C/svg%3E%0D%0A') no-repeat 0 0}
.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.cd-timeline-navigation a.next{right:0}
.no-touch .cd-timeline-navigation a:hover{border-color:#A75348}
.cd-timeline-navigation a.inactive,.cd-slide-navigation a.inactive{cursor:not-allowed}
.cd-timeline-navigation a.inactive::after{background-position:0 -16px}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf}
.cd-horizontal-timeline .events-content{position:relative;width:100%;margin:2em 0;overflow:hidden;-webkit-transition:height .4s;-moz-transition:height .4s;transition:height .4s;padding-bottom:2em;}
.cd-horizontal-timeline .events-content li{background:none!important;list-style-type:none;position:absolute;z-index:1;width:100%;left:0;margin:0;padding: 0;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

.tl-wrap {padding: 2em;box-shadow: 0 0 20px rgba(0,0,0,.2);width: 85%;margin-top: 20px!important;}
.event-content-wrap h3{font-size:2.25em;color:#004F87;line-height: 1.05em;}
.event-content-wrap span.tl-date{font-size:1.25em;margin-top:2em;display:block;color:#238dcb;font-size:16px;margin-bottom:.5em;}
ul.cd-slide-navigation {margin: 0 auto;display: inline-block;position: absolute;left: 50%;-webkit-transform:translate(-50%, 0); transform:translate(-50%, 0)}
ul.cd-slide-navigation li {display: inline-block;background:none;}
ul.cd-slide-navigation li a{display: block;width: 40px;height: 40px;background-color: #004F87;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210.31%22%20height%3D%2218.619%22%20viewBox%3D%220%200%2010.31%2018.619%22%3E%0D%0A%20%20%3Cpath%20id%3D%22Path_2329%22%20data-name%3D%22Path%202329%22%20d%3D%22M305.509%2C386.544l7.9%2C7.9-7.9%2C7.9%22%20transform%3D%22translate%28314.404%20403.749%29%20rotate%28180%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22/%3E%0D%0A%3C/svg%3E%0D%0A');background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;}
ul.cd-slide-navigation li a.prev{background-color:#39BEE3}
ul.cd-slide-navigation li a.inactive{background-color: #ccc;}
ul.cd-slide-navigation li:last-child {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
ul.cd-slide-navigation li a.navindex {text-indent: 0;background: none;color: #000;margin-right: 1em;}


.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}
.cd-horizontal-timeline .events-content li > *{margin:0 auto}
.cd-horizontal-timeline .events-content em{display:block;font-style:italic;margin:10px auto}
.cd-horizontal-timeline .events-content em::before{content:'- '}
.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{line-height:1.6}
@-webkit-keyframes cd-enter-right {
0%{opacity:0;-webkit-transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes cd-enter-right {
0%{opacity:0;-moz-transform:translateX(100%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}
@keyframes cd-enter-right {
0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
}
@-webkit-keyframes cd-enter-left {
0%{opacity:0;-webkit-transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes cd-enter-left {
0%{opacity:0;-moz-transform:translateX(-100%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}
@keyframes cd-enter-left {
0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
}


.follow-up ul{margin-bottom:2em!important;}
.follow-up li a {display: block;width: 100%!important;padding-left: 55px;margin-left: 0;}
.content .follow-up li{background:none;padding-left:0;margin-bottom:1em;}
.brlink { display: inline-block;}
.brlink.sp, .follow-up li a.sp {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20135.55%20124.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23bf151b%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%207%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.49%2C0H20.42V124.85h95.34V25.44Zm15.29%2C27.3H90.66V6.6Zm.5%2C91.07H26.89V6.47H84.18v27.3h25.1Z%22/%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2251.16%22%20width%3D%22135.55%22%20height%3D%2242.95%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M28%2C68.07l-3.4%2C1.29c-.48-1.54-1.36-2.31-2.65-2.31a1.93%2C1.93%2C0%2C0%2C0-1.43.52A1.61%2C1.61%2C0%2C0%2C0%2C20%2C68.76%2C1.51%2C1.51%2C0%2C0%2C0%2C20.63%2C70a12.54%2C12.54%2C0%2C0%2C0%2C2.6%2C1.23%2C15.34%2C15.34%2C0%2C0%2C1%2C2.84%2C1.33%2C5%2C5%2C0%2C0%2C1%2C1.67%2C1.78A5.32%2C5.32%2C0%2C0%2C1%2C28.37%2C77a5.64%2C5.64%2C0%2C0%2C1-1.79%2C4.29A6.78%2C6.78%2C0%2C0%2C1%2C21.76%2C83c-3.38%2C0-5.54-1.7-6.48-5.12l3.58-1c.44%2C1.88%2C1.43%2C2.82%2C3%2C2.82a2.61%2C2.61%2C0%2C0%2C0%2C1.73-.56%2C1.79%2C1.79%2C0%2C0%2C0%2C.67-1.45%2C1.86%2C1.86%2C0%2C0%2C0-.47-1.23%2C5.47%2C5.47%2C0%2C0%2C0-2.13-1.14%2C20.08%2C20.08%2C0%2C0%2C1-3.2-1.38%2C5%2C5%2C0%2C0%2C1-1.74-1.78A5.13%2C5.13%2C0%2C0%2C1%2C16%2C69.45a5.58%2C5.58%2C0%2C0%2C1%2C1.62-4.13%2C5.83%2C5.83%2C0%2C0%2C1%2C4.29-1.6Q26.8%2C63.72%2C28%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M32.3%2C64h5.38a13.77%2C13.77%2C0%2C0%2C1%2C3.79.41%2C4.15%2C4.15%2C0%2C0%2C1%2C2.26%2C1.86%2C6.53%2C6.53%2C0%2C0%2C1%2C.92%2C3.57%2C7%2C7%2C0%2C0%2C1-.74%2C3.39%2C4.35%2C4.35%2C0%2C0%2C1-2%2C1.94%2C10.36%2C10.36%2C0%2C0%2C1-4%2C.59H36.4v6.91H32.3Zm4.1%2C3v5.53h1.28q1.68%2C0%2C2.16-.78a3.74%2C3.74%2C0%2C0%2C0%2C.49-2%2C3.37%2C3.37%2C0%2C0%2C0-.38-1.7%2C1.74%2C1.74%2C0%2C0%2C0-.87-.84%2C4.32%2C4.32%2C0%2C0%2C0-1.4-.18Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M50.86%2C64H55l5.33%2C18.67H56.13l-.93-3.86H49.94L49%2C82.67H45.26Zm3.57%2C11.61L52.54%2C68l-1.81%2C7.64Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M63.13%2C64h4.55l4.8%2C11.6V64h3.17V82.67H72L66.3%2C69.16V82.67H63.13Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M80.42%2C64h4.1V82.67h-4.1Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M100.86%2C68.07l-3.39%2C1.29c-.48-1.54-1.37-2.31-2.65-2.31a1.93%2C1.93%2C0%2C0%2C0-1.43.52%2C1.62%2C1.62%2C0%2C0%2C0-.53%2C1.19A1.51%2C1.51%2C0%2C0%2C0%2C93.49%2C70a12.54%2C12.54%2C0%2C0%2C0%2C2.6%2C1.23%2C15.66%2C15.66%2C0%2C0%2C1%2C2.84%2C1.33%2C5%2C5%2C0%2C0%2C1%2C1.67%2C1.78%2C5.32%2C5.32%2C0%2C0%2C1%2C.63%2C2.62%2C5.61%2C5.61%2C0%2C0%2C1-1.8%2C4.29A6.76%2C6.76%2C0%2C0%2C1%2C94.61%2C83c-3.38%2C0-5.54-1.7-6.48-5.12l3.59-1c.43%2C1.88%2C1.43%2C2.82%2C3%2C2.82a2.61%2C2.61%2C0%2C0%2C0%2C1.73-.56%2C1.79%2C1.79%2C0%2C0%2C0%2C.66-1.45%2C1.85%2C1.85%2C0%2C0%2C0-.46-1.23%2C5.47%2C5.47%2C0%2C0%2C0-2.13-1.14%2C19.68%2C19.68%2C0%2C0%2C1-3.2-1.38%2C4.88%2C4.88%2C0%2C0%2C1-1.74-1.78%2C5%2C5%2C0%2C0%2C1-.68-2.63%2C5.58%2C5.58%2C0%2C0%2C1%2C1.62-4.13%2C5.82%2C5.82%2C0%2C0%2C1%2C4.28-1.6Q99.67%2C63.72%2C100.86%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M105.16%2C64h4.1v7.54h4.49V64h4.1V82.67h-4.1V75h-4.49v7.63h-4.1Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.brlink.en, .follow-up li a.en {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20135.55%20124.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2300adee%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%203%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.49%2C0H20.42V124.85h95.34V25.44Zm15.29%2C27.3H90.66V6.6Zm.5%2C91.07H26.89V6.47H84.18v27.3h25.1Z%22/%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2251.16%22%20width%3D%22135.55%22%20height%3D%2242.95%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C64H28.43v3.2H21.18v4.34h5.64v3.2H21.18v4.59h7.25v3.34H17.08Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M31.69%2C64h4.55L41%2C75.6V64h3.17V82.67H40.55L34.86%2C69.16V82.67H31.69Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M55.52%2C72.71H62v10H60.27l-.54-2.14A4.94%2C4.94%2C0%2C0%2C1%2C55.22%2C83a6%2C6%2C0%2C0%2C1-5-2.5A11.12%2C11.12%2C0%2C0%2C1%2C48.3%2C73.7a12.83%2C12.83%2C0%2C0%2C1%2C1.84-7.3%2C6.17%2C6.17%2C0%2C0%2C1%2C5.44-2.68q5.73%2C0%2C6.42%2C6.4l-3.69.6c-.25-2.44-1.14-3.67-2.65-3.67a2.49%2C2.49%2C0%2C0%2C0-2.21%2C1.36c-.55.9-.82%2C2.61-.82%2C5.12a9.9%2C9.9%2C0%2C0%2C0%2C.8%2C4.72%2C2.6%2C2.6%2C0%2C0%2C0%2C2.37%2C1.37c1.67%2C0%2C2.5-1.24%2C2.51-3.71H55.52Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M66.6%2C64h4.11V79.17h6v3.5H66.6Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M79.93%2C64H84V82.67h-4.1Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M100.37%2C68.07%2C97%2C69.36c-.48-1.54-1.37-2.31-2.65-2.31a1.93%2C1.93%2C0%2C0%2C0-1.43.52%2C1.62%2C1.62%2C0%2C0%2C0-.53%2C1.19A1.53%2C1.53%2C0%2C0%2C0%2C93%2C70a13%2C13%2C0%2C0%2C0%2C2.61%2C1.23%2C15.66%2C15.66%2C0%2C0%2C1%2C2.84%2C1.33%2C5%2C5%2C0%2C0%2C1%2C1.66%2C1.78%2C5.22%2C5.22%2C0%2C0%2C1%2C.64%2C2.62%2C5.61%2C5.61%2C0%2C0%2C1-1.8%2C4.29A6.76%2C6.76%2C0%2C0%2C1%2C94.12%2C83Q89%2C83%2C87.64%2C77.83l3.58-1q.66%2C2.82%2C3%2C2.82A2.61%2C2.61%2C0%2C0%2C0%2C96%2C79.06a1.79%2C1.79%2C0%2C0%2C0%2C.66-1.45%2C1.83%2C1.83%2C0%2C0%2C0-.46-1.23A5.53%2C5.53%2C0%2C0%2C0%2C94%2C75.24a20.5%2C20.5%2C0%2C0%2C1-3.2-1.38%2C4.93%2C4.93%2C0%2C0%2C1-1.73-1.78%2C5%2C5%2C0%2C0%2C1-.69-2.63A5.58%2C5.58%2C0%2C0%2C1%2C90%2C65.32a5.83%2C5.83%2C0%2C0%2C1%2C4.29-1.6C97.54%2C63.72%2C99.57%2C65.17%2C100.37%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M104.67%2C64h4.1v7.54h4.48V64h4.11V82.67h-4.11V75h-4.48v7.63h-4.1Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.brlink.fr, .follow-up li a.fr {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20135.55%20124.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232b388f%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%204%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.49%2C0H20.42V124.85h95.34V25.44Zm15.29%2C27.3H90.66V6.6Zm.5%2C91.07H26.89V6.47H84.18v27.3h25.1Z%22/%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2251.16%22%20width%3D%22135.55%22%20height%3D%2242.95%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M21.36%2C64H32.44v3.2h-7v4.88h5.37v3.2H25.47v7.39H21.36Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M35.16%2C64H41a17%2C17%2C0%2C0%2C1%2C2.62.16%2C4.47%2C4.47%2C0%2C0%2C1%2C1.84.85%2C4.57%2C4.57%2C0%2C0%2C1%2C1.45%2C1.89%2C6.57%2C6.57%2C0%2C0%2C1%2C.53%2C2.68%2C5.11%2C5.11%2C0%2C0%2C1-2.63%2C4.92l3.44%2C8.17H43.81l-2.5-7.39h-2v7.39H35.16Zm4.11%2C3v5.23h1.8c1.6%2C0%2C2.41-.89%2C2.41-2.69A2.94%2C2.94%2C0%2C0%2C0%2C43.12%2C68a1.91%2C1.91%2C0%2C0%2C0-.83-.8A3.5%2C3.5%2C0%2C0%2C0%2C40.91%2C67Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M51.82%2C64H63.17v3.2H55.92v4.34h5.64v3.2H55.92v4.59h7.25v3.34H51.82Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M66.43%2C64H71l4.8%2C11.6V64H79V82.67H75.29L69.6%2C69.16V82.67H66.43Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M92.79%2C75.87l3.79.23a7.94%2C7.94%2C0%2C0%2C1-1.93%2C5A5.83%2C5.83%2C0%2C0%2C1%2C90.1%2C83a6%2C6%2C0%2C0%2C1-5.25-2.55%2C12.06%2C12.06%2C0%2C0%2C1-1.8-7%2C12.17%2C12.17%2C0%2C0%2C1%2C1.79-7.09%2C6.06%2C6.06%2C0%2C0%2C1%2C5.32-2.55q5.84%2C0%2C6.35%2C7.22l-3.74.27q-.15-4.15-2.6-4.16a2.3%2C2.3%2C0%2C0%2C0-2%2C1.34c-.5.9-.75%2C2.63-.75%2C5.2a11.19%2C11.19%2C0%2C0%2C0%2C.69%2C4.74%2C2.26%2C2.26%2C0%2C0%2C0%2C2.1%2C1.29Q92.4%2C79.62%2C92.79%2C75.87Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M100.39%2C64h4.1v7.54H109V64h4.1V82.67H109V75h-4.48v7.63h-4.1Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.brlink.ru, .follow-up li a.ru {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20135.55%20124.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c71e68%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%205%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.49%2C0H20.42V124.85h95.34V25.44Zm15.29%2C27.3H90.66V6.6Zm.5%2C91.07H26.89V6.47H84.18v27.3h25.1Z%22/%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2251.16%22%20width%3D%22135.55%22%20height%3D%2242.95%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16%2C64h5.87a17%2C17%2C0%2C0%2C1%2C2.62.16A4.47%2C4.47%2C0%2C0%2C1%2C26.3%2C65a4.57%2C4.57%2C0%2C0%2C1%2C1.45%2C1.89%2C6.57%2C6.57%2C0%2C0%2C1%2C.53%2C2.68%2C5.11%2C5.11%2C0%2C0%2C1-2.63%2C4.92l3.44%2C8.17H24.62l-2.5-7.39h-2v7.39H16Zm4.11%2C3v5.23h1.8c1.6%2C0%2C2.41-.89%2C2.41-2.69A2.94%2C2.94%2C0%2C0%2C0%2C23.93%2C68a1.91%2C1.91%2C0%2C0%2C0-.83-.8A3.5%2C3.5%2C0%2C0%2C0%2C21.72%2C67Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M32.47%2C64h4.1V74.67a16.82%2C16.82%2C0%2C0%2C0%2C.2%2C3.14%2C2.2%2C2.2%2C0%2C0%2C0%2C.86%2C1.35%2C2.64%2C2.64%2C0%2C0%2C0%2C1.59.46%2C2.45%2C2.45%2C0%2C0%2C0%2C1.63-.51%2C2.11%2C2.11%2C0%2C0%2C0%2C.74-1.34%2C23.37%2C23.37%2C0%2C0%2C0%2C.13-3.1V64h3.43V74.5a22.38%2C22.38%2C0%2C0%2C1-.36%2C4.69A4.6%2C4.6%2C0%2C0%2C1%2C43%2C81.85%2C6.75%2C6.75%2C0%2C0%2C1%2C38.87%2C83%2C7.63%2C7.63%2C0%2C0%2C1%2C35%2C82.14a4.5%2C4.5%2C0%2C0%2C1-2-2.28%2C15.47%2C15.47%2C0%2C0%2C1-.59-5.19Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M61.5%2C68.07l-3.39%2C1.29c-.49-1.54-1.37-2.31-2.65-2.31a1.92%2C1.92%2C0%2C0%2C0-1.43.52%2C1.62%2C1.62%2C0%2C0%2C0-.53%2C1.19A1.53%2C1.53%2C0%2C0%2C0%2C54.12%2C70a12.7%2C12.7%2C0%2C0%2C0%2C2.61%2C1.23%2C15.21%2C15.21%2C0%2C0%2C1%2C2.83%2C1.33%2C4.93%2C4.93%2C0%2C0%2C1%2C1.67%2C1.78A5.22%2C5.22%2C0%2C0%2C1%2C61.87%2C77a5.61%2C5.61%2C0%2C0%2C1-1.8%2C4.29A6.78%2C6.78%2C0%2C0%2C1%2C55.25%2C83c-3.38%2C0-5.54-1.7-6.48-5.12l3.58-1q.66%2C2.82%2C3%2C2.82a2.62%2C2.62%2C0%2C0%2C0%2C1.73-.56%2C1.79%2C1.79%2C0%2C0%2C0%2C.66-1.45%2C1.86%2C1.86%2C0%2C0%2C0-.47-1.23%2C5.47%2C5.47%2C0%2C0%2C0-2.13-1.14%2C20.08%2C20.08%2C0%2C0%2C1-3.2-1.38%2C4.93%2C4.93%2C0%2C0%2C1-1.73-1.78%2C5%2C5%2C0%2C0%2C1-.69-2.63%2C5.58%2C5.58%2C0%2C0%2C1%2C1.62-4.13%2C5.83%2C5.83%2C0%2C0%2C1%2C4.29-1.6C58.67%2C63.72%2C60.7%2C65.17%2C61.5%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M77.21%2C68.07l-3.39%2C1.29c-.48-1.54-1.36-2.31-2.65-2.31a1.93%2C1.93%2C0%2C0%2C0-1.43.52%2C1.61%2C1.61%2C0%2C0%2C0-.52%2C1.19A1.51%2C1.51%2C0%2C0%2C0%2C69.84%2C70a12.54%2C12.54%2C0%2C0%2C0%2C2.6%2C1.23%2C15.34%2C15.34%2C0%2C0%2C1%2C2.84%2C1.33A5%2C5%2C0%2C0%2C1%2C77%2C74.37%2C5.32%2C5.32%2C0%2C0%2C1%2C77.58%2C77a5.61%2C5.61%2C0%2C0%2C1-1.8%2C4.29A6.74%2C6.74%2C0%2C0%2C1%2C71%2C83c-3.39%2C0-5.55-1.7-6.49-5.12l3.59-1c.43%2C1.88%2C1.43%2C2.82%2C3%2C2.82a2.61%2C2.61%2C0%2C0%2C0%2C1.73-.56%2C1.79%2C1.79%2C0%2C0%2C0%2C.66-1.45A1.85%2C1.85%2C0%2C0%2C0%2C73%2C76.38a5.47%2C5.47%2C0%2C0%2C0-2.13-1.14%2C19.68%2C19.68%2C0%2C0%2C1-3.2-1.38%2C5%2C5%2C0%2C0%2C1-1.74-1.78%2C5%2C5%2C0%2C0%2C1-.68-2.63%2C5.58%2C5.58%2C0%2C0%2C1%2C1.62-4.13%2C5.82%2C5.82%2C0%2C0%2C1%2C4.28-1.6Q76%2C63.72%2C77.21%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M81.51%2C64h4.1V82.67h-4.1Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M93.84%2C64H98l5.34%2C18.67H99.1l-.93-3.86H92.91L92%2C82.67H88.23ZM97.4%2C75.61%2C95.51%2C68%2C93.7%2C75.61Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M106.1%2C64h4.56l4.8%2C11.6V64h3.17V82.67H115l-5.68-13.51V82.67H106.1Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}
.brlink.de, .follow-up li a.de {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069.84%2063.89%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%2315639c%3B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%203px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%2315639c%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%0A%20%20%20%20%20%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2257.7%2014.2%2057.7%2062.39%2012.14%2062.39%2012.14%201.5%2046.19%201.5%2057.7%2014.2%22/%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22cls-2%22%20y%3D%2226.08%22%20width%3D%2269.84%22%20height%3D%2222.67%22/%3E%0A%20%20%20%20%20%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2257.7%2015.73%2044.54%2015.73%2044.54%201.5%22/%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M13.7%2C32.26A3.63%2C3.63%2C0%2C0%2C1%2C17%2C34.45l-1.41%2C1a2.21%2C2.21%2C0%2C0%2C0-1.9-1.26c-1.45%2C0-2.51%2C1.39-2.51%2C3.28s1.06%2C3.29%2C2.51%2C3.29A2.42%2C2.42%2C0%2C0%2C0%2C15.43%2C40V38.74H13.29V36.91h3.82v3.82a4.13%2C4.13%2C0%2C0%2C1-3.41%2C1.89c-2.34%2C0-4.26-2-4.26-5.19S11.36%2C32.26%2C13.7%2C32.26Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M18.71%2C32.42h5.66v1.83h-4v2.18h3.87v1.83H20.41v2.32h4v1.85H18.71Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M28.89%2C38.84H27.65v3.59H25.94v-10h3.75c1.66%2C0%2C2.68%2C1.37%2C2.68%2C3.23a2.84%2C2.84%2C0%2C0%2C1-1.75%2C3l1.8%2C3.81h-2Zm.54-4.59H27.65V37h1.78a1.39%2C1.39%2C0%2C0%2C0%2C0-2.76Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M40.86%2C35.23l-2.26%2C7.2h-.74l-2.26-7.2v7.2H33.9v-10h2.39l1.94%2C6.24%2C1.94-6.24h2.4v10H40.86Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M49.5%2C40.7H45.92l-.5%2C1.73H43.55l3.09-10h2.14l3.08%2C10H50Zm-3.12-1.84H49l-1.32-4.59Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M54.55%2C35.71v6.72h-1.7v-10H54.6l3.7%2C6.48V32.42H60v10H58.36Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
	background-repeat: no-repeat;
}

.brlink.ar, .follow-up li a.ar {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069.84%2063.89%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23bc3926%3B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%203px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23bc3926%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%0A%20%20%20%20%20%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2257.7%2014.2%2057.7%2062.39%2012.14%2062.39%2012.14%201.5%2046.19%201.5%2057.7%2014.2%22/%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22cls-2%22%20y%3D%2226.08%22%20width%3D%2269.84%22%20height%3D%2222.67%22/%3E%0A%20%20%20%20%20%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2257.7%2015.73%2044.54%2015.73%2044.54%201.5%22/%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M18.4%2C40.7H14.83l-.51%2C1.73H12.45l3.09-10h2.14l3.08%2C10H18.9Zm-3.12-1.84h2.65l-1.32-4.59Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M24.7%2C38.84H23.45v3.59h-1.7v-10h3.74c1.67%2C0%2C2.69%2C1.37%2C2.69%2C3.23a2.84%2C2.84%2C0%2C0%2C1-1.75%2C3l1.8%2C3.81h-2Zm.54-4.59H23.45V37h1.79a1.39%2C1.39%2C0%2C0%2C0%2C0-2.76Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M34.8%2C40.7H31.23l-.5%2C1.73H28.85l3.1-10h2.13l3.09%2C10H35.31Zm-3.12-1.84h2.65L33%2C34.27Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M38.15%2C32.42h4.21A2.33%2C2.33%2C0%2C0%2C1%2C44.67%2C35a2.21%2C2.21%2C0%2C0%2C1-1.38%2C2.3%2C2.36%2C2.36%2C0%2C0%2C1%2C1.53%2C2.46c0%2C1.5-.8%2C2.7-2.32%2C2.7H38.15Zm3.84%2C4c.58%2C0%2C.94-.46.94-1.11A1%2C1%2C0%2C0%2C0%2C42%2C34.24H39.86v2.2Zm.06%2C4.17c.65%2C0%2C1-.46%2C1-1.18a1.05%2C1.05%2C0%2C0%2C0-1-1.17H39.86v2.35Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M46.35%2C32.42h1.7v10h-1.7Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M49.49%2C37.43c0-3.07%2C1.86-5.17%2C4.2-5.17A3.68%2C3.68%2C0%2C0%2C1%2C57.1%2C34.7l-1.47.9a2.17%2C2.17%2C0%2C0%2C0-1.94-1.45c-1.39%2C0-2.44%2C1.39-2.44%2C3.28s1%2C3.29%2C2.44%2C3.29a2.15%2C2.15%2C0%2C0%2C0%2C1.94-1.46l1.47.89a3.71%2C3.71%2C0%2C0%2C1-3.41%2C2.46C51.35%2C42.61%2C49.49%2C40.51%2C49.49%2C37.43Z%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A');
	background-repeat: no-repeat;
}
.brlink.jp, .follow-up li a.jp {width: 40px;height: 40px;margin-right: 10px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20135.55%20124.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%236f106d%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%206%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.49%2C0H20.42V124.85h95.34V25.44Zm15.29%2C27.3H90.66V6.6Zm.5%2C91.07H26.89V6.47H84.18v27.3h25.1Z%22/%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2251.16%22%20width%3D%22135.55%22%20height%3D%2242.95%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M11.45%2C64h4.1V76.39a15.37%2C15.37%2C0%2C0%2C1-.34%2C3.69%2C3.63%2C3.63%2C0%2C0%2C1-1.45%2C2.09%2C5.57%2C5.57%2C0%2C0%2C1-3.24.78A14.72%2C14.72%2C0%2C0%2C1%2C8%2C82.67V79.24a9.68%2C9.68%2C0%2C0%2C0%2C1.66.19%2C1.53%2C1.53%2C0%2C0%2C0%2C1.42-.58%2C5.46%2C5.46%2C0%2C0%2C0%2C.35-2.46Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M23.68%2C64h4.13l5.33%2C18.67H29L28%2C78.81H22.76l-.92%2C3.86H18.08Zm3.56%2C11.61L25.36%2C68l-1.81%2C7.64Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M36.1%2C64h5.37a13.85%2C13.85%2C0%2C0%2C1%2C3.8.41%2C4.18%2C4.18%2C0%2C0%2C1%2C2.26%2C1.86%2C6.53%2C6.53%2C0%2C0%2C1%2C.92%2C3.57%2C7%2C7%2C0%2C0%2C1-.74%2C3.39%2C4.37%2C4.37%2C0%2C0%2C1-2.05%2C1.94%2C10.31%2C10.31%2C0%2C0%2C1-4%2C.59H40.2v6.91H36.1Zm4.1%2C3v5.53h1.27c1.12%2C0%2C1.85-.26%2C2.17-.78a3.84%2C3.84%2C0%2C0%2C0%2C.49-2%2C3.37%2C3.37%2C0%2C0%2C0-.38-1.7%2C1.72%2C1.72%2C0%2C0%2C0-.88-.84%2C4.24%2C4.24%2C0%2C0%2C0-1.4-.18Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M54.66%2C64h4.13l5.33%2C18.67H59.93L59%2C78.81H53.74l-.92%2C3.86H49.05Zm3.56%2C11.61L56.34%2C68l-1.81%2C7.64Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M66.93%2C64h4.55l4.8%2C11.6V64h3.17V82.67H75.79L70.1%2C69.16V82.67H66.93Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M84.21%2C64H95.56v3.2H88.32v4.34H94v3.2H88.32v4.59h7.24v3.34H84.21Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M110.39%2C68.07%2C107%2C69.36c-.49-1.54-1.37-2.31-2.66-2.31a1.91%2C1.91%2C0%2C0%2C0-1.42.52%2C1.62%2C1.62%2C0%2C0%2C0-.53%2C1.19A1.53%2C1.53%2C0%2C0%2C0%2C103%2C70a12.7%2C12.7%2C0%2C0%2C0%2C2.61%2C1.23%2C15.52%2C15.52%2C0%2C0%2C1%2C2.83%2C1.33%2C4.93%2C4.93%2C0%2C0%2C1%2C1.67%2C1.78%2C5.32%2C5.32%2C0%2C0%2C1%2C.64%2C2.62%2C5.61%2C5.61%2C0%2C0%2C1-1.8%2C4.29A6.78%2C6.78%2C0%2C0%2C1%2C104.14%2C83c-3.38%2C0-5.54-1.7-6.48-5.12l3.58-1q.66%2C2.82%2C3%2C2.82a2.58%2C2.58%2C0%2C0%2C0%2C1.72-.56%2C1.77%2C1.77%2C0%2C0%2C0%2C.67-1.45%2C1.86%2C1.86%2C0%2C0%2C0-.47-1.23A5.47%2C5.47%2C0%2C0%2C0%2C104%2C75.24a20.08%2C20.08%2C0%2C0%2C1-3.2-1.38%2C5%2C5%2C0%2C0%2C1-1.74-1.78%2C5.13%2C5.13%2C0%2C0%2C1-.68-2.63A5.58%2C5.58%2C0%2C0%2C1%2C100%2C65.32a5.83%2C5.83%2C0%2C0%2C1%2C4.29-1.6C107.56%2C63.72%2C109.59%2C65.17%2C110.39%2C68.07Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M114.69%2C64H126v3.2h-7.24v4.34h5.63v3.2h-5.63v4.59H126v3.34H114.69Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.rj-arrow-down { display: block; margin: 0px auto; height: 40px;
                 background: url(../../assets/img/how-to-buy/arrow-down.gif) center center no-repeat; margin-top: 30px; background-size: contain; }



/*======// WooCommerce //==========*/

.content ul.products * { text-align: left;}
.content ul.products { margin-left:0;}
.content ul.products li {background:none;float:left; padding-left:0;margin-bottom:3em; width:45%; margin-right:5%;}
.col  ul.products img {display: block;margin: 0;max-width: 100%;padding-bottom:1em;}
li.type-product a {display: block;}
.orderby{display:none;}
.woocommerce-breadcrumb{display:none;}
.col .images img { margin: 0;}
.col .images .woocommerce-main-image img{margin: -2.2em 0}
.amount {font-weight: 700;font-size:1.2em;}
.price .amount {font-size:1.5em;}
.price{color:#000;}
.content h1.product_title {color: #238dcb;font-size: 2em;}
.variations td {padding: 0.3em 0;}
table.odd{border-collapse:collapse; }
table.odd tr td, th{border:1px solid #ccc;padding:5px;}
table.odd tr:nth-child(2n+1){background: #f1f1f1;}
.content .reset_variations.btn, .content .product_type_variable.btn {font-size: 1em;font-weight: 400;margin-left: 0.5em;padding: 0.3em 0.5em;}
.content .product_type_variable.btn {margin-left:0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;width:30px;}
.single_variation_wrap .minus, .single_variation_wrap .plus, .single_variation_wrap .qty {font-size: 1.1em !important;padding: 0.2em !important;}
.btn.single_add_to_cart_button.button.alt {font-size: 1em;font-weight: 300;margin: 2em 0;}
.woocommerce-message, .woocommerce-message a {font-weight: 700;line-height: 0.5em;padding-bottom: 1em;position: relative;}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {background-color: #238dcb!important;}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { line-height: 1.5em;}
.go-to-cart {float:right;}
.go-to-cart a{font-weight:700;}
.value select {font-size: 0.9em;}
.value .label {display: block;margin-bottom: -0.5em;padding-top: 1em;}
.value .label label {color: #238dcb;font-weight:400;}
.payment_methods.methods li, .woocommerce-error li {background: none;}
.payment_methods.methods li label{display:inline;}
.woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove {color: #1e85be!important;font-size: 2em!important;}
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover {background-color: #1e85be!important;color:#fff!important;}
.order_details li {background: none;}
.content ul.products li:nth-child(2):after {clear: both;content: "";display: block;float: none;height: 30px;visibility: hidden;}
.shipping-calculator-button, .woocommerce-result-count{display:none;}
.woocommerce-ordering + ul.products {padding-top: 0 !important;}
.cart-subtotal > td {padding: 10px;}
.checkout-button.button.alt.wc-forward {margin-top: 1em;}
.variations_button .quantity{display:none!important;}
.s1 .woocommerce .woocommerce-message:before, .s1 .woocommerce-page .woocommerce-message:before {background-color: transparent !important;}
.s1 .woocommerce #respond input#submit.alt, .s1 .woocommerce a.button.alt, .s1 .woocommerce button.button.alt, .s1 .woocommerce input.button.alt {background-color: #238DCB;}
.s1 .woocommerce #respond input#submit.alt:hover, .s1 .woocommerce a.button.alt:hover, .s1 .woocommerce button.button.alt:hover, .s1 .woocommerce input.button.alt:hover {background-color: #DADADA;color:#333;}
.secure > p {font-size: 12px;line-height: 1.3em;padding-top: 3em;}
.secure img{width:100px; height:100px;}
.shipping td, .shipping th{padding:5px 10px 5px 0;}
.product_meta {margin-top: 1em;}
table.woocommerce-product-attributes.shop_attributes td, table.woocommerce-product-attributes.shop_attributes th {padding: 5px 10px 0 0;}

.page-template-template-careers #page-body .content img { display: inline-block;}


.woocommerce #text-detail { display: flex;}
.woocommerce #resources-text .text { text-align: center; color: #009FE2 !important; }
.woocommerce #resources-text .title { display: none;}

.woocommerce div.product form.cart .variations select {
   width: 100%;
   padding: 0px 20px;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 50px;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { 
   padding: 14px 40px;
    font-family: 'Be Vietnam Pro',sans-serif !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    border-radius: 93px;
    text-decoration: none;
    width: fit-content;
    border: 2px solid transparent;
    cursor: pointer;
    background-color: #009FE2 !important;
}

.button.wc-backward { 
   padding: 14px 40px;
    font-family: 'Be Vietnam Pro',sans-serif !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    border-radius: 93px;
    text-decoration: none;
    width: fit-content;
    border: 2px solid transparent;
    cursor: pointer;
   background-color: #394855;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message { border: 2px solid #009FE2 !important ;}

.woocommerce .quantity .qty,
.woocommerce #text-detail .text input {
   padding: 0px 10px !important;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100px !important;
   height: 50px !important;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
   text-align: center !important;
}

.price .amount { 
   font-family: 'Red Hat Display',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 140%;
    color: #394855;
    margin-bottom: 20px;
}

.product_meta { display: none;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 30% !important;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: left !important; width: 100% !important;}
.woocommerce div.product div.images img { height: 200px; border-radius: 8px; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { display: none;}

.woocommerce-loop-product__title { 
font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px !important;
    line-height: 140%;
    margin-left: 16px;
    margin-bottom: 12px;
    color: #1C2329 !important;
    margin-top: 0px !important;
    height: 80px;
    overflow: hidden;
   }

.woocommerce ul.products li.product a img { width: 100%;
   height: 180px !important;
   border-radius: 8px;
   object-fit: initial;
   margin-bottom: 0px;
   border: 2px solid #e7e7e7;
   padding: 2px;
   background: #e7e7e7;
   object-fit: unset;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
   padding: 14px 40px !important;
    font-family: 'Be Vietnam Pro',sans-serif !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: 0.05em;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    border-radius: 93px !important;
    text-decoration: none;
    width: fit-content;
    border: 2px solid transparent;
    cursor: pointer;
    color: #fff !important;
    background-color: #394855 !important;
    
}

.woocommerce div.product form.cart .variations { width: auto !important;}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { display: none;}

table.odd tr td, th { border: 1px solid #edf8fd; }
thead { background: #edf8fd;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { 
   padding: 0px 20px;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 50px;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
}

.woocommerce form .form-row select, .woocommerce-page form .form-row select,
.select2-container .select2-selection--single {
   width: 100%;
   padding: 10px 20px !important;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 50px !important;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow { 
   height: 50px !important; position: absolute;  top: 1px; right: 10px !important; width: 20px;
}

.payment_methods.methods li label { height: 40px;}
.payment_methods.methods li label img { height: 40px; object-fit: contain;}

#page-body .container { display: flex;}
#page-body .content { padding: 0 !important; margin-left: 0px !important; width: 760px !important; float: left; margin-top: 0px !important;}
#page-body .sidebar { width: 300px; float: right; font-family: 'Be Vietnam Pro',sans-serif;}

.sidebar h3 {
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 8px;
   text-align: center;
   letter-spacing: 0.05em;
   color: #009FE2;
   margin-top: 20px;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.sidebar .ad1 h3,
.sidebar .ad2 h3,
.sidebar .ad3 h3,
.sidebar .ad4 h3,
.sidebar .ad5 h3,
.sidebar .cta h3 { text-transform: none !important; text-align: center !important; z-index: 999;}



.cta {background: #002B54;padding: 50px 30px;text-align: center;margin-bottom:3em; }
.ad1, .ad2,.ad3,.ad4,.ad5,.cta { border-radius: 8px;}
.cta h2{font-size:1.8em;font-weight:700;color:#39BEE3;text-align:center;padding-top:50px;background:transparent url(/wp-content/uploads/2019/07/icon-bell.svg) no-repeat 50% top;margin-bottom:.75em;}
.cta h2.demo {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2245.4%22%20height%3D%2245.4%22%20viewBox%3D%220%200%2045.4%2045.4%22%3E%0D%0A%20%20%3Ctitle%3Edemo%3C/title%3E%0D%0A%20%20%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%0D%0A%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%2233.8%2030%2039.1%2024.6%2014.4%2014.4%2024.6%2039.1%2030%2033.7%2041.7%2045.4%2045.4%2041.7%2033.8%2030%22%20fill%3D%22%23fff%22/%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.8%2C9.4a5.4%2C5.4%2C0%2C0%2C1%2C5.4%2C4.3l2.1.9a7.5%2C7.5%2C0%2C1%2C0-7.7%2C7.7l-.9-2.1A5.5%2C5.5%2C0%2C0%2C1%2C14.8%2C9.4Z%22%20fill%3D%22%23fff%22/%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.8%2C27.6A12.8%2C12.8%2C0%2C1%2C1%2C27.6%2C14.8a11.5%2C11.5%2C0%2C0%2C1-.1%2C1.9l1.9.8a12.3%2C12.3%2C0%2C0%2C0%2C.2-2.7A14.8%2C14.8%2C0%2C1%2C0%2C14.8%2C29.6a12.7%2C12.7%2C0%2C0%2C0%2C2.8-.2l-.8-1.9Z%22%20fill%3D%22%23fff%22/%3E%0D%0A%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%3C/g%3E%0D%0A%20%20%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
	background-repeat: no-repeat;
}

.cta h2.chat {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2259.2%22%20height%3D%2250.2%22%20viewBox%3D%220%200%2059.2%2050.2%22%3E%0D%0A%20%20%3Ctitle%3Echat%3C/title%3E%0D%0A%20%20%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%0D%0A%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M59.2%2C29.9c0-4.6-2.8-8.8-7.2-11.5V19c0%2C5.8-2.9%2C11.2-8.2%2C15.3a30.6%2C30.6%2C0%2C0%2C1-17.7%2C6%2C22.4%2C22.4%2C0%2C0%2C0%2C13.7%2C4.4l3.2-.2c4.3%2C6.6%2C9.7%2C5.7%2C10.5%2C5.5s-.2-2.5-.9-4.6a18.7%2C18.7%2C0%2C0%2C1-.7-3.9C56.3%2C38.8%2C59.2%2C34.6%2C59.2%2C29.9Z%22%20fill%3D%22%23fff%22/%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M49.6%2C19C49.6%2C8.5%2C38.5%2C0%2C24.8%2C0S0%2C8.5%2C0%2C19c0%2C6%2C3.6%2C11.3%2C9.3%2C14.8a22.6%2C22.6%2C0%2C0%2C1-.9%2C5.1c-.9%2C2.7-2.6%2C5.5-1.1%2C5.8s7.9%2C1.4%2C13.4-7a27.5%2C27.5%2C0%2C0%2C0%2C4.1.2C38.5%2C37.9%2C49.6%2C29.5%2C49.6%2C19ZM12.7%2C23.3a3.9%2C3.9%2C0%2C0%2C1-3.9-3.9%2C4%2C4%2C0%2C0%2C1%2C3.9-3.9%2C4%2C4%2C0%2C0%2C1%2C3.9%2C3.9A3.9%2C3.9%2C0%2C0%2C1%2C12.7%2C23.3Zm12.2%2C0A3.8%2C3.8%2C0%2C0%2C1%2C21%2C19.4a3.9%2C3.9%2C0%2C1%2C1%2C7.7%2C0A3.8%2C3.8%2C0%2C0%2C1%2C24.9%2C23.3Zm12.1%2C0a3.9%2C3.9%2C0%2C0%2C1-3.9-3.9%2C3.9%2C3.9%2C0%2C0%2C1%2C7.8%2C0A3.9%2C3.9%2C0%2C0%2C1%2C37%2C23.3Z%22%20fill%3D%22%23fff%22/%3E%0D%0A%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%3C/g%3E%0D%0A%20%20%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
	background-repeat: no-repeat;
}
.cta p{color:#fff;text-align:center;font-size:14px}
.cta a{
   padding: 16px 40px;
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 93px;
    text-decoration: none;
    width: fit-content;
    background-color: #009FE2;
    border: none !important;
}

.cta input[type=text], .cta input[type=email]{background-color:#fff;}
.cta label {color: #fff;text-align: center;}
.cta input[type=submit] {margin: 0 auto;display: inherit;margin-top: .5em;margin-bottom: 0;}
.cta .ajax-loader{display:none!important;}
div#fscf_submit_div83 {text-align: center;}
.cta .social {margin-bottom: -2em;margin-top: 1em;font-size: 1.3em;}
.cta .social a {background: url(/wp-content/uploads/2019/07/social-icon-small@2x.png) transparent no-repeat 0 0;width: 30px;height: 24px; background-size: auto;margin-top:10px;}
.cta .social a.li {background-position: -73px 0;}
.cta .social a.yt {background-position: -113px 0;}

.sidebar{padding-bottom:3em;}
.sidebar-container > h3 {font-size: 1.3em;text-transform: uppercase;}
.lnav {background: #f6f6f6;margin-bottom: 6em;padding: 1.5em;}
.lnav h3:first-child {margin-bottom: 1em;}
.lnav h3 a {background: none repeat scroll 0 0 #333;color: #fff;font-size: 1.6em;line-height: 1em;padding: 0.3em 10px;}
.lnav h3 a:hover {color:#fff;}
.lnav a{color:#4f4f4f;display:block; text-decoration:none;font-size:1.1em; font-weight:300;line-height: 1em;padding: 0 0 1.3em;}
.lnav a:hover{color:#cd5794;font-weight:400;}
.lnav ul ul ul li a{text-transform:capitalize; }
.lnav ul li a:hover, #lcol ul li.current_page_item > a{font-weight:400;color:#238dcb;}
.lnav ul ul{border-bottom:none;display:none;visibility:visible;position:relative;margin-right:15px;}
.lnav ul ul a {background: none;}
.lnav ul li.current_page_ancestor ul,.lnav ul li.current_page_parent ul, .lnav ul li.current_page_item ul{display:block;padding:0;}
.lnav ul li.current_page_ancestor ul ul,.lnav ul li.current_page_parent ul ul, .lnav ul li.current_page_item ul ul{display:none;}
.lnav ul ul li.current_page_ancestor ul,.lnav ul ul li.current_page_parent ul, .lnav ul ul li.current_page_item ul{display:block;padding:0;}
.lnav ul li ul li{margin:0;padding:4px 0;padding:0;background:none;}
.lnav ul ul li a{color: #888;display: block;font-size: 13px;font-weight: 300;padding: 0 0 13px 25px!important;}
.lnav ul ul ul li a{display: block;font-size: 0.8em;font-weight: normal;padding: 0 0 1em 3.5em;}
.lnav ul li.current_page_item > a, .lnav ul ul li.current_page_item > a, .lnav ul li.current_page_ancestor > a {color: #cd5794;font-weight: 400;}
.lnav ul li.current_page_item > a{background:url("images/pink-star.png") no-repeat scroll left 2px transparent;padding-left:22px;}
.lnav ul li.current_page_ancestor > a{color: #cd5794;font-weight: 400;padding-bottom: 15px;}
.lnav ul ul li.current_page_item > a{background:transparent url(images/pink-dot.png) no-repeat 15px 5px;padding-left:0px;}
.lnav ul li ul li a:hover{color:#000;}
.lnav ul a.Sel{cursor:default;}
.lnav ul a.Sel:hover{}
.lnav ul li ul li ul li {padding-left: 10px;}
.ad1, .links, .ad2{position:relative; margin-bottom:3em;}
.ad1, .ad2{overflow:hidden;}
.ad1 h3, .ad2 h3{color: #fff;font-size: 1.3em;font-weight: 600;line-height: 1.4em;padding: 30px 25px 20px;position:relative; margin-bottom: 30px;}
.ad1 h3{padding-top:10px;}
.ad1 p, .ad2 p{color:#fff;padding:0 25px 25px; font-size:1.2em;position:relative; line-height:1.3em; margin-bottom: 30px; z-index: 99;}
.ad1 a, .ad2 a{display: block;padding: 0.25em 1em;}
.ad1 p:last-child, .ad2 p:last-child{padding:0; font-size:1em; margin-bottom: 0px !important;}
.ad1 > img{left: 50%;max-height: none;max-width: none;min-height: 101%;min-width: 101%;pointer-events: none;position: absolute;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.ad1 img:nth-child(1) {margin-bottom: -25px; width: 100%;}
.ad1 a.video{background:none;border:none;padding:0; display: contents;}
.ad1 a.video span {background:transparent url(../../assets/img/common/video-button.png) no-repeat 50% 50%;display: block;height: 300px;left: 0;position: relative;top: 0; bottom:0; width: 100%;}
.ad1 a.video:hover span {background-image:transparent url(images/video-button-over.png);}
.links{background: #f6f6f6;}
.links ul{padding:.5em 0 1em;}
.links li{line-height:1.2em; padding:0 1em 1em;}
.links li a{text-decoration:underline;}
.links li a:hover{text-decoration:none;}
.links h3 {background: none repeat scroll 0 0 #464646;color: #fff;font-size: 1em;font-weight: 600;line-height: 1em;margin-bottom:1em;padding: 10px 20px;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
.ad1 a, .ad2 a, .ad3 a, .ad4 a, .ad5 a{
   background: #009FE2; border: 2px solid #009FE2; color:#fff; display:inline-block; font-weight:600; font-size:1.2em; padding:.4em .5em;
   position:absolute; left: 0; right: 0; bottom: 0; z-index: 99; text-align: center;
}

.fscf-input-select { 
   width: 100%;
   padding: 10px 20px !important;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 50px !important;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
}

.fscf-input-textarea { 
   width: 100%;
   padding: 10px 20px !important;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 150px !important;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
   #page-body .container { display: inline-flex; width: 100%; max-width: 100%; }
   #page-body .content { width: 60% !important; }
   #page-body .sidebar { width: 30% !important; }
   #markets { margin-bottom: 200px;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   #page-body .content { width: 100% !important; }
   #page-body .sidebar { width: 100% !important; float: left; }
   #page-body .container { display: block;}
}

.page-template-template-about #page-body .content,
.page-template-template-history #page-body .content,
.page-template-template-leadership #page-body .content,
.page-template-template-purpose #page-body .content,
.page-template-template-culture #page-body .content,
.page-template-template-philanthropy #page-body .content,
.page-template-template-careers #page-body .content { width: 900px !important; margin: auto !important; padding: 0 100px 100px !important; }

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 250px !important;}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { display: none !important;}

.products.columns-4 { display: none;}
.related h2 { display: none;}

.mask {     
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background: rgba(57, 72, 85, .6);
   width: 100%;
   height: 100%;
   z-index: 9; }

   .cd-horizontal-timeline .events-wrapper li { padding-left: 0px !important;}
   ul.cd-slide-navigation li a { line-height: 2.5em !important; }
   ul.cd-slide-navigation li a.navindex { margin-left: 1em; }

   .quote-profile img { border-radius: 50% 50%; border: 4px solid #009FE2; padding: 2px; margin-bottom: 10px;}

   .page-id-16427 .hero-txt .rj-btn { display: none !important;}
   .page-id-16430  .hero-txt .dark-background,
   .page-id-16431 .hero-txt .dark-background { display: none !important;}

   .slogan { width: 240px; margin-bottom: 20px;}
   .cer-logos { display: inline-flex;}

   .woocommerce-page img.iso-9001-jas{ height: 76.26px; }
   .woocommerce-page img.made-in-america { width: 83.96px; height: 60.08px; }

   .woocommerce .products ul, .woocommerce ul.products { display: block !important;}

  .page-id-16608.page-template-template-partnering-single #page-body .content { width: 100% !important;}

  .page-template-template-media-coverage #resources :where(img) { max-width: 70% !important;}

  .content .btn { padding: 0px !important;}

  .top-awards img { max-width: 100% !important; width: 100% !important; }

  #banner-bar { padding: 17px; text-align:center; color: #1C2329; background: #edf8fd; font-size: 21px !important;
   line-height: 22px;
   font-weight: bold; 
}
  #banner-bar a { color: #009FE2; text-decoration: underline !important;  }

 
  

  @media only screen and (min-width: 320px) and (max-width: 767px) {
   #banner-bar a { color: green; display: block;}
   #page-body .content img { width: 100%; }
   .page-template-template-about #page-body .content, .page-template-template-history #page-body .content, .page-template-template-leadership #page-body .content, .page-template-template-purpose #page-body .content, .page-template-template-culture #page-body .content, .page-template-template-philanthropy #page-body .content, .page-template-template-careers #page-body .content {
      width: 100% !important;
      padding: 20px 0px !important;
   }
  }


#page-body .thankyou-section {
   padding: 100px 0 !important;
   margin-top: 0px !important;
   text-align: center;
   display: block;
   margin: 0px auto;
}

#page-body .thankyou-section .title {
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 28px;
   line-height: 30px;
   margin-bottom: 8px;
   letter-spacing: 0.05em;
   color: #009FE2;
   margin-top: 40px;
   margin-bottom: 20px;
   text-align: center;
}

#page-body .thankyou-section .message{
   font-family: 'Helvetica',sans-serif !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-size: 16px !important;
   line-height: 140% !important;
   text-align: left !important;
   color: #626C76;
   margin-top: 0px !important;
   margin-bottom: 20px !important;
   text-align: center !important;
}

#page-body .thankyou-section .message a{ color: #009FE2;}
#page-body .thankyou-section .message a:hover { color: #009FE2; text-decoration: underline !important;}

.unicef-form form { text-align: center !important;}

.unicef-form label { text-align: left; color: #fff;}
.unicef-form p { margin-bottom: 0px !important;}
.unicef-form .wpcf7-submit { 
   margin: 0px auto; display: block; 
   padding: 14px 40px;
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #ffffff;
   border-radius: 93px;
   text-decoration: none;
   width: fit-content;
   border: 2px solid transparent !important;
   cursor: pointer;
}

.unicef-form .wpcf7-submit:hover {
   border: 2px solid #009FE2 !important;
   color: #009FE2;
   background: #fff;
}
.unicef-form input:not([type='submit']) { color: #009FE2; width: 100%; padding: 0 10px !important; text-align: left; background: #fff;  border: 2px solid #009FE2; width: 400px;}
 
.unicef-form .wpcf7-select {
   border: 2px solid #009FE2;
   width: 400px;
   height: 50px;
   border-radius: 8px;
   margin-bottom: 1.3em;
   padding: 0 10px !important;
   color: #009FE2 !important;      
   text-align: left !important;
}



#unicef-hero { min-height: 980px;}
#unicef-hero.chop-hero { min-height: 900px;}

#about-section { padding: 100px 150px 0px 100px !important; }

#unicef-player { border-radius: 10px !important; width: 100%; }
#event-content { padding-left: 300px;}

.unicef-bio { 
   width: 250px;
    height: 250px !important;
    border-radius: 12px;
    object-fit: unset;
    margin-left: 0px;
    border: 3px solid #009fe2;
    padding: 3px;
    margin-left: 0px !important;
}






.other-videos iframe { width: auto !important; height: inherit; border-radius: 10px !important;}

.wow h4 { margin-top: 20px !important; margin-bottom: 0px !important; text-align: center !important;}
.wow img { border-radius: 12px; border: 4px solid transparent;}
.wow img:hover { border: 4px solid #009FE2; }
.row.products { margin-top: 40px !important;}


#unicef-hero .other-videos .UnicefTH iframe { width:240px !important; max-width: 240px !important; }

#musical-performing .col {     
   width: 30%;
   flex-wrap: wrap;
   flex: initial;
   margin-bottom: 40px;
}

#musical-performing .col2 {  width: 22%; text-align: center; } 

#musical-performing.container { width: 1100px; display: flex;}

#musical-performing .col img { 
   height: 100px;
    object-fit: cover;
    border-radius: 50%;
    width: 100px;
    border: 4px solid #009fe2;
    padding: 1px;
    background: #ffff;
}

#musical-performing .col img.pd { width: auto !important; height: auto !important; border: none !important; border-radius: 0px !important; padding: 0px !important;}

img.band { width: 400px; margin: 20px; margin: 0px auto; }
.wpcf7 label { margin-bottom: 20px !important;}
.wpcf7-form-control-wrap { display: inline-table; }
#page-detail .wpcf7-list-item { display: inline-block; margin-left: 0px !important; }

.hero-inner-error { padding: 200px;}



#recent-press.container { width: 1100px; display: flex;}
#recent-press .col2 {   text-align: center; }
#recent-press .col img { 
   height: 150px;
    object-fit: cover;
    border-radius: 8px;
    width: 150px;
    border: 2px solid #fff;
    padding: 1px;
    background: #ffff;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
   #about-section { padding: 20px !important; }
   .a0 p:first-of-type { text-shadow: none !important; }
   #unicef-player { border-radius: 0px !important; width: 96% !important; border-radius: 10px; }
   #unicef-hero { min-height: auto !important; background-position: left top !important;}
   #event-content { padding-left: 20px; padding-right: 20px;}
   .unicef-form .wpcf7-select { width: 300px !important;}
   .unicef-form input:not([type='submit']) { width: 300px !important;}
   .about-section { min-height: 400px !important; background-size: cover !important;}
   #musical-performing.container { width: auto; display: table;}
   img.band { width: 300px; margin: 20px; }
   #musical-performing .col, #recent-press .col { height: auto; }
   .unicef-usa { min-height: 400px !important;}
   #recent-press.container { width: auto; display: table;}

}


#recent-press .col {
   flex: 1 1 23%;
}



#header .items .contact-btn a{
   display: flex;
  
}
#header .items .contact-btn .icon{
   background: url("https://rajant.com/wp-content/themes/rajant/assets/img/common/contact-rajant.png") center center no-repeat;
   width: 32px;
   height: 32px;
   margin-right: 8px;
}


/*  Let's Conenct Header Popup */
.lets-connect-content-header{
   background-color: rgb(255, 255, 255);
   width: 1000px;
   height: max-content;
   margin: auto;
   padding: 40px;
   border-radius: 20px;
}

.lets-connect-content-header h6 { text-align: left !important;}
.lets-connect-content-header .quote { font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 140%;
   text-align: left;
   color: #1C2329;
}
.lets-connect-content-header .name { font-family: 'Helvetica',sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   text-align: left;
   color: #009FE2;
   margin-bottom: 0px;
}
.lets-connect-content-header .position { 
   font-family: 'Helvetica',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
    margin-bottom: 20px;
    color: #626C76;
}

.quote-logos {  
      background: url("../../assets/img/common/client-logos.png") center center no-repeat;
      background-size: contain; height: 54px;}


.moda-container-lets-connect-header{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.moda-container-lets-connect-header.show-moda-container-lets-connect-header{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 999999999;
}

 

 

.post-image {  
    object-fit: contain;
    border-radius: 8px;
    width: 100%;
}

.page-id-17707 #hero-home.hero-txt { 
   background: url(https://rajant.com/wp-content/uploads/2022/11/rajant-hero-Pioneers-of-Kinetic-Mesh®-Networks.jpg) center bottom no-repeat !important;
   background-size: cover !important;
}

.page-id-17897 #why-rajant,
.page-id-17897 #changing-game,
.page-id-17897 #rj-markets-head,
.page-id-17897 #rj-markets,
.page-id-17897 #we-offer,
.page-id-17897 #adventages,
.page-id-17897 #rajant-products,
.page-id-17897 #latest-header,
.page-id-17897 #latest-slider,
.page-id-17897 #partner,
.page-id-17897 #logos,
.page-id-17897 #get-rajant { display: none;}

.stock-icon { 
   display: block;
   background: url(../img/common/rj-stock.png) center center no-repeat;
   width: 306px;
   height: 220px;
   background-size: contain;
   position: absolute;
   left: 0;
   margin-top: -120px;
   cursor: pointer;
   transition: 0.5s ease-in-out;
   transform: rotate(-10deg);
}
.stock-icon1 { 
    display: block;
    background: url(/wp-content/uploads/2023/01/In_stock.png) center center no-repeat;
    width: 256px;
	height: 220px;
	background-size: contain;
	position: absolute;
	left: 100px;
	margin-top: -100px;
}
/* .stock-icon1:hover { transform: scale(1.1) rotate(-6deg); } */
.stock-icon:hover { transform: scale(1.1) rotate(-6deg); }

@media only screen and (min-width: 320px) and (max-width: 991px) {
   .stock-icon { 
      display: block;
      background: url(../img/common/rj-stock.png) center center no-repeat;
      width: 300px;
      height: 180px;
      background-size: contain;
      margin: 0px auto;
      margin-top: 480px;
      right: 0;
      left: 0;
   }
	.stock-icon1 { 
      display: block;
      background: url(/wp-content/uploads/2023/01/In_stock.png) center center no-repeat;
      width: 210px;
	  height: 140px;
	  background-size: contain;
	  margin: 0px auto;
	  margin-top: 398px;
	  right: 0;
	  left: -140px;
	  transform: rotate(-12deg);
   }
}

.search-results .link-more { display: block !important; }
.search-results .link-more a { color: #009FE2 !important; text-decoration: underline !important; }

body.singleads,
html.single-ads { display: block !important;}

@media only screen and (min-width: 320px) and (max-width: 568px) {
   #hero-home.hero-txt { height: 940px; }
   .stock-icon {
      margin-top: -136px;
      height: 147px;
      margin-left: 20px;
      width: 150px;
   }
}

@media only screen and (min-width: 569px) and (max-width: 768px) {
   #hero-home.hero-txt { height: 750px; }
}


/*  Stock Banner Popup */
.stock-banner-lets-connect-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
}

.stock-banner-lets-connect-content label,
.stock-banner-lets-connect-content .wpcf7-form-control-wrap { display: block !important;}
 
.stock-banner-lets-connect-content .wpcf7-text,
.stock-banner-lets-connect-content .wpcf7-form textarea { margin-bottom: -10px !important;}

.stock-banner-lets-connect-content .popup-content h6 { margin-bottom: 20px;}
.stock-banner-lets-connect-content .closing-icon { margin-bottom: 20px;}
.moda-container-stock-banner-lets-connect{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.stock-banner-lets-connect-content p { margin-bottom: 0px; }

.moda-container-stock-banner-lets-connect .wpcf7-form textarea { height: 150px;}

.moda-container-stock-banner-lets-connect.show-moda-container-stock-banner-lets-connect{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}

/*  Let's Conenct Header Popup */
.stock-lets-connect-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
}

.stock-lets-connect-content label,
.stock-lets-connect-content .wpcf7-form-control-wrap { display: block !important;}
 
.stock-lets-connect-content .wpcf7-text,
.stock-lets-connect-content .wpcf7-form textarea { margin-bottom: -10px !important;}

.stock-lets-connect-content .popup-content h6 { margin-bottom: 20px;}
.stock-lets-connect-content .closing-icon { margin-bottom: 20px;}
.moda-container-stock-lets-connect{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.stock-lets-connect-content p { margin-bottom: 0px; }

.moda-container-stock-lets-connect .wpcf7-form textarea { height: 150px;}

.moda-container-stock-lets-connect.show-moda-container-stock-lets-connect{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
   .stock-lets-connect-content{ padding: 40px 0px; border-radius: 0px !important;}
   .lets-connect-content, .lets-connect-content-header { padding: 40px 0px; border-radius: 0px !important;}
}

.spider_popup_wrap { z-index: 9999999999 !important; }

.spider_popup_close_fullscreen {
   color: #FFFFFF;
   font-size: 20px !important;
   background: #009fe2;
   padding: 15px;
   right: 10px !important;
   border-radius: 50%;
}

.bwg_filmstrip_container { bottom: 10px !important; top: auto !important;}
.bwg_filmstrip_left,
.bwg_filmstrip_right { display: none !important;}

.sponsors-logos { margin-top: 720px !important; align-items: center; }   
.sponsors-logos .col { 
   display: block;
    flex: 1 0 23%;
    margin-bottom: 28px;
 }

 @media only screen and (min-width: 320px) and (max-width: 768px) {
   .sponsors-logos { margin-top: 280px !important; align-items: center; }  
   .sponsors-logos .col {
      display: block;
      flex: 1 0 50%;
      margin-bottom: 28px !important;
   }
}


.region .wpcf7 label { margin-bottom: 0px !important; }

.bwg_popup_image_spun2::before { 
   content: "Right Click to Download Image";
   color: #fff;
   font-size: 25px;
   text-align: center;
   font-weight: 600;
   display: block;
   margin-top: -40px;
   margin-bottom: 20px;
}

#product .stock-icon {
   left: -240px !important;
   margin-top: -90px !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
   #product .stock-icon {
      margin-top: 139px !important;
      left: 0 !important;
      right: 0 !important;
      margin: auto;
   }
}

.post-29 .stock-icon {
   display: block;
   background: url(../img/common/rj-stock.png) center center no-repeat;
   width: 190px;
   height: 170px;
   background-size: contain;
   position: relative;
   margin-left: 430px !important;
   margin-top: -120px !important;;
   cursor: pointer;

}

.wpcf7-spinner { display: none !important;}
.wpcf7-not-valid-tip { margin-top: 10px !important;}

.page-id-16775 #page-body .content img { height: auto !important;}

span.sub-title {  display: block; text-decoration: none !important;}
span.small-title { display: block;}

.page-id-16334 #page-body .content img { width: 526px !important;}

div.pp_overlay { width: 100% !important;}

.page-id-18642 #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-masonry-thumbnails .bwg-item1 img { max-height: 260px !important; object-fit: contain !important; background: #fff; }
.page-id-18642 .bwg-item1 { background: #fff; } 

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2, 
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 { 
   color: #009FE2 !important;
}

#resources-navbar ul li:nth-child(2) { display: none !important;}
.featured .youtube-player { margin: auto; }
.page-template-template-resources-podcasts #resources .text {height: auto;}

.page-template-template-resources-podcasts #resources .youtube-player iframe { }

@media only screen and (min-width: 320px) and (max-width: 767px){
   #resources .youtube-player img { width: inherit;}
   .page-template-template-resources-podcasts #resources .container { text-align: center;}
   .page-template-template-resources-podcasts  #resources .title { margin: 0;}
   .page-template-template-resources-podcasts #resources .text {height: auto !important; margin: 0;}

}

.market-template .content h1, 
.market-template .content h2, 
.market-template .content h3, 
.market-template .content h4,
.market-template#page-body .content p { text-align: center !important;}


#latest-header.market-template { top: 0px !important; margin-bottom: 0px !important;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   #adventages { margin-bottom: 0px !important; }
   .latest-home {  margin-top: 0px !important; }
}

.market-template .arve-embed { border-radius: 8px !important;}
.market-template .arve { margin: auto !important; max-width: 100% !important;}

.for-markets { 
   position: absolute;
    font-family: 'Be Vietnam Pro',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    margin-left: -294px;
    text-transform: uppercase;
    margin-top: 63px;
    display: none;
}

#header.custom-markets .items { padding-top: 0px !important;}
#header.custom-markets .rj-container { align-items: center;}
#header.custom-markets .logo img { height: 90px; }
#header.custom-markets .dots-mobile { margin-top: 0px; }
#header.custom-markets .items-collapse { margin-top: 158px;}


/*  Change Experience Header Popup */
.change-experience-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
}

.change-experience-content label,
.change-experience-content .wpcf7-form-control-wrap { display: block !important;}
 
.change-experience-content .wpcf7-text,
.change-experience-content .wpcf7-form textarea { margin-bottom: -10px !important;}

.change-experience-content .popup-content h6 { margin-bottom: 20px;}
.change-experience-content .closing-icon { margin-bottom: 20px;}
.moda-container-change-experience{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.change-experience-content p { margin-bottom: 0px; }

.moda-container-change-experience .wpcf7-form textarea { height: 150px;}

.moda-container-change-experience.show-moda-container-change-experience{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}

.change-experience-content select {
   padding: 0px 20px;
   background: #FFFFFF;
   border-radius: 8px;
   width: 100%;
   height: 50px;
   border: #c7c7c7 2px solid;
   margin-bottom: 15px;
}

select:focus {
   outline: none !important;
   border-color: #009FE2 !important;
}

.change-experience-content #moove_gdpr_advanced_cookies { display: none !important;}

#change-experience-cta { 
   display: block;
   margin: 0px auto;
   color: #fff !important;
}

#change-experience-cta:hover { color: #009FE2 !important; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
   .change-experience-content{ padding: 40px 0px; border-radius: 0px !important;}
   .lets-connect-content, .lets-connect-content-header { padding: 40px 0px; border-radius: 0px !important;}
}


/*  Subscribe Newsletter Popup */
.subscribe-newsletter-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
   text-align: center;
}

.subscribe-newsletter-content label,
.subscribe-newsletter-content .wpcf7-form-control-wrap { display: block !important;}
 
.subscribe-newsletter-content .wpcf7-text,
.subscribe-newsletter-content .wpcf7-form textarea { margin-bottom: -10px !important;}

.subscribe-newsletter-content .popup-content h6 { margin-bottom: 20px;}
.subscribe-newsletter-content .closing-icon { margin-bottom: 20px;}
.moda-container-subscribe-newsletter{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.subscribe-newsletter-content p { margin-bottom: 10px; }
.subscribe-newsletter-content .wpcf7-submit { margin-top: 20px;}

.moda-container-subscribe-newsletter .wpcf7-form textarea { height: 150px;}

.moda-container-subscribe-newsletter.show-moda-container-subscribe-newsletter{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}

.rajant-card .category { 
   font-family: 'Be Vietnam',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: left;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #009FE2;
    padding-left: 15px;
}

.chop-hero:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: visible;
   position: absolute;
   background: rgba(0,0,0, 0.5);
   height: 100vh !important;
   width: 100%;
   top: 0px;
   left: 0px;
   z-index: 99999;
   min-height: 1000px;
}

@media screen and (max-width: 768px) {
    
   #bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails .bwg-item1 img {
      width: 100% !important; margin-left: 0px !important;
   }
   .bwg-item2 { margin-left: 0px !important; }
}


/*  SME page */
.sme{
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   padding-top: 60px;
   padding-bottom: 210px;
   background: url('../../assets/img/sme/sme-bg.png') center top no-repeat;
   background-size: cover;
}

.sme-footer { 
   display: block; margin: auto; text-align: center; margin-top: 60px;
}

.sme-footer img { 
   margin-top: 40px;
   width: 200px;
} 

#leader-ship.sme .rj-card { width: 50%; }
#leader-ship.sme .rj-card .rj-card-content { display: flex; align-items: center; }



#leader-ship.sme .rj-content { 
   background: #FFFFFF;
   background: #FFF;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
    z-index: 0;
    border-radius: 0px 8px 8px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    padding: 10px;
    align-items: center;
    width: 300px;
    text-align: center;
}

#leader-ship.sme .rj-card .rj-card-content:hover { transform: scale(1.1); }

#leader-ship.sme .rj-card img {     
   max-height: 298px;
   background: #FFF;
   box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25);
   border-radius: 8px;
   z-index: 10;
}

#leader-ship.sme .rj-card:hover .rj-content { background-color: #fff !important;}
#leader-ship.sme .rj-card:hover .rj-content .name, 
#leader-ship.sme .rj-card:hover .rj-content .grade, 
#leader-ship.sme .rj-card:hover .rj-content .learn-more  { color: #1C2329;}

#leader-ship.sme .name  { font-size: 22px; }
#leader-ship.sme .grade { font-size: 16px; }
#leader-ship.sme .rj-card .learn-more { display: none !important; text-decoration: underline !important;}
#leader-ship.sme .rj-card:hover .learn-more { display:block !important; margin-top: 10px; color: #fff; }


#leader-ship.sme .rj-card:nth-of-type(3) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(5) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(7) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(9) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(11) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(13) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(15) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(17) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(19) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(21) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(23) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(25) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(27) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(29) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(31) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(33) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(35) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(37) .rj-card-content{ 
   flex-direction: row-reverse; 
}
#leader-ship.sme .rj-card:nth-of-type(3) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(5) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(7) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(9) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(11) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(13) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(15) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(17) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(19) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(21) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(23) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(25) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(27) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(29) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(31) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(33) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(35) .rj-card-content,
#leader-ship.sme .rj-card:nth-of-type(37) .rj-card-content{ 
    margin-top: 200px;  
}
#leader-ship.sme .rj-card:nth-of-type(3) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(5) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(7) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(9) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(11) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(13) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(15) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(17) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(19) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(21) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(23) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(25) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(27) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(29) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(31) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(33) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(35) .rj-card-content .rj-content,
#leader-ship.sme .rj-card:nth-of-type(37) .rj-card-content .rj-content { 
   border-radius: 8px 0px 0px 8px; 
}

@media screen and (max-width: 768px) { 
   #leader-ship.sme .rj-card {  width: 100%; }
   #leader-ship.sme .rj-card .rj-card-content { display: block; margin-top: 20px !important; }
   #leader-ship.sme .rj-content { width: 100%; border-radius: 0 0 8px 8px !important; }
   #leader-ship.sme .rj-card { padding: 10px 40px;}
   #leader-ship.sme .rj-card .learn-more { display: block !important; color: #009FE2;}
   #leader-ship.sme .rj-card img {  border-radius: 8px 8px 0 0 !important; box-shadow: none;}
   #leader-ship.sme .rj-card img { max-height: 240px; object-fit: fill; }
   #leader-ship.sme .text { padding: 20px; }
   #chop-sponsors img { width: auto !important;}
   #chop-video { width: 100% !important; height: 280px !important;}
}

#leader-ship.sme .rj-card:nth-of-type(11):hover .rj-card-content .learn-more { display:none !important; }

/* Cardinal Product */
.cardinal  { position: relative;}
#product.cardinal .container { z-index: 9999;} 
#cardinal-video { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

#cardinal-video video {
   display: block;
   min-height: 100%;
   min-width: 100%;
   max-width: none;
   height: auto;
   width: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   bottom: auto;
   right: auto;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

#cardinal-video-play {
   position: absolute;
    top: 275px;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url(../img/common/play.svg) center center no-repeat;
    opacity: .7;
    z-index: 999999999;
    cursor: pointer;
    margin: auto;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: cover;
    width: 140px;
    height: 140px;
}

.hvr-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px transparent;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: transform;
   transition-property: transform
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
   -webkit-transform: scale(1.5);
   transform: scale(1.5)
}

.btn-container { position: relative;}

#hero_layer {
   background: #1b1f1f url(../img/common/video-pixel.png) repeat;
   z-index: 9999;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   opacity: .75;
   height: 100%;
}

#product.cardinal .col { 
   background-color: transparent;
   box-shadow: none;
   text-align: left;
}

#product.hero-txt.cardinal .small-title {
   padding-left: 0px;
}

#product.hero-txt.cardinal .sub-title {
   padding-left: 0px;
   font-size: 120px;
   color: #fff;
}

#product.hero-txt.cardinal .text {
   padding-left: 0px;
   color: #fff;
}


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

   #hero_layer { 
      opacity: .5 !important;
   }
   #product.cardinal .container { 
      background: url(../img/markets/markets-hero-dimmer.png) center 20px no-repeat !important;
      text-align: center;
      z-index: 9999;
   } 

   #product.hero-txt {
      margin-bottom: 40px !important;
  }

   
   #product.hero-txt.cardinal .small-title {
      padding-left: inherit;
   }
   
   #product.hero-txt.cardinal .sub-title {
      padding-left: inherit;
      font-size: 60px;
      color: #fff;
   }
   
   #product.hero-txt.cardinal .text {
      padding-left: inherit;
   }

   #product.cardinal .col { text-align: center; }

   #cardinal-video-play { 
      background-size: cover;
      width: 80px;
      height: 80px;
      background-color: #009FE2;
      border-radius: 100%;
      top: 0px;
   }

   #product.cardinal .col.btn-container { padding-top: 0px;}
}


/* Conquests Product */
.conquests  { position: relative;}
#product.conquests .container { z-index: 9999;} 
#conquests-video { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

#conquests-video video {
   display: block;
   min-height: 100%;
   min-width: 100%;
   max-width: none;
   height: auto;
   width: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   bottom: auto;
   right: auto;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

#conquests-video-play {
   position: absolute;
    top: 275px;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url(../img/common/play.svg) center center no-repeat;
    opacity: .7;
    z-index: 999999999;
    cursor: pointer;
    margin: auto;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: cover;
    width: 140px;
    height: 140px;
}



.conquests .icons-container {
   display: flex;
   align-items: center;
   margin: 0px auto !important;
   text-align: center;
   width: fit-content;
 }

 .icons-container div:last-child { margin-right: 0px !important;}

.btn-container { position: relative;}

#hero_layer {
   background: #1b1f1f url(../img/common/video-pixel.png) repeat;
   z-index: 9999;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   opacity: .75;
   height: 100%;
}

#product.conquests .col { 
   background-color: transparent;
   box-shadow: none;
   text-align: center;
}

#product.hero-txt.conquests .small-title {
   font-size: 40px;
}

#product.hero-txt.conquests .sub-title {
   text-align: center;
   font-size: 120px;
   color: #fff;
}

#product.hero-txt.conquests .text {
   text-align: center;
   color: #fff;
}


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

   #hero_layer { 
      opacity: .5 !important;
   }
   #product.conquests .container { 
      background: url(../img/common/video-pixel.png) no-repeat !important;
      text-align: center; 
      z-index: 9999;
   } 
   
   #product.hero-txt.conquests .small-title {
      padding-left: inherit;
      font-size: 40px !important;
   }
   
   #product.hero-txt.conquests .sub-title {
      padding-left: inherit;
      font-size: 60px !important;
      color: #fff;
   }
   
   #product.hero-txt.conquests .text {
      padding-left: inherit;
      
   }

   #product.conquests .col { text-align: center; }

   #conquests-video-play { 
      background-size: cover;
      width: 80px;
      height: 80px;
      background-color: #009FE2;
      border-radius: 100%;
      top: 0px;
   }

   #product.conquests .col.btn-container { padding-top: 0px;}

   #page-body.conquests .container { margin: 0px auto !important; padding: 0 15px !important;}
}


   #market-products{
   margin-bottom: 80px;
   margin-top: 80px;
   height: 260px;
   }

   #market-products .marquee--inner {
      position: absolute;
      display: flex;
      width:fit-content;
      height: 160px;
      animation: marquee-products 20s linear infinite !important;
      align-items: center;
   }
   
   @keyframes marquee-products {
      0% {
          right: -900px;
      }
      100% {
         right: 0px;
      }
   }

   #market-products div img{
      margin-right: 120px;
      object-fit: contain;
      height: auto;
      width: 160px;
   }



   #market-products .rajant-product-card img{
      width: 100%;
      margin-bottom: 20px;
      border-radius: 12px;
      border: 10px solid transparent ;
      object-fit: contain;
      height: 200px;
   }

   #market-products .rajant-product-card:hover img{
      border: 10px solid rgba(0, 159, 226,.1);
      box-sizing: border-box;
      border-radius: 12px;
   }

   #market-products .rajant-product-card a{
      text-decoration: none !important;
   }

   #market-products .rajant-product-card .name {
      font-family: 'Red Hat Display',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 140%;
      text-decoration: none !important;
      text-align: center;
      color: #394855;
   }
   
   #market-products .rajant-product-card{
      width: 380px;
      margin-bottom: 44px;
   }

   #market-products .rajant-product-card:hover a p {
      color: #009FE2;
      transition: .1S ease-in-out;
   }

   #market-products .marquee--inner {
      height: 260px;
   }

   #market-products .left-side { 
      height: 370px !important;
      margin-top: -40px !important;
      background-repeat: repeat-y !important;
   }

   #market-products .right-side { 
      height: 370px !important;
      margin-top: -40px !important;
      background-repeat: repeat-y !important;
   }


   @media only screen and (min-width: 768px) and (max-width: 991px) {
      #market-products{
      margin-bottom: 90px;
      }
   }
   @media only screen and (min-width: 320px) and (max-width: 767px) {
      #partner .sub-title{
      font-size: 36px;
      padding: 0px 25px;
      }
   }


   .resources-mining p.category:empty:before { 
      content: 'Blog';
   }

   .resources-mining iframe {
      width: 100%;
      border-radius: 8px;
      margin-top: 12px;
      margin-bottom: 20px;
      height: 220px;
   }

   #bgvid-mobile { display: none !important;}

   @media only screen and (min-width: 320px) and (max-width: 767px) {
      #bgvid-mobile { display: block !important;}
      #bgvid { display: none !important;}

      #conquests-video video {
         height: 100% !important;
         width: 100% !important;
         object-fit: fill !important ;
     }
   }

#rj-tabs { 
   display: block;
   position: relative;
   min-height: 900px;
   background-color: #edf8fd !important;
   text-align: center;
}

   .tabs {
      clear: both;
      position: relative;   
      margin: 0 auto;
   }
   
   .tab {
      display: inline-block;
      text-align: center;
      background-color: #B9CED7 !important;
      padding: 10px !important;
      margin: 0 -3px;
   }

   .tab:first-child { border-radius: 10px 0 0 10px; }
   .tab:last-child { border-radius: 0px 10px 10px 0; }
   
   .tab label {
      font-family: 'Be Vietnam',sans-serif;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 0.05em;
      position: relative;
      cursor: pointer;
      color: #626C76;
      text-transform: uppercase;
      padding: 5px 20px;
   }
   
   .tab [type=radio] {
      display: none;   
   }
   
   .tab__content {
      position: relative;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      transition: opacity .2s cubic-bezier(.42,0,.34,1.01);
      opacity: 0;
      text-align: left;
      margin-block: 20px;
   }
   
   [type=radio]:checked ~ label {
      z-index: 2;
      color: #009FE2;
      background: #fff !important;
      border-radius: 6px;
      padding: 5px 20px;
   }
   
   [type=radio]:checked ~ label ~ .tab__content {
      z-index: 1;
      opacity: 1;
   }



#banner-bar img {
   height: 36px;
   object-fit: contain;
   width: 78px;
   border-radius: 4px;
   margin-right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   #banner-bar img {
      display: block;
      margin: auto;
      margin-bottom: 10px;
   }
}

#markets.mining { height: auto !important; }
#markets.mining { position: relative; padding: 80px 0px !important; }
#markets.mining .map { margin-top: 40px;}


/* Redirect to Custom Mining Page */

.redirect-mining-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
   text-align: center;
}

.redirect-mining-content a { display: block; margin: auto; color: #fff !important; margin-top: 20px;}
.redirect-mining-content a:hover {     
   border: 2px solid #009FE2;
   color: #009FE2 !important;
   background: #fff;}

.redirect-mining-content label,
.redirect-mining-content .wpcf7-form-control-wrap { display: block !important;}
 
.redirect-mining-content .wpcf7-text,
.redirect-mining-content .wpcf7-form textarea { margin-bottom: -10px !important;}

.redirect-mining-content .popup-content h6 { margin-bottom: 20px;}
.redirect-mining-content .closing-icon { margin-bottom: 20px;}
.moda-container-redirect-mining{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.redirect-mining-content p { margin-bottom: 10px; }
.redirect-mining-content .wpcf7-submit { margin-top: 20px;}

.moda-container-redirect-mining .wpcf7-form textarea { height: 150px;}

.moda-container-redirect-mining.show-moda-container-redirect-mining{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}


#chop-sponsors .gutters .span_4 { width: 14%;}
#chop-sponsors .col img { object-fit: scale-down !important;}

.chop-press .col img { 
   height: 80px !important;
   object-fit: unset !important;
   width: 160px !important;
}

.page-id-19710 #wirless-products { display: none !important;}

.s-sheets-list ul  {
   color: #009fe2;
}

.s-sheets-list ul li a {
   color: #009fe2;
   text-decoration: underline !important;
}

.page-id-19710 #product.hero-txt { 
   background: url(https://rajant.com/wp-content/uploads/2023/11/rieos-hero.png) center center no-repeat !important;
}


 /* Antenna - Page Updates */
 .products-list-item {
   padding: 40px 0px !important;
 }

 .products-list-item::after {
   content: "";
   width: 400px;
   height: 2px;
   background: rgba(0, 0, 0, 0.15);
   position: absolute;
   display: block;
   margin-top: 40px;
}

.products-list-item:last-child::before {
   display: none;
}

.antenna-title {
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px !important;
   line-height: 120% !important;
   color: #009FE2;
}
.antenna-title::after {
   content: "";
    width: 120px;
    height: 4px;
    background: #009FE2;
    position: absolute;
    display: block;
    margin-top: 20px;
}

.product-family-title { 
   font-family: 'Red Hat Display',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 48px !important;
   line-height: 120% !important;
   margin-bottom: 12px;
   color: #1C2329 !important;
}


.product-family-cover img { 
   max-height: 500px !important;
}

.family-products {
   display: flex;
   flex-wrap: wrap;
}

.product-item:hover img { 
   /*border: 6px solid #009FE2;*/
   border: 2px solid #009FE2 !important;

}

.product-item img  { 
   /*border: 6px solid transparent;*/
   border-radius: 0px !important;
   /*margin-left: -6px;*/
   width: 280px;
   height: 160px !important;
   border: 2px solid #e7e7e7;
   padding: 2px;

}

.product-item h4  { 
   font-family: 'Be Vietnam Pro',sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 8px;
   text-align: left;
   letter-spacing: 0.05em;
   color: #009FE2;
   margin-bottom: 10px !important;
}
.product-item h5  { 
   font-family: 'Helvetica',sans-serif !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-size: 16px !important;
   line-height: 140% !important;
   text-align: left !important;
   color: #626C76;
   margin-top: 0px !important;
   margin-bottom: 20px !important;
   width: 80%;
}

.product-item { 
   width: 50%;
   margin-bottom: 40px;
}

#page-body .product-item a  { 
   font-weight: 700 !important;
   text-transform: uppercase;
   color: #009FE2 !important;
   text-decoration: none !important;
}

.product-item a:hover  { 
   color: #009FE2 !important;
   text-decoration: underline !important;
}

#page-body .content p.coming-soon {
   font-weight: 700 !important;
   text-transform: uppercase;
   color: #009FE2 !important;
}

.locate-specsheet-content{
   background-color: rgb(255, 255, 255);
   width: 600px;
   height: max-content;
   margin: auto;
   padding: 20px;
   border-radius: 20px;
   text-align: center;
}


.locate-specsheet-content .closing-icon { margin-bottom: 20px;}
.moda-container-locate-specsheet{
   background: rgba(35, 33, 33, 0.9);
   background-blend-mode: darken;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}

.locate-specsheet-content { 
   text-align: left;
   width: 800px;
   padding: 40px !important;
}

.locate-specsheet-content p { margin-bottom: 10px; }
.locate-specsheet-content .product-family-title { 
   font-size: 24px !important; 
   margin-top: 40px !important;
}

.locate-specsheet-content h4 { font-size: 16px !important; color: #009FE2;}
#locate-specsheet .popup-content { 
   padding: 0 20px;
   max-height: 600px;
   overflow: auto;
}


.moda-container-locate-specsheet.show-moda-container-locate-specsheet{
   pointer-events: auto;
   opacity: 1;
   overflow-y: scroll;
   transition: 1S ease-in-out;
   z-index: 9999999999;
}


#product.hero-txt {
   background: url(https://rajant.com/wp-content/themes/rajant/assets/img/markets/markets-hero-dimmer.png) center center no-repeat !important;
}

.page-id-19914 #product.hero-txt .dark-background {
   display: none;
}


