.m-auto{ margin: auto; }
.m-b-0{margin-bottom: 0;}
.mt-0 { margin-top: 0 !important;} .mt-5{margin-top: 5%;} .mt-10{margin-top: 10%;} .mt-15{margin-top: 15%;} .mt-20{margin-top: 20%;} .mt-25{margin-top: 25%;} .mt-30{margin-top: 30%;} .mt-35{margin-top: 35%;} .mt-40{margin-top: 40%;} .mt-45{margin-top: 45%;} .mt-50{margin-top: 50%;} .mt-55{margin-top: 55%;} .mt-60{margin-top: 60%;} .mt-65{margin-top: 65%;} .mt-70{margin-top: 70%;} .mt-75{margin-top: 75%;} .mt-80{margin-top: 80%;} .mt-85{margin-top: 85%;} .mt-90{margin-top: 90%;} .mt-95{margin-top: 95%;} .mt-100{margin-top: 100%;}
.mb-0 { margin-bottom: 0 !important;} .mb-5{margin-bottom: 5%;} .mb-10{margin-bottom: 10%;} .mb-15{margin-bottom: 15%;} .mb-20{margin-bottom: 20%;} .mb-25{margin-bottom: 25%;} .mb-30{margin-bottom: 30%;} .mb-35{margin-bottom: 35%;} .mb-40{margin-bottom: 40%;} .mb-45{margin-bottom: 45%;} .mb-50{margin-bottom: 50%;} .mb-55{margin-bottom: 55%;} .mb-60{margin-bottom: 60%;} .mb-65{margin-bottom: 65%;} .mb-70{margin-bottom: 70%;} .mb-75{margin-bottom: 75%;} .mb-80{margin-bottom: 80%;} .mb-85{margin-bottom: 85%;} .mb-90{margin-bottom: 90%;} .mb-95{margin-bottom: 95%;} .mb-100{margin-bottom: 100%;}
.mr-0 { margin-right: 0 !important;} .mr-5{margin-right: 5%;} .mr-10{margin-right: 10%;} .mr-15{margin-right: 15%;} .mr-20{margin-right: 20%;} .mr-25{margin-right: 25%;} .mr-30{margin-right: 30%;} .mr-35{margin-right: 35%;} .mr-40{margin-right: 40%;} .mr-45{margin-right: 45%;} .mr-50{margin-right: 50%;} .mr-55{margin-right: 55%;} .mr-60{margin-right: 60%;} .mr-65{margin-right: 65%;} .mr-70{margin-right: 70%;} .mr-75{margin-right: 75%;} .mr-80{margin-right: 80%;} .mr-85{margin-right: 85%;} .mr-90{margin-right: 90%;} .mr-95{margin-right: 95%;} .mr-100{margin-right: 100%;}
.m-t-0{margin-top:0px;} .m-t-1{margin-top:1px;} .m-t-2{margin-top:2px;} .m-t-3{margin-top:3px;} .m-t-4{margin-top:4px;} .m-t-5{margin-top:5px;} .m-t-6{margin-top:6px;} .m-t-7{margin-top:7px;} .m-t-8{margin-top:8px;} .m-t-9{margin-top:9px;} .m-t-10{margin-top:10px;} .m-t-11{margin-top:11px;} .m-t-12{margin-top:12px;} .m-t-13{margin-top:13px;} .m-t-14{margin-top:14px;} .m-t-15{margin-top:15px;} .m-t-16{margin-top:16px;} .m-t-17{margin-top:17px;} .m-t-18{margin-top:18px;} .m-t-19{margin-top:19px;} .m-t-20{margin-top:20px;} .m-t-21{margin-top:21px;} .m-t-22{margin-top:22px;} .m-t-23{margin-top:23px;} .m-t-24{margin-top:24px;} .m-t-25{margin-top:25px;} .m-t-26{margin-top:26px;} .m-t-27{margin-top:27px;} .m-t-28{margin-top:28px;} .m-t-29{margin-top:29px;} .m-t-30{margin-top:30px;} .m-t-31{margin-top:31px;} .m-t-32{margin-top:32px;} .m-t-33{margin-top:33px;} .m-t-34{margin-top:34px;} .m-t-35{margin-top:35px;} .m-t-36{margin-top:36px;} .m-t-37{margin-top:37px;} .m-t-38{margin-top:38px;} .m-t-39{margin-top:39px;} .m-t-40{margin-top:40px;} .m-t-41{margin-top:41px;} .m-t-42{margin-top:42px;} .m-t-43{margin-top:43px;} .m-t-44{margin-top:44px;} .m-t-45{margin-top:45px;} .m-t-46{margin-top:46px;} .m-t-47{margin-top:47px;} .m-t-48{margin-top:48px;} .m-t-49{margin-top:49px;} .m-t-50{margin-top:50px;} .m-t-51{margin-top:51px;} .m-t-52{margin-top:52px;} .m-t-53{margin-top:53px;} .m-t-54{margin-top:54px;} .m-t-55{margin-top:55px;} .m-t-56{margin-top:56px;} .m-t-57{margin-top:57px;} .m-t-58{margin-top:58px;} .m-t-59{margin-top:59px;} .m-t-60{margin-top:60px;} .m-t-61{margin-top:61px;} .m-t-62{margin-top:62px;} .m-t-63{margin-top:63px;} .m-t-64{margin-top:64px;} .m-t-65{margin-top:65px;} .m-t-66{margin-top:66px;} .m-t-67{margin-top:67px;} .m-t-68{margin-top:68px;} .m-t-69{margin-top:69px;} .m-t-70{margin-top:70px;} .m-t-71{margin-top:71px;} .m-t-72{margin-top:72px;} .m-t-73{margin-top:73px;} .m-t-74{margin-top:74px;} .m-t-75{margin-top:75px;} .m-t-76{margin-top:76px;} .m-t-77{margin-top:77px;} .m-t-78{margin-top:78px;} .m-t-79{margin-top:79px;} .m-t-80{margin-top:80px;} .m-t-81{margin-top:81px;} .m-t-82{margin-top:82px;} .m-t-83{margin-top:83px;} .m-t-84{margin-top:84px;} .m-t-85{margin-top:85px;} .m-t-86{margin-top:86px;} .m-t-87{margin-top:87px;} .m-t-88{margin-top:88px;} .m-t-89{margin-top:89px;} .m-t-90{margin-top:90px;} .m-t-91{margin-top:91px;} .m-t-92{margin-top:92px;} .m-t-93{margin-top:93px;} .m-t-94{margin-top:94px;} .m-t-95{margin-top:95px;} .m-t-96{margin-top:96px;} .m-t-97{margin-top:97px;} .m-t-98{margin-top:98px;} .m-t-99{margin-top:99px;} .m-t-100{margin-top:100px;}
.m-r-0{margin-right:0px;} .m-r-1{margin-right:1px;} .m-r-2{margin-right:2px;} .m-r-3{margin-right:3px;} .m-r-4{margin-right:4px;} .m-r-5{margin-right:5px;} .m-r-6{margin-right:6px;} .m-r-7{margin-right:7px;} .m-r-8{margin-right:8px;} .m-r-9{margin-right:9px;} .m-r-10{margin-right:10px;} .m-r-11{margin-right:11px;} .m-r-12{margin-right:12px;} .m-r-13{margin-right:13px;} .m-r-14{margin-right:14px;} .m-r-15{margin-right:15px;} .m-r-16{margin-right:16px;} .m-r-17{margin-right:17px;} .m-r-18{margin-right:18px;} .m-r-19{margin-right:19px;} .m-r-20{margin-right:20px;} .m-r-21{margin-right:21px;} .m-r-22{margin-right:22px;} .m-r-23{margin-right:23px;} .m-r-24{margin-right:24px;} .m-r-25{margin-right:25px;} .m-r-26{margin-right:26px;} .m-r-27{margin-right:27px;} .m-r-28{margin-right:28px;} .m-r-29{margin-right:29px;} .m-r-30{margin-right:30px;} .m-r-31{margin-right:31px;} .m-r-32{margin-right:32px;} .m-r-33{margin-right:33px;} .m-r-34{margin-right:34px;} .m-r-35{margin-right:35px;} .m-r-36{margin-right:36px;} .m-r-37{margin-right:37px;} .m-r-38{margin-right:38px;} .m-r-39{margin-right:39px;} .m-r-40{margin-right:40px;} .m-r-41{margin-right:41px;} .m-r-42{margin-right:42px;} .m-r-43{margin-right:43px;} .m-r-44{margin-right:44px;} .m-r-45{margin-right:45px;} .m-r-46{margin-right:46px;} .m-r-47{margin-right:47px;} .m-r-48{margin-right:48px;} .m-r-49{margin-right:49px;} .m-r-50{margin-right:50px;} .m-r-51{margin-right:51px;} .m-r-52{margin-right:52px;} .m-r-53{margin-right:53px;} .m-r-54{margin-right:54px;} .m-r-55{margin-right:55px;} .m-r-56{margin-right:56px;} .m-r-57{margin-right:57px;} .m-r-58{margin-right:58px;} .m-r-59{margin-right:59px;} .m-r-60{margin-right:60px;} .m-r-61{margin-right:61px;} .m-r-62{margin-right:62px;} .m-r-63{margin-right:63px;} .m-r-64{margin-right:64px;} .m-r-65{margin-right:65px;} .m-r-66{margin-right:66px;} .m-r-67{margin-right:67px;} .m-r-68{margin-right:68px;} .m-r-69{margin-right:69px;} .m-r-70{margin-right:70px;} .m-r-71{margin-right:71px;} .m-r-72{margin-right:72px;} .m-r-73{margin-right:73px;} .m-r-74{margin-right:74px;} .m-r-75{margin-right:75px;} .m-r-76{margin-right:76px;} .m-r-77{margin-right:77px;} .m-r-78{margin-right:78px;} .m-r-79{margin-right:79px;} .m-r-80{margin-right:80px;} .m-r-81{margin-right:81px;} .m-r-82{margin-right:82px;} .m-r-83{margin-right:83px;} .m-r-84{margin-right:84px;} .m-r-85{margin-right:85px;} .m-r-86{margin-right:86px;} .m-r-87{margin-right:87px;} .m-r-88{margin-right:88px;} .m-r-89{margin-right:89px;} .m-r-90{margin-right:90px;} .m-r-91{margin-right:91px;} .m-r-92{margin-right:92px;} .m-r-93{margin-right:93px;} .m-r-94{margin-right:94px;} .m-r-95{margin-right:95px;} .m-r-96{margin-right:96px;} .m-r-97{margin-right:97px;} .m-r-98{margin-right:98px;} .m-r-99{margin-right:99px;} .m-r-100{margin-right:100px;}
.m-b-0{margin-bottom:0px;} .m-b-1{margin-bottom:1px;} .m-b-2{margin-bottom:2px;} .m-b-3{margin-bottom:3px;} .m-b-4{margin-bottom:4px;} .m-b-5{margin-bottom:5px;} .m-b-6{margin-bottom:6px;} .m-b-7{margin-bottom:7px;} .m-b-8{margin-bottom:8px;} .m-b-9{margin-bottom:9px;} .m-b-10{margin-bottom:10px;} .m-b-11{margin-bottom:11px;} .m-b-12{margin-bottom:12px;} .m-b-13{margin-bottom:13px;} .m-b-14{margin-bottom:14px;} .m-b-15{margin-bottom:15px;} .m-b-16{margin-bottom:16px;} .m-b-17{margin-bottom:17px;} .m-b-18{margin-bottom:18px;} .m-b-19{margin-bottom:19px;} .m-b-20{margin-bottom:20px;} .m-b-21{margin-bottom:21px;} .m-b-22{margin-bottom:22px;} .m-b-23{margin-bottom:23px;} .m-b-24{margin-bottom:24px;} .m-b-25{margin-bottom:25px;} .m-b-26{margin-bottom:26px;} .m-b-27{margin-bottom:27px;} .m-b-28{margin-bottom:28px;} .m-b-29{margin-bottom:29px;} .m-b-30{margin-bottom:30px;} .m-b-31{margin-bottom:31px;} .m-b-32{margin-bottom:32px;} .m-b-33{margin-bottom:33px;} .m-b-34{margin-bottom:34px;} .m-b-35{margin-bottom:35px;} .m-b-36{margin-bottom:36px;} .m-b-37{margin-bottom:37px;} .m-b-38{margin-bottom:38px;} .m-b-39{margin-bottom:39px;} .m-b-40{margin-bottom:40px;} .m-b-41{margin-bottom:41px;} .m-b-42{margin-bottom:42px;} .m-b-43{margin-bottom:43px;} .m-b-44{margin-bottom:44px;} .m-b-45{margin-bottom:45px;} .m-b-46{margin-bottom:46px;} .m-b-47{margin-bottom:47px;} .m-b-48{margin-bottom:48px;} .m-b-49{margin-bottom:49px;} .m-b-50{margin-bottom:50px;} .m-b-51{margin-bottom:51px;} .m-b-52{margin-bottom:52px;} .m-b-53{margin-bottom:53px;} .m-b-54{margin-bottom:54px;} .m-b-55{margin-bottom:55px;} .m-b-56{margin-bottom:56px;} .m-b-57{margin-bottom:57px;} .m-b-58{margin-bottom:58px;} .m-b-59{margin-bottom:59px;} .m-b-60{margin-bottom:60px;} .m-b-61{margin-bottom:61px;} .m-b-62{margin-bottom:62px;} .m-b-63{margin-bottom:63px;} .m-b-64{margin-bottom:64px;} .m-b-65{margin-bottom:65px;} .m-b-66{margin-bottom:66px;} .m-b-67{margin-bottom:67px;} .m-b-68{margin-bottom:68px;} .m-b-69{margin-bottom:69px;} .m-b-70{margin-bottom:70px;} .m-b-71{margin-bottom:71px;} .m-b-72{margin-bottom:72px;} .m-b-73{margin-bottom:73px;} .m-b-74{margin-bottom:74px;} .m-b-75{margin-bottom:75px;} .m-b-76{margin-bottom:76px;} .m-b-77{margin-bottom:77px;} .m-b-78{margin-bottom:78px;} .m-b-79{margin-bottom:79px;} .m-b-80{margin-bottom:80px;} .m-b-81{margin-bottom:81px;} .m-b-82{margin-bottom:82px;} .m-b-83{margin-bottom:83px;} .m-b-84{margin-bottom:84px;} .m-b-85{margin-bottom:85px;} .m-b-86{margin-bottom:86px;} .m-b-87{margin-bottom:87px;} .m-b-88{margin-bottom:88px;} .m-b-89{margin-bottom:89px;} .m-b-90{margin-bottom:90px;} .m-b-91{margin-bottom:91px;} .m-b-92{margin-bottom:92px;} .m-b-93{margin-bottom:93px;} .m-b-94{margin-bottom:94px;} .m-b-95{margin-bottom:95px;} .m-b-96{margin-bottom:96px;} .m-b-97{margin-bottom:97px;} .m-b-98{margin-bottom:98px;} .m-b-99{margin-bottom:99px;} .m-b-100{margin-bottom:100px;}
.m-l-0{margin-left:0px;} .m-l-1{margin-left:1px;} .m-l-2{margin-left:2px;} .m-l-3{margin-left:3px;} .m-l-4{margin-left:4px;} .m-l-5{margin-left:5px;} .m-l-6{margin-left:6px;} .m-l-7{margin-left:7px;} .m-l-8{margin-left:8px;} .m-l-9{margin-left:9px;} .m-l-10{margin-left:10px;} .m-l-11{margin-left:11px;} .m-l-12{margin-left:12px;} .m-l-13{margin-left:13px;} .m-l-14{margin-left:14px;} .m-l-15{margin-left:15px;} .m-l-16{margin-left:16px;} .m-l-17{margin-left:17px;} .m-l-18{margin-left:18px;} .m-l-19{margin-left:19px;} .m-l-20{margin-left:20px;} .m-l-21{margin-left:21px;} .m-l-22{margin-left:22px;} .m-l-23{margin-left:23px;} .m-l-24{margin-left:24px;} .m-l-25{margin-left:25px;} .m-l-26{margin-left:26px;} .m-l-27{margin-left:27px;} .m-l-28{margin-left:28px;} .m-l-29{margin-left:29px;} .m-l-30{margin-left:30px;} .m-l-31{margin-left:31px;} .m-l-32{margin-left:32px;} .m-l-33{margin-left:33px;} .m-l-34{margin-left:34px;} .m-l-35{margin-left:35px;} .m-l-36{margin-left:36px;} .m-l-37{margin-left:37px;} .m-l-38{margin-left:38px;} .m-l-39{margin-left:39px;} .m-l-40{margin-left:40px;} .m-l-41{margin-left:41px;} .m-l-42{margin-left:42px;} .m-l-43{margin-left:43px;} .m-l-44{margin-left:44px;} .m-l-45{margin-left:45px;} .m-l-46{margin-left:46px;} .m-l-47{margin-left:47px;} .m-l-48{margin-left:48px;} .m-l-49{margin-left:49px;} .m-l-50{margin-left:50px;} .m-l-51{margin-left:51px;} .m-l-52{margin-left:52px;} .m-l-53{margin-left:53px;} .m-l-54{margin-left:54px;} .m-l-55{margin-left:55px;} .m-l-56{margin-left:56px;} .m-l-57{margin-left:57px;} .m-l-58{margin-left:58px;} .m-l-59{margin-left:59px;} .m-l-60{margin-left:60px;} .m-l-61{margin-left:61px;} .m-l-62{margin-left:62px;} .m-l-63{margin-left:63px;} .m-l-64{margin-left:64px;} .m-l-65{margin-left:65px;} .m-l-66{margin-left:66px;} .m-l-67{margin-left:67px;} .m-l-68{margin-left:68px;} .m-l-69{margin-left:69px;} .m-l-70{margin-left:70px;} .m-l-71{margin-left:71px;} .m-l-72{margin-left:72px;} .m-l-73{margin-left:73px;} .m-l-74{margin-left:74px;} .m-l-75{margin-left:75px;} .m-l-76{margin-left:76px;} .m-l-77{margin-left:77px;} .m-l-78{margin-left:78px;} .m-l-79{margin-left:79px;} .m-l-80{margin-left:80px;} .m-l-81{margin-left:81px;} .m-l-82{margin-left:82px;} .m-l-83{margin-left:83px;} .m-l-84{margin-left:84px;} .m-l-85{margin-left:85px;} .m-l-86{margin-left:86px;} .m-l-87{margin-left:87px;} .m-l-88{margin-left:88px;} .m-l-89{margin-left:89px;} .m-l-90{margin-left:90px;} .m-l-91{margin-left:91px;} .m-l-92{margin-left:92px;} .m-l-93{margin-left:93px;} .m-l-94{margin-left:94px;} .m-l-95{margin-left:95px;} .m-l-96{margin-left:96px;} .m-l-97{margin-left:97px;} .m-l-98{margin-left:98px;} .m-l-99{margin-left:99px;} .m-l-100{margin-left:100px;}
.p-auto{padding: auto; }
.pt-0 { padding-top: 0 !important;} .pt-5{padding-top: 5%;} .pt-10{padding-top: 10%;} .pt-15{padding-top: 15%;} .pt-20{padding-top: 20%;} .pt-25{padding-top: 25%;} .pt-30{padding-top: 30%;} .pt-35{padding-top: 35%;} .pt-40{padding-top: 40%;} .pt-45{padding-top: 45%;} .pt-50{padding-top: 50%;} .pt-55{padding-top: 55%;} .pt-60{padding-top: 60%;} .pt-65{padding-top: 65%;} .pt-70{padding-top: 70%;} .pt-75{padding-top: 75%;} .pt-80{padding-top: 80%;} .pt-85{padding-top: 85%;} .pt-90{padding-top: 90%;} .pt-95{padding-top: 95%;} .pt-100{padding-top: 100%;}
.pb-0 { padding-bottom: 0 !important;} .pb-5{padding-bottom: 5%;} .pb-10{padding-bottom: 10%;} .pb-15{padding-bottom: 15%;} .pb-20{padding-bottom: 20%;} .pb-25{padding-bottom: 25%;} .pb-30{padding-bottom: 30%;} .pb-35{padding-bottom: 35%;} .pb-40{padding-bottom: 40%;} .pb-45{padding-bottom: 45%;} .pb-50{padding-bottom: 50%;} .pb-55{padding-bottom: 55%;} .pb-60{padding-bottom: 60%;} .pb-65{padding-bottom: 65%;} .pb-70{padding-bottom: 70%;} .pb-75{padding-bottom: 75%;} .pb-80{padding-bottom: 80%;} .pb-85{padding-bottom: 85%;} .pb-90{padding-bottom: 90%;} .pb-95{padding-bottom: 95%;} .pb-100{padding-bottom: 100%;}
.pl-0 { padding-left: 0 !important;} .pl-5{padding-left: 5%;} .pl-10{padding-left: 10%;} .pl-15{padding-left: 15%;} .pl-20{padding-left: 20%;} .pl-25{padding-left: 25%;} .pl-30{padding-left: 30%;} .pl-35{padding-left: 35%;} .pl-40{padding-left: 40%;} .pl-45{padding-left: 45%;} .pl-50{padding-left: 50%;} .pl-55{padding-left: 55%;} .pl-60{padding-left: 60%;} .pl-65{padding-left: 65%;} .pl-70{padding-left: 70%;} .pl-75{padding-left: 75%;} .pl-80{padding-left: 80%;} .pl-85{padding-left: 85%;} .pl-90{padding-left: 90%;} .pl-95{padding-left: 95%;} .pl-100{padding-left: 100%;}
.pr-0 { padding-right: 0 !important;} .pr-5{padding-right: 5% !important;} .pr-10{padding-right: 10%;} .pr-15{padding-right: 15%;} .pr-20{padding-right: 20%;} .pr-25{padding-right: 25%;} .pr-30{padding-right: 30%;} .pr-35{padding-right: 35%;} .pr-40{padding-right: 40%;} .pr-45{padding-right: 45%;} .pr-50{padding-right: 50%;} .pr-55{padding-right: 55%;} .pr-60{padding-right: 60%;} .pr-65{padding-right: 65%;} .pr-70{padding-right: 70%;} .pr-75{padding-right: 75%;} .pr-80{padding-right: 80%;} .pr-85{padding-right: 85%;} .pr-90{padding-right: 90%;} .pr-95{padding-right: 95%;} .pr-100{padding-left: 100%;}
.p-t-0{padding-top: 0px;} .p-t-1{padding-top: 1px;} .p-t-2{padding-top: 2px;} .p-t-3{padding-top: 3px;} .p-t-4{padding-top: 4px;} .p-t-5{padding-top: 5px;} .p-t-6{padding-top: 6px;} .p-t-7{padding-top: 7px;} .p-t-8{padding-top: 8px;} .p-t-9{padding-top: 9px;} .p-t-10{padding-top: 10px;} .p-t-11{padding-top: 11px;} .p-t-12{padding-top: 12px;} .p-t-13{padding-top: 13px;} .p-t-14{padding-top: 14px;} .p-t-15{padding-top: 15px;} .p-t-16{padding-top: 16px;} .p-t-17{padding-top: 17px;} .p-t-18{padding-top: 18px;} .p-t-19{padding-top: 19px;} .p-t-20{padding-top: 20px;} .p-t-21{padding-top: 21px;} .p-t-22{padding-top: 22px;} .p-t-23{padding-top: 23px;} .p-t-24{padding-top: 24px;} .p-t-25{padding-top: 25px;} .p-t-26{padding-top: 26px;} .p-t-27{padding-top: 27px;} .p-t-28{padding-top: 28px;} .p-t-29{padding-top: 29px;} .p-t-30{padding-top: 30px;} .p-t-31{padding-top: 31px;} .p-t-32{padding-top: 32px;} .p-t-33{padding-top: 33px;} .p-t-34{padding-top: 34px;} .p-t-35{padding-top: 35px;} .p-t-36{padding-top: 36px;} .p-t-37{padding-top: 37px;} .p-t-38{padding-top: 38px;} .p-t-39{padding-top: 39px;} .p-t-40{padding-top: 40px;} .p-t-41{padding-top: 41px;} .p-t-42{padding-top: 42px;} .p-t-43{padding-top: 43px;} .p-t-44{padding-top: 44px;} .p-t-45{padding-top: 45px;} .p-t-46{padding-top: 46px;} .p-t-47{padding-top: 47px;} .p-t-48{padding-top: 48px;} .p-t-49{padding-top: 49px;} .p-t-50{padding-top: 50px;} .p-t-51{padding-top: 51px;} .p-t-52{padding-top: 52px;} .p-t-53{padding-top: 53px;} .p-t-54{padding-top: 54px;} .p-t-55{padding-top: 55px;} .p-t-56{padding-top: 56px;} .p-t-57{padding-top: 57px;} .p-t-58{padding-top: 58px;} .p-t-59{padding-top: 59px;} .p-t-60{padding-top: 60px;} .p-t-61{padding-top: 61px;} .p-t-62{padding-top: 62px;} .p-t-63{padding-top: 63px;} .p-t-64{padding-top: 64px;} .p-t-65{padding-top: 65px;} .p-t-66{padding-top: 66px;} .p-t-67{padding-top: 67px;} .p-t-68{padding-top: 68px;} .p-t-69{padding-top: 69px;} .p-t-70{padding-top: 70px;} .p-t-71{padding-top: 71px;} .p-t-72{padding-top: 72px;} .p-t-73{padding-top: 73px;} .p-t-74{padding-top: 74px;} .p-t-75{padding-top: 75px;} .p-t-76{padding-top: 76px;} .p-t-77{padding-top: 77px;} .p-t-78{padding-top: 78px;} .p-t-79{padding-top: 79px;} .p-t-80{padding-top: 80px;} .p-t-81{padding-top: 81px;} .p-t-82{padding-top: 82px;} .p-t-83{padding-top: 83px;} .p-t-84{padding-top: 84px;} .p-t-85{padding-top: 85px;} .p-t-86{padding-top: 86px;} .p-t-87{padding-top: 87px;} .p-t-88{padding-top: 88px;} .p-t-89{padding-top: 89px;} .p-t-90{padding-top: 90px;} .p-t-91{padding-top: 91px;} .p-t-92{padding-top: 92px;} .p-t-93{padding-top: 93px;} .p-t-94{padding-top: 94px;} .p-t-95{padding-top: 95px;} .p-t-96{padding-top: 96px;} .p-t-97{padding-top: 97px;} .p-t-98{padding-top: 98px;} .p-t-99{padding-top: 99px;} .p-t-100{padding-top: 100px;}
.p-r-0{padding-right: 0px;} .p-r-1{padding-right: 1px;} .p-r-2{padding-right: 2px;} .p-r-3{padding-right: 3px;} .p-r-4{padding-right: 4px;} .p-r-5{padding-right: 5px;} .p-r-6{padding-right: 6px;} .p-r-7{padding-right: 7px;} .p-r-8{padding-right: 8px;} .p-r-9{padding-right: 9px;} .p-r-10{padding-right: 10px;} .p-r-11{padding-right: 11px;} .p-r-12{padding-right: 12px;} .p-r-13{padding-right: 13px;} .p-r-14{padding-right: 14px;} .p-r-15{padding-right: 15px;} .p-r-16{padding-right: 16px;} .p-r-17{padding-right: 17px;} .p-r-18{padding-right: 18px;} .p-r-19{padding-right: 19px;} .p-r-20{padding-right: 20px;} .p-r-21{padding-right: 21px;} .p-r-22{padding-right: 22px;} .p-r-23{padding-right: 23px;} .p-r-24{padding-right: 24px;} .p-r-25{padding-right: 25px;} .p-r-26{padding-right: 26px;} .p-r-27{padding-right: 27px;} .p-r-28{padding-right: 28px;} .p-r-29{padding-right: 29px;} .p-r-30{padding-right: 30px;} .p-r-31{padding-right: 31px;} .p-r-32{padding-right: 32px;} .p-r-33{padding-right: 33px;} .p-r-34{padding-right: 34px;} .p-r-35{padding-right: 35px;} .p-r-36{padding-right: 36px;} .p-r-37{padding-right: 37px;} .p-r-38{padding-right: 38px;} .p-r-39{padding-right: 39px;} .p-r-40{padding-right: 40px;} .p-r-41{padding-right: 41px;} .p-r-42{padding-right: 42px;} .p-r-43{padding-right: 43px;} .p-r-44{padding-right: 44px;} .p-r-45{padding-right: 45px;} .p-r-46{padding-right: 46px;} .p-r-47{padding-right: 47px;} .p-r-48{padding-right: 48px;} .p-r-49{padding-right: 49px;} .p-r-50{padding-right: 50px;} .p-r-51{padding-right: 51px;} .p-r-52{padding-right: 52px;} .p-r-53{padding-right: 53px;} .p-r-54{padding-right: 54px;} .p-r-55{padding-right: 55px;} .p-r-56{padding-right: 56px;} .p-r-57{padding-right: 57px;} .p-r-58{padding-right: 58px;} .p-r-59{padding-right: 59px;} .p-r-60{padding-right: 60px;} .p-r-61{padding-right: 61px;} .p-r-62{padding-right: 62px;} .p-r-63{padding-right: 63px;} .p-r-64{padding-right: 64px;} .p-r-65{padding-right: 65px;} .p-r-66{padding-right: 66px;} .p-r-67{padding-right: 67px;} .p-r-68{padding-right: 68px;} .p-r-69{padding-right: 69px;} .p-r-70{padding-right: 70px;} .p-r-71{padding-right: 71px;} .p-r-72{padding-right: 72px;} .p-r-73{padding-right: 73px;} .p-r-74{padding-right: 74px;} .p-r-75{padding-right: 75px;} .p-r-76{padding-right: 76px;} .p-r-77{padding-right: 77px;} .p-r-78{padding-right: 78px;} .p-r-79{padding-right: 79px;} .p-r-80{padding-right: 80px;} .p-r-81{padding-right: 81px;} .p-r-82{padding-right: 82px;} .p-r-83{padding-right: 83px;} .p-r-84{padding-right: 84px;} .p-r-85{padding-right: 85px;} .p-r-86{padding-right: 86px;} .p-r-87{padding-right: 87px;} .p-r-88{padding-right: 88px;} .p-r-89{padding-right: 89px;} .p-r-90{padding-right: 90px;} .p-r-91{padding-right: 91px;} .p-r-92{padding-right: 92px;} .p-r-93{padding-right: 93px;} .p-r-94{padding-right: 94px;} .p-r-95{padding-right: 95px;} .p-r-96{padding-right: 96px;} .p-r-97{padding-right: 97px;} .p-r-98{padding-right: 98px;} .p-r-99{padding-right: 99px;} .p-r-100{padding-right: 100px;}
.p-b-0{padding-bottom: 0px;} .p-b-1{padding-bottom: 1px;} .p-b-2{padding-bottom: 2px;} .p-b-3{padding-bottom: 3px;} .p-b-4{padding-bottom: 4px;} .p-b-5{padding-bottom: 5px;} .p-b-6{padding-bottom: 6px;} .p-b-7{padding-bottom: 7px;} .p-b-8{padding-bottom: 8px;} .p-b-9{padding-bottom: 9px;} .p-b-10{padding-bottom: 10px;} .p-b-11{padding-bottom: 11px;} .p-b-12{padding-bottom: 12px;} .p-b-13{padding-bottom: 13px;} .p-b-14{padding-bottom: 14px;} .p-b-15{padding-bottom: 15px;} .p-b-16{padding-bottom: 16px;} .p-b-17{padding-bottom: 17px;} .p-b-18{padding-bottom: 18px;} .p-b-19{padding-bottom: 19px;} .p-b-20{padding-bottom: 20px;} .p-b-21{padding-bottom: 21px;} .p-b-22{padding-bottom: 22px;} .p-b-23{padding-bottom: 23px;} .p-b-24{padding-bottom: 24px;} .p-b-25{padding-bottom: 25px;} .p-b-26{padding-bottom: 26px;} .p-b-27{padding-bottom: 27px;} .p-b-28{padding-bottom: 28px;} .p-b-29{padding-bottom: 29px;} .p-b-30{padding-bottom: 30px;} .p-b-31{padding-bottom: 31px;} .p-b-32{padding-bottom: 32px;} .p-b-33{padding-bottom: 33px;} .p-b-34{padding-bottom: 34px;} .p-b-35{padding-bottom: 35px;} .p-b-36{padding-bottom: 36px;} .p-b-37{padding-bottom: 37px;} .p-b-38{padding-bottom: 38px;} .p-b-39{padding-bottom: 39px;} .p-b-40{padding-bottom: 40px;} .p-b-41{padding-bottom: 41px;} .p-b-42{padding-bottom: 42px;} .p-b-43{padding-bottom: 43px;} .p-b-44{padding-bottom: 44px;} .p-b-45{padding-bottom: 45px;} .p-b-46{padding-bottom: 46px;} .p-b-47{padding-bottom: 47px;} .p-b-48{padding-bottom: 48px;} .p-b-49{padding-bottom: 49px;} .p-b-50{padding-bottom: 50px;} .p-b-51{padding-bottom: 51px;} .p-b-52{padding-bottom: 52px;} .p-b-53{padding-bottom: 53px;} .p-b-54{padding-bottom: 54px;} .p-b-55{padding-bottom: 55px;} .p-b-56{padding-bottom: 56px;} .p-b-57{padding-bottom: 57px;} .p-b-58{padding-bottom: 58px;} .p-b-59{padding-bottom: 59px;} .p-b-60{padding-bottom: 60px;} .p-b-61{padding-bottom: 61px;} .p-b-62{padding-bottom: 62px;} .p-b-63{padding-bottom: 63px;} .p-b-64{padding-bottom: 64px;} .p-b-65{padding-bottom: 65px;} .p-b-66{padding-bottom: 66px;} .p-b-67{padding-bottom: 67px;} .p-b-68{padding-bottom: 68px;} .p-b-69{padding-bottom: 69px;} .p-b-70{padding-bottom: 70px;} .p-b-71{padding-bottom: 71px;} .p-b-72{padding-bottom: 72px;} .p-b-73{padding-bottom: 73px;} .p-b-74{padding-bottom: 74px;} .p-b-75{padding-bottom: 75px;} .p-b-76{padding-bottom: 76px;} .p-b-77{padding-bottom: 77px;} .p-b-78{padding-bottom: 78px;} .p-b-79{padding-bottom: 79px;} .p-b-80{padding-bottom: 80px;} .p-b-81{padding-bottom: 81px;} .p-b-82{padding-bottom: 82px;} .p-b-83{padding-bottom: 83px;} .p-b-84{padding-bottom: 84px;} .p-b-85{padding-bottom: 85px;} .p-b-86{padding-bottom: 86px;} .p-b-87{padding-bottom: 87px;} .p-b-88{padding-bottom: 88px;} .p-b-89{padding-bottom: 89px;} .p-b-90{padding-bottom: 90px;} .p-b-91{padding-bottom: 91px;} .p-b-92{padding-bottom: 92px;} .p-b-93{padding-bottom: 93px;} .p-b-94{padding-bottom: 94px;} .p-b-95{padding-bottom: 95px;} .p-b-96{padding-bottom: 96px;} .p-b-97{padding-bottom: 97px;} .p-b-98{padding-bottom: 98px;} .p-b-99{padding-bottom: 99px;} .p-b-100{padding-bottom: 100px;}
.p-l-0{padding-left:0px;} .p-l-1{padding-left:1px;} .p-l-2{padding-left:2px;} .p-l-3{padding-left:3px;} .p-l-4{padding-left:4px;} .p-l-5{padding-left:5px;} .p-l-6{padding-left:6px;} .p-l-7{padding-left:7px;} .p-l-8{padding-left:8px;} .p-l-9{padding-left:9px;} .p-l-10{padding-left:10px;} .p-l-11{padding-left:11px;} .p-l-12{padding-left:12px;} .p-l-13{padding-left:13px;} .p-l-14{padding-left:14px;} .p-l-15{padding-left:15px;} .p-l-16{padding-left:16px;} .p-l-17{padding-left:17px;} .p-l-18{padding-left:18px;} .p-l-19{padding-left:19px;} .p-l-20{padding-left:20px;} .p-l-21{padding-left:21px;} .p-l-22{padding-left:22px;} .p-l-23{padding-left:23px;} .p-l-24{padding-left:24px;} .p-l-25{padding-left:25px;} .p-l-26{padding-left:26px;} .p-l-27{padding-left:27px;} .p-l-28{padding-left:28px;} .p-l-29{padding-left:29px;} .p-l-30{padding-left:30px;} .p-l-31{padding-left:31px;} .p-l-32{padding-left:32px;} .p-l-33{padding-left:33px;} .p-l-34{padding-left:34px;} .p-l-35{padding-left:35px;} .p-l-36{padding-left:36px;} .p-l-37{padding-left:37px;} .p-l-38{padding-left:38px;} .p-l-39{padding-left:39px;} .p-l-40{padding-left:40px;} .p-l-41{padding-left:41px;} .p-l-42{padding-left:42px;} .p-l-43{padding-left:43px;} .p-l-44{padding-left:44px;} .p-l-45{padding-left:45px;} .p-l-46{padding-left:46px;} .p-l-47{padding-left:47px;} .p-l-48{padding-left:48px;} .p-l-49{padding-left:49px;} .p-l-50{padding-left:50px;} .p-l-51{padding-left:51px;} .p-l-52{padding-left:52px;} .p-l-53{padding-left:53px;} .p-l-54{padding-left:54px;} .p-l-55{padding-left:55px;} .p-l-56{padding-left:56px;} .p-l-57{padding-left:57px;} .p-l-58{padding-left:58px;} .p-l-59{padding-left:59px;} .p-l-60{padding-left:60px;} .p-l-61{padding-left:61px;} .p-l-62{padding-left:62px;} .p-l-63{padding-left:63px;} .p-l-64{padding-left:64px;} .p-l-65{padding-left:65px;} .p-l-66{padding-left:66px;} .p-l-67{padding-left:67px;} .p-l-68{padding-left:68px;} .p-l-69{padding-left:69px;} .p-l-70{padding-left:70px;} .p-l-71{padding-left:71px;} .p-l-72{padding-left:72px;} .p-l-73{padding-left:73px;} .p-l-74{padding-left:74px;} .p-l-75{padding-left:75px;} .p-l-76{padding-left:76px;} .p-l-77{padding-left:77px;} .p-l-78{padding-left:78px;} .p-l-79{padding-left:79px;} .p-l-80{padding-left:80px;} .p-l-81{padding-left:81px;} .p-l-82{padding-left:82px;} .p-l-83{padding-left:83px;} .p-l-84{padding-left:84px;} .p-l-85{padding-left:85px;} .p-l-86{padding-left:86px;} .p-l-87{padding-left:87px;} .p-l-88{padding-left:88px;} .p-l-89{padding-left:89px;} .p-l-90{padding-left:90px;} .p-l-91{padding-left:91px;} .p-l-92{padding-left:92px;} .p-l-93{padding-left:93px;} .p-l-94{padding-left:94px;} .p-l-95{padding-left:95px;} .p-l-96{padding-left:96px;} .p-l-97{padding-left:97px;} .p-l-98{padding-left:98px;} .p-l-99{padding-left:99px;} .p-l-100{padding-left:100px;}
.px-0{padding-left: 0!important; padding-right: 0 !important}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 0.75rem !important; padding-right: 0.75rem !important;}
.py-0{padding-top: 0!important; padding-bottom: 0 !important}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 0.75rem !important; padding-bottom: 0.75rem !important;}
.mx-0{margin-left: 0 !important; margin-right: 0 !important;}
.mx-1{margin-left: .25rem!important; margin-right: .25rem!important}
.mx-2{margin-left: .5rem !important; margin-right: .5rem !important}
.mx-3{margin-left: .75rem !important; margin-right: .75rem!important;}
.my-0{margin-top: 0!important; margin-bottom: 0 !important}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 0.75rem !important; margin-bottom: 0.75rem !important;}
.w-auto{width:auto!important}.w0{width:0%;}.w5{width: 5%;} .w10{width: 10%;} .w15{width: 15%;} .w20{width: 20%;} .w25{width: 25%;} .w30{width: 30%;} .w35{width: 35%;} .w40{width: 40%;} .w45{width: 45%;} .w50{width: 50%;} .w55{width: 55%;} .w60{width: 60%;} .w65{width: 65%;} .w70{width: 70%;} .w75{width: 75%;} .w80{width: 80%;} .w85{width: 85%;} .w90{width: 90%;} .w95{width: 95%;} .w100{width: 100%;}
.w-1{width:1px}.w-2{width:2px}.w-3{width:3px}.w-4{width:4px}.w-6{width:6px}.w-7{width:7px}.w-8{width:8px}.w-9{width:9px}.w-11{width:11px}.w-12{width:12px}.w-13{width:13px}.w-14{width:14px}.w-16{width:16px}.w-17{width:17px}.w-18{width:18px}.w-19{width:19px}.w-21{width:21px}.w-22{width:22px}.w-23{width:23px}.w-24{width:24px}.w-26{width:26px}.w-27{width:27px}.w-28{width:28px}.w-29{width:29px}.w-30{width:30px}.w-31{width:31px}.w-32{width:32px}.w-33{width:33px}.w-34{width:34px}.w-35{width:35px}.w-36{width:36px}.w-37{width:37px}.w-38{width:38px}.w-39{width:39px}.w-40{width:40px}.w-41{width:41px}.w-42{width:42px}.w-43{width:43px}.w-44{width:44px}.w-45{width:45px}.w-46{width:46px}.w-47{width:47px}.w-48{width:48px}.w-49{width:49px}.w-50{width:50px}.w-51{width:51px}.w-52{width:52px}.w-53{width:53px}.w-54{width:54px}.w-55{width:55px}.w-56{width:56px}.w-57{width:57px}.w-58{width:58px}.w-59{width:59px}.w-60{width:60px}.w-61{width:61px}.w-62{width:62px}.w-63{width:63px}.w-64{width:64px}.w-65{width:65px}.w-66{width:66px}.w-67{width:67px}.w-68{width:68px}.w-69{width:69px}.w-70{width:70px}.w-71{width:71px}.w-72{width:72px}.w-73{width:73px}.w-74{width:74px}.w-75{width:75px}.w-76{width:76px}.w-77{width:77px}.w-78{width:78px}.w-79{width:79px}.w-80{width:80px}.w-81{width:81px}.w-82{width:82px}.w-83{width:83px}.w-84{width:84px}.w-85{width:85px}.w-86{width:86px}.w-87{width:87px}.w-88{width:88px}.w-89{width:89px}.w-90{width:90px}.w-91{width:91px}.w-92{width:92px}.w-93{width:93px}.w-94{width:94px}.w-95{width:95px}.w-96{width:96px}.w-97{width:97px}.w-98{width:98px}.w-99{width:99px}.w-100{width:100px}
.h-auto{height:auto!important}.h0{height:0%;}.h5{height: 5%;} .h10{height: 10%;} .h15{height: 15%;} .h20{height: 20%;} .h25{height: 25%;} .h30{height: 30%;} .h35{height: 35%;} .h40{height: 40%;} .h45{height: 45%;} .h50{height: 50%;} .h55{height: 55%;} .h60{height: 60%;} .h65{height: 65%;} .h70{height: 70%;} .h75{height: 75%;} .h80{height: 80%;} .h85{height: 85%;} .h90{height: 90%;} .h95{height: 95%;} .h100{height: 100%;}
.h-0{height:0}.h-1{height:1px}.h-2{height:2px}.h-3{height:3px}.h-4{height:4px}.h-5{height:5px}.h-6{height:6px}.h-7{height:7px}.h-8{height:8px}.h-9{height:9px}.h-10{height:10px}.h-11{height:11px}.h-12{height:12px}.h-13{height:13px}.h-14{height:14px}.h-15{height:15px}.h-16{height:16px}.h-17{height:17px}.h-18{height:18px}.h-19{height:19px}.h-20{height:20px}.h-21{height:21px}.h-22{height:22px}.h-23{height:23px}.h-24{height:24px}.h-25{height:25px}.h-26{height:26px}.h-27{height:27px}.h-28{height:28px}.h-29{height:29px}.h-30{height:30px}.h-31{height:31px}.h-32{height:32px}.h-33{height:33px}.h-34{height:34px}.h-35{height:35px}.h-36{height:36px}.h-37{height:37px}.h-38{height:38px}.h-39{height:39px}.h-40{height:40px}.h-41{height:41px}.h-42{height:42px}.h-43{height:43px}.h-44{height:44px}.h-45{height:45px}.h-46{height:46px}.h-47{height:47px}.h-48{height:48px}.h-49{height:49px}.h-50{height:50px}.h-51{height:51px}.h-52{height:52px}.h-53{height:53px}.h-54{height:54px}.h-55{height:55px}.h-56{height:56px}.h-57{height:57px}.h-58{height:58px}.h-59{height:59px}.h-60{height:60px}.h-61{height:61px}.h-62{height:62px}.h-63{height:63px}.h-64{height:64px}.h-65{height:65px}.h-66{height:66px}.h-67{height:67px}.h-68{height:68px}.h-69{height:69px}.h-70{height:70px}.h-71{height:71px}.h-72{height:72px}.h-73{height:73px}.h-74{height:74px}.h-75{height:75px}.h-76{height:76px}.h-77{height:77px}.h-78{height:78px}.h-79{height:79px}.h-80{height:80px}.h-81{height:81px}.h-82{height:82px}.h-83{height:83px}.h-84{height:84px}.h-85{height:85px}.h-86{height:86px}.h-87{height:87px}.h-88{height:88px}.h-89{height:89px}.h-90{height:90px}.h-91{height:91px}.h-92{height:92px}.h-93{height:93px}.h-94{height:94px}.h-95{height:95px}.h-96{height:96px}.h-97{height:97px}.h-98{height:98px}.h-99{height:99px}.h-100{height:100px}
.col-1 {width: 8.33333333%;}.col-2 {width: 16.66666667%;}.col-3 {width: 25%;}.col-4 {width: 33.33333333%;}.col-5 {width: 41.66666667%;}.col-6 {width: 50%;}.col-7 {width: 58.33333333%;}.col-8 {width: 66.66666667%;}.col-9 {width: 75%;}.col-10 {width: 83.33333333%;}.col-11 {width: 91.66666667%;}.col-12 {width: 100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-offset-12 {margin-left: 100%;}.col-offset-11 {margin-left: 91.66666667%;}.col-offset-10 {margin-left: 83.33333333%;}.col-offset-9 {margin-left: 75%;}.col-offset-8 {margin-left: 66.66666667%;}.col-offset-7 {margin-left: 58.33333333%;}.col-offset-6 {margin-left: 50%;}.col-offset-5 {margin-left: 41.66666667%;}.col-offset-4 {margin-left: 33.33333333%;}.col-offset-3 {margin-left: 25%;}.col-offset-2 {margin-left: 16.66666667%;}.col-offset-1 {margin-left: 8.33333333%;}.col-offset-0 {margin-left: 0;}
.fa-2x{font-size:2em!important}
.fa-3x{font-size:3em!important}
.fa-4x{font-size:4em!important}
.fa-5x{font-size:5em!important}
.color_drakBlue{color:#092A4B!important}
.color_yellow{color:#C19100!important}
.color_grey{color:#F6F8EF!important}
.color_white, .text-white{color:#FDFDFD!important}
.color_black{color:#000!important}
.bg_color_drakBlue{background-color:#092A4B !important}
.bg_color_yellow{background-color:#C19100!important}
.bg_color_grey{background-color:#F6F8EF!important}
.bg_color_white{background-color:#FDFDFD!important}
.bg_color_green{background-color:#008000 !important}
.hr_blue{width:100%;border:1px solid #092A4B}
.text-justify{text-align:justify}
.text-center{text-align:center!important}
.text-bold, .bold{font-weight: bold;}
/* *********************** END OF GENERAL CSS ************************************ */
*{
   font-family: Roboto, sans-serif;
}



.director-image{
    width: 100%;
    max-width: 100%;
}


#storiesCarousel{
  display: flex !important;
  flex-wrap: wrap;
  /* flex-direction: column; */
  justify-content: center!important;
  background: #f8f9fa;
}
#storiesCarousel .carousel-inner{
 display: flex;
}
#storiesCarousel .carousel-inner img{ 

  width: 100%;
  height: 100%;
  object-fit: contain;
}

#storiesCarousel .col-md-6{
  width: 50%;
  height: 300px;
  margin-bottom: 100px;
}
#storiesCarousel .carousel.carousel-fade .item {
  transition: opacity 1s ease-in-out;
  opacity: 0;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  display: flex !important; /* override display: none */

}
#storiesCarousel .carousel.carousel-fade .item.active {
  opacity: 1;
  position: relative;

}


.quick-links a:hover i {

  color: #c19100;
  transition: 0.3s ease-in-out;

}




.custom-pill {
    /* margin: auto; */
    /* margin-top: -57px; */
    /* width: 100%; */
    /*background-color: #0a2b56;*/
    /* border-radius: 50px; */

    /* justify-content: center; */
    /* align-items: center; */

    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
    /* max-width: 100%; */
    /* z-index: 3; */
    position: relative;
}
.custom-pill i,
.custom-pill span {
  transition: color 0.3s ease;
  display: block;
}
.custom-pill i {
  font-size: clamp(10px, 2.34375vw, 20px);
  margin-bottom: 0.25rem;
}
.custom-pill span {
  font-weight: 600;
  font-size: clamp(10px, 2.34375vw, 20px);;
}
.custom-pill a:hover i,
.custom-pill a:hover p {
  color: #c19100;
}

.custom-pill a p {
    color: white;
    font-size: 1.8rem;
}
body{

    font-size: 14px;
}
.video-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  overflow: hidden;
}
.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.video-container .content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding-top: 40vh;
  font-size: 2rem;
}
/* Mobile devices (up to 767px wide) */

.campus-tour-new-one {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 902px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.campus-tour-new-one h1 {
    font-size: 3em;
    color: #c19100;
    margin-bottom: 20px;
}
.campus-tour-new-one p {
 width: 68%;
 font-size: 1.2em;

 color: white;
}
cite{
    font-style: italic;
    color: black;
    font-weight: bold;
}
.direction-section-section
{
  margin: 0;
  padding: 20px;
  display: flex;
  justify-content: center;

}
.directon-section {
    display: flex;
    flex-wrap: wrap;
    max-width: 1150px;
    /* width: 100%; */
    align-items: center;
    justify-content: center;
    /* gap: 30px; */
    text-align: center;
    background: white;
    border-radius: 8px;
    padding-left: 100px;
    padding-right: 100px;
}
.directon-section .message {
  flex: 1 1 300px;
  text-align: left;
  animation: fadeInUp 3s ease-out forwards;
}
.directon-section .message h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
}
.directon-section .message p {
  font-size: 1em;
  margin-bottom: 10px;
  line-height: 1.5;
  text-align: justify;
}
.directon-section .message cite {
  font-style: italic;
  color: #555;
}
.directon-section .no-div {
  flex: 1 1 300px;
  text-align: center;
  display: flex
  ;
  justify-content: center;
  border-radius: 5px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 41px;
  animation: fadeInUp 1s ease-out forwards;
}
.directon-section .no-div img {
 width: 58%;
 height: 100%;
 border-radius: 8px;
 margin-top: 10px
}
.counter-div {

  text-align: center;
  /* background: #f8f8f8; */
}

/* 
    .event-card {
      background-color: #072c50;
      color: #fff;
      /* text-align: center; */
      /* margin: 30px auto; */


/* ============================================
   GLOBAL RESPONSIVE TYPOGRAPHY FOR EVENTS + ANNOUNCEMENTS
   ============================================ */

#events {
    /* Adjustable global scale */
    --fs-small: clamp(0.75rem, 1vw + 0.3rem, 1rem);
    --fs-base: clamp(0.9rem, 1vw + 0.4rem, 1.125rem);
    --fs-medium: clamp(1.05rem, 1.2vw + 0.4rem, 1.4rem);
    --fs-large: clamp(1.4rem, 2vw + 0.5rem, 2.2rem);
    --fs-xl: clamp(2rem, 4vw + 0.5rem, 3.5rem);
}

/* ================================
   SECTION HEADINGS (Announcements / Events)
   ================================ */
#events h3 {
    font-size: var(--fs-large);
    line-height: 1.2;
}

/* ================================
   CARD TITLES (Announcement/Event Heading)
   ================================ */
#events h4 {
    font-size: var(--fs-medium);
    line-height: 1.3;
}

/* ================================
   CARD TEXT (Description)
   ================================ */
#events p {
    font-size: var(--fs-base);
    line-height: 1.5;
}

/* ================================
   NAV TABS (Announcements tab + Events tab)
   ================================ */
#events .new-list-tabs li a {
    font-size: var(--fs-base);
    padding: clamp(0.5rem, 1vw, 1rem) clamp(1rem, 2vw, 2rem);
}

/* ================================
   EVENT & ANNOUNCEMENT DATE BOX
   ================================ */
#events .event-date .month {
    display: block;
    font-size: clamp(0.8rem, 1.2vw, 1.1rem);
    text-transform: uppercase;
}

#events .event-date .day {
    display: block;
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
}

/* ================================
   BUTTONS (More Announcements / More Events)
   ================================ */
#events .veventbutton,
#events .readMoreBtn {
    font-size: var(--fs-base);
    padding: clamp(0.7rem, 1vw, 1rem)
             clamp(1.3rem, 2vw, 2.5rem);
}

      




      .events-section {
          position: relative;
          padding-top: 30px;
          z-index: 1; /* make sure content sits above overlay */
      }
      .events-section::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(80deg, rgba(41,55,124,0.42620798319327735) 10%, rgba(229,174,50,0.3617822128851541) 100%), url('../../../images/numl_banner2.png');
          /*background: linear-gradient(135deg, #979797 0%, rgba(46, 48, 49, 0.8) 100%), url('../../../images/numl_banner2.png');*/
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          background-attachment: fixed; 
          /* filter: grayscale(100%) blur(5px); */
          z-index: -1; /* sits behind the actual container content */
          border-radius: inherit; /* keeps rounded corners if container has them */
      }
      .eventszz:nth-child(odd) .event-card{
          background-color: #072c50;
          color: #fff;
          /* padding: 20px; */
       
        height: 272px;
          overflow: hidden;
          /* text-align: center; */
          /* margin: 30px auto; */
      }
      .eventszz:nth-child(odd) .event-card a p{
        color: white !important;
    }
    .eventszz:nth-child(even) .event-card {
      background: #c19100;
      color: white;
      /* padding: 20px; */

     
 height: 272px;
      overflow: hidden;
      /* text-align: center; */
      /* margin: 30px auto; */
  }
  .event-date {
      background-color: #fff;
      color: #000;
      display: inline-block;
      border-radius: 4px;
  }
  
  .event-date .month {
      background-color: #072c50;
      color: #fff;
      padding: 3px 10px;
      display: block;
      font-weight: bold;
      border: 1px groove #FFF;
  }
  .event-date .day {
      font-size: 20px;
      font-weight: bold;
      padding: 5px 0;
  }
  .event-card h4 {
      font-weight: bold;
      margin-bottom: 15px;
  }

a{
  text-decoration: none;
}

  .color-blue
  {
      /* line-height: 2.5; */
      font-size:clamp(16px, 1.2vw, 36px);  color:#092a4b
  }
  .counter-container i{
    color:#092a4b;
}


.event-card {
    background: #092a4b; /* example background so it looks like a card */
    border-radius: 8px;
    transition: all 0.3s ease; /* smooth animation */
}

.event-card:hover {
    transform: translateY(-8px); /* moves it slightly up */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* subtle shadow for depth */
}


.program-box {
    background-color: #092a4b;
    border-radius: 20px;
    color: white;
    padding: 40px 20px;
    margin: 20px 0;
    text-align: center;
}
.program-box a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.program-box a:hover {
    text-decoration: underline;
}
@media (max-width: 580px) {
  body {
    flex-direction: column;
}
}
@media(min-width:989px)
{
 .directon-section .image img {
  border-radius: 5px;
  width: 50%;
  height: 334px !important;
  margin-top: 13px;
  margin-bottom: 41px;
}
}
@media (min-width: 768px) and (max-width: 989px) {
    .directon-section .message p{
     padding: 37px;
     margin:0;
 }
 .quick-btn-links div a{
    width: 300px;
    background: transparent;  

    transition: color 0.3s ease; /* smooth transition for icon */
}
}

@keyframes fadeInUp {
    from{
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.col-md-4.news-item{border-right: 1px groove;}
.col-md-4.news-item:nth-child(n+3) {border-right: 0px;}
.director-paragraph-box{
    width: 50%;
    text-align: justify;
    border-radius: 8px;
}

/* Quote */
.fa-quote-left,.fa-quote-right
{

    color: #c19100 ;
    top: 50%;
    font-size:40px;
}
/* Quote */
/* Outer container */
.main-event-div-one {
  width: 100%;
  overflow: hidden;
}
.new-director-message{
    background: white;
}
.events-one {
  flex: 0 0 auto;
  width: 300px;
  scroll-snap-align: start;
  background: #fff;
  /* padding: ; */
  text-align: center;
  border-radius: 8px;
  
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.1); */
  animation: fadeIn 1s ease forwards;
}
@media (min-width: 1200px) {

}
@media(min-width: 2000px) 
{

}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Optional: hide scrollbar */
.event-carousel-scroll::-webkit-scrollbar {
    display: none;
}
.event-carousel-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.event-item{
    display: flex
    ;
    flex-direction: column;
    align-items: center;

}
.events-one {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    /* padding: 15px; */
    /* background: #fff; */
    transition: all 0.1s ease-in-out;
}
.events-one:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-10px);
}
    /* .prev-one{
        transform: translateY(100%);
    }
    
    .next-one{
        transform: translateY(-100%);
    } */
    .campus-tour-row 
    {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 200px;
    }
    .campus-tour-row div{
        background-color: #092a4b;
    }
    .campus-tour-row div h1{
        color: #c19100 !important;
        margin-top: 30px !important;
        margin-left: 23px !important;
    }
    .campus-tour-row div p {
        color: white !important;
    }
    .news-items-one{
        width: 100%;

        border: none !important;
        background: white;
        padding: 10px !important;
    }
    .director-message{
        font-size:15px !important;
    }
    .events-one:nth-child(even) p:not(.date-label) span{
        color: white;
    }
    .events-one:nth-child(odd) p:not(.date-label) span{
        color: white;
    }
    .date-label{
      width: 0px !important;
  }
  .details 
  {
     color:white
 }
 @media (max-width:786px) 
 {


    .director-box{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .director-box h1{
        text-align: center;
    }
    .director-box p{
        text-align: center;
    }
    .event-ul {

        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 100px;
    }
    /* .event-ul *{
        max-height: 205px !important;
    } */
    .events-one{
        height:205px !important;
    }
}
.carousel-indicators .active{
  background-color: #c19100!important;
  border: none!important;
}
.carousel-indicators li{
  background-color: #092A4B!important;
  border: none!important;
}
.events-one:nth-child(even){
    background: #b18806;
    height: 100%!important;
}
/* Base hidden state */
.events-one {
  opacity: 0;
  transform: translateY(30px); /* default fallback direction */
  transition: all 0.6s ease-out;
  will-change: transform, opacity;
  height: 100%!important;
}
.events-ul:hover{
    transform: scale(1.5);
}
/* Background colors */
.events-one:nth-child(odd) {
    background: #092a4b;
}
.events-one:nth-child(even) {
    background: #205781!important;
}
/* Animate odd (bottom to top) */
.events-one.odd.animate {
  transform: translateY(20px);
  opacity: 1;
}
.events-one:nth-child(even) {
  background: #eee; /* you can change this */
  
}
/* Animate even (top to bottom) */
.events-one.even.animate {
  transform: translateY(-20px);
  opacity: 1;
}


.video-thumbnail{
  width: 100%;
  max-height: 470px;
}

.default-dir-bg{
  background: #092a4b!important;
}

.view-more-gallery
{
 float:right;
}

  
.view-more-stories-btn{
   text-decoration: none; 
   color: white; 
   padding: 12px 30px; 
   margin-bottom:60px;
   font-size: 18px;
   display: inline-block;
   border-radius: 999px;
   transition: all 0.3s ease;
   border: 2px #c19100 solid;

}
.view-more-stories-btn:hover{
  background: #c19100 !important;
  color: white;
  transform: scale(1.05);
}

.view-more-stories-btn:hover i{
  color: white!important;
}

.btn-right{
  float: right;
}


.gallery-image{
  
    height: 250px;
    width: 100%;
    border: 13px solid white;
    object-fit: cover;
    transition: rotate 0.3s;

}
/* CSS */
.button-6 {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1rem !important; 
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}
.button-6:hover,
.button-6:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}
.button-6:hover {
  transform: translateY(-1px);
}
.button-6:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}
.reader-btn{
    width: 100%;

    width: auto; 
    max-width: 100%!important; 
    display: inline-block; 
    margin-bottom: 100px;
}

.d-flex{
  display: flex;
}


.d-block{
  display: block;
}

.clamp-font{
  font-size: clamp(100px, 1.2vw, 100px);

}

.announcement-box{
    display:block; 
    color:inherit; 
    text-decoration:none; 
    height:100%; 
    width:100%;
}

.tour-div{
  position: relative; 
  z-index:2; 
  background:#ffffff9c;
}
.font-italic{
  font-style: italic!important;
}
.aboutCampus{
  font-size: 18px !important; line-height: 1.6em; animation: fadeIn 2s ease-in forwards; animation-delay: 0.1s;
}

.h-800{
  height: 800px;
}
.animat-slideUp{
  animation: slideUp 1s ease-out forwards;
}

.flexslider {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background:#092a4b;
    padding: 0;
    /* margin-bottom: 3%; */
    height: auto !important;
}
.contentFull {
    margin: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: auto !important;
}

.custom-image-margin{
  margin-top: 13px; 
  margin-bottom: 41px;
}

.half-width{
  width: 50%;
}

.bg-e8{
  background-color: #e8e8e8;
}
.auto-height{
  width:100%; 
  height:auto;
}

.slides{
  width: 100%; 
  height: 100% !important;
}





#ptomo-slider .slides li{
  background-color: #0a2b56!important;
}
#promo-slider .slides img{
    width: 100%;
    height: 77Vh;
}
.campus-counter-row{
  background: #f8f8f8 !important;;
}
.counter-container{
  background-color: #f8f8f8 !important;
}
.flexslider .slides img {
    width: 100%;
    display: block;
    height: 77Vh;
    overflow-x:hidden;
}
nav:has(+ .contentFull)
{
    margin-bottom:0;
}
.contentFull>img{
    width: 100%;
    height: 80% !important;
}
.carousel-inner-one{
    position: relative;
    width: 100%;
    margin-bottom: 17px !important;
    overflow: hidden;
}
.welcom-divs{
  /* background-image: url(../images/welcome-background.png); */
  /* background-position: center; */
  background-size: 26%;
  margin-top: -54px;
  padding-top: 11px;
  background-color: #e8e8e8;
}
.welcom-divs > * {
  position: relative;
  z-index: 2; /* keep content above overlay */
}
.welcom-divs::before {
  content: "";
  position: absolute;
  inset: 0; /* fill the parent */
  background: #e8e8e8; /* adjust last value for transparency */
  z-index: 1;
}
.welcome-message {
    background-size: cover;
    width: 100%;
    text-align: center !important;
    /* margin-bottom: 0px !important; */
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 200px !important;
    /* margin-bottom: 200px !important; */
    padding-bottom: 120px;
}
.home-page .section-content {
    padding: 0px;
    padding-top: 0;
    margin: 6%;
    margin-top: 20px;
}
#myBtn{
  background-color: #092A4B;
  color: white;
  border: none;
  padding: 10px;
}
.camp-tour-bg {
    position: relative;
    overflow: hidden; /* prevent scrollbars due to blur */
}

.camp-tour-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTN6MwoOPLsSml0Vr7V_ydfgvj6xSqsQKUdg&s")no-repeat center center fixed;
    background-size: cover;
    filter: blur(8px);
    z-index: 0;
}


.tour-head{
  padding-top:5%;
  padding-bottom:4%;
}

.tour-campus-head{
  margin-bottom:-15px;
  font-size:100px; 
  margin-top:110px;
}

.campus-head{
  margin-bottom:-15px;
  font-size:56px
}

.d-none{

  display: none;
}

.wide-60{
  width:60%;
}

.m-l-0{
  margin-left:0px!important;
}

.tour-head-one{
  font-size:100px; color:gray
}

.tour-content{
  border-left:1px solid gray;
}

.tour-tour-head{
font-size: clamp(100px, 2vw, 150px);

    color: #C19100;
    margin-bottom: 110px;
    border-left: 1px solid #C19100;
}

#less{
  text-align: center;
  width: 76%;
  font-size: 18px;
}
#more{
 text-align: center;
 width: 76%;
 font-size: 18px;
}

#myBtn{
    width: 100px;
    margin-left: 40px;
    margin-top: 40px;
}
.new-promo-box{
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.event-ul {
  display: flex;
  
  /* overflow-x: auto;   Allow horizontal scrolling */
  /* Enable smooth scroll */
  /* Optional for snap effect */
  padding-top: 30px;
  
  justify-content: center;
  gap: 20px; /* Optional spacing between items */
}
.event-ul li {
  flex: 0 0 auto; /* Prevent items from shrinking/wrapping */
  width: 300px;   /* Or any desired fixed width */
  list-style-type: none;
  background-color: #eee;
  /* box-shadow: 6px 6px rgb(212, 212, 212,0.1); */
  padding: 20px;
  margin: 0 10px;
  text-align: left;
  scroll-snap-align: start; /* Optional snap */
}
.event-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  /* white-space: nowrap; */
  width: 100%;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}
.scroll-btn {



  border: none;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 10;
  font-size: 20px;
  border-radius: 4px;
  opacity: 0.7;
}
.scroll-btn:hover {
  opacity: 1;
}
.scroll-btn.left {
  left: 10px;
}
.scroll-btn.right {
  right: 10px;
}


    .campus-history {
      padding: 50px 0;
      position: relative;
      color: #000;
      overflow: hidden;
    }

    /* Background with blur + animation */
    .campus-history::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTN6MwoOPLsSml0Vr7V_ydfgvj6xSqsQKUdg&s") no-repeat center center fixed;
      background-size: cover;
      filter: blur(8px);
      z-index: -1;
      animation: moveBackground 30s linear infinite alternate;
    }

    @keyframes moveBackground {
      0%   { background-position: center top; }
      50%  { background-position: center center; }
      100% { background-position: center bottom; }
    }

    .campus-history h2 {
      font-size: 66px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .campus-history p {
      font-size: 14px;
      line-height: 1.8;
      margin-bottom: 20px;
    }

    .campus-history .btn {
      background-color: #800000; /* dark red */
      color: #fff;
      border: none;
    }

    .campus-history img {
      max-width: 100%;
      border-radius: 4px;
    }

    /* To make content readable above blurred bg */
    .campus-history .content {
      background: rgba(255, 255, 255, 0.8);
      padding: 30px;
      border-radius: 8px;
    }

    /* Fade-in-out */
    .fade-in-out {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 2s ease, transform 2s ease;
    }

    .fade-in-out.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Slide in from left */
    .tour-head-left {
      opacity: 0;
      transform: translateX(-100px);
      transition: opacity 1.5s ease, transform 1.5s ease;
    }

    .tour-head-left.visible {
      opacity: 1;
      transform: translateX(0);
    }

    /* Slide in from right */
    .tour-head-right {
      opacity: 0;
      transform: translateX(100px);
      transition: opacity 1.5s ease, transform 1.5s ease;
    }

    .tour-head-right.visible {
      opacity: 1;
      transform: translateX(0);
    }

    /* Zoom-in effect for image */
    .zoom-in {
      opacity: 0;
      transform: scale(0.9);
      transition: opacity 1.5s ease, transform 1.5s ease;
    }

    .zoom-in.visible {
      opacity: 1;
      transform: scale(1);
    }
  


.main-div {
    width: 100%;
    display: flex;
    justify-content: center;
}
.fancybox-caption__body p{color: #FFF; text-align: left;}
.program-heading{
    font-size: clamp(16px, 1.1vw, 36px)
}
.programs-div h2 {
  margin: 0;
  font-size: 20px;
}
.programs-div a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
.programs-div ul li a {
    transition: color 0.3s ease-in-out;
}
.programs-div ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    top: 0;
    color: black;
    transition: color 0.3s ease;
}
.programs-div:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}
.programs-div:nth-child(1) ul li::before {
    color: white;
}
.program-box {

}
.programs-div{
    border-radius: 20px
}
/* BS Programs Card - Deep Blue to Teal */
.programs-div:nth-child(1) {
    background: 
    linear-gradient(rgba(0, 48, 73, 0.85), rgba(0, 168, 150, 0.85)),
    url('https://lh3.googleusercontent.com/gps-cs-s/AC9h4noxmfEqw3g2cS6dVGwTiZ572Zo0LUx70wRKoTimWkOx65CKSthF3JSunSd69T0jP0QQE6ec6LKn3wKZBq5moXnM2Pn_hqDCzm9oFb6iEUTQ4hODhIIqv68kw_JPYRBPoArJ-xOQhQ=s680-w680-h510-rw');
    background-size: cover;
    background-position: center;
    color: white;
    transition: 0.3s ease-in-out;
}
/* MS Programs Card - Golden Orange to Warm Pink */
.programs-div:nth-child(2) {
    background: linear-gradient(rgba(0, 48, 73, 0.85), rgba(0, 168, 150, 0.85)), url(https://lh3.googleusercontent.com/gps-cs-s/AC9h4noxmfEqw3g2cS6dVGwTiZ572Zo0LUx70wRKoTimWkOx65CKSthF3JSunSd69T0jP0QQE6ec6LKn3wKZBq5moXnM2Pn_hqDCzm9oFb6iEUTQ4hODhIIqv68kw_JPYRBPoArJ-xOQhQ=s680-w680-h510-rw) !important;
    background-size: cover;
    background-position: center;
    color: white;
}
/* PhD Programs Card - Light Gray to Royal Blue */
.programs-div:nth-child(3) {
    background: 
    linear-gradient(rgb(52 51 51 / 85%), rgba(70, 130, 180, 0.85)), url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS7V6CIxg-scXyobx8cWjAlcyycuF8XhqobVA&s);
    background-size: cover;
    background-position: center;
    color: white;
}
.programs-div:nth-child(4) {
    background: 
    linear-gradient(rgba(30, 0, 197, 0.85), rgba(161, 42, 197, 0.85)), url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_4-OdF3ibxAeHezqZuEZfgZAMasMW9G3geQ&s);
    background-size: cover;
    background-position: center;
    color: white;
}
h1.section-heading{
  font-size: 36px !important;
}

/* Hover Effects */
/* Blue card: text yellow (#c19100) on hover */
.programs-div:nth-child(1) ul li a:hover {
    color: #c19100;
}
/* Yellow card: text white on hover */
.programs-div:nth-child(2) ul li a:hover {
    color: white;
}
.programs-div:nth-child(2) ul li a:hover ul li::before {
    color: white;
}
.programs-div:nth-child(2) ul li a:hover {
    color: white;
}
/* Gray card: text blue (#203245) on hover */
.programs-div:nth-child(3) ul li a:hover {
    color: #203245;
}
.programs-div h2 {
    text-align: center;
    margin-bottom: 20px;
}
.programs-div ul {
    list-style: none;
    padding: 0;
}
.programs-div ul li {
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
}
.programs-div a {
    text-decoration: none;
    color: inherit;
}
.programs-div a:hover {
    text-decoration: none;
}
/* Blue card hover (text yellow, tick yellow) */
.programs-div:nth-child(1) ul li:hover::before,
.programs-div:nth-child(1) ul li:hover a {
    color: #c19100;
}
/* Yellow card hover (text and tick white) */
.programs-div:nth-child(2) ul li:hover::before,
.programs-div:nth-child(2) ul li:hover a {
    color: white;
}
/* Gray card hover (text and tick dark blue) */
.programs-div:nth-child(3) ul li:hover::before,
.programs-div:nth-child(3) ul li:hover a {
    color: #203245;
}
.programs{
    padding-top: 50px;
    padding-bottom: 100px;
/* background: linear-gradient(#fcf8e3, #000000a6), url(../images/programs.jpg); */
/* background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed; */
background-color: #e8e8e8;
color: black;
}
.final-success {
  background: 
  #092a4b;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.tab-wrapper-section {
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
  /* background-image: url(../images/image-campus-5.jpg) !important; */
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1; /* make sure content is above overlay */
  background-color:#e8e8e8!important;
}
.tab-wrapper {


  /* backdrop-filter: blur(24px); */
  width: 100%;
/* margin-top: 30px; */
padding: 0;
/* padding-top: 30px; */
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.tabs {
    width: 369px;
    
    display: flex;
    margin-bottom: 20px;
    justify-content: center;

}
.tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  background: white;
  color: #092a4b;
  border: 2px solid;
  cursor: pointer;
  transition: all 0.3s ease;
  
  border-radius: 999px; /* <--- Makes it oval */
  margin: 0 5px;         /* Optional spacing between tabs */
  font-weight: bold;
  font-size: 16px;
}
.tab.active {



    color: #b18806;
    background: white
}
.tab-content {
  /* background: #f5f5f5; */
  padding: 20px;
  color: black;
  border: none;
}

.event-tab-button {
    background-color: #092a4b;
    color: white !important;
    border-radius: 8px;
    margin: 5px;
    padding: 10px 20px;
    width: 159px;
    display: inline-block;
    text-align: center;
}

.event-tab-button:hover {
    text-decoration: none;
}

/* Active state for Bootstrap 3 pills */
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.event-tab-button.active {
    background-color: #c19100 !important;
    color: white !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.event-tab-button.active{
  color:white
}

.new-list-tabs{
  display: flex;
    justify-content: center;
}


@keyframes slideUp {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.welcome-message h1 {
    /* font-size: 40px !important; */
    font-style: italic !important;
    animation: slideUp 1s ease-out forwards;
}
.welcome-message p {
    font-size: 20px !important;
    text-align: center !important;
    animation: fadeIn 1s ease-in forwards;
    animation-delay: 0.3s;
    opacity: 0; /* Ensure hidden before animation */
}

.faculty-link{
    display: flex;
    background: #092A4B;
    border-radius: 50px;    
    font-size: 18px; 
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    width: 100%;
    transition: all 0.3s ease;
    border: 2px groove #C19100;
    padding: 20px 30px 20px 35px;
    white-space:nowrap;
}

.faculty-link:hover {
    color: #000000 !important;
    text-decoration: none;
    background: #f9f9f9;
    transform: translateY(-8px); /* moves up */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* shadow effect */
}
.faculty-link i{
    background:#c19100; color:white; border-radius:50%; padding:10px;
    font-size: clamp(10px, 1.2vw, 16px);
}




.flipped {
    transform: translateX(-50%) scaleX(-1); /* Flipped horizontally */
}
@keyframes slideUp {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideDownFadeOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(40px);
        opacity: 0;
    }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
.welcome-message p {
    opacity: 0;
    transition: all 0.3s ease-out;
}
/* Fade in styles */
.welcome-message p.animate-in {
    animation: fadeIn 1.5s ease-out forwards;
    animation-delay: 0.4s;
}
/* Fade out styles */
.welcome-message p.animate-out {
    animation: fadeOut 1s ease-out forwards;
}
.animate-left {
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.6s ease-out;
}
.animate-left.in-view {
    animation: slideInFromLeft 1s ease-out forwards;
}
.animate-right {
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.6s ease-out;
}
.animate-right.in-view {
    animation: slideInFromRight 1s ease-out forwards;
}
/* Animation Keyframes */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Apply Animation */
/*  */
.pure-flex-div {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    justify-content: center;
}
.pure-flex-div .carousel-item img{
    max-height: 471px !important;
}
.pure-flex-div .carousel-container {
    width: 53%;
    height: 674px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.pure-flex-div .carousel-item .content {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
}
.pure-flex-div  .carousel-item img {
    max-height: 160px;
    width: auto;
    border-radius: 8px;
}
.pure-flex-div .carousel-item .text {
    flex: 1;
}
.pure-flex-div .carousel-item .text h4 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}
.pure-flex-div .carousel-item .text p {
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    color: #333;
}
.pure-flex-div .carousel-item .btn {
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
}

.text p{
    text-align: justify;
}
/*  */
.campus-tour-col-left {
    animation: slideInFromLeft 1s ease-out forwards;
}
.campus-tour-col-right {
    animation: slideInFromRight 1s ease-out forwards;
}
.main-event-div-one{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.main-event-div-one div h1{
    font-size: 60px;
    margin-bottom: 0;
}

.home-page section
{
    margin-bottom: 0px;
}
.pinned-image-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.pinned-image-wrapper img.gallery-image {
    width: 100%;
    border: 3px solid gray;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.pin-icon {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    z-index: 10;
    pointer-events: none; /* So it doesn’t block clicks on the image */
}

.small-control i {
  font-size: 14px;
  color: #fefefe;
}

.gdz{
background: #092A4B; 
text-decoration: none; 
color: white; 
padding: 12px 30px; 
font-size: 42px;
display: inline-block;
float: right;
border-radius: 999px; 
transition: all 0.3s ease;
}


/* ---------- 768px and above ---------- */
@media (min-width: 768px) {
  .director-box {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ---------- Faculty link text sizes ---------- */
@media (max-width: 1403px) and (min-width: 800px) {
  .faculty-link { font-size: 14px; }
}

@media (max-width: 800px) {
  .faculty-link { font-size: 12px; }
}

@media (max-width: 600px) {
  .faculty-link { font-size: 10px; }
}

/* ---------- Campus tour (mobile view) ---------- */
@media (max-width: 767px) {
  .campus-tour-col-left,
  .campus-tour-col-right {
    width: 100%;
    display: block;
  }
  .campus-tour-col-left { animation: slideInFromLeft 1s ease-out forwards; }
  .campus-tour-col-right { animation: slideInFromRight 1s ease-out forwards; }

  .director-message { text-align: center !important; }

  .campus-tour-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .campus-tour-row div {
    width: 100%;
    text-align: center;
  }
}

/* ---------- Tabs responsiveness ---------- */
@media (max-width: 878px) {
  .tabs { width: 100%; }
}

/* ---------- Direction section and counters ---------- */
@media (max-width: 991px) {
  .directon-section {
    flex-direction: column;
    text-align: center;
    padding: 0 10px !important;
    margin: 0;
  }

  .directon-section .message {
    text-align: center;
    order: 2;
    margin-top: 0;
  }

  .directon-section .no-div {
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    width: 386px;
    height: 386px !important;
    margin: 50px 0 41px;
    animation: fadeInUp 1s ease-out forwards;
  }

  .directon-section .no-div img {
    width: 100% !important;
    height: 100%;
    border-radius: 8px;
    margin-top: 10px;
  }

  .counter-container {
    display: flex;
    justify-content: space-around;
    text-align: center;
    color: #092a4b;
  }
}

/* ---------- Campus tour background (tablet range) ---------- */
@media (min-width: 500px) and (max-width: 1365px) {
  .campus-tour-new-one {
    background: center / cover no-repeat;
    height: 902px !important;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

/* ---------- Carousel and gallery ---------- */
@media (max-width: 768px) {
  .carousel-container,
  .gallery-div {
    width: 100%;
  }

  .carousel-item .content {
    flex-direction: column;
    text-align: center;
  }

  .carousel-item img {
    max-width: 80%;
    margin-bottom: 1rem;
  }

  .events-one.animate {
    transform: none !important;
    opacity: 1 !important;
  }
}

/* ---------- Event list ---------- */
@media (max-width: 1400px) {
  .event-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .event-ul * {
    max-height: 400px;
  }
}

/* ---------- Responsive story ---------- */
@media (max-width: 1550px) {
  .responsive-story {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .img-thing {
    width: 100%;
  }
}

/* ---------- Director image ---------- */
@media (max-width: 1200px) {
  .director-image {
    width: 50% !important;
    max-width: 50% !important;
    margin: auto;
  }

  .custom-pill a {
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

/* ---------- Stories carousel ---------- */
@media (max-width: 900px) {
  #storiesCarousel {
    min-width: 100% !important;
  }

  #storiesCarousel .carousel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

/* ---------- Custom pills (desktop) ---------- */
@media (min-width: 992px) {
  .custom-pill a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0.5rem 1rem;
    /*font-size: clamp(10px, 2.34375vw, 20px);*/
    padding: 24px;
    flex-shrink: 0;
  }

  .custom-pill a i {
    font-size: 1.8rem;
  }
}


.program-1{
  background: linear-gradient(rgba(255, 140, 0, 0.85), rgba(255, 94, 98, 0.85)), url('../../../images/newundergrad-2.png') !important; 
  background-repeat:no-repeat!important;
  /* background-position: center !important; */
  background-size: cover!important;
  background-position: bottom;
}


.program-2{
  background: linear-gradient(rgba(0, 48, 73, 0.85), rgba(205, 211, 210, 0.85)), url('../../../images/newundergrad-3.png') !important;
  background-repeat:no-repeat!important;
  background-size: cover!important;
  background-position: center !important;
  /* background-position: center !important; */
}

.program-0{
  background: linear-gradient(rgba(0, 48, 73, 0.85), rgba(0, 168, 150, 0.85)), url('../../../images/newundergrad-1.png') !important; 
  background-repeat:no-repeat !important;
   background-size: cover!important;
  background-position: center !important;
}
.text-left{
  text-align: left;
}

.program-3{
  background: linear-gradient(rgba(30, 0, 197, 0.85), rgba(161, 42, 197, 0.85)), url('../../../images/newundergrad-4.png') !important; 
  background-repeat:no-repeat!important;
  background-size: cover!important;
  background-position: center !important;
}

.nessage-director{
  animation: fadeInUp 3s ease-out forwards;
}

.borderradius-5{
border-radius:10px;
}

.borderradius-10{
border-radius:10px;
}
.borderradius-15{
border-radius:15px;
}
.borderradius-20{
border-radius:20px;
}
.borderradius-25{
border-radius:25px;
}
.borderradius-30{
border-radius:30px;
}
.borderradius-35{
border-radius:35px;
}
.borderradius-40{
border-radius:40px;
}
.borderradius-45{
border-radius:45px;
}
.borderradius-50{
border-radius:50px;
}
.borderradius-55{
border-radius:55px;
}
.borderradius-60{
border-radius:60px;
}
.borderradius-65{
border-radius:65px;
}
.borderradius-70{
border-radius:70px;
}
.borderradius-75{
border-radius:75px;
}
.borderradius-80{
border-radius:80px;
}
.borderradius-85{
border-radius:85px;
}
.borderradius-90{
border-radius:90px;
}


.font-16{
  font-size: 16px;
}

.oblique-bold{
  font-style: oblique; font-weight: bold;
}

.m-auto{
  margin:auto;
}

.max-300{
  max-width: 300px;
}

.w-300{
  width: 300px;
}

.w-full{
  width: 100%;
}

.p-0{
  padding:0;
}
.color-c19100{
  color: #c19100;
}

.data-slide{
  bottom: 72%; top: 30%;
}

.d-inline{
  display:inline;
}

.h-300{
  height: 300px;
}

.b-092A4B{
  background:#092A4B
}

/* ********************************************************************** */
.viewMoreStoriesBtn:hover i{ color: #FDFDFD !important; }