@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");

/* Regular */
@font-face {
  font-family: "Cormorant SC";
  src: url("../../../fonts/CormorantSC/CormorantSC-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Light */
@font-face {
  font-family: "Cormorant SC";
  src: url("../../../fonts/CormorantSC/CormorantSC-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* Medium */
@font-face {
  font-family: "Cormorant SC";
  src: url("../../../fonts/CormorantSC/CormorantSC-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* SemiBold */
@font-face {
  font-family: "Cormorant SC";
  src: url("../../../fonts/CormorantSC/CormorantSC-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: "Cormorant SC";
  src: url("../../../fonts/CormorantSC/CormorantSC-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
:root {
  --primary-color: rgba(55, 56, 145, 1) !important;
  --secondary-color: rgba(253, 187, 48, 1);
  --background-color: #f8f9fa;
  --text-color: #333;
  --font-poppins: "Poppins", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-plus-jakarta: "Plus Jakarta Sans", sans-serif;
  --background-secondary: rgba(32, 33, 82, 1);
  
}


#newsTabs {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
#newsTabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.search-iconn {
  background: #efefef;
}
.media-bann {
  width: 100% !important;
  height: 150px !important;
  border-radius: 0px !important;
}
body {
  overflow-x: hidden;
  text-align: justify !important;
  top: 2px !important;

}
.ff-Montserrat {
  font-family: Montserrat;
}
.bg-primary {
  color: #29388d;
}
.color-primary {
  color: #29388d;
}
.fs-5 {
  font-size: 5px;
}
.fs-6 {
  font-size: 6px;
}
.fs-7 {
  font-size: 7px;
}
.fs-8 {
  font-size: 8px;
}
.fs-9 {
  font-size: 9px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}
.fs-25 {
  font-size: 25px;
}
.fs-26 {
  font-size: 26px;
}
.fs-27 {
  font-size: 27px;
}
.fs-28 {
  font-size: 28px;
}
.fs-29 {
  font-size: 29px;
}
.fs-30 {
  font-size: 30px;
}
.fs-31 {
  font-size: 31px;
}
.fs-32 {
  font-size: 32px;
}
.fs-33 {
  font-size: 33px;
}
.fs-34 {
  font-size: 34px;
}
.fs-35 {
  font-size: 35px;
}
.fs-36 {
  font-size: 36px;
}
.fs-37 {
  font-size: 37px;
}
.fs-38 {
  font-size: 38px;
}
.fs-39 {
  font-size: 39px;
}
.fs-40 {
  font-size: 40px;
}
.fs-41 {
  font-size: 41px;
}
.fs-42 {
  font-size: 42px;
}
.fs-43 {
  font-size: 43px;
}
.fs-44 {
  font-size: 44px;
}
.fs-45 {
  font-size: 45px;
}
.fs-46 {
  font-size: 46px;
}
.fs-47 {
  font-size: 47px;
}
.fs-48 {
  font-size: 48px;
}
.fs-49 {
  font-size: 49px;
}
.fs-50 {
  font-size: 50px;
}
.fs-51 {
  font-size: 51px;
}
.fs-52 {
  font-size: 52px;
}
.fs-53 {
  font-size: 53px;
}
.fs-54 {
  font-size: 54px;
}
.fs-55 {
  font-size: 55px;
}
.fs-56 {
  font-size: 56px;
}
.fs-57 {
  font-size: 57px;
}
.fs-58 {
  font-size: 58px;
}
.fs-59 {
  font-size: 59px;
}
.fs-60 {
  font-size: 60px;
}

.h-1 {
  height: 1%;
}
.h-2 {
  height: 2%;
}
.h-3 {
  height: 3%;
}
.h-4 {
  height: 4%;
}
.h-5 {
  height: 5%;
}
.h-6 {
  height: 6%;
}
.h-7 {
  height: 7%;
}
.h-8 {
  height: 8%;
}
.h-9 {
  height: 9%;
}
.h-10 {
  height: 10%;
}
.h-11 {
  height: 11%;
}
.h-12 {
  height: 12%;
}
.h-13 {
  height: 13%;
}
.h-14 {
  height: 14%;
}
.h-15 {
  height: 15%;
}
.h-16 {
  height: 16%;
}
.h-17 {
  height: 17%;
}
.h-18 {
  height: 18%;
}
.h-19 {
  height: 19%;
}
.h-20 {
  height: 20%;
}
.h-21 {
  height: 21%;
}
.h-22 {
  height: 22%;
}
.h-23 {
  height: 23%;
}
.h-24 {
  height: 24%;
}
.h-25 {
  height: 25%;
}
.h-26 {
  height: 26%;
}
.h-27 {
  height: 27%;
}
.h-28 {
  height: 28%;
}
.h-29 {
  height: 29%;
}
.h-30 {
  height: 30%;
}
.h-31 {
  height: 31%;
}
.h-32 {
  height: 32%;
}
.h-33 {
  height: 33%;
}
.h-34 {
  height: 34%;
}
.h-35 {
  height: 35%;
}
.h-36 {
  height: 36%;
}
.h-37 {
  height: 37%;
}
.h-38 {
  height: 38%;
}
.h-39 {
  height: 39%;
}
.h-40 {
  height: 40%;
}
.h-41 {
  height: 41%;
}
.h-42 {
  height: 42%;
}
.h-43 {
  height: 43%;
}
.h-44 {
  height: 44%;
}
.h-45 {
  height: 45%;
}
.h-46 {
  height: 46%;
}
.h-47 {
  height: 47%;
}
.h-48 {
  height: 48%;
}
.h-49 {
  height: 49%;
}
.h-50 {
  height: 50%;
}
.h-51 {
  height: 51%;
}
.h-52 {
  height: 52%;
}
.h-53 {
  height: 53%;
}
.h-54 {
  height: 54%;
}
.h-55 {
  height: 55%;
}
.h-56 {
  height: 56%;
}
.h-57 {
  height: 57%;
}
.h-58 {
  height: 58%;
}
.h-59 {
  height: 59%;
}
.h-60 {
  height: 60%;
}
.h-61 {
  height: 61%;
}
.h-62 {
  height: 62%;
}
.h-63 {
  height: 63%;
}
.h-64 {
  height: 64%;
}
.h-65 {
  height: 65%;
}
.h-66 {
  height: 66%;
}
.h-67 {
  height: 67%;
}
.h-68 {
  height: 68%;
}
.h-69 {
  height: 69%;
}
.h-70 {
  height: 70%;
}
.h-71 {
  height: 71%;
}
.h-72 {
  height: 72%;
}
.h-73 {
  height: 73%;
}
.h-74 {
  height: 74%;
}
.h-75 {
  height: 75%;
}
.h-76 {
  height: 76%;
}
.h-77 {
  height: 77%;
}
.h-78 {
  height: 78%;
}
.h-79 {
  height: 79%;
}
.h-80 {
  height: 80%;
}
.h-81 {
  height: 81%;
}
.h-82 {
  height: 82%;
}
.h-83 {
  height: 83%;
}
.h-84 {
  height: 84%;
}
.h-85 {
  height: 85%;
}
.h-86 {
  height: 86%;
}
.h-87 {
  height: 87%;
}
.h-88 {
  height: 88%;
}
.h-89 {
  height: 89%;
}
.h-90 {
  height: 90%;
}
.h-91 {
  height: 91%;
}
.h-92 {
  height: 92%;
}
.h-93 {
  height: 93%;
}
.h-94 {
  height: 94%;
}
.h-95 {
  height: 95%;
}
.h-96 {
  height: 96%;
}
.h-97 {
  height: 97%;
}
.h-98 {
  height: 98%;
}
.h-99 {
  height: 99%;
}
.h-100 {
  height: 100%;
}

.pt-1 {
  padding-top: 1px;
}
.pt-2 {
  padding-top: 2px;
}
.pt-3 {
  padding-top: 3px;
}
.pt-4 {
  padding-top: 4px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-6 {
  padding-top: 6px;
}
.pt-7 {
  padding-top: 7px;
}
.pt-8 {
  padding-top: 8px;
}
.pt-9 {
  padding-top: 9px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-11 {
  padding-top: 11px;
}
.pt-12 {
  padding-top: 12px;
}
.pt-13 {
  padding-top: 13px;
}
.pt-14 {
  padding-top: 14px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-16 {
  padding-top: 16px;
}
.pt-17 {
  padding-top: 17px;
}
.pt-18 {
  padding-top: 18px;
}
.pt-19 {
  padding-top: 19px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-21 {
  padding-top: 21px;
}
.pt-22 {
  padding-top: 22px;
}
.pt-23 {
  padding-top: 23px;
}
.pt-24 {
  padding-top: 24px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-26 {
  padding-top: 26px;
}
.pt-27 {
  padding-top: 27px;
}
.pt-28 {
  padding-top: 28px;
}
.pt-29 {
  padding-top: 29px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-31 {
  padding-top: 31px;
}
.pt-32 {
  padding-top: 32px;
}
.pt-33 {
  padding-top: 33px;
}
.pt-34 {
  padding-top: 34px;
}
.pt-35 {
  padding-top: 35px;
}
.pt-36 {
  padding-top: 36px;
}
.pt-37 {
  padding-top: 37px;
}
.pt-38 {
  padding-top: 38px;
}
.pt-39 {
  padding-top: 39px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-41 {
  padding-top: 41px;
}
.pt-42 {
  padding-top: 42px;
}
.pt-43 {
  padding-top: 43px;
}
.pt-44 {
  padding-top: 44px;
}
.pt-45 {
  padding-top: 45px;
}
.pt-46 {
  padding-top: 46px;
}
.pt-47 {
  padding-top: 47px;
}
.pt-48 {
  padding-top: 48px;
}
.pt-49 {
  padding-top: 49px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-51 {
  padding-top: 51px;
}
.pt-52 {
  padding-top: 52px;
}
.pt-53 {
  padding-top: 53px;
}
.pt-54 {
  padding-top: 54px;
}
.pt-55 {
  padding-top: 55px;
}
.pt-56 {
  padding-top: 56px;
}
.pt-57 {
  padding-top: 57px;
}
.pt-58 {
  padding-top: 58px;
}
.pt-59 {
  padding-top: 59px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-61 {
  padding-top: 61px;
}
.pt-62 {
  padding-top: 62px;
}
.pt-63 {
  padding-top: 63px;
}
.pt-64 {
  padding-top: 64px;
}
.pt-65 {
  padding-top: 65px;
}
.pt-66 {
  padding-top: 66px;
}
.pt-67 {
  padding-top: 67px;
}
.pt-68 {
  padding-top: 68px;
}
.pt-69 {
  padding-top: 69px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-71 {
  padding-top: 71px;
}
.pt-72 {
  padding-top: 72px;
}
.pt-73 {
  padding-top: 73px;
}
.pt-74 {
  padding-top: 74px;
}
.pt-75 {
  padding-top: 75px;
}
.pt-76 {
  padding-top: 76px;
}
.pt-77 {
  padding-top: 77px;
}
.pt-78 {
  padding-top: 78px;
}
.pt-79 {
  padding-top: 79px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-81 {
  padding-top: 81px;
}
.pt-82 {
  padding-top: 82px;
}
.pt-83 {
  padding-top: 83px;
}
.pt-84 {
  padding-top: 84px;
}
.pt-85 {
  padding-top: 85px;
}
.pt-86 {
  padding-top: 86px;
}
.pt-87 {
  padding-top: 87px;
}
.pt-88 {
  padding-top: 88px;
}
.pt-89 {
  padding-top: 89px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-91 {
  padding-top: 91px;
}
.pt-92 {
  padding-top: 92px;
}
.pt-93 {
  padding-top: 93px;
}
.pt-94 {
  padding-top: 94px;
}
.pt-95 {
  padding-top: 95px;
}
.pt-96 {
  padding-top: 96px;
}
.pt-97 {
  padding-top: 97px;
}
.pt-98 {
  padding-top: 98px;
}
.pt-99 {
  padding-top: 99px;
}
.pt-100 {
  padding-top: 100px;
}

.pb-1 {
  padding-bottom: 1px;
}
.pb-2 {
  padding-bottom: 2px;
}
.pb-3 {
  padding-bottom: 3px;
}
.pb-4 {
  padding-bottom: 4px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-6 {
  padding-bottom: 6px;
}
.pb-7 {
  padding-bottom: 7px;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-9 {
  padding-bottom: 9px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-11 {
  padding-bottom: 11px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-13 {
  padding-bottom: 13px;
}
.pb-14 {
  padding-bottom: 14px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-16 {
  padding-bottom: 16px;
}
.pb-17 {
  padding-bottom: 17px;
}
.pb-18 {
  padding-bottom: 18px;
}
.pb-19 {
  padding-bottom: 19px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-21 {
  padding-bottom: 21px;
}
.pb-22 {
  padding-bottom: 22px;
}
.pb-23 {
  padding-bottom: 23px;
}
.pb-24 {
  padding-bottom: 24px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-26 {
  padding-bottom: 26px;
}
.pb-27 {
  padding-bottom: 27px;
}
.pb-28 {
  padding-bottom: 28px;
}
.pb-29 {
  padding-bottom: 29px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-31 {
  padding-bottom: 31px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pb-33 {
  padding-bottom: 33px;
}
.pb-34 {
  padding-bottom: 34px;
}
.pb-35 {
  padding-bottom: 35px;
}
.pb-36 {
  padding-bottom: 36px;
}
.pb-37 {
  padding-bottom: 37px;
}
.pb-38 {
  padding-bottom: 38px;
}
.pb-39 {
  padding-bottom: 39px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-41 {
  padding-bottom: 41px;
}
.pb-42 {
  padding-bottom: 42px;
}
.pb-43 {
  padding-bottom: 43px;
}
.pb-44 {
  padding-bottom: 44px;
}
.pb-45 {
  padding-bottom: 45px;
}
.pb-46 {
  padding-bottom: 46px;
}
.pb-47 {
  padding-bottom: 47px;
}
.pb-48 {
  padding-bottom: 48px;
}
.pb-49 {
  padding-bottom: 49px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-51 {
  padding-bottom: 51px;
}
.pb-52 {
  padding-bottom: 52px;
}
.pb-53 {
  padding-bottom: 53px;
}
.pb-54 {
  padding-bottom: 54px;
}
.pb-55 {
  padding-bottom: 55px;
}
.pb-56 {
  padding-bottom: 56px;
}
.pb-57 {
  padding-bottom: 57px;
}
.pb-58 {
  padding-bottom: 58px;
}
.pb-59 {
  padding-bottom: 59px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-61 {
  padding-bottom: 61px;
}
.pb-62 {
  padding-bottom: 62px;
}
.pb-63 {
  padding-bottom: 63px;
}
.pb-64 {
  padding-bottom: 64px;
}
.pb-65 {
  padding-bottom: 65px;
}
.pb-66 {
  padding-bottom: 66px;
}
.pb-67 {
  padding-bottom: 67px;
}
.pb-68 {
  padding-bottom: 68px;
}
.pb-69 {
  padding-bottom: 69px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-71 {
  padding-bottom: 71px;
}
.pb-72 {
  padding-bottom: 72px;
}
.pb-73 {
  padding-bottom: 73px;
}
.pb-74 {
  padding-bottom: 74px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pb-76 {
  padding-bottom: 76px;
}
.pb-77 {
  padding-bottom: 77px;
}
.pb-78 {
  padding-bottom: 78px;
}
.pb-79 {
  padding-bottom: 79px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-81 {
  padding-bottom: 81px;
}
.pb-82 {
  padding-bottom: 82px;
}
.pb-83 {
  padding-bottom: 83px;
}
.pb-84 {
  padding-bottom: 84px;
}
.pb-85 {
  padding-bottom: 85px;
}
.pb-86 {
  padding-bottom: 86px;
}
.pb-87 {
  padding-bottom: 87px;
}
.pb-88 {
  padding-bottom: 88px;
}
.pb-89 {
  padding-bottom: 89px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-91 {
  padding-bottom: 91px;
}
.pb-92 {
  padding-bottom: 92px;
}
.pb-93 {
  padding-bottom: 93px;
}
.pb-94 {
  padding-bottom: 94px;
}
.pb-95 {
  padding-bottom: 95px;
}
.pb-96 {
  padding-bottom: 96px;
}
.pb-97 {
  padding-bottom: 97px;
}
.pb-98 {
  padding-bottom: 98px;
}
.pb-99 {
  padding-bottom: 99px;
}
.pb-100 {
  padding-bottom: 100px;
}

.ps-1 {
  padding-left: 1px;
}
.ps-2 {
  padding-left: 2px;
}
.ps-3 {
  padding-left: 3px;
}
.ps-4 {
  padding-left: 4px;
}
.ps-5 {
  padding-left: 5px;
}
.ps-6 {
  padding-left: 6px;
}
.ps-7 {
  padding-left: 7px;
}
.ps-8 {
  padding-left: 8px;
}
.ps-9 {
  padding-left: 9px;
}
.ps-10 {
  padding-left: 10px;
}
.ps-11 {
  padding-left: 11px;
}
.ps-12 {
  padding-left: 12px;
}
.ps-13 {
  padding-left: 13px;
}
.ps-14 {
  padding-left: 14px;
}
.ps-15 {
  padding-left: 15px;
}
.ps-16 {
  padding-left: 16px;
}
.ps-17 {
  padding-left: 17px;
}
.ps-18 {
  padding-left: 18px;
}
.ps-19 {
  padding-left: 19px;
}
.ps-20 {
  padding-left: 20px;
}
.ps-21 {
  padding-left: 21px;
}
.ps-22 {
  padding-left: 22px;
}
.ps-23 {
  padding-left: 23px;
}
.ps-24 {
  padding-left: 24px;
}
.ps-25 {
  padding-left: 25px;
}
.ps-26 {
  padding-left: 26px;
}
.ps-27 {
  padding-left: 27px;
}
.ps-28 {
  padding-left: 28px;
}
.ps-29 {
  padding-left: 29px;
}
.ps-30 {
  padding-left: 30px;
}
.ps-31 {
  padding-left: 31px;
}
.ps-32 {
  padding-left: 32px;
}
.ps-33 {
  padding-left: 33px;
}
.ps-34 {
  padding-left: 34px;
}
.ps-35 {
  padding-left: 35px;
}
.ps-36 {
  padding-left: 36px;
}
.ps-37 {
  padding-left: 37px;
}
.ps-38 {
  padding-left: 38px;
}
.ps-39 {
  padding-left: 39px;
}
.ps-40 {
  padding-left: 40px;
}
.ps-41 {
  padding-left: 41px;
}
.ps-42 {
  padding-left: 42px;
}
.ps-43 {
  padding-left: 43px;
}
.ps-44 {
  padding-left: 44px;
}
.ps-45 {
  padding-left: 45px;
}
.ps-46 {
  padding-left: 46px;
}
.ps-47 {
  padding-left: 47px;
}
.ps-48 {
  padding-left: 48px;
}
.ps-49 {
  padding-left: 49px;
}
.ps-50 {
  padding-left: 50px;
}
.ps-51 {
  padding-left: 51px;
}
.ps-52 {
  padding-left: 52px;
}
.ps-53 {
  padding-left: 53px;
}
.ps-54 {
  padding-left: 54px;
}
.ps-55 {
  padding-left: 55px;
}
.ps-56 {
  padding-left: 56px;
}
.ps-57 {
  padding-left: 57px;
}
.ps-58 {
  padding-left: 58px;
}
.ps-59 {
  padding-left: 59px;
}
.ps-60 {
  padding-left: 60px;
}
.ps-61 {
  padding-left: 61px;
}
.ps-62 {
  padding-left: 62px;
}
.ps-63 {
  padding-left: 63px;
}
.ps-64 {
  padding-left: 64px;
}
.ps-65 {
  padding-left: 65px;
}
.ps-66 {
  padding-left: 66px;
}
.ps-67 {
  padding-left: 67px;
}
.ps-68 {
  padding-left: 68px;
}
.ps-69 {
  padding-left: 69px;
}
.ps-70 {
  padding-left: 70px;
}
.ps-71 {
  padding-left: 71px;
}
.ps-72 {
  padding-left: 72px;
}
.ps-73 {
  padding-left: 73px;
}
.ps-74 {
  padding-left: 74px;
}
.ps-75 {
  padding-left: 75px;
}
.ps-76 {
  padding-left: 76px;
}
.ps-77 {
  padding-left: 77px;
}
.ps-78 {
  padding-left: 78px;
}
.ps-79 {
  padding-left: 79px;
}
.ps-80 {
  padding-left: 80px;
}
.ps-81 {
  padding-left: 81px;
}
.ps-82 {
  padding-left: 82px;
}
.ps-83 {
  padding-left: 83px;
}
.ps-84 {
  padding-left: 84px;
}
.ps-85 {
  padding-left: 85px;
}
.ps-86 {
  padding-left: 86px;
}
.ps-87 {
  padding-left: 87px;
}
.ps-88 {
  padding-left: 88px;
}
.ps-89 {
  padding-left: 89px;
}
.ps-90 {
  padding-left: 90px;
}
.ps-91 {
  padding-left: 91px;
}
.ps-92 {
  padding-left: 92px;
}
.ps-93 {
  padding-left: 93px;
}
.ps-94 {
  padding-left: 94px;
}
.ps-95 {
  padding-left: 95px;
}
.ps-96 {
  padding-left: 96px;
}
.ps-97 {
  padding-left: 97px;
}
.ps-98 {
  padding-left: 98px;
}
.ps-99 {
  padding-left: 99px;
}
.ps-100 {
  padding-left: 100px;
}

.pe-1 {
  padding-right: 1px;
}
.pe-2 {
  padding-right: 2px;
}
.pe-3 {
  padding-right: 3px;
}
.pe-4 {
  padding-right: 4px;
}
.pe-5 {
  padding-right: 5px;
}
.pe-6 {
  padding-right: 6px;
}
.pe-7 {
  padding-right: 7px;
}
.pe-8 {
  padding-right: 8px;
}
.pe-9 {
  padding-right: 9px;
}
.pe-10 {
  padding-right: 10px;
}
.pe-11 {
  padding-right: 11px;
}
.pe-12 {
  padding-right: 12px;
}
.pe-13 {
  padding-right: 13px;
}
.pe-14 {
  padding-right: 14px;
}
.pe-15 {
  padding-right: 15px;
}
.pe-16 {
  padding-right: 16px;
}
.pe-17 {
  padding-right: 17px;
}
.pe-18 {
  padding-right: 18px;
}
.pe-19 {
  padding-right: 19px;
}
.pe-20 {
  padding-right: 20px;
}
.pe-21 {
  padding-right: 21px;
}
.pe-22 {
  padding-right: 22px;
}
.pe-23 {
  padding-right: 23px;
}
.pe-24 {
  padding-right: 24px;
}
.pe-25 {
  padding-right: 25px;
}
.pe-26 {
  padding-right: 26px;
}
.pe-27 {
  padding-right: 27px;
}
.pe-28 {
  padding-right: 28px;
}
.pe-29 {
  padding-right: 29px;
}
.pe-30 {
  padding-right: 30px;
}
.pe-31 {
  padding-right: 31px;
}
.pe-32 {
  padding-right: 32px;
}
.pe-33 {
  padding-right: 33px;
}
.pe-34 {
  padding-right: 34px;
}
.pe-35 {
  padding-right: 35px;
}
.pe-36 {
  padding-right: 36px;
}
.pe-37 {
  padding-right: 37px;
}
.pe-38 {
  padding-right: 38px;
}
.pe-39 {
  padding-right: 39px;
}
.pe-40 {
  padding-right: 40px;
}
.pe-41 {
  padding-right: 41px;
}
.pe-42 {
  padding-right: 42px;
}
.pe-43 {
  padding-right: 43px;
}
.pe-44 {
  padding-right: 44px;
}
.pe-45 {
  padding-right: 45px;
}
.pe-46 {
  padding-right: 46px;
}
.pe-47 {
  padding-right: 47px;
}
.pe-48 {
  padding-right: 48px;
}
.pe-49 {
  padding-right: 49px;
}
.pe-50 {
  padding-right: 50px;
}
.pe-51 {
  padding-right: 51px;
}
.pe-52 {
  padding-right: 52px;
}
.pe-53 {
  padding-right: 53px;
}
.pe-54 {
  padding-right: 54px;
}
.pe-55 {
  padding-right: 55px;
}
.pe-56 {
  padding-right: 56px;
}
.pe-57 {
  padding-right: 57px;
}
.pe-58 {
  padding-right: 58px;
}
.pe-59 {
  padding-right: 59px;
}
.pe-60 {
  padding-right: 60px;
}
.pe-61 {
  padding-right: 61px;
}
.pe-62 {
  padding-right: 62px;
}
.pe-63 {
  padding-right: 63px;
}
.pe-64 {
  padding-right: 64px;
}
.pe-65 {
  padding-right: 65px;
}
.pe-66 {
  padding-right: 66px;
}
.pe-67 {
  padding-right: 67px;
}
.pe-68 {
  padding-right: 68px;
}
.pe-69 {
  padding-right: 69px;
}
.pe-70 {
  padding-right: 70px;
}
.pe-71 {
  padding-right: 71px;
}
.pe-72 {
  padding-right: 72px;
}
.pe-73 {
  padding-right: 73px;
}
.pe-74 {
  padding-right: 74px;
}
.pe-75 {
  padding-right: 75px;
}
.pe-76 {
  padding-right: 76px;
}
.pe-77 {
  padding-right: 77px;
}
.pe-78 {
  padding-right: 78px;
}
.pe-79 {
  padding-right: 79px;
}
.pe-80 {
  padding-right: 80px;
}
.pe-81 {
  padding-right: 81px;
}
.pe-82 {
  padding-right: 82px;
}
.pe-83 {
  padding-right: 83px;
}
.pe-84 {
  padding-right: 84px;
}
.pe-85 {
  padding-right: 85px;
}
.pe-86 {
  padding-right: 86px;
}
.pe-87 {
  padding-right: 87px;
}
.pe-88 {
  padding-right: 88px;
}
.pe-89 {
  padding-right: 89px;
}
.pe-90 {
  padding-right: 90px;
}
.pe-91 {
  padding-right: 91px;
}
.pe-92 {
  padding-right: 92px;
}
.pe-93 {
  padding-right: 93px;
}
.pe-94 {
  padding-right: 94px;
}
.pe-95 {
  padding-right: 95px;
}
.pe-96 {
  padding-right: 96px;
}
.pe-97 {
  padding-right: 97px;
}
.pe-98 {
  padding-right: 98px;
}
.pe-99 {
  padding-right: 99px;
}
.pe-100 {
  padding-right: 100px;
}

.w-1 {
  width: 1%;
}
.w-2 {
  width: 2%;
}
.w-3 {
  width: 3%;
}
.w-4 {
  width: 4%;
}
.w-5 {
  width: 5%;
}
.w-6 {
  width: 6%;
}
.w-7 {
  width: 7%;
}
.w-8 {
  width: 8%;
}
.w-9 {
  width: 9%;
}
.w-10 {
  width: 10%;
}
.w-11 {
  width: 11%;
}
.w-12 {
  width: 12%;
}
.w-13 {
  width: 13%;
}
.w-14 {
  width: 14%;
}
.w-15 {
  width: 15%;
}
.w-16 {
  width: 16%;
}
.w-17 {
  width: 17%;
}
.w-18 {
  width: 18%;
}
.w-19 {
  width: 19%;
}
.w-20 {
  width: 20%;
}
.w-21 {
  width: 21%;
}
.w-22 {
  width: 22%;
}
.w-23 {
  width: 23%;
}
.w-24 {
  width: 24%;
}
.w-25 {
  width: 25%;
}
.w-26 {
  width: 26%;
}
.w-27 {
  width: 27%;
}
.w-28 {
  width: 28%;
}
.w-29 {
  width: 29%;
}
.w-30 {
  width: 30%;
}
.w-31 {
  width: 31%;
}
.w-32 {
  width: 32%;
}
.w-33 {
  width: 33%;
}
.w-34 {
  width: 34%;
}
.w-35 {
  width: 35%;
}
.w-36 {
  width: 36%;
}
.w-37 {
  width: 37%;
}
.w-38 {
  width: 38%;
}
.w-39 {
  width: 39%;
}
.w-40 {
  width: 40%;
}
.w-41 {
  width: 41%;
}
.w-42 {
  width: 42%;
}
.w-43 {
  width: 43%;
}
.w-44 {
  width: 44%;
}
.w-45 {
  width: 45%;
}
.w-46 {
  width: 46%;
}
.w-47 {
  width: 47%;
}
.w-48 {
  width: 48%;
}
.w-49 {
  width: 49%;
}
.w-50 {
  width: 50%;
}
.w-51 {
  width: 51%;
}
.w-52 {
  width: 52%;
}
.w-53 {
  width: 53%;
}
.w-54 {
  width: 54%;
}
.w-55 {
  width: 55%;
}
.w-56 {
  width: 56%;
}
.w-57 {
  width: 57%;
}
.w-58 {
  width: 58%;
}
.w-59 {
  width: 59%;
}
.w-60 {
  width: 60%;
}
.w-61 {
  width: 61%;
}
.w-62 {
  width: 62%;
}
.w-63 {
  width: 63%;
}
.w-64 {
  width: 64%;
}
.w-65 {
  width: 65%;
}
.w-66 {
  width: 66%;
}
.w-67 {
  width: 67%;
}
.w-68 {
  width: 68%;
}
.w-69 {
  width: 69%;
}
.w-70 {
  width: 70%;
}
.w-71 {
  width: 71%;
}
.w-72 {
  width: 72%;
}
.w-73 {
  width: 73%;
}
.w-74 {
  width: 74%;
}
.w-75 {
  width: 75%;
}
.w-76 {
  width: 76%;
}
.w-77 {
  width: 77%;
}
.w-78 {
  width: 78%;
}
.w-79 {
  width: 79%;
}
.w-80 {
  width: 80%;
}
.w-81 {
  width: 81%;
}
.w-82 {
  width: 82%;
}
.w-83 {
  width: 83%;
}
.w-84 {
  width: 84%;
}
.w-85 {
  width: 85%;
}
.w-86 {
  width: 86%;
}
.w-87 {
  width: 87%;
}
.w-88 {
  width: 88%;
}
.w-89 {
  width: 89%;
}
.w-90 {
  width: 90%;
}
.w-91 {
  width: 91%;
}
.w-92 {
  width: 92%;
}
.w-93 {
  width: 93%;
}
.w-94 {
  width: 94%;
}
.w-95 {
  width: 95%;
}
.w-96 {
  width: 96%;
}
.w-97 {
  width: 97%;
}
.w-98 {
  width: 98%;
}
.w-99 {
  width: 99%;
}
.w-100 {
  width: 100%;
}

.text-align-justify {
  text-align: justify;
}
.paragraph {
  line-height: 27px !important;
  font-weight: 400;
  color: #131315;
}

.header-bg {
  transition: background-color 0.3s ease;
  background-color: transparent;
  z-index: 9999;
}

.header-bg.scrolled {
  /* background-image: linear-gradient(#0018A0, #05125D) !important; */
  background: #05125d !important;
}

.main-logi {
  height: 130px;
  width: 332px;
}
.header-bg {
  background-image: linear-gradient(#0018a024, #05125d00) !important;
  min-height: 80px;
  z-index: 9999;
}
.ff-Poppins {
  font-family: var(--font-poppins);
}
.ff-Cormorant {
  font-family: "Cormorant SC", serif !important;
}
.accessibility-bar {
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 0.75rem;
  padding: 5px 0;
}

.accessibility-bar a {
  color: white;
  text-decoration: none;
  margin: 0 10px;
}

.accessibility-bar a:hover {
  text-decoration: underline;
}

.accessibility-buttons {
  background-color: white;
  color: #1e3a5f;
  border: none;
  width: 30px;
  height: 25px;
  margin: 0 2px;
  font-size: 0.7rem;
  font-weight: bold;
}

.logo-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  overflow: hidden;
}

.logo-circle img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.navbar-nav .nav-link {
  color: white !important;
  font-weight: 500;
  margin: 0 25px 0 10px;
  padding: 1px 5px !important;
  position: relative;
  font-size: 18px;
  font-family: "Poppins";
}

.navbar-nav .nav-link:hover {
  color: #f8f9fa !important;
}

.navbar-nav .nav-link.active {
  border-bottom: 2px solid white;
}

.dropdown-menu {
  background-color: #2c4f7a;
  border: none;
}

.dropdown-item {
  color: white;
}

.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

.btn-register {
  background-color: #0018a6;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  color: white;
  font-weight: 600;
  width: 121px;
  /* height:33px; */
  font-size: 12px;
  font-family: inter;
}

.btn-register:hover {
  background-color: #0018a6;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  color: white;
  font-weight: 600;
  /* width: 120px;
            height:33px; */
  font-size: 12px;
  font-family: inter;
}

.navbar-toggler {
  border: 1px solid white;
  color: white;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.main-nav {
  position: absolute;
  right: 0%;
  top: 20%;
}

/* 
.hero-text{
   
} */

.banner-main {
  padding-top: 290px;
}
.title-text {
  text-align: center;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

.title-text h1 {
  font-size: 120px;
  line-height: 70px;
  color: white;
  font-weight: 600;
  margin-bottom: 0px;
}

.title-text h2 {
  font-size: 120px;
  color: white;
  font-weight: 600;
  margin-bottom: 0px;
}

.title-text .lines {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.title-text .line {
  height: 2px;
  width: 120px;
  background: #fff;
  opacity: 0.7;
}
.banner-section {
  height: 900px;
}
.title-text3 {
  margin-top: 155px;
}
.ass-icon {
  width: 24px;
  height: 24px;
}
.news-section {
  height: 40px;
  background: #05125d;
  display: flex;
  align-items: center;
  font-family: var(--font-poppins);
  overflow: hidden;
}
.read-more {
  color: #0018a6;
  text-decoration: none;
  font-weight: 600;
  font-style: italic;
}
.home-about {
  margin-top: 75px;
}

.dress-code-heading {
    position: relative;
    font-size: 43px;
    width: fit-content;
    text-align: left;
    font-family: "Cormorant SC", serif !important;
    padding-bottom: 8px;
}

/* main underline */
.dress-code-heading::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background-color: #0018A6 !important;
    clip-path: polygon(0% 0%, 75% 0%, 100% 0, 95% 100%, 0% 100%);
}




.about-head {
    position: relative;
    font-size: 43px;
    width: fit-content;
    font-family: "Cormorant SC", serif !important;
    line-height: 1.2;
    padding-bottom: 8px;
    
    
}

.about-head::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 4px;
    background-color: #0018A6;
    clip-path: polygon(0% 0%, 75% 0%, 100% 0, 95% 100%, 0% 100%);
}





.about-head1 {
  font-size: 30px;
  width: fit-content;
  border-radius: 3px;
  text-align: left;
  font-family: "Cormorant SC", serif !important;
}
.about-tab {
  border-bottom: 1px solid #0018a6b2;
}
.ff-Gotham {
  font-family: inherit;
}
.home-about .nav-tabs .nav-link.active {
  font-size: 20px;
  font-weight: bold;
  background: #0018a6;
  padding: 0px 35px;
  height: 39px;
  width: 134px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  color: white;
  border: 1px solid #0018a6 !important;
}
.home-about .nav-tabs .nav-link:hover {
  isolation: isolate;
  border: 1px solid #0018a6 !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.home-about .nav-tabs .nav-link {
  padding: 0px 35px;
  height: 39px;
  width: 134px;
  font-size: 20px;
  color: #0018a6;
  font-weight: 700;
}
.know-morebtn {
  background: #0018a6;
  border-radius: 32px;
  padding: 11px 30px;
  color: white;
  text-decoration: none;
  font-family: Gotham;
  font-size: 16px;
}

.Key-date-sn {
  padding: 0 30px 0 50px;
}

#ifr {
  width: 95%;
  margin: 0 auto;
}

.signature-sec {
  padding-top: 75px;
}

.Signature .nav-tabs {
  border: none;
  justify-content: center;
  background: #e9f1ff;
  border-radius: 50px;
  margin-bottom: 40px;
  box-shadow: 0px 15px 30px 0px #202b6a2b;
}

.Signature .nav-tabs .nav-item {
  flex: 1;
  text-align: center;
}

.Signature .nav-tabs .nav-link {
  background: transparent;
  border: none;
  color: #2c3e50;
  font-weight: 600;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 50px;
  padding: 15px 30px;
  transition: all 0.3s ease;
}
.Signature .nav-tabs .nav-link:hover {
  background: transparent;
  border: none;
  color: #2c3e50 !important;
  font-weight: 600;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 50px;
  padding: 15px 30px;
  transition: all 0.3s ease;
}
#navTabs li:nth-child(2) {
  position: relative;
}

#navTabs li:nth-child(2) #milan-tab::after {
  content: " ";
  font-weight: bold;
  margin: 0 10px;
  position: absolute;
  right: 0px;
  top: 25%;
  height: 35px;
  background: #153b7a91;
  width: 2px;
}
#navTabs li.second:nth-child(2) #milan-tab::after {
  left: 0px;
}

.Signature .nav-tabs .nav-item:nth-child(2) .nav-link.active::after {
  display: none;
}

.Signature .nav-tabs .nav-link .nav-logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Signature .nav-tabs .nav-link.active {
  background: #0018a6;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.Signature .nav-tabs .nav-link.active {
  background: #0018a6;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
}

.Signature .nav-tabs .nav-item:nth-child(1) .nav-link.active {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

.Signature .nav-tabs .nav-item:nth-child(2) .nav-link.active {
  border-radius: 0px;
}

.Signature .nav-tabs .nav-item:nth-child(3) .nav-link.active {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}

.Signature .nav-tabs .nav-link.active .nav-logo {
  background: #fff;
}
.event-card {
  margin-bottom: 3px !important;
}
.Signature .event-card {
  background: #fff;
  border-radius: 15px;
  padding: 12px 15px;
  border: 1px solid #267dff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: left;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
}

/* .Signature .event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
} */

.Signature .event-icon {
  width: 55px;
  height: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #007bff;
  margin-bottom: 0px;
}
.Signature .event-icon img {
  width: 100%;
}

.Signature .event-title {
  font-weight: 700;
  margin-bottom: 8px !important;
  color: #071c3c;
  line-height: 17px;
}
.painantion-sec {
  overflow-y: hidden !important;
  overflow-x: scroll !important;
}
.Signature .event-description {
  font-size: 13px;

  line-height: 17px !important;
  text-align: justify;
  font-weight: 400;
}

.participating-sec {
  margin-top: 50px;
  position: relative;
}
/* .participating-sec::after{
  content: "";
  position: absolute;
  top: -186px;
  left: 0px;
  background: url(../images/units-patten.png) left top no-repeat;
  width: 291px;
  height: 386px;
  z-index: -1;
  background-size: 100% 100%;} */

.Participating-col {
  display: flex;
  gap: 15px;
  margin: 25px 45px 0px 45px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.arrow-button button {
  width: 40px;
  height: 40px;
  border: 1px solid #0018a6;
  color: #0018a6;
  background: white;
}
.arrow-button button:hover {
  width: 40px;
  height: 40px;
  border: 1px solid #0018a6;
  color: #ffffff;
  background: #0018a6;
}

.Participating-col::-webkit-scrollbar {
  display: none;
}

.Participating-col {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  gap: 1rem;
}

.Participating-card {
  flex: 0 0 25%;
  scroll-snap-align: start;
}

.Participating-img {
  width: auto;
  height: 118px;
}

.Key-Dates {
  padding-top: 75px;
  background-image: url(../video/Compass\ 2.mp4);
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: top right;
}

.KeyDates {
  font-family: Arial, sans-serif;
}
.KeyDates .tab-content {
  padding: 40px 70px;
  border-top: 2px solid #29388d;
  border-radius: 65px;
}
.KeyDates .nav-tabs {
  border: none;
  justify-content: center;
  margin-bottom: 2rem;
}

.KeyDates .nav-tabs .nav-link {
  border: none;
  background: none;
  padding-bottom: 10px !important;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 17px !important;
}

.KeyDates .nav-tabs .nav-link.active {
  color: #29388d;
  /* border-bottom: 2px solid #29388D; */
  position: relative;
}
.KeyDates .nav-tabs .nav-link.active::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 15px;
  background: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/vHKDlmYF5PBNu5fbWobGj07t64IozSigucTkQH88.svg")
    left top no-repeat;
  background-size: 100%;
}
.Key-image {
  width: 90px;
  height: auto;
  margin-bottom: 6px;
}
.tab-margin {
  margin: 0px 10px;
}
.KeyDates .event-row {
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}

.KeyDates .event-date {
  font-weight: 600;
  color: #0d6efd;
  margin-bottom: 0.25rem;
}

.KeyDates .event-title {
  font-weight: 700;
  color: #000;
}

.date-sec {
  display: flex;
  align-items: center;
}
.date-sec h5 {
  margin-bottom: 0px !important;
  color: #040a2a;
  display: flex;
  align-items: center;
}
.date-sec h5 img {
  padding: 0px 5px !important;
  width: 26px !important;
}
.date-sec2 h4 {
  font-size: 16px !important;
}
.KeyDates .event-meta1 {
  font-size: 0.9rem;
  color: #040a2a;
  text-align: left;
  margin-top: 0px;
  display: flex;
  justify-content: start;
}
.KeyDates .event-meta {
  font-size: 0.9rem;
  color: #040a2a;
  display: flex;
  align-items: center;
  margin-top: 12px;
  justify-content: start;
}
.date-sec h5 {
  color: #040a2a;
}
.date-sec2 h4 {
  font-size: 16px !important;
}
.KeyDates .event-meta1 {
  font-size: 0.9rem;
  color: #040a2a;
  text-align: left;
  margin-top: 0px;
  display: flex;
  justify-content: start;
}
.KeyDates .event-meta {
  font-size: 0.9rem;
  color: #040a2a;
  display: flex;
  align-items: center;
  margin-top: 12px;
  justify-content: start;
}

.KeyDates .btn-view {
  display: block;
  margin: 2rem auto 0 auto;
  padding: 5px 15px;
  border-radius: 23px;
  font-weight: 600;
  font-size: 16px;
  background: #0018a6;
  font-family: "Inter";
}

.video-row {
  position: relative;
}
.sub-cards {
  width: 225px;
  height: 56px;
  border-radius: 50px;
  background: rgb(255 255 255 / 0%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;

  /* 👇 Drop Shadow from Figma settings */
  box-shadow: 0px 1px 65px rgba(0, 72, 255, 0.33);
}
.sub-cards::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1.5px; /* border thickness */
  background: linear-gradient(
    170deg,
    rgb(255 255 255 / 100%),
    rgb(255 255 255 / 0%) 40%,
    rgb(255 255 255 / 100%)
  );
  -webkit-mask: linear-gradient(#ffffff 0 0) content-box,
    linear-gradient(#ffffff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.sub-cards p {
  font-size: 20px;
  font-weight: 500;
}

.video-col {
  position: relative;
}

/* Add vertical dotted line between columns */
.video-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  height: 45%;
  border-right: 1px solid #d7dbe2;
  transform: translate(50%, -10%);
}
.live-media-sec {
  margin-top: 50px;
  position: relative;
}
.live-media-sec .container-fluid {
  padding-left: 50px;
}
.live-badge {
  width: 8%;
  padding: 8px 7px;
  background: #ff0000 !important;
  border-radius: 0px;
  position: absolute;
  top: 25px;
  left: 25px;
}
.live-text {
  position: absolute;
  bottom: 0px;
  color: white;

  margin-left: 15px;
}
.fleetreview {
  background: #05125d;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 460px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-left: 15px;
}
.border-bottom1 {
  border-bottom: 1px solid #6987b9;
  padding: 15px 0px !important;
}
.video-wrapper-new {
  width: 100%;
  height: 422px;
  border-radius: 15px;
  overflow: hidden;
}

.video-wrapper-new iframe {
  width: 100%;
  height: 100%;
}

.event-highlights .video-row {
  display: flex;
  gap: 15px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.event-highlights .video-row::-webkit-scrollbar {
  display: none;
}
.event-highlights .video-row {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.event-highlights .video-col {
  flex: 0 0 33.333%;
  scroll-snap-align: start;
}

.event-highlights {
  box-shadow: 0px 0px 98px 16px #153b7a1c;
  padding: 28px 0px;
  margin: 60px 0px 28px 0px;
  display: none;
}

.event-highlights .video-col {
  padding: 15px 15px 0;
}

.event-highlights .video-col {
  position: relative;
  padding: 15px;
  text-align: left;
}

.event-highlights .ratio iframe {
  border-radius: 8px;
}
.event-heading {
  color: #153b7a;
}

.event-heading span {
  color: #de0202;
}

.event-subhead {
  color: #3c3c3c;
}

.text-left {
  text-align: left;
}

.video-wrapper1 {
  width: 97%;
  height: 260px;
  border-radius: 15px;
  overflow: hidden;
}

.video-wrapper1 iframe {
  width: 100%;
  height: 100%;
}

.bg-video-top-right2 {
  position: absolute;
  top: -46%;
  width: 312px;
  height: auto;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
}

.milan-History-sec {
  position: relative;
  overflow: hidden;
}

.milan-History-sec .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.1;
}

.milan-History-sec .container {
  position: relative;
  z-index: 3; /* ensure content is above overlay */
}

.KeyDates .tab-content .event {
  height: auto;
  overflow: auto;
  padding-right: 15px;
  max-height: 450px;
}

.dignitaries {
  position: relative;
  margin-top: 0;
}
.dignitaries::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  background: url(../images/dignitaries-new.png) left top no-repeat;
  width: 245px;
  height: 443px;
  z-index: -1;
  background-size: 100%;
}

.org-chart {
  text-align: center;
  margin: 35px 50px 0px 50px;
  padding: 75px 30px 0px 30px;
  border-top: 2px solid #0018a6;
  border-radius: 85px 85px 0px 0px;
}

.org-chart .person-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 5px 5px 18px;
  color: #000000;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  width: 100%;
}

.org-chart .person-card:hover {
  transform: translateY(-5px);
}

.org-chart .person-card img {
  border-radius: 8px;
  margin-bottom: 10px;
  margin-top: -24px;
  width: 167px;
  height: 143px;
}

.org-chart .person-name {
  font-weight: 600;
  font-size: 13px;
  color: #153b7a;
}

.org-chart .person-role {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.9;
}

.Dignitaries-secmodal button {
  width: 100%;
  display: flex;
}
.org-chart .curve-line {
  border-top: 2px solid #007bff;
  border-radius: 50px;
  margin: 0 auto 30px;
  width: 80%;
  height: 30px;
}
.mb-60 {
  margin-bottom: 60px;
}
.amt {
  margin-top: 50px;
}
.person-card {
  background-color: #fff;
  color: #000;
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

.person-card:hover {
  background-color: #29388d;
  color: #fff;
}

.person-card .person-name,
.person-card .person-role {
  transition: color 0.4s ease-in-out;
}

.person-card:hover .person-name,
.person-card:hover .person-role {
  color: #fff;
}

.gallery-sec {
  margin-top: 0px;
  position: relative;
}

.gallery-sec .compass-video2 {
  position: absolute;
  top: -58%;
  left: -9px;
  transform: translate(12%, -50%);
  width: 347px;
  height: auto;
  z-index: -1;
  opacity: 0.6;
  rotate: 175deg;
}
.media-card p a {
  font-weight: 600;
  color: #0048ff !important;
}
.gallery-sec img {
  width: 100% !important;
  transition: transform 0.3s ease;
  height: 71px;
  border-radius: 20px;
  margin-bottom: 12px !important;
}

.gallery-sec img:hover {
  transform: scale(1.03);
}

.gallery-sec .col {
  margin-bottom: 20px;
}

.Key-date-sn:hover .date-sec2 h4,
.Key-date-sn:hover .date-sec h5 {
  color: #122962;
}
.galimg1 {
  height: 235px !important;
}
.galimg2 {
  height: 280px !important;
}
.galimg3 {
  height: 315px !important;
}
.galimg4 {
  height: 200px !important;
}
.galimg5 {
  height: 256px !important;
}
.galimg6 {
  height: 257px !important;
}
.announcements {
  text-align: right;
  padding-right: 11px;
}

.news-bar {
  color: #fff;
  padding: 2px 0;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  margin-left: 7px;
}

.news-bar-content {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 30s linear infinite;
}

.news-bar:hover .news-bar-content {
  animation-play-state: paused; /* stop on hover */
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.news-item {
  margin: 0 15px;
  display: inline-block;
}

.footer {
  background-color: #0b2447;
  color: #fff;
  padding: 40px 0 4px;
  font-size: 14px;
}
.footer h6 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
}
.footer a {
  color: #adb5bd;
  text-decoration: none;
}
.footer a:hover {
  color: #fff;
}
.footer .logo-text {
  font-weight: 700;
  font-size: 16px;
  padding-top: 20px;
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 0px;
  padding-top: 15px;
  font-size: 13px;
  color: #adb5bd;
}
.footer-icon {
  width: 20px;
}
.footer-color {
  color: #b5c9de !important;
}
.trusted-by {
  font-size: 13px;
  font-weight: 500;
}
.f-contact1 {
  width: 16px;
  height: 20px;
}
.f-contact2 {
  width: 16px;
  height: 16px;
}
.f-contact3 {
  width: 18px;
  height: 16px;
}

.merge-sec {
  position: relative;
  background: url(https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/YuIPveDqGclsg3r0fjgQhBezPSoRLG6XMUcaE3GY.webp)
    no-repeat center center;
  background-size: inherit;
  background-position: left top;
  background-size: 357px 316px;
}

.bg-video-top-right {
  position: absolute;
  top: -41%;
  right: 0;
  width: 312px;
  height: auto;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
}

.merge-sec .home-about,
.merge-sec .discover-sec {
  position: relative;
  z-index: 1;
}

.invited-sec {
  margin-top: 25px;
}

.View-Invited a {
  background-image: linear-gradient(#3686ff, #0048ff);
  color: white;
  font-size: 16px;
  font-family: var(--font-inter);

  padding: 13px 30px;
  text-decoration: none;
  border-radius: 6px;
  margin-top: 35px;

  text-align: center;
}

.View-Invited {
  display: flex;
  justify-content: center;
}

.gallery-section2 img {
  margin-bottom: 0px !important;
  height: 60px !important;
}
.gallery-section2 {
  margin-bottom: 20px;
}

.gallery-section2 .gallery-row {
  display: flex;
  gap: 2px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  justify-content: start;
}

.gallery-section2 .gallery-row::-webkit-scrollbar {
  display: none;
}
.gallery-section2 .gallery-row {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.gallery-section2 .gallery-row > div {
  flex: 0 0 16.66%;
  scroll-snap-align: start;
}

.amps-100 {
  padding-left: 100px;
}

.compass-wrapper {
  position: relative;
}

.compass-wrapper .compass-video2 {
  position: absolute;
  top: 8%;
  right: 0%;
  transform: translate(0%, -50%);
  width: 347px;
  height: auto;
  z-index: 0;
  opacity: 0.6;
}

.compass-wrapper .compass-video {
  position: absolute;
  top: 60%;
  left: 0%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: auto;
  z-index: 0;
  opacity: 0.2;
  pointer-events: none;
  border: 2px solid #ffffff;
}

.compass-wrapper .invited-sec,
.compass-wrapper .participating-sec {
  position: relative;
  z-index: 1;
}

.invited-sec .btn-view {
  display: block;
  margin: 1rem auto 0 auto;
  padding: 5px 15px;
  border-radius: 23px;
  font-weight: 600;
  font-size: 16px;
  background: #0018a6;
}

.signature-sec {
  position: relative;
}
.keydates-media::after {
  content: "";
  position: absolute;
  top: -34px;
  left: 0px;
  background: url(https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/idenPOf5OuHNEfgMUenjuNznT8oi07og3fAatT4v.webp)
    left top no-repeat;
  width: 200px;
  height: 406px;
  z-index: -1;
  background-size: 100% 100%;
}

.keydates-media {
  position: relative;

  background: url(../images/Compass3aa.png) no-repeat center center;
  background-size: inherit;
  background-position: right top;
  background-size: 250px 480px;
}

.keydates-media-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: auto;
  opacity: 0.6;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
}

.keydates-media .Key-Dates,
.keydates-media .live-media-secc {
  position: relative;
  z-index: 1;
}

.header-bg {
  transition: background-color 0.3s ease;
  background-color: transparent;

  z-index: 9999;
}

.header-bg.scrolled {
  background-color: #29388d !important;
}
#main-nav-r .container {
  position: relative;
}
.mainsec-video {
  position: relative;
  width: 100%;
  height: 850px;
  overflow: hidden;
}

.mainsec-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(4, 10, 42, 0.3);   */
  background-color: rgb(4 10 42 / 35%);
  z-index: 1;
}
.mainsec-video .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;

  z-index: 1;
}

.mainsec-video .content {
  position: relative;
  z-index: 2;

  color: white;
}

.mainsec-video .banner-section {
  position: relative;
  z-index: 9999;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) #94b2e3 !important;
}
#container {
  height: 600px;
  width: 100%;
  margin: auto;
}

.tooltip-img {
  text-align: center;
}

.tooltip-img img {
  max-width: 150px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.custom-tooltip img {
  max-width: 150px;
  border-radius: 8px;
}

#keyDatesTab .nav-item {
  position: relative;
  padding-right: 35px;
  margin-right: 35px;
  margin-left: 0;
}

#keyDatesTab .nav-item:not(:last-child)::after {
  content: "";
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -98%);
  height: 63px;
  border-right: 2px dotted #040a2a;
  opacity: 0.5;
}

.Early-Life {
  color: #05125d;
}

/* Scoped styles inside parent */
.Dignitaries-secmodal .btn-close {
  border-radius: 50%;
  background: #05125d;
  opacity: 1;
  border: 1px solid #ffffff;
  width: 13px !important;
  color: white;
  padding: 12px 12px 11px;
  height: 14px;
}

.Dignitaries-secmodal .btn-close::before {
  content: "✕"; /* White X */
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-sec-left {
  height: 430px;
  overflow: auto;
}

.Dignitaries-secmodal .modal,
.Dignitaries-secmodal .modal-backdrop {
  z-index: 9999 !important;
}
.Dignitaries-secmodal .profile-img {
  width: 200px;
  border-radius: 0px;
}
.Dignitaries-secmodal .name-title {
  font-weight: 700;
  color: #05125d;
  font-size: 21px;
  margin: 15px 0px 8px;
}
.Dignitaries-secmodal .designation {
  background: #05125d;
  color: #fff;
  display: inline-block;
  padding: 2px 1px;
  font-size: 10px;
  border-radius: 0px;
  margin-bottom: 10px;
  width: 100%;
  text-transform: uppercase;
}
.Dignitaries-secmodal .modal-body {
  line-height: 1.7;
}
.Dignitaries-secmodal .modal-content {
  border-radius: 12px;
}
.Dignitaries-secmodal .modal-header {
  border-bottom: none;
}
.Dignitaries-secmodal .custom-img-box {
  position: relative;
  display: inline-block;
}
.Dignitaries-secmodal .custom-img-box::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 60px;
  height: 60px;
  border-right: 9px solid #05125d;
  border-bottom: 9px solid #05125d;
}
.Dignitaries-secmodal .custom-img-box::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  width: 60px;
  height: 60px;
  border-left: 9px solid #05125d;
  border-top: 9px solid #05125d;
}

/* Lock body scroll */
body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}

/* Animate modal-xl from bottom */
.Dignitaries-secmodal .modal.fade .modal-dialog {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; /* ensure full width is respected */
  transform: translateY(100%);
  transition: transform 0.4s ease-out;
  margin: auto; /* keep Bootstrap centering */
  max-width: 1140px; /* Bootstrap's modal-xl width */
  width: 100%;
}

.Dignitaries-secmodal .modal.fade.show .modal-dialog {
  transform: translateY(0);
}

.mediaregistration-sec {
  background-image: url("../images/media-banner.png");
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.livemedia-sec {
  background-image: url("../images/media-banner.png");
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* live media sec css end */

/* News & Media css start */
.mediabytes-sec {
  background-image: url("../images/media-banner.png");
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.banner-section1 {
  height: 525px;
}
.banner-main1 {
  position: absolute;
  bottom: 0px;
  background: linear-gradient(
    to right,
    #0b165c 20%,
    rgb(10 26 75 / 84%) 50%,
    rgba(10, 26, 75, 0) 100%
  );
  height: 166px;
  width: 100%;
  display: flex;
  align-items: center;
  height: 115px;
  z-index: 1;
}

.banner-section1 {
  height: 525px;
}
.banner-main1 img {
  width: 100px;
}

.ahoy-frinds {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f6ff 100%);
  padding: 50px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ahoy-frinds .ahoy-video {
  position: absolute;
  bottom: 191px;
  left: -9px;
  transform: translate(10%, -54%);
  width: 347px;
  height: auto;
  z-index: -1;
  opacity: 0.3;
  rotate: 179deg;
}

.media-card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* stick to bottom */
  width: 100%;
  height: 50%; /* only bottom half */
  border-radius: inherit;
  background: linear-gradient(
    0deg,
    #05125d,
    #ffffff00
  ); /* bottom to top gradient */
  -webkit-mask: linear-gradient(#ffffff 0 0) content-box,
    linear-gradient(#ffffff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
  opacity: 0; /* hidden by default */
  border-top: none !important;
  transition: opacity 0.3s ease;
}

.media-card:hover::before {
  opacity: 1; /* show gradient border on hover */
}

.media-card {
  padding: 25px 20px 28px 20px;
  border-radius: 10px !important;
  box-shadow: 0px 4px 44px 0px #0000002b;
  border: 1px solid white;
  margin-bottom: 25px;
  position: relative;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.media-card .iconn1 {
  font-size: 12px;
  color: #131315;
  font-family: "Montserrat";
  margin: 0px 0px 8px 0px;
}
.media-card .iconn1 img {
  width: 15px;
  height: 15px;
}
.media-card h4 {
  font-size: 16px;
    color: #131315;
    font-family: "Montserrat";
    font-weight: 600;
    border-bottom: 1px solid #13131542;
    padding-bottom: 5px;
    text-align: justify !important;
}
.media-card p {
  font-size: 12px;
  color: #131315;
      text-align: justify !important;
}
.read-more-media {
  color: #0048ff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

/* Common style */
.media-card button {
  transform: translateX(-50%) rotate(0deg);
  transition: transform 0.4s ease;
  border: none;
  width: 61px;
  height: 61px;
  border-radius: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 8px 0px #00000045;
  background: white;
  position: absolute;
  right: -21px;
  bottom: 18px;
  overflow: hidden;
  cursor: pointer;
}

.media-card button img {
  position: absolute;
  transition: opacity 0.3s ease;
}

.media-card button img.hover {
  opacity: 0; /* hidden by default */
}
.media-card .hover {
  width: 33px;
}
.media-card:hover button {
  transform: translateX(-48%) rotate(-36deg);
  background: #05125d;
}

.media-card:hover button img.default {
  opacity: 0; /* hide default */
}

.media-card:hover button img.hover {
  opacity: 1; /* show white image */
}

.load-more {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 0px;
  background: #0018a6;
  color: white;
  width: 151px;
  height: 41px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Montserrat";
}
/* News & Media css end */

/***********************Ahoy Friends css start here ****************/

.ahoyfrinds-sec {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/upload/page/86bpmSLBKtAQ8RPSWuAJ8Y1rdLlBAOzJ8IPywtxn.jpg");
  position: relative;
  width: 100%;
  height: 405px !important;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative !important;
}
.ahoyfrinds-sec .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(4, 10, 42, 0.3); */
  background-image: linear-gradient(#05125d73, #0018a017);
  z-index: 0;
}
.ahoy-frinds {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f6ff 100%);
  padding: 50px 0;
}
.ahoy-frinds {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f6ff 100%);
  padding: 50px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ahoy-frinds .ahoy-video {
  position: absolute;
  bottom: 191px;
  left: -9px;
  transform: translate(10%, -54%);
  width: 347px;
  height: auto;
  z-index: -1;
  opacity: 0.3;
  rotate: 179deg;
}
.ahoy-frinds-box {
  width: 100%;
}
.ahoy-frinds-box p {
  color: #131315;
  line-height: 33px;
  text-align: justify;
  font-weight: 400;
  font-family: Montserrat;
}
.ahoy-frinds-box p a {
  color: #131315;
}

.admiral-box {
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
}
.admiral-box img {
  width: 240px;
  margin: 0 auto;
  height: 275px;
}
.admiral-box-bt {
  width: 100%;
  color: #fff;
  background: #0b165c;
  padding: 10px 20px;
  border-radius: 15px;
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
.admiral-box-bt h4 {
  line-height: 24px;
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
}
.PVSM {
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
}
.naval-staff {
  font-size: 14px;
  font-family: Montserrat;
}
/***********************Ahoy Friends css end here ****************/

.news-media-dropdown {
  background: white;
  padding: 20px 10px;

  background-image: url(../images/media-drop-bg.png);
  background-size: 65% 35%;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.news-media-dropdown li a {
  color: #323b4e;
  font-size: 16px;
  padding: 10px 15px;
  font-weight: 400;
  display: inline-block;
}
.news-media-dropdown li {
  padding: 0px 0px;
}

.news-media-dropdown li a:hover {
  color: #0048ff;
  font-weight: 600;
}
.contactus-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.information-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.events-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ions-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.milan-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.irf-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.socialmedia-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.indian-navy-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.sponsors-sec {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.gallery-sec-pg {
  background-image: url(../images/ahoy-friends-banner.png);
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.milan-banner1a {
  margin-right: 20px;
}
/* sponser css start */
.spon-card {
  width: 275px;
  height: 132px;
  background: #fff;
  border-radius: 20px;
  box-shadow: inset 0 0 11px 6px #adb5bd24;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  border: none;
  margin-bottom: 12px;
}
.spon-card img {
  width: 180px;
  height: 70px;
}
.spon-card p {
  color: #555555;
  font-family: Montserrat;
  margin-bottom: 18px !important;
}
/* Gradient border via pseudo-element */
.spon-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px; /* rounded corners */
  padding: 2px; /* thickness of border */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    /* top = white */ #2655f5 30%,
    /* left/right/bottom = blue */ #2655f5 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0; /* hidden by default */
  transition: opacity 0.3s ease-in-out;

  /* 🔥 Blue glow using #2655F5 */
  box-shadow: 0 6px 20px rgba(38, 85, 245, 0.6);
}
/* Show border on hover */
.spon-card:hover::before {
  opacity: 1;
}
/* sponser css end */

.ahoygallery {
  background: #fff;
  position: relative;
  z-index: 1;
}
/***********************Ahoy Friends css end here ****************/

/* Milan page css start */

.header-sec {
  font-size: 43px;
  font-family: "Cormorant SC", serif;
  text-transform: uppercase; /* if you want uppercase */
  color: #29388d;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 35px;
}
.paraa1 {
  font-size: 16px;
  font-family: Montserrat;
  color: #131315;
}
.milan-sec1 {
  position: relative;
  background: url(../images/milan-pg-bg.png) no-repeat center center;
  background-size: inherit;
  background-position: right center;
  background-size: 250px 344px;
}

.right-tab11 {
  padding-right: 70px;
}
.ifr-height {
  height: 450px !important;
}
.ifr-height p {
  font-size: 18px !important;
}
/* card / parent */
.milan-sec2 {
  background: #05125d;
  height: 475px;
  background-repeat: no-repeat;
  border-radius: 50px;
  padding: 28px;
  color: #e6eeff;
  overflow: hidden;
  background-size: 100% 100%;
  padding-left: 35px;
  margin: 0px 10px;
}
.left-carou1 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/kDNyR9YlvSj54mFmhRaOQofMW7acWkc9HkrUbzI0.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-size: 10% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-carou1a {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/MPkM5UHWuuoc1sL5vMYaBt3p0dLg9DQa1qsx0Nc9.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-size: 38px 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0px !important;
}

/* .left-carou1b {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/QZn3ssyLmvG56y5yLyVNW4rRt94Mgu0RqX3rSkcZ.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-size: 10% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
} */
.left-carou1b {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/lqpQQg3aouNp2D65ciTSVAUAYHTkbBf6DnIdOR6R.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-size: 10% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* vertical label on left */
.milan-vertical {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.18);
  margin-bottom: 12px;
}
.fix-height {
  width: 125px;
}
/* logo image used in left carousel */
.logo-img {
     width: 290px;
    display: block;
    margin: 0px auto;
    height: 225px;
    padding: 20px;
    margin-left: 35px;
}
.logo-img-ban {
  width: 360px;
  display: block;
  margin: 0px auto;
  border-radius: 50%;
  height: 275px;
  padding: 10px;
}
/* .blue-bg-lig{
  background-image: url("../images/blue-bg-lig.png");
  background-repeat: no-repeat;
  background-size: contain;
} */
.blue-bg-lig p {
  font-size: 18px;
  font-family: Montserrat;
}
.carousel-control-next {
  right: -5px;
}

.carousel-control-prev {
  left: 5px;
}
.border-end-a1 {
  border-right: 1.5px solid #ffffff5c !important;
}
.sec-arrow {
  width: 252px !important;
  position: absolute;
  left: -40px;
  margin-top: auto;
  margin-bottom: auto;
  bottom: 62%;
}
/* teaser button */
.btn-milan {
  background: #2b57ff;
  border: 0;
  color: #fff;
  border-radius: 20px;
  padding: 8px 18px;
  margin-top: 10px;
  font-size: 13px;
}

.left-carou1 .carousel.carousel-fade .carousel-item {
  transition: opacity 0.8s ease-in-out !important;
}
.text-carousel {
  padding: 10px 30px;
  border-radius: 44px;
}

.shield-icon {
  width: 36px;
}
.quick-link {
  text-align: left !important;
}

.btn-milan:active {
  transform: translateY(1px);
}

/* circle arrow overrides (smaller circles) */
.carousel-control-prev,
.carousel-control-next {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  top: 43%;
  transform: translateY(-50%);
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  background: #ffffff00;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: #ffffff; /* White on hover */
}

.carousel-control-prev img.hover-left,
.carousel-control-next img.hover-right {
  display: none; /* by default hidden */
}

.carousel-control-prev:hover img.hover-left,
.carousel-control-next:hover img.hover-right {
  display: inline; /* hover pe show */
}

.carousel-control-prev:hover img:not(.hover-left),
.carousel-control-next:hover img:not(.hover-right) {
  display: none; /* normal image hide */
}

/* description column */
.milan-desc {
  color: #ffffff;
  line-height: 1.6;
  font-size: 14px;
  text-align: justify;
}
.milan-desc h5 {
}
.milan-desc p {
  font-size: 14px;
  font-family: Montserrat;
  line-height: 24px !important;
  color: white;
}

/* responsive adjustments */
@media (max-width: 991px) {
  .milan-vertical {
    writing-mode: horizontal-tb;
    transform: rotate(0);
    margin-bottom: 6px;
  }
  
  .carousel-control-prev {
    left: 6px;
  }
  .carousel-control-next {
    right: 6px;
  }
}


.past-editions .section-title {
  font-weight: 600;
  font-size: 1.8rem;
  color: #1b2d9b;
  border-bottom: 2px solid #1b2d9b;
  display: inline-block;
  padding-bottom: 5px;
}

.gradient-border {
  position: relative;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 20px;
  background-image: url(../images/ma1.png) !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
}

/* Create gradient border effect */
.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px; /* thickness of border */
  background: linear-gradient(to bottom right, #0018a6 15%, #ffffff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.edition-card h5 {
  font-family: Cormorant SC;
  font-size: 34px;
  font-weight: bold;
}
.edition-card p {
  font-size: 13px;
  font-family: Montserrat;
  line-height: 20px !important;
  color: #000000c4;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edition-card p span {
  font-size: 13px;
}
.coun-icon {
  width: 30px;
  margin-right: 5px !important;
}
.ions-flag {
  width: 100% !important;
  margin: 0px 0px 0px 26px !important;
  height: 288px !important;
  border-radius: 30px !important;
}
.ions-sec {
  height: 450px;
}

.icon_new_class .edition-card img {
  margin: 10px 10px;
  position: absolute;
  right: 6px;
  bottom: 0;
  width: 150px;
}
.icon_new_class .edition-card h6 {
  font-size: 20px !important;
}
.icon_new_class .edition-card p span {
  font-size: 20px !important;
  font-weight: bold !important;
}
.past-read {
  color: #0018a6;
  text-decoration: none;
  font-weight: bold;
}

.edition-card .card-title {
  color: #1b2d9b;
  font-weight: bold;
  margin-bottom: 10px;
}

.arrow-link {
  color: #1b2d9b;
  font-size: 1.5rem;
  text-decoration: none;
  font-weight: bold;
}

.arrow-link:hover {
  text-decoration: none;
  color: #000;
}

/* .carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #1b2d9b;
    border-radius: 50%;
    width: 35px;
    height: 35px;
} */

.Past-edition-milan {
  width: 242px;
  height: 4px;
  background-color: #0018a6;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
}


/* Milan page css end */

.past-editions {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/TPenQu8GfeL6eR0tcX19gZWJqdduOMH5GItwxvxj.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

/* main gallery css start */
.gallery-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    to right,
    rgba(5, 18, 93, 0.9),
    rgba(255, 255, 255, 0)
  );
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 15px;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.3s ease;
  border-radius: 0 0 12px 12px;
}
.left-gallery-bg1 {
  border-right: 2px solid #d7d3d3;
}
.left-tabs .nav-pills .nav-link.active {
  background: #0018a6;
  border: 1px solid white;
  height: 45px;
}
.btn-sub-toggle {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-sub-toggle::after {
  content: "\25BC"; /* ▼ down arrow */
  font-size: 12px;
  transition: transform 0.3s ease;
  margin-left: auto;
}

.milan-sec2 .carousel-lef1 {
  width: 350px !important;
  margin-left: 40px;
}
.carousel-item {
  transition: none !important;
}
#imageCarousel1 .carousel-item,
#textCarousel1 .carousel-item {
  transition: none !important;
}
.btn-sub-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg); /* flip to ▲ */
}

.left-tabs button {
  color: #fff;
  text-align: left;
  width: 100%;
  font-family: "Montserrat";
  font-size: 15px !important;
  font-weight: 500 !important;
}

.left-tabs li button {
  position: relative;
  padding-left: 40px; /* space for dot */
  color: #fff;
  text-align: left;
  width: 100%;
  font-family: "Montserrat";
  font-size: 16px;
  background: none;
  border: none;
  outline: none;
}
.left-tabs li button::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff; /* White dot */
}

/* Active dot (blue with white border) */
.left-tabs .nav-pills .nav-link.active::before {
  background: #0048ff; /* Blue fill */
  border: 2px solid #fff; /* White border */
  width: 12px;
  height: 12px;
}
.left-tabs .nav-link:focus,
.nav-link:hover {
  color: white !important;
}
.right-tab1 {
  border-left: 2px solid #d7d3d3;
}
.left-tabs .sub-tab {
  margin-left: 0px;
  background: #2c3884;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
}
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
/* Hover effects */
.gallery-item:hover .gallery-img {
  transform: scale(1.05); /* zoom effect */
}

.gallery-item:hover .gallery-overlay {
  opacity: 1;
  transform: translateY(0);
}
.gallery-img {
  border-radius: 12px;
  object-fit: cover;
  width: 100%;
  height: 216px;
  object-fit: cover;

  transition: transform 0.3s ease;
}
.gallery-border {
  width: 180px;
  height: 5px;
  background-color: #0018a6; /* Deep blue */
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
}

.right-tab1 .pagination .page-link {
  border-radius: 8px;
  margin: 0 4px;
  color: #333;
  border: 1px solid #d1d5db; /* light gray */
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

/* Active page (like "1") */
.right-tab1 .pagination .active-page {
  border: 1px solid #0018a6; /* blue border */
  color: #0018a6;
  background-color: #fff;
}

/* Disabled button (Prev) */
.right-tab1 .pagination .page-item.disabled .page-link {
  background-color: #d1d5db; /* gray bg */
  color: #fff;
  border: none;
}

/* Next button */
.right-tab1 .pagination .next-btn {
  background-color: #0018a6; /* solid blue */
  color: #fff;
  border: none;
}

.pagination .page-link {
  border-radius: 8px;
  margin: 0 4px;
  color: #333;
  border: 1px solid #d1d5db; /* light gray */
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

/* Active page (like "1") */
.pagination .active-page {
  border: 1px solid #0018a6; /* blue border */
  color: #0018a6;
  background-color: #fff;
}

/* Disabled button (Prev) */
.pagination .page-item.disabled .page-link {
  background-color: #d1d5db; /* gray bg */
  color: #fff;
  border: none;
}

/* Next button */
.pagination .next-btn {
  background-color: #0018a6; /* solid blue */
  color: #fff;
  border: none;
}

.gallery-sec-main {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f6ff 100%);
}
.SPONSORS-sec {
  background: linear-gradient(to bottom, #ffffff 0%, #f3f6ff 100%);
}

/* cerrmony page css start */
.Ceremony-sec {
  position: relative;
  background: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/8hRTW2XIhKPd41cpVOCksLPCKeYUcOFR6MlTpepk.svg")
    no-repeat center center;
  background-size: inherit;
  background-position: right top;
  background-size: 396px 353px;
}

.Ceremony-main-card {
  position: relative;
  overflow: hidden; /* ensures video is clipped inside */
  border-radius: 12px; /* adjust to your card style */
  border: 2px solid #0018a6; /* outside border */
}

.do-dont-border {
  border-top: 1px solid #999;

  height: 5px !important;
  margin: 20px 30px !important;
}
.compass-video2 {
  position: absolute;
  left: -18px;
  bottom: -16px;
  width: 249px;
  height: 243px;
  object-fit: cover;
  z-index: -2;
  transform: rotate(141deg);
  border-radius: inherit;
  pointer-events: none;
  clip-path: inset(0 round 12px);

  /* 🔑 Force video to stay inside card */
  clip-path: inset(0 round 12px);
}
/* Ensure text/content stays above */

.Ceremony-main-card {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom: 0px;
  padding: 45px 30px 30px 30px !important;
  border: none;
  background: #ffffff00;
  min-height: 425px;
}

/* Create border effect using ::before */
.Ceremony-main-card::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 281px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 1.5px;
  background: linear-gradient(to top, #0018a6 0%, #ffffff00 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.event-summary-card {
  background-image: url(https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/bUUoG8FwFvDE6niqo6dLKF4ulaSrkugOdHQnyKH2.svg);
  background-repeat: no-repeat;
  padding: 45px 20px;
  background-size: 100% 100%;
}

.event-summary-title {
  font-size: 30px;
  font-weight: 600;
  background: linear-gradient(90deg, #233fe5 0%, #0018a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 20px;
}

.event-item {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/B2YBi0WKnE8ZrAoUAWPeF9fmX7vjqChANJJeplPm.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.summ-sec-de {
  padding: 9px 5px;
  margin-bottom: 7px;
}

/* small arrow pointer effect */
.event-label::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #0066ff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.event-value {
  flex-grow: 1;
  padding: 12px 15px;
  font-size: 14px;
  color: #fff;
}
.Ceremony-text {
  color: #131315;
}

.event-value i {
  margin-left: 6px;
  color: #fff;
}

.discover-video {
  height: 300px;
  border-radius: 20px;
}

/* .dynamic-heading .word {
  display: inline-block;
} */

.dynamic-heading .first-letter {
  font-size: 62px !important;
  font-weight: bold;
  margin-right: 0px;
}

.dynamic-heading .rest {
  font-size: 40px !important;
  font-weight: normal;
}

.pagination .page-item {
  margin: 0 4px;
}

.pagination .page-link {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #cfd4da;
  color: #333;
  font-size: 16px;
  background: #fff;
  transition: all 0.3s ease;
}

.pagination .page-item.disabled .page-link {
  background: #e0e0e0;
  color: #999;
  border: none;
  pointer-events: none;
}

.pagination .page-link:hover {
  border-color: #003399;
  color: #003399;
  text-decoration: none;
}

.pagination .page-link.active {
  background: #fff;
  border: 2px solid #003399;
  color: #003399;
  font-weight: bold;
}

.pagination .next-btn,
.pagination .page-item:last-child .page-link {
  background: #003399;
  color: #fff;
  border: none;
}

.milan-desc .vid1 {
  border-radius: 20px;
  width: 100%;
 height: 333px;
}
.milan-desc .vid2 {
  border-radius: 20px;
  width: 160px;
  height: 90px;
  margin-top: 20px;
}

.milan-desc .vid3 {
  border-radius: 20px;
  width: 160px;
  height: 90px;
  margin-top: 20px;
}
.view-more-btn12 {
  background: #0018a6;
  border: 1px solid white;
  padding: 7px 30px;
  color: white;
  font-weight: 500;
  border-radius: 24px;
}

.ytp-large-play-button {
  width: 40px !important;
  height: 40px !important;
}

.dynamic-heading-intro {
  font-family: "Cormorant", serif !important;
}

.dynamic-heading-intro span.first-letter {
  font-size: 43px !important;
  font-weight: 500;
}

/* Baaki chhote honge */
.dynamic-heading-intro span.remaining {
  font-size: 30px !important;
  font-weight: 500;
}

.first-head span.first-letter {
  font-size: 35px !important;
  font-weight: 500;
}

/* Baaki chhote honge */
.first-head span.remaining {
  font-size: 24px !important;
  font-weight: 500;
}

.second-head span.first-letter {
  font-size: 43px !important;
  font-weight: 600;
}

/* Baaki chhote honge */
.second-head span.remaining {
  font-size: 27px !important;
  font-weight: 600;
}

.news-mediabyte {
  padding: 2rem 0;
  font-family: "Montserrat";
}

/* Tabs */
.news-mediabyte .nav-pills .nav-link {
  border-radius: 5px;
  padding: 7px 33px;
  color: #4b5563;
  background: #efefef;

  height: 40px;
  font-size: 18px;
  white-space: nowrap !important;
}
.news-mediabyte .form-control {
  max-width: auto !important;
  height: 40px;
  background: #efefef;
  border: none;
}
.news-mediabyte .nav-pills .nav-link:hover {
  border-radius: 5px;
  padding: 7px 33px;
  color: #4b5563 !important;
  background: #efefef;

  height: 40px;
  font-size: 18px;
}
.news-mediabyte .nav-pills .nav-link.active {
  background: linear-gradient(90deg, #0018a6, #233fe5);
  color: #fff;
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.12);
}
.news-mediabyte .nav-pills .nav-link.active:hover {
  background: linear-gradient(90deg, #0018a6, #233fe5);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.12);
}

/* Optional row wrapper to align search to right (if used) */
.news-mediabyte .tabs-row {
  align-items: center;
}

/* Card styles */
.news-mediabyte .card {
  border-radius: 12px;
  overflow: hidden;
  border: 0;
  background: #fff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  min-height: 100%;
  position: relative;
}

.news-mediabyte .card-body {
  padding: 1.25rem;
}

.news-mediabyte .card small.date {
  display: inline-block;
  color: #6b7280;
  font-size: 0.78rem;
}

.news-mediabyte .card h6 {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}

.news-mediabyte .card p.lead {
  margin-top: 0.6rem;
  color: #6b7280;
  font-size: 0.89rem;
}

.news-mediabyte .card img.card-img-bottom {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Floating round arrow button */
.news-mediabyte .arrow-btn {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(2, 6, 23, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
  text-decoration: none;
}

.news-mediabyte .arrow-btn i {
  font-size: 18px;
  color: #2b6be6;
}

/* Responsive tweaks: keep card image on bottom for larger screens like screenshot */
@media (min-width: 768px) {
  .news-mediabyte .card .card-img-bottom {
    height: 140px;
  }
}

/* spacing between cards */
.news-mediabyte .row.g-4 > .col-md-4 {
  display: flex;
}
.news-mediabyte .row.g-4 > .col-md-4 .card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* small visual polish for read more link */
.news-mediabyte a.read-more {
  font-weight: 600;
  color: #2b6be6;
  text-decoration: none;
}

.modal {
  z-index: 999999 !important;
}
.Past-edition12 {
  width: 238px;
  height: 4px;
  background-color: #0018a6;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
}
.modal-dialog-top {
  margin: 0 auto;
  top: 0 !important;
  transform: translateY(0) !important;
  position: relative;
  z-index: 999999999;
}
.modal-backdrop {
  z-index: -1;
}
.milan-vid-modal-body .modal-header .btn-close {
  position: absolute;
  top: 25px !important;
  right: 30px !important;
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/8z7cJU1XWPGwGefvUbTg9Vgd8VTrnbJW9nTocjv4.png") !important;
}

.modal-vid {
  border-radius: 20px !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
}

.left-carou12 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/XgeG4x8sAqo5xrareICLFQ5HTcbDPx9uUxWqEvSL.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-size: 8% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* contact us css start */
.main-contactus {
  background: #fff;
  padding: 40px 20px;
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/ogh7koFlKknUyLOTK9tBGgCM50ItmV86ggVmD1VZ.svg");
  background-repeat: no-repeat;
  background-position: left top;
  position: relative; /* important for containing the video */
  overflow: hidden; /* hides any overflow from video */
}

.main-contactus h2 {
  font-size: 43px;
  font-weight: bold;
  color: #0a2472;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Cormorant SC", serif !important;
}

.main-contactus .form-label {
  font-family: Montserrat;
  font-size: 18px;
  color: #131315;
}
.main-contactus .form-control,
.main-contactus .form-select {
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 12px;
}

.main-contactus textarea.form-control {
  min-height: 120px;
  resize: none;
}

.main-contactus .card {
  box-shadow: 0px 5px 12px 0px #dee2e6;
}
.main-contactus .btn-submit {
  background: #0018a6;
  color: #fff;
  padding: 15px 50px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  border: none;
  transition: all 0.3s ease;
}

.main-contactus .btn-submit:hover {
  background: #001a73;
  color: #fff;
}

.main-contactus .compass-video-contact {
  position: absolute;
  bottom: 0; /* stick to bottom */
  right: 0; /* stick to right */
  width: 225px; /* adjust as per design */
  height: auto;
  opacity: 0.6; /* transparency */
  z-index: 0; /* keep behind the card */
  pointer-events: none; /* prevent blocking form clicks */
}
/* contact us css end */

/* blog details css start */

.blog-details {
  position: relative; /* important for containing the video */
  overflow: hidden; /* hides any overflow from video */
}
.blog-header {
  position: relative;
  text-align: center;
  margin-bottom: 2rem;
}
.blog-header img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.blog-meta span {
  font-size: 16px;
  color: #131315;
}
.blog-meta .badge {
  font-size: 0.85rem;
}

.blog-meta .categror-box {
  background: #0018a6;
  color: white;
  padding: 5px 15px;
  font-size: 16px;
  border-radius: 5px;
  margin-right: 0px;
  margin-left: 25px;
}
.calender-icon {
  width: 18px !important;
  height: 18px !important;
  border-radius: 0px !important;
}
.blog-head {
  font-family: Montserrat;
  font-size: 26px;
  color: #29388d;
}
.blog-para {
  line-height: 27px;
  font-weight: 400;

  font-family: Montserrat;
  font-size: 18px;
  color: #131315;
}

.blog-details .compass-video-contact {
  position: absolute;
  bottom: 0; /* stick to bottom */
  right: 0; /* stick to right */
  width: 225px; /* adjust as per design */
  height: auto;
  opacity: 0.6; /* transparency */
  z-index: 0; /* keep behind the card */
  pointer-events: none; /* prevent blocking form clicks */
}
/* blog details css end */

.gal-imgg:hover {
  border-radius: 0px !important;
  margin-bottom: 5px;
  height: 195px !important;
}

.gal-imgg {
  border-radius: 10px !important;
  margin-bottom: 5px;
  height: 195px !important;
}
.left-sec1q {
  border-right: 1px solid #ddd !important;
}

/* Active Year Tab with Red Border */
.left-tabs .btn-toggle.active-year {
  border: 1px solid #ffffff;
}
.left-tabs .btn-toggle.active-year:hover {
  border: 1px solid #ffffff;
}

/* Optional: Keep consistent rounded style */
.left-tabs .btn-toggle {
  border: 1px solid transparent; /* default */
}

.left-gallery-bg1 {
  background: linear-gradient(180deg, #00145c, #011f7a);
  border-radius: 18px;
  padding: 15px;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
  height: 100%;
}

/* Year Button */
.left-tabs .btn-toggle {
  width: 100%;
  background: #0018a6;

  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 14px;
  text-align: left;
  transition: 0.3s;
}

.left-tabs .btn-toggle:hover {
  background: #0018a6 !important;
}

.left-tabs .btn-toggle:hover {
  width: 100%;
  background: #0018a6 !important;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 14px;
  text-align: left;
  transition: 0.3s;
}

/* Divider */
.gall-div {
  display: block;
  margin: 0px auto;
  max-width: 80%;
  opacity: 0.7;
}

/* Album Title Buttons */
.btn-sub-toggle {
  background: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  text-align: left;
  padding: 0px 10px;
  border: none;
  border-radius: 6px;
  margin-top: 0px;
  transition: 0.3s;
}

.btn-sub-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Inner Sub-tab */
.inner-sub-tab {
  padding: 10px 12px;
  margin-top: 0px;
  border-radius: 10px;
}

/* Radio Buttons */
.gallery-radio {
  accent-color: #005dff;
  transform: scale(1.1);
  width: 8px;
}

input.m-gallery-radio {
  accent-color: #005dff;
  transform: scale(1.1);
  width: 8px;
}
.gallery-radio:checked {
  width: 14px;
  height: 14px;
}
input.m-gallery-radio:checked {
  width: 14px;
  height: 14px;
}

.left-tabs button:hover {
  background: none !important;
}

.inner-sub-tab label {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  transition: 0.2s;
}

.inner-sub-tab label:hover {
  color: #b3d4ff;
}

/* Column wrapper fixed height for uniform grid */
.gal-col {
  height: 200px; /* aap apni marzi se height adjust kar sakte ho */
  overflow: hidden; /* extra part cut ho jayega */
}

/* Image and Video styling */
.gal-imgg,
.video-fil {
  width: 100%;
  height: 100%;
  object-fit: cover; /* poora div fill kare bina stretch hue */
  border-radius: 6px; /* optional rounded look */
}

.Ceremony-sec1 .compass-video3 {
  top: -31%;
  left: -9px;
  width: 258px;
  transform: translate(12%, -50%);
  position: absolute;
}

.offcanvas {
  background: #05125d;
  width: 80% !important;
  border-top-right-radius: 33px;
}
.offcanvas-title {
  color: white;
}

.off-can-tog {
  width: 40px;
  height: 40px;
  opacity: var(--bs-btn-close-hover-opacity);
}

.off-can-tog img {
  width: 40px;
  height: 40px;
}

left-sec1q {
  position: relative;
  overflow: hidden;
}

.left-sec1q .compass-video2-gal {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1 !important;
  opacity: 0.6;
  mix-blend-mode: multiply;
  object-fit: cover;
  z-index: 0;
  transform: rotate(90deg);
  border-radius: inherit;
  pointer-events: none;
}

.left-sec1q .left-gallery-bg1,
.left-sec1q .offcanvas-body {
  position: relative;
  z-index: 2; /* ensure content is above video */
}
#openingmain {
  position: relative;
}
#openingmain::after {
  content: "";
  position: absolute;
  top: 0;
  left: 4%;
  width: 60px;
  height: 80vh;
  background: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/LmaSwSqx17KT8RC9TUUQrsLKLdknZ44NbNigWuoi.png")
    left top no-repeat;
  background-size: 100% 100%;
}

/* .rop-img{
      position: absolute;
    height: 100px !important;
} */

.rop-img img {
  height: 564px;
}

.main-gallery .btn-primary {
  background: #05125d !important;
  padding: 5px 20px;
}
.togg-iconnn {
  width: 17px;
  margin-right: 10px;
}

.togg-iconnn-btn {
  font-size: 17px;
}

.gal-tog-mob .card {
  background: #05125d !important;
  padding: 9px 8px;
  color: white;
}

.gradient-text {
  font-size: 80px; /* apne hisaab se adjust karo */
  font-weight: bold;
  text-transform: uppercase;
  writing-mode: vertical-rl; /* vertical text ke liye */
  text-orientation: upright;

  /* Gradient apply karna */
  background: linear-gradient(to bottom, #ffffff, #001f6d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* Safari support */
}

.sec-head {
  font-weight: 800 !important;
}

.sec-head span.first-letter {
  font-size: 50px !important;
  font-weight: 600;
}

.sec-head span.remaining {
  font-size: 35px !important;
  font-weight: 600;
}

.main-gallery .col-lg-2 {
  flex: 0 0 auto;
  width: 22% !important;
}

.main-gallery .col-lg-10 {
  flex: 0 0 auto;
  width: 78% !important;
}

.milan-section {
  position: relative;
  padding-top: 10px !important;
}
.milan-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: url("your-wave-background.png") no-repeat center bottom;
  background-size: cover;
  z-index: -1;
}

.milan-carousel .card-title {
  font-weight: bold;
  font-size: 25px !important;
  color: #0018a6;
  font-family: "Cormorant SC";
  border-bottom: 1.5px solid #ccc;
  padding-bottom: 10px;
}
.milan-carousel .past-read {
  font-weight: 600;
  color: #0018a6;
  text-decoration: none;
  font-size: 14px;
}
.milan-carousel .past-read:hover {
  text-decoration: underline;
}

.milan-carousel .carousel-control-prev {
  left: -35px;
}
.milan-carousel .carousel-control-next {
  right: -35px;
}
/* Carousel Controls */
.milan-carousel .carousel-control-prev,
.milan-carousel .carousel-control-next {
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  top: 40%;
  transform: translateY(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.milan-carousel .carousel-control-prev-icon,
.milan-carousel .carousel-control-next-icon {
  filter: invert(0.2) sepia(1) saturate(10) hue-rotate(200deg);
}

.check-box1 {
  width: 15px;
  height: 15px;
}

/* Arrowhead on top of line */
.card-marker .line::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid rgb(255 255 255 / 100%);
}

.carousel-control-prev-icon {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/sliiWYeQGyYhWviXtGPNkOqT7W3g3CISijEe622d.svg");
  width: 11px;
  filter: none !important;
}
.carousel-control-next-icon {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/DnnK8JoetxC8lOhne42xf2C5r9TCj2iOq3FTdw0G.svg");
  width: 11px;
  filter: none !important;
}

.edition-card {
  border: 4px solid transparent; /* border thickness */
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 20px;
}

/* Gradient Border Layer */
.edition-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    /* top border white */ #ffffff 33%,
    /* left/right start white */ #ffffff 42%,
    /* left/right half blue */ #ffffff 0%,
    /* right side continues blue */ #ffffff 0%,
    /* back to white near bottom */ #0018a6 100% /* bottom full blue */
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* Marker wrapper */
.card-marker {
  position: absolute;
  bottom: -80px; /* card ke neeche bhej diya */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Vertical line */
.card-marker .line {
  width: 1px;
  height: 30px;
  background: white;
  position: relative;
  bottom: 10px;
}

/* White Circle with shadow */
.card-marker .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  margin-top: -2px;
  border: 3px solid #fff;
  animation: pulseBlink 1.5s infinite; /* blink effect */
}

@keyframes pulseBlink {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1),
      0 4px 12px rgba(0, 0, 0, 0.25);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25);
  }
}
.car-card {
  padding-bottom: 40px;
}

.past-para {
  line-height: 18px !important;
}

.gall-height {
  height: 425px;
  padding-right: 15px;
}

.carda1 {
  margin-bottom: 88px;
}

.carda2 {
  margin-top: 88px;
}
.carda3 {
  margin-bottom: 88px;
}
.carda4 {
  margin-top: 88px;
}

/* Carousel Container */
.milan-section .milan-carousel {
  scroll-behavior: smooth;
  transition: transform 0.5s ease;
  padding: 0px 4px 40px 4px;
  margin-bottom: -53px;
}

/* Each Card Wrapper */
.milan-section .car-card {
  flex: 0 0 25.2%; /* default = 1 per row (mobile) */
}

/* Controls */
/* Controls */

.milan-section .custom-next {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  background: #ffffff;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 0.3rem 0.7rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  border: 1px solid #aeaeae;
}
.milan-section .custom-prev {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  background: #ffffff;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 0.3rem 0.7rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  border: 1px solid #aeaeae;
}

.milan-section .custom-next:hover {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  background: #ffffff;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 0.3rem 0.7rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  border: 1px solid #aeaeae;
}
.milan-section .custom-prev:hover {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  background: #ffffff;
  color: #fff;
  border: none;
  font-size: 2rem;
  padding: 0.3rem 0.7rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
  border: 1px solid #aeaeae;
}
.milan-section .custom-prev {
  left: -18px;
}
.milan-section .custom-next {
  right: -18px;
}
.milan-section .custom-prev:hover img:not(.hover-left),
.milan-section .custom-next:hover img:not(.hover-right) {
  display: block !important;
}

.edition-card .past-para {
  padding-right: 10px;
  text-align: left !important;
}
.milan-section .custom-prev:focus,
.milan-section .custom-prev:hover,
.milan-section .custom-next:focus,
.milan-section .custom-next:hover {
  opacity: 1 !important;
}

.video-wrapper-new {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* keeps video ratio */
}

.video-thumbnail {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
  border-radius: 10px !important;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.video-thumbnail-new {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
  border-radius: 10px !important;
}

.video-thumbnail-new img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* Overlay container */
.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: #0000005c;
  width: 100%;
  height: 100%;
}

.play-text1 {
  margin-top: 175px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.vid1 {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  padding: 4px 8px;
  border-radius: 8%;
}
.video-wrapper1a {
  max-height: 95px !important;
  margin-top: 18px;
}
.video-wrapper1a .play-button {
  font-size: 1rem;
}
.video-wrapper1a .play-text1 {
  margin-top: 55px;
  font-size: 12px;
}

.video-wrapper1a .play-button img {
  width: 30px;
  margin-top: -10px;
}

.play-button img {
  width: 50px;
}

.event .w-40 {
  width: 30% !important;
}

.event .w-40 .event-meta {
  text-align: start !important;
}

.Key-date-sn {
  align-items: center !important;
}

.past-para {
  position: relative;
  max-height: 125px; /* Fixed visible height initially */
  overflow: hidden;
  transition: all 0.3s ease;
  line-height: 1.5;
}

.past-para.expanded {
  max-height: 125px; /* Increase visible area when expanded */
  overflow-y: auto; /* Scroll enabled */
}

.past-read {
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
}

.past-read:hover {
  text-decoration: none;
}

/* Optional scrollbar styling for smooth look */
.past-para::-webkit-scrollbar {
  width: 6px;
}
.past-para::-webkit-scrollbar-thumb {
  background: #0018a6;
  border-radius: 3px;
}

/* Force Fancybox modal to stick near the top */
.fancybox-top .fancybox__content {
  align-items: flex-start !important;
  justify-content: center;
  padding-top: 40px; /* adjust distance from top */
}

/* Optional: adjust close button position */
.fancybox__toolbar {
  top: 10px !important;
}

/* Optional: smooth fade effect */
.fancybox-top .fancybox__slide {
  transition: all 0.3s ease-in-out;
}

.fancybox__container {
  z-index: 99999 !important;
}

.Cookies-bar1 {
  width: 181px;
  height: 4px;
  background-color: #0018a6;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
}



.milan-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4; /* 👈 control transparency here */
  z-index: 0;
}

.milan-sec2 {
  position: relative;
  z-index: 1;

  overflow: hidden;

  /* 🎨 Base background color layer */
  background-color: #05125d; /* your deep blue */

  /* 🌀 Background GIF layer */
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/EuL33UzOLCiYBvMgfEJLy9MpzfinpjkMqQaLGMk7.gif");
  background-repeat: no-repeat;
  background-size: 100% 60% !important;
  background-position: center !important;
  color: #fff;
  background-position: bottom !important;
}

/* 🟦 Transparent overlay layer on top of GIF but below content */
.milan-sec2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #05125df5;
  z-index: 1;
}

/* 🟩 All inner content above overlay */
.milan-sec2 > * {
  position: relative;
  z-index: 2;
}

.milan-carousel {
  display: flex;
  overflow: hidden;
  position: relative;
}

.coun-code {
  padding: 10.2px 15px !important;
}

.compass-video2a {
  position: absolute;
  left: -86px;
  bottom: -93px;
  width: 258px;
  height: 250px;
  object-fit: cover;
  z-index: 0;
  transform: rotate(30deg);
  border-radius: inherit;
  pointer-events: none;
  clip-path: inset(0 round 12px);
  clip-path: inset(0 round 12px);
  opacity: 0.3;
}

/* ========== SOCIAL INTERACTION SECTION ========== */
.social-interaction {
  padding: 60px 0;
}

/* Tabs Styling */
.social-interaction .nav-tabs {
  border: none;
  justify-content: start;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: 25px;
}
.social-int {
  padding-top: 20px !important;
}
.social-interaction .nav-tabs .nav-link {
  border-radius: 5px;
  padding: 7px 33px;
  color: #4b5563;
  background: #efefef;
  height: 42px;
  font-size: 18px;
}

.social-interaction .nav-tabs .nav-link:hover {
  border-radius: 5px;
  padding: 7px 33px;
  color: #4b5563 !important;
  background: #efefef;
  height: 42px;
  font-size: 18px;
}

.social-interaction .nav-tabs .nav-link.active {
  background: linear-gradient(90deg, #0018a6, #233fe5);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.12);
}

.seminar-section .nav-tabs {
  border: none;
  justify-content: start;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: 25px;
}

.seminar-section .nav-tabs .nav-link {
  border-radius: 5px;
  padding: 5px 20px;
  color: #4b5563 !important;
  background: #efefef;
  height: 35px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.seminar-section .nav-tabs .nav-link:hover {
  border-radius: 5px;
  padding: 5px 20px;
  color: #4b5563 !important;
  background: #efefef;
  height: 35px;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.seminar-section .nav-tabs .nav-link.active {
  background: linear-gradient(90deg, #0018a6, #233fe5);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.12);
}

@media (max-width: 576px) {
  .social-interaction .nav-tabs .nav-link {
    font-size: 1rem;
    padding: 8px 5px;
  }
}

.milan-carousel .car-card {
  flex: 0 0 25%; /* 4 cards on desktop */
  min-width: 25%;
  transition: transform 0.4s ease;
  user-select: none;

  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .milan-carousel .car-card {
    flex: 0 0 33.33%;
    min-width: 33.33%;
  }
}

/* ✅ 2 cards on tablets & medium devices (576px–992px) */
@media (max-width: 992px) {
  .milan-carousel .car-card {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

/* ✅ 1 card on mobile (<576px) */
@media (max-width: 576px) {
  .milan-carousel .car-card {
    flex: 0 0 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
  }

  .edition-card {
    margin: 0 !important;
    width: 100%;
  }
}

.edition-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mbc-5 ul::before {
  content: "" !important;
  position: absolute !important;
  width: 0px !important;
  height: 86% !important;
  background: #fff !important;
  top: 10% !important;
  left: -17% !important;
}

.mbc-5 {
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
}
.trapezoid-bar1-city {
  width: 365px;
  height: 4px;
  background-color: #0018a6;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Background overlay */
.milan-image-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease;
}

/* The popup image */
.milan-popup-full-img {
  max-width: 90%;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
  animation: zoomIn 0.3s ease;
}

/* Close button */
.milan-close {
  position: absolute;
  top: 2px;
  right: 65px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;
}
.milan-close:hover {
  color: #ffffff;
}
.fw-600 {
  font-weight: 600;
}

/* Download icon */
.milan-download {
  position: absolute;
  top: 7px;
  left: 68px;
  font-size: 14px !important;
  color: #fff;
  text-decoration: none;
  background-color: #05125d;
  padding: 10px 14px;
  border-radius: 5%;
  transition: background 0.3s ease, transform 0.3s ease;
}
.milan-download:hover {
  background-color: #05125d;
  color: #ffffff;
  transform: scale(1.1);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.swip-last-carda1 {
  position: relative;
  width: 38px !important;
  margin-right: 60px !important;
}

/* This is your vertical line */
.swip-last-carda1 .swip-last-card {
  position: absolute;

  left: 88%;
  transform: translate(0%, 12%);
  height: 200px;
  border-right: 2px solid #05125d;
}

.his-mob {
  background: #05125d;
  padding: 20px 20px 20px 20px;
  border-radius: 25px;
}
.his-mob h1 {
  color: white;
  font-size: 54px;
  font-family: Montserrat;
  text-align: center;
  text-transform: uppercase;
}

.his-mob img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0px;
}

.his-mob p {
  color: white;
  line-height: 23px !important;
  margin: 0px;
}

.divider-slide {
  width: 50px !important;
  margin-left: 40px;
}

.milan-list {
  display: block !important;
}
.mobile-view-swiper .car-card .card {
  border: 1px solid #ffffff52;
  border-radius: 12px;
  box-shadow: 0 10px 30px -6px #00000040;
  transition: transform 0.3s ease-in-out;
  min-height: 260px;
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/veIkZYeFPMnSUvvyprE4a4gRZCQ2qA1jkGMz2sVg.svg");
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.milan-carousel .card {
  border: 1px solid #ffffff52;
  border-radius: 12px;
  box-shadow: 0 10px 30px -6px #00000040;
  transition: transform 0.3s ease-in-out;
  min-height: 260px;
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/z1FdSMuDYvHynJAyOhOpTsDWj3JA2rQdS02WtJ40.webp");
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.cardas1 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/fKbALqPeMjB9kWOxsdV0KNjgfSdAKZgVTdSQ0gAw.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}

.cardas2 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/HC4TXeWhqgthGZIyHpwLBAukW3luXw9go7DkEFl0.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas3 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/UqcTgaq05xqYiRK8V8n7Xu40JfRID0C4lCALKjIi.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas4 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/jjQGkM3E1W2tB8ki0HlzSg1RQoVAZq2GBDq7YxfW.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas5 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/0v09rS0UdmrIr9t5Bp6ayRokOKPDAoph3lluTRKD.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas6 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/eWlYAPIlAWbCbPKltQaqb3Nfc1a0W7iNBo82e6yk.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas7 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/Q8ue4f9q4FOz0q9ZTtGL9loVHfXNjBkN2Oe3IyfQ.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas8 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/DwkG0FRVl86kAvqEgetH3W8EGDTBUladhsKn30VW.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas9 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/zjcpyGK5MfzAVTMA65BPsktErnxmN3vRvRExqka3.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas10 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/ohGoYemRrzce85MJqt1UhYujNaam3BHrKigatIBq.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas11 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/e04tCsdXq6dtMafJC2uxaZlufq09zD4Af7c60Qhn.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.cardas12 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/SMTgnqfRNkM0jt4sxtK4XjyNUUspqP3ak8nyIv7g.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}

.cardas64 {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/gK2RGFlAaL1Dv5QInuz8fhrMBhdpGJgFClbkZljy.webp") !important;
  background-size: 110px !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}

.ions-carousel .card {
  background-image: none !important;
}

.redirect_popup_modal {
  color: #04136d;
  font-size: 20px;
  font-weight: 500;
  font-family: "Cormorant SC", serif !important;
}

.modal-body.redirect_popup_modal_content {
  font-size: 14px;
}

button.btn-close.redirect_popup_modal_close {
  position: absolute;
  right: -7px !important;
  top: -9px !important;
}
img#flagIcon {
  border: 1px solid #ddd;
}
button#confirmExternalLink {
  background: #04136d;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 1px 9px;
  cursor: pointer;
}

button#confirmExternalLink:hover {
  background: #0620a0;
}

button.btn.cancel-modal-btn {
  background: #04136d;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 1px 9px;
  cursor: pointer;
}

button.btn.cancel-modal-btn:hover {
  background: #04136d;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 1px 9px;
  cursor: pointer;
}

.mobile-slider .swiper-button-next {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  top: 94px !important;
  right: 175px !important;
}

.mobile-slider .swiper-button-prev {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  top: 94px !important;
  left: 175px !important;
}

.mobile-slider .swiper-button-next::after,
.mobile-slider .swiper-button-prev::after {
  font-size: 14px;
  color: #fff;
}

/* Make sure it behaves like a card but only shows a line */
.vertical-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  max-width: 100px !important;
  width: 20px !important; /* 🔹 reduced width (was taking too much space) */
  margin: 0 0px; /* remove side gap if needed */
  background-color: transparent !important;
  min-width: 10% !important;
}

.card-new {
  border-right: 2px solid #202d73 !important;
  margin-right: 0px;
  padding-right: 0px;
}

.customefontstyle {
  font-family: "Cormorant SC", serif !important;
}

/* Enable horizontal scroll */
.milan-carousel {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.milan-carousel::-webkit-scrollbar {
  display: none;
}

/* On mobile view: allow touch drag scrolling + snap */
@media (max-width: 768px) {
  .milan-carousel {
    cursor: grab;
    scroll-snap-type: x mandatory; /* 👈 enable snap */
  }

  .milan-carousel .car-card {
    flex: 0 0 50%; /* each card takes width */
    scroll-snap-align: start; /* 👈 snap per card */
  }
}

.read-more-btn-new {
  color: #0018a6;
  text-decoration: none;
  font-weight: 600;
  font-style: italic;
  background: none;
  border: none;
}

#readmoremodal .modal-header {
  background: #fff;
}
#readmoremodal .modal-header h5 {
  color: #04136d;
  font-size: 30px;
  font-weight: 600;
  padding-left: 0px;
  font-family: "Cormorant SC", serif !important;
}
#readmoremodal .modal-header .btn-close {
  position: absolute;
  right: -7px !important;
  top: 5px !important;
}
.Ceremony-main-card .row {
  position: relative;
  z-index: 1;
  padding-right: 0px;
}

#readmoremodal .modal-body::-webkit-scrollbar {
  width: 6px;
}

#readmoremodal .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

#readmoremodal .modal-body::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

#readmoremodal .modal-body::-webkit-scrollbar-thumb:hover {
  background: #666;
}
#readmoremodal .modal-body {
  overflow-y: scroll;
  height: 450px;
  scrollbar-width: thin;
  scrollbar-color: #999 #f1f1f1;
}

#Participatingunitsmodal .modal-header {
  background: #fff;
}
#Participatingunitsmodal .modal-header h5 {
  color: #04136d;
  font-size: 30px;
  font-weight: 600;
  padding-left: 12px;
  font-family: "Cormorant SC", serif !important;
}
#Participatingunitsmodal .modal-header .btn-close {
  position: absolute;
  right: -3px !important;
  top: 2px !important;
}
.Ceremony-main-card .row {
  position: relative;
  z-index: 1;
  padding-right: 0px;
}

#Participatingunitsmodal .modal-body::-webkit-scrollbar {
  width: 6px;
}

#Participatingunitsmodal .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

#Participatingunitsmodal .modal-body::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

#Participatingunitsmodal .modal-body {
  overflow-y: scroll;
  height: 450px;
  scrollbar-width: thin;
  scrollbar-color: #999 #f1f1f1;
}

#Participatingunitsmodal .modal-body .card-title {
  font-size: 14px;
}
#Participatingunitsmodal .modal-body::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.Participatingunits-modal {
  display: block;
  margin: 0px auto 0px auto;
  padding: 5px 15px;
  border-radius: 23px;
  font-weight: 600;
  font-size: 16px;
  background: #0018a6;
  border: 0px;
  color: white;
  width: auto;
  border: 1.5px solid white;
  margin-bottom: 5px;
  margin-top: 5px;
}

.fancy-initial-title {
  font-family: "Times New Roman", serif;
  color: #1b3a8a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 32px; /* small letters */
  line-height: 1;
}

/* Make both K and D large automatically */
.fancy-initial-title::first-letter {
  font-size: 60px;
  float: left;
  line-height: 0.8;
  padding-right: 4px;
}

/* Make second word also style correctly */
.fancy-initial-title span::first-letter {
  font-size: 60px;
  float: left;
  line-height: 0.8;
  padding-left: 12px; /* space between KEY & DATES */
}

.big-first-letter {
  font-size: 30px;
  font-weight: 300;
  font-family: serif;
  color: #29388d;
}

.big-first-letter:nth-child(1)::first-letter {
  font-size: 50px !important;
  font-weight: 300;
  line-height: 0.8;
}

.big-first-letter2 {
  font-size: 28px;
  font-weight: bold;
  font-family: serif;
  color: #29388d;
}

.big-first-letter2::first-letter {
  font-size: 45px;
  font-weight: 400;
  line-height: 0.8;
}

.past-edition-mobile .swiper-slide {
  width: 365px !important;
}

.past-edition-mobile .car-card {
  width: 360px !important;
}

.past-edition-mobile .edition-card {
  height: 250px;
}

.mobile-view-swiper .swiper-slide {
  width: 100% !important;
  display: flex;
  justify-content: center;
  margin-bottom: 40px !important;
}

.mobile-view-swiper .card-title {
  border-bottom: 1.5px solid #ccc;
  padding-bottom: 10px !important;
}
.mobile-view-swiper .car-card {
  width: 100%;
  max-width: 360px;
  padding-bottom: 0;
}

.mobile-view-swiper .car-card .card {
  height: 250px;
  width: 335px !important;
}

.mobile-slider-milan .swiper-button-prev {
  margin-top: 65px;
  background: rgb(255, 255, 255);
  height: 50px !important;
  width: 50px !important;
  margin-left: 115px;
}

.mobile-slider-milan .swiper-button-next {
  margin-top: 65px;
  background: rgb(255, 255, 255);
  height: 50px !important;
  width: 50px !important;
  margin-right: 115px;
}

.mob-imga1 {
  margin: 10px 10px;
  position: absolute;
  right: 6px;
  bottom: 0;
  width: 150px;
}

.btn-close {
  position: absolute;
  right: 0 !important;
  top: -10px !important;
  border-radius: 50% !important;
  background: #909090 !important;
  opacity: 1 !important;
  border: 1px solid #ffffff !important;
  width: 13px !important ;
  color: white !important;
  padding: 12px 12px 11px !important;
  height: 14px !important;
}

.btn-close::before {
  content: "✕";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbar-toggler {
  border: none;
  outline: none;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/dwHwWRPCjDLf86eEnPjfFztKTia3ci6XBTIhOJcB.svg");
}

.navbar-toggler .close-icon {
  font-size: 30px;
  color: #000;
  line-height: 1;
}

#mobileGalleryMenu .offcanvas-header button {
  margin-top: 15px !important;
}

.redirect_popup_modal_close {
  position: absolute;
  right: 19px !important;
  top: 28px !important;
}

.togg-iconnn-btn {
  font-size: 10px !important;
}
.gal-tog-mob .form-select {
  padding: 2px 5px 2px 10px !important;
  font-size: 18px;
  border-radius: 2px;
  border: none;
  background: #05125d !important;
  color: white !important;
  -webkit-appearance: auto !important;
}

.custom-fil-new button {
  font-size: 12px !important;
  padding: 10px 10px !important;
}

.cus-mob-new .card .form-select {
  padding: 5px 5px 5px 10px !important;
  font-size: 14px !important;
}

.modal-past-edit .card {
  height: 240px;
  background-image: url(https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/veIkZYeFPMnSUvvyprE4a4gRZCQ2qA1jkGMz2sVg.svg);
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.modal-past-edit1 .card {
  height: 285px;
}

.modal-head-ff {
  color: #04136d;
  font-size: 30px;
  font-weight: 600;
  padding-left: 12px;
  font-family: "Cormorant SC", serif !important;
}

.milan-model-past {
  font-size: 16px;
  height: 455px;
  overflow: auto;
}

.coun-lfag-new img {
  margin: 10px 10px;
  position: absolute;
  right: 6px;
  bottom: 0;
  width: 150px;
}
.inons-model-bg {
  background-image: none !important;
}

.dropdown-text-new {
  font-size: 12px;
  padding: 0px 0px;
}
.videogallery {
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.galleryHight {
  width: 100%;
  height: 200px;
}

.mobile-slider-milan .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.mobile-slider-milan .swiper-slide {
  flex-shrink: 0 !important;
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.6s ease;
}

.mobile-slider-milan .swiper-slide .card {
  transition: transform 0.4s ease-in-out;
}

.mobile-slider-milan .swiper-slide-active .card {
  transform: scale(1.02);
}

.play-icon-new {
  width: 20px !important;
}

.citylanding-img {
  width: 100%;
  height: 250px;
}

.contact-us-submit {
  background: #05125d;
  border: none;
  padding: 5px 15px;
  font-size: 18px;
  color: white;
  border-radius: 5px;
}

.milan-sea-phase-text {
  font-size: 60px !important;
}

.big-letters {
  font-size: 32px;
  font-weight: 300;
  font-family: serif;
}

#keydates-media-milan-main .word {
  margin-right: 8px;
  display: inline-block;
  font-size: 30px !important;
}

.word {
  margin-right: 3px;
  font-size: 8px !important;
}
.word::first-letter {
  font-size: 52px;
  font-weight: 400;
  line-height: 0.8;
}
.hin-tran-new {
  color: red I !important;
  font-size: 30px I !important;
}

/* Parent element */
.event-value {
  position: relative;
  display: inline-block;
}

.center-popup {
  position: fixed;
  top: 55%;
  left: 52%;
  transform: translate(-50%, -50%);
  display: none;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  z-index: 9999;
}

/* Popup image size */
.center-popup img {
  width: 120px;
  height: 325px;
}

/* Desktop hover shows popup */
@media (min-width: 992px) {
  .hover-trigger:hover ~ .center-popup {
    display: block;
  }
}

/* Mobile - keep popup small, same as desktop */
@media (max-width: 991px) {
  .center-popup {
    display: none; /* hidden initially */
  }
}
.mobile-slider {
  z-index: 0 !important;
}


.dress-code-heading {
  font-size: 30px;
  font-family: "Cormorant SC", serif;
  text-transform: uppercase;
  color: #29388d;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 35px;
}
.do-donts-heading {
  display: inline-block;
  font-size: 30px;
  font-family: "Cormorant SC", serif;
  text-transform: uppercase;
  color: #29388d;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 35px;
  margin-bottom: 10px;
  border-bottom: solid 2px #0018a6;
}

.code-num-new-1 {
  color: #29388d;
  font-size: 30px;
  font-family: "Cormorant", serif !important;
  font-weight: 500;
}

.dress-name {
  font-size: 14px;
  text-align: start;
}

.dress-imag-new1 {
  height: 345px !important;
}

.hover-trigger a {
  border-bottom: 1.5px solid #ff8b00;
}

.dress-divider {
  margin: 15px 0px 15px 0px;
  border: 1px solid #999;
}

.do-and-dont-list1a {
  width: 100%;
  box-shadow: 0 0 3px #00000036;
  padding: 15px 15px;
  border-radius: 10px;
}

.letter-26 {
  font-size: 53px;
  border-radius: 3px;
  text-align: left;
  color: #29388d !important;
  font-family: "Cormorant SC", serif !important;
  line-height: 0px;
}

.broadcasting-img {
  background-image: url("https://milan-uat2025.s3.ap-south-1.amazonaws.com/uploads/WGw1tCHhUnxYNwVoH6DFOCDOvVntICsF1wXLASR4.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.media-broad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.media-broad section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.media-broad section img {
  width: 250px;
  height: 250px;
}

.media-broad section h3 {
  font-size: 30px !important;
  color: #fff;
  font-weight: 800;
  font-family: Montserrat;
  margin-bottom: 2px !important;
  text-align: center;
}
.media-broad section h5 {
  font-size: 16px !important;
  color: #09164f;
  font-weight: 800;
  font-family: Montserrat;
  margin-bottom: 2px !important;
  text-align: center;
  background: white;
  padding: 8px;
  margin-top: 15px;
  width: auto;
  border-radius: 10px;
}

.compass-video2-Signature {
  position: absolute;
  right: 31px;
  top: -16px;
  width: 249px;
  height: 243px;
  object-fit: cover;
  z-index: -2;
  transform: rotate(358deg);
  border-radius: inherit;
  pointer-events: none;
  clip-path: inset(0 round 12px);
}

.hidden-first {
  display: none !important;
}

.heading-border {
  border-bottom: 4px solid #29388d;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.cat_name_text {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}



/* Default loader visible */
#ifrMilanLoader_container {
    position: fixed;
    inset: 0;
    background: #ffffff;
    z-index: 99999;
}

/* Hide loader instantly for WebView */
.webview #ifrMilanLoader_container {
    display: none !important;
}




.sourcelink a{
  overflow-wrap: anywhere !important;
  display: inline-block;
    font-size: 16px;
    background: #0018A6;
    padding: 1px 6px;
    color: #ffff;
    font-family: Montserrat;
    text-decoration: none;
    border-radius: 5px;
}

/* WebView ONLY (iOS + Android) */
.is-webview .header-bg .navbar {
    padding: 20px 10px 5px 10px !important;
}




.homeborder-line1{display: none;}
.homeborder-line3{display: none;}
.Heighlights-line2{display: none;}
.homeborder-line5{display: none;}
.homeborder-line6{display: none;}
.homeborder-line7{display: none;}
.homeborder-line8{display: none;}
.trapezoid-bar1{display: none;}
.trapezoid-bar2{display: none;}
.Past-edition{display: none;}

#goog-gt-tt{
  display: none !important;
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
   background-color: rgba(255, 255, 255, 0) !important;
    box-shadow: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}


.nav-item .dropdown-toggle::after {
    display: inline-block;
    margin-left: 1px;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}



.btn-register {
    width: 107px;
    margin-left: 15px;
    padding: 8px 9px;
  }


.visitor_number ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 5px;
}
.visitor_number p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
}
.visitor_number ul li p {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.visitor_number ul li p::after {
content: '';
  position: absolute;
  right: -4px;
  top: 54%;
  border-left: 2px solid #000;
  height: 8px;
  border-radius: 20px;
  transform: translateY(-50%);
}
.visitor_number ul li p::before {
content: '';
  position: absolute;
  left: -4px;
  top: 54%;
  border-left: 2px solid #000;
  height: 8px;
  border-radius: 20px;
  transform: translateY(-50%);
}
.visitor_number li {
  background: #FFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.99) 0%, rgba(204, 204, 204, 1) 100%);
  padding: 3px 6px;
  border-radius: 3px;
}
.home-gall1{
  background: none !important;
  border: none;

}
.home-gall2{
background: none !important;
border: none;
}
.home-gall1-main .carousel-control-prev{
     top: 100% !important;
    left: 38% !important;

}
.home-gall1-main .carousel-control-next{
  top: 100% !important;
    right: 38% !important;
}
.gallery-home-below  a img{
  margin-bottom: 0px !important;
}








/* Swiper container full width */
.mobileGallerySwiper {
    width: 100%;
    height: 200px;
}

/* Each slide must be full width on mobile */
.mobileGallerySwiper .swiper-slide {
    width: 100% !important;
}

/* Image responsive */
.mobileGallerySwiper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px; /* optional – looks premium */
    object-fit: cover;
}

#visitorDigits {
       display: grid;
    grid-template-columns: repeat(11, max-content);
    gap: 5px;
    justify-content: start;
    padding: 0;
    list-style: none;
}


/* MOBILE ONLY */
@media (max-width: 767px) {

    /* 🔥 hide desktop grid */
    .gallery-wrapper > .gallery-col {
        display: none !important;
    }

    /* swiper layout */
    .gallery-wrapper.swiper {
        display: block;
        overflow: hidden;
        padding: 0;
    }

    .gallery-wrapper .swiper-wrapper {
        display: flex;
    }

    .gallery-wrapper .swiper-slide {
        width: 100%;
        flex-shrink: 0;
    }

    .gallery-wrapper img {
        width: 100%;
        display: block;
    }
}



.swiper-pagination-bullet{
  background: white !important;
}




.video-thumb-buttons {
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.video-thumb-btn {
    width: 60px;
    height: 35px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    opacity: 0.6;
     border: 1px solid #ffffff;
}

.video-thumb-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-thumb-btn.active {
       opacity: 1;
    border-color: #fff;
    border: 2px solid #ffffff;
}


.video-wrapper-new1 {
  width: 100%;
    height: 330px;
  border-radius: 15px;
  overflow: hidden;
}

.video-wrapper-new1 iframe {
  width: 100%;
  height: 100%;
}




#cardContainer2 .partibox h5 {
    color: #153b7a;
    position: relative;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}

#cardContainer2  .swiper-wrapper {
    padding-bottom: 10px;
    padding-left: 0px;
}
#cardContainer  .swiper-wrapper {
    padding-bottom: 10px;
    padding-left: 0px;
}



#cardContainer2  .swiper2-next {
    color: #d1d1d1 !important;
    background: transparent;
    border-radius: 50% !important;
    width: 46px !important;
    border: none !important;
    /* border: solid 1px #ababab; */
    height: 45px !important;
    box-shadow: none !important;
    z-index: 1 !important;





        cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
}

#cardContainer2  .swiper2-prev {
    color: #d1d1d1 !important;
    background: transparent;
    border-radius: 50% !important;
    width: 46px !important;
    border: none !important;
    /* border: solid 1px #ababab; */
    height: 45px !important;
    box-shadow: none !important;
    z-index: 1 !important;



     cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 91px) !important;
    right: auto;
    top: var(--swiper-navigation-top-offset, 60%) !important;
}



.thumb-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.thumb-wrapper img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px !important;          /* adjust if needed */
    height: 16px !important;
    pointer-events: none; /* button click remains intact */
}