/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.8.1742278650
Updated: 2025-03-18 06:17:30

*/

  .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: -webkit-fill-available;
}
input#phone {
    width: 100%;
}
ul#iti-0__country-listbox {
    background: #070758 !important;
}
.iti__selected-flag {

    height: 50px !important;
}


p.success-message {
    text-align: center;
    font-size: 25px;
    font-family: 'Avant Garde';
    color: white !important;
}

button.remove-btn {
    background: none;
    border: none;
    color: rgb(244 205 54);
}
.main-menu .nav-menu .current-menu-item a,
.main-menu .nav-menu .current_page_item a {
    color: yellow !important;  /* Text Color */
    border: 1px solid rgb(244 205 54);  /* Yellow Outline */
}


.main-menu .nav-menu .current-menu-item a:hover,
.main-menu .nav-menu .current_page_item a:hover {
  color: yellow !important;  /* Text Color */
    border: 1px solid rgb(244 205 54) !important;  /* Yellow Outline */
}
.form_inner_block.file_attachment_block {
    grid-template-columns: auto !important;
}

input#attachment {
    width: -webkit-fill-available;
}
.language-dropdown button.dropdown-btn {
    max-width: 150px;
    width: 100%;
    border-radius: 7px;
    padding: 12px;
    padding-left: 20px;
    position: relative;
}
.language-dropdown button.dropdown-btn img {
    margin-right: 18px;
    border-radius: 2px;
}
.language-dropdown ul.dropdown-menu {
    border-radius: 7px;
    padding: 0;
    border: 0;
    margin-top: 10px;
}
.language-dropdown ul.dropdown-menu li {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
}
.language-dropdown ul.dropdown-menu li a {
    padding: 0;
}
.language-dropdown ul.dropdown-menu li:last-of-type {
    border: 0;
}
.language-dropdown .dropdown-menu li a img {
    border-radius: 2px;
}

.upload-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    width: max-content;
    position: relative;
}

.upload-wrapper .file-label {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 60px;
    width: max-content;
    border-radius: 50px;
    color: #070758;
    font-size: 16px;
    cursor: pointer;
    border: none;
    outline: none;
    position: relative;
    transition: 0.3s;
    padding: 0 40px 0 0;
}

.upload-wrapper .file-label.uploaded {
    width: 200px;
    padding-right: 20px;
}

.upload-wrapper .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}
button.remove-btn {
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 20px;
    color: #0a0a62 !important;
}
.upload-wrapper .icon::before,
.upload-wrapper .icon::after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    bottom: auto;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: transform 0.75s;
    transition-delay: 0s;
    transition-timing-function: ease;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
}
.upload-wrapper .icon::before{
    background-color: #0a0a62;
    transform: scale(0.99);
}
.upload-wrapper .icon::after{
    background-color: #fff;
    transform: scale(0);
}
.upload-wrapper .icon:hover i{
    color: #0a0a62;
}
.upload-wrapper .icon:hover:after, .upload-wrapper .icon:hover:before {
    box-shadow: 0 0 0 2px #0a0a62;
}
.upload-wrapper .icon:hover::after{
    transform: scale(1);
}

.upload-wrapper .icon i {
    color: white;
    font-size: 18px;
}

.upload-wrapper .file-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 0;
}

.upload-wrapper .file-name {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header ul li a {
    position: relative;
    color: #0a1462;
    border-color: #0a1462;
}
.header ul li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #f4cd36;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
}
.header ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10rem;
    z-index: -2;
}
.header ul li a:hover:before {
    width:100%;
}
.header ul li a:hover {
    color: #101078 !important;
}
.main-menu .nav-menu .current-menu-item a, .main-menu .nav-menu .current_page_item a {
    color: #0a1462 !important;
    border: 1px solid rgb(244 205 54);
    background: rgb(244 205 54);
}
.main-menu .nav-menu .current-menu-item a:hover, .main-menu .nav-menu .current_page_item a:hover {
     color: #0a1462 !important;
}
.language-dropdown .dropdown-menu li a:hover {
    background: #fff !important;
    color: #000 !important;
}
.language-dropdown .dropdown-menu li a:before,.language-dropdown .dropdown-menu li a:after{
    display: none;
}
.our_vision .profile_service_subitem:hover {
    background: none !important;

}
.our_vision .profile_service_subitem:hover h5 {
    color: rgb(244 205 54) !important;
}
.hero_small_text p span a {
    color: rgb(244 205 54);
    text-decoration: none !important;
}

span.arrow {
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 13px;
}
.profile_service_block.approach_section_step .profile_service_subitem:hover span.steps_col {
    padding-top: 15px;
}
.page-template-services .services_img {
    margin-top: 20px;
}

.partnetship_container .partership_item:hover {
    background-color: white;
}

.terms-content, .privacy-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 150px 20px;
    position: relative;
}

.terms-content h1, .privacy-content h1 {
    font-size: 2.5em;
    margin-bottom: 30px;
    color: white;
}

.terms-section, .privacy-section {
    margin-bottom: 40px;
}

.terms-section h2, .privacy-section h2 {
    font-size: 1.5em;
    margin-bottom: 20px;
    color: white;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.terms-section p, .privacy-section p {
margin-top: 10px !important;
    margin-bottom: 10px !important;
        color: white;
}

.terms-content span, .privacy-section span {
    font-weight: 700;
}

button.cky-btn.cky-btn-reject , button.cky-btn.cky-btn-accept {
    /* display: flex; */
    /* align-items: center; */
    gap: 8px;
    /* padding: 10px 20px; */
    border-radius: 10rem;
    color: #101078 !important;
    /* text-transform: uppercase; */
    font-size: 14px;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0;
    background: #fff !important;
    font-weight: 600;
    margin-top: 30px;
    outline: 0;
    /* height: 50px; */
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
        margin: 0px !important;
}

.cky-notice-btn-wrapper {
    gap: 10px;
}

 button.cky-btn.cky-btn-reject:hover  button.cky-btn.cky-btn-accept:hover {
    color: #fff !important;
    background-color: rgb(16 16 120) !important;
}

button.cky-btn.cky-btn-reject:hover, button.cky-btn.cky-btn-accept:hover {
    background: rgb(16 16 120) !important;
    color: white !important;
}
p.cky-title {
    color: rgb(16 16 120) !important;
    font-size: 20px !important;
}
.our-service-hero-section.scroll {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
    color: white;
    position: fixed;
    flex-direction: column;
    margin-bottom: 60px;
}
.terms-section a, .privacy-section  a {
    color: rgb(244 205 54) !important;
    text-decoration: none ! important;
}


@media (max-width: 768px) {
    .terms-content, .privacy-content {
        padding: 150px 20px;
    }

    .terms-content h1, .privacy-content h1 {
        font-size: 2em;
    }

    .terms-section h2, .privacy-section h2 {
        font-size: 1.3em;
    }
    .language-dropdown button.dropdown-btn{
        max-width: 82px;
        width: 100%;
        border-radius: 7px;
        padding: 12px 12px;
        padding-left: 10px;
        position: relative;
        font-size: 0;
    }
    .language-dropdown button.dropdown-btn span.arrow{
        width: 5px;
        height: 5px;
    }
    html[lang="fr-FR"] .language-dropdown button.dropdown-btn:before{
        content: "FR";
        font-size: 14px;
        position: absolute;
        right: 29px;
    }
    html[lang="en-US"] .language-dropdown button.dropdown-btn:before{
        content: "EN";
        font-size: 14px;
        position: absolute;
        right: 29px;
    }
}
@media (max-width: 576px) {
    .header .container .logo{
        border-bottom: 0;
    }
    .header .container .logo img{
        width: 60px;
    }
    .header .container .logo::before, .header .container .logo::after{
        display: none;
    }
}