body {font-size: 16px;font-family: 'Manrope', sans-serif;font-weight: 500;overflow-x: hidden;color: #333333;}
*,a {text-decoration: none;}
a {transition: 0.4s all; -webkit-transition: 0.4s all; -o-transition: 0.4s all; -ms-transition: 0.4s all; }
input:focus,textarea:focus,select:focus,button:focus,a:focus {outline: none;box-shadow: none;}
button:hover {background: transparent;}
ul,li {list-style: none; margin: 0; padding: 0;}
p {font-size: 20px;font-weight: 500;color: #444444;margin: 0;line-height: 1.6;padding-bottom: 20px;}
::selection {color: #ffffff; background: #003652; }
*::-webkit-scrollbar {width: 1px; cursor: pointer; }
*::-webkit-scrollbar:horizontal {height:3px; cursor: pointer; }
*::-webkit-scrollbar-track {box-shadow: inset 0 0 1px #444444; border-radius: 30px; }
*::-webkit-scrollbar-thumb {background: #cccccc; border-radius: 30px; }
*::-webkit-scrollbar-thumb:hover {background: #cccccc; }
.heading {display: flex;position: relative;flex-direction: column;align-items: flex-start;z-index: 0;}
.heading strong {font-size: 44px; line-height: 1.3; margin-bottom: 10px; }
.title {position: relative;display: block;width: 100%;}
.title:before {content: '';position: absolute;bottom: 8px;width: 70%;height: 1px;background: #015DAA;z-index: -1;max-width: 470px;}
.title h1, .title h2 {font-size: 22px; font-weight: 600; color: #015DAA; position: relative; padding: 0 11px 0 0; margin: 0 0 0; background: #ffffff; display: inline-block; letter-spacing: 0.2px; }
.title2 {display: inline-block; width: auto; position: relative; }
.title2::before {left: 50%; transform: translateX(-50%); z-index: 0; content: ''; bottom: 0; height: 1px; background: #8A8989; position: absolute; width: 250px; }
.title2 h1, .title2 h2 {margin: 0; padding: 0 20px; font-size: 16px; font-weight: 700; color: #444444; letter-spacing: 3.5px; background: #ffffff; position: relative; }
.pb-7 {padding-bottom: 7rem !important;}
.custom_button {color: #444444;font-weight: 700;display: inline-block;background: #ffffff;border: 1px solid #444444;font-size: 17px;padding: 13px 30px;position: relative;overflow: hidden;transition: 0.6s all;}
.custom_button:before {content: ''; position: absolute; right: 0; bottom: 0; border-right: 1.3em solid #0055a5; border-left: none; border-top: none; border-bottom: 1.3em solid transparent; transform: rotate(90deg) translate(12px,-12px); transition: 0.4s all; }
.custom_button.border_button {background: transparent; }
.custom_button.border_button:hover {border-color: #0055a5; color: #0055a5; }
.custom_button:hover:before {transform: rotate(90deg) scale(1); transform-origin: center; }
.product_slide_caption .custom_button:before {border-right-color: #ffc001;}
.product_slide_caption .custom_button:hover {background: transparent; color: #ffffff; }
.product_slide_caption .custom_button:after {content: ''; position: absolute; top: 0; width: 100%; left: 0; height: 100%; background: #ffc001; z-index: -1; transition: 0.4s all; }
.product_slide_caption .custom_button:hover:after {width: 0; }
.heading.text-center {align-items: center; }
.heading.text-center.white {color: #ffffff; }
.heading.text-center.white .title {width: auto; padding: 0 0 14px; } 
.heading.text-center.white .title h2 {background: transparent; color: #ffffff; }
.heading.text-center.white .title:before {bottom: 0; background: #ffffff; z-index: 0; width: 84%; left: 50%; transform: translateX(-50%); }
.parallax_background {background-size: 130%; background-position: 50%; }
:root {
	--blue_green: #003652;
	--dark_blue: #01498D;
	--blue: #04589B;
	--grey_bg: #F2F2F4;
}
header,section,footer {position: relative;}
/* header */
header {position: sticky;top: -1px;z-index: 99;background: var(--blue_green);transition: 0.4s all;box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 15%);}
header:hover,header.site-scrolled {background: #ffffff; } 
header .header_topbar {display: block;position: relative;z-index:0; }
header .header_topbar ul {display: flex;justify-content: flex-end;align-items: center;} 
header .header_topbar ul li a {padding: 18px 17px;color: #E3E3E3;font-size: 15px;display: flex;align-items: center;}
header .header_topbar ul li a i {font-size: 19px; }
header .header_topbar ul li a span {padding-left: 9px; }
header .header_topbar > ul > li .translate > a i {padding: 0 0 0 7px; font-size: 20px; }
header:hover .header_topbar ul li a,header.site-scrolled .header_topbar ul li a {color: #666666; } 
header .header_topbar > ul > li .translate {height: 100%;display: flex;align-items: center;}
header .header_topbar > ul > li .translate ul.dropdown-menu {inset: unset !important;top: 96% !important;transform: translate(0) scaleY(0.5) !important;transform-origin: top;transition: 0.4s all;opacity: 0;width: 180px;visibility: hidden;position: absolute !important;padding: 0px 10px;right: 0 !important;display: block;height: 183px;overflow-y: auto;border: 1px solid rgb(0 54 82 / 20%);}
header .header_topbar > ul > li .translate ul.dropdown-menu.show {transform: translate(0) scaleY(1) !important; opacity: 1; visibility: visible; }
header .header_topbar > ul > li .translate ul.dropdown-menu li a {padding: 5px 15px;display: block;font-size: 13px;color: #333333;font-weight: 600;border-bottom: 1px solid rgb(0 161 237 / 20%);}
header .logo {display: block; padding: 10px;}
header .logo a {transition: 0.3s all;max-width: 100%;max-width: 300px;display: block;transition: 0.4s all;background: url('https://www.srtmx.com/wp-content/uploads/2024/12/logo-1.svg') no-repeat;background-size: contain;}
header .logo a img {transition: 0.4s all; }
header.site-scrolled .logo a {max-width: 135px; display: block; background: transparent; }
header:hover .logo a,header.site-scrolled .logo a {filter: none; }
header:hover .logo a img {opacity: 0;}
header.site-scrolled:hover .logo a img {opacity: 1;}
header .navigation_scssn {display: block;padding: 0 15px 0 23px;transition: 0.3s all;position: relative;border-top: 1px solid rgb(255 255 255 / 29%);}
header:hover .navigation_scssn,header.site-scrolled .navigation_scssn {border-top-color: #dddddd; }
header .navigation_scssn .navbar {padding: 0;}
header .navigation_scssn a.navbar-brand {display: none;}
header .navigation_scssn .navbar .navbar-nav > li {padding: 0 10px;position: relative;}
header .navigation_scssn .navbar .navbar-nav li a {font-size: 20px;font-weight: 600;color: #ffffff;padding: 33px 15px;position: relative;display: inline-block;letter-spacing: 0.3px;text-transform: uppercase;transition: 0.4s all;} 
header .navigation_scssn .navbar .navbar-nav li a i {font-size: 20px; }
header .navigation_scssn .navbar .navbar-nav li a.dropdown-toggle {padding-right: 30px;}
header .navigation_scssn .navbar .navbar-nav button.dropdown-toggle {position: absolute;right: 16px;top: 28px;font-size: 18px;font-weight: 500;color: #ffffff;padding: 5px 6px;background: transparent;border: none;transition: 0.4s all;}
header .navigation_scssn .navbar .navbar-nav .dropdown-toggle::after {border: none;margin: 0;}
header .navigation_scssn .navbar .navbar-nav button.dropdown-toggle::after {content: '\f107';border: none;margin: 0;font-family: 'FontAwesome';vertical-align: 0;transform: rotate(0);transition: 0.4s all;}
header .navigation_scssn .navbar ul.navbar-nav > li:hover button.dropdown-toggle, header .navigation_scssn .navbar ul.navbar-nav > li.active  button.dropdown-toggle {color: #00a1ed; }
/* footer */
footer {position: relative;display: block;background: #0055A5;overflow-x: hidden;width: 100%;}
footer a:hover {color: #ffffff !important; }
footer .footer_nav_scssn {display: flex; flex-direction: column; justify-content: space-between; }
footer .footer_nav_scssn,footer .footer_contact {height: 100%; } 
footer .footer_nav_scssn h4, footer .footer_contact h4 {font-size: 16px; font-weight: 700; text-transform: uppercase; color: #ffffff; margin-bottom: 11px; }
footer .footer_contact {position: relative;z-index: 0;display: flex; flex-direction: column; justify-content: space-between; }
footer .footer_contact:before {content:'';position: absolute;right: 0; top: 0; width: 100vw;height: 100%;background: #01498D;z-index: -1;}
footer .footer_contact > ul > li {display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 15px;} 
footer .footer_contact > ul > li:last-child {padding-bottom: 30px;}
footer .footer_contact .footer_socials ul {display: flex; }
footer .footer_contact .footer_socials ul li {padding: 6px 14px; }
footer .footer_contact .footer_socials ul li:first-child {padding-left: 0;}
footer .footer_contact > ul > li p,footer .footer_contact > ul > li a,footer .footer_contact .footer_socials li a {color: rgb(255 255 255 / 65%); font-size: 16px; white-space: pre-line; padding-bottom:8px; }
footer .footer_nav_scssn .footer_nav li {padding: 2px 0; }
footer .footer_nav_scssn .footer_nav li a {color: rgb(255 255 255 / 75%); font-size: 16px; position: relative; }
footer .footer_nav_scssn .footer_nav li a:hover {color: #ffffff; }
footer .footer_nav_scssn .footer_nav li a:before {content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #ffffff; transform: scaleX(0); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.115,.87,.19,1); transition: -webkit-transform 0.7s cubic-bezier(.115,.87,.19,1); transition: transform 0.7s cubic-bezier(.115,.87,.19,1); transition: transform 0.7s cubic-bezier(.115,.87,.19,1), -webkit-transform 0.7s cubic-bezier(1, 0.07, 0.19, 1); transform-origin: right; bottom: 0px; }
footer .footer_nav_scssn .footer_nav li a:hover:before {transform-origin: left; transform: scale(1); }

.copyright {display: block; position: relative; }
.copyright:before {content: ''; position: absolute; left: 0; top: 0; width: 100vw; height: 2px; background: #01498D; }
.copyright ul {display: flex; justify-content: space-between; }
.copyright ul li,.copyright ul li a {color: rgb(255 255 255 / 65%); font-size: 15px; }
#toTop {padding: 0;font-size: 23px;color: #003652;position: fixed;cursor: pointer;/*bottom: 33px;*/top: 40%;/*right: 25px;*/right: 25px;/*display: none;*/width: 40px;line-height: 40px;height: 40px;text-align: center;background: transparent;z-index: 98;transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-webkit-transition: all ease 0.3s;opacity: 0;visibility: hidden;}
#toTop.active{
    opacity: 1;
    visibility: visible;
    top: 85%; 
}
#toTop:before {content: '';position: absolute;width: 40px;height: 40px;background: #ffc001;right: 0%;bottom: 0%;z-index: 0;transform: rotate(45deg);border-radius: 6px;box-shadow: 2px 2px 15px 0px rgb(0 0 0 / 15%);border: 1px solid #ffc001;}
#toTop>span {position: relative;z-index: 3;}


/* ===tmt_calculator_block ==== */
 
.tmt_calculator_box {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    z-index: 15;
    max-width: 370px;
    width: 90%;
    justify-content: flex-start;
    box-shadow: 0px -10px 20px 0px rgb(0 0 0 / 20%);
}
.nonSticky .tmt_calculator_box {position: absolute; }
.tmt_calculator_box .accordion {width: 100%; }
.tmt_calculator_box .accordion-item {background: #080206; border: none; border-radius: 0; }
.tmt_calculator_box .accordion-button {padding: 8px 17px;background: #080206;box-shadow: none;display: flex;outline: none;justify-content: space-evenly;}
.tmt_calculator_box .accordion-button:after {display: none; }
.tmt_calculator_box .accordion-button ul {display: flex; align-items: center; }
.tmt_calculator_box .accordion-button ul li {padding: 5px 18px; } 
.tmt_calculator_box .accordion-button ul li:first-child {padding-left: 0; }
.tmt_calculator_box .accordion-button ul li h5 {font-size: 12px;font-weight: 800;text-transform: uppercase;color: #ffc001;white-space: pre-line;letter-spacing: 0.6px;margin: 0;}
.tmt_calculator_box .accordion-button ul li h6 {color: #ffc001;font-size: 13px;font-weight: 600;letter-spacing: 0.4px;margin-bottom: 5px;}
.tmt_calculator_box .accordion-button ul li .sticky_price {display: flex; align-items: flex-end; color: #ffffff; }
.tmt_calculator_box .accordion-button ul li .sticky_price h4 {margin: 0;font-size: 20px;font-weight: 800;}
.tmt_calculator_box .accordion-button ul li .sticky_price sup {font-weight: 300; top: -0.4em; font-size: .65em; padding-right: 2px; }
.tmt_calculator_box .accordion-button ul li .sticky_price span {font-size: 10px;padding-left: 8px;font-weight: 800;letter-spacing: 0.5px;}
.tmt_calculator_box .accordion-button ul li:last-child {border-left: 1px solid rgb(255 255 255 / 36%); padding-right: 0; }
.tmt_calculator_box .tmt_calculator {background: #f8f4e8; padding: 15px 20px; }
.tmt_calculator_box .tmt_calculator .calculater_title {display: block; position: relative; }
.tmt_calculator_box .tmt_calculator .calculater_title h3 {font-size: 21px; font-weight: 800; text-transform: uppercase; margin: 0; padding-bottom: 3px; color: #003652; }
.tmt_calculator_box .tmt_calculator .calculater_title h6 {font-size: 16px; font-weight: 600; color: #666666; letter-spacing: 1px; }
.tmt_calculator_box .tmt_calculator .calculate_form .form-group label {position: absolute; top: -10px; left: 14px; font-size: 12px; transition: 0.4s all; z-index: 1; font-weight: 700; color: rgb(68 68 68 / 70%); background: #f8f4e8; padding: 2px 4px 2px 4px; text-transform: uppercase; letter-spacing: 0.2px; }
.tmt_calculator_box .tmt_calculator .calculate_form .form-group {position: relative; } 
.tmt_calculator_box .tmt_calculator .calculate_form .form-group .form-select, .tmt_calculator_box .tmt_calculator .calculate_form .form-group .form-control {padding: 6px 17px 3px 17px; border: 1px solid rgb(8 2 6 / 41%); height: 45px; transition: 0.8s all; color: #222222; font-weight: 500; width: 100%; border-radius: 50px; font-size: 15px; box-shadow: none; outline: none; background-color: #f8f4e8; }
.tmt_calculator_box .tmt_calculator .calculate_form .custom_button {padding: 8px 30px; font-size: 15px; border-radius: 10px; margin: 0 auto; background: #ffc001; border-color: #ffc001; }
.tmt_calculator_box_free {
    position: absolute;
}


/* ====== form style ===== */ 
.common_form label {font-size: 13px;font-weight: 600;color: #222222;padding: 0 0 2px;letter-spacing: 1px;}
.common_form .form-control,.common_form .form-select {background-color: rgb(0 0 0 / 4%);border: none;height: 65px;color: #444444;font-size: 15px;font-weight: 600;outline: none;box-shadow: none;border: 2px solid #44444400;resize: none;border-radius: 0;transition: 0.4s all;padding: 18px 25px;}
.common_form textarea.form-control {height: 90%; }
.common_form .form-control:focus, .common_form .form-select:focus {border-color: #444444; background-color: transparent; }
.common_form .form-control::placeholder, .common_form .form-select::placeholder {color: #888888; font-size: 14px; letter-spacing: 0.5px; font-weight: 400; } 
.contact_button {text-align: center; } 
.contact_button .custom_button {background: #ffc001; width: 220px; border-color: #ffc001; }
.contact_button .custom_button:hover {background: transparent; border-color: #0055a5; }   

/* ====== 03-03-2023 == enquiry modal ==== */

.enquriy-form ~ .modal-backdrop {
	backdrop-filter: blur(8px);
    background: rgb(4 88 155 / 50%); 
}	
.enquriy-form .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    min-height: auto;
	overflow: hidden;
}
.enquriy-form .modal-body .heading strong {
    font-size: 35px;
}
.enquriy-form .modal-dialog .modal-content {
    border-radius: 0;
	border: 0;
    height: 100%;
}
/* .enquriy-form .modal-dialog .modal-content:after {
    content: "";
    position: absolute;
    height: 300vh;
    width: 100%;
    background: red;
    z-index: -1;
} */
.enquriy-form .modal-dialog .modal-body {
    padding: 3rem 4rem 3rem;
	height: 100%;
    position: relative;
    overflow: auto;
}
.enquriy-form .modal-dialog:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}
.enquriy-form .modal-dialog .modal-body:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../images/srt_bg.png);
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-size: 50%;
    background-position: right top;
    z-index: 1;
    pointer-events: none;
}
.enquriy-form .modal-body .heading .title:before {
    width: 130px;
}
 
.enquriy-form .modal-dialog .modal-content button.btn-close {
    left: 0;
    position: absolute;
    opacity: 1;
    z-index: 4;
    height: 50px;
    width: 50px;
    border-radius: 0;
    background: #003652;
}
.enquriy-form .modal-dialog .modal-content button.btn-close:after, .enquriy-form .modal-dialog .modal-content button.btn-close:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 40px;
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%) rotate(45deg);
    transition: all 0.3s;
}

.enquriy-form .modal-dialog .modal-content button.btn-close:before {
    transform: translate(-50% ,-50%) rotate(-45deg);
}

.enquriy-form .modal-dialog .modal-content button.btn-close:hover:before, .enquriy-form .modal-dialog .modal-content button.btn-close:hover:after {
    transform: translate(-50% ,-50%) rotate(0deg);
}
.enquriy-form .modal-dialog .modal-content button.btn-close:focus, .enquriy-form .modal-dialog .modal-content button.btn-close:hover {
    box-shadow: none;
    border: 0;
}
.enquriy-form .modal-dialog .modal-body .buy_form_scssn {
    padding: 0;
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 60%;
}
.enquriy-form .modal-dialog .modal-body .common_form .form-control, .enquriy-form .modal-dialog .modal-body .common_form .form-select { 
    height: auto;
    background-color: #f3f3f3;
    padding: 18px 25px;
}
.enquriy-form .modal-dialog .modal-body .common_form .form-control:focus, .enquriy-form .modal-dialog .modal-body .common_form .form-select:focus, .enquriy-form .modal-dialog .modal-body .common_form .form-control:active, .enquriy-form .modal-dialog .modal-body .common_form .form-select:active {
    background-color: #ffffff;
} 
.enquriy-form .modal-dialog .modal-content .modal-body{
	height: 100%;
    display: block;
    position: relative;
    overflow: auto;
}


/* ====== loder   ======*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
    width: 100%;
    height: 100%;
}
#preloader #loader-1 {
    height: 100px;
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

#loader-1:before,
#loader-1:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 7px solid transparent;
}
#loader-1:before {
    border-color: transparent;
    animation: spin 1s infinite;
    border-top-color: #00a1ed;
    border-left-color: #00a1ed;
}
#loader-1:after {
    animation: spin 1s infinite alternate;
    border-color: transparent;
    border-bottom-color: #003652;
    border-right-color: #003652;
}
#preloader img {
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    margin-left: -12px;
    margin-top: -17px;
}
@-moz-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
 
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
 div#result strong {
    display: inline-block;
    font-size: 20px;
    color: #000000;
}


#result .desc {
    color: #003652;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin: 22px 8px 12px;
    background: rgb(9 84 144 / 15%);
    padding: 12px 12px;
    border: 1px solid #d3d3d3;
}

/* ==== */
.tmt_calculator .submit-inquiry-bt.custom_button {
    background: #003652;
    color: #ffffff;
    padding: 10px 18px;
    border: 1px solid #003652;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
}
.tmt_calculator .submit-inquiry-bt.custom_button:hover {
    color: #003652;
    background: #ffffff;
}
.tmt_calculator .submit-inquiry-bt.custom_button:before {
    border-right: 1.3em solid #003652;
}
  /* ========== whatsapp chat ============= */
.whatsapp-chat {
    position: fixed;
    right: 21px;
    top: 92%;
    z-index: 98;
}
.whatsapp-chat img {
    height: 50px;
    max-width: 50px !important;
    width: 50px !important;
}

ul.google-img {
    display: flex;
    margin: 0 45px;
}

.google-img li + li {
    margin: 0 15px;
}