﻿.webp .mh { background-image: linear-gradient(to bottom right, #0a254aaa, #00000088), url("/uploaded/Image/mastheads/SOLIDWORKS-3DEXPERIENCE-Data-Connection.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #0a254aaa, #00000088), url("/uploaded/Image/mastheads/SOLIDWORKS-3DEXPERIENCE-Data-Connection.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#0a254aaa, #00000088), url("/uploaded/Image/mastheads/mobile/450_SOLIDWORKS-3DEXPERIENCE-Data-Connection.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#0a254aaa, #00000088), url("/uploaded/Image/mastheads/mobile/450_SOLIDWORKS-3DEXPERIENCE-Data-Connection.jpeg");}
}

#IMG-MASTHEAD.mh h1 {
    font-size: clamp(1.8rem, 1.523rem + 1.23vw, 3rem);
    line-height: clamp(1.8rem, 1.523rem + 1.23vw, 3rem);
    max-width: 1600px;
    padding: 0 10px;
}


#TRAINING::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Training/Page-Renders/Accessing-3DEXPERIENCE-Files-in-SOLIDWORKS.jpg);
}

#regGrey h2 {margin-bottom: 0px; padding-bottom: 2%}

.FeefoCon {float: left; width: 100%; text-align: center; padding-bottom:1em; background-color: #fff;}
.FeefoRate {float: left; width: 24%; margin: 1% 38% 1%}
.FeefoRate img {width: 100%}
.Inn { height: auto;}


@media (max-width: 1024px) {
.FeefoRate {width: 28%; margin: 1% 36% 1%}
}

@media (max-width: 980px) {
.FeefoRate {width: 32%; margin: 1% 34% 1%}
}

@media (max-width: 880px) {
.FeefoRate {width: 36%; margin: 1% 32% 2%}
#regGrey .feefo_CommentText { padding: 5px 1% 5px 1%;margin-left: 0; float: right;}
#regGrey .feefo_ProductNameText { width: 18%;}
}

@media (max-width: 700px) {
.FeefoRate {width: 40%; margin: 1% 30% 1%}
}

@media (max-width: 555px) {
.FeefoRate {width: 44%; margin: 1% 28% 2%}
#regGrey .feefo_ProductNameText {width: 17%;}
}

@media (max-width: 400px) {
.FeefoRate {width: 64%; margin: 2% 18% 2%}
}
