@charset "UTF-8";

/*
Theme Name: Icdc
Theme URI: https://wordpress.org/themes/Icdc/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

/* Base Style */
body {
    color: #000;
    font-family: 'Lato', sans-serif;
}

a:hover {
    color: inherit;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 1rem;
}
/* Custom Classes */
.--divider {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.text-yellow {
    color: #c18202;
}

.text-blue {
    color: #0042d1;
}

.btn-yellow {
    color: #fff;
    background-color: #c18202;
    transition: .1s ease all;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #c18202;
}

.btn-gradient-yellow {
    color: #fff;
    background-color: #c18202;
    background-image: linear-gradient(to right, #c18202, #e8b03d);
}

@media (max-width: 767px) {
    .--divider {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

/* Bootstrap Modified */
.h2, h2 {
    font-weight: 700;
}

.h3, h3 {
    font-weight: 600;
	font-size: 2.5rem;
}

.btn,
.form-control {
    border-radius: 0px;
}

.btn,
.form-control {
    min-height: 3rem;
}

/* Section Title */
h2.section-title {
    margin-bottom: 1rem;
    
    color: #000;
    line-height: 1;
	 font-size: 40px!important;
}

h6.section-title {
    margin-bottom: 1rem;
	
    font-weight: 500;
    color: #343434;
    line-height: 1.15;
	font-size: 2.2rem!important;
}

/* Header */
#header {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: sticky;
    top: 0px;
    z-index: 99999;
}

.header__top {
    background-color: #0042d1;
}

.header__top .navbar {
    padding: 0;
}

.header__top .navbar .nav-link {
    color: #fff;
}

.header__bottom {
    background-color: #fff;
}

.header__bottom .navbar {
    padding: 0;
}

.header__bottom .navbar .navbar-brand {
    padding: 0;
    margin: 0;
}

.header__bottom .navbar .nav-link {
    color: #000;
}
@media (max-width: 991px) {
	.header__top ul.navbar-nav {
		width: 100%;
		flex-direction: row;
		justify-content: center;
	}

	.header__top ul.navbar-nav > li {
		margin: 0 .5rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse {
        width: 100%;
        height: auto;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
    }
}

/* Primary Slider */
#primary-slider .carousel__slide {
    width: 100%;
    height: 100vh;
    padding: 5.5rem;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#primary-slider .carousel__slide h2,
#primary-slider .carousel__slide h6,
#primary-slider .carousel__slide a {
    margin: 1rem auto;
    color: #fff;
    text-align: center;
}

#primary-slider .carousel__slide a {
    padding: 1rem 3.5rem;
    display: block;
    background-color: #c18202;
    background-image: linear-gradient(to right, #c18202, #e8b03d);
    text-decoration: none;
    border-radius: .25rem;
    font-size: 1.25rem;
    font-weight: 400;
    transition: .1s ease all;
}

#primary-slider .carousel__slide a:hover {
    transform: scale(1.15);
}

#primary-slider .carousel-control-prev,
#primary-slider .carousel-control-next {
    width: 3rem;
    height: 3rem;
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #979797;
    opacity: 1;
    border-radius: 3rem;
    top: calc(50% - 3rem / 2);
}

@media (max-width: 767px) {
    #primary-slider .carousel__slide {
        padding: 2.5rem;
        height: auto;
    }

    #primary-slider .carousel-control-prev,
    #primary-slider .carousel-control-next {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 0.25rem;
    }
}

/* Secondary Banner */
#secondary-banner {
    width: 100%;
    height: 45vh;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
}

#secondary-banner h1 {
    margin-bottom: 1rem;
    text-align: center;
}

#secondary-banner a.btn {
    width: fit-content;
    height: auto;
    padding: 1rem 1.5rem;
    margin: 0;
    line-height: 1;
    border: none;
    border-radius: .25rem;
    transition: .1s ease all;
}

#secondary-banner a.btn:hover {
    transform: scale(1.15);
}

/* Tesimonials Carousel */
.tesimonials__carousel {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}

.tesimonials__item {
    width: 100%;
    height: auto;
    padding: 1rem 6rem;
    margin: 0;
}

.tesimonials__item p {
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.5;
}

.tesimonials__item h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #003b90;
}

.tesimonials__item h6{
 font-size: 1.5rem;
}

.tesimonials__carousel .owl-prev,
.tesimonials__carousel .owl-next {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #979797;
    border-radius: 3rem;
    border: 1px solid #979797;
    position: absolute;
    top: calc(50% - 6rem / 2);
    transition: .1s ease all;
}

.tesimonials__carousel .owl-prev {
    left: 1rem;
}

.tesimonials__carousel .owl-next {
    right: 1rem;
}

.tesimonials__carousel .owl-prev:hover,
.tesimonials__carousel .owl-next:hover {
    color: #fff;
    background-color: #003b90;
}

@media (max-width: 767px) {
    .tesimonials__item {
        padding: 0 2.5rem;
    }

    .tesimonials__item p {
        font-size: 1rem;
    }

    .tesimonials__carousel .owl-prev,
    .tesimonials__carousel .owl-next {
        width: 1.5rem;
        height: 1.5rem;
    }

    .tesimonials__carousel .owl-prev {
        left: -1rem;
    }

    .tesimonials__carousel .owl-next {
        right: -1rem;
    }
}

/* Contact Mini */
#contact-mini {
    background-color: #e7ddc7;
    background-size: 60%;
    background-position: center right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.contact-mini__inner {
    width: 100%;
    height: auto;
    padding: 3.5rem;
    margin: 0 auto;
    background-color: #ffffffeb;
    box-shadow: 0px 0px 10px 5px #0003;
}

.contact-info-mini {
    padding: 1.5rem;
    margin: 1.5rem auto;
    background-color: #0042d1;
}

.contact-info-mini a {
    padding-left: 2rem;
    margin-bottom: 1.5rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    word-break: break-all;
    line-height: 1;
    color: #fff;
	font-size:1.1rem;
}

.contact-info-mini a img {
    width: 1.5rem;
    height: auto;
    margin-right: .5rem;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
    #contact-mini {
        background-size: cover;
        background-position: center;
    }

    .contact-mini__inner {
        padding: 1.5rem;
    }
}

/* Contact Page */
#contact {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.contact__inner {
    max-width: 85%;
    margin: 0 auto;
}

.contact__inner .form-control {
    background-color: #fff;
    border-radius: 4rem;
    border: 1px solid #7fcdca;
}

.contact__inner .form-control:focus {
    border-color: #7fcdca;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #7fcdca55;
}

.contact__inner .btn {
    padding: 1rem 2.5rem;
    border-radius: .25rem;
    border: none;
    transition: .1s ease all;
}

.contact__inner .btn:hover {
    transform: scale(1.15);
}

/* Footer */
#footer {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
}

.footer__top {
    padding-bottom: 2.5rem;
}

.footer__bottom {
    padding-top: 2.5rem;
    border-top: 1px solid #c5c5c5;
}

#footer h3 {
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.footer__nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer__nav>li {
    margin-bottom: .5rem;
}

.footer__nav>li>a {
    color: #000;
}

a.footer__logo>img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

ul.footer__contact {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.footer__contact>li {
    margin-bottom: .75rem;
}

ul.footer__contact>li>a {
    color: #000;
	font-size: 20px;
    padding-left: 2rem;
    position: relative;
    display: inline-block;
    background-size: 1.5rem;
    background-position: left center;
    background-repeat: no-repeat;
}

ul.footer__social {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul.footer__social>li {
    margin-right: 1.5rem;
}

ul.footer__social>li>a {
    color: #000;
    font-size: 2.25rem;
    transition: .1s ease all;
}

ul.footer__social>li>a:hover {
    color: #d89c35;
}

/* Modules */
#modules .row {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #0003;
}

#modules img {
    max-width: 100%;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
    display: inline-block;
}
.screen-reader-response ul  {
    display: none;
}
.screen-reader-response p {
    display: none;
}
button.sub-menu-toggle {
    display: none;
}
/*dropdown css*/
.menu-main-menu-container ul ul {
    display: none;
}
.menu-main-menu-container ul ul li a{
    color:white;
}
.menu-main-menu-container ul li:hover > ul {
    display: block;
}
.menu-main-menu-container ul li:hover > ul li a {
    color:white;
}
.menu-main-menu-container ul ul {
    display: none;
    position: absolute;
  
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.menu-main-menu-container li {
    position: relative;
}
.header i.fa.fa-phone {
    transform: rotate(90deg);
}

ul.sub-menu a {
    color: #000 !important;
}
ul#menu-main-menu {
    display: inline-flex;
}
ul#menu-main-menu li a {
    color: #000;
    padding-right: 0px;
}

ul#menu-main-menu li {
    padding-right: 10px;
}
.dropdown-item:focus, .dropdown-item:hover{background-color:#fff !important;}
ul#menu-header-two {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ul#menu-header-two li {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-block+.btn-block {
    margin: 0px !important;
   
}
.btn {min-height:auto !Important;}
ul#menu-header-two li a {
    color: #000;
}
@media only screen and (max-width:767px){
	ul#menu-main-menu{display: inline-block !important;}
	
	
}
@media only screen and (max-width: 600px) {
#primary-slider .carousel__slide h6 a{
   font-size:1rem !important;
  }
}
#primary-slider .carousel__slide h6{
	font-size: 1.2rem;
}


/*Custom Logo*/
img.custom-logo {
    width: 100px;
    height: auto;
}

/* Justification section*/
@media only screen and (max-width: 600px) {
	div#para p{
font-size: 1rem;	
}
}
div#para p {
  font-size: 22px;
  font-family: 'Lato', sans-serif;
}

@media only screen and (max-width: 600px)
div#para h3 {
    font-size: 2.2rem;
}

/*Training*/
#modules li {
   font-size: 20px; 
}
#modules p {
   font-size: 20px; 
}

@media screen and (max-width:560px){
	#primary-slider .carousel__slide a{
		padding: 1rem 2.5rem;
	}
	
	img.custom-logo{
		width:50px
	}
	
	ul#menu-header-two{
	padding-left:0;
	}
}

section#about p {
    font-size: 1.1rem;
}

/**/
@media screen and (max-width:991px) {
            h2.section-title {
                font-size: 55px;
            }

            section#about p {
                font-size: 1.4rem;
                text-align: justify;
            }

            .text-yellow {
                font-size: 50px;
            }

            div#para p {
                font-family: 'Lato', sans-serif;
                font-size: 24px;
            }

            .tesimonials__item p {
                font-size: 1.35rem;
            }

            ul.footer__contact>li>a{
                font-size: 22px;
            }

            #primary-slider .carousel__slide h2{
                font-size: 45px;
				
            }
	#secondary-banner{
		height:fit-content;
	}
        }



/*New Css*/

.carousel__slide h2{
  font-size: 50px;
}

.carousel__slide h6{
  font-size: 30px!important;
  padding: 0px 50px!important;
}

@media screen and (max-width:640px){
  .carousel__slide h2{
    font-size: 30px;
  }
  
  .carousel__slide h6{
    font-size: 20px!important;
    padding: 0px 10px!important;
  }
}
#secondary-banner h1 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 50px !important;
}

@media screen and (max-width:768px) {
  #secondary-banner h1 {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 35px !important;
  }
}

/ line-812 /
#secondary-banner {
  height: fit-content;
  padding-bottom: 50px;
  padding-top: 34px;
}
@media screen and (max-width:991px) {
#secondary-banner {
  height: fit-content;
  padding-bottom: 50px;
  padding-top: 34px;
}
}
ul#menu-main-menu li a{
  font-size: 22px !important;
}

.header__top .navbar .nav-link{
  font-size: 22px !important;
}

@media screen and (max-width:640px){
  .header__top .navbar .nav-link{
    font-size: 18px !important;
  }

  section#modules ul {
    padding-left: 0 !important;
 }
}

@media screen and (max-width:840px){
  .header__top .navbar .nav-link{
    font-size: 18px !important;
  }

  section#modules ul {
    padding-left: 0 !important;
 }
}