@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
@import url("../bootstrap/font/bootstrap-icons.css");

:root {
    /*  Font Family  */
    --font-family-primary: "Arimo", sans-serif;
    --font-family-secondary: "Almarai", sans-serif;
    /* Color */
    --color-primary: #004A5B;
    --color-secondary: #464646;
    --color-black: #000;
    --color-white: #fff;
    --color-highlight: #F7F701;
    --light-gray: #F0F0F0;
    /* Font-size */
    --font-80: 80px;
    --font-50: 50px;
    --font-38: 38px;
    --font-36: 36px;
    --font-32: 32px;
    --font-30: 30px;
    --font-26: 26px;
    --font-24: 24px;
    --font-22: 22px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    /*Line Height*/
    --leading-26: 26px;
    /* Spacing */
    --space140: 140px;
    --space100: 100px;
    --space70: 70px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;
    --space30: 30px;
    --space20: 20px;
    --space15: 15px;
    --space10: 10px;
    /* Radius */
    /*    --rounded-50: 50px;*/
}
/*  BreakPoints  */
@media (max-width: 1920px) {
    :root {
        /* Font-size */
        --font-80: 70px;
        --font-50: 45px;
        --font-38: 36px;
        --font-36: 32px;
        --font-32: 30px;
        --font-30: 26px;
        --font-26: 26px;
        --font-24: 24px;
        --font-22: 20px;
        --font-20: 20px;
        --font-18: 18px;
        /*Line Height*/
        --leading-26: 26px;
        /* Spacing */
        --space140: 100px;
        --space100: 100px;
        --space60: 50px;
        --space50: 50px;
        --space40: 40px;
        --space30: 30px;
    }
}
@media (max-width: 1400px) {
    :root {
        /* Font-size */
        --font-80: 60px;
        --font-50: 40px;
        --font-38: 34px;
        --font-36: 30px;
        --font-32: 28px;
        --font-30: 26px;
        --font-26: 26px;
        --font-24: 24px;
        --font-22: 20px;
        --font-20: 18px;
        --font-18: 16px;
        /*Line Height*/
        --leading-26: 26px;
        /* Spacing */
        --space140: 80px;
        --space100: 80px;
        --space60: 50px;
        --space50: 50px;
        --space40: 40px;
        --space30: 30px;
    }
}


@media (max-width: 1200px) {
    :root {
        /* Font-size */
        --font-80: 55px;
        --font-50: 38px;
        --font-38: 32px;
        --font-36: 30px;
        --font-32: 28px;
        --font-30: 26px;
        --font-26: 24px;
        --font-24: 22px;
        --font-22: 20px;
        --font-20: 18px;
        --font-18: 16px;
        /*Line Height*/
        --leading-26: 24px;
        /* Spacing */
        --space140: 70px;
        --space100: 70px;
        --space60: 50px;
        --space50: 50px;
        --space40: 40px;
        --space30: 30px;
    }
}

@media (max-width: 992px) {
    :root {
        /* Font-size */
        --font-80: 50px;
        --font-50: 36px;
        --font-38: 32px;
        --font-36: 30px;
        --font-32: 28px;
        --font-30: 24px;
        --font-26: 24px;
        --font-24: 22px;
        --font-22: 20px;
        --font-20: 18px;
        --font-18: 16px;
        /*Line Height*/
        --leading-26: 24px;
        /* Spacing */
        --space140: 50px;
        --space100: 50px;
        --space60: 40px;
        --space50: 40px;
        --space40: 35px;
        --space30: 30px;
    }
}

@media (max-width: 768px) {
    :root {
        /* Font-size */
        --font-80: 45px;
        --font-50: 34px;
        --font-38: 30px;
        --font-36: 28px;
        --font-32: 26px;
        --font-30: 24px;
        --font-26: 24px;
        --font-24: 22px;
        --font-22: 20px;
        --font-20: 18px;
        --font-18: 16px;
    }
}

@media (max-width: 576px) {
    :root {
      
    }
}
/*Command CSS*/
body{margin:0;padding:0;font-family: var(--font-family-primary);color:var(--color-secondary);}
p,h1,h2,h3,h4,h5,h6,a{padding:0;margin:0;line-height:normal;}
h1{font-family:var(--font-family-primary);font-size:var(--font-80);color:var(--color-primary);line-height:normal;font-weight:bold;}
h1 span{color:var(--color-black);}
h2{font-family:var(--font-family-primary);font-size:var(--font-50);color:var(--color-primary);line-height:normal;font-weight:bold;}
h2 span{color:var(--color-black);}
h3{font-family:var(--font-family-primary);font-size:var(--font-38);color:var(--color-primary);line-height:normal;font-weight:bold;}
h4{font-family:var(--font-family-primary);font-size:var(--font-30);color:var(--color-primary);line-height:normal;font-weight:bold;}
h4 span{font-family:var(--font-family-primary);font-size:var(--font-32);color:var(--color-primary);line-height:normal;font-weight:bold;}
h5{font-family:var(--font-family-primary);font-size:var(--font-26);color:var(--color-primary);line-height:normal;font-weight:bold;}
h6{font-family:var(--font-family-primary);font-size:var(--font-24);color:var(--color-primary);line-height:normal;font-weight:bold;}
p{font-family:var(--font-family-primary);font-size:var(--font-18);color:var(--color-secondary);line-height:var(--leading-26);font-weight:normal;}
/* ----- */
ul{margin:0; padding:0; list-style:none;font-size: var(--font-18);color: var(--color-primary);line-height:var(--leading-26);}
a{text-decoration: none; font-size: var(--font-18);color: var(--color-primary);line-height:var(--leading-26);transition:all 0.7s;}
a.text-white:hover,a:hover,a:focus{text-decoration:none !important; color:#003A87;}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
audio, canvas, img, video {height: auto; box-sizing: border-box;}
img { border-style: none;}
/*Command Class*/
.ul-styling li::before { content: "\F309";font-family:"bootstrap-icons" !important; margin-right: 0px;   position: relative; top: 3px;color:var(--color-white);}
.ellipsis-1 {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.ellipsis-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
a.link{ font-size: var(--font-18);color: var(--color-secondary);line-height:var(--leading-26);transition:all 0.7s;}
a.link:hover{color: var(--color-primary);}
/* Spacing */
.mt-140{margin-top:var(--space140);}
.mb-140{margin-bottom:var(--space140);}
.my-140{margin-top:var(--space140);margin-bottom:var(--space140);}
.mt-100{margin-top:var(--space100);}
.mb-100{margin-bottom:var(--space100);}
.mb-50{margin-bottom:var(--space50);}
.mb-40{margin-bottom:var(--space40);}
.mb-30{margin-bottom:var(--space30);}
.mb-20{margin-bottom:var(--space20);}
.mb-15{margin-bottom:var(--space15);}
.mb-10{margin-bottom:var(--space10);}
/* Text color class*/
.text-highlight{color:var(--color-highlight)!important;}
.text-primary{color:var(--color-primary)!important;}
.text-secondary{color:var(--color-secondary)!important;}
/* Button*/
.btn {font-family:var(--font-family-primary);font-size:var(--font-18);color:var(--color-secondary);line-height:var(--leading-26);font-weight:normal;padding:15px 30px;border-radius:0;transition:all 0.9s ease; }
.btn.table-btn {padding:10px 15px; }
.btn.btn-primary {background-color: var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);}
.btn.btn-primary:hover {background-color: var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary);}
.btn.btn-secondary {background-color: var(--color-secondary);color:var(--color-white);border:1px solid var(--color-white);}
.btn.btn-secondary:hover {background-color: var(--color-white);color:var(--color-secondary);border:1px solid var(--color-white);}
.btn.btn-white {background-color: var(--color-white);color:var(--color-secondary);border:1px solid var(--color-white);}
.btn.btn-white:hover {background-color: var(--color-secondary);color:var(--color-white);border:1px solid var(--color-white);}
.btn.btn-highlight {background-color: var(--color-highlight);color:var(--color-secondary);border:1px solid var(--color-highlight);}
.btn.btn-highlight:hover {background-color: var(--color-secondary);color:var(--color-highlight);border:1px solid var(--color-secondary);}
/* Start Footer */
footer{color:var(--color-white);background:url(../../assets/img/footer-bg.png)no-repeat center center;background-size:cover;padding-top:var(--space70);}
footer #footer{padding-bottom:var(--space70);}
footer h6{color:var(--color-white);padding-bottom:var(--space30);position:relative;}
footer h6::after{content:'';position:absolute;width:80px;height:2px;background-color:var(--color-white);bottom: 20px;left: 0;}
footer p{color:var(--color-white);}
footer p a{color:var(--color-white);transition:all 0.7s ease;border-bottom:1px solid transparent;}
footer ul li{margin-bottom:10px;}
footer ul li:last-child{margin-bottom:10px;}
footer ul li a{color:var(--color-white);transition:all 0.7s ease;border-bottom:1px solid transparent;}
footer ul li a:hover,footer ul li a.active,footer ul li a:active,footer p a:hover{color:var(--color-white);border-bottom:1px solid var(--color-white);}
footer .social-link .icon{height:40px;width:40px;border:1px solid var(--color-white);display:block;transition:all 0.7s;color:var(--color-white);text-align:center;padding-block:6px;font-size:var(--font-20);}
footer .social-link .icon:hover{background-color:var(--color-white);color:var(--color-primary);}
.divider{opacity:1;border-color:var(--color-white);padding:0;margin:0;}
footer .copyright{padding-block:20px;}
/* End Footer*/
/*Start Header*/
.top-nav{padding-block:var(--space30);background-color:var(--color-white);position: relative;width: 100%; }
#logo a{font-size:44px;font-weight:bold;font-family:var(--font-family-primary);line-height:normal;color:var(--color-black)!important;}
@media (max-width: 1199px) {#logo a {font-size: 42px;}}
@media (max-width: 992px) {#logo a {font-size: 40px;}}
@media (max-width: 768px) {#logo a {font-size: 38px;}}
@media (max-width: 576px) {#logo a {font-size: 36px;}}
@media (max-width: 440px) {#logo a {font-size: 34px;}}
header .social-icon .icon{height:40px;width:40px;border:1px solid var(--color-primary);display:block;transition:all 0.7s;color:var(--color-white);text-align:center;padding-block:6px;font-size:var(--font-20);background-color:var(--color-primary);border-radius:50%;}
header .social-icon .icon.search-btn{border:1px solid var(--color-primary);display:block;transition:all 0.7s;color:var(--color-primary);background-color:var(--color-white);}
header .social-icon .icon.search-btn:hover{background-color:var(--color-secondary);color:var(--color-white);border:1px solid var(--color-secondary);}
header .social-icon .icon:hover{background-color:var(--color-white);color:var(--color-primary);}
/*----*/
header .navbar{background-color:var(--color-primary);padding-block:10px;}
header .navbar .nav-link {color: var(--color-white);position: relative;transition: color 0.3s ease;margin-right:50px;font-family:var(--font-family-primary);font-size:var(--font-18);padding-block:5px;}
header .navbar .nav-link.active,header .navbar .nav-link:hover{color:var(--color-white);position:relative;}
header .navbar .nav-link::before {content: '';position: absolute;bottom: 0;left: 50%;width: 50%;height: 2px;background-color: var(--color-white);transform: translateX(-50%) scaleX(0);transform-origin: center;transition: transform 0.3s ease;}
header .navbar .nav-link:hover::before,    header .navbar .nav-link.active::before { transform: translateX(-50%) scaleX(1); }
header .dropdown-toggle::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 2px; border-right: 2px solid var(--color-white);border-top:unset; border-left:unset; border-bottom: 2px solid var(--color-white); transform: rotate(45deg);}
@media (max-width: 1399px) {header .navbar .nav-link{margin-right:20px;} }
@media (max-width: 992px) {header .navbar .nav-link{margin:auto;}}
header .offcanvas-body {background-color:var(--color-primary);position:relative;}
header .offcanvas .btn-close{position:absolute;top:10px;left:10px;z-index:999;background-color:var(--color-white);}
header .offcanvas-body {background-color:var(--color-primary);}
header .navbar-toggler{background-color:var(--color-white);}
header .navbar-toggler:hover{background-color:var(--light-gray);}
/*End Header*/
/* Start Home Banner*/
/* End Home Banner*/
/* Start Growth-group*/
.growth-group .growth-card {text-align:center;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;border:1px solid #0000001A;padding:var(--space20) 0;}
.growth-group .growth-card .img{height:60px;width:60px;margin:0 auto;margin-bottom:20px;}
.growth-group .growth-card .img img{object-fit:contain;}
.growth-group .growth-card .content h4 span{font-family:var(--font-family-primary);font-size:var(--font-30);color:var(--color-primary);line-height:normal;font-weight:bold;}
.growth-group .growth-card .content h6{font-size:var(--font-22);color:var(--color-secondary);font-weight:normal;margin-top:10px;}
/* End Growth-group*/
/* Start Swiper  */
.swiper {width: 100%; height: 100%; overflow:hidden;padding-top: 1px;padding-bottom: 1px;}
.swiper-button-next::after, .swiper-button-prev::after{content:unset;}
.swiper-button-next svg, .swiper-button-prev svg {display: none;}
.hm-business .swiper-button-next{top:0;height: 40px;width: 40px;}
.hm-business .swiper-button-prev{top:0;left: auto;right: 70px;height: 40px;width: 40px;}
/*--*/
.hm-events .swiper-button-next{height: 40px;width: 40px;right: -50px;}
.hm-events .swiper-button-prev{height: 40px;width: 40px;left: -50px;}
@media (max-width: 576px) {
    .hm-business .swiper-button-next{top:50px;height: 30px;width: 30px;}
    .hm-business .swiper-button-prev{top:50px;height: 30px;width: 30px;right: 50px;}
    /*---*/
    .hm-events .swiper-button-next{top:50px;height: 30px;width: 30px;}
    .hm-events .swiper-button-prev{top:50px;height: 30px;width: 30px;right: 50px;}
}
/* END Swiper*/
/* START Business in Bhavnagar */
.business-group .business-card {border:1px solid var(--color-secondary);transition:all 0.7s;}
.business-group .business-card:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.business-group .business-card .business-img{height:auto;width:100%;text-align:center;padding-block:var(--space50);border-bottom:1px solid var(--color-secondary); }
.business-group .business-card .business-img img{height:100%;object-fit:contain;height:80px;width:60%;}
.business-group .business-card .business-content{padding:var(--space30);}
.business-group .business-card .icon{height:18px;width:18px;font-size:var(--font-18);}
.group-list .business-card{margin-bottom:var(--space30)}
/* END Business in Bhavnagar  */
/*START News and Publications*/
.news-publications{background:url(../../assets//img/news-bg.png)no-repeat center center;padding-block:var(--space100);background-attachment: fixed;background-size: cover;}
.news-group .news-card {position:relative;}
.news-group .news-card .news-img{height:200px;width:100%;}
.news-group .news-card .news-img img{overflow:hidden;object-fit:cover;height:200px;width:100%;}
.news-group .news-card .news-content{border:1px solid var(--color-secondary);padding:30px 20px;border-top:unset;}
.news-group .news-card .date-tag{position:absolute;z-index:5;font-family:var(--font-family-primary);color:var(--color-white);background:var(--color-secondary);font-size:10px;font-weight:400;padding:8px 10px;top:185px;left:10px;}
/*END News and Publications*/
/* START Business in Bhavnagar */
.events-group .events-card {}
.events-group .events-card .events-img{height:450px;width:100%;text-align:center;overflow:hidden; }
.events-group .events-card .events-img img{object-fit:cover;height:100%;width:100%;}
.events-group .events-card .events-content{padding-block:var(--space30);}
.events-group .events-card .icon{height:18px;width:18px;font-size:var(--font-18);}
/* END Business in Bhavnagar  */
/*Start How to Reach*/
.reach-card-heading{padding-left:110px;font-size:var(--font-26);color:var(--color-primary);font-weight:bold;font-family:var(--font-family-primary);padding-bottom:5px; }
.reach-card .icon{height:100px;width:100px;background:var(--color-primary);clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);color:var(--color-white);font-size:40px;text-align:center; display: flex;align-items: center;justify-content: center;position:absolute;bottom:0;}
.reach-card .icon img{height:40px;width:40px;object-fit:contain;}
.reach-card .reach-card-content{padding-left:50px;}
.reach-card .content{padding-left:60px;border:1px solid var(--color-primary) ;height:60px;display: flex;align-items: center;}
.reach-card{position:relative;}
/*End How to Reach*/
/*-----------------*/
/* INNER PAGES CSS*/
/* START Inner Banner */
.inner-banner{background:url(../../assets/img/inner-banner.png)no-repeat center center;background-size:cover;padding-block:100px;text-align:center;margin-bottom:var(--space100);}
/* END Inner Banner */
/* START Form*/
.form-card {border: 1px solid var(--color-primary);border-radius:0px;}
.form-body {padding:var(--space30) var(--space50);}
.form-heading{background:var(--color-primary);color:var(--white);width:100%;text-align:center;padding-block:var(--space20);}
.form-heading h3{color:var(--color-white);font-size:var(--font-36);font-weight:bold;font-family:var(--font-family-primary);line-height:normal;}
.form-control, .form-select {border-radius: 0px;border: 1px solid transparent;height: 56px;margin-bottom: var(--space30);color: var(--color-secondary);font-family: var(--font-family-primary);background-color:var(--light-gray)}
.form-select option {color: var(--color-secondary);font-family: var(--font-family-primary);}
.form-control::placeholder {color: var(--color-secondary);font-family: var(--font-family-primary);}
.form-control:focus, textarea.form-control:focus, .form-select:focus {box-shadow: unset;border: 1px solid var(--color-primary);}
.form-control:hover, textarea.form-control:hover, .form-select:hover {box-shadow: unset;border: 1px solid var(--color-primary);}
textarea.form-control {height: auto;}
.dropdown-toggle::after {content: unset;}
.custom-file-input::file-selector-button {font-family:var(--font-family-primary);background-color: var(--color-primary);color: var(--color-white);border: none;padding: 8px 16px;margin-right: 12px;border-radius: 0px;cursor: pointer;transition: background-color 0.7s ease;height:56px;}
.custom-file-input::file-selector-button:hover, .custom-file-input:hover::file-selector-button { background-color: var(--color-secondary)!important;color: var(--color-white);}
/* END Form*/
/* START filter-card*/
.filter-card{background:var(--color-primary);padding:var(--space20)}
.filter-card .form-control, .filter-card .form-select {margin:0;}
.filter-card .search-btn {height:56px;border:1px solid var(--color-primary);background:var(--light-gray);padding-inline:15px;}
.filter-card .search-btn:focus,.filter-card .search-btn:hover {border: 1px solid var(--color-primary);}
.filter-card .form-control:focus,.filter-card textarea.form-control:focus,.filter-card .form-select:focus {box-shadow: unset;border: 1px solid var(--color-primary);}
.filter-card .form-control:hover,.filter-card textarea.form-control:hover,.filter-card .form-select:hover {box-shadow: unset;border: 1px solid var(--color-primary);}
/* END filter-card */
.table-list {border:1px solid var(--color-primary);margin:0;}
.table-list thead tr th{background:var(--color-secondary);font-family:var(--font-family-primary);font-weight:400;color:var(--color-white);line-height:normal;font-size:var(--font-22);padding:var(--space20) var(--space20);white-space: nowrap;}
.table-list tbody .title-tr {display:flex;}
.table-list tbody .title-tr .img img{height:50px;width:50px;max-width:50px;object-fit:cover;margin-right:var(--space15);}
.table-list tbody .title-tr .title p {font-size:var(--font-20);font-family:var(--font-family-primary);font-weight:bold;line-height:normal;color:var(--color-primary);white-space: nowrap;overflow: hidden;max-width: 400px;text-overflow: ellipsis;}
@media (max-width: 1199px) {#logo a {font-size: 42px;}}
@media (max-width: 992px) {#logo a {font-size: 40px;}}
@media (max-width: 768px) {.table-list tbody .title-tr .title p{max-width: 200px;}}
.table-list tbody td {padding:var(--space20) var(--space20);font-size:var(--font-18);font-family:var(--font-family-primary);font-weight:normal;line-height:normal;color:var(--color-secondary);vertical-align:middle;white-space: nowrap;}
.table-list tbody th {vertical-align:middle;padding:var(--space20) var(--space20);}
.table-list tbody td:last-child{text-align:center;}
/* Your-Event*/
.your-event{background:url(../../assets/img/your-event-bg.png)no-repeat center center;background-size:cover;padding-block:var(--space100);}
/*-----------*/
.event-detail-card .icon,.business-detail-card .icon{height:18px;width:18px;font-size:var(--font-18);color:var(--color-primary);}
.event-detail-card .detail-title,.business-detail-card .detail-title{width:90px;color:var(--color-primary);font-size:var(--font-18);font-family:var(--font-family-primary);font-weight:400;}
.detail-title.w-130{width:145px;}
/*-----------*/
.business-detail .business-img{border:1px solid var(--color-secondary);padding:var(--space50);}
/* pagination */
.pagination{height:50px;width:50px;border:1px solid transparent;border-radius:50%;display: flex;align-items: center;justify-content: center;font-size:var(--font-30);cursor:pointer;transition:all 0.7s ease;}
.pagination.pagination-right, .pagination.pagination-left {background:var(--color-secondary);color:var(--color-white);}
.pagination.pagination-right:hover, .pagination.pagination-left:hover {background:var(--color-black);}
.pagination.pagination-nub {background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary);}
.pagination.pagination-nub:hover{background:var(--light-gray);}
.pagination.pagination-nub p{font-size:var(--font-22);color:var(--color-primary);}
.pagination.pagination-nub.active {background:var(--color-primary);color:var(--color-white);}
.pagination.pagination-nub.active p{color:var(--color-white);}
/*------------*/
.text-spacing {opacity: 0;animation: spacing 1.2s ease forwards;}
@keyframes spacing {
    from {opacity: 0;letter-spacing: 10px;}

    to {opacity: 1;letter-spacing: 1px;}
}
/*------------*/