.branding-wrp{overflow: hidden;}
.btn_video_play{display: flex;width: 100%;}
.btn_video_play .play_icon{background: var(--color-01);width: 90px;height: 90px;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;transition:all 500ms ease-in-out;}
.btn_video_play .play_icon:before{content:"";width: 0;height: 0;border: 15px solid transparent;border-left: 20px solid #000;position: absolute;top: 50%;left: 62%;transform: translate(-50%,-50%);transition:all 500ms ease-in-out;}
.btn_video_play video{width: 100%;}


.btn_video_play:hover{transition:all 500ms ease-in-out;}
.btn_video_play:hover .play_icon{transform: translate(-50%,-50%) scale(1.5);transition:all 500ms ease-in-out;}
.btn_video_play:hover .play_icon:before{left:56%;transform: translate(-50%,-50%) scale(.7);transition:all 500ms ease-in-out;}



section.smss-sec-01{background:url("sunmark-banner-02.webp");text-align:center;min-height: 100vh;padding:10vh;display: flex;align-items: center;justify-content: center;}

section.smss-sec-02{color:#ffffff;background:#231f20;position:relative;}
section.smss-sec-02 ul.color_palette{margin:0px;padding:0px;list-style-type:none;display: flex;flex-direction: row;justify-content: space-between;}
section.smss-sec-02 ul.color_palette li{width: 100%;min-height: 20vh;padding: 15px;display: flex;align-items: flex-end;justify-content: flex-end;}
section.smss-sec-02 ul.color_palette li:nth-child(1){color:#ffffff;background:#231f20;border:1px solid #ffffff;}
section.smss-sec-02 ul.color_palette li:nth-child(2){color:#ffffff;background:#ec1c24;border:1px solid #ec1c24;}
section.smss-sec-02 ul.color_palette li:nth-child(3){color:#231f20;background:#ffffff;border:1px solid #231f20;}

section.smss-sec-07{background: #231f20;position:relative;}
section.smss-sec-07 ul{margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: row;flex-wrap: wrap;}
section.smss-sec-07 ul li{gap: 15px;display: flex;flex-direction: column;}
section.smss-sec-07 ul li .sms-thumb{max-width: 100%;}
section.smss-sec-07 ul li:nth-child(1){width: 100%;}
section.smss-sec-07 ul li:nth-child(2){width: 44.95%;}
section.smss-sec-07 ul li:nth-child(3){width: 54.15%;}
section.smss-sec-07 ul li:nth-child(4){width: 100%;}




section.smss-sec-03{background: #c9c9c9;position:relative;display: flex;flex-direction: row;}
section.smss-sec-03 .color_palette{width: 36%;}
section.smss-sec-03 .fonts_wrap{width: 63%;height: 70%;padding: 4% 5%;margin: 50px 0px  50px  30px;background: linear-gradient(90deg, #1c1c1d, #e23e2f);gap: 10vh;display: flex;align-items: center;}
section.smss-sec-03 .fonts_wrap ul{gap: 10vh;display: flex;flex-direction: column;}
section.smss-sec-03 .fonts_wrap ul li{gap: 10vh;display: flex;flex-direction: row;}
section.smss-sec-03 .fonts_wrap ul li .f_weight_title{}
section.smss-sec-03 .fonts_wrap ul li .f_weight_para{}
section.smss-sec-03 .fonts_wrap ul li .f_weight_para img{width:81%;}


section.smss-sec-04{padding:80px 60px;position:relative;display: flex;}

section.smss-sec-05{position:relative;z-index: 8;}

section.smss-sec-06{position:relative;display: flex;}


section.smss-sec-08 ul{list-style: none; margin-bottom:0px; padding-left:0px;}
section.smss-sec-08 .container-fluid{padding:0px;}
section.smss-sec-08 .main-row .columns{padding-inline:0px; /*border:1px solid black;*/}
section.smss-sec-08 .main-row .columns:nth-of-type(1){height:100vh; }

section.smss-sec-08 .main-row .columns:nth-of-type(1) img{width:100%; height:100%; object-fit: cover;}

section.smss-sec-08 .main-row .columns:nth-of-type(2){background-color: #231f20; position: relative;}
section.smss-sec-08 .main-row .columns:nth-of-type(2){min-height:100vh;padding-block: 15px;padding-inline: 26px;}
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul{width:100%;height:100%;display: flex;gap:15px;}
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul li{ display: flex; }
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul li:nth-of-type(1){width: 70%; flex-direction: column; gap:15px; }
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul li:nth-of-type(1) img{width:100%;}
section.smss-sec-08 .main-row .columns:nth-of-type(2)  img.x-logo{position: absolute;bottom: 30%;z-index: 2;left: 46%;}
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul li:nth-of-type(2){width:50%;}
section.smss-sec-08 .main-row .columns:nth-of-type(2) ul li:nth-of-type(2) img{width:100%; height:100%; object-fit: cover;}
section.smss-sec-08 .main-row .columns:nth-of-type(3){position: relative;}

section.smss-sec-08 .main-row .columns:nth-of-type(4){height:100vh;}
section.smss-sec-08 .main-row .columns:nth-of-type(5){height:100vh;}
section.smss-sec-08 .main-row .columns:nth-of-type(6){position:relative;}
section.smss-sec-08 .main-row .columns:nth-of-type(4) img,section.smss-sec-08 .main-row .columns:nth-of-type(5) img{height:100%; width:100%; object-fit: cover;}


section.smss-sec-09{position:relative;}

 
section.smss-sec-10{background:#232323;position:relative;}
section.smss-sec-10 ul{margin: 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: column;}
section.smss-sec-10 ul li{display: flex;flex-direction: row;align-items: flex-start;}
section.smss-sec-10 ul li .branding-thumb{max-width: 100%;height: auto;}
section.smss-sec-10 ul li:nth-child(1) img:nth-child(1){width: 41.85%;}
section.smss-sec-10 ul li:nth-child(1) img:nth-child(2){width: 58.19%;}

section.smss-sec-10 ul li:nth-child(2) img:nth-child(1){width: 39.75%;}
section.smss-sec-10 ul li:nth-child(2) img:nth-child(2){width: 61.25%;}

section.smss-sec-10 ul li:nth-child(3) img:nth-child(1){width: 61%;margin-top: -30px;}
section.smss-sec-10 ul li:nth-child(3) img:nth-child(2){width: 35%;margin-top: 30px;margin-left: 30px;}

section.smss-sec-10 ul li:nth-child(4) img:nth-child(1){width: 100%;}

section.smss-sec-10 ul li:nth-child(5) img:nth-child(1){width: 50%;}
section.smss-sec-10 ul li:nth-child(5) img:nth-child(2){width: 50%;}

section.smss-sec-10 ul li:nth-child(6) img:nth-child(1){width: 36%;}
section.smss-sec-10 ul li:nth-child(6) img:nth-child(2){width: 64%;}

section.smss-sec-10 ul li:nth-child(7) img:nth-child(1){width: 100%;}

.stripes-dots{width: 130%;height: 6vh;position:relative;overflow:hidden;}
.stripes-dots:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("stripe-tagline.webp") #000000 repeat top left;background-size: contain;animation: dotsMove 32s linear infinite;}

/* Animation */
@keyframes dotsMove {
  from { background-position: 0 0;}
  to { background-position: -100% 0;}
}

@media (max-width:1366px){
	section.smss-sec-07 ul li:nth-child(2) { width: 44.65%;}
	section.smss-sec-08 .main-row .columns:nth-of-type(2) img.x-logo{ bottom: 26%; left: 42%;}
}

@media (max-width:1280px){
	
}

@media (max-width:992px){
	
}

@media (max-width:768px){

	section.smss-sec-01 {min-height:auto;}
	section.smss-sec-03{background: #c9c9c9;position:relative;display: flex;flex-direction: column;}
	section.smss-sec-03 .color_palette{width: 100%;}
	section.smss-sec-03 .fonts_wrap{width: 100%;height:auto;margin: 0px;padding: 40px 30px;}
	section.smss-sec-03 .fonts_wrap ul{margin:0px;padding:0px;outline-style:none;gap: 30px;}
	section.smss-sec-03 .fonts_wrap ul li .f_weight_para img{width:100%;}

	section.smss-sec-04{padding:30px;}
	
	section.smss-sec-07 ul li:nth-child(2) { width: 43.85%; }
	section.smss-sec-08 .main-row .columns:nth-of-type(1),section.smss-sec-08 .main-row .columns:nth-of-type(4),section.smss-sec-08 .main-row .columns:nth-of-type(5){height:auto;}
	section.smss-sec-08 .main-row .columns:nth-of-type(2) {min-height:auto;}
	section.smss-sec-08 .main-row .columns:nth-of-type(2) img.x-logo{ width:30%;}
}

@media (max-width:576px){
	section.smss-sec-07 ul li:nth-child(2),
	section.smss-sec-07 ul li:nth-child(3),section.smss-sec-07 ul li:nth-child(4){width:100%;}
	.branding-wrp p {font-size: 1rem;}
	.btn_video_play .play_icon {width:75px; height:75px;}
}

@media (max-width:480px){
/*	section.smss-sec-02 ul.color_palette {flex-direction: column;}*/
}