:root {
  --fa-font-solid: ;
}

body {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px;
  color: #565660;
  line-height: 1.4;
  font-weight: 500;
}

a {
  text-decoration: none;
  color:#9A1A10;
}

h1 {
  font-size: 50px;
  color: #1B1B1B;
  letter-spacing: 0.03;
  line-height: 1.24;
  font-weight: 700;
}

h2 {
  font-size: 28px;
  color: #2B2933;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
  color: #2B2933;
}

h4 {
  font-size: 20px;
  color: #2B2933;
  font-weight: 700;
}

h5 {
  font-size: 17px;
  color: #2B2933;
  font-weight: 600;
  text-transform: none;
}

/* ================== IMAGE SLIDER ================== */
.slider-con {
  margin-top: 75px;
}

.Slider-Banner-BG{
  min-height: 408px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: right;
  border-radius: 6px;
}

/*jssor slider bullet skin 132 css*/
.jssorb132 {
  position: absolute;
}

.jssorb132 .i {
  position: absolute;
  cursor: pointer;
}

.jssorb132 .i .b {
  fill: rgba(0, 0, 0, 0.2);
  f;
  fill-opacity: 0.8;
  stroke-width: 1600;
  stroke-miterlimit: 10;
  stroke-opacity: 0.7;
}

.jssorb132 .i:hover .b {
  fill: #B95A54;
  fill-opacity: .7;
  stroke: #fff;
  stroke-width: 2000;
  stroke-opacity: 1.0;
}

.jssorb132 .iav .b {
  fill: #B95A54;
  stroke-width: 2400;
  fill-opacity: 1.0;
  stroke-opacity: 1;
}

.jssorb132 .i.idn {
  opacity: 0.3;
}

/*jssor slider thumbnail skin 061 css*/
.jssort061 .p {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.jssort061 .t {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  opacity: .5;
 
}

.jssort061 .pav .t,
.jssort061 .p:hover.pdn .t {
  opacity: 1;
  filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none ; /* IE6-9 */
  zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
  -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/*Custom jssor CSS */

.LocPad{
  padding-top:25px;
  padding-left:10px;
  }
.jssor-slider-con{
  position:relative;
  margin:0 auto;
  top:0px;
  left:0px;
  max-width:1490px;
  width:100%;
  height:530px;
  overflow:hidden;
  visibility:hidden;
}
.slider-text-container{
  /* position: absolute;  */
  /* padding:113px 57px;  */
  max-width: 630px; 
  width: 100%; 
  height: auto;
}
.slider-logo-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-text-container p {
  color: #FFFFFF;
  line-height: 1.25;
  font-size: 16px;
  font-weight: 700;
}
.main-slider-container{
  cursor:default;
  position:relative;
  top:0px;
  left:0px;
  max-width:1490px;
  width:100%;
  height:408px;
  overflow:hidden;
}
.thumbnavigator-container{
  position:absolute;
  left:0px;
  bottom:0px;
  max-width:1490px;
  width:100%;
  height:100px;
}
.thumbnavigator-image-container{
  width:310px;
  height:90px; 
  position:relative;
}


/* ================== END IMAGE SLIDER ============== */
.no-pad {
  padding: 0px !important;
}
.sc-container .SC-Grid {
  display: block !important;
}

.SC-Grid_sidebar, .Grid_sidebar {
  width:100%;
  padding-top:25px;
}

.SC-PageNav_link:hover, .PageNav_link {
  color:#B41213;
}

.search-bar-container {
  /* margin-top: 20px; */
}

.Search {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.Search input:not(:focus) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.Search input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 1px solid #8D8C98;
  border-radius: 35px;
  outline: none;
  cursor: pointer;
  width: 100%;
  height: 50px;
  background: white;
  border-radius: 35px;
  padding: 0px 10px 0 39px;
  FONT-SIZE: 11px;
  color: #8D8C98;
}

.Search_icon {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 17px;
  width: 20px;
  height: 20px;
  fill: #B41213;
}

/* Enquiries/New  Custom CSS */

#SC-ContentBlockContainer-Tell-Us-About-Address-Container{
  background-color:#F5F5FA;
}

.enquiries-new-page-h1{
  font-weight:700;
  font-size: 30px;
  line-height: 2.0;
  color:#1B1B1B
}

.enquiries-container{
  padding: 20px 20px 30px;
  background-color: #FFFFFF;
  overflow: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 24px 6px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 24px 6px rgb(0 0 0 / 20%);
}
.mon-err-avatar-container, .mon-err-message-container {
  float:left;
}
.mon-err-message-container {
  padding-left:0px;
}
.mon-err-avatar-container {
  text-align: center;
}
.message-mon-err {
  font-weight: 500;
  font-size:18px;
  color: #2B2933;
  line-height: 1.3;
}
.half-twohalf-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: .5fr 2.5fr;
}

.two-col-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: 2fr 2fr;
}
.three-col-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: 3fr 3fr;
}

.ctm-pad {
  padding-top:50px;
  padding-bottom:50px;
}

.SC-PageNav_link.is-current, .PageNav_link.is-current {
  color: #b41213;
  font-weight: 700;
}

.enquiries-form-container {
  padding:35px 35px 30px;
  background-color: #FFFFFF;
  overflow: auto;
  border-radius: 10px;
  margin-top:40px;
}
.enquiries-form-container label {
  font-weight: 500;
  font-size:16px;
  line-height: 1.6;
  color:#2B2933;
  display: block;
}
.enq-checkbox-con label {
  font-weight: 500;
  font-size:16px;
  line-height: 1.6;
  color:#2B2933;
  display: inline-block; 
}
.enq-form-control {
  display: block;
  max-width: 350px;
  width:100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 20px;
  font-weight:700;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.42857143;
  color: #111111;
  background-color: #fff;
  background-image: none;
  border: 1px solid #E6E6EE;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.enq-form-control-container {
  margin-bottom:20px;
}
.enq-checkbox-con {
  padding: 5px 0px;
}
.enq-textarea {
  width: 100%;
  min-height: 180px;
  border: 1px solid #E6E6EE;
  border-radius: 4px;
  padding:10px;
}
/* Custom Checkbox in Enquiries Form */
input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #E6E6EE;
  border-radius: 0.2em;
  display: inline-block;
  width: 23px;
  height: 22px;
  padding-left: 0.3em;
  padding-bottom: 0.3em;
  padding-top: -1em;
  margin-right: 0.8em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  font-size: 19px;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #067766;
  border-color: #067766;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

/* START Navigation Menu Styles */
/* .row {
  padding-left: 15px;
  padding-right: 15px;
} */

.desktop-navigation {
  display: block;
}

.mobile-navigation {
  display: none;
}

.nav-section {
  border-bottom: 2px solid #B41213;
  min-height: 55px;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 2;
  background: #ffffff;
}

.logo-container {
  padding: 15px 0;
}

.col-10-t {
  width: 10% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-10 {
  width: 10% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-35 {
  width: 35% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-90 {
  width: 90% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/*Main Nav ul>li*/
.main_nav ul:not(.SC-Menu) {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.main_nav li:not(.SC-Menu_item) {
  float: left;
}

.main_nav li a:not(.SC-Menu_link) {
  display: block;
  text-align: center;
  padding: 18px 22px;
  text-decoration: none !important;
  font-weight: 700;
  color: #2B2933 !important;
  font-size: 16px;
}
.main_nav li a:hover {
  color: #B41213 !important;
}

.SC-Menu_link,
.SC-Menu_item.tier2:not(.parent) > a {
  color: #2B2933;
  font-weight: 700;
}

.SC-Menu_link:hover {
  color: #b41213;
}


/*Side Nav Ul>li*/
.side_nav {
  float: right;
}

.side_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.side_nav li {
  float: left;
}

.side_nav li a {
  display: block;
  text-align: center;
  padding: 18px 10px;
  text-decoration: none !important;
  font-weight: 700;
  color: #565660 !important;
  font-size: 14px;
}

.side_nav li a .fa-angle-right {
  font-size: 11px;
  color: #ffffff !important;
}

.side_nav li a span {
  color: #FFFFFF !important;
}

.contact_btn_nav {
  background: #067766;
  padding: 6px 16px;
  border-radius: 50px;
}

.contact_btn_nav:hover {
  background: #2B2933;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* Hamburger Menu */
#nav-icon3 {
  width: 27px;
  height: 25px;
  position: relative;
  margin: 15px 15px 15px 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #65656B;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/* Nav Icon 4 Push Menu */
#nav-icon4 {
  float: right;
  width: 27px;
  height: 25px;
  position: relative;
  margin: 21px 15px 15px 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #65656B;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
}

#nav-icon4 span:nth-child(2),
#nav-icon4 span:nth-child(3) {
  top: 9px;
}

#nav-icon4 span:nth-child(4) {
  top: 18px;
}

#nav-icon4.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon4.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon4.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/* End Nav Icon 4 Push Menu */
/* DropDown Menu */
#dropdown-menu {
  position: absolute;
  display: inline-block;
}

.my-account {
  background: #eeeeee;
  border-top: 1px solid #dedcdc;
  border-bottom: 1px solid #dedcdc;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 0px;
  z-index: 1;
  top: 60px;
  right: 30px;
  min-width: 220px;
}

.dropdown-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.dropdown-content ul li a {
  text-decoration: none !important;
  font-weight: 700;
  color: #565660 !important;
  font-size: 15px;
  display: block;
  padding: 14px 35px;
}

.dropdown-content ul li a:hover{
  color:#B41213 !important;
}

/* Push Menu */
#push-menu {
  display: inline-block;
}

.push-content {
  display: none;
  position: fixed;
  background-color: #F5F5FA;
  padding: 12px 0px;
  z-index: 1;
  top: 57px;
  width: 100%;
  z-index: 9;
}

.push-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.push-content li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  padding: 10px;
}

.push-content ul li a {
  text-decoration: none;
  font-weight: 700;
  color: #565660;
  font-size: 15px;
  display: block;
  padding: 6px 35px;
}

/* END Navigation Menu Styles */

/*Custom CSS*/
.container-xxxl {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-xxl {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-xl {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-l {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-m {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-s {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}


.col-33 {
  float: left;
  width: 33%;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-55 {
  float: left;
  width: 55%;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Custom CSS */

/*Slider CSS */
.slider-text-container p {
  color: #FFFFFF;
  line-height: 1.25;
  font-size: 16px;
  font-weight: 700;
}

.SC-Text p {
  font-size: 16px;
  color: #565660;
  line-height: 1.4;
  font-weight: 500;
}

.p-title {
  font-size: 20px;
  font-weight: 600;
  color: #2B2933;
  line-height: 1.4;
  letter-spacing: 0.03;
}

.Press_articles a h4 {
  color: #B41213;
  font-size: 18px;
  text-decoration: underline;
}

.Press_articles p, .Press_articles a h4 {
  margin: 0;
}

.Press_box a.download-all {
  transition: all 0.2s;
  float: right;
  line-height: 30px;
  line-height: 26px;
}
.Press_box ul {
  margin: 0 0 24px 20px;
}

.Pages_contact h4 {
  margin-bottom: 15px;
}
.Press_box a.download-all span {
  display: none;
}
p.small, span.small {
  font-size: 14px;
  color: #999;
}

.ruby-ul {
  list-style: disc;
}

.default-slider-btn {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  padding: 10px 20px;
  margin-top: 35px;
  text-decoration: none;
}

.slider-btn-container {
  padding-top: 35px;
}

.SC-Banner {
  min-height: 408px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: right;
  border-radius: 6px;
}

.SC-Banner_content-Dep {
  /* width: 35%; */
  padding: 113px 57px;
}

/* END Slider CSS */

/* START Subject Tags*/
.subjects-container {
  border: 1px solid #E6E6EE;
  border-radius: 10px;
  padding: 20px 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.subjects-tags {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  padding: 5px;
  background-color: #F5F5FA;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
  margin: 10px 10px 10px 0;
}

/* END Subject Tags*/

/* Ready to Start Block */
.footer-info-txt {
  font-weight: 500;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  width: 200px;
  color: #2B2933;
}

.fa-solid {
  color: #FFFFFF;
}

.fa-brands{
  background: none;
  color:#9A1A10;
  line-height: 45px;
  font-size: 24px;
}
.fa-brands:hover{
  color:#272430;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
.Press_social__link{
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
}


.ready-to-start-container-side-block {
  background-color: #F5F5FA;
  text-align: center;
  padding: 30px 15px 45px;
  border-radius: 10px;
  margin-top: 40px;
}

.ready-to-start-title-side-block {
  padding-bottom: 15px;
  color: #067766;
  font-size: 15px;
  font-weight: 600;
}

.ready-to-start-button-side-block {
  background-color: #067766;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
}

.ready-to-start-button-side-block:hover {
  background-color: #2B2933;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}


.ready-to-start-button-side-block:before {
  float: right;
  margin: 3px -1.1em 0 0;
  padding: 0 0.8em;
  pointer-events: none;
  text-align: center;
  width: 1em;
}

.add-side-block:before {
 font: var(--fa-font-solid);
 content: "\f105";
}

.add-side-block:hover::before {
  font-size:21px;
  margin: -2px -1.1em 0 0px;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
 }

.pay-for-services-container-side-block {
  background-color: #F9F9FC;
  text-align: center;
  padding: 30px 15px 45px;
  border-radius: 10px;
  margin-top: 40px;
}

.pay-for-services-title-side-block {
  margin-bottom: 15px;
  color: #AFAFB5;
  font-size: 15px;
  font-weight: 600;
}

.pay-for-services-button-side-block {
  background-color: #919098;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
  max-width: 225px;
  width: 100%;
  text-align: center;
}

.fa-solid, .fas{
  background: none !important;
}
.ready-to-start-container {
  background-color: #F5F5FA;
  text-align: center;
  padding: 40px;
}

.ready-to-start-title {
  color: #067766;
  font-size: 32px;
  font-weight: 600;
}

.ready-to-start-button-container {
  padding: 20px 20px 0;
}

.ready-to-start-button {
  background-color: #067766;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
}

.ready-to-start-button:hover {
  background-color: #2B2933;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.ready-to-start-button:before {
  float: right;
  margin: 3px -1.1em 0 0;
  padding: 0 0.8em;
  pointer-events: none;
  text-align: center;
  width: 1em;
}

.add:before {
 font: var(--fa-font-solid);
 content: "\f105";
}
.add:hover::before {
  font-size:25px;
  margin: 0px -1.1em 0 -11px;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
 }

/* END Reado to Start Block*/

.p-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #B41213;
  line-height: 1.5;
}
.p-subtitle:hover{
  text-decoration: underline;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.main-footer-container {
  overflow: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.expert-advice-p {
  font-size: 16px;
  font-weight: 500;
  color: #565660;
  line-height: 1.5;
  width: 100%;
  max-width: 490px;
}

.rubyrails {
  color: #B41213;
}

.partner-logo-con {
  text-align: center;
  padding: 0 10px;
  float: left;
  width: 100%;
  max-width: 186px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}

.partner-logo-con img {
  width: 100%;
  max-width: 115px;
  max-height: 45px;
}
.Press_box {
  padding: 20px;
  border: 1px solid #EBEBEB;
  margin-bottom: 30px;
}
.Press_box ul {
  margin: 0 0 24px 20px;
}
.Press_box h4 {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 14px;
  margin-top: 0;
}
.Pages_contact h4:first-child {
  margin-top: 0;
}
h4 strong{
  color: #9A1A10;
  font-weight: bold;
}

#SC-Main {
  margin-top: 55px;
}

#SC-page-press a{
  color:#9A1A10;
}

#SC-ContentBlock-Digita-Assets-Container{
  padding:30px 0;
}

#SC-ContentBlock-Featured-Articles{
  padding:50px 0px;
}

#SC-ContentBlockContainer-Header-SubPage-Storeconnect .bg-container-subpage img{
  width:140px;

}
#SC-ContentBlockContainer-expert-advice-from-our-expert-team{
  padding: 100px 0;
}

#SC-ContentBlockContainer-App-Design-Workshop h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-Through-an-8-step-process {
  padding: 70px 0px 0px;
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-Typical-Stages-of-the-User-Discovery-and-Visual-Design-Process h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-What-is-Visual-Design-Design-Artwork h1 {
  font-size: 28px;
  margin-bottom: var(--sc-spacing-base);
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services p {
  color: #565660;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services .sc-one-to-two-column {
  gap: 40px;
}

#SC-ContentBlockContainer-web-mobile-services-title h2 {
  padding: 60px 0 20px;
}

#SC-ContentBlockContainer-expert-advice-from-our-expert-team h2 {
  font-size: 20px;
}

#SC-ContentBlockContainer-Partners-Logo-Block {
  overflow: auto;
  background: #F5F5FA;
}

#SC-ContentBlockContainer-homepage-banner{
  padding-top:100px;
  padding-bottom:100px;
}
#SC-ContentBlockContainer-homepage-banner .CB-Component{
  display: flex;
  align-items: center;
  justify-content: center;
}
.CB-Component .Image img{
  max-width:490px;
  width:100%;
}

#SC-ContentBlockContainer-homepage-banner span {
  color: #565660;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

#SC-ContentBlock-h2-Lorem-Ipsum-dolor-sit-amet {
  padding-top: 60px;
  padding-bottom: 20px;
}


.SC-PageHeader {
  display: none;
}

.default-header-btn {
  font-weight: 600;
  background: #067766;
  color: #ffffff;
  padding: 6px 23px;
  border-radius: 15px;
  font-size: 14px;
  margin-top: 20px;
}
.default-header-btn:hover{
  background-color: #272430;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

#SC-ContentBlock-dedicated-ruby-rails-services {
  padding-top: 60px;
  padding-bottom: 20px;
}

#SC-ContentBlock-ready-to-start {
  padding-top: 75px;
  /* padding-bottom: 50px; */
}

#SC-ContentBlockContainer-Card-Blocks {
  padding-top: 40px;
  padding-bottom: 50px;
}

#SC-pages-home .CB-Slideshow {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

#SC-pages-home .SC-Banner_container,
.Banner_container {
  padding-left: 100px;
  padding-right: 100px;
  justify-content: left;
}

#SC-pages-home .tns-controls {
  display: none;
}

#SC-pages-home .tns-nav {
  bottom: -35px;
}

#SC-pages-home .tns-nav button.tns-nav-active {
  background: #B95A54;
}

#SC-pages-show .CB-Slideshow {
  padding-top: 0px;
  padding-bottom: 100px;
}

#SC-pages-show .SC-Banner_container,
.Banner_container {
  padding-left: 100px;
  padding-right: 100px;
  justify-content: left;
}

#SC-pages-show .tns-controls {
  display: none;
}

#SC-pages-show .tns-nav {
  bottom: -35px;
}

#SC-pages-show .tns-nav button.tns-nav-active {
  background: #B95A54;
}

#SC-ContentBlockContainer-Services-CardBlocks {
  padding-top: 50px;
}

#SC-ContentBlockContainer-Lorem-Ipsum-dolor-sit-amet h2 {
  padding: 20px 0 30px;
}

.SC-Footer .SC-Menu_link,
.Menu_link {
  color: #565660;
  font-size: 12px;
}

.SC-Footer a:hover,
.Footer a:hover, .side_nav>ul>li>a:hover {
  color: #B41213 !important;
}

.SC-Menu.tier1,
.Menu.tier1 {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.partner-img-footer {
  width: 100%;
  max-width: 259px;
}

.fa-solid {
  color: #FFFFFF;
}

.download-container {
  padding: 20px 0;
  text-align: left;
}

.download-button {
  font-size: 14px;
  color: #B41213;
  font-weight: 700;
  border: 1px solid #B41213;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: 'Montserrat', sans-serif;
}
.download-button:hover {
  border: 1px solid #2B2933;
  color: #2B2933;

}

.download-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color:#2B2933
}

/*SubBanner Pager */

.SubPages_Content {
  z-index: 999;
}
.SubPages_Banner_Container {
  border-bottom: 3px solid #B41213;
  background-position: center;
  background-position-x: right;
  padding: 50px 0;
  /* background-repeat: no-repeat; */
  background-color: rgba(245,245,250,0.05);
  position: relative;
}
.bg-container-innerpage{
  position: absolute;
  right:4%;
  top: 20%;
  z-index:-1;
}
.bg-container-subpage{
  position: absolute;
  right:4%;
  top: 20%;
  z-index:-1;
}

/*Case Studies */

.Case_Studies_Container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
  min-height: 600px;
  /* border: 1px solid #ffffff; */
  cursor: pointer;
  position: relative;
}

.Case_Studies_Container:after{
  content:'\A';
  position:absolute;
  width:100%; height:100%;
  top:0; 
  left:0;
  background:rgba(0,0,0,0.3);
  opacity:0;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.Case_Studies_Container:hover:after {
  opacity:1;
}

.case_studies_text_container {
  /* position: relative; */
}

.case_studies_text_container div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px;
  z-index:1 !important;
}

.case_studies_text_container span {
  color: #FFFFFF;
  line-height: 1.5;
  font-weight: 700;
  font-size: 16px;
}

#SC-ContentBlockContainer-Case-Studies-Solos-Container .sc-one-to-four-column {
  gap: 0px;
}

#SC-article_category-Case-Studies  .sc-one-to-four-column {
  gap: 0px;
}

.thin-txt {
  font-size: 14px !important;
  font-weight: 400 !important;
}

#SC-ContentBlock-Sitemap-Container ul > li > a{
  color:#9A1A10;
}

.hd1-container {
  padding-top: 10px;
}

.hd1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #2B2933;
  letter-spacing: 0.03px;

}

.hd2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 950px;
  width: 100%;
}

.hd2-blogs {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 1100px;
  width: 100%;
  margin-top:20px;
}

.hd2-inner {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 1220px;
  width: 100%;

}

.hd1-subtxt {
  font-size: 16px;
  color: #565660;
  font-weight: 500;
  line-height: 1.5;
}

.hd3 {
  font-size: 16px;
  font-weight: 500;
  color: #565660;
  line-height: 1.5;
  max-width: 815px;
  width: 100%;
}


/* Card Blocks Styles */
.card {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  max-width: 320px;
  min-height: 308px;
  text-align: center;
  padding: 20px 40px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
  cursor: pointer;
}

.card:hover {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.card-btm {
  margin-top: 50px;
}

.card-img {
  margin: 10px;
}

.card-title {
  font-size: 19px;
  padding: 15px 0;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.card-text {
  font-size: 14px;
  color: #565660;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 20px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.card-text:hover {
  color: #565660 !important;
}

.card-text p {
  margin-bottom:0;
}

.card-arrow {
  text-align: right;
  padding-top: 30px;
  margin-left:auto;
}

.card_press {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  max-width: 320px;
  min-height: 308px;
  text-align: center;
  padding: 20px 0px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
  cursor: pointer;
}
.card-img-press{
  border-bottom:1px solid #EBEBEB;
}
.card-text-press{
  padding: 0px 40px;
}

.EventCard_content_heading {
  font-size: 22px;
  margin: 20px 0 25px;
  font-weight: 700;
}

a.red-arrow-pages{
  display:inline-block ;
  width:20px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259039/media/arrow_default.svg") no-repeat ;
}

a.red-arrow-pages:hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

.p-link:hover > b > .red-arrow-pages{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

a.red-arrow{
  display:block ;
  width:20px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259039/media/arrow_default.svg") no-repeat ;
  margin-right: auto;
  margin-left: 220px;
}

a.red-arrow:hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

.card:hover > .card-arrow > .red-hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

/* Card Blogs */
.cardblog-gap{
  gap:40px !important;
  margin-bottom:50px;
}
.cardblog {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  /* max-width: 320px; */
  min-height: 175px;
  text-align: left;
  padding: 20px 40px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
}

.cardblog:hover > .cardblog-title > a{
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.cardblog:hover{
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  cursor:pointer;
}

.cardblog-img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.cardblog-title {
  font-size: 17px;
  padding: 15px 0;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}

.cardblog-title a{
  text-decoration:none !important;
  color:#2B2933 !important;
  min-height: 43px;
}
.cardblog-title a:hover{
  color: #B41213 !important;
}

.cardblog-Name {
  font-size: 14px;
  color: #2B2933;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 20px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.cardblog-text {
  font-size: 12px;
  color: #8D8C98;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 15px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.tags {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  padding: 5px;
  background-color: #F5F5FA;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
}

#SC-pages-show .sc-container {
  padding: 0 !important;
  max-width: none !important;
}

.subject-tags-header{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px !important;
  padding: 5px;
  background-color: #E6E6EE;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
  margin: 10px 10px 10px 0;
}

.creators-container{
  overflow:auto;
}

.blog-avatar{
  border-radius: 50%;
}

.img-blog-owner-container{
  float:left;
}
.blog-owner-info-name-date-container{
  float:left;
  margin-left: 20px;
  margin-top: 27px;
}

.card-blog-owner-info-name-date-container{
  float:left;
  margin-left: 20px;
  margin-top: 2px;
}

.Mobno-footer {
  padding-right:20px;
}

[data-cb="p-right-norths-collective-banner-image"]{
  display: flex;
  align-items: center;
  justify-content: center;
}

#SC-ContentBlock-case-study-entry-tag-list .p-subtitle{ 
  font-weight:600;
}

@media only screen and (min-width: 768px) {

  #SC-pages-show .SC-Banner_container,
  .Banner_container {
    min-height: 400px !important;
  }

  /* #SC-pages-show .SC-Banner_content,
  .Banner_content {
    max-width: 537px;
    width: 100%;
  } */

  #SC-pages-home .SC-Banner_container,
  .Banner_container {
    min-height: 400px !important;
  }

  /* #SC-pages-home .SC-Banner_content,
  .Banner_content {
    max-width: 537px;
    width: 100%;
  } */


}

@media only screen and (max-width:1440px) {
  .partner-logo-con {
    max-width: 164px;
  }

  .dropdown-content {
    right: 40px;
  }

}

@media only screen and (max-width:1280px) {
  .SC-Menu.tier1.dropdown>li>a:not(.Icon), .Menu.tier1.dropdown>li>a:not(.Icon) {
    padding: 15px 8px;
   }
   .side_nav li a:not(.SC-Menu_link) {
    padding: 15px 7px;
   }
   .main_nav li a:not(.SC-Menu_link) {
    padding: 19px 9px;
    font-size: 13px;
  }
  .side_nav li a:not(.SC-Menu_link) {
    padding: 21px 10px;
    font-size: 10px;
  }
  .logo-container {
    padding: 18px 0px;
  }
  .logo-img {
    max-width: 115px !important;
  }
}

@media only screen and (max-width:1024px) {
  .partner-logo-con {
    max-width: 124px;
  }

  .Mobno-footer {
    display: none !important;
  }

  .SC-Banner {
    background-position-x: left;
  }
  .bg-container-innerpage{
    display:none;
  }
  .bg-container-subpage{
    display:none;
  }
}


@media only screen and (max-width:768px) {
  .Mobno {
    display: none;
  }

  .partner-logo-con {
    max-width: 184px;
  }

  .SC-Banner_content-Dep {
    width: 85%;
  }

  #SC-ContentBlock-footer-partner img {
    max-width: 170px;
  }

  .card-btm {
    margin-top: 0px !important;
  }

  .desktop-navigation {
    display: none;
  }

  .mobile-navigation {
    display: block;
  }

  .sc-two-thirds-one-third {
    display: block;
  }
}

@media only screen and (max-width:458px) {
  h1 {
    font-size: 2rem !important
  }

  h2 {
    font-size: 1.5rem !important
  }

  h3 {
    font-size: 1.0rem !important
  }

  .hd1 {
    font-size: 15px;
  }

  .hd1-subtxt {
    font-size: 12px;
  }

  #SC-pages-show .SC-Banner_container,
  .Banner_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #SC-pages-home .SC-Banner_container,
  .Banner_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .SC-Banner_content-Dep {
    padding: 155px 16px;
    width: 95%;
  }

  .col-50 {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }

  .col-33 {
    width: 100%;
    padding: 20px 0;
  }

  .main-footer-container {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #SC-ContentBlock-footer-partner img {
    max-width: 230px;
    width: 100%;
  }

  .ta-right {
    float: none !important;
    text-align: center;
  }

  .footer-info-txt {
    width: 100% !important;

  }

  .partner-logo-con {
    max-width: 198px;
  }

  .half-twohalf-grid{
    display: block;
  }
  .mon-err-avatar-container{
    width:100%;
  }
  .two-col-grid{
    display:block;
  }
  .three-col-grid{
    display:block;
  }

  #SC-ContentBlockContainer-homepage-banner{
    padding-top:30px;
    padding-bottom:50px;
  }
  .slider-logo-container{
    display:none;
}
}

@media only screen and (max-width:425px) {
  .partner-logo-con {
    max-width: 180px;
  }
}

@media only screen and (max-width:375px) {
  .partner-logo-con {
    max-width: 172px;
  }

  .default-slider-btn {
    font-size: 11px;
  }

  .ready-to-start-title {
    font-size: 28px;
  }

  .ready-to-start-button {
    font-size: 15px;
  }

}

@media only screen and (max-width:320px) {
  .partner-logo-con {
    max-width: 145px;
  }

  .SC-Banner_content-Dep {
    padding: 85px 13px;
  }

  .ready-to-start-button {
    font-size: 11px;
    padding: 11px 25px;
  }
}
h2,h3 {
  margin-top:25px;
  margin-bottom: 25px;
}
#SC-ContentBlock-p-left-community {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.ServicesSummary_list_item_icon.circle {
  box-sizing: border-box;
  width: 32px;
  display: inline-block;
  color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
.ServicesSummary_list_item_label {
  display: inline-block;
  color: currentColor;
  width: calc(100% - 32px - 30px);
  vertical-align: middle;
  font-weight: 700;
}
#SC-ContentBlock-look-after-your-rails-content {
  text-align: center;
}
#SC-ContentBlockContainer-Look-after-your-Rails-container {
  margin: 20px;
  padding: 20px;
  border: thin solid #000000;
  box-shadow: 0 2px 8px rgb(187,187,187);
}
.p-entry-tag{
  opacity: 1;
  color: #272727;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
}