@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --color-primary: #00009B;
    --color-primary-light-1: #E6E6F6;
    --color-primary-light-2: #F2F2FF;
    --color-primary-light-3: #FAFAFD;

    --color-primary-dark-1: #000064;
     
    /*ACCENT COLOR*/
    --color-accent: #0055D3;

    /*SECTION HEADING*/
    --heading-color: #091827;

    /*NAVBAR*/
    --navbarbg: #f0efff;
    --navlink: #333333;

    /*FORM*/
    --form-control-border: #9BAAC1;
    
    /*SWIPER*/
    --swiper-navigation-sides-offset: 10px;
    --swiper-bullet-bg-normal: #999;
    --swiper-bullet-bg-active:var(--color-accent);
}



html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: Inter, sans-serif; font-size: 16px; background-color:#fff; color: #353535; font-weight: 400; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }

 
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
 

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}


/*FONTS==========================================================================================*/
.body-font{font-family: Inter serif;}
.heading-font{font-family: Inter, serif;}


/*HEADINGS==========================================================================================*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 1.3; line-height: 120%;font-optical-sizing: auto;font-style: normal;}

.all_heading{font-size:32px; font-weight: 800;} 

/*ANCHOR TAGS==========================================================================================*/
a {color: var(--color-dark); text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: var(--color-text-dark);}


/*FORM ELEMENTS==========================================================================================*/
.form-control, textarea, select, .form-select{border-color:var(--form-control-border);height: 45px;font-size: 13px;}
.form-control, textarea, select, .form-select, button{}
.form-control:focus, 
.form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #493D98; background-color: white;}
 
textarea.form-control { height: auto !important;}


/*SECTION HEADINGS=======================================================================================*/
.section-heading{margin-bottom: 40px;}
.section-heading h5,.sectionsubhdn{font-size: 19px; color: var(--color-primary); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px;}
.section-heading h2,.sectionhdn{font-size:32px; font-weight: 800; color: var(--heading-color); line-height: 120%; margin-bottom: 5px; letter-spacing:-1px; }
.section-heading h2.text-prime-dark,.sectionhdn.text-prime-dark{color: var(--color-primary-dark-1);}
.section-heading p{color: var(--color-dark-4); font-size: 20px; margin-bottom: 0; line-height: 1.5; max-width: 880px; margin-left: auto;margin-right: auto;}

.section-heading h2.fslg{font-size: 56px;font-weight: 700;}

/*TEXT COLOR==========================================================================================*/
.text-prime{color: var(--color-primary);}
.text-prime-dark-1{color: var(--color-primary-dark-1);}



/*BACKGROUND==========================================================================================*/
.bg-prime{background-color: var(--color-primary);}
.bg-prime-dark1{background-color: var(--color-primary-dark-1);}

.bg-light-1{background-color: var(--color-primary-light-1);}
.bg-light-2{background-color: var(--color-primary-light-2);}
.bg-light-3{background-color: var(--color-primary-light-3);}


/*SECTION TOP BOTTOM PADDINGS==========================================================================================*/
.section-tb-padding8{padding-top:8px;padding-bottom:8px;}
.section-tb-padding16{padding-top:16px;padding-bottom:16px;}
.section-tb-padding24{padding-top:24px;padding-bottom:24px;}
.section-tb-padding32{padding-top:32px;padding-bottom:32px;}
.section-tb-padding40{padding-top:40px;padding-bottom:40px;}
.section-tb-padding48{padding-top:48px;padding-bottom:48px;}
.section-tb-padding56{padding-top:56px;padding-bottom:56px;}
.section-tb-padding64{padding-top:64px;padding-bottom:64px;}
.section-tb-padding72{padding-top:72px;padding-bottom:72px;}
.section-tb-padding80{padding-top:80px;padding-bottom:80px;}
.section-tb-padding88{padding-top:88px;padding-bottom:88px;}
.section-tb-padding96{padding-top:96px;padding-bottom:96px;}
.section-tb-padding104{padding-top:104px;padding-bottom:104px;}
.section-tb-padding112{padding-top:112px;padding-bottom:112px;}
.section-tb-padding120{padding-top:120px;padding-bottom:120px;}
.section-tb-padding128{padding-top:128px;padding-bottom:128px;}



/*BUTTONS==========================================================================================*/
.btn{border-radius: 60px; font-weight: 500; font-size: 11px; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center;text-transform: uppercase;} 
.btn-sm{font-size: 10px; border-radius: 60px;}
.btn-lg{font-size: 12px; border-radius: 60px; font-weight: 600; letter-spacing:0.5px; line-height: 1; padding-top: 16px;padding-bottom: 16px;}


/*BUTTON PRIME======================================================================================*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: var(--bs-white);}
.btn-prime:hover,.btn-prime:focus,.btn-prime:active{background-color: var(--color-primary-dark-1)!important; border-color: var(--color-primary-dark-1)!important; color: var(--bs-white)!important;}


/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-primary); border-color: var(--color-primary); color: white;}

/*BUTTON ACCENT======================================================================================*/
.btn-accent{background-color: var(--color-accent); border-color: var(--color-accent); color: var(--bs-white);}
.btn-accent:hover,.btn-accent:focus,.btn-accent:active{background-color: var(--color-accent-dark)!important; border-color: var(--color-accent-dark)!important; color: var(--bs-white)!important;}

/*BUTTON PRIMARY ACCENT======================================================================================*/
.btn-primary-accent{background-color: var(--color-primary-accent); border-color: var(--color-primary-accent); color: var(--bs-white);}
.btn-primary-accent:hover,.btn-primary-accent:focus,.btn-primary-accent:active{background-color: var(--color-primary-accent-dark)!important; border-color: var(--color-primary-accent-dark)!important; color: var(--bs-white)!important;}


/*BUTTON OUTLINE ACCENT======================================================================================*/
.btn-outline-accent{background-color: transparent; border-color: var(--color-accent); color: var(--color-accent);}
.btn-outline-accent:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-accent); border-color: var(--color-accent); color: white;}


/*SECTION MAIN BUTTON======================================================================================*/
.section-button .btn, .section-button-lg {font-weight: 600; border-radius: 0; font-size: 12px;letter-spacing:0.4px; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 240px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}


/*SHADOWS======================================================================================*/
.thin-shadow{-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);transition: all 200ms ease;}
.thin-shadow:hover{-webkit-box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%); box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);}



/*CARD======================================================================================*/
.card, .card-header{border-color: rgb(0 0 0 / 9%);}

/*SWIPER PAGINATION======================================================================================*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--swiper-bullet-bg-normal); opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--swiper-bullet-bg-active);}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: var(--color-primary); background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: var(--color-primary);color: white;}

/*TEXT WHITE TO LIGHT WHITE==========================================================================================*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK==========================================================================================*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK==========================================================================================*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS==========================================================================================*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING==========================================================================================*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT==========================================================================================*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px ==========================================================================================*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY==========================================================================================*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}

/*PAGINATION==========================================================================================*/
.pagination .page-link{color: var(--color-dark); font-size: 15px; height: 40px; width: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: white; background-color: var(--color-primary); border-color: var(--color-primary);}
.pagination .active>.page-link, 
.pagination .page-link.active {color: white; background-color: var(--color-primary); border-color: var(--color-primary); }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.05);}


/* FOCUS STATE STYLE FOR KEBOARD NAVIGATION ON FOCUSABLE ELEMENTS ==========================================================================================*/
*[tabindex]:focus-visible, input[type="file"]:focus-visible {outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem;}

/* PREVENT CLICKS ==========================================================================================*/
.pointer-events-off {pointer-events: none;}

/* ENABLE CLICKS ==========================================================================================*/
.pointer-events-on {pointer-events: auto;}

/* SQUARE BLOCK ==========================================================================================*/
.square-block::after {content: ""; display: block; padding-bottom: 100%;}

/* CONTAINER CENTER ALIGN ==========================================================================================*/
.container-center-align{margin-right: auto !important; margin-left: auto !important;}
.custom-width {max-width: 1140px;}

/* TEXT TRUNCATE ELLIPSES AFTER 3 LINES==========================================================================================*/
.text-style-3lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* TEXT TRUNCATE ELLIPSES AFTER 2 LINES==========================================================================================*/
.text-style-2lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*TEXT GRADIENT*/
.theme-gradient {background: linear-gradient(135deg, #D12691, #493D98); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }

/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/

.header-top {padding-top: 0px;padding-bottom: 3px;}

.main-header{background: white;}
.main-header__brand{padding-top: 20px;padding-bottom: 20px;}
.main-header__navbar .navbar{background-color: var(--navbarbg);padding: 0;border-top: 1px solid #eee;}
.main-header__navbar .navbar-nav{display: flex; justify-content: center; margin: 0 auto; width: 100%;}
.main-header__navbar .navbar .nav-item{margin-left: 0.3rem;margin-right: 0.3rem;}
.main-header__navbar .navbar .nav-link{text-transform: uppercase; font-weight: 600; color: var(--navlink); font-size:13px; border-bottom: 3px solid; padding-top: 14px; padding-bottom: 14px; padding-left: 50px; padding-right: 50px;margin: 0 8px;border-color:var(--color-primary)}
.main-header__navbar .navbar .nav-link:hover{color:#fff;background:var(--color-primary)}
.main-header__navbar .navbar-collapse{}
 
.main-header__searchbtn{width: 42px; height: 42px; font-size: 16px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50px; background-color: var(--color-primary-light-1); color: var(--color-primary);} 

.main-header__account{display: flex; gap: 10px; justify-content: flex-end; align-items: center;}
.main-header__account .btn{height: 42px; padding-left: 20px;padding-right: 20px; font-size: 12px; text-transform: uppercase; min-width: 120px;}
 body.header-fixed .main-header {position: fixed; left: 0; right: 0; top: 0; z-index: 9999;}

/*NAVIGATION DROPDOWN ON HOVER*/
.main-header__navbar .dropdown-item.active, 
.main-header__navbar .dropdown-item:active,
.main-header__navbar .dropdown-item:hover {color:#f8f8f8; text-decoration: none; background-color:var(--color-primary)}
.main-header__navbar .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;  }

 
.main-header__navbar .navbar .nav-item .dropdown-menu a{ margin:0; font-size:15px}

@media (max-width: 991px){
.main-header__navbar .navbar-nav .nav-link {font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
.main-header__navbar .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
.main-header__navbar .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: 0;}
} 
.main-header__navbar .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 


/*#########________HAMBURGER MENU BUTTON START________#########*/
.main-header__brand .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.main-header__brand .navbar-toggler:focus,
.main-header__brand .navbar-toggler:active{outline: 0;}
.main-header__brand .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.main-header__brand .navbar-toggler .navbar-toggler-icon:before,
.main-header__brand .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #000e36; border-radius: 4px; transition: 0.3s all ease-in-out; }
.main-header__brand .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.main-header__brand .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.main-header__brand .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #000e36;}
.main-header__brand .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.main-header__brand .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}

@media (max-width: 991.98px) {.main-header__brand .navbar-toggler{display: flex;}}

/*==============================================================================*/
/*==============================================================================*/
.hero-section__video {display: block; width: 100%; height: calc(100vh - 240px); object-fit: cover;}
.hero-section{background-color: var(--color-primary-light-2); background-image: url(../images/map.png); background-repeat: repeat; background-position: top left; padding-top: 60px; }

.hero-block{ border-radius: 56px; box-shadow: var(--bs-box-shadow-sm); position: relative;}
.hero-block .hero-content{display: flex; flex-direction: column; justify-content: space-between;}
.hero-content__top{padding: 48px; max-width: 520px;}
.hero-content__top .hero-content__title{margin-bottom: 3px;}
.hero-content__top .hero-content__desc{margin-bottom: 20px;opacity: 0.7;}
.hero-content__top .btn{padding-left: 32px; padding-right: 32px;}

/*HERO BUTTON ANIMATION START*/
.glowing-gradient {color: #fff; background: linear-gradient(45deg, #ff0000, #ff9900, #ffff00, #33cc33, #00ccff, #9933ff, #ff33cc); background-size: 400% 400%; animation: gradientAnimation 5s ease infinite; height:auto; width: auto; display: inline-block; padding: 4px !important; border-radius: 60px; }
@keyframes gradientAnimation {0% {background-position: 0% 50%; } 50% {background-position: 100% 50%; } 100% {background-position: 0% 50%; }}
/*HERO BUTTON ANIMATION END*/

.hero-content__bottom{padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; margin-left: -3px;border-top-right-radius: 260px; border-bottom-left-radius: 60px;}

.hero-block .hero-image{position: relative; height: 450px; text-align: center;}
.hero-block .hero-image .hero-image__roundbg{height: 440px; background: rgb(0,0,216); background: linear-gradient(135deg, rgba(0,0,216,1) 0%, rgba(0,208,255,1) 100%); border-radius: 260px 56px 56px 260px; display: block; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px;}
.hero-block .hero-image img{position: absolute; top: -28px; margin: 0 auto; left: 0; right: 0;}

.hero-content__btngroup .btn{color: #fff; font-size: 12px; font-weight:600; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; padding-right: 30px;}
.hero-content__btngroup .btn:hover{opacity: 0.8;}
.hero-content__btngroup .btn:nth-child(1){background-color: #A900A6;}
.hero-content__btngroup .btn:nth-child(2){background-color: #019CAD;}
.hero-content__btngroup .btn:nth-child(3){background-color: #FF7700;}
.hero-content__btngroup .btn:nth-child(4){background-color: #3899FF;}

.hero-right-img img{ border-radius: 0 56px 56px 0;}

/*==============================================================================*/
/*==============================================================================*/
.knownfor-section{padding-top: 130px; margin-top: -105px; border-top:2px solid var(--color-primary); border-bottom:2px solid var(--color-primary)}
.knownfor-block img{height: 64px;width: 64px;}

/*==============================================================================*/
.service-section{padding-top: 100px;padding-bottom: 70px;}

.service-section .service-block:nth-child(odd) img{border-radius: 20px}
.service-section .service-block:nth-child(even) img{border-radius:20px}

.service-section .service-block {background-color: var(--color-primary-light-2); border:2px solid var(--color-primary); padding:5px}
 

.service-block{border-radius: 20px; margin-bottom: 56px;}
.service-block .service-block__media{position: relative;}
.service-block .service-block__background{height: 340px; width: 100%; border-radius: 40px 200px 200px 20px; opacity: 0.4; filter: grayscale(100%); position: absolute;left: 0;bottom: 0; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.service-block .service-block__image{position: relative; z-index: 5; margin-top: -24px;}

.service-block .service-block__content{max-width: 428px; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto;}
.service-block .service-block__button-wrap{gap:18px; padding-top: 30px;}
.service-block .service-block__button-wrap .btn{border-radius: 10px; display: inline-block; min-width: 110px; margin-right: 10px; padding: 20px 5px; text-transform: uppercase; background-color: #fff;}
.service-block .service-block__button-wrap .btn img{margin-bottom: 10px;}
.service-block .service-block__button-wrap .btn-transparent{background-color: var(--color-primary); border: 0; color: #fff;}

.service-block .service-block__button-wrap .btn:hover{background-color: rgb(0 0 0 / 30%);}

.service-block.service-block--reverse .row{flex-direction: row-reverse;}
.service-block.service-block--reverse .service-block__background{border-radius: 200px 40px 20px 200px; left: auto;right: 0;}


/*==============================================================================*/
/*==============================================================================*/
.whychoose-section{padding-top: 72px;position: relative; padding-bottom: 90px;}
.whychoose-section:before{content: ""; background-color: var(--color-primary); background-image: url(../images/logo-shape.svg); background-position: 110% 100%; background-repeat: no-repeat; width: 50%; position: absolute; left: 0; bottom: 0; top: 0; border-top-right-radius: 50px; }
.whychoose-section:after{content: ""; background-image: url(../images/whychoose-img.jpg); background-repeat: no-repeat; background-size: 50%; background-size: cover; background-position: top left; position: absolute; width: 50%; position: absolute;right: 0; top: 60px;bottom: -60px; border-bottom-left-radius: 50px; }

.whychoose-content{max-width: 440px; position: relative; z-index: 5;}
.whychoose-block{padding-top: 16px;padding-bottom: 16px;}

.whychoose-block .whychoose-block__icon{width: 80px;height: 80px; margin-right: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.whychoose-block .whychoose-block__icon.whychoose-block__icon--1{background-color: #FF7700;}
.whychoose-block .whychoose-block__icon.whychoose-block__icon--2{background-color: #A900A6;}
.whychoose-block .whychoose-block__icon.whychoose-block__icon--3{background-color: #00A982;}

.whychoose-block__title{}
.whychoose-block__description{}


/*==============================================================================*/
/*==============================================================================*/

.update-section{padding-top: 160px; padding-bottom: 80px;}

.update-title{color: var(--heading-color);}
.update-title a{color: var(--color-accent);}

.news-block .news-block__date{width: 72px;border: 2px solid var(--color-primary);}

.blog-block{margin-bottom: 30px;}
.blog-block:last-child{margin-bottom: 0;}
.blog-block .blog-block__image{max-width: 190px; width: 100%;}

/*==============================================================================*/
/*==============================================================================*/
/*WORDPRESS SEARCH BOX CSS*/
#ajaxsearchlite1 .probox, div.asl_w .probox, div.asl_w {background-color: #f0efff!important;background-image: radial-gradient(ellipse at center, var(--color-primary), var(--color-primary))!important;}

#ajaxsearchlite1 .probox, 
div.asl_w .probox, div.asl_w, 
#ajaxsearchlite1 .probox .proinput input, 
div.asl_w .probox .proinput input, 
div.asl_w .probox .promagnifier {}

div.asl_w .probox .promagnifier {width: 60px!important; background: #1c8aff!important;}

#ajaxsearchlite1.asl_w{border-radius: 60px!important;}

div.asl_r.vertical{margin-top: 0!important;}

/*==============================================================================*/
/*==============================================================================*/
/*BLOG LIST PAGINATION CSS*/
/*.---pagination CSS----*/
.pagination .page-item{}
.pagination .page-item .page-numbers{height: 45px; width: 45px; border: 1px solid var(--color-primary); display: flex; align-items: center; justify-content: center;margin-left: -1px;}
.pagination .page-item a.prev.page-numbers,
.pagination .page-item a.next.page-numbers{width: auto; padding-left: 20px; padding-right: 20px;}

.pagination .page-item.active .page-numbers,
.pagination .page-item .page-numbers:hover{background-color: var(--color-primary); color: #fff; border-color: var(--color-primary);}


.section-pagination .page-numbers.current, .section-pagination a.page-numbers:hover { background: var(--color-primary);color: #fff;border: 1px solid var(--color-primary);height: 45px;width: 45px; border: 1px solid #999;display: flex; align-items: center;justify-content: center;margin-left: -1px;}
.section-pagination .page-numbers {height: 45px;width: 45px;border: 1px solid #999;display: flex;align-items: center;justify-content: center; margin-left: -1px;}
.section-pagination .next.page-numbers{ width:auto !important;padding: 0 10px;}
.section-pagination .page-numbers>a {color: var(--color-primary);}

/*==============================================================================*/
/*==============================================================================*/
/*BLOG PAGE*/
aside.sidebar a:hover{color: var(--color-primary);}

/*#################_______BLOG DETAILS PAGE________##################*/
.blog-article-content{}
.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4,
.blog-article-content h5,
.blog-article-content h6{font-weight: 700;color: #222; margin-bottom: 10px;}
.blog-article-content ul,
.blog-article-content ol{margin: 0 0 1rem 0; padding: 0 0 0 18px;}
.blog-article-content ul li,
.blog-article-content ol li{margin: 0 0 0.5rem 0;}
.blog-article-content ul li{list-style: disc;}
.blog-article-content p a,
.blog-article-content ul li a,
.blog-article-content ol li a{font-weight: 600;}

.blog-article-content p,
.blog-article-content ul li,
.blog-article-content ol li{color: var(--bs-gray-700); font-size: 14px;}

aside.sidebar ul.articles_cats {margin: 0; padding: 0 0 0 20px;}
aside.sidebar ul.articles_cats li {list-style: disc;}


/*==============================================================================*/
/*==============================================================================*/
.testimonial-section{padding-top: 80px; padding-bottom: 80px;border-top:2px solid var(--color-primary); border-bottom:2px solid var(--color-primary)}
.testimonial-block .card{background-color: #EDF2F9; padding: 5px; border:0; border-radius: 10px;}
.testimonial-block .card .card-body{padding: 40px; background-color: #fff; border-radius: 10px; border: 1px solid #D9D9D9; position: relative;min-height: 390px;}
.testimonial-block .card .author-info{position: relative;}
.testimonial-block .card .author-info .playbtn{height: 30px; width: 30px; display: inline-block; position: absolute; right: 0; bottom: 20px; z-index: 5;}
.testimonial-block .card .author-info .playbtn img{width: 100%; height: auto;}
.testimonial-block .card .card-body .dq{position: absolute; right: 60px; top: 40px;}
.testimonial-block .card .card-body p{line-height: 170%;}
.testimonial-block .card .author-info img{height: 75px; width: 75px;}
/*==============================================================================*/
/*==============================================================================*/
.cta-section{background-color: var(--color-accent);background-image: url(../images/ctabg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}
.cta-image{margin-top: -30px;}
/*==============================================================================*/
/*==============================================================================*/
.footer-main .top-part{background-color:#0a0a52; padding:70px 0}
.footer-main .med-part{ padding-top:70px}

.footer-main{ font-size: 12px; background-color: #000043}
.footer-main h6{color:#fff; margin-bottom:20px; font-size:12px; font-weight: 500;text-transform: uppercase; letter-spacing:.03em}
.footer-main .social-handles a{font-size:20px;margin-right: 5px;margin-left: 5px;color:#212529;background: #fff;width: 45px;height:45px;display: inline-block; text-align: center; border-radius:50px;line-height: 45px; margin-top:5px}
.footer-main .social-handles a:hover{ background-color:#fff; color:#00009b}
 

.footer-main .footer-links ul li{margin-bottom:15px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a{color:#bfb2b2;}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover {color:#1663d7;}

.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}

.footer-main .ftr-contact-info .info-block h6{color:#fff; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}


.footer-btm{ font-size:12px; }
.footer-btm .copyrights,
.footer-btm .gototop{color:#a7afc3;}
.footer-btm .gototop a{color:#a7afc3;}
.footer-btm .gototop a i{height: 35px; width: 35px; background: #FF5A5A; font-size: 14px; color:#fff; display: flex; justify-content: center; align-items: center}
 
.ft-links li{ display:inline-block; padding-right:30px; margin-bottom:0 !important} 
 

.separator {overflow: hidden; margin: 40px 0 !important;}
.separator span {position: relative;padding:0 20px 0 0px;display: inline-block;max-width: 80%;}
.separator span:before, .separator span:after {content: "";position: absolute;width: 10000px;height: 1px;top: 50%;
border-bottom: 1px solid #333369;}
.separator span:before {left: -10000px;}
.separator span:after {left: 100%;}
.separator--left-aligned {text-align: left;}

.office-block { border-radius:16px; background-color:#0F0F51; padding:20px }


.newsletter-subscription{padding: 10px 40px; border-radius: 10px;background: #0F0F51; margin-top: 50px;}
.newsletter-block .input-group{border:1px solid #6f6f97; padding: 5px; border-radius:50px; }
.newsletter-block .input-group .form-control{border-color: transparent; background-color: transparent;color:#fff;}
.newsletter-block .input-group .btn{min-width: 166px; background-color:#fff; color:#000;}

.newsletter-block .input-group .form-control,
.newsletter-block .input-group .btn{height: 45px;border-radius:50px!important; font-size: 14px;}
.newsletter-block .input-group .btn:hover{ background-color:#1663d7; border-color:#1663d7; color:#fff}
.newsletter-block .input-group .form-control::placeholder {color: #fff;opacity: 1; /* Firefox */}
.newsletter-block .input-group .form-control::-ms-input-placeholder { /* Edge 12 -18 */color: #fff;}

.footer-btm .gototop a{background: #0f0f51;border-radius: 50px;padding: 10px 20px;float: right;display: flex;align-items: center; justify-content: space-between;}
.footer-btm .gototop a i{height: 35px; width: 35px;background-image: linear-gradient(to bottom, #1c8aff, #009eff, #00b0ff, #00c1ff, #00d0ff); font-size: 14px; color:#fff; display: flex; justify-content: center; align-items: center;margin-left: 10px;border-radius: 50px;}
.footer-btm .gototop a i:hover{ background-image: linear-gradient(to bottom, #0d6fd6, #007ed5, #008acf, #0094c5, #189dbb)}
 


/*****---Main Inner page START HERE*****---*/ 
.inner-banner-top { height:400px;background-color: #0d0d46;background-repeat: no-repeat; background-position: top center;}
.banner__title{ font-size:36px; line-height:40px;font-weight: 700; color:#fff}
.inner-banner-top .main-content { max-width: 520px; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: flex-start;align-content: flex-start; margin-top:-50px}

.inner-banner-top.landing-banner-in{background-size: cover;} 

/*breadcrumb*/
.gt-breadcrumb .breadcrumb{ font-size:12px}
.gt-breadcrumb .breadcrumb-item+.breadcrumb-item::before { padding-left: 10px; padding-right: 10px !important; color: rgba(255,255,255,.5);}
.gt-breadcrumb .breadcrumb a{ color: rgba(255,255,255,.5);}
.gt-breadcrumb .breadcrumb a:hover{ color: rgba(255,255,255,.8);}


.sec-spacing{ padding:50px 0}
.program-headings{ color:var(--heading-color); font-size:17px; font-weight:600;margin-bottom: 10px;position: relative;}
.program-headings:before {content: ""; height: 100%; width: 3px; background: #00009b; display: block; position: absolute; left: -20px; border-radius: 0 8px 8px 0; }


.program_course-left{ background: #fff;border-radius: 6px;overflow: hidden;padding:20px;margin-bottom: 20px;border: 1px solid #EAE6F0;font-size:14px; color:#444; line-height:22px; }
.program_course-left .program-Text{ font-size:13px; color:#444; line-height:22px }


.program-Outcomes ul, .should_attend-Ul ul{ list-style: none;padding: 0;}
.program-Outcomes li {position: relative;padding-left: 26px;margin-bottom: 15px;font-size: 13px; }
.program-Outcomes li:before {position: absolute; content: "\f00c";font-family:"FontAwesome";left: 0px;color: #1c8aff;font-size: 17px;}
 

.should_attend-Ul li { position: relative;padding-left: 25px;margin: 12px 0px; }
.should_attend-Ul li:before {position: absolute;content: '';left: 0px;top:7px; background:#6ABD43; width:8px; height:8px}

.Program_Coverage .faq-container { margin: 16px 0px 10px 0px;}
.Program_Coverage .faq-container .faq-block.isOpen, .Program_Coverage .faq-container .faq-block:hover { background: var(--color-primary-light-3);}
.Program_Coverage .faq-container .faq-block.isOpen .faq-header:after { color: #ED1F25;}
.Program_Coverage .faq-container .faq-header {padding: 12px 40px 12px 20px; font-size: 14px;}
.Program_Coverage .faq-container .faq-header:after {font-size: 18px;top:10px;}
.Program_Coverage .faq-container .faq-block {margin-bottom: 10px;}

.cancellation-text i {color: #F9A418; font-size: 20px; position: absolute;}
.cancellation-text p {position: relative; padding-left: 30px; font-weight:500 }
.cancellation-text.alert-secondary { background-color: var(--color-primary-light-3); border-color:var(--color-primary)}

.program_course-left a{ color: var(--color-primary)}
.pr-top-img{ border-radius:10px 10px 0px 30px}
 

/*FREQUENTLY ASKED QUESTIONS*/
.faq-container{ margin:30px 15px 10px 15px; } 
.faq-container .faq-block {box-shadow: 0 .100rem .10rem rgba(0,0,0,.075)!important; margin-bottom: 16px; border: 1px solid #d2d2d2; border-radius: 0; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear; -ms-transition: .2s all linear; transition: .2s all linear;}
.faq-container .faq-header {position: relative;padding: 20px 50px 20px 20px;font-size: 15px;font-weight: 600;color: #444;cursor: pointer;-webkit-transition: .2s all linear;-moz-transition: .2s all linear;-o-transition: .2s all linear;-ms-transition: .2s all linear;transition: .2s all linear;}
.faq-container .faq-header:after {content: "\f0d7"; display: inline-block;text-rendering: auto; font-family: "Font Awesome 6 Free"; text-rendering: auto;  position: absolute;  font-size: 20px; top: 18px; right: 24px; font-style: normal; -webkit-font-smoothing: antialiased; color:var(--color-primary); } 
.faq-container .faq-content {padding: 0 20px 0;font-size: 14px;line-height: 1.7;display: none;}
.faq-container .faq-content p{font-size: 13px;  }
.faq-container .faq-block.isOpen .faq-header {color: #000;} 
.faq-container .faq-block.isOpen .faq-header:after{transform: rotate(180deg); } 
.faq-container .faq-block.isOpen,
.faq-container .faq-block:hover {background: #fffefe;}

.p-side-bar-right {border: 2px solid var(--color-primary); box-shadow: 0 4px 10px rgb(58 93 200 / 20%); border-radius: 10px; overflow: hidden; position: sticky;top:5px; margin-bottom: 5px; }
.p-side-bar-right .program_details {background-color: #f7f0ff; border-radius: 10px 10px 0 0;}
.pheadings-right {font-size: 17px; font-weight: 700; text-align:center}

/*------ABOUT US PAGE------*/
.mission-vision .card-body .card-img {position: relative;display: inline;}
.mission-vision .card-body .card-img:before { content: "";position: absolute;background-color: rgba(5,48,150,0.2);width: 45px; height:45px; border-radius: 50%;top: -10px;right: -15px}
.mission-vision .vision-block{background: #fff;box-shadow: 0px 0px 18px 5px rgba(154, 161, 171, 0.18); -webkit-transition: -webkit-transform 0.3s ease 0s;transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;min-height: 350px;border: 1px solid #fff;}
.mission-vision .vision-block:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);border: 1px solid #d6eaff;}


.ul-box ul {margin: 10px 0;padding-left:0}
.ul-box ul li {margin-bottom: 12px;list-style: none;padding-left:25px;position: relative;}
.ul-box ul li::before {content: "\f105";position: absolute; font-family: "FontAwesome";left: 0;top: 0; color: var(--color-primary);}


.management-message{position: relative;}
.management-message:before{content: "";background-color: var(--color-primary-dark-1); display: block; height: 340px; position: absolute; left: 0;right: 0; top: 0; border-radius: 0 0 80px 80px; }
.message-container{padding: 40px;border-radius: 40px 40px 0 0;margin-top: 110px;}
.management-photo{margin: 0 auto; max-width: 140px;margin-top: -115px;}
.management-photo img{border: 8px solid var(--color-primary-dark-1);}

/*------CONTACT US PAGE------*/
.all-locations-sec {background: url(../images/map-dot.png) no-repeat center 100px;}
.global-top .nav-pills .nav-link.active, .global-top .nav-pills .show>.nav-link {color:var(--color-primary-light-3);background-color:  var(--color-accent);}
.global-top .nav-pills .nav-link { background:var(--color-primary-light-1);color:var(--form-control-border);margin-right: 20px; }
.global-top .location-icons{ width:60px;display: block;}

.inner-nav-sub-locations{ padding: 10px 0px; background:var(--color-primary-light-3);margin-bottom: 30px;}
.inner-nav-sub-locations .active {color: var(--color-primary-light-3);background-color:var(--color-primary);    border-radius: 5px;}
.inner-nav-sub-locations li{ padding-right:10px;}
.inner-nav-sub-locations li a{ padding: 10px;}


/*STICKY PANEL BUTTONS*/
.sticky-btn-panel{position: fixed; right: 15px; bottom: 20px; z-index: 99;}
.sticky-btn-panel .sticky-btn{ display:inline-block; border-radius: 50px;}
/*.sticky-btn-panel .btn-askgenie.revealbtn{transform: translate(0, 0);}
.sticky-btn-panel .sticky-btn i{}
.sticky-btn-panel .sticky-btn span{display: none;}
.sticky-btn-panel .sticky-btn-chat{background: #E91E63;}
.sticky-btn-panel .sticky-btn-callback{background: #03A9F4;}*/

.sticky-btn-panel .sticky-btn:hover{transform: scale(1.05);}

 
 
 .sticky-btn-panel .sticky-btn span {display: block; font-size: 13px; font-weight: 600; padding-left: 8px;line-height: 1;}

    .sticky-btn-panel .glowing-gradient{width: auto;}
    .sticky-btn-panel .glowing-gradient .btn{width: auto;height: 40px;}
 


/*_____________________Calculator Page CSS_______________________*/
#msform {text-align: center;position: relative;margin-top: 20px}
#msform fieldset {background: #fff; border: 0 none;border-radius: 0.5rem; box-sizing: border-box;width: 100%;margin: 0;padding-bottom: 20px; position: relative}
#msform fieldset:not(:first-of-type) {display: none}
#msform .action-button {width: 150px; background:  var(--color-primary-dark-1);color: white; border: 0 none;border-radius:50px;cursor: pointer;padding: 10px 5px; margin: 10px 0px 10px 5px;float: left;}
#msform .action-button:hover,
#msform .action-button:focus { background-color:#091437}
#msform .action-button-previous { width: 150px; background: #616161;color: #fff;border: 0 none; border-radius: 50px; cursor: pointer; padding: 10px 5px;margin: 10px 5px 10px 0px;float: left;}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {background-color: #000000}
.main-book-fom .card { z-index: 0; border: none; position: relative}
.main-book-fom .fs-title {font-size:18px; color:  var(--color-primary-dark-1); margin-bottom: 15px;}


#progressbar { margin-bottom: 30px;overflow: hidden; color: lightgrey}
#progressbar li { list-style-type: none;width:12%;float: left;position: relative;font-weight: 400}
#progressbar span{width: 30px;height: 30px;line-height: 25px;display: block;font-size: 15px;color: #ffffff;background: lightgray;  border-radius: 50%;margin: 0 auto 10px auto;padding: 2px;}
#progressbar  .active span{background: var(--color-primary-dark-1)}
#progressbar li:before {width:30px; height: 30px;line-height:25px; display: block;font-size:15px;color: #ffffff; background: lightgray;border-radius: 50%; margin: 0 auto 10px auto;padding: 2px}
#progressbar li:after { content: '';width: 100%;height: 2px;background: lightgray;position: absolute;left: 0;top: 15px;z-index: -1}
#progressbar li.active:before,
#progressbar li.active:after { background: var(--color-primary-dark-1)}
.main-book-fom .progress { height:15px}
.main-book-fom .progress-bar { background-color: var(--color-primary-dark-1)}

.stp-sec-block .btn-group{ margin-bottom:15px}

.stp-sec-block .btn-check:checked+.btn, .stp-sec-block .btn.active, .stp-sec-block .btn.show, .stp-sec-block .btn:first-child:active, .stp-sec-block:not(.btn-check)+.btn:active {color:#fff;background-color:var(--color-primary-dark-1);border-color: var(--color-primary-dark-1);}      
.stp-sec-block .btn-outline-primary{color: #777;border-color: #777;border-radius:5px!important;font-size: 13px;}
.stp-sec-block .btn-check+.btn:hover { border-color: var(--color-primary-dark-1)}


/*_____________________Calculator Page_______________________*/
#msform {text-align: center;position: relative;margin-top: 20px}
#msform fieldset {background: #fff; border: 0 none;border-radius: 0.5rem; box-sizing: border-box;width: 100%;margin: 0;padding-bottom: 20px; position: relative}
#msform fieldset:not(:first-of-type) {display: none}
#msform .action-button {width: 150px; background:  var(--color-primary-dark-1);color: white; border: 0 none;border-radius:50px;cursor: pointer;padding: 10px 5px; margin: 10px 0px 10px 5px;float: left;}
#msform .action-button:hover,
#msform .action-button:focus { background-color:#091437}
#msform .action-button-previous { width: 150px; background: #616161;color: #fff;border: 0 none; border-radius: 50px; cursor: pointer; padding: 10px 5px;margin: 10px 5px 10px 0px;float: left;}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {background-color: #000000}
.main-book-fom .card { z-index: 0; border: none; position: relative}
.main-book-fom .fs-title {font-size:18px; color:  var(--color-primary-dark-1); margin-bottom: 15px;}


#progressbar { margin-bottom: 30px;overflow: hidden; color: lightgrey}
#progressbar li { list-style-type: none;width:11%;float: left;position: relative;font-weight: 400}
#progressbar #stp1:before {content: "1"}
#progressbar #stp2:before {content: "2"}
#progressbar #stp3:before {content: "3"}
#progressbar #stp4:before {content: "4"}
#progressbar #stp5:before {content: "5"} 
#progressbar #stp6:before {content: "6"} 
#progressbar #stp7:before {content: "7"} 
#progressbar #stp8:before {content: "8"} 
#progressbar #complete:before {content: "9"}
#progressbar li:before {width:30px; height: 30px;line-height:25px; display: block;font-size:15px;color: #ffffff; background: lightgray;border-radius: 50%; margin: 0 auto 10px auto;padding: 2px}
#progressbar li:after { content: '';width: 100%;height: 2px;background: lightgray;position: absolute;left: 0;top: 15px;z-index: -1}
#progressbar li.active:before,
#progressbar li.active:after { background: var(--color-primary-dark-1)}
.main-book-fom .progress { height:15px}
.main-book-fom .progress-bar { background-color: var(--color-primary-dark-1)}

.stp-sec-block .btn-group{ margin-bottom:15px}

.stp-sec-block .btn-check:checked+.btn, .stp-sec-block .btn.active, .stp-sec-block .btn.show, .stp-sec-block .btn:first-child:active, .stp-sec-block:not(.btn-check)+.btn:active {color:#fff;background-color:var(--color-primary-dark-1);border-color: var(--color-primary-dark-1);}      
.stp-sec-block .btn-outline-primary{color: #777;border-color: #777;border-radius:5px!important;font-size: 13px; margin-bottom:5px}
.stp-sec-block .btn-check+.btn:hover { border-color: var(--color-primary-dark-1)}
/*----wordpress css start here-----*/
.wpcf7 .form-check { padding-left: .7em;font-size: 14px;}
.wpcf7 form .wpcf7-response-output { margin: 0;padding: 0;border: transparent; font-size: 13px;}
.wpcf7 form.sent .wpcf7-response-output {color: #00009b; border-color: transparent !important;}
.wpcf7-spinner{ display:none !important}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #ffb900;border-color: transparent !important;}
.wpcf7 form .wpcf7-response-output {margin: 7px 0 0 0;padding: 0;border-color: transparent !important;}


.Google-translator{ display: inline-grid;margin-left: 20px;}
#google_language_translator{ height:30px}
.Google-translator .goog-te-combo{ font-weight:600}


/*FIXED CONTENT BUTTONS*/
.contact-fixed{position: fixed;bottom: 20px;z-index: 9;}
.contact-fixed.left{left: 30px; display:none}
.contact-fixed.right{left: 30px;}
.contact-fixed .call-btn, 
.contact-fixed .whatsapp-btn{color: #fff; height: 60px; width: 60px; border-radius: 50%; background-color: #ddd;display: flex; justify-content: center; align-items: center; text-align: center;}
.contact-fixed .call-btn{font-size: 20px; box-shadow: 0 8px 10px rgb(205 148 82 / 50%); background-color:#cd9452; -webkit-animation:highlight1 linear 1s infinite; animation:highlight1 linear 1s infinite;}
.contact-fixed .whatsapp-btn{font-size: 28px; box-shadow: 0 8px 10px rgb(16 180 24 / 50%); background-color: #10b418;-webkit-animation:highlight2 linear 1s infinite; animation:highlight2 linear 1s infinite;}
.contact-fixed i{-webkit-animation: opsimple 2s infinite; animation: opsimple 2s infinite;}
@keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }
@-webkit-keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }
@-webkit-keyframes highlight1 {0% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 40% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 80% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067) } 100% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0) } }
@keyframes highlight1 {0% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 40% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 80% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067) } 100% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0) } }
@-webkit-keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }
@keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }

/*#####################__________statistics SECTION__________########################*/
.results-hight{ height:220px}
.results_speakblock{background-image: linear-gradient(to right, #f0f4f7, #f4f7f9, #f8f9fb, #fcfcfd, #ffffff);padding: 40px;margin-top: 55px; margin-bottom:-160px} 
.res-img { position:absolute; right:0; bottom:-5px}
 
.counter_wrap .stat-number {font-weight:600; font-size:50px; margin-bottom: -10px;}
.counter_wrap p{ line-height: 23px;font-size: 15px;} 
.counter_wrap .plus{ font-size:42px}

/*##############################################################################*/
/*##################_______________MEDIAQUERIES______________###################*/
/*##############################################################################*/

@media (max-width: 1399.98px) {

}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 1199.98px) {
 .main-header__navbar .navbar .nav-link {padding-left: 40px;padding-right: 40px;} 
 .main-header__navbar .navbar .nav-item .dropdown-menu a {font-size: 14px;}
 /*INNER LANDING PAGE BANNER*/
 .inner-banner-top.landing-banner-in {height:350px;}    
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 991.98px) {
     /*INNER LANDING PAGE BANNER*/
     .inner-banner-top.landing-banner-in {height:300px;}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 767.98px) {
     /*INNER LANDING PAGE BANNER*/
     .inner-banner-top.landing-banner-in {height: 250px;}
     .inner-banner-top.landing-banner-in .main-content{max-width: 350px;}
     .inner-banner-top.landing-banner-in .banner__title {font-size: 28px; line-height: 1.2;}
}

/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 639.98px) {
     /*INNER LANDING PAGE BANNER*/
     .inner-banner-top.landing-banner-in {height: 220px;}
     .inner-banner-top.landing-banner-in .main-content{max-width: 340px;}
     .inner-banner-top.landing-banner-in .banner__title {font-size: 24px; line-height: 1.1;}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 575.98px) {
/*INNER LANDING PAGE BANNER*/
.inner-banner-top.landing-banner-in {height: auto; background-image: none!important;}
.inner-banner-top.landing-banner-in .main-content{max-width: 100%; margin-top: 0; padding-top: 15px;}
.inner-banner-top.landing-banner-in .banner__title {font-size: 24px; line-height: 1.3;}
.inner-banner-top.landing-banner-in .main-content p {font-size: 16px; line-height: 1.4;}

.menu-for-mob{ display: flex;justify-content: space-between;align-items: center;} 
.main-header__logo img{ width: 75%} 
.main-header__navbar .navbar .nav-link { padding : 10px;margin: 0}
.navbar-nav .dropdown-menu { border-radius: 0;}
 navbar-nav .dropdown-menu:hover{ display:block} 
.dropdown-toggle::after {float: right; margin-top: 10px;}
.hero-content__top {padding: 0px;text-align: center;display: flex; flex-direction: column-reverse;}
.hero-content__top .hero-content__wrap {padding: 24px; border-bottom: 1px solid #ddd;}
.hero-section {padding-top: 30px}
.hero-block {height: auto;}
.mobile-bannerimg img{ border-radius: 56px 56px 0 0;} 
.hero-content__top .fs28 {font-size: 22px}
.hero-content__top .fs17 {font-size: 13px}
.hero-content__bottom {padding-top: 25px;padding-bottom: 20px;padding-left: 10px;padding-right: 10px;margin: -3px;border-top-right-radius:0px;border-bottom-left-radius: 55px;border-bottom-right-radius: 55px;text-align: center;margin-top: 20px;}
.hero-content__btngroup .btn {font-size: 11px;padding-left: 20px;padding-right: 20px;}
.knownfor-block{ display:block !important; text-align:center}
.knownfor-block img{ margin-bottom:10px}
.knownfor-title{ text-align: center}
.knownfor-block .me-3{ margin-right: 0 !important; }

 
.service-block .service-block__content {padding-left: 10px;padding-right:10px;margin-top: 15px;text-align: center;}
.service-block .service-block__background {height: 100%;border-radius: 0px !important;}
.service-block .service-block__button-wrap .btn{min-width: 90px;margin-right: 5px;padding:10px 5px;margin-bottom: 15px}
.service-section {padding-top: 65px;padding-bottom: 10px}

.whychoose-section::after{ display:none}
.whychoose-section::before { width:100%}
.whychoose-section {padding-top: 70px;padding-bottom: 70px;}
.whychoose-content .btn-light, .cta-content .btn-light{ width:100%}

.update-section, .testimonial-section {padding-top: 50px;padding-bottom: 50px}

.news-block .fs15{ font-size:13px }
.update-title{ display: flex;align-items: center;justify-content: space-between;margin: 15px 0;}
.blog-block {display: block !important}
.blog-block .blog-block__image {max-width: 100%}
.cta-image {margin-top: 25px}
.number-btms{ margin:10px 0 0 10px}
.footer-main .top-part {padding: 40px 0;text-align: center}
.footer_logo img{width: 140px;margin-bottom: 15px;}

.ft-links{ text-align: center;}
.newsletter-subscription {margin-top: 30px;text-align: center; padding:10px}
.newsletter-block { margin-top:10px}
.gtt{ display:none}
.footer-btm .gototop a { padding: 5px 0px;float: none;justify-content: center}
.footer-btm .copyrights {padding: 10px 0;text-align: center;}

.cta-section, .footer-main, .knownfor-section{overflow:hidden}

.service-section .service-block:nth-child(odd) img, .service-section .service-block:nth-child(even) img{border-radius: 17px 17px 0 0}
 
.Google-translator { float: right;}
.whychoose-content .btn-prime, .cta-content .btn-prime {width: 100%;}


.contact-fixed.right { left: 10px;}
.contact-fixed {bottom: 75px;}
.sticky-btn-panel {right: 0;bottom: 5px;width: 100%}
.sticky-btn-panel .glowing-gradient .btn, .sticky-btn-panel .glowing-gradient, .sticky-btn-panel .sticky-btn { width: 100%;}
}

@media (max-width: 380px) {	
.hero-content__btngroup .btn {padding-left: 15px;padding-right: 15px;}
.service-block .service-block__button-wrap .btn {margin-right: 2px;}
.ft-links li { padding-right: 20px}
.news-block .fs15 {font-size: 12px}
.update-title {font-size: 23px}
.whychoose-section::before {border-top-right-radius: 0}	
}