/*
@File: TTI Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Header Area Style
** - Nav Area Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");
body {
  font-size: 14px;
  font-family: "Sora", sans-serif;
  color: #585858;
}
.logo_sub{
	margin-left: 9px;
    font-size: 13px;
}
a {
  transition: all ease 0.5s;
  text-decoration: none;
  color: #fdc517;
}
.icon-img {
width: 35px;
height: auto;
}
.info-icons span {
font-weight: 500;
font-size: 12px;
display: inline-block;
max-width: 150px;
}
@media only screen and (max-width: 767px) {
	.logo_sub{
		margin-left: 9px;
		font-size: 10px;
	}
	.navbar-brand img{
		max-height: 60px !important;
	}
	
	.icon-img {
	width: 25px;
	height: auto;
	}
.info-icons span {
	font-weight: 500;
	font-size: 10px;
	display: inline-block;
	max-width: 150px;
	}
	
	.banner-content h1{
		color: #003399;
    font-size: 18px !important;
    text-align: center;
    margin-top: 15px;
	}
	
	.banner-area{
		height: 220px !important;
	}
}
a:hover {
  text-decoration: none;
  color: #fdc517;
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  box-shadow: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #fbbc01;
  font-weight: 600;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 14px;
  margin-bottom: 15px;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.form-control {
  border: 3px solid #fdc517;
}

.form_content .fa-question-circle{
    background: #ff8400;
    padding: 10px;
	width: 43px;
    margin-top: 1px;
    color: #000;
}

.form_content .fa-info-circle{
    font-size: 24px;
    padding: 2px;
    color: #fff;
}

.text-black .fa-info-circle{
    color: #039;
}

.question{
    text-align: right;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-30 {
  font-size: 30px !important;
}

/*
Bg-color Style*/
.bg-color-f4f4f4 {
  background-color: #f4f4f4;
}

.bg-color-000000 {
  background-color: #000000;
}

.bg-color-f4f4f4 {
  background-image: linear-gradient(to right, rgba(165, 113, 219, 0.1), rgba(165, 113, 219, 0.2));
}

.secondary_color {
  color: #003399;
}

.main_color {
  color: #fdc517;
}

.blue_bg {
  background-color: #003399;
}

.blue_bg .h1, .blue_bg .h2, .blue_bg .h3, .blue_bg .h4, .blue_bg .h5, .blue_bg .h6, .blue_bg h1, .blue_bg h2, .blue_bg h3, .blue_bg h4, .blue_bg h5, .blue_bg h6, .blue_bg p {
  color: #ffffff;
}

/*
Default Btn Area Style*/
.default-btn {
  background: #ff8400;
  color: #003399;
  padding: 15px;
  margin: 15px auto;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.3em;
  border-radius: 5px;
  width: 90%;
}

.container {
  max-width: 1665px;
}

/*
Navbar Area
=====================================================*/
.navbar {
  z-index: 1020;
  width: 100%;
  transition-duration: 1s;
}

.menu_divider {
  padding-bottom: 0px;
}

.navbar-light .navbar-brand img, .offcanvas .navbar-brand img {
  max-height: 60px;
  transition-duration: 1s;
}
.logoText{
	font-size: 11px;
}
.navbar-light .navbar-nav .nav-link, .offcanvas .navbar-nav .nav-link {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-weight: bold;
  color: #214da6d1;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:focus, .offcanvas .navbar-nav .nav-link:hover, .offcanvas .navbar-nav .nav-link:active, .offcanvas .navbar-nav .nav-link:focus {
  color: #214da6d1;
  opacity: .8;
}

.navbar-light .navbar-nav .nav-item, .offcanvas .navbar-nav .nav-item {
  margin-right: 10px;
}

/*
Banner Area
=====================================================*/
.banner-area {
  height: 346.9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.banner-area .container {
  height: 100%;
}

.banner-area .container .row {
  height: 100%;
}

.banner-area .banner-content {
  background-color: rgba(242, 242, 242, 0.82);
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  padding: 20px 25px;
  text-align: center;
  box-shadow: 0px 12px 18px -6px #0000004d;
}

.banner-area .banner-content h1 {
  color: #003399;
  font-size: 22px;
  font-weight: 500;
}

.home_banner {
  background-image: url("../images/banner.jpg");
}

.register_banner {
  background-image: url("../images/register_banner.png");
}

.license_banner {
  background-image: url("../images/license_banner.jpg");
}

.agriculture_banner {
  background-image: url("../images/agriculture_banner.jpg");
}

/*
Form Area
=====================================================*/
.form_section_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 350px;
  overflow: hidden;
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 12px 18px -6px #0000004d;
}

.form_section_item h2 {
  font-size: 1.5rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .form_section_item{
      padding: 20px;
  }
  .form_section_item_left h2{
    font-size: 19px;      
  }
  .content_area h2{
    font-size: 19px !important;      
  }
}

.form_section_item .form-control {
  height: 45px;
}

.form_section_item_left {
  background-color: #003399;
}

.form_section_item_left h2 {
  color: #fdc517;
}

.form_section_item_right {
  background-color: #F4DF8F;
}

.form_section_item_right h2 {
  color: #003399;
}

/*
Traffic Area
=====================================================*/
.traffic_section {
  background-color: #003399;
  position: relative;
}

.traffic_section p {
  color: #ffffff;
}

.traffic_section ul.check_list li {
  color: #ffffff;
  font-weight: bold;
}

.traffic_section ul.check_list li i {
  color: #fdc517;
}

.traffic_section::after {
  content: '';
  width: 100%;
  height: 12px;
  background-image: url(../images/divider.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -6px;
  right: 0;
  background-size: cover;
  background-position: right;
}

/*
Register Area
=====================================================*/
.register_section {
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/*
Register Process  Area
=====================================================*/
.process_section_item {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  padding: 20px 40px;
  text-align: center;
  background-color: #ffffff;
  min-height: 155px;
}

.process_section_item h4 {
  font-size: 18px;
}

.process_section_item p {
  color: #000000;
  font-size: 12px;
}

.register_process_section {
  background-color: #003399;
  position: relative;
}

.register_process_section::after {
  content: '';
  width: 100%;
  height: 12px;
  background-image: url(../images/divider.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -6px;
  right: 0;
  background-size: cover;
  background-position: right;
}

/*
Inquiry Area
=====================================================*/
.inquiry_section {
  background-image: url("../images/bg.png");
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

.inquiry_section h3 {
  color: #003399;
  font-size: 18px;
}

.inquiry_section p {
  color: #000000;
}

.inquiry_section::after {
  content: '';
  width: 100%;
  height: 17px;
  background-image: url(../images/divider.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -26px;
  right: 0;
  background-size: cover;
  background-position: right;
  transform: rotateX(180deg);
}

/*
Ascription Area
=====================================================*/
.ascription_section {
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.ascription_section h2.left_title {
  color: #003399;
  font-size: 30px;
  margin-bottom: 20px;
}

/*.ascription_section p {
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}*/

/*
 Certificate Parts Area
=====================================================*/
.certificate_parts_section {
  background-color: #EBEBEB;
}

.certificate_parts_section h3 {
  color: #003399;
}

.certificate_parts_section .process_section_item {
  min-height: 155px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*
New Register Process  Area | license code page
=====================================================*/
.new_register_process_section h3 {
  color: #003399;
}

.new_register_process_section .process_section_item {
  background-color: #003399;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 18px 0px #0000004d;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  padding: 20px 40px;
  text-align: center;
  min-height: 155px;
}

.new_register_process_section .process_section_item h4 {
  font-size: 18px;
  color: white;
}

.new_register_process_section .process_section_item p {
  font-size: 12px;
  color: white;
}

.new_register_process_section .process_section_item.white {
  background-color: #EBEBEB;
}

.new_register_process_section .process_section_item.white h4 {
  color: #003399;
}

.new_register_process_section .process_section_item.white p {
  color: #000000;
}

/*
old_certification  Area | license code page
=====================================================*/
.old_certification .content_area {
  text-align: center;
}

.old_certification .content_area h3 {
  color: #fdc517;
  font-size: 18px;
}

.old_certification .content_area p {
  font-size: 12px;
}

/*
register_paper  Area
=====================================================*/
.register_paper .content_area h4 {
  font-size: 18px;
  color: #003399;
}

.register_paper .content_area ul li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 15px;
}

.register_paper .content_area ul li:before {
  content: "";
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
  left: 0;
  position: absolute;
  top: 9px;
  border-color: #000000;
}

/*
equipment  Area
=====================================================*/
.equipment_section .content_area h4 {
  font-size: 18px;
  color: #003399;
}

.equipment_section .content_area ul li {
  position: relative;
  padding-left: 14px;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 15px;
}

.equipment_section .content_area ul li:before {
  content: "";
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
  left: 0;
  position: absolute;
  top: 9px;
  border-color: #ffffff;
}

.faq_section .accordian_section .accordion-item {
  border: 1px solid #d9d9d9;
  margin-top: 15px;
  margin-bottom: 15px;
  transition-duration: 1s;
}

.faq_section .accordian_section .accordion-item .accordion-button {
  font-size: 14px;
  padding: 0 20px;
  font-weight: bold;
  color: #6A6666;
}

.faq_section .accordian_section .accordion-item .accordion-button::after {
  width: auto;
  height: auto;
  content: "+";
  font-size: 40px;
  background-image: none;
  font-weight: 100;
  color: #1b6ce5;
}

.faq_section .accordian_section .accordion-item .accordion-button.collapsed {
  background-color: #F4F4F4;
}

.faq_section .accordian_section .accordion-item .accordion-button:not(.collapsed) {
  background-color: white;
}

.faq_section .accordian_section .accordion-item .accordion-button:not(.collapsed)::after {
  width: auto;
  height: auto;
  background-image: none;
  content: "-";
  font-size: 48px;
  transform: translateY(-4px);
  transform: rotate(0deg);
}

.faq_section .accordian_section .accordion-item .accordion-collapse {
  transition-duration: .6s;
}

/*
Footer  Area
=====================================================*/
.footer .container {
  max-width: 1280px;
  width: 80%;
}

.footer .footer-top {
  background-color: #003399;
}

.footer .footer-top h4 {
  font-size: 18px;
}

.footer .footer-top ul li {
  margin-bottom: 15px;
}

.footer .footer-top ul li a {
  color: #ffffff;
}

.footer .footer-top ul li a:hover {
  color: #ffffffb3;
}

.footer .footer-top ul.left_menu li {
  position: relative;
  padding-left: 14px;
}

.footer .footer-top ul.left_menu li:before {
  content: "";
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
  left: 0;
  position: absolute;
  top: 9px;
  border-color: #fbbc01;
}

.footer .footer-top .logo {
  margin-bottom: 15px;
}

.footer .footer-top .logo img {
  width: 70px;
}

.footer .footer-bottom {
  background-color: #002368;
  padding: 15px 0 5px;
}

.errors ul {
  margin-top: 11px;
  padding-left: 15px;
  list-style-type: none;
}