/*======================================================================
Site Name: VSPL Source Code
Theme URI: Velocis 
Description: this site is developed by Velocis
Version: v5.3.3
Author: Web Team
------------------------------------------------------------------------
Base Color: #93479B, #EDFCFF
Btn Color:  #FF2661, #00C1C1
Card Hover: linear-gradient(to bottom, #93479B, #13007F)
Text Color: #283746, #000000, #000000cc, #ffffff
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1320px
Responsive Layout: Yes
=======================================================================*/
/* Table of Contents:
 * 1- Reset CSS
 * 2- Structure
 * 3- button css
 * 4- header
   4.1- Accesbility Control
     4.1.1- Dark Contrast
     4.1.2- Invert
     4.1.3- Saturation
     4.1.4- Highlight Links
     4.1.5- Hide Images
     4.1.6- Default Cursor
 * 5- carosule section
   5.1- carosule indicator
   5.2- carosule content
 * 6- start global cooperative & upcoming activities
   6.1- Gloabl Cooperative
   6.2 Upcoming activities
 * 7- filter css
 * 8- event css
 * 9- past activites
 * 10- objective
 * 11- our minister
 * 12- cooperative impact
 * 13- ministry of cooperation
 * 14- footer  
   14.1- brand carosule
   14.2- footer content
 * 15- inner list page
   15.1- banner and bredcurm css
   15.2- table css
 * 16- events details  
 * 17- Responsive
   17.1- Common mobile and tab responsive
   17.2- mobile responsive
   17.3- tab responsive
   17.4- other screens
*/

/* 1- Reset CSS */
:root {--OneColor:#FF2661;--TwoColor:#00C1C1;--ThreeColor:#93479B;--FourColor:#EDFCFF;--FiveColor:linear-gradient(to bottom, #93479B, #13007F);;--SixColor:#283746;--SevenColor:#000000;--EightColor:#000000cc; --NineColor:#ffffff;  }
body{font-family:'Raleway';background-color:#fff}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}li{list-style:none}
@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:400;src:url('../css/fonts/caveat-v22-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:500;src:url('../css/fonts/caveat-v22-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:600;src:url('../css/fonts/caveat-v22-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:700;src:url('../css/fonts/caveat-v22-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:100;src:url('../css/fonts/raleway-v36-latin-100italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:200;src:url('../css/fonts/raleway-v36-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:200;src:url('../css/fonts/raleway-v36-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:300;src:url('../css/fonts/raleway-v36-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:300;src:url('../css/fonts/raleway-v36-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url('../css/fonts/raleway-v36-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:400;src:url('../css/fonts/raleway-v36-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:500;src:url('../css/fonts/raleway-v36-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:500;src:url('../css/fonts/raleway-v36-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:600;src:url('../css/fonts/raleway-v36-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:600;src:url('../css/fonts/raleway-v36-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:700;src:url('../css/fonts/raleway-v36-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:700;src:url('../css/fonts/raleway-v36-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:800;src:url('../css/fonts/raleway-v36-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:800;src:url('../css/fonts/raleway-v36-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:900;src:url('../css/fonts/raleway-v36-latin-900italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:url('../css/fonts/roboto-v48-latin-100.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:url('../css/fonts/roboto-v48-latin-100italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:200;src:url('../css/fonts/roboto-v48-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:200;src:url('../css/fonts/roboto-v48-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url('../css/fonts/roboto-v48-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:url('../css/fonts/roboto-v48-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url('../css/fonts/roboto-v48-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url('../css/fonts/roboto-v48-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url('../css/fonts/roboto-v48-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:url('../css/fonts/roboto-v48-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:600;src:url('../css/fonts/roboto-v48-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:600;src:url('../css/fonts/roboto-v48-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url('../css/fonts/roboto-v48-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:url('../css/fonts/roboto-v48-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:800;src:url('../css/fonts/roboto-v48-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:800;src:url('../css/fonts/roboto-v48-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url('../css/fonts/roboto-v48-latin-900.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:url('../css/fonts/roboto-v48-latin-900italic.woff2') format('woff2')}

/* 2- Structure */
.custom-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.custom-container{max-width:640px}}@media (min-width:768px){.custom-container{max-width:892px}}@media (min-width:1024px){.custom-container{max-width:1191px}}@media (min-width:1280px){.custom-container{max-width:1280px}}@media (min-width:1536px){.custom-container{max-width:1370px}}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}
@media(min-width:576px){.container,.container-sm{max-width:540px}}
@media(min-width:768px){.container,.container-md,.container-sm{max-width:720px}}
@media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}
@media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}

/*3- button css  */
.btn{font-family:'Roboto'}.btn_style{padding:10px 20px;background:var(--OneColor);color:var(--NineColor);border:0;border-radius:100px;font-size:14px;font-family:'Roboto';text-transform:uppercase;font-weight:500;transition:.4s ease-in-out;display: flex;align-items: center;}.blue_btn,.btn_style:hover, .blue_btn,.btn_style:focus{background:var(--TwoColor);color:var(--EightColor)}.btn_style:hover, .btn_style:focus{transition:.4s ease-in-out;box-shadow:#00b5b54a 0 3px 8px}.blue_btn:hover, .blue_btn:focus{background:var(--OneColor);color:var(--NineColor);box-shadow:#ff266166 0 3px 8px}
 
/* 4- header  */
.bright_btn,.icons span{color:var(--SevenColor)}.navbar_custom .navbar-brand{display:flex;align-items:center;gap:16px;padding:0}.navbar_custom .navbar-brand .logo_text{display:flex;flex-direction:column;align-items:start;font-size:14px;font-family:'Roboto';font-weight:600;line-height:24px}.header_padding.scrolled{background:#fff;border-bottom:1px solid #00000017}.navbar_custom .navbar-brand .logo_text span{font-size:12px}.navbar_custom .navbar-brand img{width:60px;height:60px;object-fit:contain}.navbar_custom .navbar-nav{gap:10px}.navbar_custom .navbar-nav li a.active,.navbar_custom .navbar-nav li a:hover,.navbar_custom .navbar-nav li a:focus{font-weight:600;color:var(--SixColor)}.navbar_custom .navbar-nav li a:focus{box-shadow:none}.navbar_custom .navbar-nav li a{font-size:14px;line-height:1.5rem;font-weight:500;transition:.2s ease-in-out;color:var(--EightColor);border-radius:.5rem;cursor:pointer;font-family:'Roboto'}.header_padding{position:relative;z-index:9;transition:top 0.3s ease}.header_padding.scrolled{position:sticky;top:0;left:0;right:0;z-index:9999;-webkit-box-shadow:0 5px 16px rgb(0 0 0 / .1);box-shadow:0 5px 16px rgb(0 0 0 / .1);-webkit-animation:slideDown 0.35s ease-out;animation:slideDown 0.35s ease-out}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.navbar_custom{transition:background .3s,backdrop-filter .3s;background:var(--NineColor);padding:8px 15px;border-radius:100px;margin-top:20px}.navbar_custom .navbar-nav li a:hover{background:#ffffff0d;transition:.2s ease-in-out}.right_section .bright_btn:hover{background:var(--ThreeColor);transition:.2s ease-in-out;box-shadow:none!important}.bright_btn{background:var(--TwoColor);border:0}.right_section{display:flex;align-items:center;gap:19px}.icons span{background:var(--OneColor);backdrop-filter:blur(34px);-webkit-backdrop-filter:blur(34px);padding:.35rem;border-radius:.5rem;cursor:pointer}.only_mobile_view{display:none!important}.color_toggle_mobile{display:none}.header_padding.scrolled .navbar_custom{padding:8px 0;margin:0}
.logo-moc-brand { text-align: center; color: #000; font-weight: bold; }
.logo-moc-brand img { width: 60px; }


/* 4.1- Accesbility Control */
.accesbality_icons .grid_accesblity_cntrl{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;margin-bottom:0;gap:20px;text-align:center}.accesbality_icons .dropdown{position:relative}.accesbality_icons .dropdown .dropdown_cust_menu{background:var(--NineColor);max-width:180px;white-space:normal;font-size:12px}.accesbality_icons .dropdown .dropdown_cust_menu .inner_list li{border-bottom:1px dashed #f1f1f1}.grid_accesblity_cntrl p{font-size:14px}.grid_accesblity_cntrl .inner_box_acces{width:100%;border:1px solid #80808040;padding:5px;border-radius:5px;transition:.2s ease-in-out}.grid_accesblity_cntrl .inner_box_acces:hover{background:var(--TwoColor);transition:.2s ease-in-out}.grid_accesblity_cntrl .inner_box_acces.active{background:var(--TwoColor)}.custom_offcanvas_modal h5#offcanvasRightLabel{font-size:16px;display:flex;align-items:center;gap:5px}.custom_offcanvas_modal h5#offcanvasRightLabel svg{width:20px;margin:0!important}.custom_offcanvas_modal .offcanvas-header{display:flex;align-items:center;justify-content:space-between}.custom_offcanvas_modal .offcanvas-header button.btn-close{font-size:10px}.custom_offcanvas_modal h5#offcanvasRightLabel svg path{fill:var(--SixColor)}.custom_offcanvas_modal{z-index:99999}.offcanvas_accsbility .offcanvas-title {display: flex;align-items: center;gap: 5px;}.offcanvas_accsbility .offcanvas-title span{color: var(--EightColor) !important;}

/* 4.1.1- Dark Contrast */
:root.dark-mode{--OneColor:#ff0;--TwoColor:rgb(133, 235, 0);--ThreeColor:#353535;--FourColor:#1a2128;--FiveColor:linear-gradient(to bottom, #5c5c5c, #272727);--SixColor:#e9e9e9;--SevenColor:#ffffff;--EightColor:#fff;--NineColor:#000000}
.dark-mode body, .dark-mode .header_padding.scrolled{background: var(--NineColor);}
.dark-mode .logo_text, .dark-mode .navbar_custom .navbar-nav li a.active, .dark-mode .navbar_custom .navbar-nav li a:hover, .dark-mode .navbar_custom .navbar-nav li a:focus, .dark-mode .accesbality_icons a span, .dark-mode .header_padding.scrolled .accesbality_icons span, .dark-mode .title_card h5, .dark-mode .accesbality_icons .dropdown .dropdown_cust_menu .inner_list li a, .dark-mode .bread_crumbs a{color: var(--OneColor) !important;}
.dark-mode .accesbality_icons .dropdown .dropdown_cust_menu{background: var(--ThreeColor);}
.dark-mode .blue_btn, .dark-mode .btn_style:hover, .dark-mode .blue_btn, .dark-mode .btn_style:focus, .dark-mode .grid_templet_galery_footer a:hover, .dark-mode .grid_templet_galery_footer a:focus, .dark-mode .grid_accesblity_cntrl .inner_box_acces.active, .dark-mode .offcanvas_accsbility .active .icons_ span, .dark-mode .search span, .dark-mode .indicatior .carousel-control-next:hover span, .dark-mode .indicatior .carousel-control-prev:hover span, .dark-mode .indicatior .carousel-control-next:focus span, .dark-mode .indicatior .carousel-control-prev:focus span{color: var(--NineColor) !important;}
.dark-mode .header_padding.scrolled, .dark-mode .brand_carosule_bg, .dark-mode .accesbality_icons .dropdown .dropdown_cust_menu .inner_list li{border-color: #ffffff40;}
.dark-mode .filter_bg .forselect:after, .dark-mode .bg_counter .counter-container:after{background: #ffffff40;}
.dark-mode .date span, .dark-mode .forselect span{color: var(--TwoColor);}
.dark-mode .search span, .dark-mode .owl-nav button span, .dark-mode .btn_style:hover, .dark-mode .btn_style:focus{box-shadow: rgb(133 235 0 / 25%) 0 4px 12px !important;}
.dark-mode .bg_gloabl_coop:after{background: #1e1e1efa;}
.dark-mode .date_card{border-color: var(--OneColor);}
.dark-mode .past_activity_bg_top:hover .date_card, .past_activity_bg_top:focus .date_card{border-color: var(--TwoColor);}
.dark-mode #brand_carosule a img{    background: var(--SevenColor);padding: 8px;border-radius: 5px;}
.dark-mode .card_item:hover .content_card_inner .date p, .dark-mode .card_item:hover .content_card_inner .date span, .dark-mode .card_item:hover .content_card_inner h4, .dark-mode .card_item:focus .content_card_inner .date p, .dark-mode .card_item:focus .content_card_inner .date span, .dark-mode .card_item:focus .content_card_inner h4, .dark-mode .card_past_activites:hover .content_activites h4, .dark-mode .card_past_activites:hover .content_activites p, .dark-mode .card_past_activites:hover .forselect p, .dark-mode .card_past_activites:hover .forselect span, .dark-mode .card_past_activites:hover .title_card h5, .dark-mode .card_past_activites:focus .content_activites h4, .dark-mode .card_past_activites:focus .content_activites p, .dark-mode .card_past_activites:focus .forselect p, .dark-mode .card_past_activites:focus .forselect span, .dark-mode .card_past_activites:focus .title_card h5, .dark-mode .contant_objective p, .dark-mode .bg_counter, .dark-mode .bg_counter .counter-container, .dark-mode .footer_gallery .heading, .dark-mode .footer_links a, .dark-mode .visitor_count, .dark-mode .indicatior .carousel-control-next span, .dark-mode .indicatior .carousel-control-prev span, .dark-mode .content_right_banner span, .dark-mode .content_right_banner h2, .dark-mode .inner_page_title h4{color: var(--SevenColor);}
.dark-mode .content_right_banner h2 span{color: var(--TwoColor);}
.dark-mode .offcanvas_accsbility .icons_ span{color: var(--OneColor) !important;}
.dark-mode .card_past_activites:hover .title_card h5:after{background: var(--OneColor);}
.dark-mode .bg_copyright_footer, .dark-mode .offcanvas_accsbility , .dark-mode .accesbality_icons .dropdown .dropdown_cust_menu .inner_list li a:hover {background: var(--NineColor); color: var(--SevenColor);}
.dark-mode .offcanvas_accsbility  .btn-close{filter: invert(1);}
.dark-mode .content_card_inner{box-shadow: rgb(255 255 255 / 25%) 0 2px 5px;}
.dark-mode .custom_table tbody tr td{background: var(--ThreeColor);}
.dark-mode .custom_table thead tr th{background: var(--TwoColor);color: var(--NineColor);}
.dark-mode nav.custom_pagination ul li a{background: var(--TwoColor); color: var(--NineColor);}
.dark-mode nav.custom_pagination ul li a:hover{background: var(--NineColor); color: var(--SevenColor);}
.dark-mode .custom-toggler{filter: invert(1);}
/* 4.1.2- Invert */
.invert-filter{filter:invert(1)}

/* 4.1.3- Saturation */
.saturation-filter{filter:saturate(0.5)}

/* 4.1.4- Highlight Links */
.highlight-link .navbar_custom .navbar-brand, .highlight-link .accesbality_icons a span, .highlight-link .navbar_custom .navbar-nav li a, .highlight-link .navbar_custom .navbar-nav li a.active, .highlight-link .navbar_custom .navbar-nav li a:hover, .highlight-link .list_activites, .highlight-link .forselect select, .highlight-link .card_past_activites:hover, .highlight-link .card_past_activites:focus, .highlight-link .card_past_activites, .highlight-link .social_icons_custom a, .highlight-link .grid_templet_galery_footer a, .highlight-link .footer_links a{color: #ff0; background: #000;}
.highlight-link .blue_btn, .highlight-link .btn_style:hover, .highlight-link .blue_btn, .highlight-link .btn_style:focus, .highlight-link .btn_style, .highlight-link .indicatior .carousel-control-next, .highlight-link .indicatior .carousel-control-prev, .highlight-link .search span:hover, .highlight-link .search span:focus, .highlight-link .search span:focus-visible, .highlight-link .search span{background: #ff0; color: #000;}
.highlight-link .owl-nav button span, .highlight-link .owl-nav button span:hover{background: #ff0 !important; color: #000;}
.highlight-link .indicatior .carousel-control-next span, .highlight-link .indicatior .carousel-control-prev span{color: #000;}
.highlight-link .date p{color: #fff;}
.highlight-link .content_activity, .highlight-link .header_padding.scrolled .accesbality_icons span, .highlight-link .content_card_inner h4, .highlight-link .title_card , .highlight-link .content_pas_ac .forselect p, .highlight-link .content_activites h4, .highlight-link .content_activites p, .highlight-link .title_card h5, .highlight-link .forselect span{color: #ff0;}
.highlight-link .title_card h5:after{background: #ff0;}
.highlight-link .list_activites{border-color: #fff;}
.highlight-link .card_item .content_card_inner{background:  #000;}
.highlight-link .grid_accesblity_cntrl .inner_box_acces, .highlight-link .bread_crumbs a, .highlight-link .accesbality_icons .dropdown .dropdown_cust_menu .inner_list li a, .highlight-link nav.custom_pagination ul li a:hover{background: #000; color: #ff0;}
.highlight-link .grid_accesblity_cntrl .inner_box_acces.active, .highlight-link .custom-toggler, .highlight-link nav.custom_pagination ul li a{background: #ff0; color: #000;}
.highlight-link .grid_accesblity_cntrl .inner_box_acces.active span{color: #000;}
.highlight-link nav.custom_pagination ul li a:hover{border-color: #000;}

/* 4.1.5- Hide Images */
.hide-img img{visibility:hidden!important;opacity:0!important}

/* 4.1.6- Default Cursor */
.cursor-size{cursor: url('../images/cursor-size.svg'), auto !important}
.cursor-size a, .cursor-size button{cursor: url('../images/cursor-size-pointer.svg'), auto !important}

/* 5- carosule section css start  */
.custom-video-overlay.video_border{z-index:9;right:0;justify-content:end}.custom-video-overlay.video_border img{width:100%;height:100%}section.banner_overlap_top{position:relative;margin-top:0px;background:var(--ThreeColor)}.custom-video-wrapper{position:relative;width:100%;overflow:hidden}.custom-video{width:100%;min-height:auto;object-fit:cover;aspect-ratio:16/9;cursor:pointer;display:block}.custom-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:9}.custom-play-button{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;cursor:pointer;transition:transform .2s;z-index:9}.custom-play-button:hover,.custom-play-button:focus{transform:scale(1.1)}.custom-play-button img{width:42px;height:42px}.custom-play-button span{border:1px solid #fff;border-radius:50%;padding:7px;background:#00000067;backdrop-filter:blur(34px);-webkit-backdrop-filter:blur(34px);color:#fff}.custom-video-overlay.controls-overlay:hover,.custom-video-overlay.controls-overlay:focus{opacity:1!important}.custom-video-wrapper:before{content:"";background:#0000002e;width:100%;height:100%;display:block;position:absolute;top:0}

 /* 5.1- carosule indicator */
.indicatior{display:flex;position:absolute;bottom:20px;z-index:999;left:8%;gap:15px}.carousel-control-next,.carousel-control-prev,.indicatior .carousel-indicators{position:relative}.indicatior .carousel-indicators{margin:0;top:8px}.indicatior .carousel-indicators button{border-radius:50%;width:10px;height:10px;border:0}.indicatior .carousel-indicators button.active{border-radius:10px;background:var(--TwoColor);width:34px}.indicatior .carousel-control-next,.indicatior .carousel-control-prev{background:#363636;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:1}.indicatior .carousel-control-next:hover,.indicatior .carousel-control-prev:hover,.indicatior .carousel-control-next:focus,.indicatior .carousel-control-prev:focus{background:var(--TwoColor)}.indicatior .carousel-control-next span,.indicatior .carousel-control-prev span{color:var(--NineColor);font-size:18px}.indicatior .carousel-control-next:hover span,.indicatior .carousel-control-prev:hover span,.indicatior .carousel-control-next:focus span,.indicatior .carousel-control-prev:focus span{color:var(--SevenColor)}

 /* 5.2- carosule content  */
.content_right_banner{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;color:var(--NineColor);text-transform:uppercase;gap:19px;position:relative;width:80%;margin-top:-40px}.content_right_banner:after{content:"";background-image:url(../images/banner_content_design.png);width:110px;height:100px;background-repeat:no-repeat;position:absolute;top:26%;right:-25px;z-index:1}.content_right_banner p{font-family:Caveat;font-size:42px;font-weight:600;color:#fed617;z-index:9}.content_right_banner h2{font-size:60px;text-align:center;font-weight:700}.content_right_banner span{font-size:24px;font-weight:600;line-height:28px;font-style:italic}.content_right_banner h2 span{font-size:50px;text-align:center;font-weight:700;color:var(--TwoColor);text-shadow:1px 1px 0px #fff}
 
 /* 6- start global cooperative & upcoming activities section */
 /* 6.1- Gloabl Cooperative */
.bg_gloabl_coop:after{content:"";background:#fffffff0;display:block;width:100%;height:100%;position:absolute;top:0;z-index:0}.bg_gloabl_coop{background-image:url(../images/global-coperative-bg.png);background-repeat:no-repeat;width:100%;background-size:cover;position:relative}.content_cooperative{z-index:9;position:relative;padding:36px 0 20px}.heading{font-size:36px;font-weight:700;color:var(--SevenColor); text-align: left;}.content_cooperative p{font-size:16px;line-height:30px;font-weight:400;color:var(--EightColor);padding:20px 0;text-align:justify}

 /* 6.2- Upcoming activities */
.date p,.loc p{padding:0}.bgupcoming{background:var(--FourColor);margin-top:-48px;border-top-left-radius:50px;padding:84px 20px 20px;z-index:9;position:relative}.date_loc{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0!important}.date,.loc{display:flex;align-items:center;gap:5px}.date span,.loc span{font-size:14px}.date p,.loc p{font-weight:600;font-size:14px}.date p{color:var(--EightColor)}.date span{color:var(--ThreeColor)}.loc,.loc p{color:var(--OneColor)}.content_activity{font-family:Roboto;color:var(--EightColor);font-size:16px;font-weight:400;transition:0.2s ease-in-out}.list_activites:hover p.content_activity,.list_activites:focus p.content_activity{padding-left:5px;transition:0.2s ease-in-out;color:var(--OneColor)}.list_activites{display:flex;align-items:flex-start;gap:8px;padding:15px 0;border-bottom:1px dashed #0000002e}.upcoming_activites_custom{padding:25px 0 0}.bg_gloabl_coop:before{content:"";background:var(--FourColor);width:40%;height:100%;display:block;position:absolute;right:0;z-index:9}.right_bg_overlap{position:relative}.right_bg_overlap:after{content:"";background:var(--FourColor);width:38%;height:30%;display:block;position:absolute;right:0;top:-48px}

 /* tikker upcoming activity  */
.ticker_custom .ticker-item a,.whats_new_bg .heading{color:var(--NineColor)}.ticker_custom{overflow:hidden;white-space:nowrap;margin-left:10px}.ticker_custom #ticker-track{display:flex;flex-wrap:nowrap;min-width:200%}.ticker_custom #ticker-track>*{flex-shrink:0}.ticker_custom .ticker-item{flex:0 0 auto;font-weight:400;font-size:14px;margin-right:20px;padding-right:20px;border-right:1px solid #ffffff8c}.ticker_custom .ticker-item a:hover{text-decoration:underline}.whats_new_bg{display:flex;align-items:center;gap:30px;background:var(--ThreeColor);border-radius:10px;padding:15px}.whats_new_bg .heading{white-space:nowrap;position:relative;font-size:24px}.whats_new_bg .heading:after{content:"";background:var(--NineColor);position:absolute;right:-12px;display:block;width:1px;height:100%;top:0;bottom:0;margin:auto}
.upcoming-events-sec{padding:0;     margin-top: -30px;}.whats_new_bg .heading:before{content:'';width:6px;height:6px;position:absolute;top:0;bottom:0;right:-17px;margin:auto;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--NineColor)}

 /* 7- filter css  */
.equal_spacing{margin:0px 0 0}.heading-white{color:#fff}.filter_bg{display:flex;gap:80px;align-items:center;border:1px solid #e7e7e7;width:max-content;padding:15px 30px;border-radius:10px;margin:auto;box-shadow:rgb(0 0 0 / .123) 0 2px 5px}.forselect{display:flex;align-items:center;gap:15px;font-size:11px;position:relative}.forselect span{font-size:17px;color:var(--ThreeColor)}.forselect select{background:#fff0;border:1px solid #fff0;font-size:16px;font-weight:600;color:var(--EightColor);cursor:pointer}.forselect select:focus{border:1px solid var(--OneColor);outline:0}.filter_bg .forselect:after{content:"";background:#00000029;display:block;width:1px;height:35px;position:absolute;right:-40px}.filter_bg .forselect:nth-child(2):after{display:none}.search span{background:var(--TwoColor);color:#fff;border-radius:50%;padding:10px;box-shadow:rgb(0 193 193 / 34%) 0 4px 12px}.search span:hover,.search span:focus,.search span:focus-visible{background:var(--OneColor);box-shadow:#ff26603b 0 4px 12px}.browse_inner_spacing{margin-top:30px}.search a:focus-visible{outline:0}.search a:focus-visible span{width:100%;height:100%;display:block;border-radius:50%;background:var(--OneColor);box-shadow:#ff26603b 0 4px 12px}.Latest-updates-sec{padding:70px 0 40px;}

 /* 8- event css */
.center_custom{text-align:center}.grid_card{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card_item img,.card_item video{width:100%;height:283px;object-fit:cover;border-radius:10px 10px 0 0;object-position:top center}.content_card_inner{padding:20px 20px 20px;display:flex;flex-direction:column;gap:15px;background:var(--NineColor);border-radius:0 0 10px 10px;box-shadow:rgb(0 0 0 / .24) 0 2px 5px}.content_card_inner h4{font-size:20px;font-weight:600;color:var(--SixColor);display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.equal_inner_spacing{margin:50px 0 20px}.center{display:flex;justify-content:center}.content_card_inner .date p,.content_card_inner .date span{color:var(--OneColor)}.card_item{transition:.2s ease-in-out;display:flex;flex-direction:column;width:32%}.card_item:hover .content_card_inner,.card_item:focus .content_card_inner{background:var(--FiveColor);transition:.2s ease-in-out}.card_item:hover .content_card_inner .date p,.card_item:hover .content_card_inner .date span,.card_item:hover .content_card_inner h4,.card_item:focus .content_card_inner .date p,.card_item:focus .content_card_inner .date span,.card_item:focus .content_card_inner h4{color:var(--NineColor)}.iyc-events-glance-filter{background:var(--FourColor);padding:40px 0 0}.iyc-events-glance-gallery{background:var(--FourColor);padding:0 0 40px;margin:0}

 /* 9- past activites  */
 #past_activites .owl-nav, #past_activites .owl-dots{display:none}.equal_spacing select{width:230px!important}
.content_activites h4,.content_activites p{display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;;overflow:hidden;text-overflow:ellipsis}.heading_flex{display:flex;justify-content:space-between;align-items:center;max-width:100%;z-index:9;position:relative;padding-top:15px}.past_activity_bg_top{padding:20px 0 0 0;position:relative;transition:.2s ease-in-out}.card_past_activites{background:var(--FourColor);border-radius:10px;padding:30px 0 0;position:relative}.arrow_next,.owl-nav button span{border-radius:50%;display:flex;color:var(--NineColor)}.title_card h5{font-size:12px;font-weight:700;color:var(--OneColor);position:relative;padding-bottom:5px}.title_card h5:after{content:"";background:var(--OneColor);width:20px;height:2px;position:absolute;bottom:0;left:0}.content_pas_ac{padding:0 20px;    min-height: 100px;margin-bottom: 15px;}.content_pas_ac .forselect{gap:5px;padding:14px 0 25px}.content_activites h4{font-size:18px;font-weight:600;color:var(--SixColor);line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.content_activites{display:flex;flex-direction:column;gap:14px;}.content_activites p{font-size:12px;font-weight:400;line-height:18px;color:var(--SevenColor)}.arrow_next{position:absolute;top:-17px;right:20px;background:var(--EightColor);width:30px;height:30px;justify-content:center;align-items:center}.card_image{position:relative;display:flex;flex-direction:column}.arrow_next span{font-size:18px}.date_card{position:absolute;top:0;right:45px;background:var(--OneColor);color:var(--NineColor);font-size:14px;font-weight:700;font-family:Roboto;text-align:center;padding:4px 15px;border-right:1px solid #ba0436;border-bottom:1px solid #ba0436}.date_card:after{content:"";position:absolute;top:0;right:-21px;width:0;height:0;border-bottom:20px solid #d3d3d3;border-right:20px solid #fff0}.card_image img,.card_image video{border-radius:10px;box-shadow:rgb(0 0 0 / .24) 0 -2px 4px;height:283px;object-position:top center;object-fit:cover;width:100%}.content_pas_ac .forselect p{color:var(--EightColor)}.card_past_activites:hover,.card_past_activites:focus{background:var(--FiveColor);transition:.2s ease-in-out}.card_past_activites:hover .content_activites h4,.card_past_activites:hover .content_activites p,.card_past_activites:hover .forselect p,.card_past_activites:hover .forselect span,.card_past_activites:hover .title_card h5,.card_past_activites:focus .content_activites h4,.card_past_activites:focus .content_activites p,.card_past_activites:focus .forselect p,.card_past_activites:focus .forselect span,.card_past_activites:focus .title_card h5{color:var(--NineColor)}.card_past_activites:hover .title_card h5:after{background:var(--NineColor)}.past_activity_bg_top:hover .date_card,.past_activity_bg_top:focus .date_card{background:var(--TwoColor);border-color:#009797}.top_right_owl .owl-nav{margin:0!important;top:-20.8%;position:absolute;right:0;border-radius:100px;line-height:0;padding:0;color:#000}.owl-nav button span{background:var(--TwoColor)!important;padding:10px;font-size:26px;box-shadow:#00c1c161 3px 5px 10px;width:41px;height:41px;align-items:center;justify-content:center}.owl-nav button:hover,.owl-nav button:focus{background:0 0!important}.owl-nav button span:hover,.owl-nav button span:focus{background:var(--OneColor)!important;box-shadow:#ff266166 0 3px 8px}.bg_grident_img:after,.bg_grident_img:before{content:"";background-image:url(../images/bg-grident.png);background-repeat:no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;z-index:0}.bg_grident_img:after{right:0;rotate:180deg}.bg_grident_img:before{left:0}.bg_grident_img{position:relative;padding:40px 0}.owl-nav button:focus-visible{border-radius:50%!important}.card_past_activites a:focus-visible{border:1px solid}
 
 /* 10- objective */
.contant_objective h4,.contant_objective p{display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.grid_objective{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.inner_card_objective{background:var(--NineColor);border:1px solid #00000029;border-radius:10px;padding:10px}.icond_objective{position:relative}.icond_objective:after{content:"";background:#D5EDD6;width:80px;height:80px;position:absolute;left:0;z-index:1;border-radius:50%}.icond_objective img{z-index:9;position:relative;left:23px;top:10px;width:70px;height:70px}.bg_light{background:var(--FourColor);padding:30px 0}.contant_objective{margin:10px 0}.contant_objective h4{font-size:18px;font-weight:700;color:var(--SixColor)}.contant_objective p{font-size:12px;font-weight:500;line-height:18px;padding:10px 0 0}

 /* 11- our minister */
.crad_our_miniter_bg{background:var(--FourColor);padding:60px 35px 90px;border-radius:20px 20px 100px;height:440px}.img_minister_flex{display:flex;align-items:center;gap:20px;position:relative}.img_minister_flex img{width:109px!important;height:109px;border-radius:50%;object-fit:cover;margin-left:15px}.img_minister_flex:before{content:"";background-image:url(../images/our-minister-design.png);background-repeat:no-repeat;width:100%;height:100%;display:block;position:absolute;left:-7px;top:-15px}.contnet_miniter_name h5{font-size:28px;font-weight:700;color:var(--SixColor)}.contnet_miniter_name p,.crad_our_miniter_bg p{font-size:16px;font-weight:500}.contnet_miniter_name{display:flex;flex-direction:column;gap:10px}.crad_our_miniter_bg p{line-height:33px;color:var(--EightColor);padding-top:15px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-moz-box;overflow:hidden;text-overflow:ellipsis}.center_owl .owl-nav button{position:absolute;bottom:0;top:0;display:flex!important;align-items:center;justify-content:center;opacity:1;margin:auto!important;border-radius:50%!important;height:fit-content}.center_owl .owl-nav button.owl-next{left:initial!important;right:-11%!important}.center_owl .owl-nav button.owl-prev{right:initial!important;left:-11%!important}.ministers_custom{display:flex;gap:24px}.ministers_custom .card{width:100%}.ministers_custom .card img{width:100%;height:283px!important}.read_more_custom{height:210px;overflow-y:auto}

 /* 12- cooperative impact */
.bg_counter,.bg_counter .counter-container,.map_image{position:relative; text-align:-webkit-center}.bg_counter .counter-container:after,.map_image:after{content:"";height:100%;display:block;top:0;position:absolute}.remove_top_spacing{margin:0px 0 0}.map_content{max-width:80%}.map_image:after{background-image:url(../images/map.png);background-size:cover;width:100%;opacity:.5}.map_content h2{font-size:48px;font-weight:700;color:var(--SixColor);line-height:58px;padding-bottom:20px}.map_content h2 span{color:var(--OneColor)}.map_content p{font-size:16px;font-weight:400;font-family:'Roboto';color:var(--EightColor);line-height:30px}.bg_counter{position: relative; border-radius:10px;padding:25px;display:flex;color:#292929;justify-content:center;text-align:center}.bg_counter .counter-container:after{background:var(--NineColor);width:1px;right:0;transform:translate(50px);opacity:.2}.bg_counter .counter-container:last-child:after{display:none}.counter{font-size:48px;font-family:'Roboto';font-weight:600;color: var(--ThreeColor);}.counter-container span{font-size:14px;font-weight:400;font-family:'Roboto'}
.bg_counter-sec{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom: 20px;}
.bg_counter:after{    content: ""; background-image: url(../images/side-border.svg);position: absolute;right: -10px;top: 50%;transform: translateY(-50%);width: 1px;height: 100%;filter: invert(1); opacity: 0.5;}
.bg_counter:nth-last-child(1):after{display: none;}

 /* 13- ministry of cooperation */
.custom_logo_ministry{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:20px;margin:auto;align-items:center}.custom_logo_ministry img{width:68px;height:68px;object-fit:contain}.custom_logo_ministry .cont_ministry_about{max-width:760px;font-size:14px;font-weight:500;line-height:24px;color:var(--EightColor)}.ministery_logo{display:flex;flex-direction:column;gap:35px;position:relative;z-index:9}.social_media{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.social_media .heading.center_custom{font-size:26px}.social_icons_custom{display:flex;gap:20px}.social_icons_custom a img{box-shadow:rgb(0 0 0 / .24) 0 2px 3px;border-radius:50%}.social_icons_custom a:hover,.social_icons_custom a:focus{margin-top:-5px;transition:.2s ease-in-out}.social_icons_custom a{transition:.2s ease-in-out}
 
 /* 14- footer  */
 /* 14.1- brand carosule  */
#brand_carosule a{width:160px;display:block;height:60px}div#brand_carosule .owl-stage .owl-item{display:flex;justify-content:center}.brand_carosule_bg{padding:30px 0;border-top:1px solid #00000021}#brand_carosule a img{width:100%;height:100%;object-fit:contain}

 /* 14.2- footer content */
.bg_footer_content{background:#1F1F1F!important;padding:36px 0!important}.footer_gallery .heading{color:var(--NineColor);font-size:30px}.grid_templet_galery_footer{margin-top:20px;grid-template-columns:repeat(3,1fr);display:grid;gap:20px}.grid_templet_galery_footer a{width:88px;height:75px;background:var(--NineColor);border-radius:5px;text-align:center;justify-content:center;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--OneColor);transition:.2s ease-in-out;overflow:hidden}.grid_templet_galery_footer a img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:.2s ease-in-out}.grid_templet_galery_footer a img:hover,.grid_templet_galery_footer a img:focus{transform:scale(1.1);transition:.2s ease-in-out}.grid_templet_galery_footer a:hover,.grid_templet_galery_footer a:focus{background:var(--TwoColor);color:var(--SevenColor);transition:.2s ease-in-out}.footer_links{display:flex;flex-direction:column;gap:5px}.footer_links a{color:var(--NineColor);font-family:'Roboto';font-weight:400;font-size:15px;transition:.2s ease-in-out;text-transform:capitalize}.footer_links a:hover,.footer_links a:focus{padding-left:5px;transition:.2s ease-in-out;color:var(--OneColor)}.visitor_count{font-size:14px;color:var(--NineColor);font-weight:300}.flex_visitor_links{display:flex;flex-direction:column;justify-content:start;height:100%}.bg_copyright_footer{background:#2b2b2b;padding:15px;color:var(--NineColor);text-align:center;font-size:16px}.footer-logo{background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important}.footer-logo .navbar-brand img{filter:brightness(0) invert(1)}.footer-logo .navbar-brand .logo_text{color:#fff}.footer-logo p{color:#fff;margin:20px 0 0;line-height:28px}.bg_footer_content .title{color:#00C958;font-size:1.5rem;font-weight:600;margin-bottom:25px}.blog-card{transition:all 0.3s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgb(0 0 0 / .1)}.blog-card .card-title:hover{color:#0d6efd}
 
/* Video Play css Start */
.close-btn{position:absolute;top:0px;right:0px;font-size:2rem;color:var(--SevenColor);background:var(--TwoColor);width:35px;height:35px;line-height:0px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;border-radius:0 0 0 10px}
marquee{display:block;box-shadow:0 1px 3px rgb(0 0 0 / .1);border:1px solid rgb(0 0 0 / .15);background-color:#fff;padding:10px;height:40px;line-height:20px;overflow:hidden;white-space:nowrap}.event-item{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all 0.2s ease-in-out}.event-item:hover{max-width:none;overflow:visible;white-space:normal;background:#f8f9fa;padding:2px 6px;border-radius:4px;z-index:1000;position:relative}.read-more{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.read-more.expanded{-webkit-line-clamp:unset}.read-more-btn{background:none;border:none;color:#00c1c1;font-weight:700;cursor:pointer;margin-top:5px;padding:0}.landing-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);display:flex;justify-content:center;align-items:center;z-index:9999}.video-wrapper{position:relative;max-width:25%;max-height:90%;border-radius:15px;overflow:hidden}.video-wrapper video{width:100%;height:100%;display:block;object-fit:cover}

/* Top Header css Start */
.top-header{background-color:#f0f0f0;padding:5px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.top-header ul{list-style:none;padding:0;margin:0}.top-header ul li{display:inline-flex;align-items:center;position:relative}.top-header ul li:not(:last-child)::after{content:"|";margin:0 8px;color:#999}.top-header a{font-size:.813rem;color:#000;text-decoration:none;transition:color 0.2s}.top-header a img{width:22px;height:auto!important}.top-header a:hover{color:#007bff}.text-size a{margin:0 4px;cursor:pointer}.theme-switch .com-color{width:16px;height:16px;display:inline-block;border-radius:2px;margin-left:6px;border:1px solid #999;cursor:pointer}.com-color.white{background-color:#fff}.com-color.black{background-color:#000}.translate-btn{background-color:#4d305c;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:14px;cursor:pointer}.translate-wrapper{position:relative}.top-header ul li.translate-wrapper select{background:#fff0;border:1px solid #cfcfcf;padding:0;margin:0;font-size:.813rem;width:75px;border-radius:3px}.language-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:9999;width:200px;margin-top:5px}.language-dropdown div{padding:8px 12px;cursor:pointer}.language-dropdown div:hover{background-color:#f1f1f1}#current-language{margin-left:8px;font-weight:500;cursor:default}
.top-header ul li.login-btn a{padding:2px 15px;font-weight:400;text-transform:capitalize}
.top-header ul li.login-btn a.blue_btn{color:#000}
.top-header ul li.login-btn a.blue_btn:hover{color:#fff}
.top-header ul li.login-btn a.pink_btn{color:#fff}
.top-header ul li.login-btn a.pink_btn:hover{color:#000}

/* 15- inner list page  */
/* 15.1- banner and bredcurm css  */
.inner_bannr_bg img{height:300px;width:100%;object-position:top;object-fit:cover}.inner_bannr_bg .custom-video-wrapper:before{background:linear-gradient(to bottom,#000,#0000001f)}.inner_page_title{z-index:999;position:absolute;bottom:50%;top:55%}.inner_page_title h4{color:var(--NineColor);font-weight:600;font-size:30px}.bread_crumbs{border-bottom:1px dashed #e9e9e9;display:block;z-index:99;left:0;transform:translate(0,0);bottom:0;top:auto;margin:0!important;width:-webkit-fill-available;right:0;padding:10px 0!important;background:#000000c2;font-size:13px;position:absolute}.bread_crumbs:after,.bread_crumbs:before{display:table;line-height:0;content:""}.bread_crumbs a{color:#fff;display:flex;align-items:center;gap:5px}.bread_crumbs a span{font-size:12px}.bread_crumbs .wrapper{display:flex;align-items:center;color:#ffffff87;gap:6px}.bread_crumbs .wrapper i{font-size:10px}

/* 15.2- table css  */
.filter.cust_flex{display:flex;gap:12px;margin-top:30px;justify-content:end;align-items:center}.filter.cust_flex input{border-radius:100px;padding:11px 15px;font-size:12px;min-width:180px}.custom_table td img{border-radius:50%;width:40px;height:40px;object-fit:cover}.custom_table{margin:25px 0 0}.custom_table thead tr th{background:var(--OneColor);color:#fff;font-weight:500!important;font-size:13px;padding:5px 10px!important;text-align:start}.custom_table tbody tr td{font-size:14px;padding:5px 10px!important;color:var(--SixColor);text-align:start;font-family:'Roboto';border: 0;}.custom_table tbody tr td.process span{background:#ffd78e;padding:0 10px;border-radius:15px}.custom_table tbody tr td.sucess span{background:#a9ff9d;padding:0 10px;border-radius:15px}.custom_table tbody tr td.reject span{background:#ff7b7b;padding:0 10px;border-radius:15px}.custom_table tbody tr td.icons{display:flex;align-items:center;justify-content:start;gap:10px}.custom_table tbody tr td.icons a:first-child i{color:#1500a4}.custom_table tbody tr td.icons a:nth-child(2) i{color:#ed0000}.custom_table tbody tr td.icons a i:hover{color:#000000ba}nav.custom_pagination{margin-top:15px}nav.custom_pagination ul li a{font-size:12px;color:#000000d6;border-radius:0!important}nav.custom_pagination ul li a:hover{background:var(--OneColor);color:#fff;border-color:var(--OneColor)}nav.custom_pagination ul li a:focus{box-shadow:none}.table_front tr td a:hover{color:var(--OneColor)}.table_front{margin-top:0}.table_front tr td a{color:var(--SixColor)}.table_front thead tr th{padding:12px 10px!important}
.custom_table tbody tr td:first-child,.custom_table thead tr th:first-child{border-top-left-radius:100px;border-bottom-left-radius:100px}.custom_table tbody tr td:last-child,.custom_table thead tr th:last-child{border-top-right-radius:100px;border-bottom-right-radius:100px}.custom_table thead tr{border:0}.custom_table table{border-collapse:separate;border-spacing:0 5px}
.custom_table td svg{width:30px;height:30px}.custom_table td svg path{fill:#FF2661}
/* 16- events details  */
.inner_page_spacing{margin-top: 60px;}.event_details .date_loc p {font-size: 14px;color: var(--EightColor);}.z_index_custom {z-index: 99;position: relative;}.custom_sticky{position:sticky;top:150px!important;height:100%}.mar_zero{margin:0}.event_details .side_image_mission img{width:100%!important;height:400px!important;border-radius:10px;object-fit:cover!important;object-position:top center;border: 1px solid #d5d5d5;}.event_details h6{text-align:center;font-size:18px}.download_link a{text-decoration:none;color:#000;font-size:14px}.download_link button{min-width:fit-content}.download_link{padding:10px 0;display:flex;align-items:center}.event_details .date_loc {padding: 15px 0;}.discurption p{font-size: 16px;line-height: 26px;font-family: 'Roboto';color: var(--EightColor);padding: 5px 0 0 0;}
.custom_sticky .side_image_mission{margin-bottom:10px}
.custom_sticky .btn_style{width:fit-content;margin:auto;display:flex;gap:10px}
.event_details-flex{display:flex;justify-content:space-between;gap:30px}
.event_details-flex .content{flex-grow:1}
.event_details-flex .side_image_mission video{width:100%!important;height:400px!important;border-radius:10px;border:1px solid #d5d5d5;object-fit:cover!important;object-position:top center;padding:.25rem;}
#details-page .owl-dots{display:none}#details-page .owl-nav{margin:0}
#details-page  button {position: absolute;top: 0;bottom: 0;margin: auto;left: -20px;}
#details-page .owl-next {right: -20px;left: initial;}
/* Edn events details  */

/* Quick Links Pages  */
.faq-header{font-size:18pt;font-weight:bold;color:#000;margin:20px 0 10px}.faq-answer{text-align:justify;font-size:14pt;color:#000;line-height:28px}.faq-answer i{font-style:italic}
/* Quick Links Pages  */

/* Map Section css Start */
.map-sec{background:#00689d;padding:40px 0}
.map-sec .card{height:100%;border:0;border-radius:12px}
.map-sec .card-title{font-size:20px;font-weight:700;text-align:center;color:var(--SixColor);margin-bottom:15px}
#map{width:100%;max-width:400px;height:auto;margin:0 auto;position:relative}
/* Map Section css Start */

/* Suggest Us Page css Start */
form label{font-size:13px;font-weight:600;color:#000000;margin-bottom:2px}
form input, form select, form textarea{height:33px;font-size:12px;padding:5px 15px!important;color:#000!important;font-weight:400!important;border:1px solid #D9D9D9!important;border-radius:4px!important}
/* Suggest Us Page css End */

/* Social Media Section css Start */
.social-fixed{z-index:9999;position:fixed;right:-90px;top:180px}
.social-fixed .social-btn{display:flex;width:135px;align-items:center;justify-content:flex-start;padding-left:10px;padding-right:0px;padding-top:5px;padding-bottom:5px;border:1px;border-bottom-left-radius:30px;border-top-left-radius:30px;margin-bottom:5px}
.social-fixed a{position:relative;right:-5px;transition:right 1s}
.social-fixed a:hover{right:90px;transition:right 1s}
.social-fixed .social{position:fixed;top:50px}
.social-fixed .social a{text-decoration:none}
.social-fixed .color-fb{background-color:#0c5cc5}
.social-fixed .color-tw{background-color:#000000d9}
.social-fixed .color-youtube{background-color:#B30000}
.social-fixed .color-instagram{background-image:linear-gradient(-45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5)}
.social-fixed .color-whatsapp{background-color:#16ad4e}
.social-fixed .color-linkedin{background-color:#026497}
.social-fixed .social-btn img{width:24px}
.social-fixed .social-btn p{font-family:"Lato", sans-serif;font-size:1em;color:white;margin-top:0px;margin-bottom:0px;padding-left:10px}
/* Social Media Section css End */

/* 17- Responsive */
/* 17.1- Common mobile and tab responsive  */
@media screen and (max-width: 991px) {
/* browse  */
.browse_inner_spacing{margin-top:15px}.filter_bg{gap:20px;align-items:center;padding:20px;flex-wrap:wrap;width:100%;justify-content:space-between}.forselect select{font-size:12px;border:1px solid transparent}.filter_bg .forselect:after{display:none}.forselect{gap:5px}
/* past activity  */
.heading_flex{max-width:100%;flex-wrap:wrap;gap:15px}.top_right_owl .owl-nav{top:7px;position:relative;display:flex;justify-content:center;gap:20px}.heading_flex .btn_style{width:fit-content;justify-content:center}
/* cooperative impact  */
.map_content{max-width:100%}.map_content h2{font-size:36px;line-height:42px}.map_content p{font-size:14px;line-height:24px;text-align:justify}.bg_counter .counter-container:after{width:100%;height:1px;right:0;left:0;transform:translate(0);bottom:-15px;top:auto}
.bg_counter-sec{margin:20px 0 0}.bg_counter{padding:10px;width:48%}.counter{font-size:36px;line-height:normal}

/* ministery of cooperation  */
.ministery_logo {padding: 20px 0;}
}

/* 17.2- mobile responsive */
@media screen and (max-width: 767px) {
/* Landing */
.video-wrapper{max-width:90%}
/* btn */
.btn_style {width:100%;justify-content: center;}.equal_spacing select{width:100%!important}
/* header  */
.top-header .container.d-flex{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important}.top-header ul{flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 0}.top-header ul li:not(:last-child)::after{margin:0 5px}.top-header ul li.login-btn a{padding:2px 10px}.top-header a{font-size:.75rem}.top-header ul li.translate-wrapper select{font-size:.75rem;width:auto}.theme-switch .com-color{width:14px;height:14px;margin-left:2px}
.header_padding.scrolled{position:initial}
.cust_nav_flex_toggle {display: flex;align-items: center;justify-content: space-between;margin-top: 10px;width: 100%;gap: 0px;}
/* banner  */
section.banner_overlap_top{margin-top:0;padding:0 0 30px}.custom-video-overlay.video_border{z-index:9;right:0;justify-content:end;display:none}.custom-video{min-height:auto}.content_right_banner{width:100%;padding-top:30px!important}.content_right_banner p{font-size:24px}.content_right_banner h2,.content_right_banner h2 span{font-size:35px}.content_right_banner span{font-size:10px}.content_right_banner:after{width: 50px;height: 50px;top: 11%;right: auto;background-size: cover;left: auto;transform: translate(135px, -20px);}.indicatior{bottom:-8%;left:0;right:0;justify-content:center}
/* global cooperation  */
.bg_gloabl_coop:before,.right_bg_overlap:after{display:none}.bgupcoming{margin-top:0;border-top-left-radius:0;padding:20px}.heading{font-size:24px}
/* event  */
.filter_bg{justify-content:center}.forselect{width:100%}.forselect select{width:100%}.equal_inner_spacing{margin:20px 0}
.event_details-flex{gap:15px;flex-wrap:wrap}.custom_sticky{width:100%}.event_details .side_image_mission img{height:100%!important}#details-page button{left:-5px}#details-page .owl-next{right:-5px}
/* objective  */
.grid_objective {grid-template-columns: repeat(2, 1fr);}
/* Upcoming Events */
.whats_new_bg{flex-direction:column;gap:15px}
.whats_new_bg .heading{font-size:18px}
.whats_new_bg .heading:before{bottom:-100%;right:0;left:0;transform:rotate(90deg);margin-bottom:9px}
.whats_new_bg .heading:after{right:initial;width:100%;height:1px;top:100%;transform:translateY(-100%);margin-top:5px}
.ticker_custom{margin-left:0px;width:100%}
.ticker_custom .ticker-item{font-size:12px;margin-right:8px;padding-right:8px;border-right:1px solid #ffffff8c}
/* our minister  */
.center_owl .owl-nav button.owl-prev{left:0!important}.center_owl .owl-nav button.owl-next{right:0!important}.center_owl .owl-nav button{position:relative;margin:0!important}.center_owl .owl-nav{display:flex;gap:20px;justify-content:center}.crad_our_miniter_bg{padding:60px 20px 90px;height:auto}
/* ministery of cooperation  */
.ministers_custom{flex-wrap:wrap}.ministery_logo{padding:20px 0}.custom_logo_ministry{gap:10px}.custom_logo_ministry .cont_ministry_about{max-width:100%;font-size:12px}
/* footer content  */
.bg_footer_content .title{font-size:1.25rem;margin-bottom:0px;margin-top:20px}
.footer_gallery .heading{font-size:24px}.footer_links{margin:15px 0 0}.bg_copyright_footer{font-size:14px}
/* event details  */
.card_item{width:100%}.inner_bannr_bg {padding: 0 !important;}.inner_bannr_bg img{height: 200px;}.inner_page_title{top: 35%;}.event_details .date_loc {flex-wrap: wrap;gap: 8px;}
}

/* 17.3- tab responsive  */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .event_details-flex{gap:15px;flex-wrap:wrap}.custom_sticky{width:100%}.event_details .side_image_mission img{height:400px!important}
	/* Landing */
	.video-wrapper{max-width:75%}
 	/* banner */
	section.banner_overlap_top{margin-top:0}.custom-video{min-height:370px;object-fit:fill}.content_right_banner p{font-size:24px}.content_right_banner h2,.content_right_banner h2 span{font-size:35px}.content_right_banner span{font-size:10px}.content_right_banner:after{width:50px;height:50px;top:15%;right:24px;background-size:cover}
	/* global cooperative  */
	.right_bg_overlap:after{width:33%}.heading{font-size:28px}.content_cooperative p{font-size:14px;line-height:26px}
	/* footer content  */
	.grid_templet_galery_footer{grid-template-columns:repeat(2,1fr);gap:10px}.footer_links a{font-size:13px}
	.card_item{width:31%}
}

/* 17.4- other screens  */
@media screen and (max-width: 459px){
.img_minister_flex{flex-direction:column;text-align:center;justify-content:center}.crad_our_miniter_bg p{line-height:24px;font-size:12px}.img_minister_flex:before{left:0;transform:translate(23%)}
/* objective  */
.grid_objective {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width: 1199px) {
/* header */
.header_padding{background:var(--NineColor);position:relative;top: 0;}.navbar_custom{background:0 0;padding:10px 0 10px 0;margin:0}.fordesktop{display:none}.cust_nav_flex_toggle .right_section{display:flex!important}.cust_nav_flex_toggle button.navbar-toggler:focus{box-shadow:none;border:1px solid var(--OneColor)}.cust_nav_flex_toggle{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:20px}.navbar_custom .navbar-collapse{border-top:1px solid #0000001a;margin:20px 0 0}.accesbality_icons a span{color: var(--SevenColor);}.accesbality_icons span:after{background: #00000060;}.accesbality_icons{padding-right: 0;}
/* banner  */
.content_right_banner{padding-top:0px;margin-top:0}
/* event details  */
.custom_sticky {top: 20px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
/* banner */
section.banner_overlap_top{margin-top:0}.content_right_banner p{font-size:33px}.content_right_banner h2,.content_right_banner h2 span{font-size:50px}.content_right_banner span{font-size:13px}.indicatior{left: 2%;}
}

@media screen and (min-width: 992px) and (max-width: 1023px) {.custom-video{min-height:400px;object-fit:fill}.grid_templet_galery_footer{grid-template-columns: repeat(2, 1fr);gap: 10px;}}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
	/* Top Header Section Css */
	body{font-size:14px}.top-header{padding:3px 0}.top-header a img{width:20px}.top-header a{font-size:10px}.top-header ul li.translate-wrapper select{font-size:10px;width:auto}.top-header .theme-switch .com-color{width:12px;height:12px}
	/* Header Section Css */
	.navbar_custom{padding:6px 10px;margin-top:15px}.navbar_custom .navbar-brand{gap:10px}.navbar_custom .navbar-brand img{width:50px;height:auto}.navbar_custom .navbar-brand .logo_text{line-height:20px}.navbar_custom .navbar-nav{gap:0px}.navbar_custom .navbar-nav li a{font-size:12px;padding:0 5px!important}.btn_style{padding:6px 15px;font-size:12px}.btn{font-size:12px}.btn_style .material-symbols-outlined{font-size:21px}.right_section{gap:7px}
	/* Banner Section Css */
	.content_right_banner h2{font-size:36px}.content_right_banner h2 span{font-size:32px}.content_right_banner span{font-size:20px;line-height:24px}.content_right_banner:after{width:75px;height:75px;background-size:cover;top:30%;right:60px}.carousel-indicators [data-bs-target]{width:15px}
	/* Global Cooperative Conference Section Css */
	.heading{font-size:24px}.content_cooperative p{font-size:14px;line-height:24px;padding:15px 0}.upcoming_activites_custom{padding:15px 0 0}
	/* Upcoming Events Section Css */
	.whats_new_bg{padding:15px}
	.whats_new_bg .heading{font-size:18px}.ticker_custom .ticker-item{font-size:12px}
	/* IYC Events at a Glance Section Css */
	.iyc-events-glance-gallery{margin:0}.browse_inner_spacing{margin-top:15px}.filter_bg{gap:30px;padding:10px 15px}.filter_bg .forselect:after{height:30px;right:-15px}.forselect{gap:5px}.forselect span{font-size:16px}.forselect select{font-size:12px}.search span{padding:6px;font-size:20px}.iyc-events-glance-gallery .grid_card{gap:20px}.equal_inner_spacing{margin:30px 0 20px}.card_item img,.card_item video{height:263px}.content_card_inner{gap:10px}.date span,.loc span{font-size:12px}.date p, .loc p{font-size:10px}.content_card_inner h4{font-size:14px}
	/* Past Activity Section Css */
	.date_card{right:35px;font-size:10px;padding:4px 10px}.date_card:after{right:-15px;border-right:15px solid transparent}.title_card h5{font-size:10px}.forselect{font-size:10px}.content_pas_ac .forselect{padding:14px 0 15px}.content_activites h4{font-size:14px;line-height:24px;}.arrow_next{top:-15px;right:15px;width:25px;height:25px}.arrow_next span{font-size:16px}.card_image img, .card_image video{height:263px}
	.top_right_owl .owl-nav{top:-15.5%}.owl-nav button span{font-size:18px;width:30px;height:30px}
	select#ref_type_id{font-size:12px}
	/* Objectives of IYC Section Css */
	.icond_objective img{width:45px;height:auto;left:20px}.icond_objective:after{width:60px;height:60px}.contant_objective{margin:25px 0 0}.contant_objective h4{font-size:14px}.contant_objective p{font-size:11px;padding:5px 0 0}
	/* Latest Updates and Articles Section Css */
	.Latest-updates-sec{padding:40px 0 40px}.Latest-updates-sec .ministers_custom img{height:263px!important}.ministers_custom .card-title{font-size:14px;line-height:24px;font-weight:600}.ministers_custom .raven-post-meta{font-size:10px}
	/* Cooperative Impact Section Css */
	.map_content h2{font-size:34px;line-height:normal;padding-bottom:15px}.map_content p{line-height:28px}.counter{font-size:34px}
	/* Ministry of Cooperation Section Css */
	.ministery_logo{gap:25px}.custom_logo_ministry{gap:10px}.custom_logo_ministry img{width:55px;height:auto}.social_media .heading.center_custom{font-size:24px}.social_media{gap:10px}.social_icons_custom{gap:12px}
	/* Footer Section Css */
	.bg_copyright_footer{padding:10px;font-size:14px}.bg_footer_content{padding:30px 0}.footer-logo p{margin:15px 0 0}.bg_footer_content .title{font-size:1.25rem;margin-bottom:15px}.footer_links a{font-size:14px}
	/* Banner & Bredcurm Section Css */
	.bread_crumbs{font-size:12px}.inner_bannr_bg img{height:260px}.inner_page_title{top:62%}.inner_page_title h4{font-size:24px}
	/* Table Section Css */
	.filter.cust_flex input{padding:6px 15px}.table_front thead tr th{padding:8px 8px!important}.custom_table tbody tr td{font-size:12px;padding:5px 8px!important}.custom_table td img{width:30px!important;height:30px!important}
	/* Event Details Section Css */
	.event_details .date_loc{padding:10px 0}.event_details .date_loc p{font-size:10px}.event_details .side_image_mission img{height:263px!important}
	/* Latest Updates and Articles View All Section Css */
	.h1, h1{font-size:1.5rem}.h5, h5{font-size:1rem}.mb-3{margin-bottom:10px}.mb-4{margin-bottom:15px}.small, small{font-size:.625rem}form label{font-size:12px;font-weight:500}.fs-6{font-size:.875rem!important}
	/* Quick Links Pages Css */
	.faq-header{font-size:14pt;margin:15px 0 0px}.faq-answer{font-size:12pt;line-height:24px}
	form input, form select, form textarea{height:28px;font-size:10px!important}
}

.latest-tabs .tab-link,.press-item{display:flex;flex-direction:column}.center_owl_media .card-title,.press-content p{line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.latest-tabs{display:flex;margin-bottom:35px!important;gap:26px}.latest-tabs .tab-link{border:0;background:#eceef0;color:var(--SevenColor);font-size:16px;padding:15px 30px;border-radius:10px;position:relative;z-index:1;outline:0!important;gap:5px;align-items:center;justify-content:center}.latest-tabs .tab-link.active:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #00689d;position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border-radius:5px}.latest-tabs .tab-link.active img{filter:invert(1)}.latest-tabs .tab-link.active{background:#00689d;color:#fff;position:relative;font-weight:600}.inner_img{overflow:hidden}.latest-tabs .tab-link img{width:40px;height:40px}.news_update_border_outer{background:var(--NineColor);border:1px solid #e2e2e2;border-radius:15px;padding:85px 20px 20px;margin-top:-90px;box-shadow:rgba(0,0,0,.1) 0 2px 6px}.center_owl_media .card:hover img{transform:scale(1.1);transition:.4s ease-out,visibility .1s linear}.center_owl_media .card img{transition:.4s ease-out,visibility .1s linear;height:200px!important;object-fit:cover!important}.card.press-media-sec{border:0}.press-item{background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / 11%);transition:transform .3s,box-shadow .3s;padding:20px 30px;text-align:left;cursor:pointer;border:1px solid #0788c9;border-left:10px solid #00689d;border-radius:0 10px 10px 0!important;gap:15px 0;min-height:165px}.press-item:before{content:"";background:var(--FourColor);position:absolute;top:0;left:0;height:100%;transition:.3s;z-index:-1;border-radius:0 10px 10px 0;width:0}.press-item:hover:before{width:100%}.press-item:hover{transform:translateY(0px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.press-content h6{font-size:16px;font-weight:500;color:var(--SevenColor)}.press-content p{font-size:12px;font-weight:500;padding:5px 0 0;display:-webkit-box;-webkit-line-clamp:3}.press-date{font-size:14px;font-weight:500;color:#00689d}.press-content .press-title,.social_custom_new a{color:#fff}.press-content .press-desc{font-size:14px;color:#ddd}@media screen and (max-width:767px){.latest-tabs .tab-link{width:50%;font-size:14px;padding:15px 20px}}#activities,#announcements,#declaration{scroll-margin-top:80px}.canvasjs-chart-credit{display:none}.color-legend{position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,.95);border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#000}.color-legend .legend-box{display:inline-block;width:14px;height:14px;margin-right:6px;border:1px solid #555;vertical-align:middle;border-radius:3px}@media (max-width:600px){.color-legend{left:50%;transform:translateX(-50%);bottom:5px;font-size:12px;padding:6px 10px}}.center_owl_media .card{height:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1)}.center_owl_media .card-body{padding:10px;min-height: 60px;}.center_owl_media .card-title{font-size:12px;text-align:start;margin:0;display:-webkit-box;-webkit-line-clamp:2}.nav-tabs{border-bottom:none!important}.nav-tabs .nav-link{margin:0 8px;border:none!important;border-radius:6px;background-color:#ffffff22;color:#fff;padding:10px 20px;transition:.3s}.nav-tabs .nav-link.active{background-color:#fff;color:#007bff;border:none}.nav-tabs .nav-link:hover{background-color:#ffffff55;color:#fff}.extra_spacing_upc{padding-bottom:50px}.social_custom_new .social-btn svg{width:26px;height:26px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:3px;fill:#fff}.social_custom_new .cw-fb svg{background:#1877f2}.social_custom_new .cw-tw svg{background:#000;padding:4px}.social_custom_new .cw-yt svg{background:#f20000}.social_custom_new .cw-ins svg{background:linear-gradient(-45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}.social_custom_new .cw-wp svg{background:#25d366}.social_custom_new .cw-lin svg{background:#0079b9}.index_upper{z-index:99;position:relative}.social_feeld .feels_social_box{border:1px solid #d4d4d4;margin:30px 0 20px}



 .ring-loader {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100% !important;
  z-index: 9999;
  display: none;
}

/* Centered Ring */
.ring-loader .center-loader {
  width: 60px;
  height: 60px;
  border: 6px solid #fff;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: ring-spin 1s linear infinite;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ring-loader .loader-text {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
}
 
@keyframes ring-spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}