/* STARt:  GLOBAL STYLES
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body, p, h1, h2, h3, h4, span, button, input, optgroup, select, textarea { font-family: "Poppins", sans-serif; }

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
h1,h2,h3,h4,h5 {
  color: #0844a3 !important;
}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  /*border: none !important;
  outline: 0 !important;
  box-shadow: none !important;*/
}
@media only screen and (max-width: 1000px){
	.mobile_center_desktop_left_align { width: 100%; flex: 0 0 100%; max-width: 100%;text-align: center;}
	.image-col { display: block; width: 100%; flex: 0 0 100%; max-width: 100%; }
}
.display_block{ display: block !important; }
.py-10{ padding: 10px 0px; }
.py-20{ padding: 20px 0px; }
.py-30{ padding: 30px 0px; }
.py-35{ padding: 35px 0px; }
.py-40{ padding: 40px 0px; }
.py-50{ padding: 50px 0px; }
.py-55{ padding: 55px 0px; }
.py-60{ padding: 60px 0px; }
.py-80{ padding: 80px 0px; }
.title-h1{ font-size: 44px; line-height: 52px; margin-bottom: 20px; }
.title-h2 {
  font-size: 38px;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin-bottom: 8px;
}
.title-h3{ font-size: 32px; line-height: 52px; margin-bottom: 10px;  font-weight: 600;}
h3 { line-height: inherit; }
@media only screen and ( max-width: 1000px ){
.title-h1{ font-size: 42px; line-height: 50px; }
}
@media only screen and ( max-width: 640px ){
.title-h1{ font-size: 32px; line-height: 40px;font-weight: 500;}
}

.title-divider {width: 15%; margin: 1rem auto; opacity: unset;}
.divider-blue{ border-top: 4px solid #003ea0; }
.divider-red{ border-top: 4px solid #e60000; }
.deskopViewOnly{ display: none; }
@media (min-width: 768px){ .deskopViewOnly{ display: block; } .showOnTabMob{ display:none; }}
@media (max-width: 767px){ 
    .hideOnTabMob{ display:none; } 
    .showOnTabMob{ display:block; }
}
.display-none{ display: none !important; }
/* START: Buttons CSS  */
.blue-button { display: inline-block; vertical-align: top; color: #fff !important; padding: 15px 50px; text-transform: uppercase; background: linear-gradient(#003ea0, #003ea0); background: -webkit-linear-gradient(#003ea0, #003ea0); border-radius: 50px; font-weight: 600; font-size: 16px; border: none; letter-spacing: 2px; width: auto; cursor: pointer; box-shadow: none; text-decoration: none;}
.blue-button:hover {
  text-decoration: none;
}
.red-button {
  display: inline-block !important;
  vertical-align: top !important;
  color: #fff !important;
  padding: 15px 50px !important;
  text-transform: uppercase !important;
  background: linear-gradient(#e60000, #e60000);
  background: -webkit-linear-gradient(#e60000, #e60000);
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border: none !important;
  letter-spacing: 2px;
  width: auto;
  cursor: pointer !important;
  box-shadow: 0 4px 15px 0px rgb(230 0 0 / 60%);
  -webkit-box-shadow: 0 4px 15px 0px rgb(230 0 0 / 60%);
  text-decoration: none;
}
.blue-button:hover, .red-button:hover{ color: #ffffff !important; }
/* END: Buttons CSS */

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgb(0 62 160); }

/* END:  GLOBAL STYLES
-------------------------------------------------- */





/* START: Header CSS */


.header { background: #ffffff; position: absolute; width: 100%; transition: 0.9s ease; }
.header .custom_navbar .container { background: #ffffff !important; z-index: 9999; }
.notification-div .col-11.col-sm-4{
  z-index: 99999 !important;
}
body .notification-div .alert.alert-danger {
  background-color: #fa999d;
}
body .notification-div .fa {
  font: normal normal normal 25px/1 FontAwesome !important;
}
/* START: Sticky Header CSS */
.header.sticky { background: #ffffff !important; position: fixed; top: 0; width: 100%; background: #f3f8fb; z-index: 999; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);box-shadow: 0 1px 2px 0px rgb(0 62 160 / 60%); -webkit-box-shadow: 0 1px 2px 0px rgb(0 62 160 / 60%); }
.header.sticky .navbar-dark .navbar-nav .nav-link { color: #003ea0; }
/* END:  Sticky Header CSS*/
.header .custom_navbar #main_menu { justify-content: flex-end; }
.header .custom_navbar #main_menu ul li a { padding: 13px 18px; letter-spacing: 0; font-size: 18px; border-bottom: 2px solid transparent;font-family: 'Roboto', sans-serif;
    color: rgb(0 62 160) !important;}
.custom_navbar { padding-left: 0; padding-right: 0; }
.navbar-dark .navbar-nav .nav-link{color: #003ea0;}
.nav-link.red-button { border-radius: 50px; text-transform: uppercase !important; color: #fff !important; font-size: 14px !important; line-height: 24px; margin-left: 15px; margin-top: 6px; padding: 6px 15px !important; }
.nav-link.red-button:hover, .nav-link.blue-button:hover{ color: #f6f6f6 !important; }
#main_menu .navbar-nav .nav-item .nav-link:hover{color: #e60000 !important;}
.main-logo{ max-height: 90px; }
.dropdown-item{ color: #003ea0; }
.header .custom_navbar #main_menu ul li.dropdown .dropdown-menu {
  display: block;
  border: 0px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: transform .2s ease,opacity .2s ease;
  padding: 0;
  margin-top: 10px;
}
.nav-text{padding-bottom:5px;}
.header .custom_navbar #main_menu ul li.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;}
.header .custom_navbar #main_menu ul li.dropdown .dropdown-menu:before{content:'';position:absolute;width:14px;height:0;border:7px solid transparent;border-bottom:7px solid #fff;top:-14px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);}
.header .custom_navbar #main_menu ul li.dropdown .dropdown-menu a{padding:10px 15px;}
.header .custom_navbar #main_menu ul li.dropdown .dropdown-menu a:hover{outline:0;background-color: #f3f8fb; color: #e60000 !important;}
.header .custom_navbar #main_menu ul li a.button { padding: 6px 15px; background: #003ea0; border-radius: 50px; text-transform: uppercase !important; color: #fff !important; font-size: 14px; line-height: 24px; margin-left: 15px; margin-top: 6px; }
.header .custom_navbar #main_menu ul li a.button:hover {
  color: #fff !important;
}
.banner_home{height:100vh;padding-top:80px;display:flex;align-items:center;}
.header .custom_navbar #main_menu ul li.dropdown .dropdown-menu a.active{background:transparent;color:#4284fc;font-weight:bold;}
.navbar-dark .navbar-toggler {  color: rgb(0, 62, 160);  border-color: rgb(0, 62, 160); }
.header .custom_navbar button.navbar-toggler span.toggler-icon { width: 22px; height: 2px; background: #003ea0; display: block; margin: 5px 0; }
.navbar-toggler:focus{ box-shadow: none !important; }
.navbar .navbar-nav .nav-link {
    color: #003ea0 !important;
    text-transform: none !important;
}
.navbar .navbar-nav .nav-link .fa-angle-down {
  display: none;
}
.dropup .dropdown-toggle:after, .dropdown .dropdown-toggle:after {
    margin-left: 8px !important;
}
.dropdown-menu {
  top: 72px !important;
}
.dropdown-menu:after {
  display: none !important;
}
@media (max-width: 550px){ 
    .header .custom_navbar #main_menu { margin-top: 20px; border-top: 2px solid #ff000014; padding-bottom: 35px; padding-top: 10px; }
    .header .custom_navbar #main_menu ul li.dropdown .dropdown-menu{ display:none; margin-bottom: 15px; margin-left: 15px;} 
    li.nav-item.line_button { margin-bottom: 15px; }
}

/* END: Header CSS */


/* START: Footer CSS */
.footer-col-title{font-size: 24px; font-weight: 600;}
.footer-col-logo{ margin-bottom: 20px; }
#footer-sec { background-color: #ffffff; }
.quick-links-ul, .pte-know-ul, .connect-with-us-ul { padding-left: 5px; }
.quick-links-ul li::marker, .pte-know-ul li::marker, .connect-with-us-ul li::marker{ content: none; }
.quick-links-ul li, .pte-know-ul li, .connect-with-us-ul li { padding-bottom: 10px; font-size: 18px; }
.quick-links-ul li a, .pte-know-ul li a, .connect-with-us-ul li a { text-decoration: none; font-size: 18px;color: #007bff; }
/* END: Footer CSS */


/* START: Slider Section */
.carousel-item0 { background-image: url('../../images/20task/images/home-banner-01-optimized.jpg'); }
.carousel-item1 { background-image: url('../../images/20task/images/home-banner-02-optimized.jpg'); }
.carousel-item2 { background-image: url('../../images/20task/images/home-banner-03-optimized.jpg'); }
.carousel-item3 { background-image: url('../../images/20task/images/home-banner-04-optimized.jpg'); }
.carousel-item4 { background-image: url('../../images/20task/images/home-banner-05-optimized.jpg');}
.carousel-item { max-height: 600px; background-position: 0% 50%; background-repeat: no-repeat; background-size: cover; height: 100vh; transition: none !important; }
.carousel-item > img { display: none !important; }
.space-after-nav{ padding-top: 90px; }
.carousel-caption{     top: 30%; }
.carousel-caption h1 { font-weight: 600; font-size: 30px; color: #ffffff !important;}
.carousel-caption p { color: #ffffff; font-size: 24px; font-weight: 500; }
.slider-divider { width: 15%; margin: 1rem auto; opacity: unset; }
.slider-divider-blue { border-top: 4px solid #003ea0; }
.slider-divider-red { border-top: 4px solid #e60000; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: #e60000; }
.carousel-indicators [data-bs-target] {
  background-color: #e60000;
  height: 6px;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
.carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
    -o-transition: -o-transform 0.2s ease-in-out !important;
    transition: transform 0.5s ease-in-out !important;
}
/* END: Slider Section */


/* START:  Home First Section CSS*/
.home-banner .middle_block .content h1 { font-weight: 600; }
@media (max-width: 995px){ .home-banner .middle_block .content .blue-button { margin-bottom: 50px; } }
@media (min-width: 550px) and (max-width: 1000px) { .home-banner-image { width: 70% !important; margin-left: 15%; }  }
.first-section { padding-top: 156px; background-color: #f3f8fb;}
.home-banner .middle_block .content p { font-size: 20px; line-height: 28px; color: #000; font-weight: 400; border-left: 2px solid #e60000; padding: 0px 30px; margin: 40px 0; }
.home-banner-image{ width: 100%; }
/* END:  Home First Section CSS*/


/* START: Home Features Section CSS */
#features-section { background: #F9FAFF 0% 0% no-repeat padding-box; opacity: 1; background-image: url(/20task/images/home-second-sec-bg.svg); background-repeat: no-repeat; background-position: bottom; background-size: contain;}
.section-container-bg-bubble{ 
    /*background-image: url("/20task/images/home-second-sec-bg.svg"); background-repeat: no-repeat;*/
}
.sec-title { margin-bottom: 60px; }
.features-box{ width: 100%; margin: 0 auto 50px; }
.features-box.box_features_top { margin-bottom: 50px; }
@media (min-width:  767px) and (max-width: 991px){
    .features-section .container .sec-content .row .col-lg-6 { width: 50%; }
}

/* New css */
.twtask-flip-card-front h2 { font-size: 22px; font-weight: 600; margin-top:10px; }
.twtask-flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
  margin-bottom: 25px;
}
.twtask-flip-card-front, .twtask-flip-card-back { padding-top: 28%; }
@media ( max-width:767px ){
    .twtask-flip-card { margin-bottom: 40px; }
}

.twtask-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0px 3px 20px #1E3E5D19; 
  opacity: 1;
}

.twtask-flip-card:hover .twtask-flip-card-inner {
  transform: rotateY(180deg);
}

.twtask-flip-card-front, .twtask-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.twtask-flip-card-front {
  background: #FFFFFF 0% 0% no-repeat padding-box;;
  color: black;
  padding: 25px;
  padding-top: 20.5% !important;
}
/*.twtask-flip-card-front-icon{margin-top: 30%;}
@media (min-width:  650px) and (max-width: 767px){
    .twtask-flip-card-front-icon{margin-top: 15%;}
}*/
.twtask-flip-card-back {
  background-color: rgb(0 62 160 / 60%);
  color: white;
  transform: rotateY(180deg);
  padding: 25px;
}
.twtask-flip-card-front img{  }
.twtask-flip-card-back p { padding-top: 15.5% !important; }
/* END: Home Features Section CSS */

/* START: Home  About Us Section CSS */
/* Style the ed_tab */ 
.ed_tab {  } 
.tabRowcol{float: left;}
/* Style the buttons inside the ed_tab */ 
.ed_tab .row { margin-bottom: 2%; }
.ed_tab button {
  color: rgb(0 62 160 / 59%);
  background: #fff;
  position: relative;
  border: 2px solid;
  width: 100%;
  text-align: center;
  border-radius: .25rem;
}
/* Change background color of buttons on hover */ 
.ed_tab button:hover { } 
/* Create an active/current "ed_tab button" class */ 
.ed_tab button.active { color: #ffffff; background: #003ea0; border: 1px solid; }
.ed_tab button::before { content: ''; display: block; border-top: 8px solid transparent; border-left: 10px solid #003ea0; border-bottom: 8px solid transparent; position: absolute; top: 95%; right: 47%; opacity: 0; -ms-transform: rotate(90deg); transform: rotate(90deg); }
.ed_tab button.active::before { opacity: 1; }
/* Style the ed_tab content */ 
.ed_tabcontent {  }
.ed_tabcontent_image { width: 100%; max-height: 700px; object-fit: cover; border-radius: 6px; box-shadow: 0px 3px 20px #1E3E5D19; -webkit-box-shadow: 0px 3px 20px #1E3E5D19;}


.about-us-sec{background-color: #ffffff;}
.nav-pills-custom .nav-link { color: rgb(0 62 160 / 59%); background: #fff; position: relative; border: 2px solid;} 
.nav-pills-custom .nav-link.active { color: #003ea0; background: #fff; border: 1px solid; } 
/* Add indicator arrow for the active tab */ 
@media (min-width: 992px) { 
    .nav-pills-custom .nav-link::before { content: ''; display: block; border-top: 8px solid transparent; border-left: 10px solid #fff; border-bottom: 8px solid transparent; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); opacity: 0; } 
    } 
    .nav-pills-custom .nav-link.active::before { opacity: 1; }
.ed_tabcontent h3 { display: none;}
@media ( max-width:768px ){
    .tabLinkRowcol{ display: none; }
    .tabContentRowcol{width: 90%; margin-left: 5%;}
    .ed_tabcontent { box-shadow: none !important; background: transparent !important; display: block !important; }
    .ed_tabcontent .firsth3 {margin-top: 0;}
    .ed_tabcontent h3 { display: block; margin: 50px 0px 30px 0px; text-align: center; font-weight: 600; }
}
.cta-row{padding-top: 40px;}
.cta-row div a{text-decoration: none;}
/* START: Home  About Us Section CSS */



/* START: Home  Process Section CSS */
.process-sec{ background: #F9FAFF 0% 0% no-repeat padding-box; opacity: 1; background-image: url(/20task/images/home-second-sec-bg.svg); background-repeat: no-repeat; background-position: bottom; background-size: contain; }
.process-box{ border: 1px solid #ececec; border-radius: 4px; text-align: center; margin-bottom: 20px; padding: 20px 10px; background: #ffffff; transition: 0.4s ease; cursor: pointer; }
.process-box:hover { box-shadow: 0 9px 37px -5px rgb(0 0 0 / 18%); }
.process-link-btn {
  font-size: 18px;
  text-decoration: none;
  color: #007bff;
}
.process-link-btn:hover {
  color: #0056b3;
  text-decoration: none;
}
.process-arrow { font-size: 20px; font-weight: 800; }
/* START: Home  Process Section CSS */



/* START: Home  Testimonial Section CSS */
#testimonialSection{ padding-top: 80px; }
#testimonialSection .sec-title.text-center { margin-bottom: 0px; }
#testimonialSection .sec-sub-title { margin-bottom: 0; padding-bottom: 10px;}
#testimonialSection { background-color: #ffffff; }
.gtco-testimonials { position: relative; margin-top: 0px;background-color: #ffffff; padding-bottom: 80px; overflow-x: hidden;} 
.gtco-testimonials h2 { font-size: 30px; text-align: center; color: #333333; margin-bottom: 50px; } 
.gtco-testimonials 
.owl-stage-outer { padding: 30px 0; } 
.gtco-testimonials .owl-nav { display: none; } 
.gtco-testimonials .owl-dots { text-align: center; margin-top: 30px; background-color: transparent; border: none;} 
.gtco-testimonials .owl-dots span { position: relative; height: 10px; width: 10px; border-radius: 50%; display: block; background: #fff; border: 2px solid #003ea0; margin: 0 5px; } 
.gtco-testimonials .owl-dots .active { box-shadow: none; } 
.gtco-testimonials .owl-dots .active span { background: #003ea0; box-shadow: none; height: 12px; width: 12px; margin-bottom: -1px; } 
.gtco-testimonials .card { background: #fff; box-shadow: 0 8px 30px -7px #c9dff0; margin: 0 20px; padding: 0 10px; border-radius: 20px; border: 0; } 
.gtco-testimonials .card .card-img-top { max-width: 100px; border-radius: 50%; margin: 15px auto 0; box-shadow: 0 8px 20px -4px #95abbb; width: 100px; height: 100px; } 
.gtco-testimonials .card h5 { color: #003ea0; font-size: 21px; line-height: 1.3; } 
.gtco-testimonials .card h5 span { font-size: 18px; color: #666666; } 
.gtco-testimonials .card p { font-size: 18px; color: #555; padding-bottom: 15px; } 
.gtco-testimonials .active { opacity: 0.5; transition: all 0.3s; } 
.gtco-testimonials .center { opacity: 1; } 
.gtco-testimonials .center h5 { font-size: 24px; } 
.gtco-testimonials .center h5 span { font-size: 20px; } 
.gtco-testimonials .center .card-img-top { max-width: 100%; height: 120px; width: 120px; } 
.twtask-left-quote, .twtask-right-quote { font-size: 32px; font-weight: 600; color: #003ea0; line-height: 18px; }
@media (max-width: 767px) { 
    /*.gtco-testimonials { margin-top: 20px; } */
} 
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { outline: 0; } 
.owl-carousel button.owl-dot { outline: 0; margin-top: 40px; background: transparent; border: none;}
/* START: Home  Testimonial Section CSS */



/* START: Home  FAQ Section CSS */
.faq-section{ background: #F9FAFF 0% 0% no-repeat padding-box; opacity: 1; background-image: url(/20task/images/home-second-sec-bg.svg); background-repeat: no-repeat; background-position: bottom; background-size: contain; }
/* START: Home  FAQ Section CSS */

/* START: Home  Horizontal CTA Section CSS */
.horizontalCta { background-color: #003ea0; }
.horizontalCta-heading h2 {
    color: #ffffff !important;
    margin-bottom: 20px;
    font-weight: 500;
}
/* START: Home  Horizontal CTA Section CSS */



/* START: Inner Page First  Section CSS */
.inner-page-first-section { background-color: #fff8ff;text-align: center;  }
/* START: Home  Section CSS */
.breadcum {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin: auto;
}
.inner-page-first-section .main-heading {
    color: #fff !important;
    font-weight: 500;
    margin-bottom: 0;
}
/* START: Mobile Specific CSS  */
@media screen and (max-width:  565px){
    .red-button, .blue-button{ padding: 13px 22px; font-size: 15px; letter-spacing: 1px; }
}
/* END: Mobile Specific CSS  */
.sec-title p.sec-sub-title {
    line-height: 24px;
}
p.description {
    color: #212529;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}
.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 1px !important;
  margin-bottom: 0 !important;
}
.ed_tabcontent
{
  display: none;
}
.ed_tabcontent.active
{
  display: block;
}
body .bottomBtns button.btn:hover,
body button.btn:hover,
body .bottomBtns button.btn:focus,
body button.btn:focus,
body button.btn:active,
body .bottomBtns button.btn:active,
body .btn-info:active,
body .btn-info:focus {
    color: #1962d8 !important;
    border-color: #1962d8 !important;
    background: transparent !important;
}
.contentOuter .registerLink h3 {
    color: #fff  !important;
}