@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
#cd5_417 {overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; padding: 0px; background-color: #000; display: block; margin: 0; }
#cd5_417 * { box-sizing: border-box; }
#cd5_417 .m417_innerdiv { margin: auto; position: relative; width: 100%; max-width: 100%; padding: 0px; z-index: 1; display: flex; align-items: stretch; justify-content:center; flex-direction: row; }
#cd5_417 .m417_leftdiv {margin: auto; position: relative; width: 100%; padding: 0px; z-index: 1; display: flex; flex-wrap: wrap; align-items: stretch; justify-content:center; flex-direction: row; flex: 2;}
#cd5_417 .m417_rightdiv {margin: auto; position: relative; width: 100%; padding: 0px; z-index: 1; display: flex; align-items: stretch; justify-content:center; flex-direction: row; flex: 1;}
#cd5_417 .m417_Box {margin: auto; overflow: hidden; position: relative; width: 50%; padding: 0px; height: 40vh; min-height: 450px;  -webkit-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-o-transition: 1s ease-in-out; }
#cd5_417 .m417_BoxBig {height: 40vh; min-height: 450px; width: 100%;}
#cd5_417 .m417_BoxOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(11,11,11,0.2); -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
#cd5_417 .m417_BoxOverlayi { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
#cd5_417 .m417_Box:hover .m417_BoxOverlayi { scale: 1.2; }

#cd5_417 .m417_linkbox { position: absolute; bottom:0; left:0; width:100%; padding: 30px; background-color:rgba(11,11,11,0.6); -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
#cd5_417 .m417_Box:hover .m417_linkbox {  background-color:rgba(1,1,1,0.8);}

#cd5_417 .m417_title { font-family: Montserrat;font-weight: 600; font-size: 30px;line-height:1.2; letter-spacing: 0.5px; padding-bottom: 15px; color: #fafafa; }
#cd5_417 .m417_para { font-family: Montserrat; font-weight: 400; font-size: 14px;line-height:1.8; letter-spacing: 0px;  padding-bottom: 15px; min-height: 66px; color: #fcfcfc; display: none; }
#cd5_417 .m417_label { font-family: Montserrat;font-weight: 500; font-size: 14px;line-height:1;  color: yellow; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; }
#cd5_417 .m417_Box:hover .m417_label { color:#ff0000;}

@media only screen and (max-width: 1366px) {
     #cd5_417 .m417_title{  font-size: 24px;}
}  
@media only screen and (max-width: 1023px) {
     #cd5_417 .m417_innerdiv { flex-direction: column; }
     #cd5_417 .m417_BoxBig { height: 40vh; min-height: 450px;}
     #cd5_417 .m417_Box { border: solid 1px #595959;}
}
@media only screen and (max-width: 767px) {
     #cd5_417 .m417_title{  font-size: 20px;}
     #cd5_417 .m417_linkbox { padding: 20px; }     
     #cd5_417 .m417_para {font-size: 13px;}
     #cd5_417 .m417_label {font-size: 13px;}
} 
@media only screen and (max-width: 639px) {
     #cd5_417 .m417_innerdiv { flex-direction: column; }
     #cd5_417 .m417_Box {height: 30vh; min-height: 300px; width: 100%;}
     #cd5_417 .m417_BoxBig { height: 30vh; min-height: 300px;}
     #cd5_417 .m417_title{  font-size: 18px;}
}   
