.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{position:relative;}

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-07{position:relative;}
section.smss-sec-07 ul{margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: row;}
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: 55.9%;}
section.smss-sec-07 ul li:nth-child(2){width: 45%;}


section.smss-sec-08{background: #e23e2f;position:relative;padding: 50px 0px;}

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-01 {background-size: cover;}
}

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

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

@media (max-width:768px){
    section.smss-sec-01 {min-height: auto;  aspect-ratio: 16 / 9;}
	section.smss-sec-03{background: #c9c9c9;position:relative;display: flex;flex-direction: column;}
	section.smss-sec-03 .color_palette,section.smss-sec-03 .color_palette img{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-08 { padding: 30px 0px; }
	
}

@media (max-width:576px){
	.branding-wrp p {font-size: 1rem;}
}
@media (max-width:480px){
	section.smss-sec-07 ul {flex-direction: column; gap:0px;}
	section.smss-sec-07 ul li:nth-child(1),section.smss-sec-07 ul li:nth-child(2){width:100%; gap:0px;}
	section.smss-sec-08 {  padding: 1rem 0px;}
	section.smss-sec-10 ul li {flex-direction: column;}
	section.smss-sec-10 ul li:nth-child(1) img:nth-child(1),section.smss-sec-10 ul li:nth-child(1) img:nth-child(2),section.smss-sec-10 ul li:nth-child(2) img:nth-child(1) ,section.smss-sec-10 ul li:nth-child(2) img:nth-child(2),section.smss-sec-10 ul li:nth-child(3) img:nth-child(1),section.smss-sec-10 ul li:nth-child(3) img:nth-child(2),section.smss-sec-10 ul li:nth-child(5) img:nth-child(1),section.smss-sec-10 ul li:nth-child(5) img:nth-child(2),section.smss-sec-10 ul li:nth-child(6) img:nth-child(1),section.smss-sec-10 ul li:nth-child(6) img:nth-child(2) {width:100%;}
	
}