File: /var/www/html/Siyum_old/wp-content/themes/siyum-old/css/style.css
@import url("../fonts/font.css");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.newsletter-section {
padding: 100px 0px;
background: #F5FAFF 0% 0% no-repeat padding-box; }
@media (max-width: 1679px) {
.newsletter-section {
padding: 80px 0px; } }
@media (max-width: 1481px) {
.newsletter-section {
padding: 60px 0px; } }
@media (max-width: 1199px) {
.newsletter-section {
padding: 50px 0px; } }
@media (max-width: 767px) {
.newsletter-section {
padding: 40px 0px; } }
@media (max-width: 579px) {
.newsletter-section {
padding: 35px 0px; } }
.newsletter-section .subtitle {
text-align: left;
letter-spacing: 0px;
color: #022F75;
font-size: 40px;
font-weight: 800;
line-height: 47px;
font-family: "Cooper Lt BT";
margin-bottom: 15px; }
@media (max-width: 1679px) {
.newsletter-section .subtitle {
font-size: 36px; } }
@media (max-width: 1481px) {
.newsletter-section .subtitle {
font-size: 34px; } }
@media (max-width: 1281px) {
.newsletter-section .subtitle {
font-size: 32px; } }
@media (max-width: 1199px) {
.newsletter-section .subtitle {
font-size: 28px; } }
.newsletter-section .sub-content {
letter-spacing: 0px;
color: #022F75;
font-size: 18px;
font-weight: 400;
padding-bottom: 45px;
font-family: "Circular Std Book"; }
@media (max-width: 1679px) {
.newsletter-section .sub-content {
font-size: 16px; } }
@media (max-width: 1441px) {
.newsletter-section .sub-content {
font-size: 14px; } }
@media (max-width: 767px) {
.newsletter-section .sub-content {
padding-bottom: 25px; } }
.newsletter-section .form-control {
padding: 12px 40px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #D3E9FD;
font-family: "Circular Std Book";
border-radius: 0;
color: #022F75;
font-size: 18px;
line-height: 18px;
font-weight: 400;
height: 64px; }
@media (max-width: 1679px) {
.newsletter-section .form-control {
font-size: 16px;
height: 54px; } }
@media (max-width: 1441px) {
.newsletter-section .form-control {
font-size: 14px;
height: 45px; } }
@media (max-width: 767px) {
.newsletter-section .form-control {
margin-bottom: 20px; } }
@media (max-width: 579px) {
.newsletter-section .form-control {
padding: 12px 15px;
height: 50px; } }
.newsletter-section .form-control::placeholder {
color: #022F75;
font-family: "Circular Std Book"; }
.newsletter-section .col-md-4 {
width: 41%;
padding: 0;
padding-right: 10px; }
@media (max-width: 767px) {
.newsletter-section .col-md-4 {
padding-right: 0; } }
.newsletter-section .form-inner {
justify-content: space-between; }
@media (max-width: 579px) {
.newsletter-section .form-inner {
padding: 0px 20px; } }
.newsletter-section .form-inner .col-md-2 {
padding: 0; }
@media (max-width: 767px) {
.newsletter-section .form-inner {
padding: 0 15px; }
.newsletter-section .form-inner .col-md-4, .newsletter-section .form-inner .col-md-4, .newsletter-section .form-inner .col-md-2 {
width: 100%;
max-width: 100%; } }
.newsletter-section .btn-submit {
width: 184px;
height: 64px;
background: #022F75;
font-size: 19px;
line-height: 19px;
border-radius: 0;
font-weight: 400;
font-family: "PF DinText Pro";
color: #fff;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 1679px) {
.newsletter-section .btn-submit {
font-size: 16px;
height: 54px; } }
@media (max-width: 1441px) {
.newsletter-section .btn-submit {
font-size: 14px;
height: 45px; } }
@media (max-width: 579px) {
.newsletter-section .btn-submit {
height: 50px; } }
.video-banner {
position: relative;
height: 100vh;
overflow: hidden;
color: #fff; }
.video-banner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1; }
.video-banner .custom-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
height: 100%;
align-items: flex-start;
justify-content: flex-end;
padding-bottom: 100px; }
@media (max-width: 579px) {
.video-banner .custom-container {
padding-bottom: 25px; } }
.video-banner .custom-container .scroll-btm-btn {
color: #fff;
display: inline-block;
position: absolute;
left: -100px;
bottom: 100px;
font-family: "PF DinText Pro";
font-size: 18px;
display: flex;
flex-direction: column;
height: 145px;
text-decoration: none;
overflow: hidden; }
@media (max-width: 1679px) {
.video-banner .custom-container .scroll-btm-btn {
font-size: 16px;
left: -50px; } }
@media (max-width: 1481px) {
.video-banner .custom-container .scroll-btm-btn {
font-size: 15px; } }
@media (max-width: 1450px) {
.video-banner .custom-container .scroll-btm-btn {
left: -35px; } }
@media (max-width: 1100px) {
.video-banner .custom-container .scroll-btm-btn {
left: 15px;
bottom: 0;
flex-direction: row;
align-items: center;
height: auto;
bottom: 60px; } }
@media (max-width: 579px) {
.video-banner .custom-container .scroll-btm-btn {
margin: 0 auto;
width: 200px;
justify-content: center;
position: static; } }
.video-banner .custom-container .scroll-btm-btn img {
width: 22px;
margin-top: auto; }
@media (max-width: 1100px) {
.video-banner .custom-container .scroll-btm-btn img {
margin-top: unset;
width: 14px;
margin-right: 10px;
order: 1; } }
.video-banner .custom-container .scroll-btm-btn .txt {
padding-top: 1px;
display: inline-block;
transform: rotate(269deg);
height: 110px;
width: 100px;
position: absolute; }
@media (max-width: 1679px) {
.video-banner .custom-container .scroll-btm-btn .txt {
padding-top: 2px; } }
@media (max-width: 1481px) {
.video-banner .custom-container .scroll-btm-btn .txt {
padding-top: 3px; } }
@media (max-width: 1100px) {
.video-banner .custom-container .scroll-btm-btn .txt {
transform: none;
width: auto;
height: auto;
white-space: nowrap;
position: static;
order: 2;
padding-top: 0; } }
.video-banner .title {
font-size: 48px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 20px;
font-family: 'cooper_md_btmedium';
font-family: "Cooper Lt BT"; }
@media (max-width: 1679px) {
.video-banner .title {
font-size: 42px; } }
@media (max-width: 1481px) {
.video-banner .title {
font-size: 37px; } }
@media (max-width: 1199px) {
.video-banner .title {
font-size: 35px; } }
@media (max-width: 991px) {
.video-banner .title {
font-size: 30px; } }
@media (max-width: 767px) {
.video-banner .title {
font-size: 26px; } }
@media (max-width: 579px) {
.video-banner .title {
margin-bottom: 15px; } }
.video-banner .content {
background: transparent linear-gradient(270deg, #1689FE00 0%, #0096FF 100%) 0% 0% no-repeat padding-box;
border-radius: 106px;
padding: 5px 20px;
letter-spacing: 0px;
color: #FFFFFF;
font-size: 24px;
font-weight: 400;
display: flex;
align-items: center;
font-family: "Circular Std Book"; }
@media (max-width: 1679px) {
.video-banner .content {
font-size: 22px; } }
@media (max-width: 1481px) {
.video-banner .content {
font-size: 20px; } }
@media (max-width: 1199px) {
.video-banner .content {
font-size: 18px; } }
@media (max-width: 991px) {
.video-banner .content {
font-size: 16px; } }
@media (max-width: 767px) {
.video-banner .content {
font-size: 14px; } }
@media (max-width: 579px) {
.video-banner .content {
font-size: 15px;
border-radius: 14px;
padding: 15px 20px; } }
.video-banner .btn-sec {
padding-top: 40px; }
@media (max-width: 579px) {
.video-banner .btn-sec {
width: 100%;
padding-top: 25px; } }
.video-banner .btn-sec .btn1 {
background: #022F75;
color: #fff;
border: none;
padding: 13px 20px;
font-size: 19px;
font-weight: bold;
border-radius: 5px;
margin: 0 10px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 500;
font-family: "PF DinText Pro";
min-width: 270px;
border: 2px solid #022F75; }
.video-banner .btn-sec .btn1:first-child {
margin-left: 0; }
@media (max-width: 1679px) {
.video-banner .btn-sec .btn1 {
font-size: 17px;
min-width: 250px; } }
@media (max-width: 1481px) {
.video-banner .btn-sec .btn1 {
font-size: 15px;
min-width: 230px; } }
@media (max-width: 1199px) {
.video-banner .btn-sec .btn1 {
padding: 11px 20px;
min-width: 200px; } }
@media (max-width: 767px) {
.video-banner .btn-sec .btn1 {
font-size: 14px;
min-width: auto; } }
@media (max-width: 579px) {
.video-banner .btn-sec .btn1 {
width: 100%;
margin: 0;
margin-bottom: 15px;
max-width: 100%; } }
.video-banner .btn-sec .btn1.join-btn {
background: #002F5899;
border: 2px solid #022F75; }
.quote-sec {
text-align: center;
letter-spacing: 0px;
color: #FFFFFF;
font-size: 23px;
line-height: 27px;
font-weight: 400;
padding: 45px 0px;
background-image: url(../img/quote-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
font-family: "moret", serif;
font-style: italic; }
@media (max-width: 1679px) {
.quote-sec {
font-size: 21px; } }
@media (max-width: 1481px) {
.quote-sec {
font-size: 19px;
padding: 35px 0px; } }
@media (max-width: 1199px) {
.quote-sec {
font-size: 17px;
padding: 30px 0px;
line-height: 21px; } }
@media (max-width: 579px) {
.quote-sec {
position: relative; } }
.quote-sec .quptes {
padding-right: 100px; }
@media (max-width: 1199px) {
.quote-sec .quptes {
padding-right: 50px; } }
@media (max-width: 991px) {
.quote-sec .quptes {
padding-right: 30px; } }
@media (max-width: 579px) {
.quote-sec .quptes {
position: absolute;
top: 15px;
left: 20px; } }
@media (max-width: 1481px) {
.quote-sec .quptes img {
width: 25px; } }
@media (max-width: 991px) {
.quote-sec .quptes img {
width: 18px; } }
@media (max-width: 579px) {
.quote-sec .custom-container {
padding: 15px 25px 10px; } }
.quote-sec .arrow {
margin-right: 12px; }
@media (max-width: 579px) {
.quote-sec .arrow {
margin-right: 8px; } }
@media (max-width: 579px) {
.quote-sec .arrow img {
height: 16px; } }
.quote-sec .quptes1 {
padding-left: 100px; }
@media (max-width: 1199px) {
.quote-sec .quptes1 {
padding-left: 50px; } }
@media (max-width: 991px) {
.quote-sec .quptes1 {
padding-left: 30px; } }
@media (max-width: 579px) {
.quote-sec .quptes1 {
position: absolute;
bottom: 15px;
right: 20px; } }
@media (max-width: 1481px) {
.quote-sec .quptes1 img {
width: 25px; } }
@media (max-width: 991px) {
.quote-sec .quptes1 img {
width: 18px; } }
.two-col-sec {
background: #E9F5FF;
padding: 150px 0px; }
@media (max-width: 1679px) {
.two-col-sec {
padding: 100px 0px; } }
@media (max-width: 1481px) {
.two-col-sec {
padding: 70px 0px; } }
@media (max-width: 1199px) {
.two-col-sec {
padding: 60px 0px; } }
@media (max-width: 579px) {
.two-col-sec {
padding: 40px 0px; } }
.two-col-sec .two-col-inner {
display: flex;
align-items: center; }
@media (max-width: 767px) {
.two-col-sec .two-col-inner {
flex-wrap: wrap; } }
.two-col-sec .two-col-inner .left-sec {
width: 641px;
height: 500px;
flex-shrink: 0; }
@media (max-width: 1679px) {
.two-col-sec .two-col-inner .left-sec {
width: 570px;
height: 420px; } }
@media (max-width: 1441px) {
.two-col-sec .two-col-inner .left-sec {
width: 550px;
height: 400px; } }
@media (max-width: 1199px) {
.two-col-sec .two-col-inner .left-sec {
width: 450px;
height: 380px; } }
@media (max-width: 991px) {
.two-col-sec .two-col-inner .left-sec {
width: 300px;
height: 380px; } }
@media (max-width: 767px) {
.two-col-sec .two-col-inner .left-sec {
width: 100%;
height: 290px; } }
@media (max-width: 579px) {
.two-col-sec .two-col-inner .left-sec {
height: 250px; } }
.two-col-sec .two-col-inner .left-sec img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px; }
.two-col-sec .two-col-inner .rt-sec {
flex-grow: 1;
padding-left: 75px; }
@media (max-width: 1199px) {
.two-col-sec .two-col-inner .rt-sec {
padding-left: 40px; } }
@media (max-width: 767px) {
.two-col-sec .two-col-inner .rt-sec {
padding-left: 0;
padding-top: 30px; } }
.two-col-sec .two-col-inner .rt-sec .title1 {
letter-spacing: 0px;
color: #022F75;
font-size: 30px;
line-height: 47px;
font-weight: 500;
padding-bottom: 35px;
font-weight: 700;
font-family: "Cooper Lt BT"; }
@media (max-width: 1679px) {
.two-col-sec .two-col-inner .rt-sec .title1 {
font-size: 28px;
line-height: 42px; } }
@media (max-width: 1481px) {
.two-col-sec .two-col-inner .rt-sec .title1 {
font-size: 26px;
line-height: 36px; } }
@media (max-width: 1199px) {
.two-col-sec .two-col-inner .rt-sec .title1 {
font-size: 24px;
line-height: 32px; } }
@media (max-width: 991px) {
.two-col-sec .two-col-inner .rt-sec .title1 {
font-size: 20px; } }
@media (max-width: 767px) {
.two-col-sec .two-col-inner .rt-sec .title1 {
font-size: 18px;
padding-bottom: 20px; } }
.two-col-sec .two-col-inner .rt-sec .contents {
color: #022F75;
font-size: 18px;
line-height: 31px;
font-weight: 400;
padding-bottom: 30px;
font-family: "Circular Std Book"; }
@media (max-width: 1679px) {
.two-col-sec .two-col-inner .rt-sec .contents {
font-size: 16px;
line-height: 29px; } }
.two-col-sec .two-col-inner .rt-sec .btn-learn {
padding: 12px 30px;
background: #022F75;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0px;
color: #FFFFFF;
font-size: 19px;
font-weight: 500;
width: 165px;
border: none;
font-family: "PF DinText Pro"; }
@media (max-width: 1679px) {
.two-col-sec .two-col-inner .rt-sec .btn-learn {
font-size: 17px; } }
@media (max-width: 1481px) {
.two-col-sec .two-col-inner .rt-sec .btn-learn {
font-size: 15px; } }
.boxes {
padding: 100px 0px; }
@media (max-width: 1679px) {
.boxes {
padding: 70px 0px; } }
@media (max-width: 1481px) {
.boxes {
padding: 55px 0px; } }
.boxes .inner-box {
padding: 100px;
background-image: url("../img/small-banner.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 1679px) {
.boxes .inner-box {
padding: 80px; } }
@media (max-width: 1481px) {
.boxes .inner-box {
padding: 65px 80px; } }
@media (max-width: 1199px) {
.boxes .inner-box {
padding: 50px; } }
@media (max-width: 991px) {
.boxes .inner-box {
padding: 40px 25px; } }
@media (max-width: 767px) {
.boxes .inner-box {
flex-wrap: wrap;
padding: 45px 20px; } }
.boxes .inner-box .logo {
width: 319px;
flex-shrink: 0; }
@media (max-width: 767px) {
.boxes .inner-box .logo {
flex-wrap: wrap; } }
@media (max-width: 1679px) {
.boxes .inner-box .logo {
width: 300px; } }
@media (max-width: 1199px) {
.boxes .inner-box .logo {
width: 220px; } }
@media (max-width: 991px) {
.boxes .inner-box .logo {
width: 180px; } }
@media (max-width: 767px) {
.boxes .inner-box .logo {
width: 215px;
margin-bottom: 15px; } }
@media (max-width: 1679px) {
.boxes .inner-box .logo img {
max-height: 90px; } }
@media (max-width: 1481px) {
.boxes .inner-box .logo img {
max-height: 80px; } }
@media (max-width: 991px) {
.boxes .inner-box .logo img {
max-height: 70px; } }
.boxes .inner-box .contents {
letter-spacing: 0px;
color: #FFFFFF;
font-size: 20px;
font-weight: 400;
max-width: 56%;
font-family: "Circular Std Book";
padding-left: 50px; }
@media (max-width: 1679px) {
.boxes .inner-box .contents {
font-size: 18px; } }
@media (max-width: 1481px) {
.boxes .inner-box .contents {
font-size: 16px; } }
@media (max-width: 1199px) {
.boxes .inner-box .contents {
max-width: none; } }
@media (max-width: 991px) {
.boxes .inner-box .contents {
font-size: 15px; } }
@media (max-width: 767px) {
.boxes .inner-box .contents {
padding-left: 0;
text-align: center; } }
.boxes .inner-box.inner-box1 {
background-image: url("../img/hsbh-bg.png");
margin-bottom: 33px; }
@media (max-width: 767px) {
.boxes .inner-box.inner-box1 {
margin-bottom: 25px; } }
.publications-slider-sec {
background-image: url("../img/blue-bg-radial.png");
background-size: cover;
background-position: center;
padding: 130px 0; }
@media (max-width: 1679px) {
.publications-slider-sec {
padding: 90px 0; } }
@media (max-width: 1481px) {
.publications-slider-sec {
padding: 70px 0; } }
@media (max-width: 1199px) {
.publications-slider-sec {
padding: 60px 0; } }
@media (max-width: 991px) {
.publications-slider-sec {
padding: 50px 0; } }
.publications-slider-sec .title-block {
text-align: center;
color: #fff;
margin-bottom: 60px; }
@media (max-width: 1679px) {
.publications-slider-sec .title-block {
margin-bottom: 50px; } }
@media (max-width: 1481px) {
.publications-slider-sec .title-block {
margin-bottom: 40px; } }
@media (max-width: 1199px) {
.publications-slider-sec .title-block {
margin-bottom: 30px; } }
.publications-slider-sec .title-block h2 {
font-size: 40px;
font-weight: 600;
font-family: "moret", serif;
margin-bottom: 25px; }
@media (max-width: 1679px) {
.publications-slider-sec .title-block h2 {
font-size: 36px; } }
@media (max-width: 1481px) {
.publications-slider-sec .title-block h2 {
font-size: 32px; } }
@media (max-width: 1199px) {
.publications-slider-sec .title-block h2 {
font-size: 27px; } }
@media (max-width: 991px) {
.publications-slider-sec .title-block h2 {
font-size: 24px; } }
@media (max-width: 579px) {
.publications-slider-sec .title-block h2 {
margin-bottom: 10px; } }
.publications-slider-sec .title-block p {
font-size: 18px;
font-family: "Circular Std Book";
padding: 0 130px; }
@media (max-width: 1679px) {
.publications-slider-sec .title-block p {
font-size: 16px; } }
@media (max-width: 1481px) {
.publications-slider-sec .title-block p {
font-size: 15px; } }
@media (max-width: 1199px) {
.publications-slider-sec .title-block p {
font-size: 14px;
padding: 0 50px; } }
@media (max-width: 991px) {
.publications-slider-sec .title-block p {
padding: 0; } }
@media (max-width: 579px) {
.publications-slider-sec .publications-slider-cover {
padding-left: 25px;
padding-right: 25px; } }
.publications-slider-sec .publications-slider .slick-dots {
bottom: -60px; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .slick-dots {
bottom: -50px; } }
.publications-slider-sec .publications-slider .slick-dots li {
width: auto; }
.publications-slider-sec .publications-slider .slick-dots li button {
width: 8px;
height: 3px;
background-color: #4C96DF;
border-radius: 3px;
padding: 0;
transition: .3s; }
.publications-slider-sec .publications-slider .slick-dots li button:before {
display: none; }
.publications-slider-sec .publications-slider .slick-dots li.slick-active button {
width: 63px;
background-color: #fff; }
.publications-slider-sec .publications-slider .slick-next, .publications-slider-sec .publications-slider .slick-prev {
width: 54px;
height: 54px;
border-radius: 50%;
background-color: #0096FF;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
z-index: 1;
top: 40%; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .slick-next, .publications-slider-sec .publications-slider .slick-prev {
width: 48px;
height: 48px; } }
@media (max-width: 1441px) {
.publications-slider-sec .publications-slider .slick-next, .publications-slider-sec .publications-slider .slick-prev {
width: 42px;
height: 42px;
background-size: 18px; } }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .slick-next, .publications-slider-sec .publications-slider .slick-prev {
width: 36px;
height: 36px;
background-size: 17px; } }
@media (max-width: 579px) {
.publications-slider-sec .publications-slider .slick-next, .publications-slider-sec .publications-slider .slick-prev {
width: 24px;
height: 24px;
background-size: 10px; } }
.publications-slider-sec .publications-slider .slick-next::before, .publications-slider-sec .publications-slider .slick-prev::before {
display: none; }
.publications-slider-sec .publications-slider .slick-prev {
background-image: url("../img/chevron-left-white.svg");
left: -80px; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .slick-prev {
left: -60px; } }
@media (max-width: 1441px) {
.publications-slider-sec .publications-slider .slick-prev {
left: -40px; } }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .slick-prev {
left: -25px; } }
.publications-slider-sec .publications-slider .slick-next {
background-image: url("../img/chevron-right-white.svg");
right: -80px; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .slick-next {
right: -60px; } }
@media (max-width: 1441px) {
.publications-slider-sec .publications-slider .slick-next {
right: -40px; } }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .slick-next {
right: -25px; } }
.publications-slider-sec .publications-slider .publications-card {
padding: 15px 25px; }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .publications-card {
padding: 15px; } }
@media (max-width: 579px) {
.publications-slider-sec .publications-slider .publications-card {
padding: 10px 5px; } }
.publications-slider-sec .publications-slider .publications-card .media-block {
width: 100%;
max-height: 260px;
aspect-ratio: 0.607;
margin-bottom: 20px;
position: relative; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .publications-card .media-block {
max-height: 210px; } }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .publications-card .media-block {
max-height: 180px; } }
.publications-slider-sec .publications-slider .publications-card .media-block .media-btn {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background-color: transparent;
border: none; }
.publications-slider-sec .publications-slider .publications-card .media-block .media-btn img {
width: 48px; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .publications-card .media-block .media-btn img {
width: 45px; } }
@media (max-width: 579px) {
.publications-slider-sec .publications-slider .publications-card .media-block .media-btn img {
width: 40px; } }
.publications-slider-sec .publications-slider .publications-card .media-block .media-item {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px; }
.publications-slider-sec .publications-slider .publications-card .data-content p {
color: #7697B4;
font-size: 12px;
margin-bottom: 8px;
font-family: "Circular Std Book"; }
.publications-slider-sec .publications-slider .publications-card .data-content h4 {
color: #fff;
font-family: "Circular Std Book";
margin-bottom: 0;
font-size: 22px; }
@media (max-width: 1679px) {
.publications-slider-sec .publications-slider .publications-card .data-content h4 {
font-size: 20px; } }
@media (max-width: 1481px) {
.publications-slider-sec .publications-slider .publications-card .data-content h4 {
font-size: 18px; } }
@media (max-width: 1199px) {
.publications-slider-sec .publications-slider .publications-card .data-content h4 {
font-size: 16px; } }
.video-series-sec {
padding: 150px 0; }
@media (max-width: 1679px) {
.video-series-sec {
padding: 100px 0; } }
@media (max-width: 1481px) {
.video-series-sec {
padding: 70px 0; } }
@media (max-width: 991px) {
.video-series-sec {
padding: 50px 0; } }
.video-series-sec .title-block {
text-align: center;
margin-bottom: 60px;
color: #022F75; }
@media (max-width: 1679px) {
.video-series-sec .title-block {
margin-bottom: 50px; } }
@media (max-width: 1481px) {
.video-series-sec .title-block {
margin-bottom: 40px; } }
.video-series-sec .title-block h5 {
font-size: 16px;
font-family: "Circular Std Book";
margin-bottom: 10px; }
@media (max-width: 1199px) {
.video-series-sec .title-block h5 {
font-size: 15px; } }
.video-series-sec .title-block h2 {
font-size: 40px;
font-weight: 700;
font-family: "Cooper Lt BT";
margin-bottom: 25px; }
@media (max-width: 1679px) {
.video-series-sec .title-block h2 {
font-size: 36px; } }
@media (max-width: 1481px) {
.video-series-sec .title-block h2 {
font-size: 32px; } }
@media (max-width: 1199px) {
.video-series-sec .title-block h2 {
font-size: 27px; } }
@media (max-width: 991px) {
.video-series-sec .title-block h2 {
font-size: 24px; } }
.video-series-sec .title-block p {
padding: 0 170px;
font-size: 18px;
font-family: "Circular Std Book"; }
@media (max-width: 1679px) {
.video-series-sec .title-block p {
font-size: 16px; } }
@media (max-width: 1481px) {
.video-series-sec .title-block p {
font-size: 15px; } }
@media (max-width: 1199px) {
.video-series-sec .title-block p {
font-size: 14px;
padding: 0 50px; } }
@media (max-width: 991px) {
.video-series-sec .title-block p {
padding: 0; } }
@media (min-width: 767px) {
.video-series-sec .video-tab-cover .video-tab-wrapper .left-btn-block .nav.tab-btn-block.flex-column.nav-pills.tabSlider {
max-height: 480px;
flex-wrap: nowrap;
overflow-y: auto; } }
.video-series-sec .video-tab-cover .tab-btn {
display: flex;
align-items: center;
background-color: transparent;
margin-bottom: 50px; }
@media (max-width: 1679px) {
.video-series-sec .video-tab-cover .tab-btn {
margin-bottom: 30px; } }
@media (max-width: 1481px) {
.video-series-sec .video-tab-cover .tab-btn {
margin-bottom: 20px; } }
@media (max-width: 1199px) {
.video-series-sec .video-tab-cover .tab-btn {
margin-bottom: 10px; } }
@media (max-width: 579px) {
.video-series-sec .video-tab-cover .tab-btn {
justify-content: center; } }
.video-series-sec .video-tab-cover .tab-btn:last-child {
margin-bottom: 0; }
.video-series-sec .video-tab-cover .tab-btn .icon {
flex-shrink: 0;
margin-right: 25px;
width: 50px;
height: 50px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 1481px) {
.video-series-sec .video-tab-cover .tab-btn .icon {
width: 45px;
height: 45px; } }
@media (max-width: 1199px) {
.video-series-sec .video-tab-cover .tab-btn .icon {
width: 38px;
height: 38px; } }
.video-series-sec .video-tab-cover .tab-btn .icon img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px; }
@media (max-width: 1679px) {
.video-series-sec .video-tab-cover .tab-btn .icon {
margin-right: 20px; } }
@media (max-width: 1441px) {
.video-series-sec .video-tab-cover .tab-btn .icon {
margin-right: 15px; } }
@media (max-width: 1199px) {
.video-series-sec .video-tab-cover .tab-btn .icon {
margin-right: 10px; } }
.video-series-sec .video-tab-cover .tab-btn .icon img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover; }
@media (max-width: 1481px) {
.video-series-sec .video-tab-cover .tab-btn .icon img {
width: 45px;
height: 45px; } }
@media (max-width: 1199px) {
.video-series-sec .video-tab-cover .tab-btn .icon img {
width: 38px;
height: 38px; } }
.video-series-sec .video-tab-cover .tab-btn .data-label {
font-family: "Circular Std Book";
position: relative;
padding: 10px 0;
padding-right: 15px;
font-size: 22px;
color: #022F75;
border-bottom: solid 3px transparent;
transition: .3s; }
@media (max-width: 1679px) {
.video-series-sec .video-tab-cover .tab-btn .data-label {
font-size: 20px; } }
@media (max-width: 1481px) {
.video-series-sec .video-tab-cover .tab-btn .data-label {
font-size: 18px; } }
@media (max-width: 1199px) {
.video-series-sec .video-tab-cover .tab-btn .data-label {
font-size: 16px; } }
@media (max-width: 767px) {
.video-series-sec .video-tab-cover .tab-btn .data-label {
white-space: nowrap; } }
.video-series-sec .video-tab-cover .tab-btn .data-label::before {
transition: .3s;
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 50%;
height: 3px;
background-color: #0067D0;
opacity: 0; }
.video-series-sec .video-tab-cover .tab-btn:hover .data-label {
border-color: #A4D1FF; }
.video-series-sec .video-tab-cover .tab-btn.active .data-label {
border-color: #A4D1FF; }
.video-series-sec .video-tab-cover .tab-btn.active .data-label::before {
opacity: 1; }
@media (max-width: 767px) {
.video-series-sec .video-tab-cover .video-tab-wrapper {
flex-wrap: wrap; } }
.video-series-sec .video-tab-cover .right-content-block {
width: 55%; }
@media (max-width: 767px) {
.video-series-sec .video-tab-cover .right-content-block {
width: 100%; } }
.video-series-sec .video-tab-cover .left-btn-block {
width: 45%; }
@media (max-width: 767px) {
.video-series-sec .video-tab-cover .left-btn-block {
width: 100%; }
.video-series-sec .video-tab-cover .left-btn-block .tabSlider {
padding-right: 0 !important; } }
.video-series-sec .video-tab-cover .tabSlider .slick-arrow {
width: 24px;
height: 24px;
border: 1px solid #CDE0F2;
border-radius: 24px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
top: 40%;
z-index: 1; }
.video-series-sec .video-tab-cover .tabSlider .slick-arrow:hover {
background-color: #0096FF; }
.video-series-sec .video-tab-cover .tabSlider .slick-arrow:hover:before {
filter: brightness(100); }
@media (max-width: 579px) {
.video-series-sec .video-tab-cover .tabSlider .slick-arrow.slick-prev {
left: 0px; } }
.video-series-sec .video-tab-cover .tabSlider .slick-arrow.slick-prev:before {
content: "";
width: 13px;
height: 12px;
background-image: url(../img/chevron-left-blue.svg);
background-repeat: no-repeat;
background-size: contain; }
@media (max-width: 579px) {
.video-series-sec .video-tab-cover .tabSlider .slick-arrow.slick-next {
right: 0px; } }
.video-series-sec .video-tab-cover .tabSlider .slick-arrow.slick-next:before {
content: "";
width: 13px;
height: 12px;
background-image: url(../img/chevron-right-blue.svg);
background-repeat: no-repeat;
background-size: contain; }
.video-series-sec .video-slider-cover .video-series-slider-lg {
margin-bottom: 15px; }
.video-series-sec .video-slider-cover .item-lg-cover {
position: relative;
padding: 1px;
max-height: 430px;
border-radius: 10px;
overflow: hidden;
aspect-ratio: 1.778;
width: 100%; }
.video-series-sec .video-slider-cover .item-lg-cover .lg-play-btn {
position: absolute;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background-color: transparent;
border: none; }
.video-series-sec .video-slider-cover .item-lg-cover .media-lg {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover; }
.video-series-sec .video-series-slider-thumb {
padding: 0 45px; }
.video-series-sec .video-series-slider-thumb .thumb-item.slick-current .thumb-cover .thumb-media-item {
border: 3px solid #109DFF; }
.video-series-sec .video-series-slider-thumb .thumb-item {
padding: 0 5px; }
.video-series-sec .video-series-slider-thumb .thumb-item .thumb-cover {
width: 100%;
height: 65px;
aspect-ratio: 1.384; }
.video-series-sec .video-series-slider-thumb .thumb-item .thumb-cover .thumb-media-item {
border-radius: 10px;
width: 100%;
height: 100%;
cursor: pointer; }
.video-series-sec .video-series-slider-thumb .slick-next, .video-series-sec .video-series-slider-thumb .slick-prev {
z-index: 1;
width: 35px;
height: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #E6F4FF;
border-radius: 6px;
background-position: center;
background-repeat: no-repeat; }
.video-series-sec .video-series-slider-thumb .slick-next::before, .video-series-sec .video-series-slider-thumb .slick-prev::before {
display: none; }
.video-series-sec .video-series-slider-thumb .slick-next {
right: 0;
background-image: url("../img/chevron-right-dark.svg"); }
.video-series-sec .video-series-slider-thumb .slick-prev {
left: 0;
background-image: url("../img/chevron-left-dark.svg"); }
.banner-logo.vid-sec {
bottom: 100px; }
.banner-logo {
position: fixed;
right: 85px;
bottom: 30px;
z-index: 5;
background-image: url("../img/lottie-bg.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
@media (max-width: 1679px) {
.banner-logo {
width: 75px;
height: 75px;
right: 40px; } }
@media (max-width: 1481px) {
.banner-logo {
width: 65px;
height: 65px;
right: 30px; } }
@media (max-width: 767px) {
.banner-logo {
width: 55px;
height: 55px;
right: 20px;
bottom: 20px; } }
.banner-logo lottie-player {
max-width: 40px; }
@media (max-width: 1679px) {
.banner-logo lottie-player {
max-width: 30px; } }
@media (max-width: 1481px) {
.banner-logo lottie-player {
max-width: 20px; } }
/*# sourceMappingURL=style.css.map */