@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

:root{
    /*COLORS*/
    --primary-color: #CB962C;
    --light-color: #F0BB28;
    --dark-bg: #130C0D;

    /*FONTS*/
    --font40 : 40px;

    /*PADDING*/
    --padding70: 50px;
    --padding80: 80px;

    /*MARGIN*/
    --margin70: 70px;

    --font-karla: "Karla", sans-serif;;

 }


body{ font-family: "Karla", sans-serif; font-size:16px; color:#2D2D2D; }
button:focus, input:focus, textarea:focus {  outline: none; }
h1,h2,h3,h4,h5,h6{ font-family: "Frank Ruhl Libre", serif; }


.btn_black {
    height: 40px;
    background: #2D2D2D;
    color: #fff !important;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 25px !important;
}
.btn_black:hover{ background:var(--light-color); color:#fff; }
input::placeholder{ opacity:1; color:#737373; }

/*HEADER AREA*/


#header { float: left; width: 100%; padding: 10px 0; background: #2D2D2D99; position: absolute; z-index:11; }

.top_list .dropdown .btn.btn-primary { background: transparent;  border: none; padding: 0; color: #fff; font-size: 11px; }
.top_list .nav { align-items: center; display: flex; justify-content: end; }
.top_list .nav li { position: relative; margin-right: 5px; padding-right: 10px; }
.top_list .nav li::after { position: absolute; content: ""; left: -10px; width: 1px; height: 27px; top: 50%; background: #fff; transform: translateY(-50%); }
.top_list .nav li:first-child:after{ display:none; }
.top_list .nav li:last-child{ padding:0; margin:0; }
.top_list .nav li a{ padding:0; color:#fff; cursor:pointer; font-size:12px; }
.top_list .nav li .dropdown-menu{ padding:0; overflow:hidden; }
.top_list .nav li .dropdown-menu li { padding: 0; margin: 0; }
.top_list .nav li .dropdown-menu li a { padding: 8px 10px; font-size: 12px; border-bottom: 1px solid #cccccc38; color:#000; }
.top_list .nav li .dropdown-menu li:last-child a { border:none; }

.navigation {  }
.navigation .navbar-nav { width: 100%; justify-content: space-around; align-items:center; }
.navigation ul li a { color: #fff;  padding: 0px 10px !important; position: relative; font-weight:500; font-size: 13px; }
.navigation .nav-item-has-dropdown .dropdown { display: flex; align-items: center; }
.navigation .nav-item-has-dropdown .dropdown .nav-link { padding-right: 6px !important; }
.navigation .nav-item-has-dropdown .dropdown .partner-dropdown-toggle { padding-left: 0 !important; padding-right: 0 !important; }
.navigation .nav-item-has-dropdown .dropdown .partner-dropdown-toggle::after { margin-left: 0; vertical-align: middle; }
.navigation .nav-item-has-dropdown .dropdown .nav-link.active,
.navigation .nav-item-has-dropdown .dropdown .partner-dropdown-toggle.active { color: var(--light-color); }
.navigation ul li a.nav-link.btn.btn_black { color: #F0BB28 !important; background: transparent !important; border: 1px solid #F0BB28 !important; padding: 0 15px !important; height: 30px; margin-left:0px; }
.navigation ul li .dropdown button { background: transparent; border: none; color: #fff; padding: 0 12.5px; }
.navigation li .dropdown-menu{ padding:0; overflow:hidden; }
.navigation li .dropdown-menu li { padding: 0; margin: 0; }
.navigation li .dropdown-menu li a { padding: 8px 10px !important; font-size: 12px; border-bottom: 1px solid #cccccc38; color:#000; }
.navigation li .dropdown-menu li a:hover,
.navigation li .dropdown-menu li a:focus { background: var(--primary-color); color: #fff; }
.navigation li .dropdown-menu li:last-child a { border:none; }

.navbar .nav-link {
    color: #fff;
    transition: 0.3s;
}

/* Hover par color change */
.navbar .nav-link:hover {
    color: #d4af37;
}

/* Active (clicked page) */
.navbar .nav-link.active {
    color: #d4af37;
}
.navigation ul li .dropdown button {
    color: #fff;
    background: transparent;
    border: none;
    transition: 0.3s;
}

/* Hover */
.navigation ul li .dropdown button:hover {
    color: #d4af37;
}

/* Active (jab open ho jaye dropdown) */
.navigation ul li .dropdown button.show {
    color: #d4af37;
}

@media (min-width: 768px) {
    .navigation .navbar-nav .dropdown {
        position: relative;
    }

    .navigation .navbar-nav .dropdown-menu {
        display: block;
        top: 100%;
        left: 0;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    .navigation .navbar-nav .dropdown:hover > .dropdown-menu,
    .navigation .navbar-nav .dropdown:focus-within > .dropdown-menu,
    .navigation .navbar-nav .dropdown .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .navigation .nav-item-has-dropdown .dropdown:hover .nav-link,
    .navigation .nav-item-has-dropdown .dropdown:hover .partner-dropdown-toggle,
    .navigation .nav-item-has-dropdown .dropdown:focus-within .nav-link,
    .navigation .nav-item-has-dropdown .dropdown:focus-within .partner-dropdown-toggle {
        color: var(--light-color);
    }
}

.search-container { position: relative; display: flex; align-items: center; }
.search-box { width: 0; opacity: 0; padding: 0px; border: 1px solid #737373; border-radius: 4px; transition: 0.3s; font-size: 12px; }
.search-box.active { width: 180px; opacity: 1; padding: 8px; margin-left: 20px; }

/*HEADER AREA*/

.video_wrapper { float: left; width: 100%; position:relative; }
.video_wrapper::after { position: absolute; content: ""; bottom: 0; width: 100%; height: 364px; background: linear-gradient(180deg, rgba(19, 12, 13, 0) 0%, #130C0D 80.74%); }
.video_wrapper video { width: 100%;	height: 750px; object-fit: cover; }


.heading {  }
.heading h2 { font-size: 35px; font-weight: 600; margin: 0;  }
.heading h2 span{ color: var(--primary-color); }
.right_content p { margin: 0; }


.membershi_area{ background:url(../images/bg1.svg) no-repeat; background-position:right top; float:left;  width:100%; margin-top:70px; }

.member_ship_loop {  margin-top: 70px; }
.mem_loop { width: 90%; position: relative; margin: 0px auto 40px; display:block; }
.mem_loop a{ text-decoration:none; }
.mem_loop .img{ width:100%; position:relative; }
.mem_loop img{ width:100%; border-radius:23px; height: 290px; object-fit: contain; }
.mem_loop .img:after{ position: absolute; transition: 0.8s ease; content: ""; top: 0; right: 18px; width:100%; height:100%; background:#333333; z-index:-11;  rotate: 7deg; border-radius:23px; }
.col-md-4:nth-child(2n+2) .mem_loop .img:after{  background:#F0BB28; }
.mem_loop .img:hover:after{   rotate: 0deg; right:0;  }
.mem_loop h2 { margin: 30px 0; font-weight: 500; text-align: center; font-size: 20px; color: #333333; }
.mem_loop a h2 { margin: 30px 0; font-weight: 500; text-align: center; font-size: 20px; color: #333333; }



.about_info { float: left; width: 100%; }
.about_info .row { align-items: end; position:relative; }
.about_info .row::after { position: absolute; content: ""; background: #2D2D2D; width: 70%; bottom: 0; left: 0; height: 90%; z-index: -1; border-radius: 30px; }
.about_info .left_content { color: #fff; padding-left: 65px; padding-bottom:60px; }
.about_info .left_content h2 { font-size: 35px; font-weight: 600; margin-bottom: 10px; }
.about_info .left_content h2 span { color:#F0BB28; }
.about_info .left_content a { border: 1px solid #C5902A; font-weight: 700; font-size: 14px; }

.right_img img { border-radius: 20px; height:463px; width:100%; object-fit:cover; }


.chapter_wrapper  { float: left; width: 100%; }
.chapter_wrapper  .container{ background: #F6F6F67D url(../images/bg2.png); padding-top:60px; padding-bottom:60px; border-radius:30px; }

.chapter_loop { border: 1px solid #C2C2C2; }
.chapter_loop a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #130C0D; padding: 20px; }
.chapter_loop a:hover{ color:var(--light-color); }
.chapter_loop a i{ color:var(--light-color); }
.chapter_loop img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }


.contact_wrapper{ float:left; width:100%; margin-top:var(--padding70); }
.contact_area { background: #C5902A url(../images/bg3.png) no-repeat; background-size: cover; border-radius: 30px; padding: 50px 0; color: #fff; margin-bottom: var(--padding70); }
.contact_wrapper .heading h2 { margin-bottom: 10px; }
.contact_area form { width: 810px; margin: 45px auto 0; }
.contact_area .col-md-6 { margin-bottom: 10px; }
.contact_area form input { width: 100%; height: 50px; border: 2px solid var(--primary-color); background: #fff; border-radius: 5px; padding: 0 20px; color: #2D2D2D; }
.contact_area form input::placeholder,.contact_area form textarea::placeholder{ color:#2D2D2D; opacity:1; }

.contact_area form textarea { width: 100%; height: 50px; border: 2px solid var(--primary-color); resize: none; background: #fff; border-radius: 5px; padding:11px 20px; color: #2D2D2D; }
.contact_area .btn.btn_black { height: 50px; width: 300px; border-radius: 50px; margin: 20px auto 0; display: block; color: fff !important; font-size: 18px; font-weight: 700; border-color: transparent; background:var(--primary-color); }
.contact_area .btn.btn_black:hover{ color:#fff !important; }



.ceo_talk{ float:left; width:100%; margin-top:var(--padding70); }
.ceo_talk .talk_loop { float: left; width: 100%; }
.ceo_talk .talk_loop a { float: left; width: 100%; text-decoration: none; }
.ceo_talk .talk_loop a img { width: 100%; height: 240px; object-fit: cover; }
.ceo_talk .talk_loop a h2 { float: left; width: 100%; font-size: 16px; font-weight: 500; color: #333333; margin-top: 12px; }



.testmonial_wrapper{ float:left; width:100%; margin-top:var(--padding70); overflow:hidden; margin-bottom:30px; }
.testmonial_loop { background: #2D2D2D; margin: 0 20px; border-radius: 30px; overflow:hidden; position:relative; }
.testmonial_loop .img_title { position:relative; }
.testmonial_loop::after { position: absolute; content: ""; background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, #2D2D2D 45%); bottom: 0; left: 0; height: 191px; width: 100%; }
.testmonial_loop .img_title .img { border-radius: 20px; overflow: hidden; }
.testmonial_loop .img_title .img img { width: 100%; height: 100%; object-fit: cover; }
.testmonial_loop .img_title .title_name {  }
.testmonial_loop .img_title .title_name h2 { font-size: 18px; font-weight: 600; margin: 0; }
.testmonial_loop .img_title .title_name p { margin: 0; }


.testmonial_loop:hover .content_slid .slid_content { display: block; }

.testmonial_wrapper .slick-dotted.slick-slider { margin-bottom: 60px; }
.testmonial_wrapper .slick-dots{ bottom:-55px; }
.testmonial_wrapper .slick-dots li{ width:auto; height:auto; margin:0 5px; }
.testmonial_wrapper .slick-dots li button { background: #C2C2C2; border-radius: 50px; width: 17px; height: 17px; padding: 0; }
.testmonial_wrapper .slick-dots li button:before{ display:none; }
.testmonial_wrapper .slick-dots li.slick-active button { background: #C5902A; width: 25px; height: 25px; }

.content_slid { padding: 20px 20px 40px 20px; z-index: 1; position: absolute; bottom: 0; width: 100%; height:100%;  }
.testmonial_loop:hover .content_slid{ background:#2D2D2D;  }
.content_slid p{ margin:0; }
.content_slid .title_name { position: absolute; bottom: 20px; }
.content_slid .title_name h2 { font-size: 24px; margin: 0; color: var(--primary-color); }
.content_slid .title_name p{ font-size:16px; font-weight:700; color:#fff; }

.content_slid .slid_content{ display:none; padding-top:50px; }
.content_slid .slid_content p { color: #fff; }






.mamber_area { float:left; width:100%; }



/*FOOTER AREA*/
#footer { background: #130C0D; color: #F5F5F5; padding-top:var(--padding80); float: left; width: 100%; }
#footer h3{ background: linear-gradient(90deg, #F0BB28 0%, #C5902A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:700; font-size:var(--font40); margin-bottom:30px }
#footer p{ margin:0; }
#footer a:hover{ color:var(--light-color); }

.news_letter form {  float:left; position:relative; margin-top:15px; }
.news_letter form input[type="email"] { padding: 0 60px  0 20px; float: left; background: transparent; height: 60px; width: 528px; border: 2px solid; border-image: linear-gradient(90deg, #F0BB28 0%, #C5902A 100%) 1; border-radius: 10px; color:#F5F5F5; }
.news_letter form input::placeholder{ color:#F5F5F5; opacity:1; }
.news_letter form input[type="submit"] { position: absolute; right: 15px; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); background: url(../images/submit.svg) no-repeat; border: none; }

.social_links { padding-left: 52px; }
.social_links ul li{ margin-right:15px; }
.social_links ul li a { padding: 0; background: linear-gradient(225deg, #F0BB28 14.64%, #C5902A 85.36%); width: 30px; height: 30px; color: #fff !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; }

.site_info { margin-top: 30px; }
.site_info ul { padding: 0; margin: 0; list-style: none; }
.site_info ul li{ margin-bottom:20px }
.site_info ul li a { color: #F5F5F5; text-decoration: none; }
.site_info ul li a i { color: #F0BB28; margin-right: 22px; font-size: 20px; }




    .nav_left.bottom_nav { margin-top: 53px; }

    .footer_copyright { border-top: 1px solid #E6E6E6; margin-top: 20px; padding: 15px 0; float: left; width: 100%; }
    .footer_copyright .row { align-items: center; }
    .nav_left ul li a { padding-top: 0; padding-bottom: 0; color: #F5F5F5; }
    .nav_left ul li:first-child a { padding-left:0; }
    .bottom_right { text-align: right; color: #C2C2C2; }
    .bottom_right span,.bottom_right a{ font-weight:800; color:#C5902A; text-decoration:none; }

/*FOOTER AREA*/




.inner_banner{ float:left; width:100%; background-repeat:none; background-size:cover !important; }
.inner_banner .container-fluid { padding: 0; }
.inner_banner .row { margin: 0; }
.inner_banner .row .col-md-12 { padding: 0; }

.banner_content { float: left; width: 100%; height: 378px; position: relative; overflow: hidden; display: flex; align-items: center; }
.banner_content .banner_text { padding-top: 90px; }
.banner_content img { width: 100%; }
.banner_content h2 { font-size: 60px; font-weight: 700; color: #FFFFFF; margin: 0; }
.banner_content p{ font-weight:700; margin:0; color:#fff; }




.form_wrapper{ float:left; width:100%; padding:50px 0px; background:url(../images/bg5.svg) no-repeat; background-position: left bottom; }
.form_div { padding:0 165px; }
.form_title { text-align: center; margin-bottom: 30px; }
.form_title h2 { font-size: 36px; font-weight: 600; }
.form_div .filed_loop { float: left; width: 100%; margin-bottom: 15px; }
.form_div .filed_loop label { float: left; width: 100%; font-size: 18px; margin-bottom: 5px; padding-left: 5px; position:relative; font-family:"Frank Ruhl Libre", serif; }
.form_div .filed_loop input { color: #737373; border-radius: 5px; border: 1px solid #D8D8D8; height: 50px; width: 100%; padding: 0 10px; }
.form_div .filed_loop select { background: #fff; color: #737373; border-radius: 5px; border: 1px solid #D8D8D8; height: 50px; width: 100%; padding: 0 10px; }
.form_div .filed_loop textarea { color: #737373; border-radius: 5px; border: 1px solid #D8D8D8; height: 170px; resize: none; width: 100%; padding:10px; }
.form_div form .btn.btn_black { margin: 30px auto 0; display: block; font-weight: 700; font-size: 18px; width: 300px; height: 50px; }



.social-block { width: 100%; }
.social-title { margin: 0 0 18px; font-size: 18px; font-weight: 600; color: #C5902A; }
.social-options { display: grid; align-items: center; grid-template-columns: repeat(5, 1fr); }
.social-options.terms { display: flex; }
.social-item { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; font-size: 18px; font-weight: 400; color: #2F2D2B; padding-left: 0 !important; margin: 0 !important; }
.social-item .text{ color:#606060; }

/* Hide native checkbox but keep accessible */
.social-item input { position: absolute; opacity: 0; pointer-events: none; }
.social-item .box { width: 22px; height: 22px; border: 2px solid #e6e6e6; border-radius: 6px; background: #fff; display: inline-block; position: relative; }
/* Checked state */
.social-item input:checked + .box {  border-color: #c58a1a; }
.social-item input:checked + .box::after { content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 12px; border: solid #c58a1a; border-width: 0 3px 3px 0; transform: rotate(45deg); }
/* Keyboard focus */
.social-item input:focus + .box { box-shadow: 0 0 0 3px rgba(197, 138, 26, 0.25); }


.attach-wrapper { width: 100%; margin: 0; }
.attach-label { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #111; }
.attach-box { display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; border: 1px solid #E6E6E6; border-radius: 5px; background-color: #fff; cursor: pointer; transition: border-color 0.3s ease; height: 50px; position: relative; }

.attach-box:hover { border-color: #E6E6E6; }
.attach-placeholder { color: #737373; }
.attach-icon { font-size: 18px; color: #c48a2c; /* golden icon like Figma */ cursor: pointer; }

.form_div .filed_loop .attach-box .attach-icon { width: auto; padding: 0; margin: 0; position: absolute; right: 0; width: 100%; text-align: right; padding-right: 10px; }
.ms-card .ms-title { font-weight: 600; font-size: 24px; text-decoration: underline; margin-bottom: 25px; }
.mscard .ms-title { font-size: 30px; font-weight: 600; color: #C5902A; margin: 0 0 20px 0; }
.ms-question{ display: flex; align-items: center; gap: 45px; padding-bottom: 5px; border-bottom: 1px solid #F6F6F6; }
.ms-qtext{ margin: 0; color: #2F2D2B; font-size: 18px; color:var(--primary-color); font-weight:600; font-family: "Frank Ruhl Libre", serif; }
.ms-radio{ display: flex; align-items: center; }
.ms-radio-item{ display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; margin-right: 80px; }
.ms-radio-item:last-child{ margin-right:0; }
.ms-radio-item input{ position: absolute; opacity: 0; pointer-events: none; }
.ms-radio-ui{ width: 20px; height: 20px; border-radius: 5px; border: 1px solid #D9D9D9; display: inline-block; box-sizing: border-box; background: #fff; position: relative; }
.ms-radio-item input:checked + .ms-radio-ui{ border-color: #C5902A; }
.ms-radio-item input:checked + .ms-radio-ui::after { content: ""; position: absolute; border-radius: 5px; background: #C5902A; width: 15px; height: 15px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.ms-hint{ margin: 5px 0 20px; font-size: 14px; color: #2F2D2B; font-weight: 400; }
.ms-hint b { color: #C5902A; font-weight: 700; } 



.ms-radio-item span { font-weight: 400; color: #2F2D2B; }


/*.heading_text { background: #F5F5F5; border-radius: 10px; color: #C5902A; font-size: 30px; font-weight: 600; padding: 17px 20px; margin-bottom: 30px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }*/

.heading_text { margin-bottom: 30px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 24px; font-weight: 600; color: #2D2D2D; text-decoration: underline; }
.heading_text i{ font-size: 20px; color:#130C0D; }


.accordion-header{ cursor: pointer; display: flex; align-items: center; justify-content: space-between; } 
.accordion-header i{ transition: transform .25s ease; } 
/* SMOOTH BODY */
.accordion-body{ overflow: hidden; max-height: 0; transition: max-height 0.45s ease; } 
.accordion-header.active i{ transform: rotate(180deg); } 


.form_div .filed_loop.desc { display: flex; align-items: center; gap: 30px; }
.form_div .filed_loop.desc label  { width: auto; margin: 0; padding: 0; white-space: nowrap; }
.form_div .filed_loop.desc input { border: none; border-bottom: 1px solid #000000; border-radius: 00; height: auto; }

.form_div .filed_loop.two_col .social-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.form_div .filed_loop.two_col .social-item input[type="text"] { position: inherit; opacity: 1; height: auto; border-radius: 0; border: none; border-bottom: 1px solid #000000; width: 80%; }
.form_div .filed_loop.two_col .social-title { color: #2F2D2B; font-size: 18px; font-weight: 400; }

.form_div .filed_loop.two_col.sec .social-options{ grid-template-columns: repeat(1, 1fr); }
.form_div .filed_loop.two_col.sec .social-item input[type="text"]{ width:90%; }
.form_div  .single_grid .social-options{ grid-template-columns: repeat(1, 1fr); display:grid; margin-top:10px; }


.downloade_area { float: left; width: 100%; }
.downloade_area .row { border-radius: 30px; background: #FCF8F0; padding: 24px; align-items: center; }
.downloade_area .left_area{ padding-right:175px; }
.downloade_area .left_area h3 { font-size: 35px; color: var(--primary-color); }
.downloade_area .left_area ul { padding: 0; list-style: none; display: flex; align-items: center; gap: 17px; }


.downloade_area .right_img img { width: auto; display: block; margin: 0px auto -50px; }
.border-top.border-light.border-opacity-25.py-3.text-center { border-top-color: #fff !important; }
.cw-footer{ background:#070707; overflow:hidden; float: left; width: 100%; }

.cw-z{ z-index: 2; }

.cw-footer__bg{ background: url("../images/footer-img.png") center/cover no-repeat; opacity:.45; transform: scale(1.02); }

.cw-footer__overlay{
  background:
    radial-gradient(1200px 400px at 50% 30%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,.92));
}

.cw-subtitle{ font-size: 1.15rem; letter-spacing: .2px; }
.cw-subscribe{ border:1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(255,255,255,.08); backdrop-filter: blur(6px); overflow:hidden; }
.cw-input{ background: transparent !important; border: 0 !important; color:#fff !important; height: 48px; }
.cw-input::placeholder{ color: rgba(255,255,255,.7); }

.cw-btn{ width:56px; height:48px; border:0; background: rgba(199,154,58,.18); color:#c79a3a; transition: background .25s ease-in-out, transform .25s ease-in-out; }
.cw-btn:hover{ background: rgba(199,154,58,.26); transform: translateY(-1px); }
.cw-logo{ width:58px; height:58px; object-fit: contain; border-radius: 50%; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.cw-worldwide{ color:#c79a3a; letter-spacing: 2px; }
.cw-desc{ max-width: 420px; line-height: 1.7; color: #fff; }
.cw-title{ color:#c79a3a; font-weight: 700; }
.cw-link{ color: #fff; text-decoration:none; transition: color .25s ease-in-out, transform .25s ease-in-out; display:inline-block; font-size: .95rem; }
.cw-link:hover{ color:#fff; transform: translateX(2px); }
.cw-social{ width:38px; height:38px; border-radius: 50%; display:grid; place-items:center; background:#fff; color:#111; text-decoration:none; font-weight:800; transition: transform .25s ease-in-out, opacity .25s ease-in-out; }
.cw-social:hover{ transform: translateY(-3px); opacity:.92; }
.cw-ico{ width:22px; transform: translateY(1px); }
.cw-addr{ color: #fff; line-height: 1.6; }
.cw-badge{ color:#c79a3a; font-weight: 800; }
.cw-gold{ color:#c79a3a; }




.cw-card{ position: relative; display: block; height: 100%; border-radius: 10px; overflow: hidden; text-decoration: none; transition: transform .35s ease-in-out, box-shadow .35s ease-in-out; }
.cw-card img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.cw-card-big{ min-height: 520px; }
.cw-card:not(.cw-card-big){ min-height: 250px; }
.cw-card:hover{ transform: translateY(-10px); }
/* bottom overlay */
.cw-overlay { position: absolute; right: 0; bottom: 10px; padding: 20px; background: #2D2D2D; color: #fff; width: 97%; left: 50%; transform: translateX(-50%); border-radius: 10px; }
.cw-overlay h3,.cw-overlay h4{ margin: 0 0 0px; font-weight: 700; }
.cw-overlay p{ font-size: 14px; line-height: 1.6; margin-bottom: 10px; color: #fff; }
.cw-overlay .cw-link{ color:var(--primary-color); font-weight:600; }
@media (max-width: 991px){
  .cw-card-big{ min-height: 420px; }
}



.tab_navigation { margin-top: 50px; }
.tab_navigation ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; }
.tab_navigation ul li { font-size: 14px; text-align: center; color: #D3D3D3; font-weight: 600; font-family: "Frank Ruhl Libre", serif; position: relative; width: 16.667%; }
.tab_navigation ul li span { width: 60px; height: 60px; background: #D3D3D3; border-radius: 50px; align-items: center; display: flex; justify-content: center; font-size: 30px; font-weight: 600; color: #fff; margin: 0px auto 10px; }
.tab_navigation ul li::after { position: absolute; content: ""; background: url("../images/arrow.svg") no-repeat; width: 130px; height: 12px; top: 33%; left: 100%; transform: translate(-50%,-50%); background-size:100%; }
.tab_navigation ul li:last-child::after { display:none; }
.tab_navigation ul li.active { color: #C08D29; }
.tab_navigation ul li.active span{ background:#C08D29; }



.left_right { float: left; width: 100%; margin-top: 50px; }

.vision_mission { float: left; width: 100%; margin-top: 50px; }
.vision_mission .left_side { padding-left: 20px; }
.vision_mission h2 { font-size: 35px; margin: 0; }
.vision_mission .row { margin: 0; background: #F7F7F7 url("../images/bg6.svg") no-repeat; border-radius: 20px; padding-top: 30px; padding-bottom: 30px; background-position: center center; }
.vision_mission .row img { height: auto; }
.vision_mission .row ul { list-style: none; padding: 0; margin: 0; }
.vision_mission .row ul li { display: flex;  margin-bottom: 10px; }
.vision_mission .row ul li:last-child { margin:0; }
.vision_mission .row ul li span { font-weight: 600; color: var(--primary-color); min-width: 75px; }




.abjective_wrapper { float: left; width: 100%; margin-top: 50px; }
.abjective_wrapper .left_img img { width: 100%; height: 350px; object-fit: cover; }
.abjective_wrapper .row { background: #2D2D2D; align-items: center; margin: 0; }
.abjective_wrapper .row .col-md-4 { padding-left: 0; }
.abjective_wrapper .left_img img { width: 100%; }
.abjective_wrapper .right_content { color: #fff; padding:15px 30px 15px 30px; }
.abjective_wrapper .right_content h2 { color: var(--primary-color); font-size: 35px; }
.abjective_wrapper .right_content ul { margin: 0; padding: 0; list-style: none; }
.abjective_wrapper .right_content ul li { margin-bottom: 10px; background: url("../images/star.svg") no-repeat; background-position:0px 5px; padding-left: 25px; }
.abjective_wrapper .right_content ul li:last-child { margin-bottom: 0px; }


.team_area { float: left; width: 100%; margin-top: 50px; }
.team_loop { float: left; width: 100%; }
.team_loop img { width: 100%; border-radius: 10px; }
.team_loop .team_info { float: left; width: 100%; margin-top: 10px; }
.team_loop .team_info h2 { font-size: 20px; margin: 0; color: var(--primary-color); }
.team_loop .team_info h2 span { font-weight: 400; font-size: 16px; }
.team_loop .team_info p { margin: 0; font-size: 15px; }


.team_area.bg .row { background: #F7F7F7; margin: 0; padding: 30px; border-radius: 20px; }
.team_area.bg.col_5 .row { padding-left: 0; padding-right: 0; }
.team_area.bg .row .row.row-cols-5 { padding: 0; }
.team_area.bg .row .row.row-cols-5 .team_loop { margin-bottom: 20px; }
.team_area.bg .row .row.row-cols-5 .team_loop .team_info h2{ font-size:20px; color:#2D2D2D; margin-bottom:5px; }
.team_area.bg .row .row.row-cols-5 .team_loop .team_info p{ color:var(--primary-color); line-height:18px; }



.pac_wrapper { float: left; width: 100%; margin-top: 50px; }
.pac_wrapper .pac_text { border: 1px solid var(--primary-color); border-radius: 10px; padding:50px 20px 40px 20px; position: relative; background: url("../images/map.svg") no-repeat; height: 100%; }
.pac_wrapper .pac_text .slanted-box { position: absolute; top: -23px; display: flex; align-items: center; padding: 0 70px 0 30px; color: #fff; height: 45px; background: #1f1f1f; clip-path: polygon( 0 0, 95% 0, 100% 100%, 0 100%); }
.pac_wrapper .pac_text .slanted-box h2{ font-size:24px; margin:0; }
.pac_wrapper .pac_text ul { padding: 0; margin: 0; list-style: none; }
.pac_wrapper .pac_text ul li { margin-bottom: 10px; background: url("../images/star.svg") no-repeat; background-position:0px 5px; padding-left: 25px; }
.pac_wrapper .pac_text ul li:last-child{ margin:0; }


.flag_list { float: left; width: 100%; margin-top: 50px; }
.flag_loop { text-align: center; border: 1px solid #E2E2E2; }
.flag_loop a { text-decoration: none; display: block; padding: 20px 0; }
.flag_loop a img { width: 50px; height: 50px; background: green; border-radius: 50px; }
.flag_loop a .name { color: #2D2D2D; margin-top: 10px; }



.row-cols-7-custom > * { flex: 0 0 auto; width: 14.2857%; margin-bottom: 10px; }



.pac_wrapper.flag_loop_area .pac_text{ background:#F5F5F526 url("../images/bg.png"); }
.pac_wrapper .pac_text.two_col{ background:url("../images/bg9.png"); }
.pac_wrapper .pac_text.two_col ul { padding-bottom: 20px; float: left; width: 100%; }
.pac_wrapper .pac_text.two_col ul li { width: 50%; float: left; }




.reg_area { margin-top:80px; float:left; width:100%; }
.reg_area .row { margin: 0px; background: #FCF8F0 url("../images/s.svg") no-repeat; border-radius: 10px; padding: 100px 0 30px; }
.loop_reg { background: #FCF8F0; float: left; width: 100%; border: 1px solid var(--primary-color); border-radius: 10px; text-align: center; padding: 70px 0 40px 0; position: relative; }
.loop_reg span { width: 100px; height: 100px; position: absolute; background: var(--primary-color); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 700; color: #fff; top: -50px; left: 50%; transform: translateX(-50%); }
.loop_reg h2 { margin: 0; font-size: 22px; font-family: var(--font-karla); }


.col-md-4:nth-child(-n+3) .loop_reg { margin-bottom: 80px; }


.text_title { width: 600px; height: 60px; margin: 0px auto; background: #2D2D2D; position: relative; clip-path: polygon( 6% 0%, 94% 0%, 100% 100%, 0% 100% ); z-index: 999999; top: -130px; display: flex; align-items: center; justify-content: center; }
.text_title::before { content: ""; position: absolute; inset: -8px; clip-path: polygon( 6% 0%, 94% 0%, 100% 100%, 0% 100%); z-index: -1; }
.text_title h2 { margin: 0; font-size: 24px; color: #fff; }


.networking_wrapper { float: left; width: 100%; margin: 50px 0; }
.networking_wrapper .right_listing ul { padding: 0; margin: 0; list-style: none; }
.networking_wrapper .right_listing ul li { margin-bottom: 10px; background: url("../images/star.svg") no-repeat; background-position: 0px 5px; padding-left: 25px; }
.networking_wrapper .left_img img { width: 100%; background: red; border-radius: 20px; }



.benifits_wrapper { float: left; width: 100%; margin-top: 50px; }
.benifits_wrapper .row { margin: 0; background: var(--primary-color); border-radius: 10px; }
.benifits_wrapper .row .content_listing { color: #fff; padding: 40px 40px 20px 40px; float:left; width:100%; }
.benifits_wrapper .row .content_listing h2 { text-align: center; margin: 0 0 20px; font-size: 40px; }
.benifits_wrapper .row .content_listing ul { margin: 0; float: left; padding: 0; list-style: none; }
.benifits_wrapper .row .content_listing ul li { width: 50%; float: left; margin-bottom: 10px; background: url("../images/star.svg") no-repeat; background-position: 0px 5px; padding-left: 25px; filter: brightness(0) invert(1); }



.contact_top { float: left; width: 100%; margin-top: 50px; }
.contact_loop { background: #FBFBFB; padding: 50px; border-radius: 20px; border: 1px solid var(--primary-color); height: 100%; }
.contact_loop h2 { font-size: 24px; margin-bottom: 10px; }
.contact_loop p { margin: 0; }


.contact_from_wrapper { float: left; width: 100%; margin: 50px 0px; }
.contact_from_wrapper .row.psd { margin: 0; background: #FCF8F0 url("../images/bg5.svg") no-repeat; background-position: left bottom; background-size: 25%; padding: 50px; border-radius: 20px; }

.right_form { float: left; width: 100%; }
.contact_top .col-md-6 { margin-bottom:20px; }
.right_form .field_loop { float: left; width: 100%; margin-bottom: 10px; }
.right_form .field_loop label { float: left; width: 100%; padding-left: 5px; font-size: 18px; color: #2D2D2D; font-family: "Frank Ruhl Libre", serif; }
.right_form .field_loop input { width: 100%; height: 50px; border: 1px solid #D8D8D8; padding: 10px; color: #737373; border-radius: 5px; }
.right_form .field_loop textarea { width: 100%; height: 100px; border: 1px solid #D8D8D8; padding: 10px; color: #737373; border-radius: 5px; resize: none; }
.right_form .btn.btn_black { width: 224px; }


.contact_from_wrapper .left_contact p a { color: var(--primary-color); }

.speakers_wrapper{ width:100%; float:left; margin-top:50px; }
.specker_loop { border: 3px solid #C08D29; background: #C08D29; text-align: center; border-radius: 12px; margin-bottom: 25px; }
.specker_loop img { width: 100%; height: 225px; object-fit: cover; border-radius: 10px; }
.specker_loop p { margin: 0; color: #fff; font-weight: 700; padding: 10px 0 15px 0; }

.cards_loop { float: left; width: 100%; margin-top: 20px; }
.cards_loop .row { border-radius: 20px; background: #FCF8F0; padding: 40px; }
.cards_loop .row .mem_loop{ margin-bottom:0px; }
.cards_loop .row .mem_loop img{ position:relative; z-index:11; }
.cards_loop .row .mem_loop .img::after{ z-index:1; }
.cards_loop .row .card_right h2{ font-size:30px; color:var(--primary-color); }

.card_block_wrapper { float: left; width: 100%; margin: 50px 0 40px 0; }
.card_block_wrapper .col-md-6:nth-child(2n) .card_block { float:right; }
.card_block { background: var(--primary-color); text-align: center; border-radius: 20px; color: #fff; padding: 50px; position:relative; width:95%; margin:0px auto; }
.card_block::after { position: absolute; content: ""; background: #2D2D2D; top: 30px; left: -30px; width: 100%; height: 100%; z-index: -1; border-radius: 20px; }
.card_block h2 { margin-bottom: 40px; font-size:35px; }
.card_block .btn.btn_black { background: #FFFFFF; color: #C08D29 !important; }
.card_block .btn.btn_black:hover { background: #2D2D2D; color: #fff !important; }




.event_clander_area { float: left; width: 100%; }
.event_clander_area .col-md-6 { margin-bottom: 50px; }
.event_clander_area .col-md-6:last-child,.event_clander_area .col-md-6:nth-last-child(2) { margin-bottom: 0px; }


.event_loop { display: flex; gap: 30px; border-bottom: 5px solid #E6E6E6; padding-bottom: 20px; height:100%; }
.event_loop .left_content{ flex: 1.5; }
.event_loop .left_content span { float: left; width: 100%; margin-bottom: 10px; }
.event_loop .left_content span.btn_type { width: auto; background: #C08D29; color: #fff; border-radius: 20px; font-size: 14px; height: 22px; padding: 0 15px; }
.event_loop .location { float: left; width: 100%; margin-bottom: 2px; }
.event_loop .left_content h2{ font-size:20px; color:var(--primary-color); }
.event_loop .left_content p{ float:left; width:100%; margin-bottom:20px; }
.event_loop .right_img{ flex: 1; }
.event_loop .right_img img{ height:185px; }




.galler_wrapper{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: stretch; }
.galler_loop{ position: relative; overflow: hidden; border-radius: 14px; background: #f3f3f3; height: 190px; width: 250px; }
.galler_loop img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.galler_loop:hover img{ transform: scale(1.05); }
.galler_loop:nth-child(1),.galler_loop:nth-child(8),.galler_loop:nth-child(9),.galler_loop:nth-child(16),.galler_loop:nth-child(17){ grid-column: span 2; width: auto; }
@media (max-width: 992px){
  .galler_wrapper{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px){
  .galler_wrapper{ grid-template-columns: repeat(2, 1fr); }
  .galler_loop{ height: 140px; }
  .galler_loop:nth-child(1),
  .galler_loop:nth-child(8),
  .galler_loop:nth-child(11),
  .galler_loop:nth-child(13){
    grid-column: span 2; /* full row on mobile */
  }
}

@media (max-width: 480px){
  .galler_wrapper{ grid-template-columns: 1fr; }
  .galler_loop{ height: 180px; }
  .galler_loop{ grid-column: auto !important; }
}


.ceo_talk.bgs { background: #2D2D2D; border-radius: 10px; position: relative; color: #fff; padding-bottom: 50px; padding-top: 280px; margin-top: 270px; }
.ceo_talk.bgs .talk_loop img { border-radius: 15px; }
.ceo_talk.bgs .talk_loop a h2{ color:#fff; }
.ceo_talk.bgs .btn.btn_black { border: 2px solid var(--primary-color); }

.ceo_talk.bgs .videos_wrapper { position: absolute; top: -220px; }


@media (max-width: 767px){
    
    .downloade_area .left_area { padding-right: 0; }
    .downloade_area ul li img { width: 75px; }
    .downloade_area .right_img img { width: 100%; height: auto; }

    .contact_wrapper .heading { padding: 0 20px; }

    .downloade_area .left_area h3 { font-size: 30px; }

    .banner_content { padding: 100px 0 50px; height: 200px; }
    .inner_banner{ background-size:100% 100% !important; }
    .banner_content .banner_text { padding-top: 0; }

    .ceo_talk{ padding-top: 30px; margin-top: 30px; }

    .ceo_talk.bgs{ padding-top:20px; margin-top:20px; }
    .ceo_talk.bgs .videos_wrapper { position: inherit; }
    .ceo_talk.bgs .videos_wrapper img { width: 100%; }
   .ceo_talk.bgs .heading.text-center { margin-top: 30px; }


   .pac_wrapper .pac_text .slanted-box{ padding:0 30px 0 30px; }
   .pac_wrapper .pac_text .slanted-box h2 { font-size: 18px; }
   .pac_wrapper .pac_text.two_col ul li { width: 100%; }

   .text_title { width: 100%; padding: 0 40px; }
   .col-md-4 .loop_reg { margin-bottom: 40px !important; }

   .pac_wrapper .col-md-6:nth-child(1) { margin-bottom: 50px; }
   .benifits_wrapper .row .content_listing{ padding:20px; }
   .benifits_wrapper .row .content_listing h2{ font-size:24px; }
   .benifits_wrapper .row .content_listing ul li{ width:100%; }

   .networking_wrapper .left_img { margin-bottom: 30px; }

   .galler_wrapper{ display:block; }
   .galler_loop { height: 180px; width: 49% !important; float: left; display: block; margin-bottom: 7px; }
   .galler_loop:nth-child(2n) { float: right; }

   .row.row-cols-5.justify-content-center .col { width: 50%; padding: 0 5px; }
   .contact_top .col-md-4{ margin-bottom:20px; }
   .contact_from_wrapper .row.psd,.contact_loop{ padding:20px; }

   .left_img img { width: 100%; margin-bottom: 15px; }


    #header .row > * { width: auto; }

    #header .logo { text-align: left; }
    #header .row.justify-content-md-between{ justify-content:space-between !important; }

    #header .row .col:last-child { display: none; }

}
    .faq_wrapper{ margin-bottom:20px; }
    .faq_wrapper .row.reveal{ margin-bottom:20px; }
    .faq_loop { border: 2px solid #C08D29; border-radius: 20px; padding: 30px; background: #FBFBFB; }
    .faq_loop h2 { font-size: 24px; margin-bottom: 15px; }
    .faq_loop p:last-child{ margin:0; }

    .left_heading h2 { font-size: 30px; margin: 0; }

    .projects_wrapper .row.reveal { margin-bottom: 50px; }
    .projects_wrapper .row.reveal span { margin-bottom: 0; }